.grd-login-cont {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "login-head login-head"
    ". ."
    ". ."
    ". .";
}

.login-head {
  justify-self: center;
  align-self: center;
  grid-area: login-head;
}


.round-btn {
  border: none;
  padding: 9px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 2px 2px;
  cursor: pointer;
  border-radius: 50%;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */
.pagetitle   /* old KQ 10.08.07 */
{
/* height:20px; */
/* width:100%; */
/* background-color:#feffff;  */
/* font-size:20px; */
/* font-weight:600; */
color:black;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #ddd;
}

.stdpagetitle   /* New KQ Jun22 */
{
/* height:20px; */
width:100%;
background:#e6fcfc; 
/* font-size:20px; */
/* font-weight:600; */
padding-top:9px;
color:black;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #ddd;
}


.graytitle
{
	background:#9a9a9b;
	color:#eee;
	
 	font-weight:400;
 	padding: 4px 0px 4px 0px;
 	font-size:0.9rem;
	text-align:center;
}

.stdtab {   /*Standard Tab for Called Res*/
   width:98%;
   border:1px solid #eee; 
   background:#333;

}

.stdtab td { 
   border:1px solid #e7e7e7; 
   height:47px;
   padding:3px 3px 3px 5px;  /* top right bottom left */
 }

.stdtab thead {
    background:rgb(235, 245, 255); /*rgb(233, 244, 253)*/
    font-weight:bold;
    font-size:0.95rem;
    height:45px;
    /* border:1px solid #aaa; */
    border-top:none;
}

.stdtab thead th {
  border:1px solid #e7e7e7;
  /* border-collapse: collapse; */
  border-bottom: 2px solid black;
  padding:3px 3px 3px 5px;  /* top right bottom left */
}

/* KQ 24Sep18. Here 07Jun22 */
.stdtab thead tr th.sortopt , th.sortasc , th.sortdesc {
	padding-right: 25px!important;
	background-repeat: no-repeat;
	background-position: center right;
  cursor:pointer;
} 

.stdtab thead tr th.sortopt:hover , th.sortasc:hover , th.sortdesc:hover { color:#0906cf }

.stdtab thead tr th.sortopt {
  background-image: url(../images/sortopt.gif);
} 
.stdtab thead tr th.sortasc {
	background-color:rgb(200, 220, 250); /* place here, not cover image*/
  background-image: url(../images/sortasc.gif);
} 
.stdtab thead tr th.sortdesc {
  background-color:rgb(200, 220, 250); /* place here, not cover image*/
  background-image: url(../images/sortdesc.gif);
} 

.nrtdcl { cursor:pointer }
.nrtdcl:hover { color:red;  }

.stdtab .lftcol {
  background:rgb(235, 245, 255);
  font-weight:normal;
  font-size:0.85rem;
  border-right:1px solid black;
  /* height: 80px; */
}



.stdtr1{
  background:#fff;
  font-weight:bold;
  font-size:0.95rem;
    
}

.stdtr2{
  background:#f5f5f5;
  font-weight:bold;
  font-size:0.95rem;
}

.stdbox1 {
  background:#fff;
  font-weight:bold;
  font-size:0.95rem;
  border:none;
}

.stdbox2 {
  background:#f7f7f7;
  font-weight:bold;
  font-size:0.95rem;
  border:none;
}

.boxlable {
   text-align:left; 
   padding-left:5px; 
   font-size:0.85em; 
   font-weight:500; color:#AAA;
   font-style:italic;
   margin-bottom: 0px;
   }


.redwhite{                 /* e.g. for, failure response  */
    background:#EE0000;
    color:white;
    font-size:.90rem;
    border-radius: 3px;
  }


.greenwhite{               /* e.g. for OK response  */
    background:rgb(4, 196, 4);
    color:white;
    font-size:.90rem;
    font-weight:bold;
    border-radius: 3px;
  }

  .orangeblack{               /* e.g. for Warning response  */
    background:#FFB73C;
    color:black;
    font-size:.90rem;
    font-weight:bold;
    border-radius: 3px;
  }

  /* -------------------------------------------------------------------------- */
  .rtime { font-size:.0.80rem; color:#999; font-weight:400;}

/* -------------------------------------------------------------------------- */

.fltrtab {   /*Filter Tab*/
    width:90%; margin:auto;  
    border:1px solid #eee; border-collapse: collapse; 
    border-bottom: none;
 }

.fltrtab caption { border: 1px solid #eee; border-bottom: none; } 

.fltrtab thead tr { font-size:0.9em; height:30px; }
.fltrtab thead th { padding-top:15px; padding-bottom:0px;}

.fltrtab tr { font-size:0.9em; height:45px; }
.fltrtab tr td { padding-bottom: 15px; }

.fltrtab .txtbox {  
     height:31px; background: #fff;
     border:1px solid #bbb; border-radius: 3px; 
    }

.fltrtab .slctbox {  
      height:31px; background: #fff; text-align:left; padding-left: 3px;
      border:1px solid #bbb; border-radius: 3px; 
     }    

/* -------------------------------------------------------------------------- */    
 .buttab {  
      height:50px; width:90%; margin:auto;
      border:1px solid #eee; 
      font-weight:500; font-size:0.95em;
 }
 
 .buttab tr {
   background:#f5f5f5; font-size:0.9em; color:#555';
  
 }

/* -------------------------------------------------------------------------- */
/* KQ, 12Jun22 */
.info-msg, .warn-msg, .succ-msg, .err-msg, .norm-msg 
 {
   height: 40px;
   line-height: 40px;
   width:70%;
   border-radius: 3px;
   font-size:17px;
   font-weight:500;
	 text-align:center;
   vertical-align: middle;
   margin:auto;
}
.info-msg{ background:#bedcfa; color:#02305c }
.warn-msg{ background:#fcefc7; color:#3a2f01 }
.succ-msg{ background:#cceedb; color:#013a0a }
.err-msg{ background:#eecccc; color:#3a0101 }
.norm-msg { color:#050453; font-size:15px;   }

.nochng-msg { background:#FFB73C; color:#000;}
.ok-msg { background:#029e02; color:#fff;}
.nok-msg { background:#EE0000; color:#fff;}


.fltrtab {   /*Filter Tab*/
  width:90%; margin:auto;  
  border:1px solid #eee; border-collapse: collapse; 
  border-bottom: none;
}

.txt-red { color:red; }
.txt-green { color:green; }


/* -------------------------------------------------------------------------- */
/* KQ, 02Jul22 */

.edtab {   /* Edit Tab*/
  width:95%; margin-left:10px; min-width:830px;  
  border:1px solid #eee; border-collapse: collapse; 
  border-bottom: none;
}
.edtab caption { border: 1px solid #eee; border-bottom: none; } 

.edtab thead tr { font-size:0.9em; height:45px; }
.edtab thead th { padding-top:15px; padding-bottom:0px;}

.edtab tr { font-size:0.9rem; height:85px; font-weight:600; background:#f7f7f7; }
.edtab tr td { padding-bottom: 3px; text-align:center; line-height:23px; }

.edtab .txtbox {  
   height:31px; background: #fff;
   border:1px solid #ddd; border-radius: 3px; 
   font-size:0.95rem; font-weight:500;
  }

.edtr1{ background:#fff; }
.edtr2{ background:#f5f5f5; }  

.infotxt { font-weight: 500;}
.infotitle { font-weight: 500; font-style: oblique; }

.test{  color:#9171a0  }

.xbutt { color:#EE3333;border:1px solid #AAA; border-radius: 3px; cursor: pointer;}
.xbutt:hover { background:#EE3333; color:#FFF; }

.butt-std { height:30px; border:1px solid #555; border-radius: 3px; cursor: pointer; opacity:0.9 }
.butt-std:hover { opacity: 1; border:1px solid #BBB;}
.butt-std:active {  border:1px solid #000;}


/* ---------------------------------------------------------------------------------------------------------------------------- */
/* KQ, 05Nov18 / here 12Jul22 */
.smoothimg {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.dircimg{  /* Direction Img*/
	-webkit-filter: grayscale(100%);
	-webkit-filter: grayscale(1);
	-webkit-transition: .4s ease-in-out;
	filter: grayscale(100%) ;
	transition: .4s ease-in-out; /* influnce Position also*/		
}

.dircimg:hover{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* KQ  Nov18*/
.actimg {
	  opacity:1 ;
	  -webkit-transform: scale(1);
	  -webkit-transition: .2s ease-in-out;
	  transform: scale(1);
	  transition: .2s ease-in-out;
     cursor: pointer;		
	}
	
.actimg:hover {
		 /* opacity: 1; */
	   -webkit-transform: scale(1.2);
	   transform: scale(1.2); /* rotate(0.02deg); /* Trick for IE, use rotate to let scale work. KQ */
	}	

/* ---------------------------------------------------------------------------------------------------------------------------- */