
i.fa {
    margin-right: 5px;
}

.fc_width_full {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.fc_topbar {
  border-bottom: medium none;
  color: inherit;
  background: rgb(235,235,235);
}

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
    color: inherit;
}

.top-bar-section ul li > a {
  color: rgb(0, 113, 155) !important;
  font-size: 0.85em;
  text-transform: uppercase;
  font-weight: bold;
}

.fc_topbar-section ul li {
    background: none repeat scroll 0% 0% transparent;
}

.fc_topbar-section li:not(.has-form) a:not(.button) {
    background: none repeat scroll 0% 0% transparent;
}

.fc_gratis { vertical-align: text-bottom; margin: 0 0 -15px;  }

.fc_box_shadow {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.fc_center { text-align: center; margin: 0 auto; }

.fc_lightblue { color: rgb(0, 162, 208); }

.fc_p_index { padding: 1em 0.5em; margin: 0.5em; }

.fc_section_fac_index { }

.fc_relative { position: relative; }

.fc_abs_bottom { position:absolute; bottom: 0; }

.fc_rel_bottom { position:relative; bottom: 0; }

.fc_text_shadow { text-shadow: 2px 2px 6px rgb(240,184,0); }

.fc_strong { font-weight: bold; }

.fc_orange { color: rgb(240,184,0) !important; }

.fc_red { color: rgb(255,0,0) !important; }

.fc_white { color: rgb(255,255,255) !important; }

.fc_grey { color: rgb(179, 179, 179) !important;}

.fc_blue { color: rgb(0, 113, 155) !important; }

.fc_bg_blue { background: rgb(0, 113, 155) !important; }

.fc_bg_lightblue { background: rgb(0, 162, 208) !important; }

.fc_bg_white { background-color: white !important; }

.fc_bg_clear { background-color: rgb(251,251,251); }

.fc_bg_transparent { background: transparent; }

.fc_radius_5 { border-radius: 5px; }

.fc_noborder { border: none;}

.fc_dotted { border-bottom: 1px dotted rgb(1,138,170);}

.fc_margin_top { margin-top: 1em; }

.fc_margin_bottom { margin-bottom: 1em; }

.fc_padding_top { padding-top: 0.5em; }

.fc_padding_bottom { padding-bottom: 0.5em; }

.fc_padding_v_2 {
  padding: 2em 0 1em;
}

.fc_padding_v_2.not_padding_v_2 {
  padding: 1em 0 1em;
}

.fc_container {
    width: 100%;
    min-height: 100%;
    background: rgb(235,235,235);
}

.top-bar-section ul li:hover:not(.has-form) > a {
background-color: rgb(1,138,170);
background: rgb(1,138,170);
color: rgb(255,255,255);
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
color: rgb(255,255,255);
background: rgb(1,138,170);
}

.top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 0.75rem 0 0.25rem;
  line-height: 2.85rem;
  background: transparent;
}

.top-bar.expanded .title-area {
background: transparent;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: rgb(1,138,170);
background: rgb(1,138,170);
}

.top-bar-section ul li {
background: transparent;
}

.top-bar-section .has-dropdown > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 4px;
  border-color: rgba(0, 113, 155, 1) transparent transparent transparent;
  border-top-style: solid;
  margin-top: -2px;
  top: 1.40625rem;
}

.fc_t_ultra { font-size: 3em !important; }
.fc_t_super { font-size: 2.1em; }
.fc_t_superbig { font-size: 1.4em; }
.fc_t_big { font-size: 1.2em; }
.fc_t_medium { font-size: 0.95em; }
.fc_t_small { font-size: 0.8em; }

.button.fc_button {
color: rgb(255,255,255);
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
border: 1px solid rgb(1,138,170);
-webkit-box-shadow: 0 0px 1px rgba(255, 255, 255, 0.6) inset, 0 1px 0px rgba(255, 255, 255, 0.7) inset, 0 1px 2px rgba(0, 0, 0, 0.65), 0 8px 7px rgba(255, 255, 255, 0.2) inset, 0 -8px 7px rgba(0, 0, 0, 0.01) inset;
-moz-box-shadow: 0 0px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 0px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.65), 0 8px 7px rgba(255, 255, 255, 0.2) inset, 0 -8px 7px rgba(0, 0, 0, 0.01) inset;
box-shadow: 0 0px 1px rgba(255, 255, 255, 0.6) inset, 0 1px 0px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.6), 0 8px 7px rgba(255, 255, 255, 0.1) inset, 0 -8px 7px rgba(0, 0, 0, 0.01) inset;
text-shadow: none;
background: rgb(1,138,170);
background: -moz-linear-gradient(top, rgb(1,138,170) 0%, rgb(1,138,170) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(1,138,170)), color-stop(100%, rgb(1,138,170)));
background: -webkit-linear-gradient(top, rgb(1,138,170) 0%, rgb(1,138,170) 100%);
background: -o-linear-gradient(top, rgb(1,138,170) 0%, rgb(1,138,170) 100%);
background: -ms-linear-gradient(top, rgb(1,138,170) 0%, rgb(1,138,170) 100%);
background: linear-gradient(top, rgb(1,138,170) 0%, rgb(1,138,170) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=0 );
}

