HEX
Server: Apache
System: Linux 185.122.168.184.host.secureserver.net 5.14.0-570.52.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Oct 15 06:39:08 EDT 2025 x86_64
User: barbeatleanalyti (1024)
PHP: 8.1.33
Disabled: NONE
Upload Files
File: /home/barbeatleanalyti/www/manage.beatleanalytics.com/theme/black/css new--/custom-sara.css
@charset "utf-8";
/* CSS Document */


/********SUMMERY PAGE START********/

.main-summery-page .bx-box.footer-box.feedback.live-chart .rgraph_domtext_wrapper {overflow: visible;
    width: 100% !IMPORTANT;
    height: 250px !IMPORTANT;
    display: inline-block;
    position: relative;} 
 .main-summery-page .bx-box.footer-box.feedback.live-chart canvas#cvs {    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline;
    float: none;
    cursor: default;
    height: 230px !IMPORTANT;}
	
	
	
.main-summery-page .yellow {
    background:#fff !important;
    border-color:black !important;
    color: black;
}
.main-summery-page .live-chart .box-body {
    height: 250px !IMPORTANT;
}


.main-summery-page .subscription-chart .box-body , .main-summery-page .subscription-chart div#meters  {background:#fff  !IMPORTANT;}
.main-summery-page .pie-chart-left div#meters {background: yellow !IMPORTANT;}
				
.main-summery-page .pie-chart-right div#meters { background: green !IMPORTANT;}


.main-summery-page .clock {
    background: #32373a;
    width: 97%;
    border-radius: 8px;
	height:191px !important;
}
.main-summery-page ul.text-gray li {
    font-size: 75px; color:#fff;
}
.main-summery-page .clock.ClockDesign {
   padding: 40px 0;
   width: 100% !important;
}

.main-summery-page .head-article { /* border-radius: 5px; */
    background-color: #fff;
    padding-bottom: 15px;
    width: 100%;
    margin: 0 auto; }
.main-summery-page .inner-article{
    border-left: 2px solid #23b7e5;
    margin-left: 15px;
}
.main-summery-page .head-article p {
    font-size: 15px;
    color: #1c2a33;
    margin: 0;
	margin-top: 10px;
    margin-left: 10px;
	margin-right: 10px;
	
}

.main-summery-page .head-article .datespan {
    float: none;
    text-align: right;
    display: block;
    margin-right: 15px;
}

.main-summery-page .head-article span {
    float: right;
}

.main-summery-page .head-article h2 {
    width: 100%;
    color: #fff;
    padding: 12px 10px 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 20px;
}

.main-summery-page .bg-info {
    color: #dcf2f8;
    background-color: #23b7e5;
}
.main-summery-page .bx-box .box-header.with-border.box-header {
    border-top-right-radius: 5px !IMPORTANT;
    border-top-left-radius: 5px;
	border: 2px solid #d0c9c9;
	
}

.main-summery-page .bx-box  {
    border-top-right-radius: 10px !IMPORTANT;
    border-top-left-radius: 10px;
}
 div#festival-banner {
   
	
}
.main-summery-page .box-body.map {
    background: #fff !IMPORTANT;
}
.main-summery-page div#festival-banner img {
    width: 100%;
    height: auto;
	height:200px;
}




.main-summery-page * {box-sizing: border-box}

.main-summery-page .container {
  width: 100%;
  background-color: #ddd;
}

.main-summery-page .skills {
  text-align: right;
  padding-right: 20px;
  line-height: 17px;
  color: white;
}
.main-summery-page .news-manu p {
    margin: 0;
}
.main-summery-page .news-manu.skill-bar .container {
    margin-bottom: 17px;
}


.main-summery-page body.sidebar-mini.skin-blue.pace-done.sidebar-collapse .containerClock.sidebar-form {
    display: block !IMPORTANT;
}


