/*
 *  SECTION1: ELEMENTS USED EXCLUSIVELY IN MET CONTEXT
 */
 
.SECTION_ROW {
  text-align: center;
  //background-color: #f5f5f5;
  background-color: #BFBFBF;
  font-weight: bold !important;
  font-size: 15px;
  padding-bottom:0px;
  margin-bottom:0px;
}
.SECTION_ROW_WHITESPACE {
  text-align: center;
  background-color: #fff;
  font-weight: bold !important;
  padding-bottom:10px;
}
/*
 *  SECTION1 END
 */

/*
 *    SECTION2: ELEMENTS REQUIRED BY RINA
 */

/*
 * Used to align all subsections within subsections to 10px against the left margin.
 * (e.g. P2000: 1.1 Local Case Number)
 */
.subsection-control-label {
       padding-left: 10px;
	   margin-left: 0px;
}

/* Reset alignment of container-fluid: e.g. class="container-fluid container-fluid-reset-padding".
 *  !!! The effect is similar to class="container-fluid row".
 */
.container-fluid-reset-padding {
		margin-right: -15px;
		margin-left: -15px;
}

.empty-div-with-width {
	display: inline-block;
	margin: 0;
	text-align: center;
	width: 23px;
}

/* formA_RINA_AC_Adinfo requires a specific offset on the left for each subsection/section.
 * This specific offset is a constant <step = e.g. 12px> multiplied by subsection/section level.
 * Note: since IE does not support CSS:var, then the step must be hard-coded. Hence,
 *       the following code cannot be used:
		:root {
			--subsection-padding-step: <step>px;
		}

		.subsection-padding-level-X {
			padding-left: calc(var(--subsection-padding-step) * (X-1));
		}
*/
.subsection-padding-level-1 {
		padding-left: calc(12pt * 0);
}

.subsection-padding-level-2 {
		padding-left: calc(12pt * 1);
}

.subsection-padding-level-3 {
		padding-left: calc(12pt * 2);
}

.subsection-padding-level-4 {
		padding-left: calc(12pt * 3);
}

.subsection-padding-level-5 {
		padding-left: calc(12pt * 4);
}

.subsection-padding-level-6 {
		padding-left: calc(12pt * 5);
}

.subsection-padding-level-7 {
		padding-left: calc(12pt * 6);
}

.subsection-padding-level-8 {
		padding-left: calc(12pt * 7);
}

.subsection-padding-level-9 {
		padding-left: calc(12pt * 8);
}

.subsection-padding-level-10 {
		padding-left: calc(12pt * 9);
}

.subsection-padding-level-11 {
		padding-left: calc(12pt * 10);
}

.subsection-padding-level-12 {
		padding-left: calc(12pt	 * 11);
}

/* Part of tooltip is covered by heading, thus move it to the right/bottom. */
.tooltip {
	position: absolute;
	bottom: 100%;
}

.adinfo-details-handler {
	background-image: url("../img/ADInfo_Details.png");
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	margin-left: 4pt;
	margin-left: 4pt;
	display: inline-block;
	vertical-align: middle;
	float: left;
	overflow: auto;
}

.adinfo-mandatory-handler {
	background-image: url("../img/ADInfo_Mandatory.png");
	width: 20px;
	height: 20px;
	margin-left: 4pt;
	margin-left: 4pt;
	background-size: 20px 20px;
	display: inline-block;
	vertical-align: middle;
	float: left;
	overflow: auto;
}

.adinfo-optional-handler {
	background-image: url("../img/ADInfo_Negate.png"), url("../img/ADInfo_Mandatory.png");
	width: 20px;
	height: 20px;
	margin-left: 4pt;
	margin-left: 4pt;
	background-size: 20px 20px;
	display: inline-block;
	vertical-align: middle;
	float: left;
	overflow: auto;
}

.adinfo-repetitive-handler {
	background-image: url("../img/ADInfo_Repetitive.png");
	width: 20px;
	height: 20px;
	margin-left: 4pt;
	margin-left: 4pt;
	background-size: 20px 20px;
	display: inline-block;
	vertical-align: middle;
	float: left;
	overflow: auto;
}

.adinfo-notrepetitive-handler {
	background-image: url("../img/ADInfo_Negate.png"), url("../img/ADInfo_Repetitive.png");
	width: 20px;
	height: 20px;
	margin-left: 4pt;
	margin-left: 4pt;
	background-size: 20px 20px;
	display: inline-block;
	vertical-align: middle;
	float: left;
	overflow: auto;
}

