/*min-width: 450px*/
@media (min-width: 28.125rem) {
}

/*min-width: 520px*/
@media (min-width: 32.5rem) {
}

/*min-width: 600px*/
@media (min-width: 37.5rem) {
}

/*min-width: 768px*/
@media (min-width: 48rem) {
}

/*min-width: 800px*/
@media (min-width: 50rem) {
}

/*min-width: 1040px*/
@media (min-width: 65rem) {
}

/*min-width: 1200px*/
@media (min-width: 75rem) {
}

/*min-width: 1400px*/
@media (min-width: 87.5rem) {
}

/*min-width: 1500px*/
@media (min-width: 93.75rem) {
}


@font-face {
  font-family: 'Oxygen';
  src: url('../Fonts/Oxygen-Regular.ttf') format('truetype');
}

body {
  line-height: 1;
  font-family: 'Oxygen', Arial;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.2;
}

html{
  height: 100%;
}

body{
  height: 100%;
}

form{
  height: 100%;
}


.container {
    max-width: 95%;
    margin:0 auto !important;
}

.main-container{
    margin-top:20px;
    min-height:700px;
}

@media (min-width: 65rem) {
    .container {
	    width: 100%;
	    padding-right: 10px;
	    padding-left: 10px;
        margin:0 auto !important;
    }

    .main-container{
        margin-top:30px;
        min-height:700px;
    }
}

/*este lo uso en buscadores cuando un literal necesita dos líneas y hay que alinear el resto de filtro de una fila*/
.whiteline {
    margin-top: 32px;
}



/***********************************************************
	PORTADA
***********************************************************/
.background {
    background: lightblue url(../Images/portada/horse1.jpg) no-repeat fixed center bottom; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
}


.transbox {
    width: 100%;
    height:400px;
    margin:0 auto;
    margin-top: 0px;
    border: none;
    /*background: linear-gradient(to bottom, rgba(150,158,163,1), rgba(150,158,163,0));*/
    background: linear-gradient(to bottom, rgba(177,202,216,1), rgba(177,202,216,0));
    padding:20px 30px;
}




.equiad {
    font-family: 'Oxygen', Arial;
    font-size: 2.8rem;
    font-stretch: expanded;
    font-weight: 600;
    margin-bottom:10px;
    color: #f8f8f8;
}

@media (min-width: 65rem) {
    .equiad {
        font-family: 'Oxygen', Arial;
        font-size: 4rem;
        font-stretch: expanded;
        font-weight: 600;
        margin-bottom: 20px;
        color: #f8f8f8;
    }
}


.login {
    clear:both;
    position:relative;
    margin:0 auto;
    max-width:450px;
    width:80%;
    padding: 15px;
    background-color: #ffffff;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    -moz-opacity: .70;
    text-align: left;
}



/***********************************************************
	BOTONES
***********************************************************/
.btn-group-sm>.btn, .btn-sm {
    margin-bottom:0.5rem;
    padding: .2rem .3rem;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-default {
    color: #fff;
    background-color: #357398;
    border-color: #357398;
    margin-top:0px;
}

@media (min-width: 48rem) {

    .btn-default {
      color: #fff;
      background-color: #357398;
      border-color: #357398;
      margin-top: 0px;
    }
}


.btn-default:hover {
  color: #fff;
  background-color: #85ABC1;
  border-color: #85ABC1;
}

.btn-default:focus{
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.aspNetDisabled.btn-default
{
    background-color: #b6c2c9;
    border-color: #b6c2c9;
    color:#fff !important;
}

.btn-default.disabled{
  background-color: #b6c2c9;
  border-color: #b6c2c9;
  color:#fff !important;
}

.btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  background-color: #b6c2c9;
  border-color: #b6c2c9;
  color:#fff !important;
}

.btn-default:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.border-default {
  border-color: #357398 !important;
}


.btn-pink {
    color: #fff;
    background-color: #D81C5E;
    border-color: #D81C5E;
    margin-top:6px;
}

@media (min-width: 48rem) {
    .btn-pink {
      color: #fff;
      background-color: #D81C5E;
      border-color: #D81C5E;
      margin-top: 0px;
    }
}

.btn-pink:hover {
  color: #fff;
  background-color: #dfa6ba;
  border-color: #dfa6ba;
}

.btn-pink:focus{
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.aspNetDisabled.btn-pink
{
    background-color: #dfa6ba;
    border-color: #dfa6ba;
    color:#fff !important;
}

.btn-pink.disabled{
  background-color: #dfa6ba;
  border-color: #dfa6ba;
  color:#fff !important;
}

.btn-pink:not([disabled]):not(.disabled):active, .btn-pink:not([disabled]):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  background-color: #dfa6ba;
  border-color: #dfa6ba;
  color:#fff !important;
}

.btn-pink:not([disabled]):not(.disabled):active:focus, .btn-pink:not([disabled]):not(.disabled).active:focus,
.show > .btn-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

btn-group-sm>.btn, .btn-sm {
    margin-bottom:0.5rem;
    padding: .2rem .3rem;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: .2rem;
}


.border-pink {
  border-color: #D81C5E !important;
}



/***********************************************************
	TITULARES
***********************************************************/
h1{
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 10px;
  color: #274D6A;
}

@media (min-width: 65rem){
    h1{
      font-size: 2rem;
      text-align: center;
      margin-bottom: 20px;
      color: #274D6A;
    }
}

h2{
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 10px;
  color: #274D6A;
}


@media (min-width: 65rem){
    h2{
      font-size: 1.85rem;
      text-align: center;
      margin-bottom: 40px;
      color: #274D6A;
    }
}


h3 {
    font-size: 1.4rem;
}

@media (min-width: 48rem) {
    h3 {
        font-size: 1.75rem;
    }
}

h6 {
    font-size: 1.1rem;
}


hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #bec1c7;
}