.button.fc_button:hover {
-webkit-box-shadow: 0 0px 1px rgba(255, 255, 255, 0.6) inset, 0 1px 0px rgba(255, 255, 255, 0.7) inset, 0 1px 2px rgba(0, 0, 0, 0.65), 0 8px 7px rgba(255, 255, 255, 0.3) inset, 0 -8px 7px rgba(0, 0, 0, 0.05) inset;
-moz-box-shadow: 0 0px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 0px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.65), 0 8px 7px rgba(255, 255, 255, 0.3) inset, 0 -8px 7px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 0px 1px rgba(255, 255, 255, 0.6) inset, 0 1px 0px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.6), 0 8px 7px rgba(255, 255, 255, 0.3) inset, 0 -8px 7px rgba(0, 0, 0, 0.05) inset;
}

.fc_titulos {
  color: rgb(0, 113, 155) !important;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: normal;
  font-size: 2em;
}

div.infoAdmon {
    padding: 1em;
    background: rgb(245, 245, 245);
    border: 1px solid rgb(128,128,128);

}

div.infoAdmon {
    padding: 1em 0;
    background: rgb(255, 255, 255);
    border: 0px solid rgb(128,128,128);
}

.infoAdmon ul.no-bullet li ul, ul.no-bullet li ol {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.fc_filtros {
  padding: 1em 0;
}

.fc_capitalize {
  text-transform: capitalize !important;

}

.fc_filter_green {
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
  box-shadow: 0 0 5px 1px rgb(144,238,144) !important;
  outline: none;
  border: 1px solid green !important;
}

.fc_filter_blue {
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
  box-shadow: 0 0 5px 1px rgb(1,138,170) !important;
  outline: none;
  border: 1px solid rgb(1,138,170) !important;
}

.fc_filter_red {
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
  box-shadow: 0 0 5px 1px rgb(255,0,0) !important;
  outline: none;
  border: 1px solid rgb(255,0,0) !important;
}

.fc_subtitulos {
  color: rgb(169, 169, 169);
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.8em;
}

.fc_header {

  padding: 2em 0;
}

.fc_icon_container {

  margin: 3em 0;
}

input.fc_input_border, a.fc_input_border {

  border: 3px solid rgb(0, 113, 155);
}

.fc_border_right_sections {

border-right: 5px solid rgb(235,235,235);

}

.fc_code {
}

div.fc_factura_item {
margin: 3em 0;
}

div.fc_factura_item div.fc_titulo_f {
font-weight: bold;
text-align: left;
}

div.fc_factura_item div.valor_f {
text-align: right;
}

.view-animate.ng-enter, .view-animate.ng-leave {
}

.view-animate.ng-enter {
}
.view-animate.ng-enter.ng-enter-active {
}
.view-animate.ng-leave.ng-leave-active {
}


.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
  opacity:0;
  max-height:0;
}

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
  opacity:1;
  max-height:40px;
}

.animate-enter,
.animate-leave
{
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

.animate-enter.animate-enter-active,
.animate-leave {
    opacity: 1;
    top: 0;
    height: 30px;
}

.animate-leave.animate-leave-active,
.animate-enter {
    opacity: 0;
    top: -50px;
    height: 0px;
}

#ps{
display:none;
position:absolute;
padding:20px;
top:40px;
left:0px;
background: linear-gradient(to bottom, #F4F4F4 0%, rgb(235,235,235) 100%) repeat scroll 0% 0% transparent;
height:auto;
z-index:999;
border: 1px solid rgb(128,128,128);
width: 100%;
}

#start, #end{
display:none;
position:absolute;
top:40px;
left:0px;
height:auto;
z-index:999;
border: 1px solid rgb(128,128,128);
cursor: pointer;
}

#filtros_avanzados{
display:none;

}

.ui-datepicker-header {
background: white;
text-align: center;
}

.ui-datepicker-prev {
  float:left;
}

.ui-datepicker-next {
  float:right;
}

ul.fc_factura_anexos li div.fc_factura_anexos_icon {

  float:left;
  /*MAD*/
  /*width: 10%;*/
}

/*MAD*/
/*ul.fc_factura_anexos li div.fc_factura_anexos_contenido {

  float:left;
  width: 80%;
}*/


div.icons_new { background: rgb(0, 113, 155); width: 100%; height: 2em; }

ul.dir_emp div.logo, ul.dir_emp div.info, ul.dir_emp div.icons { }

ul.dir_emp li { }

ul.dir_emp div.info { }

ul.dir_emp div.logo { }

ul.dir_emp div.icons { margin: 0 auto; text-align: center; display: inline-block; }

ul.dir_emp div.icons i { margin: 0 1px;  }

div.leyenda {  }

div.fc_proveedores { padding: 33px 0 10px 0;}

div.fc_proveedores div span { font-size: 13px; display: block; margin: 10px;}

div.fc_left.fc_proveedores { }

div.fc_left div { text-align: center; display: inline-block; }


.azul { color: #00b7d7; }

.rojo { color: rgb(255,0,0); }

.fa-movil:before {
  content: "\f10b";
}

.fa-escritorio:before {
  content: "\f108";
}

.fa-nube:before {
  content: "\f0c2";
}

.fa-pago:before {
  content: "\f0d6";
}

.fc_disclaimer {
  border: 1px solid rgb(255,0,0); padding: 10px;
}

div.icons_container div.i_c {
  min-width: 20%;
  margin: 0 1px;
  display: inline-block;
}

div.csv_container {
position:relative;
}

ul#date-select {
  width: 100%;
  position:absolute;
  top: 45px;
  right: 0px;
  z-index: 999;
  background: rgb(255,255,255);
  padding: 15px;
  padding-bottom: 0px;
  border-radius: 5px;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

.toast-container {
  margin: 20px;
  border-radius: 5px;
  position: fixed;
}

.shadow-info {
  box-shadow: 0 0 5px 1px rgb(173,216,230);
}

.shadow-success {
  box-shadow: 0 0 5px 1px rgb(144,238,144);
}

.shadow-alert, .shadow-error {
  box-shadow: 0 0 5px 1px rgb(239, 61, 71);
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background-color: rgb(235,235,235);
  background: rgb(235,235,235);
}

.top-bar-section ul li {
  background: rgb(235,235,235);
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  color: rgb(0,0,0);
  background: rgb(235,235,235);
}

.top-bar-section ul.dropdown li:hover > a {
  color: rgb(255,255,255) !important;
  background: rgb(0, 113, 155) !important;
}


.top-bar-section .has-dropdown > a {
  padding-right: 1.75rem !important;
}

.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: rgb(235,235,235);
  background: rgb(235,235,235);
  color: #000;
}

