/*
 *  SECTION1: ELEMENTS USED EXCLUSIVELY IN MET CONTEXT
 */
.sedHeading {
	//position: absolute;
	//left:0;
	//top:30px;			/* TEST specific - requires 30px -> 0px if buttons are to be removed */
	//height:30px;	
	height: 100%;
	width: 100%;
	background-color:#CCCCFF;
	//overflow:hidden;
	overflow:auto;
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding: 5px 195px 5px 5px;
    border-bottom: 1px solid #c1c1c1;
} 

/*
 *  SECTION1 END
 */
.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;
}

/*
 *    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;
} 

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-radio
{
	//-moz-appearance:none;
	-webkit-appearance:none;
	//-o-appearance:none;
	height:13px;
    width:13px;
    border:1px solid #a94442;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px darkgray inset;
}

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

.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;
  	outline: 0px auto -webkit-focus-ring-color;
  	outline-offset: 0px;
  	background-color: #f2dede;
  	//background-image: linear-gradient(#f2dede, #f2dede) !important;
}

.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;
}

.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;*/
}
/*
 * Colors for the alternate entries of repeatable sections
*/
.color0 {
    background-color: #F2F2F2;
}

.color1 {
    background-color: #DEEAF6;
}

/*
 * 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-block;
  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;
  //background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  //background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  //background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  //background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  //background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox].checkbox-met:not(old):checked + label > span{
  //background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  //background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  //background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  //background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  //background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox].checkbox-met:not(old):checked + label > span:before{
  //content   : '✓';
  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;
  //font-weight : bold;
}

/*
 *    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;
}

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

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

