﻿input,
textarea,
.textboxspan {
  padding: 5px;
  white-space: pre-line;
}
.pre-line {
  white-space: pre-line;
}
.contentframe {
  position: absolute;
  z-index: -1;
}
.permissionslider .active {
  background-image: none !important;
  background-color: #999999 !important;
}
/*DROPDOWNLIST*/
select {
  padding: 5px;
  color: #333;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bbb;
  width: 100%;
  -webkit-transition: -webkit-box-shadow 0.3s linear;
  -moz-transition: -moz-box-shadow 0.3s linear;
  -o-transition: -o-box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear;
  height: 30px;
  font-family: inherit;
  font-size: inherit;
  background-color: #fff;
}
select:hover {
  border: 1px solid #0e3d8c;
  box-shadow: 0px 0px 8px #a3a3a3;
}
select:focus {
  border: 1px solid #0e3d8c;
  background: #ffffdd;
  box-shadow: 0px 0px 8px #a3a3a3;
}
select[passed=true] {
  border: solid 2px #bdd63c;
}
select[passed=false] {
  border: solid 2px #fcba62;
}
/*END_DROPDOWNLIST*/
/*TEXTBOX*/
textarea {
  min-height: 25px;
  resize: vertical;
}
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
.textboxspan {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bbb;
  width: 100%;
  color: #333;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -webkit-transition: -webkit-box-shadow 0.3s linear;
  -moz-transition: -moz-box-shadow 0.3s linear;
  -o-transition: -o-box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear;
}
input[type=text],
input[type=password],
input[type=email],
input[type=number] {
  resize: none;
  height: 30px;
}
textarea:hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=number]:hover {
  border: 1px solid #0e3d8c;
  box-shadow: 0px 0px 8px #a3a3a3;
}
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus {
  border: 1px solid #0e3d8c;
  background: #bbb;
  background-color: #ffffdd;
  box-shadow: 0px 0px 8px #a3a3a3;
}
textarea[readonly],
input[readonly],
textarea[readonly]:focus,
input[readonly]:focus,
select[disabled],
select[readonly] {
  background-color: #E7E7E7;
  color: transparent;
  text-shadow: 0 0 0 #333;
}
input[type=text] ~ div.charactercounter {
  margin-top: 2px;
}
/*END_TEXTBOX*/
/*CHECKBOX*/
input[type=checkbox] {
  position: absolute;
  z-index: -1000;
}
input[type=checkbox] ~ label {
  vertical-align: middle;
  line-height: 24px;
  position: relative;
  display: inline-block;
  background-color: #fafafa;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px #ededed;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px #ededed;
  padding: 9px;
  border-radius: 3px;
}
input[type=checkbox][disabled] ~ label {
  background-color: #E7E7E7;
}
input[type=checkbox] ~ label:active,
input[type=checkbox]:checked ~ label:active {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
input[type=checkbox]:checked ~ label {
  background-color: #e9ecee;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #bbb;
}
input[type="checkbox"]:checked ~ label:after {
  color: #333;
  content: "✔";
  font-size: 14px;
  left: 4px;
  position: absolute;
  top: -3px;
}
/*END_CHECKBOX*/
.risk-min-height {
  min-height: 100px;
}