


/*  row */
.d-row{
  padding-top:15px;
  border-bottom:1px solid red;
}

.p-row{
	cursor: pointer; 
	vertical-align: -25%;
  border-bottom:1px solid grey;
}
.p-row:hover{
	background-color: #EEEEEE !important;
  color:black;
}

.p-row:nth-child(even){
	background-color:#c0eaf8;
}
.p-row:nth-child(odd){
	background-color:#86dcf8;
}






.p-row-green:nth-child(even){
	background-color:#b8faf3;
}
.p-row-green:nth-child(odd){
	background-color:#31f8e2;
}

 





/* background color */
.pbg-white50{
   background: rgba(255, 255, 255, 0.7);
}
.pbg-white{
  background-color: white;
}
.pbg-black{
  background-color: black;
}
.pbg-blue{
  background-color: #0066CC;
}
.pbg-red{
  background-color: red;
}
.pbg-yellow{
  background-color: yellow;
}
.pbg-grey{
  background-color: #EEE;
}

/* text size */
.ptxt-s8{
  font-family: Arial, Helvetica, sans-serif!important;
  font-size:8px !important;
}
.ptxt-s10{
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 10px;
}
.ptxt-s12{
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 12px;
}
.ptxt-s14{
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 14px;
}
.ptxt-s16{
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 16px;
}
.ptxt-s20{
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 20px;
}

/* text prop */

.ptxt-b{
  font-weight: bold;
}
.ptxt-u{
  text-decoration: underline;
}

/* text color */
.ptxt-white{
  color: white;
}
.ptxt-green{
  color: green;
}
.ptxt-blue{
  color: #0066CC;
}
.ptxt-red{
  color: red;
}
.ptxt-grey{
  color: #CCC;
}

.ftopic{ 
  font-family: Arial, Helvetica, Sans-serif !important;
}

/* button color */
.pbtn{
	cursor: pointer;
	/* vertical-align: -25% */
}
.pbtn:hover{
/*	filter:brightness(80%); */
/*  font-weight: bold; */
  color:black !important;
  background-color: yellow !important;
}

.pbtn-ok{
  background-color: #008C00;
  color:white;
  cursor: pointer;
}
.pbtn-cancel{
  background-color: #D90000;
  color:white;
  cursor: pointer;
}
.pbtn-warning{
  background-color: #FFC926;
  color:black;
  cursor: pointer;
}

.pbtn-blue{
  background-color: #0066CC;
  color:white;
  cursor: pointer;
}
.pbtn-orange{
  background-color: orange;
  color:black;
  cursor: pointer;
  border:1px solid grey;
}
.pbtn-grey{
  background-color: #EEE;
  color:black;
  cursor: pointer;
  border:1px solid grey;
}

.pbadge-yellow{
  background-color: #f7ff00;
  color:black;
  border:1px solid grey;
  padding: 1px;
}
.pbadge-blue{
  background-color:#0066CC;
  color:white;
  border:1px solid grey;
  padding: 1px;
}
.pbadge-white{
  background-color:white;
  border:1px solid grey;
  padding: 1px;
}



/* input prop */
.inp{
  font-size: smaller;
  width:100%;
}

.pfade{
  opacity:0.1;
}

/* itm div align */

.palign-center{
  justify-content: center;
}
.palign-right{
  justify-content: right;
}
.palign-left{
  justify-content: left;
}

/* text icon */
.ptxt-bg-blue{
  background-color: #0066CC;
  color:white;
  padding:1px;
}
.ptxt-bg-black{
  background-color: #000000;
  color:white;
  padding:1px;
}
.ptxt-bg-orange{
  background-color: orange;
  color:black;
  padding:1px;
}

/* round corner */
.pround10{
  border-radius: 10px;
}
.pround20{
  border-radius: 20px;
}


/* theme color */
.bg-mdark1{
  background-color:#00468C;
}
.bg-mdark2{
  background-color:#0066CC;
}
.bg-mdark3{
  background-color:#0480fc;
}

/*
.bg-mdark1{
    background-color:#1A7979;
}
.bg-mdark2{
  background-color:#23A0A0;
}
.bg-mdark3{
  background-color:#29C0C0;
}
*/
.bg-msoft1{
  background-color:#c9e2fb;
}

.bg-msoft2{
  background-color:#a5d0fa;
}

.bg-msoft3{
  background-color:#78b9fa;
}


/* second color */
.bg-sdark1{
  background-color:#FF4500;
}
.bg-sdark2{
background-color:#FF8C00;  
}
.bg-sdark3{
background-color:#FFA500;
}

.bg-ssoft1{
  background-color:#FFEFD5;
}

.bg-ssoft2{
  background-color:#FFE4B5;
}

.bg-ssoft3{
  background-color:#FFDAB9;  
}

 
.eval-item input,.eval-item select{

  color: black;

}
