/*-- Bimedica 2018 --*/

/* Corporate Fonts */
@font-face {
 font-family: 'Stack Book';
 src: url('../fonts/stag-book-webfont.eot');
 src: url('../fonts/stag-book-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/stag-book-webfont.woff') format('woff'),
      url('../fonts/stag-book-webfont.ttf') format('truetype'),
      url('../fonts/stag-book-webfont.svg#stag-book-webfont') format('svg');
}

@font-face {
 font-family: 'Stack Light';
 src: url('../fonts/stag-light-webfont.eot');
 src: url('../fonts/stag-light-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/stag-light-webfont.woff') format('woff'),
      url('../fonts/stag-light-webfont.ttf') format('truetype'),
      url('../fonts/stag-light-webfont.svg#stag-light-webfont') format('svg');
}

@font-face {
 font-family: 'Stack Sans Book';
 src: url('../fonts/stag-sans-book-webfont.eot');
 src: url('../fonts/stag-sans-book-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/stag-sans-book-webfont.woff') format('woff'),
      url('../fonts/stag-sans-book-webfont.ttf') format('truetype'),
      url('../fonts/stag-sans-book-webfont.svg#stag-sans-book-webfont') format('svg');
}

@font-face {
 font-family: 'Stack Sans Light';
 src: url('../fonts/stag-sans-light-webfont.eot');
 src: url('../fonts/stag-sans-light-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/stag-sans-light-webfont.woff') format('woff'),
      url('../fonts/stag-sans-light-webfont.ttf') format('truetype'),
      url('../fonts/stag-sans-light-webfont.svg#stag-sans-light-webfont') format('svg');
}



@font-face {
 font-family: 'Roboto Condensed';
 src: url('../fonts/robotocondensed-bold-webfont.eot');
 src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/robotocondensed-bold-webfont.woff') format('woff'),
      url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
      url('../fonts/robotocondensed-bold-webfont.svg#robotocondensed-bold-webfont') format('svg');
}

@font-face {
 font-family: 'Roboto Condensed Light';
 src: url('../fonts/robotocondensed-light-webfont.eot');
 src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/robotocondensed-light-webfont.woff') format('woff'),
      url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'),
      url('../fonts/robotocondensed-light-webfont.svg#robotocondensed-light-webfont') format('svg');
}

@font-face {
 font-family: 'Stag Sans Thin';
 src: url('../fonts/stag-sans-thin.eot');
 src: url('../fonts/stag-sans-thin.eot?#iefix') format('embedded-opentype'),
      url('../fonts/stag-sans-thin.woff') format('woff'),
      url('../fonts/stag-sans-thin.ttf') format('truetype'),
      url('../fonts/stag-sans-thin.svg#stag-sans-thin') format('svg');
}


