.errorMsg {
    color: red;
}

.buttonlink a {
    text-decoration: none;
}
.adtext{
  font-family: sans-serif;
  color: rgb(24, 4, 57);
  text-shadow: 2px 2px 8px #00ffb7;
}
.psize{
  font-size: 2.000rem;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-weight: bold;
}
/* for popup windows */
body, html {
  background: linear-gradient( to bottom, rgb(162, 161, 247), rgb(133, 133, 72));
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding:0px;
}
* {
    box-sizing: border-box;
  }
  .openBtn {
    display: flex;
    justify-content: left;
  }
  .openButton {
    border: none;
    border-radius: 5px;
    background-color: #1c87c9;
    color: white;
    padding: 14px 20px;
    cursor: pointer;
    position: fixed;
  }
  .loginPopup {
    position: relative;
    text-align: center;
    width: 100%;
  }
  .formPopup {
    display: none;
    position: fixed;
    left: 45%;
    /* top: 5%; */
    top:0%;
    transform: translate(-50%, 5%);
    border: 3px solid #999999;
    z-index: 9;
  }
  .formContainer {
    max-width: 1200px;
    max-height: 800px;
    padding: 20px;
    background-color: #fff;
  }
  .formContainer input[type=text],
  .formContainer input[type=password] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 20px 0;
    border: none;
    background: #eee;
  }
  .formContainer input[type=text]:focus,
  .formContainer input[type=password]:focus {
    background-color: #ddd;
    outline: none;
  }
  .formContainer .btn {
    padding: 12px 20px;
    border: none;
    background-color: #8ebf42;
    color: #fff;
    cursor: pointer;
    width: 100%;
    margin-bottom: 15px;
    opacity: 0.8;
  }
  .formContainer .cancel {
    background-color: #cc0000;
  }
  .formContainer .btn:hover,
  .openButton:hover {
    opacity: 1;
  }
  .divbackgd{
    background-color: cadetblue;
    text-align: center;
  }

  .divbackgdimg{
    background-color: rgb(122, 95, 160);
  }
  .formposition{
    position: absolute;
     top: -50%; 
    /* transform: translate(-50%, -50%); */
    /* position:absolute;	 */
  }
  .palign{
    position:-webkit-sticky;
    align-content: center;
    padding: 20px;
    /* top: 0;
    right: 0;
    bottom: 0;
    left: 0; */
  }
  .thidden{
    display: none;
  }
  .nhidden{
    display: block;
  }

  .grid
{
    display:grid;
}
.grid-col-top
{
    /* grid-template-columns: repeat(1,1fr); */
    column-gap: 20px;
    row-gap: 0px;
    background-color:white;
    padding: 0 0;
}

.grid-col-2
{
    grid-template-columns: repeat(2,1fr);
    column-gap: 20px;
    row-gap: 20px;
}

.grid-col-3
{
    grid-template-columns: repeat(3,1fr);
     column-gap: 0px;
    /*row-gap: 20px; */
    justify-self:auto
}
.grid-col-6
{
    grid-template-columns: repeat(6,1fr);
    /* column-gap: 20px;
    row-gap: 20px; */
    justify-self:auto
}

.grid-special
{
    grid-template-columns: 100% auto;
    background-color: skyblue;
    justify-self: center;
    padding: 0 0;
}
.titletext{
    color: blue;
    font-size: medium;
    font-style:unset;
}
.colorblue{
    color:blue;
}
.colorred{
    color:red;
}
.colorgreen{
    color:yellow;
}
.bluebackground {
  background-color: rgb(3, 3, 54);
}
table {
    border-collapse: collapse;
    border-color:red;
    /* width:25%; */
    width: auto;
    max-height: 800px;
    border: 5px solid;
    height: 500px;
    overflow: scroll;
    /* border: 1px solid black;
    text-align: center;
	vertical-align: middle; */
  } 
  .scroll {
    max-height: 500px;
    overflow: auto;
  }
  tbody tr:nth-child(even) {
    background-color: #e1e9eb;
  }
  thead {
	background-color: rgb(5, 7, 89);
	color:white;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 2%;
    text-align: center;
    vertical-align: middle;  
}

[data-status="true"] {
    color: green;
}
[data-status="false"] {
    color: red;
}

nav {
  /* color:rgb(255, 255, 255); */
  color:  red;
  display: inline;
/*  background-color:linear-gradient(to bottom, rgb(255, 0, 98),rgb(173, 179, 230));*/
  background-color:rgb(255, 0, 119);
  font-weight: bold;

/*  box-shadow:0 0 0 .2rem rgba(0,123,255,.25);*/
}
/*
nav.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
}*/

nav.navbar {
       text-shadow: 10mm;
       background-color:rgb(0, 255, 98);
 /*      display: inline;*/
       position: relative;
       padding-bottom: inset 1rem;
       text-align: center;
}


/*
nav.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
nav.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}
*/
/*
nav.navbar{
    position:relative;
    display:-ms-flexbox;
    display:inline;-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}
*/
nav.bg-light{
    background-color:#0cf127!important;
    box-shadow: inset 0 0 0 100mm rgba(255, 0, 170, 0.25);

/*    box-shadow:inset 0 0 10px #000000*/

}


nav.navbar-light{
   background-color:linear-gradient(to bottom, rgb(224, 59, 161),rgb(174, 173, 230));
    text-shadow: 100mm;
    background-color:rgb(255, 0, 55);
}
/*
nav.navbar-light.navbar-brand{
    background-color:rgb(248, 18, 18);
    text-shadow: 0 0 10px #000000;
    display: inline-block;
    color: #daf542;

}*/
/*
.navbar-light .navbar-nav .nav-link {
    color: red;
}
*/

/*
nav.nabvar-light.navbar-brand{
    background-color:gray;
    text-shadow: 0 0 10px #000000;
    display: inline-block;
    color: #daf542;

}**/
a{
    color: #4CAF50;
}
a.navbar-brand{
    background-color:gray;
    text-shadow: 0 0 10px #000000;
    display: inline-block;
    color: #daf542;
/*    font-family: 'Montserrat', sans-serif;*/
    font-family:'Lobster', cursive;
    font-size: 1.5rem;
    line-height: 1.5;

}
a.nav-link{
    color:rgb(37, 34, 235);
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.1rem;
}
a.nav-link:hover{
    color: #b84d8b;
    text-decoration: underline;
}