.loginmodule
{
	background: #ebebff;
	margin-left: 25px !important;
	margin-right: 25px !important;
	padding: 50px;
	padding-top:10px;
	opacity: 0.8;
	border: 1px solid #d8d7e6;
	border-radius: 1rem;
}

.after-loginmodule
{
	background: #ebebff;
	margin-top: 20px;
	margin-left: 50px !important;
	padding: 50px;
	padding-top:10px;
	opacity: 0.8;
	border: 1px solid #d8d7e6;
	border-radius: 1rem;
}

.loginheadertext {
  	font-size: 1.25rem;
  	text-align: center;
  	font-weight: normal;
	line-height: 1.5rem;
}

.loginbutton
{
	background: #e31e34 !important;
	color: #ffffff;
	border-color: #198754 !important;
	padding: 10px 30px 10px 30px;
}
.loginbutton:hover
{
	background: #198754 !important;
}

.button {
	background: #0d6efd !important;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: none;
	color: #FFFFFF;
}

.button:hover
{
	color: #333333;
}

.button:active {
	position:relative;
	top:1px;
}

.logininputfields {
	width: 85% !important;
}

.successmessage
{
	background-attachment:scroll;
	background-color:#E6FFE6;
	background-image:url(../images/add.gif);
	background-position:15px 50%;
	background-repeat:no-repeat;
	border-bottom-color:#70B559;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#70B559;
	border-top-style:solid;
	border-top-width:2px;
	color:#484848;
	padding-bottom:1px;
	padding-left:45px;
	padding-right:20px;
	padding-top:5px;
	text-align:left;	
}
.warningmessage
{
	background-attachment:scroll;
	background-color:#FBEEF1;
	background-image:url(../images/warning.gif);
	background-position:15px 50%;
	background-repeat:no-repeat;
	border-bottom-color:#FEABB9;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#FEABB9;
	border-top-style:solid;
	border-top-width:2px;
	color:#8E6A64;
	padding-bottom:1px;
	padding-left:45px;
	padding-right:20px;
	padding-top:5px;
	text-align:left;
}
.infomessage{
	background-attachment:scroll;
	background-color:#F8FAFC;
	background-image:url(../images/info.gif);
	background-position:15px 50%;
	background-repeat:no-repeat;
	border-bottom-color:#B5D4FE;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#B5D4FE;
	border-top-style:solid;
	border-top-width:1px;
	color:#5E6273;
	padding-bottom:5px;
	padding-left:45px;
	padding-right:20px;
	padding-top:5px;
	text-align:left;
}
.errormessage
{
	background-attachment:scroll;
	background-color:#FCE1E1;
	background-image:url(../images/alert.gif);
	background-position:15px 50%;
	background-repeat:no-repeat;
	border-bottom-color:#DA4444;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#DA4444;
	border-top-style:solid;
	border-top-width:1px;
	color:#996666;
	padding-bottom:5px;
	padding-left:45px;
	padding-right:20px;
	padding-top:5px;
	text-align:left;
}

.container-fluid
{
	padding: 0px !important;
}

.modal-header {
	background-color: #393285;
	color: #ffffff;
}

.tablerowborders th {
	border-top: 1px solid #999;
	border-collapse: collapse;
	border-bottom: 1px solid #999;
}

.tablerowborders td {
  border-top: 1px solid #999;
  border-collapse: collapse;
  border-bottom: 1px solid #999;
}

 ul.formsections {
		text-align: justify;
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		display: inline-flex;
		justify-content: space-around;
		width: 100%;
		margin-bottom: 35px;
		margin-top: 25px;
}

ul.formsections li {
		position: relative;
		width: 22%;
		text-align: center;
		display: inline;
		padding-bottom: 25px; 
}

.marker-number {
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		border-radius: 50%;
		background: #21a2d1;
		display: inline-block;
}
.marker-line {
		position: absolute;
		width: 100%;
		height: 4px;
		background-color: #21a2d1;
		top: 13px;
}

ul.formsections li.active span.marker-number,
ul.formsections li.active span.marker-line {
		background: #04497b;
		color: #FFFFFF;
}