@font-face {
    font-family: 'helvcondensedregular';
    src: url('../fonts/helvcondensed-webfont.eot');
    src: url('../fonts/helvcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvcondensed-webfont.woff2') format('woff2'),
         url('../fonts/helvcondensed-webfont.woff') format('woff'),
         url('../fonts/helvcondensed-webfont.ttf') format('truetype'),
         url('../fonts/helvcondensed-webfont.svg#helvcondensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600&family=Roboto&display=swap');



@font-face {
    font-family: 'Stag Medium';
    src: url('../fonts/Stag-Medium.otf');
}


@font-face {
    font-family: 'StagSans-Medium';
    src: url('../fonts/StagSans-Medium.otf');
}

@font-face {
    font-family: 'Stag Sans Bold';
    src: url('../fonts/StagSans-Bold.otf');
  }


/*-- Global Styles --*/
html          {height: 100%;}
body          {min-height: 100%;}
body, html    {font-family: 'Stack Sans Light';font-size:15.5px;color: #878787;overflow-x: hidden;}
h1            {font-family: 'Stack Book';font-size: 40px;color: #012070;}
h2            {font-family: 'Stack Light';font-size: 32px;color: #f3f9f9;}
h2 strong     {font-family: 'Stack Book';font-size: 32px;color: #33cbd8;font-weight: 500;}
h3            {font-family: 'Stack Sans Light';font-size: 20px;color: #012070;}
h4            {font-family: 'Stack Light';font-size: 17px;color: #012070;}
h5            {font-family: 'Arial';font-size:13.5px;color: #787878;text-transform: uppercase;}
nav           {font-family: 'Arial';font-size: 13.5px;color: #707070;}
p, span       {font-family: 'Stack Sans Light';font-size:15.5px;color: #6d6c6c;letter-spacing: 0.5px;}

body.home     {background: url('../img/bimedica-inicio.jpg') top center;background-size: cover;}

.container {
     width: auto;
     /*max-width: 1200px;*/
     padding: 0 15px;
}
/*********************/

h1        {font-weight: 600;font-family: 'Stack Book';color: #001e70;line-height: 36px}
h1 span   {font-weight: normal;font-family: 'Stack Sans Light';display: block;color: #001e70;font-size: .9em}

h2        {font-weight: 600;font-family: 'Stack Book';color: #001e70;line-height: 50px;font-size: 3em}
h2 span   {font-weight: normal;font-family: 'Stack Sans Light';display: inline-block;color: #000;font-size: 1em}

h3        {font-weight: 600;font-family: 'Stack Book';color: #001e70;line-height: 50px;font-size: 3em;display: inline-block;}
h3 span   {font-weight: normal;font-family: 'Stack Sans Light';display: inline-block;color: #20b2d4;font-size: 1em}


  


html {
  height: 100%;
}
html body {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
html body .info-content {
  width: 100%;
  overflow-y: auto;
  
}
header {
    min-height: 50px;
    width: 100%;
}
footer {
    min-height: 30px;
    width: 100%;
}


a.main-menu-options {
     background-color: rgba(211, 209, 209, .9);
     padding: 50px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     border-radius: 30px;
     font-family: 'Stack Book';
     font-weight: 600;
     color: #001e70;
     text-decoration: none;
     font-size: 3em;
     line-height: 45px;
     min-height: 300px;
     vertical-align: middle;
}

a.main-menu-options span {font-weight: normal;font-family: 'Stack Sans Light';display: block;color: #001e70;font-size: .9em;}

a.main-menu-options:hover {background-color: rgba(211, 209, 209, .7);}



.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: .75rem; }
.rounded-6 { border-radius: 1rem; }

.modal-sheet .modal-dialog {
  width: 380px;
  transition: bottom .75s ease-in-out;
}
.modal-sheet .modal-footer {
  padding-bottom: 2rem;
}

.modal-alert .modal-dialog {
  width: 380px;
}

.border-right { border-right: 1px solid #eee; }

.modal-tour .modal-dialog {
  width: 380px;
}


.navbar-bottom-auxiliar {margin-bottom: 83px;background-color: #f7f7fc;padding: 15px !important;text-align: center;
 -webkit-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.1);}

.navbar-bottom-main {}

.nav-pills .nav-link {
    border: 0;
}



/* TOP MENU  */

.ntm-left  {background-color: #001832;}
.ntm-right {background-color: #e7aa5b;}


.navbar-top-main .nav-item a         {padding: 35px 5px 25px 5px;color: #a1a2a2;border-radius: 0;text-transform: uppercase;font-family: 'Roboto';letter-spacing: 2px;font-weight: 400}/*padding: 40px 30px 20px 30px;*/
.navbar-top-main .nav-item a:hover   {/*background-color: #20b3d5;*/color: #fff}

.ntm-right .nav-item a {color: #fff}


.m-top-listado-packs    {background: url("../img/bimedica-listado-de-packs.svg") calc(50% - 85px) 30px;background-repeat: no-repeat;background-size: 35px;text-indent: 45px;}
.m-top-componentes      {background: url("../img/bimedica-componentes.svg") calc(50% - 70px) 30px;background-repeat: no-repeat;background-size: 25px;text-indent: 25px;}
.m-top-nuevo-pack       {background: url("../img/bimedica-nuevo-pack.svg") calc(50% - 67px) 35px;background-repeat: no-repeat;background-size: 35px;text-indent: 25px;}
.m-top-su-pack          {background: url("../img/bimedica-nuevo-pack-on.svg") calc(50% - 35px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 80px;}

    .m-top-listado-packs:hover      {background: url("../img/bimedica-listado-de-packs-on.svg") calc(50% - 85px) 30px;background-repeat: no-repeat;background-size: 35px;text-indent: 45px;}
    .m-top-componentes:hover        {background: url("../img/bimedica-componentes-on.svg") calc(50% - 70px) 30px;background-repeat: no-repeat;background-size: 25px;text-indent: 25px;}
    .m-top-nuevo-pack:hover         {background: url("../img/bimedica-nuevo-pack-on.svg") calc(50% - 67px) 35px;background-repeat: no-repeat;background-size: 35px;text-indent: 25px;}
    .m-top-su-pack:hover            {background: url("../img/bimedica-nuevo-pack-on.svg") calc(50% - 35px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 80px;}

    .m-top-listado-packs.active      {background: url("../img/bimedica-listado-de-packs-on.svg") calc(50% - 85px) 30px;background-repeat: no-repeat;background-size: 35px;text-indent: 45px;}
    .m-top-componentes.active        {background: url("../img/bimedica-componentes-on.svg") calc(50% - 70px) 30px;background-repeat: no-repeat;background-size: 25px;text-indent: 25px;}
    .m-top-nuevo-pack.active         {background: url("../img/bimedica-nuevo-pack-on.svg") calc(50% - 67px) 35px;background-repeat: no-repeat;background-size: 35px;text-indent: 25px;}
    .m-top-su-pack.active            {background: url("../img/bimedica-nuevo-pack-on.svg") calc(50% - 35px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 80px;}

.info-details-pack          {background-color: #e7aa5b;text-align: right;margin-top: 2px;}
.info-details-pack span     {display: block;padding: 2px 25px;color:#fff;font-family: 'Barlow', sans-serif;font-weight: 100}
.info-details-pack span strong   {display: block;color:#fff;font-family: 'Barlow', sans-serif;text-transform: uppercase;display: inline-block;}

.info-su-pack .navbar-top-main-info  {background-color: #e7aa5b !important;border-top: 2px solid #fff;}
.info-su-pack .title-listado, .info-su-pack .title-listado span {color: #fff}

.navbar-top-main .nav   {flex-wrap: nowrap;}
.ntm-right .nav-item a  {/*padding: 30px 0px;*/padding: 37px 5px 23px 5px;}

.navbar-top-main .nav-item .active  {color: #fff}

.ntm-right .badge {
  background-color: #242c43;
    color: #fff;
    z-index: 200;
    min-width: 30px;
  
  display: inline-block;
  padding: 0.5em 0.5em;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}


.navbar-top-main-info {background-color: #f9f9f9;padding: 5px;padding: 17px 0px 16px 50px}
.navbar-top-main-info .btn-volver {float: right;margin-right: 25px;}

.navbar-top-main-info-simpple {background-color: #fff;padding: 5px;padding: 17px 25px 16px 50px;}


/* BOTTOM MENU */

.navbar-bottom-main .nav-item a         {padding: 30px;color: #fff;background-color: #001832;border-radius: 0;text-transform: uppercase;font-family: 'Roboto';letter-spacing: 2px;border-right: 1px solid #758290;}
.navbar-bottom-main .nav-item a:hover   {/*background-color: #20b3d5;*/color: #20b3d5}

.m-clientes         {background: url("../img/bimedica-clientes.svg") calc(50% - 65px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 35px;min-width: 250px;display:inline-block;}
.m-packs            {background: url("../img/bimedica-packs.svg") calc(50% - 55px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 35px;min-width: 250px;display:inline-block;}
.m-gestion-packs    {background: url("../img/bimedica-gestion-packs.svg") calc(50% - 75px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 75px;border-right: none !important;min-width: 190px;display:inline-block;}

    .m-clientes:hover         {background: url("../img/bimedica-clientes-on.svg") calc(50% - 65px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 35px;color:#20b3d5;}
    .m-packs:hover            {background: url("../img/bimedica-packs-on.svg") calc(50% - 55px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 35px;color:#20b3d5}
    .m-gestion-packs:hover    {background: url("../img/bimedica-gestion-packs-on.svg") calc(50% - 75px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 75px;border-right: none !important;color:#20b3d5}

.m-clientes.active        {background: url("../img/bimedica-clientes-on.svg") calc(50% - 65px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 35px;}
.m-packs.active           {background: url("../img/bimedica-packs-on.svg") calc(50% - 55px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 35px;}
.m-gestion-packs.active   {background: url("../img/bimedica-gestion-packs-on.svg") calc(50% - 75px) center;background-repeat: no-repeat;background-size: 65px;text-indent: 75px;}
    
    /*
    .m-clientes.active:hover        {background: url("../img/bimedica-clientes.svg") calc(50% - 27px) center;background-repeat: no-repeat;background-size: 65px;}
    .m-packs.active:hover           {background: url("../img/bimedica-packs.svg") calc(50% - 25px) center;background-repeat: no-repeat;background-size: 65px;}
    .m-gestion-packs.active:hover   {background: url("../img/bimedica-gestion-packs.svg") calc(50% - 50px) center;background-repeat: no-repeat;background-size: 65px;}
    */

.navbar-bottom-main .nav-item .active  {color: #20b3d5}


/* BTN's */

.btn:focus {outline: none !important;box-shadow: none !important;}


.btn-navbar-bottom-auxiliar         {background-color: #637183;color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 3px;padding: 10px 40px;border-radius: 10px;margin: 0 10px;font-weight: 400}
.btn-navbar-bottom-auxiliar:hover   {background-color: #20b3d5;color: #fff;}


.btn-navbar-bottom-auxiliar-add-base         {background-color: #20b3d5;color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 3px;padding: 10px 30px;border-radius: 10px;margin: 0 10px;font-weight: 400}
.btn-navbar-bottom-auxiliar-add-base:hover   {background-color: #637183;color: #fff;}


.btn-navbar-bottom-auxiliar-cancelar         {background-color: rgba(172, 52, 52, 1.0);color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 3px;padding: 10px 25px;border-radius: 10px;margin: 0 10px;}
.btn-navbar-bottom-auxiliar-cancelar:hover   {background-color: rgba(172, 52, 52, .9);color: #fff;}


.btn-navbar-bottom-auxiliar-borrador         {background-color: rgba(166, 166, 166, 1.0);color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 3px;padding: 10px 25px;border-radius: 10px;margin: 0 10px;}
.btn-navbar-bottom-auxiliar-borrador:hover   {background-color: rgba(166, 166, 166, .9);color: #fff;}


.btn-navbar-bottom-auxiliar-enviar         {background-color: rgba(110, 195, 138, 1.0);color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 3px;padding: 10px 25px;border-radius: 10px;margin: 0 10px;}
.btn-navbar-bottom-auxiliar-enviar:hover   {background-color: rgba(110, 195, 138, .9);color: #fff;}


.btn-navbar-bottom-auxiliar-limpiar         {background-color: rgba(198, 198, 200, 1.0);color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 3px;padding: 10px 40px;border-radius: 10px;margin: 0 10px;}
.btn-navbar-bottom-auxiliar-limpiar:hover   {background-color: rgba(198, 198, 200, .9);color: #fff;}


.btn-navbar-bottom-auxiliar-crear         {background-color: rgba(32, 177, 210, 1.0);color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 3px;padding: 10px 40px;border-radius: 10px;margin: 0 10px;}
.btn-navbar-bottom-auxiliar-crear:hover   {background-color: rgba(32, 177, 210, .9);color: #fff;}


.btn-navbar-bottom-auxiliar-add         {background-color: rgba(254, 166, 53, 1.0);color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 1px;padding: 10px 15px;border-radius: 10px;margin: 0 10px;}
.btn-navbar-bottom-auxiliar-add:hover   {background-color: rgba(254, 166, 53, .9);color: #fff;}

.btn-navbar-top-auxiliar         {background-color: rgba(172, 172, 172, 1.0);color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 2px;padding: 15px 60px;border-radius: 10px;margin: 0 10px;font-weight: 400}
.btn-navbar-top-auxiliar:hover   {background-color: rgba(36, 44, 67, 1.0);color: #1faed0;}
.btn-navbar-top-auxiliar.active  {background-color: rgba(36, 44, 67, 1.0);color: #1faed0;border:2px solid #20b3d5}

.btn-volver         {background-color: rgba(234, 234, 234, 1.0);color: #001832;font-family: 'Roboto';text-transform: capitalize;letter-spacing: 1px;padding: 10px 15px;border-radius: 15px;margin: 0;display: inline-block;margin-left: 15px;}
.btn-volver:hover   {background-color: rgba(234, 234, 234, .7);color: #001832;}


/***********************/


/* width */
::-webkit-scrollbar {width: 10px;}

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 10px;}
 
/* Handle */
::-webkit-scrollbar-thumb {background: #acacac;border-radius: 10px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #242c43;}


/***********************/

.btn-content {padding: 25px;text-align: center;}
.title-listado {margin-bottom: 0}

/***********************/

table {font-family: 'Barlow', sans-serif;font-weight: 300;color: #242c43}

.table>:not(:first-child) {border-top: none;}
.table>:not(caption)>*>* {padding: 1rem 1rem;}


th {padding: 0}
th span {font-family: 'Roboto', sans-serif;display: block;color: #a7a7a7;font-weight: 400;font-size: 1.2em}
th.txt-light {color:#c9cacb;font-weight: 300;font-family: 'Barlow', sans-serif;line-height: 18px}



.table>tbody>tr:nth-child(even)>td, .table>tbody>tr:nth-child(even)>th {background-color: #f9f9f9;}

.input-group-text {background-color: transparent;border-right: none;border-color:#919090;color: #787777;padding-right: 0;border-radius: 1rem;}

.form-control-nbr {border-right: none;}
.erase-pr {padding-right: 13px;border-right: 1px solid #919090;}
.erase-pr a {color: #999}
.erase-pr a:hover {color: #666}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.7rem 1rem;
    font-size: 1rem;
    border-radius: 1rem;
    color: #504e4e;
    font-family: 'Roboto';
    display: block;
    border-color:#919090;
}

.form-select-lg {
    padding: 0.7rem 1rem;
    font-size: 1rem;
    border-radius: 1rem;
    color: #504e4e;
    font-family: 'Roboto';
    display: block;
    border-color:#919090;
}

.form-control-lg:focus, .form-select-lg:focus {outline: none !important;box-shadow: none !important;border-color:#919090}
.input-group>.form-control, .input-group>.form-select {border-left: none;}
select {color:#20b2d4 !important;}


.form-bimedica .form-control, .form-bimedica .form-select, .form-bimedica .form-control:focus, .form-bimedica .form-select:focus {outline: none !important;box-shadow: none !important;border-color:#919090;
    text-transform: uppercase;
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.7rem 1rem;
    font-size: 1rem;
    border-radius: 1rem;
    color: #504e4e;
    font-family: 'Roboto';
    display: block;
    border-color:#919090;
}
.form-bimedica .form-control, .form-bimedica .form-select {
   border-color:#d1d1d1;
}

.form-bimedica .error, .form-bimedica .error {
   border-color:#f00;
}


.form-control-num {width: 50px !important;display: inline-block;}

.form-control-num {
    min-height: calc(.5em + 1rem + 2px);
    padding: 0.1rem 0.1rem;
    font-size: 2rem;
}

.p-form-control-num {position: relative;min-width: 140px;}


/************************/





.list-type-1          {opacity: .3;background: url("../img/list-1.png") center center;background-repeat: no-repeat;display:inline-block;width: 25px;height: 25px;padding: 0 20px 0 15px}
.list-type-1:hover    {opacity: 1}

.list-type-2          {opacity: .3;background: url("../img/list-2.png") center center;background-repeat: no-repeat;display:inline-block;width: 34px;height: 25px;padding: 0 80px 0 5px}
.list-type-2:hover    {opacity: 1}

.list-type-1.active   {opacity: 1}
.list-type-2.active   {opacity: 1}

.pack-cesta {background: url("../img/bimedica-componente-cesta.svg") center center;background-repeat: no-repeat;display:inline-block;width: 50px;height: 50px;padding: 0 25px;vertical-align: middle;}
.pack-cesta {right: 0;}

.hosp-num {background: url("../img/bimedica-numero-packs-cliente.svg") calc(50% - 5px) center;background-repeat: no-repeat;display:inline-block;background-size:25px;width: 40px;height: 50px;padding: 0 25px;vertical-align: middle;}
.hosp-num {right: 10px;font-family: 'Roboto';color: #001832;z-index: 200;min-width: 30px;letter-spacing: -1px;display: inline-block;font-size: 1em;font-weight: 700;line-height: 1.3;text-align: center;white-space: nowrap;vertical-align: baseline;}

.hosp-num-bg {background: #f0fbfe url("../img/bimedica-numero-packs-cliente.svg") calc(50% - 5px) center;background-repeat: no-repeat;display:inline-block;background-size:35px;width: 40px;height: 50px;padding: 0 40px;vertical-align: middle;border-radius: 15px;}
.hosp-num-bg {right: 45px;font-family: 'Roboto';color: #001832;z-index: 200;min-width: 30px;letter-spacing: -1px;display: inline-block;font-size: 1.2em;font-weight: 700;line-height: 1.3;text-align: center;white-space: nowrap;vertical-align: baseline;padding-left: 60px;}


.list-view-type-1{}

    .list-view-type-1 .card-view .card {border-radius: 0;border:none;}
        .list-view-type-1 .card-view .card-even {background-color: #f9f9f9;}
    .list-view-type-1 .card-view .card .p-unit {float: right;}
    .list-view-type-1 .card-view .col {margin-top: 0}
    .list-view-type-1 .card-view span.p-unit span {display: none;}
    .list-view-type-1 .card-view img  {display: none;}
    .list-view-type-1 .card-view .pack-cesta {display: none;}
    .list-view-type-1 .card-view .card .card-body {text-align: left;}

.viewlist-type-2 {}

.viewlist-type-3 .card-view .card .card-body {text-align: left;}    



.component-view-type-1 {}

    .component-view-type-1 .card-view .card {border-radius: 0;border:none;}
        .component-view-type-1 .card-view .card-even {background-color: #f9f9f9;}
    .component-view-type-1 .card-view .card .p-unit {display: none;}

    .component-view-type-1 .card-view .pack-cesta {float:right;margin-right: 180px;margin-top: .7rem !important;margin-bottom: 0.5rem !important;}

    .component-view-type-1 .card-view .col {margin-top: 0}
    .component-view-type-1 .card-view span.p-unit span    {display: none;}
    .component-view-type-1 .card-view img  {display: none;}
    
    .component-view-type-1 .card-view .card .card-body {text-align: left;}
    .component-view-type-1 .card-view .card .car-body-btn {position: absolute;right: 10px;top:35px}

.component-view-type-2 {}


/************************/

.info-content {position: absolute;top:230px;padding: 0 40px 200px 40px}
.info-content-plus {position: absolute;top:230px;padding: 0 40px 200px 40px}

.info-content p {color: #242c43;font-family: 'Roboto';display: block;font-size: 1em;font-weight: 600}

.op-menu {display: inline-block;min-width: 150px}

/*******************************/

.pack-block-2 {border-bottom: 1px solid #f0f0ef;}

.pack-base                  {padding: 20px 0px;vertical-align: middle;}
.pack-base span             {display: block;font-family: 'Barlow', sans-serif;letter-spacing: 0}
    .pack-base .pack-type   {color: #5e5d5d;font-weight: 600;font-size: 1.1em;}
    .pack-base .pack-name   {color: #242c43;font-weight: 600;font-size: 1.3em;padding-left: 10px;}
    .pack-base .pack-code   {color: #a7a7a7;}
    .pack-base .pack-name-2 {font-family: 'Roboto';color: #fff;font-size: 1em;text-transform: uppercase;}

.pack-tools                 {padding: 18px 0px;vertical-align: middle;}
    .pack-tools .pack-components {font-family: 'Roboto';color: #969696;font-size: 1.1em;position: absolute;right: 50px;top: 65px;text-align:right;}
    .pack-tools .pack-components span {color: #424242;font-size: 1.5em;font-weight: bold;}

.pack-cliente                       {padding: 20px 0px;vertical-align: middle;margin-bottom: 25px;}
.pack-cliente  span                 {display: block;font-family: 'Barlow', sans-serif;letter-spacing: 0}    
    .pack-cliente  .pack-name       {color: #242c43;font-weight: 600;font-size: 1.8em;text-transform: uppercase;line-height: 30px;padding-right: 100px;}
    .pack-cliente  .pack-place      {color: #a6a6a6;font-weight: 400;font-size: 1.2em;padding-top: 25px}
    .pack-cliente  .pack-code       {color: #a6a6a6;font-size: 1.1em;position: absolute;right: 50px;top: 80px;text-align:right;}
    .pack-cliente  .pack-code span  {color: #424242;font-size: 1.6em;font-weight: 400;margin-top: -10px;}

.pack-block-2 {background-color: #242c43;padding: 0 10px;}





.resultados {color:#001832;font-family: 'Roboto';font-weight: 600;text-align: center;vertical-align: baseline;padding: 15px 0;}
p.no-resultados {color:#20b1d2;font-family: 'Roboto';font-weight: 600;text-align: center;vertical-align: baseline;padding: 15px 0;font-size: 1.5em;text-align: center;padding: 100px 0;border-top: 1px solid #f0f0ef;}



.table-packs {margin-bottom: 0}

.table-packs tbody, .table-packs td, .table-packs tfoot, .table-packs th, .table-packs thead, .table-packs tr {border-style: none;}

.table-packs span {letter-spacing: 0}

    span.p-category    {color: #20b2d4;font-size: 1em;display: block;font-family: 'Roboto';margin-bottom: 5px;}
    span.p-name-light  {font-family: 'Barlow', sans-serif;color: #242c43;font-weight: 600;font-size: 1.3em;display: block;padding-right: 15px;}
    span.p-name        {font-family: 'Barlow', sans-serif;color: #5e5d5d;font-weight: 600;font-size: 1.2em;display: block !important;line-height: 24px}
    span.p-code        {color: #a7a7a7;font-family: 'Roboto';display: block;font-size: 1.2em;padding: 5px 0}
    span.p-unit        {color: #424242;font-family: 'Roboto';font-size: 1.8em;font-weight: 400;display: block;padding-right: 20px;}
        span.p-unit span    {font-size: .8em;font-weight: bold;color: #424242;}

    span.p-component   {color: #a7a7a7;font-family: 'Roboto';display: inline-block;font-size: 1.2em;padding: 0px 0;margin-top: -10px;}
        span.p-component span  {color: #010101;font-family: 'Roboto';font-size: 1.6em;font-weight: 400;display: inline-block;padding-right: 5px;}

    span.p-hospital        {font-family: 'Barlow', sans-serif;color: #242c43;font-weight: 600;font-size: 1.2em;display: block !important;line-height: 24px;text-transform: uppercase;}
    span.p-place           {font-family: 'Roboto', sans-serif;color: #787878;font-size: 1em;display: block !important;line-height: 24px;text-transform: uppercase;}
    span.p-code-client     {color: #a7a7a7;font-family: 'Roboto';display: block;font-size: .9em;padding: 5px 0 0 0}

    span.p-component-madatory {color: #dbdbdb;font-family: 'Barlow';font-size: .8em;padding: 0px 0;}
    
    span.p-unit-thin {color:#949494;font-weight: normal;font-size: 1em;position: absolute;top:12px;left: -30px}

    span.p-unit .input-group   {justify-content: center;}

.table-packs .tr-blocked {background-color: #b6b5b5 !important}
    .table-packs .tr-blocked span {color: #fff !important;}

.table-packs .tr-added {background-color: #f9eee2;}

.table-packs-thin .p-category {margin-bottom: 0px;}

/*
th {padding: 0}
th span {font-family: 'Roboto', sans-serif;display: block;color: #a7a7a7;font-weight: 400;font-size: 1.2em}
th.txt-light {color:#c9cacb;font-weight: 300;font-family: 'Barlow', sans-serif;line-height: 18px}
*/



.card-view .card {
    background-color: #f3f2f2;
    border-radius: 1.25rem;
    /*min-height: 450px;*/
}

.component-view-type-2 .card-view .card {
    background-color: #fff;
}

.card-view .card img{
    padding: 15px !important;
}

.card-view a        {text-decoration: none !important;}
.card-view a:hover .card  {background-color: #efefee/*#fafafa*/;}

.card-view .card-list {
    background-color: #f0fbfe;
    border-radius: 1.25rem;
    border: none;
    min-height: auto;
    margin-bottom: 10px;
}

.card-view .card .card-body {text-align: center;}

/**************************************/


.btn-modal        {background-color: #b6b6b6;color: #fff;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 1px;padding: 10px 30px;border-radius: 10px;margin: 5px 10px;font-size: .9em}
.btn-modal:hover  {background-color: #969696;color: #fff;}

.btn-confirmar              {background-color: #6ec38a}
.btn-cancelar               {background-color: #ac3435}
.btn-seleccionar-cliente    {background-color: #20b3d5}
.btn-quitar-componente      {background: #b6b6b6 url("../img/bimedica-quitar-componente.svg") 15px center;background-repeat: no-repeat;display:inline-block;background-size: 20px;text-indent: 15px;}

.btn-confirmar:hover              {background-color: #56986c}
.btn-cancelar:hover               {background-color: #8a2728}
.btn-seleccionar-cliente:hover    {background-color: #188da8}
.btn-quitar-componente:hover      {background: #909090 url("../img/bimedica-quitar-componente.svg") 15px center;background-repeat: no-repeat;display:inline-block;background-size: 20px;text-indent: 15px;}

.btn-group-lg>.btn, .btn-lg {padding: 0.7rem 1rem;}

.modal-content  {border-radius: 1rem;}
.modal-header   {border-bottom: none;}

    .modal-body p.p-modal-title   {font-family: 'Roboto', sans-serif;color: #242c43;font-size: 1em;display: block !important;line-height: 24px;}
    .modal-body p.p-modal-name    {font-family: 'Barlow', sans-serif;color: #242c43;font-weight: 600;font-size: 1.2em;display: block !important;line-height: 24px;}
    .modal-body p.p-modal-txt     {color: #a7a7a7;font-family: 'Roboto';display: block;font-size: .9em;padding: 5px 0 0 0}
    .modal-body p.p-modal-tx      {color: #a7a7a7;font-family: 'Roboto';display: block;font-size: .9em;padding: 15px 0 0px 0;display: block;text-transform: uppercase;}


.btn-outline-secondary {color: #949494;background-color: #fff;padding: 0;border-radius: 12px;}
.btn-outline-secondary:hover {background-color: #dcdcdc;}
.btn-outline-secondary span {font-size: 1em;color: #949494;padding: 0;margin: 0}

/**************************************/

.menu-packs-de-cliente                  {border-top: 1px solid #f0f0ef;background-color: #f8f8f8;padding: 15px;margin-bottom: 10px;}
.menu-packs-de-cliente span             {display: block;color:#969696;font-family: 'Barlow', sans-serif;line-height: 16px;}
.menu-packs-de-cliente a                {text-decoration: none;display: inline-block;text-align: center;max-width: 100px;vertical-align: top;}
.menu-packs-de-cliente a:hover span     {color:#001832;font-weight: bold;}
.menu-packs-de-cliente a.active span    {color:#001832;font-weight: bold;}

    .m-todos-los-estados        {background: #fff url("../img/bimedica-estado-pack-todos.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:1px solid #969696;}
    .m-en-proceso               {background: #fff url("../img/bimedica-estado-pack-en-proceso.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:1px solid #969696;}
    .m-aprobado                 {background: #fff url("../img/bimedica-estado-pack-aprobado.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:1px solid #969696;}
    .m-pendiente-de-aprobar     {background: #fff url("../img/bimedica-estado-pack-pendiente.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:1px solid #969696;}
    .m-rechazados               {background: #fff url("../img/bimedica-estado-pack-rechazados.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:1px solid #969696;}
    .m-borrador                  {background: #fff url("../img/bimedica-estado-pack-borrador.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:1px solid #969696;}

    .menu-packs-de-cliente a:hover .m-todos-los-estados     {background: #dff3f9 url("../img/bimedica-estado-pack-todos.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}
    .menu-packs-de-cliente a.active .m-todos-los-estados    {background: #dff3f9 url("../img/bimedica-estado-pack-todos.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}

    .menu-packs-de-cliente a:hover .m-en-proceso            {background: #dff3f9 url("../img/bimedica-estado-pack-en-proceso.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}
    .menu-packs-de-cliente a.active .m-en-proceso           {background: #dff3f9 url("../img/bimedica-estado-pack-en-proceso.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}

    .menu-packs-de-cliente a:hover .m-aprobado              {background: #dff3f9 url("../img/bimedica-estado-pack-aprobado.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}
    .menu-packs-de-cliente a.active .m-aprobado             {background: #dff3f9 url("../img/bimedica-estado-pack-aprobado.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}

    .menu-packs-de-cliente a:hover .m-pendiente-de-aprobar  {background: #dff3f9 url("../img/bimedica-estado-pack-pendiente.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}
    .menu-packs-de-cliente a.active .m-pendiente-de-aprobar {background: #dff3f9 url("../img/bimedica-estado-pack-pendiente.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}

    .menu-packs-de-cliente a:hover .m-rechazados            {background: #dff3f9 url("../img/bimedica-estado-pack-rechazados.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}
    .menu-packs-de-cliente a.active .m-rechazados           {background: #dff3f9 url("../img/bimedica-estado-pack-rechazados.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}

    .menu-packs-de-cliente a:hover .m-borrador               {background: #dff3f9 url("../img/bimedica-estado-pack-borrador.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}
    .menu-packs-de-cliente a.active .m-borrador              {background: #dff3f9 url("../img/bimedica-estado-pack-borrador.svg") center center;background-repeat: no-repeat;border-radius: 50px;display: inline-block;width: 72px;height: 72px;border:3px solid #001832;}


    .i-todos-los-estados        {background: url("../img/bimedica-estado-pack-todos.svg") center center;background-repeat: no-repeat;display: inline-block;width: 50px;height: 50px;margin-right: 15px}
    .i-en-proceso               {background: url("../img/bimedica-estado-pack-en-proceso.svg") center center;background-repeat: no-repeat;display: inline-block;width: 50px;height: 50px;margin-right: 15px}
    .i-aprobado                 {background: url("../img/bimedica-estado-pack-aprobado.svg") center center;background-repeat: no-repeat;display: inline-block;width: 50px;height: 50px;margin-right: 15px}
    .i-pendiente-de-aprobar     {background: url("../img/bimedica-estado-pack-pendiente.svg") center center;background-repeat: no-repeat;display: inline-block;width: 50px;height: 50px;margin-right: 15px}
    .i-rechazados               {background: url("../img/bimedica-estado-pack-rechazados.svg") center center;background-repeat: no-repeat;display: inline-block;width: 50px;height: 50px;margin-right: 15px}
    .i-borrador                 {background: url("../img/bimedica-estado-pack-borrador.svg") center center;background-repeat: no-repeat;display: inline-block;width: 50px;height: 50px;margin-right: 15px}


.eliminar           {background: url("../img/bimedica-eliminar-producto.svg") center center;background-repeat: no-repeat;display: inline-block;width: 50px;height: 50px;}
.eliminar:hover     {opacity: .7}

.eliminar-w           {background: url("../img/bimedica-eliminar-pack.svg") center center;background-repeat: no-repeat;background-size:80%;display: inline-block;width: 30px;height: 30px;}
.eliminar-w:hover     {opacity: .7}

.padlock {background: url("../img/bimedica-componente-obligatorio-candado.svg") center center;background-repeat: no-repeat;background-size:50%;display: block;width: 30px;height: 30px;margin-left:15px}


.rename {background: url("../img/bimedica-renombrar.svg") center center;background-repeat: no-repeat;display: inline-block;width: 30px;height: 30px;vertical-align: text-bottom;margin-left: 15px;}
.rename:hover     {opacity: .7}




/* Header logout option */

.info-general {background-color: #f9f9f9;display: inline-block;padding: 30px;display: inline-flex;align-items: center;}
.info-user {display: inline-block;}
.info-user span {color:#242c43;font-family: 'Barlow', sans-serif;font-weight: 600;margin-right: 25px;}
.b-bimedica {display: inline-block;}
.b-bimedica img {padding-left: 25px;}

.switch {position: relative;display: inline-block;width: 130px;height: 49px;}

.switch input {opacity: 0;width: 0;height: 0;}

.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;-webkit-transition: .4s;transition: .4s;background-color: #e7e7e6;border:1px solid #f0d1a9;}

.slider:before {position: absolute;content: "";height: 40px;width: 40px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;background: url("../img/logout.svg") center center;}

input:checked + .slider         {background-color: #edd6b8;}
input:focus + .slider           {box-shadow: 0 0 1px #edd6b8;}
input:checked + .slider:before  {-webkit-transform: translateX(78px);-ms-transform: translateX(78px);transform: translateX(78px);}

.slider.round         {border-radius: 34px;}
.slider.round:before  {border-radius: 50%;}

.switch .labels {position: absolute;top: 13px;left: 0;width: 100%;height: 100%;font-size: 15px;font-family: 'Barlow', sans-serif;font-weight: 500;transition: all 0.4s ease-in-out;cursor: pointer;}

    .switch .labels::after {content: attr(data-off);position: absolute;right: 20px;color: #4d4d4d;opacity: 1;transition: all 0.4s ease-in-out;}
    .switch .labels::before {content: attr(data-on);position: absolute;left: 5px;color: #ffffff;opacity: 0;transition: all 0.4s ease-in-out;}
    .switch input:checked~.labels::after {opacity: 0;}
    .switch input:checked~.labels::before {opacity: 1;}



/* 08052023 */

.input-group-rename >.form-control, .input-group-rename>.form-select {border-left: 1px solid #919090;}

.btn-outline-search            {color: #fff;background-color: #001931;padding: 0 25px;border-radius: 12px;}
.btn-outline-search:hover      {background-color: #255481;}
.btn-outline-search span       {font-size: 1em;color: #949494;padding: 0;margin: 0}
/* 08052023 */



/* 16052023 */

.pack-cesta2 {background: url("../img/bimedica-componente-cesta.svg") center center;background-repeat: no-repeat;display:inline-block;width: 70px;height: 50px;padding: 0 25px;vertical-align: middle;}
.pack-cesta2 {right: 0;}

.table>tbody>tr.tr-blocked:nth-child(even)>td, .table>tbody>tr.tr-blocked:nth-child(even)>th {
    background-color: #b6b5b5;
    border-top:1px solid #c9c9c9;
}

.table tbody>tr.tr-blocked>:not(caption) {
    box-shadow: none !important;
}

    span.p-modal-tit     {color: #242c43;font-size: 1.2em;display: block;font-family: 'Roboto';margin-bottom: 5px;}
    span.p-modal-n       {font-family: 'Barlow', sans-serif;color: #242c43;font-weight: 600;font-size: 1.3em;display: block;}
    span.p-modal-t       {font-family: 'Barlow', sans-serif;color: #5e5d5d;font-weight: 300;font-size: 1em;display: block !important;line-height: 24px;margin:25px 0px 10px 0px}

/* 16052023 */

.pack-base .pack-name   {padding-left: 0px;}
.table-packs tr.tr-blocked td {background-color: #b6b5b5;border-collapse: collapse;}