@font-face {
    font-family: 'OpenSans';
    src: url('/assets/fonts/OpenSans-Regular.eot');
    src: url('/assets/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans-Regular.woff') format('woff'), url('/assets/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}



body {
    background: #F5F5F5 !important;
    max-width: 100%;
    margin: 0px auto;
    font-size: 14px;
    font-family: 'OpenSans' !important;
    padding-bottom: 0px;
}
.headerSection {
	background: #2b2b2b;
	height: 120px;
	margin: 0px;
	padding: 0px;
}
.headerSection img.logo {
	padding-top:5px;	
	margin-left: 10%;
}
.headerSection .rightHeading {
	color: #fff;
	text-transform: uppercase;	
}
h2.appTitle {
	font-size: 1.8em;
	line-height: 30px;
	margin-top: 20px;
	font-family: 'Montserrat';
    margin-right: 10%;
}
h2.appTitle span.titleFont {
	font-size: 1.4em;
}
h2.appTitle span.textContent {
    /*line-height: 35px;*/
}
.registratio_bg {
	background: #458a1d;
	color: #fff;
	/*padding: 0px;*/
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.log_bg {
	width: 100%;
    margin: 10px auto;
	color: #70ad47;
	padding: 25px;
}
.logo-responsive {
    display: block;
	max-width: 100%;
	height: auto;
}
.mainContent {
	width: 65%;	
	margin-top: 29px;
    
}
.mainContent h3 {
	color: #70ad47;	
	font-weight: 600;
}

.logInput > .form-control {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
h3.registerHeading {
	color: #fff;	
}
.flex-container {
	display: flex;	
}
.login_space {
	background: #fff;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	/*  width: 99%;   */
	margin: 15px 0px;
	box-shadow: 1px 1px 4px #ddd;
    border-radius:4px;
    
}
.custom-addon {
    background-color: #d3d4d3 !important;
}

.custom-panel {
	border-radius: 2px;
	box-shadow: 1px 1px 4px #ddd;	
	background: #fff;
    border: 1px solid #ccc;
    border-radius:4px;
}
.custom-panel p {
    font-family: OpenSans;
    font-size: 14px;
}
.custom-panel-body {
    padding: 10px 10px 20px 10px;
}


/* Helper Classes */
.padding_lr_15 {
	padding-left: 15px;
	padding-right: 15px;
}
.padding_lr_20 {
	padding-left: 20px;
	padding-right: 20px;
}
.padding_tb_13 {
	padding-top: 13px;
	padding-bottom: 0px;	
}
.btn-login {
	background-color: #70ad47;
	border: 1px solid #70ad47;
}
.btn-login:hover {
	background-color: #527f34;
	border: 1px solid #527f34;
}
.btn-register {
	background-color: #2b2b2b;
	border: 1px solid #2b2b2b;
	color: #fff;	
}
.btn-register:hover {
	background-color: #0d0d0d;
	border: 1px solid #0d0d0d;
	color: #fff;	
}
.btn-search {
	color: #fff;
	background-color: #337ab7;
    border-color: #337ab7;	
}
.btn-search:hover {
	color: #fff;
	background-color: #275d8b;
    border-color: #275d8b;	
}
.btn-forgot, .btn-advdSearch {
	color: #000000;	
    background-color: #fff;
    border-color: #ccc;
}
.btn-forgot:hover, .btn-advdSearch:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-advdSearch > i.fa-chevron-right {
    font-size: 0.8em;
}
.btn-forgot > span.glyphicon-user,
.btn-forgot > span.glyphicon-lock,
.btn-advdSearch > i.fa-chevron-right
 {
    color: #9c9696;
}

.rememberText {
	color: #7ec2fb;	
}


.footer-section {
	background-color: #2b2b2b;
	color: #fff;
	padding: 10px 0px;	
	/*margin-top: 50px;*/
}
.container {
    width: 65%;
}
.container-fluid {
	padding-left: 0px;
	padding-right: 0px;	
}

.fa-1x {
	font-size: 1.2em;	
}
.corpSearch {
	margin-top: 30px;
    margin-left: -5px;
    margin-right: -5px;	
}
.lineBorder {
    border-top: 1px solid #fff;
    margin-top: 20px;
}
.corpSearch h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.userIcon {
    color: #fff;
    padding-left: 5px;
    padding-right: 6px;
}
table.radioTable tbody tr {
    padding:10px;
}
.inline-input {
    width:75%;
    float:left;
}
.inline-button {
    width:24%;
    float:left;
    margin-left:1%;
}
.custom-row {
    margin-left: -5px;
    margin-right: -5px;
}




@media all and (min-width:1367px) and (max-width:1920px) {
	.mainContent {
		width: 65% !important;	
	}
}
@media all and (min-width:1180px) and (max-width:1366px) {
	.mainContent {
		width: 80%;	
	}
}
@media all and (min-width:1024px) and (max-width:1179px) {
	.mainContent {
		width: 81%;	
	}
    
}
@media all and (min-width:768px) and (max-width:1023px) {
	.mainContent {
		width: 85%;	
	}
	.leftPane, .rightPane {
		width:100% !important;	
	}
    
}
@media all and (min-width:768px) and (max-width:991px) {
	.mainContent {
		width: 95%;	
		margin-top: 20px;
	}	
    .flex-container {
        display:block;
    }
	.footer-section {
		margin-top: 20px;
        padding: 10px 30px;	
	}
    .registratio_bg {
        border-top-right-radius: 0px;
    }
}
@media all and (min-width:768px) and (max-width:820px) {
	.mainContent {
		width: 100%;	
		margin-top: 10px;
	}	
    h2.appTitle {
        font-size: 1.3em;
        margin-top: 25px;
    }
	.footer-section {
		margin-top: 5px;	
        padding: 10px 30px;
	}	
}

@media all and (max-width:767px) {
	.flex-container {
		display: block;	
	}
	.mainContent {
		width: 90%;	
		margin-top: 30px;
	}
	.headerSection img.logo {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.headerSection {
		background: #2b2b2b;
		height: 160px;
		margin: 0px;
		padding: 0px;
	}
	h2.appTitle {
		font-size: 1.2em;
		line-height: 20px;
        margin-top: 5px;
        margin-right: 0%;
        text-align: center;
	}
	.hideBreak {
		display:none;	
	}
	.footer-section {
		margin-top: 15px;
        padding: 10px 30px;	
	}
	.spacer {
		display: block !important;	
	}
    .registratio_bg {
        border-top-right-radius: 0px;
    }
}
@media all and (max-width:519px) {
	.mainContent {
		width: 100%;	
		margin-top: 5px;
	}
	.headerSection {
		background: #2b2b2b;
		height: 170px;
		margin: 0px;
		padding: 0px;
	}
	h2.appTitle {
		/*font-size: 1.2em;*/
		line-height: 1.2em;
        margin-right: 0%;
	}
	.corpSearch {
		margin-top: 15px;
	}
	.footer-section {
		margin-top: 0px;	
	}
    h2.appTitle > span.textContent {
        text-align: center !important;
    }
}
@media all and (min-width:320px) and (max-width:430px) {
	.paneLeft, .paneRight {
		width: 100% !important;	
	}
	.paneLeft button, .paneRight button {
		float: left !important;	
	}
	.paneRight label {
		float: left !important;
		margin-top: 10px;	
	}
	.paneLeft button {
		margin-bottom: 10px;	
	}
}


.panel-home {
min-height:415px !important; 
}


 input[type=text]::-ms-clear {
    display: none !important;
}