@font-face {
    font-family: Lato-Bold;
    src: url(../fonts/lato/Lato-Bold.ttf);
}
@font-face {
    font-family: Roboto-Slab;
    src: url(../fonts/roboto-slab/RobotoSlab-Bold.ttf);
}
@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto-2014/Roboto-Regular.ttf);
}
@font-face {
    font-family: Roboto-Thin;
    src: url(../fonts/roboto-2014/Roboto-Thin.ttf);
}

body.main {
  /*background-image: : #2C6DDE;
  background-image:
    radial-gradient(
     #91D4EB, #2C6DDE
    );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";
  background-attachment: fixed;*/
  background-color: #222d32;
  font-family: Roboto;
}

#wrapper { 
  width: 100%; 
  overflow: hidden;
}

.border-class
{
  border:thin black solid;
  margin:20px;
  padding:20px;
}

#page-wrapper {
  min-height: 570px;
  background-color: #ecf0f5;
}

#footer {
  background-color: white;
  border-top: 1px solid #d2d6de;
  margin-left: 250px;
  padding: 10px;
}

@media (min-width: 768px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 250px;
    background-color: #222d32 !important;
  }
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 0;
    border-left: 1px solid #e7e7e7;
  }
}
.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.sidebar ul li {
  margin: 0;
  padding: 0;
}
.sidebar ul li.active,
.sidebar ul li a:focus {
  background-color: #222d32;
}
.sidebar ul li a {
  color: white;
}
.navbar-default .navbar-nav>li>a { color: white !important; }
.sidebar ul li a:hover {
  background-color: #1a2226;
  border-left: 3px solid blue;
}
.sidebar ul li a.active {
  background-color: #1a2226;
  border-left: 3px solid blue;
}
.sidebar .arrow {
  float: right;
}
.sidebar .fa.arrow:before {
  content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  background: #2c3b41;
}
.sidebar .nav-second-level li a {
  padding-left: 37px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
}
.sidebar .nav-second-level li a:hover {
  padding-left: 37px;
  border-left: none;
}
.sidebar .nav-third-level li a:hover {
  padding-left: 52px;
  border-left: none;
}

.navbar {
  background-color: #2C6DDE;
  margin-bottom: 0px !important;
  border: none;
}

.navbar-brand {
  color: #fff !important;
}

.header-content {
  
}
.header-content>h1 {
  font-size: 24px;
}

.main-content {
  padding: 15px 0;
}
.main-content .box {
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}
.main-content .box .box-header {
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
}
.main-content .box .box-header h3 {
  font-size: 16px;
  margin: 0;
}
.main-content .box .box-content {
  padding: 10px;
}
.main-content .box-default {
  border-top: 3px solid #ccc;
}

.breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
  font-size: 12px;
}
.breadcrumb > li,
.breadcrumb > li > a {
  color: #666;
  text-decoration: none;
}
.breadcrumb > li + li:before {
  content: ">";
}

.table-bordered > thead > tr > th {
  border-bottom-width: 1px;
  background-color: #2C6DDE;
  border: none;
  color: #fff;
  font-family: Lato-Bold;
}

.form-control {
  border-radius: 0;
  box-shadow: none;
}

.btn {
  border-radius: 0;
}
.btn.btn-ok:hover {
  color: #fff;
  background: #2C6DDE;
}
.btn.btn-no:hover {
  color: #fff;
  background: #d43f3a;
}

/*Setting top margin for every div row*/
.top1 { margin-top:1%; }
.top5 { margin-top:5%; }
.top7 { margin-top:7%; }
.top10 { margin-top:10%; }
.top15 { margin-top:15%; }
.top17 { margin-top:17%; }
.top30 { margin-top:30%; }