ul.formsections li.active span.marker-text {
		color: #04497b;
}
.active ~ li span.marker-number,
.active ~ li span.marker-line {
		background: #b7b7b7;
}

span.marker-text {
		color: #7d7d7d;
		line-height: 15px !important;
		font-family: Arial;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		font-size: 11px;
}

table.viewtable{
    border: 1px solid #bebebe;
    border-collapse: collapse;
}
.viewtable tr td{
    border: 1px solid #bebebe;
    border-collapse: collapse;
}
.viewtable th{
    border: 1px solid #bebebe;
    border-collapse: collapse;
}
.viewtable1 tr:nth-child(even){
    background: #efefef;
}

.viewtable1 tr:nth-child(1){
    background: #2485db;
    font-weight: 700;
    padding: 6px;
    text-align: center;
    color: #ffffff;
    height: 30px;
}


.surveychkboxstylebtns
{
    width: 22px;
    height: 22px;
    position: relative;
    background: #fcfff4;
    border:1px solid #BEBEBE;
}

.surveychkboxstylebtns label {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    background:#FFFFFF;
}

.surveychkboxstylebtns label:after
{
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #2f96b4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.surveychkboxstylebtns label:hover::after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    background: #2f96b4;
    opacity: 0.3;
}

.surveychkboxstylebtns input[type=radio]:checked + label:after,.surveychkboxstylebtns input[type=checkbox]:checked + label:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.surveychkboxstylebtns input[type=radio]:disabled + label:after, .surveychkboxstylebtns input[type=checkbox]:disabled + label:after
{
    cursor:not-allowed;
}

.surveychkboxstylebtns input[type=radio]:disabled + label, .surveychkboxstylebtns input[type=checkbox]:disabled + label
{
    background-color:#EEEEEE;
}

.surveychkboxstylebtns input[type=radio],.surveychkboxstylebtns input[type=checkbox]
{
    margin-left: 2px;
    margin-top:-2px;
}

.surveyradiostylebtns {
    width: 30px;
    height: 30px;
    position: relative;
    background: #fcfff4;
    border:1px solid #BEBEBE;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    top: 0px;
}
.surveyradiostylebtns label {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 7px;
    left: 8px;
    cursor: pointer;
    background:#FFFFFF;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}
.surveyradiostylebtns label:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #2f96b4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}
.surveyradiostylebtns label:hover:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  background: #2f96b4;
}
.surveyradiostylebtns input[type=radio]:checked + label:after,.surveyradiostylebtns input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.surveyradiostylebtns input[type=radio],.surveyradiostylebtns input[type=checkbox]
{
    margin-left: 9px;
    margin-top: 9px;
    _margin-top: 9px;
    *margin-top: 9px
}

table.admissionformtable th.admissionformdisplaylabel
{
	text-align: left !important;
}

.imageThumb {
	max-height: 75px;
	border: 1px solid;
	margin: 10px 10px 0 0;
	padding: 1px;
}

.admissionformdisplaylabel
{
	font-weight: bold;
}

@media (max-width: 767px)
{
	.marker-number
	{
		margin-bottom: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px)
{
	.com_base_admissionform {
		width: 1000px;
		margin: 0px auto;
	}
	
	div.modal
	{
		width: 50% !important;
		left: 25% !important;
		margin-left: 0 !important;
	}
}

@media (min-width: 991px) and (max-width: 1199px)
{
	.com_base_admissionform {
		width: 1000px;
		margin: 0px auto;
	}
	
	div.modal
	{
		width: 50% !important;
		left: 25% !important;
		margin-left: 0 !important;
	}
}

@media (min-width: 1200px)
{
	.com_base_admissionform {
		width: 1000px;
		margin: 0px auto;
	}
	
	div.modal
	{
		width: 50% !important;
		left: 25% !important;
		margin-left: 0 !important;
	}
}

.inner_table1
{
	width: 100%;
}

.inner_table1 input[type=text]
{
    width: 100px;
}
.inner_table1 select
{
    width: 150px;
}

input[type=text]
{
	margin: 0px !important;
}