/* 

Author: Start Bootstrap - http://startbootstrap.com

'SB Admin' HTML Template by Start Bootstrap



All Start Bootstrap themes are licensed under Apache 2.0. 

For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!

*/



/* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */



/* Global Styles */



body {

  margin-top: 50px;

}



#wrapper {

  padding-left: 0;

}



#page-wrapper {

  width: 100%;

  padding: 5px 15px;

}



/* Nav Messages */



.messages-dropdown .dropdown-menu .message-preview .avatar,

.messages-dropdown .dropdown-menu .message-preview .name,

.messages-dropdown .dropdown-menu .message-preview .message,

.messages-dropdown .dropdown-menu .message-preview .time {

  display: block;

}



.messages-dropdown .dropdown-menu .message-preview .avatar {

  float: left;

  margin-right: 15px;

}



.messages-dropdown .dropdown-menu .message-preview .name {

  font-weight: bold;

}



.messages-dropdown .dropdown-menu .message-preview .message {

  font-size: 12px;

}



.messages-dropdown .dropdown-menu .message-preview .time {

  font-size: 12px;

}





/* Nav Announcements */



.announcement-heading {

  font-size: 50px;

  margin: 0;

}



.announcement-text {

  margin: 0;

}



/* Table Headers */



table.tablesorter thead {

  cursor: pointer;

}



table.tablesorter thead tr th:hover {

  background-color: #f5f5f5;

}



/* Flot Chart Containers */



.flot-chart {

  display: block;

  height: 400px;

}



.flot-chart-content {

  width: 100%;

  height: 100%;

}

#floatingCirclesG{
width: 128px;
height: 128px;
margin-left: 0%;
margin-top: -11%;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:23px;
width:23px;
-moz-border-radius:12px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:12px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:12px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:12px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:12px;
animation-name:f_fadeG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:52px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#frotateG_02{
left:15px;
top:15px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#frotateG_03{
left:52px;
top:0;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#frotateG_04{
right:15px;
top:15px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#frotateG_05{
right:0;
top:52px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#frotateG_06{
right:15px;
bottom:15px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#frotateG_07{
left:52px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#frotateG_08{
left:15px;
bottom:15px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

#mydiv {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:128%;
    z-index:1000;
    background-color:grey;
    opacity: .8;
 }

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;     
}

/* Edit Below to Customize Widths > 768px */

@media (min-width:768px) {



  /* Wrappers */



  #wrapper {

	padding-left: 225px;

  }



  #page-wrapper {

	padding: 15px 25px;

  }



  /* Side Nav */



  .side-nav {

	margin-left: -225px;

	left: 225px;

	width: 225px;

	position: fixed;

	top: 50px;

	height: 100%;

	border-radius: 0;

	border: none;

	background-color: #222222;

	overflow-y: auto;

  }



  /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */



  .side-nav>li.dropdown>ul.dropdown-menu {

	position: relative;

	min-width: 225px;

	margin: 0;

	padding: 0;

	border: none;

	border-radius: 0;

	background-color: transparent;

	box-shadow: none;

	-webkit-box-shadow: none;

  }



  .side-nav>li.dropdown>ul.dropdown-menu>li>a {

	color: #999999;

	padding: 15px 15px 15px 25px;

  }



  .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,

  .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,

  .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {

	color: #fff;

	background-color: #080808;

  }
  .side-nav>li>a {
	width: 225px;
  }
  .navbar-inverse .navbar-nav>li>a:hover,
  .navbar-inverse .navbar-nav>li>a:focus {

	background-color: #080808;

  }
  /* Nav Messages */
  .messages-dropdown .dropdown-menu {
	min-width: 300px;
  }
  .messages-dropdown .dropdown-menu li a {
	white-space: normal;
  }
  .navbar-collapse {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

}