body 
{
  margin: 0px !important;
    font-family: Montserrat !important;
}
#index
{

background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
height: 100%;
background-color: #17a2b8;

}
input[type=text], input[type=password],input[type=select] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}


select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

label
{
	font-family: 'Montserrat';
    font-weight: 600;
    font: caption;
}

/* Set a style for all buttons */
button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button:hover {
  opacity: 0.8;
}

button:focus {
  outline: none !important;
  box-shadow: none !important; 
}

a
{
	text-decoration: none !important;
	
}
.form_holder
{
	background-color: #fff;
	margin-top: 20%;
}
.form_holder_container
{
	padding: 20px;
}
.frgotpassword
{
	float: right;
}
.card-title
{
	text-align: center;
}

 #wrapper {
    overflow-x: hidden;
 }

#sidebar-wrapper {
  min-height: 95vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
background-color: #1a2226 !important;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group-item {
  width: 15rem;
  background-color: #1a2226 !important;
  color: #BDBDBD;

    font-weight: 800;
}

 .list-group-item  :hover{
  width: 15rem;
  background-color: #1a2226 !important;
  color: #FFF;

    font-weight: 800;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}

.active
{
	color: #fff !important;
}

.list-group-item {
    position: relative;
    display: block;
    /* padding: .75rem 1.25rem; */
    background-color: #fff;
    border: 1px solid #f8f9fa;
    /* width: 50%; */
    padding: 20px;
}
.sidebar-heading
{
	color: #fff;
}
#menu-toggle
{
	width: 50% !important;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 100%;
}


button:focus {
    /* outline: 1px dotted; */
    /* outline: 5px auto -webkit-focus-ring-color; */
    outline: none;
}


element.style {
    background-color: #37474F !important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}
@media (min-width: 992px)
.navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* padding: .5rem 1rem; */
    padding: 0px !important;
}
#dataTable_wrapper
{
	line-break: auto !important;
}

table {
    table-layout: fixed;
    width: 100%;
}

table td {
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}