/* STYLE TRASLADOINTERNACIONALMASCOTAS.COM/ADMIN */

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

body{
  font-family: 'poppins', sans-serif !important;
}

:root{
  --rojo: #FF1000;
  --negro: #1d1d1d;
  --gris1: #d1d1d1;
  --gris2: #ebebeb;
  --gris3: #818181;
  --blanco: #fff;
  --verde: #01b801;

}

.under_negro{text-decoration: underline 2px solid var(--negro)}
.under_rojo{text-decoration: underline 2px solid var(--rojo)}

._small1{font-size: 0.75em;}
._small{font-size: 0.8em;}
._small2{font-size: 0.6em !important;}

.font_poppins{font-family: 'poppins', sans-serif;}

/* font-family: 'Arial Bold', sans-serif; */

.bg_blanco{background-color: var(--blanco) !important;}
.bg_gris1{background-color: var(--gris1) !important;}
.bg_gris2{background-color: var(--gris2) !important;}
.bg_rojo{background-color: var(--rojo) !important;}
.bg_negro{background-color: var(--negro) !important;}
.bg_verde{background-color: var(--verde) !important;}

.bg_success{background-color: #198754 !important;}
.bg_warning{background-color: #ffc107 !important;}
.bg_danger{background-color: #dc3545 !important;}

.text_gris1{color: var(--gris1);}
.text_gris2{color: var(--gris2);}
.text_gris3{color: var(--gris3);}
.text_rojo{color: var(--rojo);}
.text_negro{color: var(--negro);}
.text_verde{color: var(--verde);}

.border_rojo{border-color: var(--rojo) !important;}

.color_white{color: #fff;}
.colo_azul1{color:#1e90ff !important; }

.w_full{width: 100%;}
.h_full{height: 100%}
.h_200{height: 200px}
.mh_200{max-height: 200px}
.mh_300{max-height: 300px}
.mh_400{max-height: 400px}

._small{
  font-weight: 200;
  font-size: 0.8em;
  font-style: italic;
}

.w_100{width:100%}

body{
  font-family: 'Arial';
  text-align: center;
}

.mw{
  max-width: 1200px !important;
  margin: auto;
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.mw1600{
  max-width: 1600px !important;
  margin: auto;
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

#main{
  margin-top:30px;
  text-align: left;
}

.img{
  width: 100%;
  object-fit:cover;
}

.img1{
  object-fit:contain;
  max-height: 200px;
}

@media print {
  .no_print{ display:none; }
  #main{ margin-top: 0px !important; }
  .no_mt {margin-top: 0px !important; }
  .no_pt {padding-top: 0px !important; }
}

/* ocultar thead en mobile */
@media screen and (max-width: 575px){
  .thead{display:none}
}

.span_inline_block{display: inline-block !important;}
/* ************************************************************** */

.header{
  padding: 1.3em;
  background-color: #fff;
}

.title1{
  font-family: 'Arial';
  font-weight: 600;
  font-size: 3em;
  line-height: 1em;
  margin-top: 10px;
}

.subtitle{
  font-family: 'poppins', sans-serif;
  font-weight: 500;
  font-size: 1.1em;
  color: var(--rojo);
}
/* ************************************************************** */
/* navbar menu */
.link{
  color: var(--negro) !important;
}

.link:hover{
  color: var(--rojo) !important;
  background-color: var(--blanco);
  cursor: pointer;
}
/* ************************************************************** */
/* tables */
.td_color{
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.td_cont_green{
  background-color: green;
  width: 100%;
}

.td_cont_grey{
  background-color: #eee;
  width: 100%;
}

/* ************************************************************** */
/* .serv_box_img{
  width:100%;
  max-height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
} */


.collapsible {
  /* background-color: white; */
  cursor: pointer;
  /* padding: 10px 5px; */
  width: 100%;
  /* border: none; */
  /* border-bottom: solid lightgrey 1px; */
  text-align: left;
  /* outline: none; */
  /* font-size: 15px; */
}

.active, .collapsible:hover {
  /* background-color: lightgrey; */
}

.collapsible:after {
  content: url('../../../images/icons/arrow-down-grey.svg');
  color: var(--rojo);
  font-weight: bold;
  float: right;
  margin-left: 15px;
  /* margin-top: 15px; */
  /* margin-bottom: 10px; */
}

@media screen and (max-width: 769px){

  .collapsible:after {
    margin-top: 7px;
    /* margin-bottom: 10px; */
  }

}

.active:after {
  content: url('../../../images/icons/arrow-up-grey.svg');
}

.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.hover_lightred:hover{
  background-color: rgb(243, 243, 243);
}

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

a:link {color: white;}
a:link {color: inherit;}
a:visited {color: inherit;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

a:hover{color: var(--rojo) !important;}

.cp{cursor:pointer}
.ca{cursor:default}

.w_100{width: 100%;}
/** NO SPINNER EN INPUT NUMBER ********************************** */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* ************************************************************** */
/* SPINNER BOOTSTRAP */
.sp1-container{
  width: 100%;
  height: 200px;
  text-align: center;
  position: relative;
}

.sp1{
  width: 200px;
  height: 100%;
  /* color: var(--negro) !important; */
}

.spinner_logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: arial, sans-serif;
  font-weight: 600;
  font-size: 60px;
  color: var(--gris2);
}

/* ********************************************************************* */
 /* Container holding the image and the text */
 .cont_img {
  position: relative;
  /* text-align: center; */
  /* color: white; */
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}