.adinfo-single-selection-handler {
	background-image: url("../img/ADInfo_Single_selection.png");
	width: 20px;
	height: 20px;
	margin-left: 4pt;
	margin-left: 4pt;
	background-size: 20px 20px;
	display: inline-block;
	vertical-align: middle;
	float: left;
	overflow: auto;
}

.adinfo-multi-selections-handler {
	background-image: url("../img/ADInfo_Multi_selection.png");
	width: 20px;
	height: 20px;
	margin-left: 4pt;
	margin-left: 4pt;
	background-size: 20px 20px;
	display: inline-block;
	vertical-align: middle;
	float: left;
	overflow: auto;
}

.adinfo-notenumeration-handler {
	background-image: url("../img/ADInfo_Negate.png"), url("../img/ADInfo_Enumeration.png");
	width: 20px;
	height: 20px;
	margin-left: 4pt;
	margin-left: 4pt;
	background-size: 20px 20px;
	display: inline-block;
	vertical-align: middle;
	float: left;
	overflow: auto;
}

input[type="radio"], input[type="checkbox"] {
  width: auto;
}

.tooltip-handler {
  background-image: url("../img/info.png");
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  display: inline-block;
  vertical-align: middle;
  /*font-style: italic;*/
}

.section-btn-link,
.section-btn-link:hover,
.section-btn-link:focus,
.section-btn-link:active
 {
  color: #0088cc;
  font: inherit;
  font-weight: normal;
  cursor: pointer;
  //text-decoration: underline;
  outline: none;
}

.section-btn-close,
.section-btn-close:hover,
.section-btn-close:focus,
.section-btn-close:active
 {
  color: red;
  outline: none;
}

label {
    font-weight: normal !important;
}

.has-error
{
	color: #a94442;
}