.fc_border_right_sections {
  border-right: 5px solid rgb(235,235,235);
  height: 600px;
}

.fc_border_right_s {
  border-right: 5px solid rgb(235,235,235);
}

.columnBlock {
    border-top: 2px solid rgb(235,235,235);
    border-bottom: 2px solid rgb(235,235,235);
    padding: 15px 26px 15px 15px;
    margin: 47px 0 0;
}

.columnBlock .fc_icon_container {
    margin-top: 0;
}

.columnBlock i {
    font-size: 95px;
}

div.empresa_container {
  padding: 1em;
  border: 1px solid rgb(0, 113, 155);
  height: 300px;
}

h4.azul_oscuro {
  background: rgb(2, 107, 137);
  color: white;
  font-size: 1.0em;
  padding: 0.5em;
  margin: 0.5em 0;
}

h4.azul_oscuro {
    background: none;
    color: rgb(0,113,157);
    font-size: 1.0em;
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
}

h4.fc_green_title {
  background: rgb(0, 162, 208);
  color: white;
  font-size: 1.0em;
  padding: 0.5em;
  margin: 0.5em 0;
}

h4.fc_green_title {
    background: rgb(245,245,245);
    color: rgb(0,113,157);
    font-size: 1.0em;
    padding: 0 0 0 0.5em;
    margin: 0.5em 0;
    border-left: 2px solid rgb(0,113,157);
}

a.expandFicha {
  font-size: 1.1em;
  color: rgb(0,113,155);
}

img.logo_face {
    height: 69px;
}

div.banner a img {
    border: 5px solid white;
}

span.nuevoAdmin {
    cursor: pointer;
}

header.fc_header hgroup {
  border-left: 20px solid rgb(0, 113, 155) !important;
  margin: 0;
  background: rgb(245,245,245);
  padding: 1em;
}

.slide-text {
  padding: 1em;
}

div.icon-c {
    vertical-align: middle;
    width: 45px!important;
    float: left!important;
}

div.row.icons_leyenda {
  margin: 2em 0;
  padding: 1em 0 0.3em 0;
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(1,138,170);
}

ul.dir_emp li.li_empresas {
    margin: 0 0 2em 0;
    border-bottom: 1px solid rgb(245, 245, 245);
}

div.row.my-slide a {
    cursor: initial;
    outline: transparent;
}

div.row.my-slide {
    outline: transparent;
}

ul.slick-dots{
    margin: 0 auto;
    padding: 0;
    text-align: center;
    list-style: none;
    list-style-image: none;
}

ul.slick-dots li {
    float: left;
}

ul.slick-dots li button {
  float: left;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  display: inline-block;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1rem;
  background-color: rgb(1,138,170);
  border-color: rgb(1,110,136);
  color: rgb(255,255,255);
  transition: background-color 300ms ease-out;
}

div.banners_footer img {
  height: 89px;
  width: 228px;
}

.fileButton {
  opacity: 0;
  width: 100%;
}

label[for=factura_factura], label[for=factura_anexos] {
  padding-bottom: 0.6rem;
  position: relative;
  height: 2.5em;
  margin-bottom: 0rem;
}

label[for=factura_factura]:before, label[for=factura_anexos]:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 1em;
  left: 0;
  content: "\f093";
  font-size: 1.50em;
  width: 100%;
  cursor: pointer;
  background: rgb(255,255,255);
  color: rgb(0, 113, 155);
  padding: 0.10em 0.50em;
  border: 2px solid rgb(204,204,204);
}

input[type="text"], input[type="email"], textarea {
  border: 2px solid rgb(204,204,204);
}

form label, .cont_filters label{
  color: rgb(0, 113, 155) !important;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.1rem;
}

img.fc_captcha_image {
    border: 0px solid rgb(0,113,155);
    border-bottom: 0px;
    margin: 0 1em 0 0;

}

div.bg_facturas {
  background: url('/images/bg_facturas.png') no-repeat 50% 30%;
  height: 297px;
  opacity: 0.25;
}

label.ad_cert {
  font-size: 1.43rem;
  margin: 1rem 0;
}

div#solicitud_proveedor_solicitudProveedorAdministradores input, div#solicitud_proveedor_solicitudProveedorAdministradores_0 input {
    float: left;
    width: 100%;
    padding: 0.2rem;
}

div#solicitud_proveedor_solicitudProveedorAdministradores div.small-12, div#solicitud_proveedor_solicitudProveedorAdministradores_0 div.small-12 {
  float: left;
  /*MAD*/
  /*padding: 0 0.1em;*/
}

div#solicitud_proveedor_solicitudProveedorAdministradores .row .row, div#solicitud_proveedor_solicitudProveedorAdministradores_0 .row .row {
    float: left;
    display: inline;
    margin: 0 0px 0 0;
}

div#solicitud_proveedor_solicitudProveedorAdministradores .deleteForm {
  position: absolute;
  top: 28px;
  right: 20px;
}

