.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}


/* Style the buttons inside the tab */

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 10px;
    transition: 0.3s;
    font-size: 15px;

    color: #212529;
}


/* Change background color of buttons on hover */

.tab button:hover {
    background-color: #ddd;
}


/* Create an active/current tablink class */

.tab button.active {
    background-color: #ccc;
}


/* Style the tab content */

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}


/* /////////////////////////////////////// */

.tab1 {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}


/* Style the buttons inside the tab */

.tab1 button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}


/* Change background color of buttons on hover */

.tab1 button:hover {
    background-color: #ddd;
}


/* Create an active/current tablink class */

.tab1 button.active {
    background-color: #ccc;
}


/* Style the tab content */

.tabcontent1 {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

body,
html {
    height: 100%;
}

.bg {
    /* The image used */
    background-image: url("images/bg.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.form-group.required .control-label:after {
    content:"*";
    color:red;
  }



 .tableFixHead    { overflow-y: auto; height: 650px; }
 .tableFixHead th { position: sticky; top: 0; }
 
 /* Just common table stuff. Really. */
 table  { border-collapse: collapse; width: 100%; }
 th, td { padding: 8px 16px; }
 th     { background:#eee; }


 
#pageloader
{
    background-color: #fff;
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#pageloader img
{
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}


#preloader
{
    background-color: #fff;
  display: block;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#preloader img
{
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.my-custom-scrollbar {
    position: relative;
    width: auto;
    height: 700px;
    overflow: hidden;
  }
  .my-custom-scrollbar:hover{

    position: relative;
    width: auto;
    height: 700px;
    overflow: auto;

  }