/***********************************************************
	MENU
***********************************************************/
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.3rem 0.8rem;
}


.navbar-default .navbar-brand {
  color: #fff;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #fff;
}


.navbar-default .navbar-nav .nav-link {
    color: #fff;
    min-width: 100px;
    /*border-right: 1px solid #fff;
    text-align: center;*/
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
    min-width: 100px;
    font-size:0.8rem;
    color:#132635;
}



@media (min-width: 48rem) {
    .navbar-default .navbar-nav .nav-link {
        color: #fff;
        min-width: 100px;
        border-right: 1px solid #fff;
        text-align: center;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        min-width: 100px;
        font-size:0.8rem;
        color:#132635;
    }
}

@media (min-width: 65rem) {
    .navbar-default .navbar-nav .nav-link {
        color: #fff;
        min-width: 150px;
        border-right: 1px solid #fff;
        text-align: center;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        min-width: 150px;
        font-size:0.8rem;
        color:#132635;
    }
}



.navbar-default .navbar-nav .nav-link:hover, .navbar-default .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-default .navbar-nav .nav-link.disabled {
  /*color: rgba(255, 255, 255, 0.25);*/
  color: #fff;
}

.navbar-default .navbar-nav .show > .nav-link,
.navbar-default .navbar-nav .active > .nav-link,
.navbar-default .navbar-nav .nav-link.show,
.navbar-default .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-default .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-default .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-default .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-default .navbar-text a {
  color: #fff;
}

.navbar-default .navbar-text a:hover, .navbar-default .navbar-text a:focus {
  color: #fff;
}

.bg-navbar-default
{
	border-top: 2px solid #d4d4d4;
    border-bottom: 2px solid #FFF;
	background: #1f455b url(../Images/nav/bg-nav.png) 0 0 repeat-x;
}



/***********************************************************
	HEADER
***********************************************************/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

header{
  height: auto;
  width:100%;
  display:block;
  background-color:#d6dee1;
  
}

@media (min-width: 48rem) {
    header{
      height: auto;
      width:100%;
      display:block;
      background-color:#d6dee1;
      border-bottom:3px solid #fff;
    }
}



/***********************************************************
	CABECERA INTERNA Y LOGOS
***********************************************************/
.logo_govern{
  /*width: 50%;*/
  height: auto;
  float: left;
  margin-top: 0;
  margin-right:10px;
}

.logo_govern img{
  height: auto;
  width: 100px;
}


.logo_equiad{
  /*width: 50%;*/
  height: auto;
  float: left;
  margin-top: 0;
}


.equiad-header1,
.equiad-header1 a {
    font-family: 'Oxygen', Arial;
    font-size: 2rem;
    line-height:2.4rem;
    font-stretch: expanded;
    font-weight: 500;
    color: #1F455B;
    margin-top:10px;
    text-decoration:none;
    text-align:left;
    
}

