/* Main */

.main {
  margin-left: 150px;
  margin-top: 60px;
  transition: margin .3s ease;
}

.nav-sidebar li {
  transition: width .3s ease;
}
.nav-sidebar li span,
.nav-sidebar li .fa {
  transition: font-size .3s ease;
}
.nav-sidebar li a {
  transition: padding .3s ease;
}

.overflow-x {
  overflow-x: auto;
}

.tooltip{
  z-index: 999999;
  position: absolute;
  padding: 8px;
}

/* Header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background-color: #ebe7e7;
  height: 60px;
  padding-left: 150px;
  transition: padding .3s ease;
  /* overflow: hidden; */
}
.header .page-header {
  height: 47px;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.content-header {
  position: relative;
  padding-top: 20px;
  padding-left: 12px;
}
.content-header .header-toggle {
  position: absolute;
  position: absolute;
  margin-top: -5px;
  color: #0058a2;
}
.content-header .header-toggle.bottom30 {
  bottom: 30px;
}
.content-header .page-header {
  padding-left: 2em;
  color: #3a87ff;
}
.content-header .col-md-6 {
  position: relative;
}

.container-login {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #a5b6cd;
  background-image: url('../img/bgn.jpg');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

/* Sidebar */
.sidebar {
  width: 150px;
  position: fixed;
  background-color: #3a87ff;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: block;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transition: width .3s ease, left .3s ease;
}
.sidebar .header {
  text-align: center;
}
.sidebar .logo {
  display: block;
  margin-bottom: 0;
  height: 60px;
  background-color: #f4f4f4;
  overflow: hidden;
  position: relative;
}

.navbar-brand {
  height: auto;
}
.sidebar .navbar-brand {
  float: none;
  padding: 0;
  margin: 0 auto;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
.nav-sidebar {
  display: block;
}
.nav-sidebar li {
  border-bottom: solid 1px #62a0ff;
}
.nav-sidebar li a {
  position: relative;
  display: block;
  padding-left: 52px;
  padding-top: 10px;
  font-size: 12px;
  min-height: 60px;
  overflow: hidden;
  color: #fff;
  transition: background .2s ease;
}
.nav-sidebar li a:hover,
.nav-sidebar li a:focus {
  background-color: #2f76e4;
}
.nav-sidebar li a.active,
.nav-sidebar li a:active {
  background-color: #0066da;
}

.nav-sidebar li a.off{
  background-color: #65696d;
}
.nav-sidebar li a.off:hover{
  background-color: #6f6f6f;
}

.nav-sidebar li .fa {
  position: absolute;
  left: 20px;
  top: 14px;
}

.content {
  margin: 2em 0;
  background-color: #fff;
  padding: 2em;
  border: 1px solid #dcdcdc;
}

.pagination {
  margin: 0;
}
.pagination > .active > a {
  background-color: #3a87ff;
}
.pagination > li > a {
  color: #62a0ff;
}

.table > thead:first-child > tr:first-child >th {
  font-family: 'SanFranciscoDisplay-Bold';
  font-weight: normal;
}
select.form-control:not([size]):not([multiple]) {
/*   height: 2.5rem; */
}

.border-box {
  margin: 1em 0;
  padding: 2em;
  border: solid #ccc 1px;
  text-align: center;
}

.sidebar-small .sidebar {
  width: 80px;
  padding: 0;
}
.sidebar-small .sidebar li a {
  padding-left: 1em;
  text-align: center;
}
.sidebar-small .sidebar li span {
  font-size: .9em;
  display: block;
}
.sidebar-small .sidebar .nav-sidebar li .fa {
  position: static;
  display: block;
  margin-bottom: 3px;
}
.sidebar-small .sidebar .nav-sidebar li a {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.sidebar-small .main {
  margin-left: 80px;
}
.sidebar-small .header {
  padding-left: 80px;
}
.sidebar-small .sidebar-toggle {
  display: block;
}
.sidebar-small .sidebar-toggle .fa {
  font-size: 29px;
  padding: 6px 0px 4px 0px;
}
.sidebar-small .logo,
.sidebar-small .header-toggle {
  display: none;
}