.login_form
{
	background-color:#fff;
	margin-top:150px;
	box-shadow: 1px 0px 5px rgba(0, 0, 1, 0.2);
}

body {
  font-family: "Lato", sans-serif;
}

.row1
{
	margin-top:0px;
}

.sidenav 
{

	background-color: #262626;
	margin-left: -15px;
	padding-top:20px;
  color: #fff !important;
   min-height: 830px;
}

.sidenav_link 
{
	margin-left: 5px;
	font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color:#e8e9ea;
  padding:0px;
}

.sidenav_link >a
{
  color:#e8e9ea;
    padding:0px;
}
.sidenav_link >a:hover
{
  color:#1e1e1e !important;
}

.sidenav_link span
{
	padding-right: 10px;
}

.sidenav_link_active
{
	background-color: #ddd;
	color: grey !important;
	font-weight: bold;

}
.sidenav_link_active >a
{
  background-color: #ddd;
  color: grey !important;
  font-weight: bold;
}
.main_container
{
	background-color: #fff;
	min-height: 570px;
  padding-top:0px;

}

.page_icon
{
	margin-right: 10px;
	font-size: 48px;
	color:#d03333 !important;
}
.page_header
{
	margin-top:-35px;
	margin-left:50px;
  color:#d03333 !important;
}

.page_header_btn
{
	margin-top: -30px;
	font-size: 36px;
	padding:20px;
}

.vl {
  border-right: 2px solid #ccc;
  height: 480px;
  margin-top: -20px;
}

.item_label
{
	padding-top: 8px;font-weight: bold;font-size: 14px;
	margin-left:-10px;
}

/*table tbody { display:block; max-height:370px; overflow-y:scroll; }
table thead, table tbody tr { display:table; width:100%; table-layout:relative; float:center; }*/

.tblepdf tbody {
    display:block;
    overflow:auto;

}
.tblepdf thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.tblepdf thead {
    width: calc( 100% - 1em );

}

.tble tbody {
    display:block;
    height:425px;
    overflow:auto;

}
.tble thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.tble thead {
    width: calc( 100% - 1em );

}

.checkbox1
{
	background-color: red;
}

input[type=checkbox]{
    background-color: #ddd;
}


input[type=checkbox]:checked {
  /*background-position: left -32px;*/
  background-color: red;
}

.kpi_box
{
	/*border:1px solid #ddd;*/
	border-radius: 8px;
	height: 65px !important;
	background-color: #fff;
	margin:5px;
	box-shadow: 0px 5px 10px 1px #ededed;
	font-style: bold !important;
  text-shadow: 0 0 3px #262626, 0 0 1px #262626;
}

div.kpi_box:hover
{
	box-shadow: 0px 0px 0px 0px #eee;
	    opacity: 0.7;
    transition: opacity .7s ease-out;
    -moz-transition: opacity .7s ease-out;
    -webkit-transition: opacity .7s ease-out;
    -o-transition: opacity .7s ease-out;
    cursor: pointer;
    box-shadow: 1px 11px 10px 0px #eee;
}

.kpi_box_number
{
	color:#fff;
	font-size: 32px;
	text-align:center;
}

.kpi_box_number_sm
{
  color:#fff;
  font-size: 22px;
  text-align:center;
  padding-top: 5px;
}

.kpi_box_header
{
	color:#fff !important;
	font-size: 14px;
	text-align:center;
	margin-top:-15px !important;
}


.smry tbody {
    display:block;
    min-height:10px;
    overflow:auto;
}
.smry thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.smry thead {
    width: calc( 100% - 1em )
}

.dotgreen {
  height: 15px;
  width: 15px;
  background-color: #5ab95a;
  border-radius: 50%;
  display: inline-block;
}

.dotgrey {
  height: 15px;
  width: 15px;
  background-color: #eee;
  border-radius: 50%;
  display: inline-block;
}

.dotred {
  height: 15px;
  width: 15px;
  background-color: #ce3434;
  border-radius: 50%;
  display: inline-block;
}


.nav-tabs > li > a{
   background-color: #c1c1c1 !important;
   color:#000 !important;
}
.nav-tabs > li > a:hover{
  background-color: #303136 !important;
    border-radius: 0;
    color:#fff !important;
}

.nav-tabs li.active  a{
  background-color: #336699 !important;
  color:#fff !important;
}
/*.nav-tabs > li > a:focus {
  background-color: #336699;
  color:white;
}*/

.modal_header_customer_update {
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #336699;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     color:#fff;
 }


/* .example1 {
 overflow: hidden;
 position: relative;
 background-color: black;color:white;
 height:40px;
 width:100%;margin-top:50px;margin-bottom:-50px !important;
}*/

.btn-success
{
  background-color: #227128 !important;
}

.tble > tbody tr:hover 
{  
    background-color: #4e4e4e !important;  
    color: #fff !important;  
      /*border-top:2px dotted grey;*/
    /*border-bottom:2px dotted grey;*/

/*    transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;*/
/*
        transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;*/
    cursor: pointer;

}

.tble > tbody tr:hover a{
  color: inherit !important;
}


.blur_div
{
  -webkit-filter: blur(4px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);;
}


/* Analytics CSS */

.svg-area
{
  background-color: rgb(255, 255, 255) !important;
  border:1px solid rgb(226, 226, 226);
  font-family: Arial, Helvetica, sans-serif;
  color:#272727 !important;
  }

.heatMapMonths-labels{
  /* text-anchor: middle; */
  font-size: 12px;
}

.mean-line {
  stroke-dasharray: 6;
  stroke-width: 2px;
}

.axisClass
{
    font-size: 10px;
    shape-rendering: geometricPrecision;
}

.panel, .panel-primary
{
  width:100% !important;
}
.panel-heading
{
  padding:5px !important;
  padding-left:8px !important;
  background-color: #5296d0  !important;
  color: #fff !important;
  font-weight:  bold;
}
.primary
{
  background-color: #5296d0 !important;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}