body {
  background:#00204D;
  /* font-family: 'Adamina'; */
	/* font-family: 'Roboto Slab', serif;	 */
	 font-family: sans-serif;   /* Noto Sans KR,*/
	/* font-family:  Roboto,Segoe UI,San Francisco,sans-serif; */
	    font-size: .875em;
			
}
.licon{
	height: 28px;
}

.appBg {
    height: 100vh;
    width: 100vw;
    background: url(/emcwebadmin/Images/console-background-1600x850.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.box {
  /* width:70%; */
  height:100%;
  background:#FFF;
  /* margin:40px auto; */
	margin:0px auto;
}
.appbtn{
	background-color:#4976b6;
	font-weight:bold;
	color:#fff;
	height: 48px;	
}
.appbtn:hover{
	color: #fff;
	background-color: #3a5f92;
	border-color: #4875B3;	
}
.pcolor{
	background:#00204D;
}
#loginCard{
	border-radius:9px;
	/* width:40%; */	
}
#setupLnkCard{
	border-radius:9px;
	/* width:40%; */	
}
.effect1{
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777;
} 
.effect2{
  -webkit-box-shadow: 0 8px 6px -6px #777;
  -moz-box-shadow: 0 8px 6px -6px #777;
  box-shadow: 0 8px 6px -6px #777;
} 
.heading-l{
  font-size: 30px;
  /* font-family: 'Adamina'; */
	color : #cccccc;
}
.heading-m{
  font-size: 20px;
  /* font-family: 'Adamina'; */
	color : #cccccc;
}
.heading-m-w{
  font-size: 20px;
  /* font-family: 'Adamina'; */
	color : #ffffff;
	/* font-weight : bold; */
}
.heading-s{
	font-weight:bold;
  font-size: 15px;
  /* font-family: 'Adamina'; */
	color : #b3b3b3;
}
.border{
  border: 1px #ddd solid;
}
.disabled{
  color : '#ddd'
}
.vcenter{
  align-items: center !important;
  justify-content: center !important;
}
/* .form-floating > .form-control, .form-floating > .form-select { */
  /* height: calc(2.5rem + 2px); */
  /* padding: 1rem .75rem; */
/* } */
/* toggel search button start */
.search {
  padding: 5px 0;
  width: 230px;
  height: 30px;
  position: relative;
  left: 10px;
  float: left;
  line-height: 22px;
}
.search input {
  position: absolute;
  width: 0px;
  float: Left;
  margin-left: 210px;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  height: 30px;
  line-height: 18px;
  /* padding: 0 2px 0 2px; */
  padding: 0;
  border-radius:1px;
}
.search:hover input, .search input:focus {
  width: 200px;
  margin-left: 0px;
}
.hover:hover{
  background-color: #e6e6e6;  
  cursor: pointer;
}
.rlinke{
  text-decoration: 'none';
  color : '#000000';
}
#icSearch {
  /* height: 30px; */
  position: absolute;
  right: 0;
  top: 5px;
  /* border-radius:1px; */
}
/* toggel search button end */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {    
	/* body {background:blue;}	 */
	#loginCard{
		border-radius:9px;
		/* width:80%;	 */
	}
	#imgLogo{width:110px}
  .form-floating > .form-control, .form-floating > .form-select {
    height: calc(3.5rem + 2px);
    padding: 1rem .75rem;
  }  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {  
	#loginCard{
		border-radius:9px;
	/* 	width:70%;	 */
	}
	#imgLogo{width:170px}
	/* body {background:red;} */
}  

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {  
	#loginCard{
		border-radius:9px;
		/* width:60%;	 */
	}
	#imgLogo{width:170px}
	/* body {background:yellow;}	 */
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {  
	#loginCard{
		border-radius:9px;
		/* width:40%; */	
	}
	#imgLogo{width:170px}
	/* body {background:pink;}	 */
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {  
	#loginCard{
		border-radius:9px;
		/* width:40%;	 */
	}
	#imgLogo{width:170px}
	/* body {background:#00204D;} */
}
/* media quries  end*/