input[type="text"],
input[type="checkbox"],
textarea,
.select2-search__field,
.ui-datepicker-month,
.ui-datepicker-year{
	outline: none !important;
}

body
{
	font-size:14px;
	color:#363f44;
	font-family:Verdana, Geneva, sans-serif;
}

input,
textarea{
	width: 100% !important;
	color:#000;
	height:25px;
	/* background-color:#f8fbff; */
	border:1px solid #768185; 
	border-radius: 4px;
	padding-left: 4px !important;
}

input[type="checkbox"]{
	width: 25px !important;
}

input[type="file"]{
	padding: 0px !important;
	height: 23px !important;
}

.select2.select2-container.select2-container--default
{
	width: 100% !important;	
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #000 !important;
	padding-left: 4px !important;
}

.select2-selection.select2-selection--single{
	border:1px solid #768185 !important;
	/* background-color:#f8fbff; */
}

textarea
{
	height:70px;
}

.table{
	width: 100%;
	margin-bottom: 5px;
}

.table thead
{
	background-color:#1c75ad;
	color:#FFF;
	height:30px;
    font-size:15px;
}

.table thead tr td,table
{
	border:1px solid #dfe0e5;
}

.table thead tr td,
.table tbody tr td {
	padding: 5px;
}

.table tbody tr td:first-child {
	min-width: 100px;
	width: 15%;
	font-size:14px;
}

.table tbody tr td:last-child {
	width: 85%;
	font-size:14px;
}

.Err_message
{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 35%;
	padding: 16px;
	border: 10px solid #c1d6e9;
	background-color: #f8fbff;
	z-index:1002;
	color:#F00;
	font-size:12px;
}

ul {
	margin-top: 35px;
	border: 1px solid lightblue;
	overflow: auto;
	max-height: 320px;
}

li {
	padding: 10px;
}

.required
{
	color:#F00;
}

.note
{
	color:#F00;
	font-size:9px;
	margin-left:3px;
}

.footer
{
	background-color:#1c75ad;	
	height:50px;
	-moz-border-radius: 20px;
	font-size:20px;
	border-bottom-left-radius:0.5em;
	border-bottom-right-radius:0.5em; 
	color:#7791b4;
	width: 100%;
	text-align: center;
}

.button
{
	border:#CCC 1px solid;
	background-color:#f8fbff;
	width:100px;
	height:30px;
	cursor:pointer;
	line-height:30px;
	text-align:center;  
}

.title
{
	color:#1c75ad;
	font-size:24px;
}

.logo{
	width: 120px;
}

@media (max-width: 746px) {

	body,
	.table tbody tr td:first-child,
	.table tbody tr td:last-child {
		font-size:12px;
	}
	
	.table thead{
		font-size:14px;
	}

    .Err_message {
        min-width: 60% !important; /* Set min-width for larger screens */
    }

	.title
	{
		font-size:16px;
	}

	.logo{
		width: 90px;
	}


}