html
{	
		height: 100%;	
	min-height: 100vh;
	position: relative;		
}

body
{
	font-family: Roboto,sans-serif;
	font-size: 16px;
	font-weight: 400;
	background-color:#e9ebee;
	color: #55595c;	
	

	//font-size: 0.875rem;
	//font-weight: 600;
	//font-family: Inter;	
}

  
#listForm 
{
	min-height: 100vh;	
	background-color: #ffffff;	
	width: 80%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
}

.listParagraph
{
	margin-top: 3rem;
	margin-right: 3rem;
	margin-left: 3rem;	
	text-align:justify !important;
}

.listFormTitle 
{
	font-size: 26px; 
	line-height: 1.2; 
	font-weight: 700; 
	margin-bottom: 8px;	
}
.listFormSubTitle 
{
	font-size: 18px; 
	line-height: 1.2; 
	font-weight: 700; 
	margin-bottom: 8px;	
}
.pageTitle 
{
  font-size: 1.4rem; 
  font-weight: 500;
  line-height: 1.7;
}

/*modify floating label color*/
.form-floating > label 
{
  color: rgba(74, 83, 91, 0.65);
}
	
.listFormLogo {
  height: 100px;
}

.navbar-brand 
{
	padding: 0 15px;
	font-weight: bold;
    color: #003865 !important;
}

.activeNavLink 
{
  color: #1976d2 !important;
  background: #e7e7e7 !important;
  padding: 1.0rem !important;
}

.fontAwesomeForSocial 
{
  font-size: 1.4em;
}



/*tables*/
table td 
{
	vertical-align: middle !important;
	color: #617585;
}

table th 
{
	text-align:center !important;
	font-weight:500;
}
.table-bordered>thead>tr>th,.table-bordered
{
	border-bottom-width:0px;
}	

.table tbody tr:hover td, .table tbody tr:hover th 
{
	background-color: #F9F9F9;
}
/*end tables*/

/*btn scroll to top*/
#scroll-to-top 
{
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  padding: 10px;
  border: none;
  background-color: #6c757d;
  color: #fff;
  cursor: pointer;
}

#scroll-to-top:hover 
{
  background-color: #007bff;
}
/*btn scroll to top end*/

/*colors*/
.textBlueFacebook{color:#3b5998}
.textBlueGoogle{color:#1976d2}
.textAzure{color: #708eaa}
.textIndigo{color:rgb(12,108,242)}
.textGreen{color:rgb(40,167,69)}
.textOrange{color:#fd7e14}
.textOrangeDark{color:#e65d17}
.textTeal{color:#20c997}
.textCyan{color:#17a2b8}
.textBrownish{color:#86121d}
.textBluish{color:#5c87ae}
.textElectricCrimson{color:#ff003}
.textRedSafe{color:#d50000}
.textMutedGray{color:#cfd4d9}
.textMutedBlue{color:#c3d0dc}
	
/*btn*/
.btn-outline-btn1{color:#1976d2;background-color:#e9ebee;background-image:none;border-color:#e5e5e5;font-weight: bold;}
.btn-outline-btn1:hover{color:#1976d2;background-color:#d0d0d0;}
.btn-outline-btn1.focus,.btn-outline-btn1:focus{color:#1976d2;background-color:#d0d0d0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-btn1.disabled,.btn-outline-btn1:disabled{color:#6c757d;background-color:transparent}
.btn-outline-btn1:not(:disabled):not(.disabled).active,.btn-outline-btn1:not(:disabled):not(.disabled):active,.show>.btn-outline-btn1.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-outline-btn1:not(:disabled):not(.disabled).active:focus,.btn-outline-btn1:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-btn1.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-btn2{color:#4285f4;;background-color:transparent;background-image:none;border-color:#e5e5e5;font-weight: bold;}
.btn-outline-btn2:hover{color:#4285f4;;background-color:#d0d0d0;}
.btn-outline-btn2.focus,.btn-outline-btn2:focus{color:#1976d2;background-color:#d0d0d0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-outline-btn2.disabled,.btn-outline-btn1:disabled{color:#6c757d;background-color:transparent}
.btn-outline-btn2:not(:disabled):not(.disabled).active,.btn-outline-btn1:not(:disabled):not(.disabled):active,.show>.btn-outline-btn1.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-outline-btn2:not(:disabled):not(.disabled).active:focus,.btn-outline-btn2:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-btn1.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btn-deep-orange{background-color: #ff7043 !important;color: #fff;}
.btn-outline-deep-orange{border: 2px solid #ff7043 !important;background-color: transparent !important;color: #ff7043 !important;}
.btn-pink{background-color: #ec407a !important; color: #fff;}
.btn-outline-pink{border: 2px solid #ec407a !important;background-color: transparent !important;color: #ec407a !important;}
.btn-magenta{background-color: #ff3547 !important; color: #fff;}
.btn-outline-magenta {border: 2px solid #ff3547 !important;background-color: transparent !important;color: #ff3547 !important;}
.btn-space{margin-right:2px;}			
.btn-space5px{margin-right:5px;}

.btnWidth100 
{
    width: 100px !important;
}
/*end btn*/
	
/*modal*/
.modal-content
{
	background-color:#f2f2f2;	
	border-radius: 10px;
}	

.modal-lg {
  max-width: 900px;
}

.modalTitle {
  font-size: 24px;
  font-weight: 600;
}

.modalLabel {
  color: #6c757d;
  font-weight: 400;
}

/*end modal*/


#formDetails 
{
  padding:0px 20px 0px 20px;
  margin:1rem !important;  border-radius:6px;
  border-collapse: separate;
}

.alertHeader {
  font-size: 1.0rem;
  font-weight: 600;
  color: rgb(12,108,242);
  background-color: #e9ebee;
  border-color:#e5e5e5;
  margin-bottom: 0rem;
  border-radius:0.25rem 0.25rem 0rem 0rem;
  border:0px;
  text-align: justify;
  text-justify: inter-word;
}

@media (max-width:768px)
{
	#listForm 
	{
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
		font-size: 17px;
	}
	
	input[type='text'] 
	{ 
		font-size: 13px;
	}
	
	.logoDiv
	{
		display:flex;
		justify-content: center !important;
	}

	.listFormSubTitle
	{
		display:flex;
		justify-content: center !important;
	}
	
	.m-5
	{
		margin: 2rem !important;
	}
	
	.container , .container-fluid
	{
		max-width     : 768px;
		padding-right : 0px;
		padding-left  : 0px;		
	}	
	
	.row
	{
		margin-right: 0px;
		margin-left: 0px;			
	}
	
	h2
	{
		padding-top : 10px;
		font-size: 22px !important;
	}

	h5
	{
		padding-top : 10px;
		font-size: 22px !important;
	}
	
	.modal-dialog
	{
		margin : 0px;
	}	
	
	#modalDetails
	{
		padding: 0px !important;
		margin: 0rem !important;			
	}
	
	#formDetails
	{
		padding-right : 0px;
		padding-left  : 0px;
		margin: 0rem !important;		
	}

	.modal-body
	{
		padding: 0rem !important;	
	}
	
	ul {
		margin: 0; /* To remove default bottom margin */ 
		padding: 0; /* To remove default left padding */
	}
	
}