/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

body {
  overflow-x: hidden;
}

}
#wrapper {
  padding-left: -250;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}


#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: -250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-left: -250px;
}


#page-wrapper {
  min-height: 100%;
  padding: 0 !important;
  transition: 0.3s all linear;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: relative;
    margin: 0 0 0 250px;
    padding: 0;
  }
}


#footers .copyright a{
  position: fixed;
  width: 100%;
  bottom: 0px;
  left:250px;
  padding: 15px 25px;
  background: #FFFFFF;
  color:#999999;
}

#footers .copyright a:hover {
    text-decoration: none;

}



#navbar
{
  background: #265fb9;
  height: 80px;
}
#topbarfont li a
{
color:white;
padding:29px 12px;
font-size: 12.5px;
  background: #265fb9;
}

#topbarfont li .focus
{
color:white;
background: #3a6f9f;
padding:29px 12px;
font-size: 12.5px;
}


#drop li a
{
color:#999999;
padding:12px 12px;
font-size: 12.5px;
background:white;
}

#topbarfont #drop li a:hover
{
color:white;
background: #3a6f9f;
padding:12px 12px;
font-size: 12.5px;
}

#topbarfont li a:hover,
{
color:white;
background: #3a6f9f;
padding:29px 12px;
font-size: 12.5px;
}


#wrapper.toggled {
  padding-left: -250px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media (min-width: 400px) {
    .menu-toggle {
      visibility: visible;
    }
  #wrapper {
    padding-left: 0;
  }
  #wrapper.toggled {
    padding-left: 250px;
  }
  #sidebar-wrapper {
    width: 0;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 250px;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
    z-index: -1;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}
#foot
{
  position: fixed;
  width: 100%;
  bottom: 0px;
  left:250px;
  padding: 15px 25px;
  background: #FFFFFF;
  color:#999999;"
}



#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}


/* Sidebar Styles */

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

#side-menu li .tabs{
  display: block;
  border-bottom: 1px solid #ddd !important;
  padding:20px;
  color: #999999;
}

#side-menu li.active a{
background: #265fb9; /* Old browsers */
  color:#FFF;
}

#side-menu li .tabs:hover,
#side-menu li .tabs:focus{
  display: block;
  border-bottom: 1px solid #ddd !important;
  padding:20px;
background: #265fb9; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e77ab', endColorstr='#4783ba',GradientType=0 ); /* IE6-9 */
  transition: 0.2s all ease-in-out;
  outline: none;
  color:#FFF;
}



.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
  color: #999999;
}

.sidebar-brand a:hover {
  background:#fff;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
  background: none;
}

@media(min-width:768px) {
  #wrapper {
    padding-left: 0;
  }
  #wrapper.toggled {
    padding-left: 250px;
  }
  #sidebar-wrapper {
    width: 0;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 250px;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
    #menu-toggle {
      visibility: hidden;
    }
}

.mainContentTitle
{
  
  padding:30px 30px 0px 30px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:16px;
  color:#707070;
}

.page-header .page-title {
  font-size: 25px;
  font-weight: 300;
  display: inline-block;
  position: relative;
}

#subtext{
  font-size:20px;
  color:#999999;
}

.dropdown .dropdown-menu li a{
  color:#999999;
}

ul .dropdown-menu .show{
  color:black;
}

.form-signin {
    max-width: 500px;
    padding: 19px 29px 29px;
    margin: 0 auto;
  //margin-top:90px;
    background-color: #fff;
  
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
      
  font-family:Tahoma, Geneva, sans-serif;
  color:#990000;
  font-weight:lighter;
    border: 5px solid #e5e5e5 !important;

}

.form-signin .form-signin-heading{
    color:#999999;
}
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
    font-size: 16px;
    height: 45px;
    padding: 7px 9px;
}

.margin-top
{
    margin-top:90px;  
}

.signin-form, .body-container
{
  //border:solid red 1px;
  margin-top:110px;
}
#btn-login{
  background: #265fb9;
  border:none;
}


.login-register-form-section {
  max-width: 350px;
  margin: 0 auto;
}
 
.login-register-form-section i {
  width: 10px;
}
.login-register-form-section .nav-tabs > li > a {
  color: #2abb9b;
}
 
.login-register-form-section .nav-tabs > li.active > a {
  background: #265fb9;
  border-color: #265fb9;
  color: white;
}

.login-register-form-section .nav-tabs > li > a, 
.login-register-form-section .nav-tabs > li.active > a {
  width: 160px;
    text-align: center; 
    border-radius: 0;
}


.login-register-form-section .nav-tabs {
  padding-bottom: 10px;
  margin-bottom: 10px;
}


.login-register-form-section .btn-custom {
  width: 100%;
  background: #265fb9;
  border-color: #265fb9;
  margin-bottom: 0.5em;
  border-radius: 0;
}

.login-register-form-section .btn-custom:hover {
  width: 100%;
  background-color: #f0f2f5;
  border-color: #265fb9;
  color:black;
}


.login-register-form-section .form-group {
  padding: 0 20px;
}

.help-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
  z-index: 5;
}
#draggable_help { 
  border: 8px solid rgb(193, 193, 193);
  width: 60%; 
  height: 350px; 
  padding: 0.5em 1em; 
  display: none; 
  overflow: hidden;
  left:30%;
  top:20%;
}
.draggable_help { 
  background-color: white; 
  border-radius: 5px;
}
#help-sidebar-wrapper {
  height: 100%;
  width:30%;
  float:left; 
  padding-top: 40px;
}
.help-content {
  padding: 50px 20px;
  margin-left: 250px;
}
.help-close {
  font-size: 17px;
  position:absolute; 
  margin-top:-50px; 
  margin-left:485px;
}