div.datosUsuario {
  padding: 0 0 0.5em 0;

}

div.datosUsuario span {
  font-size: 0.56em;
  text-transform: uppercase;
  margin: 0 0 0 1em;

}

div.opcionesUsuario span, div.representaUsuario span {
    font-size: 0.875rem;
    text-transform: none;
}

div.datosUsuario .representaCheck {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

div.datosUsuario .representaCheck .labelCheck {
  display: inline-block;
  color: #017792;
}

.soloResponsive {
  display: none
}


div.datosUsuario .representaCheck .check {
  display: inline-block;
  vertical-align: middle;
}

div.leyenda_factura h3 {
    font-size: 1em;
}

div.leyenda_izda, div.leyenda_dcha {

    height: 260px
}

.puntosEntrada{
    color: rgb(2, 107, 137);
    font-size: 1em;
}

span.telefono_buscador{
    color:rgb(1,138,170);
}

/* Absolute Center CSS Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.ban { border: 2px solid rgb(235,235,235); }



.entorno_pruebas {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;}

.entorno_left{
  position: fixed;
  top: 0;
  bottom: 0;
  height: 3em;
  margin: auto;
  background: rgb(255,0,0);}

.entorno_left {
  left: 0;
  -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
       -o-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
     -moz-transform: rotate(-90deg) translate(-50%, 50%);
      -ms-transform: rotate(-90deg) translate(-50%, 50%);
       -o-transform: rotate(-90deg) translate(-50%, 50%);
          transform: rotate(-90deg) translate(-50%, 50%);
}

.entorno_left li {
  display: inline;
  padding: 2em 1em;
  line-height: 2em;
  color: white;
  font-size: 1.5em;
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: rgb(1,138,170);
  border-color: rgb(1,110,136);
  color: rgb(255,255,255);
  cursor: default;
  opacity: 0.2;
  box-shadow: none;
}

.word_break {
    word-break: break-all;
}

.fc_uppercase {
    text-transform: uppercase;
}

div.label_check {
    line-height: 2em !important;
}

.fc_big_icon {
    font-size: 12em;
}

.fc_p_mantenimiento {
    font-size: 1.5em;
    padding: 6em 1em;
    text-align: left;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}
li.unavailable span{
    display: block;
    padding: 0.0625rem 0.625rem 0.0625rem;
    color: rgb(204,204,204);
    background: none;
    border-radius: 3px;
    font-weight: normal;
    font-size: 1em;
    line-height: inherit;
    transition: background-color 300ms ease-out;
}
h1.fc_titulo_administracion {
    padding: 0.25em;
    background: rgb(245,245,245);
    margin: 0 0 0.5em;
    font-size: 1em;
}

div.fc_item_relacion {
    border-bottom: 1px solid rgb(235,235,235);
    padding: 1em 0;
}

.fc_code_titulo {
    font-size: 0.90em;
    color: rgb(153,153,153);
}

.fc_item_relacion div.row {
    margin: 0 0 0.25em 0;
}
.highlighted {
    background: rgb(61,203,239);
    color: rgb(255,255,255);
}

.fc_administracion_nifs {
    margin-bottom: 1em !important;
    border-bottom: 1px solid rgb(235,235,235);
}

.fc_administracion_nifs .fc_code_titulo {
    font-weight: bold;
}

.fc_stripped {
  background-color: rgb(249,249,249);
}

.mensaje_notificacion {
    padding: 0 0 0 45px;
    font-size: 1.15em;
    color: white;
    font-weight: bold;
}

.mensaje_notificacion_cuerpo {
    font-weight: normal!important;
    padding-left: 47px;
}

#fc_mantenimiento {
    margin-top: 1em;
}

.fc_listado_nifs {
    float:left;
    margin: 2px 1% 6px 0;
    width: 20%
}

.fc_notificacion_info span:before {
    content: "\f05a";
    position: absolute;
}

.fc_notificacion_info {
    position: relative;
    background-color: rgb(0,162,207);
}

.fc_notificacion_success span:before {
    content: "\f06a";
    position: absolute;
}

.fc_notificacion_success {
    position: relative;
    background-color: rgb(62,183,72);
}

.fc_notificacion_warning span:before {
    content: "\f0a1";
    position: absolute;
}

.fc_notificacion_warning {
    position: relative;
    background-color: rgb(237,118,16);
}

.fc_notificacion_error span:before {
    content: "\f06a";
    position: absolute;
}

.fc_notificacion_error {
    position: relative;
    background-color: rgb(197,0,0);
}

.fc_box_notificacion {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 0px;
    top: 3px;
    left: 20px;
    position: absolute;
}

.fc_alert {
    border-radius: 4px;
    border-width: 0;
    display: block;
    font-weight: normal;
    margin-bottom: 0.5rem;
    position: relative;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    font-size: 0.75rem;
    color: rgb(255,255,255);
}

.fc_icon_navegador {
  width: 36px;
  margin: 0 1em 1em 0;
}

ul.fc_buscador_resultados {
  margin-bottom: 1em !important;
}

.fc_error_admin_container {
  height: 30px;
  margin: 0 0 5px;
}

.fc_error_admin_container div {
  color: rgb(255,0,0);
  display: inline;
}


/************************************************************
*********************** Ajuste cuadro alertas **************
***********************************************************
*/

.alert-box {
  border-radius: 5px;
}

.alert-box.alert ul, .alert-box.alert p {
    margin: 1.25rem;
    list-style: none;
}

.avisoErrorDetalle {
    border: 1px red solid;
    border-radius: 5px;
    padding: 10px;
    background-color: #D9534F !important;
    margin-bottom: 20px;
    overflow-wrap: break-word;
}

.avisoErrorDetalle a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.avisoErrorDetalle .alert-box {
  background-color: initial!important;
  padding: 0 !important;
  margin: 0 !important;
}

.avisoErrorDetalle .alert-box span {
  padding: 0!important;
}

.avisoErrorDetalle .listadoErrores {
  display: none;
}

.avisoErrorDetalle .listadoErrores.detalleVisible {
  display: block;
}

.avisoErrorDetalle .listadoErrores ul {
  font-size: .8em;
  color: #d5d2d2;
  margin-left: 33px;
}

.avisoErrorDetalle .listadoErrores  .avisoErrorLista li {

    margin-bottom: 5px;

}


/************************************************************
*********************** Ajuste cuadro Captcha **************
***********************************************************
*/

.bloqueCaptcha {
    margin: 2em 0 !important;
}


/************************************************************
************* Cambios busqueda avanzada **************
***********************************************************
*/
#busqueda_avanzada {
    padding: 7px 0;
    display: block;
    margin: 0 0 1rem 0;
    text-align: right;
}