.equiad-header3 {
    font-family: 'Oxygen', Arial;
    font-size: 0.9rem;
    font-stretch: expanded;
    font-weight: 500;
    color: #1F455B;
    display: inline;
    float: left;
    margin-top:10px;
}

.equiad-header2{ display:none;}

.client-area{
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    float: left;
    margin-top: 10px;
    display:inline;
    border-top:2px solid #ffffff;
}

.name{
    color: #2B5D7A;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    letter-spacing:0.5px;
    font-weight:500;
    text-align: right;
    width: 100%;
    margin-top:5px;
    float: right;
}


.role{
    color: #406D87;
    font-family: Arial;
    letter-spacing:0.5px;
    font-weight:500;
    font-size: 12px;
    text-align: right;
    line-height: 12px;
    float: right;
    width: 100%;
}


@media (min-width: 28rem) {

    .logo_govern{
      width: 40%;
      height: auto;
      float: left;
      margin-top: 0;
      margin-right: 0;
    }

    .logo_govern img{
        height: auto;
        width: 130px;
    }

    .logo_equiad{
      width: 60%;
      height: auto;
      float: left;
      margin-top: 0;
    }

    /*.equiad-header1,
    .equiad-header3 {
        display:none;
    }*/

    /*.equiad-header2{ display:block;}*/

    .client-area{
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        float: left;
        margin-top: 0;
        display:inline;
        border-top:2px solid #ffffff;
    }

    .name{
        color: #2B5D7A;
        font-family: Arial;
        font-size: 16px;
        line-height: 18px;
        letter-spacing:0.5px;
        font-weight:500;
        text-align: right;
        width: 100%;
        margin-top:0px;
        float: right;
    }


    .role{
        color: #406D87;
        font-family: Arial;
        letter-spacing:0.5px;
        font-size: 14px;
        text-align: right;
        font-weight: 500;
        line-height: 18px;
        float: right;
        width: 100%;
    }
}

@media (min-width: 32.5rem) {

    .logo_govern{
      width: 25%;
      height: auto;
      float: left;
      margin-top: 0;
      margin-right: 0;
    }

    .logo_govern img{
        height: auto;
        width: 130px;
    }

    .logo_equiad{
      width: 75%;
      height: auto;
      float: left;
      margin-top: 0;
    }

    .logo_equiad img{
      height: auto;
      width: 90%;
    }

    .equiad-header2{ display:block;}

    .equiad-header1,
    .equiad-header3 {
        display:none;
    }

    .client-area{
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        float: left;
        margin-top: 0;
        display:inline;
        border-top:2px solid #ffffff;
    }

    .name{
       color: #2B5D7A;
       font-family: Arial;
       font-size: 16px;
       line-height: 20px;
       letter-spacing:0.5px;
       font-weight:500;
       text-align: right;
       width: 100%;
       margin-top:0px;
       float: right;
    }


    .role{
        color: #406D87;
        font-family: Arial;
        letter-spacing:0.5px;
        font-size: 14px;
        text-align: right;
        font-weight: 500;
        line-height: 18px;
        float: right;
        width: 100%;
        margin-bottom:5px;
    }
}