.main-summery-page .bx-box.footer-box.feedback .box-body {
    background: #FFF !IMPORTANT;
}
.main-summery-page .box-body.main {
    background: #FFF  !IMPORTANT;

}
.main-summery-page .main-br {
    margin-bottom: 15px;border: 2px solid #d0c9c9;
}
.main-summery-page .info-box{
	box-shadow: 0 1px 1px #d0c9c9 !important;
	border:1px solid #d0c9c9 !important;
	border-radius: 16px 2px 2px 13px !important;
}
.main-summery-page .info-box-icon{
	height:80px !important; 
	width:80px !important; 
	margin:4px !important;
}
.main-summery-page .info-box-content{
	text-align:center;
}

/***
.bx-box.footer-box.feedbacksvg text {
    fill: #fff !IMPORTANT;
}
/***
.bx-box.footer-box.feedback .box-body {
    background: white;
}****/
.main-summery-page .bx-box.footer-box.main-br .info-box span.info-box-icon.bg-aqua , .main-summery-page span.info-box-icon.bg-red , .main-summery-page span.info-box-icon.bg-green , .main-summery-page span.info-box-icon , .main-summery-page span.info-box-icon , .main-summery-page span.info-box-icon 
{ border-radius: 15px;}
.main-summery-page .info-box-content .info-box-number {
    font-size: 40px;
    color: black;
}
.main-summery-page g text {
    fill: #d0c9c9 !IMPORTANT;
}
.main-summery-page .containerClock.sidebar-form .clock.ClockDesign {
    display: none;
}

.main-summery-page .clock .containerClock.sidebar-form .clock.ClockDesign {
    display: block;
}