#filtros_avanzados input {
    background-color: #f1f4ff;;
}

#filtros_avanzados input:hover {
    background-color: #f3f3f3;;
}

/************************************************************
************* Cambios linea factura-eliminar **************
***********************************************************
*/
.button.alert {
    vertical-align: middle;
    margin: 0 0 0 10px;
}

.textoRecortado {
  width: 40%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

/************************************************************
************* Cambios gestion de proveedores **************
***********************************************************
*/

.acordeonProveedores dl {
  padding: 0!important;
}

.acordeonProveedores .button.right.bot_face_new {
    color: #00719B;
    background-color: #ffffff !important;
}

.acordeonProveedores .button.right.bot_face_new:before {
    color: #00719B!important;
    background-color: #ffffff !important;
}

.acordeonProveedores .button.right.bot_face_new:hover {
    color: #03A3CF !important;
}

 .acordeonProveedores .button.right.bot_face_new:hover:before {
    color: #03A3CF !important;
}

/*
***********************************************************
*************   Nuevos estilos 09/2016   ******************
***********************************************************
*/

body {background-color: rgb(235,235,235)!important;}
.entorno_left {
  position: fixed;
  z-index:9999;
  opacity: 0.9;
  -webkit-box-shadow: 0px 0px 17px 0px rgba(150,150,150,0.75);
  -moz-box-shadow: 0px 0px 17px 0px rgba(150,150,150,0.75);
  box-shadow: 0px 0px 17px 0px rgba(150,150,150,0.75);
}

.RGPD p {
    font-size: 10px;
    padding: 9px 25px 0px;
}

/*
**************    Responsive 64.063em     *****************
*/

@media all and (max-width: 64.063em) {
  .entorno_left {height:2.3em!important;}
  .entorno_left li {font-size: 90%!important; line-height: 2.3em;}
  .entorno_left li span {font-size: 100%!important;}

  header {
    height: 100%;
    width: 100%;
    /*margin:0!important;
    padding: 0!important;*/
    padding-top: 0!important;
  }

  header.row.fc_padding_v_2 {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    padding: 0.3em!important;}

  header.row .row .large-4.columns {
    max-width:100%!important;
    width:39%!important;
    height:auto;
    position: relative;
    display:table-cell;
    margin:0!important;
    float: left;}

  header.row .row .large-4.columns img {
    max-width:100% !important;
    height:auto;
    display:table-cell;
    margin:0 auto!important;}

  header.row .row .large-4.columns img.left  {
    max-width: 80%!important;
    width: auto!important;}

  header.row .row .large-8.columns.right {
    max-width:100%!important;
    width:59%!important;
    height:auto;
    position: relative;
    display:table-cell;
    margin:0!important;
    float: right;}

  header.row .row .large-8.columns.right a {
    margin: 0!important;
    padding: 5px 10px 0 0!important;
    display: inline-block;}

  header.row .row .large-8.columns.right img {
    max-width:100% !important;
    height:auto;
    display:table-cell;
    margin:0 auto!important;}

  header.row .row .large-8.columns.right img.right  {
    max-width: 70%!important;
    width: auto!important;
    padding-top: 0px!important;}
}

/*
**************    Responsive 1439 px     ******************
*/

@media all and (max-width: 1439px) {
  header.row .row .large-8.columns.right img.right  {
    max-width: 60%!important;
    width: auto!important;
    padding-top: 0px!important;}

}

/*
**************    Responsive 1179 px     ******************
*/

@media all and (max-width: 1179px) {
  header.row .row .large-8.columns.right img.right  {
    max-width: 60%!important;
    width: auto!important;
    padding-top: 2px!important;}

}

/*
**************    Responsive 1024 px     ******************
*/

@media all and (max-width: 1024px) {
  .fc_container {width:95%!important; margin:0 auto!important; padding: 0!important;}
  .entorno_left {height:2.3em!important;}
  .entorno_left li {font-size: 90%!important; line-height: 2.3em;}
  .entorno_left li span {font-size: 100%!important;}

  .banners_container {
    width:100%;
    margin:1em 0 !important;
    padding-top: 0.5em!important;
    max-width: 62.5em!important;}

  .banners_container section.large-3 {
    width:25%!important;
    margin:0!important;
    padding:0.5em 0!important;
    text-align: center;}

  .banners_container section.large-3 img.ban {
    width: 90%!important;
    height: 40%!important;
    max-width: 220px!important;
    max-height: 80px!important;}

  #sitemap {
    margin:1em 0 !important;
    padding-top: 0.5em!important;
    max-width: 62.5em!important; }

  #sitemap .row {
    width: auto!important;
    display: inline-block;}

  #sitemap .row .large-3 {
    width:25%!important;}

  header.row .row .large-8.columns.right img.right  {
    max-width: 70%!important;
    width: auto!important;
    padding-top: 0px!important;}
}