.has-error-date-button,
.has-error-date-button:hover,
.has-error-date-button:focus,
.has-error-date-button:active
{
  border-color: #a94442;
  color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #f2dede;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline
.has-error .input 
{
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #f2dede;
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  background-color: #f2dede;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
  background-color: #f2dede;
}   
.has-error .text-muted
{
  color: #a94442;
}
/*
 * the multiselect isteven button
 */
.has-error .multiSelect > button {
    border: 1px solid #a94442; 
    border-color: #a94442;
  	color: #a94442;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	background-color: #f2dede;
  	background-image: linear-gradient(#f2dede, #f2dede);
}

.has-error .multiSelect > button:focus,
.has-error .multiSelect > button:active,
.has-error .multiSelect > button:hover {
    border-color: #843534 !important;
    border: 1px solid #843534 !important;
    color: #a94442;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  	background-color: #f2dede;
}

.has-error .btn-default-focus {
    border-color: #a94442;
  	color: #a94442;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  	background-color: #f2dede;
  	background-image: linear-gradient(#f2dede, #f2dede);
  	outline: 0px auto -webkit-focus-ring-color;
  	outline-offset: 0px;
}

.has-error .checkbox-met > button {
    border: 1px solid #a94442; 
    border-color: #a94442;
  	color: #a94442;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	background-color: #f2dede;
  	background-image: linear-gradient(#f2dede, #f2dede);
}

.has-error .checkbox-met > button:focus,
.has-error .checkbox-met > button:hover,
.has-error .checkbox-met > button:active {
   	border-color: #843534 !important;
    border: 1px solid #843534 !important;
    color: #a94442;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  	outline: 0px auto -webkit-focus-ring-color;
  	outline-offset: 0px;
  	background-color: #f2dede;
}

.has-error .error-msg {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #a94442;
	font-size:80%;
	font-weight: normal !important;
}

.has-warning
{
	color: orange;
}

.has-warning-radio
{
	//-moz-appearance:none;
	-webkit-appearance:none;
	//-o-appearance:none;
	height:13px;
    width:13px;
    border:1px solid orange;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px darkgray inset;
}

.has-warning-checkbox
{
	//-moz-appearance:none;
	-webkit-appearance:none;
	//-o-appearance:none;
	height:13px;
    width:13px;
    border:1px solid orange;
    border-radius:2px;
    outline:none;
    box-shadow:0 0 5px 0px darkgray inset;
}

.has-warning-date-button,
.has-warning-date-button:hover,
.has-warning-date-button:focus,
.has-warning-date-button:active
{
  border-color: orange;
  color: darkorange;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fdca05;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline
.has-warning .input 
{
  color: orange;
}


.has-warning .form-control {
  border-color: orange;
  color: orange;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fdca05;
}

.has-warning .form-control:focus {
  border-color: orange;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  background-color: #fdca05;
}
.has-warning .input-group-addon {
  color: orange;
  border-color: orange;
  background-color: #fdca05;
}
.has-warning .form-control-feedback {
  color: orange;
  background-color: #fdca05;
}   
.has-warning .text-muted
{
  color: orange;
}
/*
 * the multiselect isteven button
 */
.has-warning .multiSelect > button {
    border: 1px solid orange;
    border-color: orange;
  	color: orange;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	background-color: #fdca05;
  	background-image: linear-gradient(#fdca05, #fdca05);
}

.has-warning .multiSelect > button:focus,
.has-warning .multiSelect > button:active,
.has-warning .multiSelect > button:hover {
    border-color: orange !important;
    border: 1px solid orange !important;
    color: orange;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  	outline: 0px auto -webkit-focus-ring-color;
  	outline-offset: 0px;
  	background-color: #fdca05;
  	//background-image: linear-gradient(#f2dede, #f2dede) !important;
}

.has-warning .btn-default-focus {
    border-color: orange;
  	color: orange;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  	background-color: #fdca05;
  	background-image: linear-gradient(#f2dede, #fdca05);
  	outline: 0px auto -webkit-focus-ring-color;
  	outline-offset: 0px;
}

.has-warning .checkbox-met > button {
    border: 1px solid orange; 
    border-color: orange;
  	color: orange;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	background-color: #fdca05;
  	background-image: linear-gradient(#fdca05, #fdca05);
}

.has-warning .checkbox-met > button:focus,
.has-warning .checkbox-met > button:hover,
.has-warning .checkbox-met > button:active {
   	border-color: orange !important;
    border: 1px solid orange !important;
    color: orange;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  	outline: 0px auto -webkit-focus-ring-color;
  	outline-offset: 0px;
  	background-color: #fdca05;
}

.has-warning .warning-msg {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: orange;
	font-size:80%;
	font-weight: normal !important;
}


/*
 * Colors for the alternate entries of repeatable sections
*/
.color0 {
    background-color: #F2F2F2;
}

.color1 {
    background-color: #DEEAF6;
}

.arrow_r {
  background-image: url("../img/arrow_r.png");
  width: 16px;
  height: 14px;
  background-size: 16px 14px;
  display: inline-block;
  //vertical-align: top;
  /*font-style: italic;*/
}

/*
 * Custom Radio
*/
.radio.radio-met {
  padding-left: 20px; 
}

.radio.radio-met label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; 
}

.radio.radio-met label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; 
}

 .radio.radio-met label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 10px;
      height: 10px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); 
}


.radio.radio-met input[type="radio"] {
      opacity: 0;
      z-index: 1; 
}

.radio.radio-met input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; 
}
 
.radio.radio-met input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); 
}

.radio.radio-met input[type="radio"]:disabled + label {
      opacity: 0.65; 
}

.radio.radio-met input[type="radio"]:disabled + label::before {
      cursor: not-allowed; 
}

.radio.radio-met.radio-inline {
    margin-top: 0; 
}

.radio-met-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-met-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-met-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

/*
 * End Custom Radio
*/  

input[type=checkbox].checkbox-met:not(old)
{
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
  margin-left: -7px;
}

input[type=checkbox].checkbox-met:not(old) + label
{
  display      : inline;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox].checkbox-met:not(old) + label > span{
  display          : inline-block;
  width            : 18px;
  height           : 18px;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : #fff;
  vertical-align   : bottom;
}

input[type=checkbox].checkbox-met:not(old):checked + label > span:before{
  font-family :'Glyphicons Halflings';
  content	  :'\e013';
  display     : block;
  width       : 6px;
  color       : rgb(0,0,0);
  font-size   : 12px;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  margin-left : 0.20em;
  padding-top : 0.15em;
}

/*
 *    SECTION2 END
 */
 
 /*
 * Custom Autocomplete Input
 */

input.with-searchable-icon {
    padding-right: 25px;
    display: inline-block;
}

.ui-autocomplete {
    position: absolute;
    z-index: 10000;
    float: left;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-autocomplete li{
    padding: 5px 20px;
}

.ui-autocomplete li:hover,
.ui-autocomplete li.ui-state-focus{
    background: #428bca;
    color: #fff;
    cursor: pointer;
}