@media (min-width: 48rem) {
    
    .logo_govern{
      width: 20%;
      height: auto;
      float: left;
      margin-top: 0;
      margin-right: 0;
    }

    .logo_govern img{
      height: auto;
      width: 95%;
    }

    .logo_equiad{
      width: 55%;
      height: auto;
      float: left;
      margin-top: 0;
    }

    .logo_equiad img{
      height: auto;
      /*width: 100%;*/
      margin-top:20px;
    }

    .equiad-header2{ display:block;}
    
    .equiad-header1,
    .equiad-header3 {
        display:none;
    }

    .client-area{
        width: 25%;
        padding-top: 0;
        padding-bottom: 0;
        float: left;
        margin-top: 0;
        border-top:none;
    }

    .name{
        color: #2B5D7A;
        font-family: Arial;
        font-size: 14px;
        line-height: 20px;
        letter-spacing:0.5px;
        font-weight:500;
        text-align: right;
        width: 100%;
        margin-top: 30px;
        margin-bottom:5px;
        float: right;
    }


    .role{
        color: #406D87;
        font-family: Arial;
        letter-spacing:0.5px;
        font-size: 12px;
        text-align: right;
        font-weight: 500;
        line-height: 14px;
        float: right;
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (min-width: 52rem) {
    .name{
        color: #2B5D7A;
        font-family: Arial;
        font-size: 14px;
        line-height: 20px;
        letter-spacing:0.5px;
        font-weight:500;
        text-align: right;
        width: 100%;
        margin-top: 50px;
        margin-bottom:5px;
        float: right;
    }
}

@media (min-width: 65rem) {
    
    .logo_govern{
      width: 20%;
      height: auto;
      float: left;
      margin-top: 0;
      margin-right: 0;
    }

    .logo_govern img{
      height: auto;
      width: 200px;
    }

    .logo_equiad{
      width: 45%;
      height: auto;
      float: left;
      margin-top: 0;
    }

    .logo_equiad img{
      height: auto;
      width: 100%;
      margin-top:15px;
    }

    .equiad-header2{ display:block;}

    .equiad-header1,
    .equiad-header3 {
        display:none;
    }

    .client-area{
        width: 30%;
        padding-top: 0;
        padding-bottom: 0;
        float: left;
        margin-top: 0;
        border-top:none;
    }

    .name{
       color: #2B5D7A;
       font-family: Arial;
       font-size: 16px;
       line-height: 20px;
       font-weight: 500;
       letter-spacing: 0.5px;
       margin-top: 60px;
       margin-bottom:5px;
       text-align: right;
       width: 100%;
       float: right;
    }


    .role{
        color: #406D87;
        font-family: Arial;
        letter-spacing:0.5px;
        font-size: 14px;
        text-align: right;
        font-weight: 500;
        line-height: 18px;
        float: right;
        margin-bottom: 5px;
        width: 100%;
    }
}

@media (min-width: 97.5rem){
    .logo_govern{
      width: 20%;
      height: auto;
      float: left;
      margin-top: 0;
      margin-right: 0;
    }

    
    .logo_govern img{
      height: auto;
      width: 200px;
    }

    .logo_equiad {
        width: 40%;
        height: auto;
        float: left;
        margin-top: 0;
    }

    .client-area{
        width: 40%;
        padding-top: 0;
        padding-bottom: 0;
        float: left;
        margin-top: 0;
        border-top:none;
    }

    .name{
       color: #2B5D7A;
       font-family: Arial;
       font-size: 18px;
       line-height: 20px;
       font-weight: 500;
       letter-spacing: 0.5px;
       margin-top: 60px;
       margin-bottom:5px;
       text-align: right;
       width: 100%;
       float: right;
    }


    .role{
        color: #406D87;
        font-family: Arial;
        letter-spacing:0.5px;
        font-size: 16px;
        text-align: right;
        font-weight: 500;
        line-height: 18px;
        float: right;
        margin-bottom: 5px;
        width: 100%;
    }
}


@media (min-width: 118.75rem){
     .logo_govern{
      width: 20%;
      height: auto;
      float: left;
      margin-top: 0;
      margin-right: 0;
    }

    
    .logo_govern img{
      height: auto;
      width: 200px;
    }

    .logo_equiad {
        width: 30%;
        height: auto;
        float: left;
        margin-top: 0;
    }

    .client-area{
        width: 50%;
        padding-top: 0;
        padding-bottom: 0;
        float: left;
        margin-top: 0;
        border-top:none;
    }
}


.my-account-link{
   float: right;
   font-size: 0.8rem;
   margin-left:10px;
}

.text-link {
    display:none;
}

/*min-width: 520px*/
@media (min-width: 32.5rem) {
    .text-link {
        display:none;
    }
    
}

/*min-width: 600px*/
@media (min-width: 37.5rem) {
    .text-link {
        display:inline;
        margin-left:5px
    }
}

/*min-width: 768px*/
@media (min-width: 48rem) {
    .text-link {
        display:inline;
        margin-left:5px
    }
}


/*min-width: 1040px*/
@media (min-width: 65rem) {
    .text-link {
        display:inline;
        margin-left:5px
    }

    .my-account-link{
       float: right;
       font-size: 1rem;
       margin-left:10px;
    }
}

/*min-width: 1200px*/
@media (min-width: 75rem) {
    .text-link {
        display:inline;
        margin-left:5px
    }

    .my-account-link{
       float: right;
       font-size: 1rem;
       margin-left:10px;
    }
}

/*min-width: 1400px*/
@media (min-width: 87.5rem) {
    .text-link {
        display:inline;
        margin-left:5px
    }

    .my-account-link{
       float: right;
       font-size: 1rem;
       margin-left:10px;
    }
}
/***********************************************************
        FIN CABECERA INTERNA
***********************************************************/


/***********************************************************
	FOOTER
***********************************************************/
footer {
    background-color: #282828;
    color: #FFF;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 12px;
}

    footer h4 {
        font-size: 14px;
    }

    footer a {
        color: #959595;
    }

        footer a:hover {
            color: #FFF;
        }

    footer ul, footer ol {
        list-style: none;
        padding-left: 0px;
    }

        footer ul li {
            font-size: 12px;
            margin-bottom: 10px;
            padding-left: 15px;
            background: url(../Images/ico_nav_sup.gif) no-repeat 0px 6px;
        }

        footer ol li {
            font-size: 12px;
            margin-bottom: 5px;
            color: #959595;
        }
/***********************************************************/


/***********************************************************
	MODAL POPUP
***********************************************************/
.modalBackground
{
	background-color: #bcbcbc;
	filter: alpha(opacity=40);
	opacity: 0.4;
	z-index: 6000 !important;
}


.updateProgress
{
	padding-top:20px;
	background-color: transparent;
	position: absolute;
	width: 300px;
	height: 180px;
	text-align:center;
    vertical-align:middle;	
    z-index: 6001 !important;
}

.updateProgress img
{ 
	margin-bottom:30px;
}

.updateProgress span
{ 
	color:#333;
	font-family: Arial;
	font-size: 16px; 
	letter-spacing:-0.5px; 
	line-height:18px; 
	font-weight:600;
}


.panelPopupResegna
{
    background-color: #fff;
    border-width: 2px;
    border-style:solid;
    margin:0 auto;
    width: 90%;
    min-height:200px;
    border-color: Gray;
    padding: 10px 15px;
    border-radius: 8px; /*propiedad CSS3 */
    -moz-border-radius: 8px; /* Firefox y Chrome */
    -webkit-border-radius: 8px; /* WebKit y Safari */
    z-index: 6001 !important;
}


@media (min-width: 32.5rem) {
    .panelPopupResegna
    {
        background-color: #fff;
        border-width: 2px;
        border-style:solid;
        width: 650px;
        min-height:200px;
        border-color: Gray;
        padding: 10px 15px;
        border-radius: 8px; 
        -moz-border-radius: 8px; 
        -webkit-border-radius: 8px;
        z-index: 6001 !important;
    }
}


.panelPopupMessage
{
	min-height:200px;
	margin-bottom:20px;
	/*overflow-y:scroll;*/
}

.panelPopupCerrar
{
	z-index:990; background:transparent; margin:-20px 0 0 20px; text-align:right; width:100%; cursor:pointer;
}

.cajaDialogo {
    width: 90%;
    /*min-height:200px;*/
    padding: 0.61rem 0.52rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.4rem;
    outline: 0;
}

@media (min-width: 32.5rem) {
    .cajaDialogo {
        width: 650px;
        /*min-height:200px;*/
        padding: 10px 15px;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.4rem;
        outline: 0;
    }
}

.cajaDialogo h1 {
    color:#949449;
    font-family: 'Oxygen', Arial; 
    font-weight:500; 
    font-size:1.5em; 
    padding:2px 0px 5px 0px;
    margin:0px
}


.cajaDialogo h2 {
    color:#949449;
    font-family: 'Oxygen', Arial; 
    font-weight:500; 
    font-size:1.2em; 
    padding:2px 0px 5px 0px;
    margin:0px
}
/***********************************************************/






/*************************************************
    ICONS FONT AWESOME
*************************************************/

[class^="far-"]:before, [class^="fas-"]:before, [class^="fa-"]:before, [class*=" fa-"]:before {
  speak: none;
  margin-right: .1em;
  /*vertical-align:middle;*/
}


.icon-space{
    margin-right: .2em;
}


/*************************************************
    CUSTOM ICONS KRISS
*************************************************/
.icon-syringe32:before {
 content:url(../Images/syringe-32a.png);
}

a > .icon-syringe32 {
 content:url(../Images/syringe-32a.png);
}

a:hover > .icon-syringe32, a:focus > .icon-syringe32 {
 content:url(../Images/syringe-32b.png);
}


/*************************************************
    CUSTOM TAG KRISS
*************************************************/

a {
  color: #4594c3;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #2e607e;
  text-decoration: none;
}


a.linkred {
  color:#D60808;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a.linkred:hover {
  color:#B30000;
  text-decoration: none;
}


a.linkorange {
  color:#f4a309;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a.linkorange:hover {
  color:#d89618;
  text-decoration: none;
}



.radio input[type="radio"],
.checkbox input[type="checkbox"]
{
    margin-top: 0.5rem;
	margin-left: 0;
}

.radio label,
.checkbox label
{
	margin-top: -1rem;
    margin-left: 1.2rem;
    white-space: pre-wrap;
    display:block;
    font-size:0.9rem;
    /*color: #212529;*/
}

.radio.radiobuttonlist input[type="radio"],
.checkbox.checkboxlist input[type="checkbox"]
{
	margin-left: 0;
}

.radio.radiobuttonlist label,
.checkbox.checkboxlist label
{
	margin-bottom: 0.2rem;
	margin-left: 0.9rem;
    white-space: pre-wrap;
    display:block;
    font-size:0.9rem;
    color: #212529;
   
}

.radio.radiobuttonlistHorizontal input[type="radio"],
.checkbox.radiobuttonlistHorizontal input[type="checkbox"]
{
	margin-left: 0.6rem;
    display:inline-block;
}

.radio.radiobuttonlistHorizontal label,
.checkbox.radiobuttonlistHorizontal label
{
	margin-bottom: 0rem;
	margin-left: 0.2rem;
    display:inline-block;
    font-size:0.9rem;
    color: #212529;
}


select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
    color:#6C757D;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]){
    height: calc(1.8125rem + 2px);
    color:#6C757D;
}

textarea,
select,
input[type="text"],
input[type="password"],
input.password 
{
    display: block;
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

textarea:disabled,
select:disabled,
input[type="text"]:disabled,
input.text:disabled
{
	background-color: #e9ecef;
    opacity: 1;
}


input[type="file" i] {
    align-items: baseline;
    color: inherit;
    text-align: start !important;
    width:145px !important;
}

@media (min-width: 32.5rem) {
        input[type="file" i] {
        align-items: baseline;
        color: inherit;
        text-align: start !important;
        width:100% !important;
    }
}




/***********************************************************
	LISTADO SECCION MICROCHIPS
***********************************************************/

.listchips li
{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

/***********************************************************
	LISTADO SECCION DOCUMENTOS EN FICHA ANIMAL
***********************************************************/
.listdoc 
{
	width:100%; 
	list-style:none; 
	margin-left:0px; 
	padding-left:0px;
}
.listdoc li 
{
	background:url(../Images/ico_document16.png) 0px 4px no-repeat; 
	padding:5px 0px 5px 20px;
}
.listdoc li a, 
.listdoc li a:hover{ color:#4594c3;}



/***********************************************************
    BOTONERA FICHA ANIMAL
***********************************************************/

.submenu1 {width:100%; list-style:none; margin-left:0px; padding-left:0px;}
.submenu1 li  
{
	float:left;
	position:relative;
	display:inline-block;
    margin-right:5px;
	margin-bottom:5px;
    width:50px;
    height:50px;	
    padding:4px;
	text-align:center;
	background-color:#fff;
	border:solid 2px #cecece;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    
}

.submenu1 li input[type="image"] { width:32px; }

.submenu1 li span
.submenu1 li a, 
.submenu1 li a:link, 
.submenu1 li a:visited
.submenu1 li a:active, 
.submenu1 li a:hover {display:none;}


@media (min-width: 64rem) {
    .submenu1 {
        width: 100%;
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
    }

    .submenu1 li {
        float: left;
        position: relative;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
        width: 90px;
        height: 90px;
        padding: 4px;
        text-align: center;
        background-color: #fff;
        border: solid 2px #cecece;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
    }

    .submenu1 li input[type="image"] { width:32px; }

    .submenu1 li span,
    .submenu1 li a,
    .submenu1 li a:link,
    .submenu1 li a:visited, 
    .submenu1 li a:active,
    .submenu1 li a:hover {
        background: #fff;
        text-decoration: none;
        display: block;
        font-size: 0.7rem;
    }
}


.submenu2 {width:100%; list-style:none; margin-left:0px; padding-left:0px;}
.submenu2 li  
{
	float:left;
	position:relative;
	display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    
    width:70px;
    height:70px;	
	
    padding:8px 4px;
	text-align:center; 
	vertical-align:bottom;

	background-color:#fff;
	border:solid 2px #cecece;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    
}

.submenu2 li span,
.submenu2 li a,
.submenu2 li a:link,
.submenu2 li a:visited,
.submenu2 li a:active,
.submenu2 li a:hover {
    background: #fff;
    text-decoration: none;
    display: block;
    /*font-size: 0.7rem;*/
}




/***********************************************************
    PESTAÑAS PARA BUSCADOR
***********************************************************/
.nav-tabsB 
{
	border-bottom: 1px solid #357398;
    /*border-bottom-right-radius:0.25rem;*/
}

.nav-tabsB > li {
	float: left;
	margin-bottom: 5px;
}

.nav-tabsB > li > a 
{
	margin-right: 2px;
	font-size:10pt;
	/*border: 1px solid #ddd;*/
    border: 1px solid rgba(0, 0, 0, 0.125);
	border-bottom-color: transparent;
	border-radius: 4px 4px 0 0;
	padding:8px;
	background-color: #f0eded;
	color: #b6b6b6;
	text-decoration:none;
	height:39px;
  
}
.nav-tabsB > li > a:hover {
	border-color: #eee #eee #ddd;
	text-decoration:none;
}

.nav-tabsB > li.activeB > a, 
.nav-tabsB > li.activeB > a:hover,
.nav-tabsB > li.activeB > a:focus {
	color: #357398;
	cursor: default;
	background-color: #fff;
	border: 1px solid #357398;
	border-bottom-color: transparent;
	text-decoration:none; 
	font-size:14pt;
	height:41px;
  
}

.nav-tabs-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-radius: 0 0 0.25rem 0.25rem;
}


/***************************************************************************
  CG.20170503. CHECKBOX MARCAR TODOS BUSCADOR Y GESTION DE MICROCHIPS
****************************************************************************/
label.checkbox input[type="checkbox"] {display:none;}
label.checkbox span {
  display:inline-block;
  border:2px solid #BBB;
  border-radius:10px;
  width:25px;
  height:25px;
  background:#fff;
  vertical-align:middle;
  margin:3px;
  transition:width 0.1s, height 0.1s, margin 0.1s;
  margin-left:15px;
}
label.checkbox :checked + span {
  background:#fff url("../images/tick24.png") 0 0 repeat-x;
  width:27px;
  height:27px;
  margin: 2px;
  margin-left:15px;
}


label.checkbox > span.aspNetDisabled input[type="checkbox"] {display:none;}
label.checkbox > span.aspNetDisabled span {
  display:inline-block;
  border:2px solid #BBB;
  border-radius:10px;
  width:25px;
  height:25px;
  background:#fff;
  vertical-align:middle;
  margin:3px;
  transition:width 0.1s, height 0.1s, margin 0.1s;
  margin-left:15px;
}
label.checkbox > span.aspNetDisabled :checked + span {
  background:#fff url("../images/tick24.png") 0 0 repeat-x;
  width:27px;
  height:27px;
  margin: 2px;
  margin-left:15px;
}


/*************************************************
    TABLES
*************************************************/

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border:none 0px;
}

table th{
   border:none 0px; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.9rem;
   line-height:1rem;
}

table td {
   border:none 0px;
   font-size: 0.9rem;
   line-height:1rem;
   font-family: Arial, Helvetica, sans-serif;
   color:#474a4d;
}

table th span{
   font-size: 0.9rem;
   line-height:1rem;
   font-family: Arial, Helvetica, sans-serif;
}

table td span{
   font-size: 0.9rem;
   line-height:1rem;
   font-family: Arial, Helvetica, sans-serif;
   color:#474a4d;
}

table.table-striped tr.sumatorio {
    background-color:#cfcfcf;
    font-size: 1.2rem;
    line-height:1.4rem;
    font-weight:bold;
}


table.table-striped tr.sumatorio > td{
    font-size: 1.2rem;
    line-height:1.4rem;
}

.table .thead-custom th {
  color: #eceaea;
  background-color: #3a3e42;
  border-color: #3a3e42;
  font-weight:normal;
}

.table .thead-custom2 th {
  color: #27292d;
  background-color: #dadee3;
  border-color: #c6c9ce;
  font-weight:normal;
}


/*************************************************
    CUSTOM CLASS KRISS
*************************************************/

.text-danger {
  color: #f02323 !important;
}

a.text-danger {
  color: #f02323 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #c01c1c !important;
}

.text-success {
  color: #80AE31 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #4D7E1E !important;
}

.text-info {
  color: #185981 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #2999dd !important;
}


.text-color1 {
  color: #104e8b !important; /*DodgerBlue4*/
}

.text-color2 {
  color: #8b0a50 !important; /*LightPink3*/
}

.text-color3 {
  color: #60167A !important; /*DeepPink3*/
}

.text-color4 {
  color: #008b00 !important; /*green4*/
}


.label {
  display: block;
  margin-bottom: .5rem;
  color:#474a4d !important;
}


.label-plaintext {
    display: block;
    width: 100%;
    padding-top:0.1rem;
    padding-bottom: .2rem;
    margin-bottom: 1rem;
    line-height: 1rem;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    border-top:1px solid #d8d7d7;
    
}

.line-plaintext{
    border: solid transparent;
    border-width: 1px 0;
    border-top:1px solid #d8d7d7;
}

.form-group {
  margin-bottom: 0.4rem;
}

.font-size-big1{
    font-size:1.1rem !important;
}

.font-size-big2{
    font-size:1.2rem !important;
}

.font-size-small1{
  font-size: 80% !important;
}

.font-size-small2{
  font-size: 90% !important;
}


.width50{ width:50px !important;}
.width100{ width:100px !important;}
.width150{ width:150px !important;}
.width200{ width:200px !important;}

.flotando {
    float:left;	
    width:100%; 
    display:inline;
    margin-top:2px;
    margin-bottom:3px;
}

.form-container
{
	margin-top:30px;
}

.form-title
{
    position:absolute; z-index:850; background-color:#fff; margin:-15px 0 0 15px; padding:2px 5px 2px 5px;
	color:#db1c5f; font-size:1.3em; letter-spacing:-0.5px;
}

.DIEAnulado{color:#cd2626; }/*firebrick3*/
.DIEPendienteRevision{color:#cd8500; }/*orange3*/
.DIEPendienteAprobacion {color:#ee9a00; }/*orange2*/
.DIERevisadoNoAprobado {color:#9b30ff; }/*purple1*/
.DIESolicitudRechazada {color:#cd3700; }/*OrangeRed3*/
.DIEPendienteEmision {color:#008b8b; }/*cyan*/
.DIEPendienteEnvioSSCC {color:#b03060; }/*maroon*/
.DIEEnviadoSSCC {color:#cd950c; }/*DarkGoldenrod3*/
.DIERecibidoSSCC {color:#009acd; }/*DeepSkyBlue3*/
.DIEEntregado {color:#228b22; }/*ForestGreen*/

.microchipPendienteAsignacion {color:#ee9a00; }/*orange*/
.microchipDIESolicitado {color:#228b22; }/*ForestGreen*/
.microchipBorrado {color:#cd3700; }/*OrangeRed3*/
.microchipInactivado {color:#cd3700; }/*VioletRed4*/
.microchipAsignadoNORegistrado{color:#009acd; }/*DeepSkyBlue3*/
.microchipAsignadoDIEAnulado{color:#cd950c; }/*DarkGoldenrod3*/

.btnBorrar{background:none; border:0px; height:24px; width:24px; background-image:url("../Images/ico_delete24.png"); cursor:pointer;}
.btnDesactivado{background:none; border:0px; height:24px; width:24px; background-image:url("../Images/ico_lock24.png"); cursor:pointer;}
.btnActivado{background:none; border:0px; height:24px; width:24px; background-image:url("../Images/ico_lock_open24.png"); cursor:pointer;}

@media (min-width: 48rem) {
    .btnBorrar {
        background: none;
        border: 0px;
        height: 32px;
        width: 32px;
        background-image: url("../Images/ico_delete.png");
        cursor: pointer;
    }

    .btnDesactivado {
        background: none;
        border: 0px;
        height: 32px;
        width: 32px;
        background-image: url("../Images/ico_lock.png");
        cursor: pointer;
    }

    .btnActivado {
        background: none;
        border: 0px;
        height: 32px;
        width: 32px;
        background-image: url("../Images/ico_lock_open.png");
        cursor: pointer;
    }
}




/***********************************************************
   ui-datepicker style
***********************************************************/
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
    display: inline-block;
}