/*
**************    Responsive 779 px     *******************
*/

@media all and (max-width: 1024px) {
  .entorno_left {height:2em!important;}
  .entorno_left li {font-size: 90%!important;}
  .entorno_left li span {font-size: 100%!important;}

  nav {
    width: 100%;
    padding: 0!important;
    margin:0!important;}

  nav > section {
    width: 100%!important;
    display: inline-block;
    padding: 0!important;
    margin:0!important;
    position: relative;}

  nav > section > ul {
    width:auto!important;
    padding: 0!important;
    margin:0!important;
    font-size: 100%!important;}

  nav > section > ul > li {
    padding: 0!important;
    margin:0!important;
    font-size: 100%!important;}

  nav > section > ul > li > a {
    margin:0!important;}

  nav > section > ul > li > ul {
    padding: 0!important;
    margin:0!important;}


  nav > section > ul > li > ul > li {
    font-size: 85%!important;
    line-height: 1.3em!important;}

  .top-bar-section .has-dropdown > a:after {
    width:2%!important;
    margin-top:-10px!important;}
  .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 1.85rem!important;}

  header.row .row .large-8.columns.right img.right  {
    max-width: 80%!important;
    width: auto!important;
    padding-top: 0px!important;}
}

/*
**************    Responsive 880 px      ******************
*/

@media all and (max-width: 880px) {
  nav > section > ul {
    font-size: 90%!important;}

  header.row .row .large-8.columns.right a {
    padding: 6px 10px 0 0!important;}
}

/*
**************    Responsive 779 px      ******************
*/

@media all and (max-width: 779px) {
  nav > section > ul {
    font-size: 80%!important;}
}


/*
**************    Responsive 40.063 em   ******************
*/

@media all and (max-width: 40.063em){
  .entorno_left {height:2em!important;}
  .entorno_left li {font-size: 80%!important;}
  .entorno_left li span {font-size: 100%!important;}


  .contain-to-grid {
    display: block!important;
    text-align: center!important;}

  /* Navbar del menu responsive */
  .top-bar {
    color:rgb(0,113,155)!important;
    width: 80%;
    display: inline-block;
    position: relative;
    padding: 0.2em 0.2em!important;
    background-color: transparent;
    line-height: 1.8125rem!important;}

  .top-bar .title-area {
    margin:0!important;
    padding:0!important;
    background-color: transparent!important;
    border-bottom: 2px solid rgb(255,0,0)!important;}

  .top-bar .title-area li {
    line-height: 1em;
    padding: 1px!important;}

  .top-bar .title-area li.name {
    display: inline-block!important;}

  .top-bar .title-area li.menu-icon {
    top:1px!important;
    margin:0!important;
    padding:1px!important;
    border:0!important;
    display: inline-block!important;
    width:100%;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;}

  .top-bar .title-area li.menu-icon:before,
  .top-bar .title-area li.menu-icon:after{
    content:"";
    position:absolute;
    z-index:-9;
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.8);
    box-shadow:0 0 30px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;}

  .top-bar .title-area li.menu-icon:after{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);}


  .top-bar .title-area li.menu-icon a {
    text-align: right;
    background-color: rgb(240, 243, 238);
  }


  /* Opciones del menu */

  .top-bar.expanded {
    padding: 0.1em!important;
    margin:0!important;
    border:0px !important;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;}

  .top-bar.expanded:before,
  .top-bar.expanded:after{
    content:"";
    position:absolute;
    z-index:-9;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:0px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;}

  .top-bar.expanded:after{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);}

  .top-bar.expanded .title-area {
    width: 100%!important;
    margin:0!important;
    padding:0!important;
    background-color:transparent!important;
    line-height: 1.8125rem!important;
    height: 40px;
    border:0!important;
    border-bottom: 2px solid rgb(0,113,155)!important;}


  .top-bar.expanded .toggle-topbar.menu-icon {
    top:1px!important;
    margin:0!important;
    padding: 0!important;
    border:0!important;
    /*
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0)!important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0)!important;
    box-shadow:0px 0px 0px 0px rgba(255,255,255,0)!important; */ }

  .top-bar.expanded .toggle-topbar.menu-icon a {
    color:rgb(0,113,155)!important;
    background-color:rgb(255,255,255)!important;
    border:0!important;
    height: 38px;}

  .top-bar.expanded .toggle-topbar.menu-icon a span::after {
    color:rgb(0,113,155)!important;
    /*box-shadow: 0 0 0 1px rgb(0,113,155), 0 7px 0 1px rgb(0,113,155), 0 14px 0 1px rgb(0,113,155)!important;*/}


  /* Opciones de segundo nivel del menu */

  .top-bar-section li:not(.has-form) a:not(.button) {
    text-align: left !important;
    padding: 0.5em 1em 0.5em 1em!important;
    font-size: 100%!important;
    line-height: 1.5em!important;}

  .top-bar-section li:not(.has-form) a:hover {
    background-color: rgb(0,113,155)!important;
    color:rgb(255,255,255)!important;}

  .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 4px;
      border-color: rgba(0, 113, 152, 1) transparent transparent transparent;
      border-top-style: solid;
      margin-top: -8px!important;}

  .top-bar-section .has-dropdown > a:hover:after {
      border-color: rgba(255, 255, 255, 1) transparent transparent transparent;}


  .top-bar-section .dropdown li.title h5 {
      font-size: 100%!important;}

  .top-bar-section .dropdown li.title h5 a,
  .top-bar-section .dropdown li.parent-link a {background-color: rgb(0,113,155)!important;}

  .top-bar-section .dropdown li.title h5 a:before,
  .top-bar-section .dropdown li.parent-link a:before {
    color:rgb(255,255,255)!important;
    content: "\f100";
    font-family: "FontAwesome"!important;
    font-size: 100%!important;
    font-weight: lighter;
    padding:1px 2px!important;
    margin:0 5px 0 -10px!important;}

  /* Opciones del menu */

  .top-bar .toggle-topbar.menu-icon {
    top:20px!important;
    cursor: pointer!important;}

  .top-bar .toggle-topbar.menu-icon a {
    color:rgb(255,255,255)!important;
    margin:0px!important;
    cursor:pointer!important;}

  .top-bar .toggle-topbar.menu-icon a span {
    font-weight: bold;
    font-size: 120%;
    letter-spacing: 1px;}

  .top-bar .toggle-topbar.menu-icon a span::after {
    /* box-shadow: 0 0 0 1px rgb(255,255,255), 0 7px 0 1px rgb(255,255,255), 0 14px 0 1px rgb(255,255,255)!important;*/}

  .top-bar-section ul.left,
  .top-bar-section ul.right {
    border-left: 1px solid rgb(214,214,214)!important;
    border-right: 1px solid rgb(214,214,214)!important;
    margin:0!important;
    padding:0!important;}

  .top-bar-section ul.right,
  .top-bar-section ul.left  {
    width: 100%!important;
    margin:0!important;
    padding:0!important;}

  .top-bar-section ul.right li,
  .top-bar-section ul.left  li {
    background-color:rgb(235,235,235)!important;
    border-bottom: 1px solid rgb(214,214,214)!important;
    margin:0!important;
    padding:0!important; }

  .top-bar-section ul.left li ul.dropdown.ng-isolate-scope {
    border-left: 0px!important;
    border-right: 0px!important;
    margin:0!important;
    padding:0!important;}

  .top-bar-section ul.left li ul.dropdown.ng-isolate-scope li.title {
    border-left: 1px solid rgb(214,214,214)!important;
    border-right: 1px solid rgb(214,214,214)!important;}

  .top-bar-section ul.left li ul.dropdown.ng-isolate-scope li {
    background-color:rgb(235,235,235)!important;
    border-bottom: 1px solid rgb(214,214,214)!important;
    border-left: 1px solid rgb(214,214,214)!important;
    border-right: 1px solid rgb(214,214,214)!important;}

  nav.fc_topbar.top-bar.ng-isolate-scope.expanded{
    border-left: 0px!important;
    border-right: 0px!important;
    margin:0!important;
    padding:0!important;}

  header.row .row .large-8.columns.right img.right  {
    max-width: 100%!important;
    width: auto!important;
    padding-top: 3px!important;}
}


