/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
/* The side navigation menu */
.sidebar {
    margin: 0;
    padding: 0;
    background-color: white;
    position: absolute;
    /* height: 100%; */
    z-index: 0;
    overflow: auto;
    /* border:1px solid black; */
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
    padding: 30px 18px 25px 18px;
    text-transform: uppercase;
    font-weight: 700;
  
  }
  
  /* Sidebar links */
  .sidebar a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
    border: 1px solid #ededed;
    padding: 18px;
    width:100%;
  
  }
  
  /* Active/current link */
  .sidebar a.active {
      background-color: #FFC107;
      color: #111 !important;
  }
  
  /* Links on mouse-over */
  .sidebar a:hover:not(.active) {
      background: #f0f0f0;
      /* color: #111 !important; */
      color: #004dda;
  }
  
  /* Page content. The value of the margin-left property should match the value of the sidebar's width property */
  div.content {
    min-height: 410px;
    margin-left: 50px;
    margin-top: 50px;
    padding: 1px 16px;
    margin-bottom: 50px;
    border: 1px solid #ededed;

  }
  
  /* On screens that are less than 700px wide, make the sidebar into a topbar */
  @media screen and (max-width: 700px) {
    .sidebar {
      width: 100%;
      height: auto;
      position: relative;
    }
    .sidebar a {float: left;}
    div.content {margin-left: 0;}
  }
  
  /* On screens that are less than 400px, display the bar vertically, instead of horizontally */
  @media screen and (max-width: 400px) {
    .sidebar a {
      /* text-align: center; */
      float: none;
    }
  }


  .sidebar i{
    font-size:20px;
    font-weight: 700;
    padding:10px;
}

.alert-danger li{
    font-size: 15px;
    padding: 10px;
    font-weight: 600;
    list-style-type: none;
}
.alert-danger{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding:20px;
    border-radius: 10px;
}

.alert-success{
    color: white;
    background-color: #28a745;
    border-color: #ebccd1;
    padding:20px;
    border-radius: 10px;

}

.error{
    color:red;
}

.title_heading{
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 15px 0 12px 0;
    background-color: #f8f8f8;
    padding:20px;
}
.form-group{
    margin:20px;
}


.preloader{
  position:fixed;
  left:-100;
  top:-100;
  width: 100%;
  height: 100%;
  z-index:1000000;
  background: #000;
  opacity:0.9;
}

.loader {
  position:fixed;
  left:45%;
  top:50%;
  border: 10px solid #f3f3f3; /* Light grey */
  border-top: 10px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  z-index:10000000;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#pagination nav{
  margin:auto;
}


.ui-autocomplete {
  position: fixed;
  background-color: #fff;
  z-index: 999999;
  max-height: 200px;
  overflow: auto;
  margin:0px;
  padding:0px;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
#ui-id-1 .ui-menu-item{
  list-style: none;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.ui-menu-item-wrapper{
  padding:10px;
}