@charset "utf-8";
/* CSS Document */


.hasPlaceholder {
   color: #777;
   font-size:1em;

}


}

body, table, td, tr, div, form, ul {
	font-size: 96%;
	font-family: Tahoma;
	color: #333637;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	
}
a:link {
	color: #615f5f;
	text-decoration: none;
}
a:visited {
	color: #615f5f;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underlined;
}

.graydark {
	height: 10px
}
.ornbg {
	height: 5px
}
.title {
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}
.pad2 {
	padding: 2px 0px 0px 6px
}
.pad5 {
	padding: 2px 5px
}


.btn2 {
	font-family: 'Tahoma', serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	width: 98%;  height: 3em;
	min-width: 290px;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #4a8bf5;
	border: 0px solid #4a8bf5;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);

}

.btn2:hover {
	background: #3376e3;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.btn2:focus {
	position: relative;
	bottom: -1px;
	
	background: #3376e3;
	
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	vertical-align: middle; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px
}


.username {
color: #757575;
height : 45px;
width : 98%;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: groove #d9d9d9;
outline: none;
padding-left: 5px;
padding-right: 5px;
font-size: 1em;
border-radius:10px 10px 0px 0px;
 background: transparent;



}

.password {
color: #757575;
height : 45px;
width : 98%;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: groove #d9d9d9;
outline: none;
padding-left: 5px;
padding-right: 5px;
font-size: 1em;
border-radius:0px 0px 0px 0px;
 background: transparent;
}

.graybod {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 600px;
	padding: 40px;
	background: rgba(255,255,255,.9);
	box-sizing: border-box;
	box-shadow: 0 15px 25px rgba(0,0,0,.8);
	border-radius: 10px;
	backdrop-filter: blur(5px);
}



.style3 {font-size: 14px}
.style8 {font-size: 16px}

input[type=text] { width: 97%;height:65px; font-size:1.4em;  }
input[type=password] { width: 97%;height:65px;font-size:1.4em;}
textarea { width: 97%;height:55px;font-size:1.4em;}

