/* here you can put your own css to customize and override the theme */

/* Header */

/*body {
  background-color: #eee !important;
}*/
.login_container {
	background-color: #fff !important;
}

.header {
	background: #fff !important;
	 border-bottom: 3px solid #ff7900 !important;
    /*background: #3d3d3d !important;*/
	height: 80px !important;
}

.navbar-nav {
	/*background: #242424 !important;*/
	padding: 12px;
	color: #000;
}

/* Content */

/*.page-sidebar 
{ 
 background-color: #eee !important;
}*/
ul.page-sidebar-menu>li.active>a {
	background-color: #ff7900 !important;
}

.tabbable-custom .nav-tabs>li.active {
	border-top: 3px solid #ff7900 !important;
}

/*.login_container
{
 background:#fff;
}*/

/*.page-container { background:#fff; }

.page-sidebar-wrapper { background:#fff;  } 

.page-sidebar{ background:#fff;  }*/
.login_page {
	border: 1px solid #ccc;
}

.whole_contanier {
	height: 100% !important;
	position: relative !important;
}

.grid-view .button-column {
	width: auto;
}

.change_brand {
	float: right;
	width: 170px;
	padding: 4px;
}

.any_info 
{
 width:250px;
 height:30px;
}

.any_info ul li
{
float:left;
list-style:none;
padding:3px;
}

/* IFrame */

#frame { 
border:0px; 
width:100%;
margin-left:30px;
}

.col-md-9, .col-md-3 
{
 padding:5px;
}

div.checker input, div.radio input
{
 opacity:1 !important;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]
{
 margin-left:0px !important;
}

.theme-option
{
 height:90px;
}

.brand_drop { 
float:left;
width:150px;
}

.brand_chbtn {
float:left;
}

.analytics_errormsg
{
 border:1px solid red;
 color:#e02222;
 font-size:18px;
 margin:0 auto;
 margin-top:10%;
 padding:15px;
 width:62%;
}

.suc_msg
{
 border:1px solid green;
 color:green;
 font-size:18px;
 margin:0 auto;
 margin-top:10%;
 padding:15px;
 width:75%;
}
.suc_msg p
{
 width:40%;
 margin: 0 auto;
}

.chart_div 
{
 width:350px;
 height:250px;
}

/* Footer */
.footer {
	background: #fff;
	border-top: 3px solid #ff7900;
	width: 100%;
	height: 50px;
	position: fixed !important;
	bottom: 0px !important;
	left: 0 !important;
}

.footer .footer-inner {
	color: #000;
	padding: 5px;
}

/* Calendar Styles */
.calendar {width:100%; border-collapse:collapse;}
.calendar tr.navigation th {padding-bottom:20px;}
.calendar th.prev-month {text-align:left;}
.calendar th.current-month {text-align:center; font-size:1.5em;}
.calendar th.next-month {text-align:right;}
.calendar tr.weekdays th {text-align:left;}
.calendar td {width:14%; height:100px; vertical-align:top; border:1px solid #CCC;}
.calendar td.today {background:#FFD;}
.calendar td.prev-next {background:#EEE;}
.calendar td.prev-next span.date {color:#9C9C9C;}
.calendar td.holiday {background:#DDFFDE;}
.calendar span.date {display:block; padding:4px; line-height:12px; background:#EEE;}
.calendar div.day-content {}
.calendar ul.output {margin:0; padding:0 4px; list-style:none;}
.calendar ul.output li {margin:0; padding:5px 0; line-height:1em; border-bottom:1px solid #CCC;}
.calendar ul.output li:last-child {border:0;}

/* Small Calendar */
.calendar.small {width:auto; border-collapse:separate;}
.calendar.small tr.navigation th {padding-bottom:5px;}
.calendar.small tr.navigation th a span {font-size:1.5em;}
.calendar.small th.current-month {font-size:1em;}
.calendar.small tr.weekdays th {text-align:center;}
.calendar.small td {width:auto; height:auto; padding:4px 8px; text-align:center; border:0; background:#EEE;}
.calendar.small span.date {display:inline; padding:0; background:none;}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(Preloader_2.gif) center no-repeat #fff;
}

      .cal_div {
          padding: 20px;
          background: #ffffff;
		  width:90%;
		  margin:0 auto;
      }      

    .legend-scale ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    }
  .legend-scale ul li {
    display: block;
    float: left;
    width: 50px;
    margin-bottom: 6px;
    text-align: center;
    font-size: 80%;
    list-style: none;
    }
 .legend-labels li span {
    display: block;
    float: left;
    height: 15px;
    width: 50px;
    }
    .table-scrollable table tbody tr td
    {
    	max-width:350px;
    	overflow:auto;
    }