﻿/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea { max-width: 280px; }

/* styles for validation helpers */
.field-validation-error { color: #b94a48; }

.field-validation-valid { display: none; }

input.input-validation-error { border: 1px solid #b94a48; }

input[type="checkbox"].input-validation-error { border: 0 none; }

.validation-summary-errors { color: #b94a48; }

.validation-summary-valid { display: none; }

.x_panel { position: relative; width: 100%; padding: 10px 17px; display: inline-block; background: #fff; border: 1px solid #E6E9ED; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; opacity: 1; transition: all .2s ease; }

.x_title { border-bottom: 2px solid #E6E9ED; padding: 1px 5px 6px; margin-bottom: 10px; color: #408eba; }

.no-padding { padding: 0; }

.linkbuttonstyle { color: #fff; }

/*Login Form*/
.main-center { margin-top: 30px; margin: 0 auto; max-width: 540px; padding: 80px 110px; }


.main-login { background: url("../Content/Images/login-box-bg.png") 0 0 no-repeat; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; top: 100px; left: 28%; }

.SAP-login { background: url("../Content/Images/sap-login-bg.png") 0 0 no-repeat; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; top: 100px; left: 28%; }

.loginform-footer { margin-top: 30px; }

.input-group-addon { background-color: transparent; }

.main-login .form-control { border-left: 0px !important; -webkit-box-shadow: none; box-shadow: none; }

.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
/*Login End*/

.tab-content > .active { width: 100%; overflow: auto; }

.tab-content { width: 100%; }


@media only screen and (max-device-width: 767px) {
	.main-login { left: 3%; top: 280px; width: 100%; }
}
label.requiredfield:before { content: "* "; color: red; }