.main-summery-page .box-body .round-chart text { font-size:1vw !important; margin-bottom:10px !IMPORTANT;}

 .main-summery-page .ft-footer-box {
    margin-top: 16px !IMPORTANT;
    width: 100%;
    float: left;
}
.main-summery-page .box-header.with-border.box-header { background: #d0c9c9;}
.main-summery-page .footer-box .box-body {  background:#32373a;}
.main-summery-page .footer-box .box-header.with-border.box-header {  border: none;}
.main-summery-page ul.news li {color: #fff;}




   
.main-summery-page .subscription-chart .progess-chart .pie-title-center {
  display: inline-block;
  position: relative;
  text-align: center;
}

.main-summery-page .subscription-chart .progess-chart .pie-value {
  display: block;
  position: absolute;
  font-size: 28px;
  height: 40px;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  line-height: 40px;
  font-weight: 700;
}
.main-summery-page .subscription-chart .progess-chart .container { margin:150px auto; max-width:400px;}

.main-summery-page .subscription-chart .left-round-chart {
    background: #ffc40d; color: #fff;
}

.main-summery-page .subscription-chart .right-round-chart {
    background:#00a300;color: #fff;
}
.main-summery-page .subscription-chart .heder-title {
    background: #ffd03d;
    padding: 7px 4px;
    margin: 0px;
}
.main-summery-page .subscription-chart .heder-title h3 {
    margin: 0px;
    font-size: 14px;
	font-weight: 900;
}
.main-summery-page .subscription-chart .footer-per p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
}

.main-summery-page .subscription-chart .footer-per {
    background: #e5b00c;
    padding: 7px 4px;
}
.main-summery-page .subscription-chart .round-chart {
    height: 250px;
}


/***.main-summery-page .subscription-chart .progess-chart canvas {
    width: 80%;
	padding: 30px 0;
}
*****/
.main-summery-page .subscription-chart .progess-chart canvas {
    width:130px;
	padding: 30px 0;
}

130px
.main-summery-page .subscription-chart .subscription-chart .box-body {
    padding-left: 0;
    padding-right: 0;
}
.main-summery-page .subscription-chart div#demo-pie-3  {
    width: 100% !IMPORTANT;
}
.main-summery-page .subscription-chart div#demo-pie-2  {
    width: 100% !IMPORTANT;
}
.main-summery-page .subscription-chart .right-round-chart .heder-title { background:#33b633;}
.main-summery-page .subscription-chart .right-round-chart .footer-per { background:#009200 !IMPORTANT;}
.main-summery-page .subscription-chart .left-round-chart , .main-summery-page .subscription-chart .right-round-chart {MARGIN-TOP: 0px;}


/***11-13-2017****/

.main-summery-page .bx-box.footer-box b.scor {
    color: black;
    font-size: 12px;
	
}
.main-summery-page .bx-box.footer-box b.lr {
    color: red;
    font-size: 12px;
}

.main-summery-page span#avg-us {
    font-size: 21px;
}
.main-summery-page .pull-left.right-border {
    border-right: 1px solid #DDD;
}
.main-summery-page .box-body.main span.info-box-number {
    font-size: 21px !IMPORTANT;
}
.main-summery-page .box-body.main .info-box span.info-box-icon i {
    line-height: 1.8 !IMPORTANT;
}
 
/*******//*SUMMERY PAGE END********/


/****dashboardma.html***start******/


/**
.head-article h2 {
padding: 12px 40px 12px !IMPORTANT;     margin: 0px;}**/

.head-article h2 {
    padding: 0px 40px 0px !IMPORTANT;
    margin: 0px;
    height: 50px;
    line-height: 2.5;
}


.branch-icon {  width: 67px;
    height: 45px; float:left;     margin-right: 12px;  clear: both; border-bottom: 1px solid #fff;}

.branch-icon-0  {
   background:  #4cbe4c; 
}
.branch-icon-1  {
   background:  #f1764c;
}
.branch-icon-2  {
   background:  #6cacf3;
}
.branch-icon-3  {
   background:  #ffd555;
}

.branch-icon-4  {
   background:  #d8233c;
}
.branch-icon-5  {
   background:  #4cbe4c; 
}
.branch-icon-6  {
   background:  #f1764c;
}
.branch-icon-7  {
   background:  #6cacf3;
}
.branch-icon-8  {
   background:  #ffd555;
}

.branch-icon-9  {
   background:  #d8233c;
}

article.head-article p {
    border-bottom: 1px solid #ddd;
    height: 45px; margin-right:34px;
}


.head-article p {
    line-height: 2.3;
    margin-top: 0px !IMPORTANT;
    font-size: 19px !IMPORTANT;
    font-weight: 700;
}

.inner-article {
     border-left: none !IMPORTANT;
  margin-left: 0px !IMPORTANT;
}
.inner-article {

    height: 45px;
}

.head-article {
   
   
    padding-bottom: 0 !IMPORTANT;
    width: 100%;
    margin: 0 auto;
    float: left !IMPORTANT;
}
.branch-logo {
    width: 28px;
    height: 50px;
    float: left;
    border-right: 1px solid #ddd;
    margin-right: 9px;
}



.box-body.chart-bottom {
    background: #32373a;
}
.chart-top .box-header.with-border {
    background: #d0c9c9;
    border-bottom: none;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 16px 16px;
}
.chart-top h3 {
    font-size: 21px !IMPORTANT;
    font-weight: 700;
}

/***
.head-article h2  {
  
    border-radius: 5px 5px 0 0px;
}**/

h3.activate-new {
    background: #464343 !IMPORTANT;
}
article.innerart h3 {
    background: #222222 !IMPORTANT;
}
.newinner.activate {
    background-color: #6f6c6c !IMPORTANT;
    
}
.newinner {
  background-color:#dadbdc !IMPORTANT;
  
}
article.head-article {
    border: 3px solid #222d32 !IMPORTANT;
    border-radius: 0px !IMPORTANT;
}
/**
article.head-article {
    border: 3px solid #222d32;
}**/


section.content.dashboardma-page .form-group {
    margin: 0px;
}

/*********GANARAL************/

body {zoom:75%;}
aside.main-sidebar .slimScrollDiv section.sidebar {
    height: auto !IMPORTANT;
}