.form-control {
  color: #31708f;
  background-color:#d9edf7 !important;
  border: 1px solid #bce8f1 !important;
}

.form_obligatorio {
  color: #8a6d3b;
  background-color: #fcf8e3 !important;
  border: 1px solid #faebcc !important;
}

.form_ok {
  color: #3c763d;
  background-color: #dff0d8 !important;
  border: 1px solid  #c6deb1 !important;
}

.form_error {
  color: #a94442;
  background-color: #f2dede !important;
  border: 1px solid #ebccd1 !important;
}

.form_sololectura {
  color: #495057;
  background-color: #ffffff !important;
  border: 1px solid #cfccc6 !important;
}

.form_smartselect {
  cursor: default;
}

.form_smartselected {
  background-color: var(--fondo-smartselected-sel);
  color: #000;
}

.form_numerico {
  text-align: right;
}

.form_cont_fichero {
  width: 100%;
  position: relative;
  float:left;
  margin: 2px 0px;
}

.form_fichero_barra1 {
  width: 300px;
  height: 35px;
  background-color: #ccc;
  border-radius: 5px;
  position: relative;
  float: left;
}

.form_fichero_barra2 {
  height:100%;
  width: 0%;
  background-color: #0f0;
  white-space: nowrap;
  border-radius: 5px;
  padding: 5px;
  position: relative;
  float: left;
}

.fichero {
  cursor: pointer;
}

.form-btn-inside-input {
  position: absolute;
  bottom: 1px;
  right: 16px;
}

.form_img_previ {
  width: 77px;
  margin-right: 5px;
}

#form_divsmartselect {
  border: 1px solid #000;
  background-color: #fff;
}

#form_divsmartselect input {
  height: 30px !important;
  width: 100%;
  border-radius: 4px;
}

#form_divsugerencias {
  border: 1px solid #cfccc6 !important;
  border-radius: 4px;
  background-color: #e9ecef;
  max-height: 50% !important;
  overflow-y: auto;
}

#form_divsugerencias p {
  margin: 0px;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

#accesorapido {
  position: fixed;
  max-width: 220px;
  height: auto;
  left: 10px;
  background-color: var(--input-focus);
  border-radius: 8px;
  padding-left: 10px;
  padding-top: 10px;
}

#accesorapido button {
  position: relative;
  float: left;
  display: block;
  margin-bottom: 10px;
  width: 200px;
}

/* CHECKBOX personalizados */

/* Customize the label (the container) */
.checkmarkcontainer {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.checkmarkcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 38px;
width: 38px !important;
background-color: #e9ecef;
}

/* On mouse-over, add a grey background color */
.checkmarkcontainer:hover input ~ .checkmark {
background-color: #e9ecef;
}

/* When the checkbox is checked, add a blue background */
.checkmarkcontainer input:checked ~ .checkmark {
background-color: #dff0d8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.checkmarkcontainer input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.checkmarkcontainer .checkmark:after {
left: 12px;
top: 3px;
width: 12px;
height: 24px;
border: solid #3c763d;
border-width: 0 5px 5px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.checkmarkrightlabel {
  margin-left: 48px;
}