@font-face {
font-family: 'Phetsarath_OT'; 
src: url('phetsarath_ot.eot'); 
src: url('phetsarath_ot.eot?#iefix') format('embedded-opentype'), 
url('phetsarath_ot.woff2') format('woff2'), 
url('phetsarath_ot.woff') format('woff'), 
url('phetsarath_ot.ttf') format('truetype'),
url('phetsarath_ot.svg#Phetsarath_OT') format('svg'); 
font-weight: normal;
font-style: normal; 
}
a {
     text-decoration: none ;
  }
a:hover
  {
    color:blue;
    text-decoration:none;
    cursor:pointer;
   }

.infotable th, .infotable td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 10px 5px;
}
.infotable{
	width: 100%;
}
.infotable th{
	background: #000;
	color: #fff;
}
.loginform{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
footer{
	background: #007BFF;
	color:#fff;
	padding: 20px 0px 5px 5px;
	margin-top: 20px;
	margin-bottom: auto;
}
.error{
	color: red;
	font-style: italic;
}

input#photo {
    width: 260px;
}

img.showimg{
	border-radius: 50%;
	height: 40px;
	width: 40px;
}




.loader_bg{
    position: fixed;
    z-index: 9999;
    background: #fff;
    width: 100%;
    height: 100%;
}
.loader{
    border: 0 solid transparent;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: calc(50vh - 75px);
    left: calc(50vw - 75px);
}
.loader:before, .loader:after{
    content: '';
    border: 5em solid #ff5733;
    border-radius: 50%
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    animation: loader 2s linear infinite;
    opacity: 0;
}
.loader:before{
    animation-delay: .5s;
}
@keyframes loader{
    0%{
        transform: scale(0);
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        transform: scale(1);
        opacity: 0;
    }
}