/*
**************      Responsive 40em      ******************
*/

@media all and (max-width: 40em) {
  .entorno_left {height:2em!important;}
  .entorno_left li {font-size: 80%!important;}
  .entorno_left li span {font-size: 100%!important;}

  /* Sombreado */
  .contain-to-grid {
    display: block!important;
    text-align: center!important;}
 }



/*
**************     Responsive 425 px     ******************
*/

@media all and (max-width: 425px) {

  #sitemap .row .large-3 h5 {
    height: 2em;
    line-height: 1.3em;
    font-size:0.9rem!important;}

  #sitemap .row .large-3 ul.fc_t_medium li {
    font-size: 80%;
    line-height: 1.4em;
    margin:0.6em 0!important;
    padding:0!important;
    overflow: hidden;
    text-overflow: ellipsis;}

  #sitemap .row .large-3 ul.fc_t_medium li a {
    width: 100%;
    margin:0!important;
    padding:0!important;}

  header.row .row .large-8.columns.right img.right  {
    max-width: 100%!important;
    width: auto!important;
    padding-top: 1px!important;}
}

/*
**************     Responsive 320 px     ******************
*/

@media all and (max-width: 320px) {
  header.row .row .large-8.columns.right a {
    margin: 0!important;
    padding: 2px 10px 0 0!important;
    display: inline-block;}
}

/*
**************     Responsive 240 px     ******************
*/

@media all and (max-width: 240px) {
  header.row .row .large-8.columns.right a {
    margin: 0!important;
    padding: 1px 10px 0 0!important;
    display: inline-block;}

  header.row .row .large-8.columns.right img.right  {
    max-width: 100%!important;
    width: 100%!important;}

}

.padding-l {
    padding: 1.5em;
}

.padding-m {
    padding:0.5em 1.5em;
}

.justificado {
    text-align:justify;
}


.leyenda_factura .large-4 {
  width: 33.33333333333333%!important;
  float: left; }

.leyenda_factura .large-3 {
  width: 25%!important;
  float: left; }


/**********************************************************
                    SIN RESULTADOS
************************************************************/

.fa_no_result {
  margin:0 auto;
  padding:0;
  width: auto;
  height: 15em;
  min-height: 14em;
  display: table;}

.fa_no_result .fa_result  {
  display: table-cell;
  margin: -2em auto;
  color:#00719B;
  vertical-align: middle;}

.fa_no_result .fa_result span.fa_float {
  float: left;}

