﻿h1 {
	background: #4A4A4A;
	color: white;
	font-size: 18px !important;
	padding: 10px;
	text-transform: uppercase;
} 

.col-form-label, .MultilineLabel {
	font-weight: bold !important;
}

.ErrorMessage {
	color: maroon;	
	padding-left: 5px;
	position: relative;
	padding-top: 0;
	font-size:.75em;
}

.inline-block-override {
    display: inline-block;
}

.FormGroupBody {
	margin-bottom: 15px;
}

.FormGroupBody .row {
	padding: 0 5px 0 5px;
}

.FormGroupHeader {
	background-color: #4A4A4A;
	border-radius: 5px;
	color: #fff;
	padding: .4em;
	font-size: 16px;
        text-transform: uppercase;
}

.SectionHeader {
	background-color: rgb(51, 107, 172);
	border-radius: 5px;
	color: #fff;
	padding: .4em;
	font-size: 16px;
	text-transform: uppercase;
}

.SubSectionHeader {
	background-color: lightgray;
	border-radius: 5px;
	color: #fff;
	padding: 5px;
	font-size: 16px;
}

.FormGroupError > label:after {
	margin-left: .5em !important;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f06a";
	color: #D4786C;
}

/*.FormGroupError > label {
    background: url("/images/exclamation.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}*/

/*.PublicInfoLabel > label:after {
    content: url("/images/publicInfoIcon.png");
    margin-left: .25em;
}*/

.FormGroupErrorLabel > label {
	color: red;
	font-weight: bold;
}

.FormGroupErrorLabel input {
	border-color: #dc3545;
}

.FormGroupErrorLabel select {
	border-color: #dc3545;
}

.FormGroupErrorLabel textarea {
	border-color: #dc3545;
}

#ValidationRow {
	padding-left:1rem;
}

#ValidationRowColumn a {
	text-decoration: none !important;
}

#ValidationRowColumn a:hover {
	text-decoration: underline !important;
}

.FormGroupBodyError h2:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	/*content: "\f06a";
	color: #fff;*/
	float: right; 
}

.FormGroupValidationSummaryBody {
	margin-bottom: 15px;
}

.FormGroupValidationSummaryHeader {
	background-color:maroon;
    border-radius: 5px;
    color: #fff;
    padding: .4em;
    font-size: 16px;
	text-transform:uppercase;
}

.FormGroupValidationSummaryBody .row{
    color:maroon;
}

.ErrorIconColor {
	color: #D4786C;
}

.CheckboxLabel {
    padding-right: 25px;
    display:inline-flex;
    margin-top:10px;
}

    .CheckboxLabel > span > input {
    margin-top:0;
    }

.DropDownTopLabel {
    display: inline-flex;
    width: 100%;
}

input[type=checkbox], input[type=radio] {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 7px;
	transform: scale(1.3);
}

.CharacterCounter {
	width: 100%;
	background-color: lightblue;
	border: 1px solid lightgray;
	padding: .3em;
	text-align: right;
	font-weight: bold;
	color: black !important;
	font-size: .8em;
	margin-bottom: 10px;
	display: block;
}

.CharacterCounterWarning {
	background-color: lightyellow;
}

.CharacterCounterDanger {
	background-color: lightcoral;
}


.form-check-input {
	margin-left: -2.1rem;
	margin-top: -0.5rem;
}
.StaticButtonWidthMedium {
    width:10em;
}

.StaticButtonWidthLarge {
    width:15em;
}

.DynamicAddButton {
	padding-top: .6em;
}
 

.modal-header{
    background-color:rgb(51, 107, 172);
    color:white;
    text-transform: uppercase;
    font-size:16px;
    padding:0.5rem;
}

.RadInput input.riEmpty, html body .RadInput textarea.riEmpty, html body input.RadInput_Empty{
    font-style:normal !important;
}

.multipleRowsColumns .rcbItem,.multipleRowsColumns .rcbHovered {
	float: left;
	margin: 0 1px;
	min-height: 13px;
	overflow: hidden;
	padding: 2px 19px 2px 6px;
	width: 60px;
}



  @media (min-width: 992px) {
          .modal-dialog {
            max-width: 50%;
          }
        }

@media only screen and (max-width: 56rem) {
    .RadUpload_Bootstrap .ruStyled .ruFakeInput {
	    width: 350px;
    }
    .RadUpload_Bootstrap .ruUploadProgress {
        width: 300px;
    }
}

.ErrorIcon {
    float:right;
}

.btn-remove-dynamic {
margin-bottom: 1em;

}

  .hide-captcha{
            display:none;
        }

.hide {
	display: none;
}
.btn-primary {
	color: #fff;
	background-color: #297DDB;
	border-color: #297DDB;
}

	.btn-primary:hover {
		cursor: pointer;
		background-color: rgb(51, 107, 172);
		border-color: rgb(51, 107, 172);
	}

	.btn-primary:disabled {
		background-color: rgb(51, 107, 172);
		border-color: rgb(51, 107, 172);
	}

div.container {
	background: #fff !important;
	margin-top: 5px;
	padding: 5px;
}

label {
	display: inline;
}

.table-fixed thead {
	width: 97%;
}

.table-fixed tbody {
	height: 230px;
	overflow-y: auto;
	width: 100%;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
	display: block;
}

	.table-fixed tbody td, .table-fixed thead > tr > th {
		float: left;
		border-bottom-width: 0;
	}

.table-borderless td,
.table-borderless th {
	border: 0;
}

.form-control, .form-select {
	border: 1px solid #ced4da !important;
}

.form-control:focus {
	box-shadow: none !important;
}

.form-control:focus {
	box-shadow: none !important;
}

.form-control::-moz-placeholder {
	color: #999999;
	opacity: 1;
	text-transform: none !important;
}

.form-control:-ms-input-placeholder {
	color: #999999;
	text-transform: none !important;
}

.form-control::-webkit-input-placeholder {
	color: #999999;
	text-transform: none !important;
}

.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.multiselect-container { 
	width: 100%;
}

.form-check-input {
	position: inherit; 
}
.multiselect-container .multiselect-all .form-check, .multiselect-container .multiselect-group .form-check, .multiselect-container .multiselect-option .form-check {
	padding: 0 5px 0 1px !important;
} 

.custom-select {
	text-align: left !important;
}

.validation-summary-valid {
	display: none;
}
.validation-summary-errors {

}

.confirmationText {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #4a4a4a;
}

.datepicker, .table-condensed {
	/*width: 100px;
	height: 100px;*/
}

.datepicker {
	/*padding: 15px !important;*/ 
}

.multiselect-container .multiselect-all .form-check-label, .multiselect-container .multiselect-group .form-check-label, .multiselect-container .multiselect-option .form-check-label {
	white-space: normal !important;
}

.captcha-form-group {
	margin-bottom: 0;
	padding-left:1rem;
}

.float-end{
	float:left !important;
}

.display-as-flex {
	display: flex;
}

.modal-header .close {
	background-color: transparent;
	border: 0;
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}

.checkbox-bs-box {
	visibility: hidden;
}

	.checkbox-bs-box > input {
		visibility: visible;
		margin-top: 0.8rem !important;
	}

.checkbox-bs-box-label > p {
	margin-left: 0rem;
}

.checkbox-bs-box-label > span {
	padding-right: 2rem;
}

.btn-group {
	width: 100%;
}

span .form-check {
	margin-left: 1.5rem;
}

.input-group.date.col-md-4 {
	width: 33% !important;
}

.input-group-text.bg-white {
	padding: 0.75rem 0.85rem;
	margin-left: -0.1rem;
}