h1 {
font-size:0.8em;
color:#9c9696;}


h3 {
font-size:1.2em;
color:#ED0D10;}

body {
background-image:url(../../../../library/custom/images/library_bg/bg_login2.jpg);
background-repeat:no-repeat;
background-position: center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow:scroll;

}
  .alert {
    color: #FF0000;
    font-size: 10pt;
   
} 

.intilogo  {

border:0px;
height: 80px;
}

.intilogomobile {
	height:0px;
	border:0px
	display:none;
	}
	
	
    /* ==========================================================================
    Fix for samsung note2/note8/note 10/ iphone x (portrait)
    ========================================================================== */
@media only screen and (min-width : 360px) and (max-width : 663px)  {

	
	h3 {
font-size:1em;
color:#fe4b52; font:Tahoma;}
.pad2 {
	padding: 2px 0px 0px 6px
}
.pad5 {
	padding: 2px 5px
	
}


.btn2 {
	font-family: 'Tahoma', serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	width: 98%;  height: 3em;
	min-width: 290px;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #4a8bf5;
	border: 0px solid #4a8bf5;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	left: 50%;
  margin: -25px 0 0 -25px;
  margin-top:5px;

}

.btn2:hover {
	background: #3376e3;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.btn2:focus {
	position: relative;
	bottom: -1px;
	background: #3376e3;
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	vertical-align: middle; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px
}



.username {
color: #c2bfbf;
height : 45px;
width : 98%;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: groove #d9d9d9;
outline: none;
padding-left: 5px;
padding-right: 5px;
font-size: 2.2em;
left: 50%;
  margin: -25px 0 0 -25px;
   background: transparent;
font-family: Tahoma, Geneva, sans-serif;
}

.password {
color: #c2bfbf;
height : 45px;
width : 98%;
background-color: #fff;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: groove #d9d9d9;
outline: none;
padding-left: 5px;
padding-right: 5px;
font-size: 2.2em;
border-radius:10px 0px 0px 0px;
left: 50%;
  margin: -25px 0 0 -25px;
   background: transparent;
   font-family: Tahoma, Geneva, sans-serif;

}

.graybod {
position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	padding: 40px;
	background: #fff;
	box-sizing: none;
	border-radius: 0px;
	backdrop-filter: blur(0px);
	box-shadow: none;

	
 
}

a:link {
	color: #9c9696;
	text-decoration: none;
}
a:visited {
	color: #9c9696;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underlined;
}



.style3 {font-size: 14px}
.style8 {font-size: 16px}

input[type=text] { color:#000;width: 100%;height:65px; font-size:1em;  margin-bottom:25px;   }
input[type=password] { color:#000;width: 100%;height:65px;font-size:1em;}
textarea {color:#000; width: 100%;height:55px;font-size:1em; }

h1 {
font-size:0.5em;
color:#9c9696;}

body {
background-image:none;
	background-color:#fff;
overflow:scroll;

}
  .alert {
    color: #FF0000;
    font-size: 10pt;

   
} 


.intilogo  {
	position:absolute;
	top:89px;
	height:0;
	display:none;

	}
	
.intilogomobile {
	height:52px;
	left: 50%;
  margin: -25px 0 0 -25px;
 
  


	}}
 /* ==========================================================================
    Fix for samsung note2/note8/note 10/ iphone x (landscape)
    ========================================================================== */
@media only screen and (min-width : 664px) and (max-width : 1024px)  {

.intilogo  {
	position:absolute;
	top:89px;
	height:0;
	display:none;

	}
	
.intilogomobile {
	height:50px;
	left: 50%;
  margin: -25px 0 0 -25px;
  top:29px;

	}
 
  


	

.pad2 {
	padding: 2px 0px 0px 6px
}
.pad5 {
	padding: 2px 5px
	
}


.btn2 {
	font-family: 'Tahoma', serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	width: 98%;  height: 3em;
	min-width: 290px;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #4a8bf5;
	border: 0px solid #4a8bf5;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	left: 50%;
  margin: -25px 0 0 -25px;
    margin-top:5px;

}

.btn2:hover {
	background: #3376e3;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.btn2:focus {
	position: relative;
	bottom: -1px;
	background: #3376e3;
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	vertical-align: middle; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px
}



.username {
color: #c2bfbf;
height : 45px;
width : 98%;
background-color: #fff;
border-bottom:1px solid #c2bfbf;
border-top:0px solid #c2bfbf;
border-left:0px solid #c2bfbf;
border-right:0px solid #c2bfbf;
padding-left: 5px;
padding-right: 5px;
font-size: 2em;
left: 50%;
 margin: -25px 0 0 -25px;
  background: transparent;

}

.password {
color: #c2bfbf;
height : 45px;
width : 98%;
background-color: #fff;
border-bottom:1px solid #c2bfbf;
border-top:0px solid #c2bfbf;
border-left:0px solid #c2bfbf;
border-right:0px solid #c2bfbf;
padding-left: 5px;
padding-right: 5px;
font-size: 2em;
left: 50%;
 margin: -25px 0 0 -25px;
  background: transparent;
}

.graybod {
position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 600px;
	padding: 40px;
			box-sizing: none;
	border-radius: 0px;
	backdrop-filter: blur(0px);
	box-shadow: none;
	
	
 
}



.style3 {font-size: 14px}
.style8 {font-size: 16px}

input[type=text] { width: 100%;height:65px; font-size:1.5em;  margin-bottom:25px;   }
input[type=password] { width: 100%;height:65px;font-size:1.5em;}
textarea { width: 100%;height:55px;font-size:2em; }

h1 {
font-size:0.8em;
color:#9c9696;}

body {
background-image:none;
background-color:#fff;

}
  .alert {
    color: #FF0000;
    font-size: 10pt;
   
} 


}