.fa_no_result .fa_result span.fa_texts {
  float: left;
  font-size: 2.3em !important;
  margin-left: 0.4em;
  font-family: "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;}


/**********************************************************
                      SITEMAP
************************************************************/

#sitemap {
    margin:0;
    padding-top: 0.5em;
    max-width: 62.5em; }

#sitemap .row {
    width: auto!important;
    display: inline-block;}

#sitemap .row .large-3 {
    width:25%;}


/**********************************************************
                      BANNERS FOOTER
************************************************************/

.fc_margin_top {
    margin:1em auto;}

.banners_container {
    max-width: 62.5em;}

.banners_container > section.fc_center {
    text-align: center;
    display: inline-block;}

.banners_container > section.columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;}

.banners_container > section.large-3 {
    width:25%;}

.banners_container > section.large-4 {
    width: 33.33333333333333%;}

.banners_container > section > a > img {
    width: 228px;
    height: 89px;}

.banners_container > section > a > img.ban {
    border: 2px solid #EBEBEB;}

.sin-padding{
    padding: 0px!important;
}

.validacionok{
   background-color: #51a351;
   color: #fff;
   font-weight: bold;
   margin-bottom:1.25rem;
   border-radius: 3px;
   padding-top: 0.625rem;
   padding-right: 1.25rem;
   padding-bottom: 0.6875rem;
   padding-left: 1.25rem;
}


/**********************************************************
                      Modal usuario
************************************************************/
#cuerpoUsuarioModal {
    padding: 1.875rem;
    padding-top: 0;
    color: #00719b
}

#usuarioModal {
    visibility: visible;
    display: block;
    top: 43px;
    right: 0;
    padding: 0;
    z-index: +100000;
}

#usuarioModal header.fc_header hgroup {
    border-left: 20px solid #676363 !important;
    font-size: 1em
}

#usuarioModal h5 {
  color: #00719b;
  border-bottom: 1px solid #00719b;
  margin:10px 0 15px 0;
}

#usuarioModal .nifUsuario {
  text-align: right;
  color: #ccc;
  margin-bottom: 20px;
}

#usuarioModal button {
    background: none;
    border: 1px solid #018AAA;
    color: #018AAA;
    margin-top: 20px;
    margin-bottom: 0;

}

#usuarioModal button:hover {
    background-color: #018AAA;
    color: #fff;
}

.opcionesUsuario {
    border-bottom: 2px solid #00719b;
    padding: 0 0 50px 0;
}

#usuarioModal form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer;
}

#usuarioModal div.label_check {
    line-height: 1.9em !important;
}

#usuarioModal input[type="checkbox"] + span {
    width: 100%;
    height: 31px;
    padding-left: 2.5em;
    background: url('/images/check-radio-sprites.jpg') no-repeat;
    background-position: 100% -4px;
    font-weight: normal;
    vertical-align: middle;
    display: block;
    padding-top: 4px;
}

#usuarioModal input[type="checkbox"], .input-group input[type="checkbox"] {
    display: none;
}

#usuarioModal  input[type="checkbox"]:checked + span {
    background-position: 100% -107px;
    height: 31px;
    display: block;
    padding-top: 4px;
}

#usuarioModal i {
  vertical-align: middle;
}

#usuarioModal .representaUsuario {
    margin: 20px 0 0;
}

#usuarioModal input[type="text"], input[type="email"], textarea {
    border: 2px solid rgb(204,204,204);
}

#usuarioModal label {
    color: rgb(0, 113, 155) !important;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.1rem;
}

#usuarioModal  div.datosUsuario span {
    font-size: 0.9em!important;
    margin: 0 0 0 0.5em;
}

.picoUsuarioModal {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    top: -19px;
    position: absolute;
    right: 12px;
}

.reveal-modal-bg {
    position: fixed;
    top: 0;
    display: block;
    z-index: +10000;
}

/**********************************************************
                      Modal Noticia
************************************************************/

#aviso {
  padding: 0
}

#aviso .cuerpo {
  padding: 0 1.875rem 1.875rem 1.875rem;
}

.cuerpo p, .cuerpo blockquote, .cuerpo ul {
    font-size: .8em !important;
}

.cuerpo ul.noBullet {
    list-style: none;
}

.cuerpo ul li {
    padding: .5em 0;
}

.cuerpo ul li i {
    color: #6f6f6f;
}

#aviso .close-reveal-modal {
    font-size: 1.5rem;
    color: #018AAA;
}

#aviso  {
    top: 3rem;
}

#aviso  .fc_subtitulos {
    color: rgb(96, 94, 94);
    margin: 0;
    padding: 0;
    text-transform: none;
    font-size: 1em;
}


/*version sin modal*/
.fc_disclaimer.especial .fc_subtitulos {
    margin-bottom: 20px;
    color: #000;
    font-weight: bold;
}

.fc_disclaimer.especial  {
  margin-bottom: 20px;
}

.fc_disclaimer.especial p, .fc_disclaimer.especial blockquote {
    font-size: 0.8em;
}

.reveal-modal-bg {
    z-index: 10000;
}

.reveal-modal {
    z-index: 10001;
}

.reveal-modal hr {
    padding:20px 0;
    border-color: #000;
}



/**********************************************************
                      Swich de representante
************************************************************/

.switch.extraTiny label {
    width: 1.7rem;
    height: 0.9rem;
}

.switch.extraTiny label::after {
    width: 0.8rem;
    height: 0.8rem;
    top: 0.05rem;
    left: 0.1rem;
}

.switch.extraTiny input:checked + label::after {
    left: 0.8rem;
}

.notaPie {
    font-size: 12px;
}

.notaPie.error {
    color: #9f0505;
}
