.modal-dialog {
	max-width:80%;
}

.checkboxes-row {
	margin-top: 1rem;
}

.help-block {
	color:#ff4848;
	font-size: 0.8rem;
	margin-bottom: 0.25rem;
}

.required-field {
	color:#ff4848;
}

.form-group {
    margin-bottom: 0.1rem;
}

.orica-modal-header-color {
    font-size: 1.25rem;
	background-color: #007bff;
    padding:16px 16px;
    color:#FFF;
    border-bottom:2px dashed #007bff;
}

.custom-checkbox-list > ul {
 
  	list-style-type: none;
  	padding-left: 0.5rem;
}

.form-label {
	font-weight:bold;
	margin-bottom: .2rem;
}

.error-block {
	color:#ff4848;
	font-size: 1rem;
	margin-left: 1rem;
	margin-bottom: 0.25rem;
}


.error-state {
	color:#ff4848;
}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


input[type=number] {
    -moz-appearance:textfield;
}

.popup-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}



.search-participant-results__office_mail {
	font-size: 80%;
	font-weight: 400;
}


.search-participant-input {
	width: 50% !important;
}


.select2-container {
    max-height: 500px !important;
}

.select2-selection__rendered {
    line-height: 36px !important;
}
.select2-container .select2-selection--single {
    height: 36px !important;
}
.select2-selection__arrow {
    height: 36px !important;
}


#TrainingParticipantForm {
    display: flex;
    flex-flow: row wrap;
}
 
#TrainingParticipantForm fieldset {
    flex: 1;
    margin: 0.5em;
}

#TrainingParticipantForm legend {
	margin-top: 2rem;
	margin-bottom: 1rem;
    font-size: 1.25rem !important;
}


.DTE_Header {
 	font-size: 1.25rem;
	background-color: #007bff;
    padding:16px 16px;
    color:#FFF;
    border-bottom:2px dashed #007bff;
}

.DTE_Action_Edit {
	width: 70%;
}

.DTE_Action_Create {
	width: 70%;
}


div.DTE_Field_Type_textarea textarea {
    padding: 4px;
    width: 100%;
    height: 120px;
}



.dsl-panel {
	overflow-y: auto;
	height: calc(70vh);
	float: left;
	background-color: white;
	border: 1px solid gray;
	overflow-x: hidden;
	overflow-y: auto;

	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}