/* CSS Document */



body {

    margin: 0px;

    padding: 0px;

    background-color: #eaeef3;

}
.btn_n { width:100% ;display: inline-block;
  background-color: #e45e27;
  padding: 10px;
  text-align: center;
  color: #fff !important;
  border-radius: 5px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
}
.btn_n:hover{ opacity: 0.8;}



.btn_a {width:100% ;display: inline-block;
  background-color: #41b3ff;
  padding: 10px;
  text-align: center;
  color: #fff !important;
  border-radius: 5px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
}
.btn_a:hover{ opacity: 0.8;}


.wha {
  display: inline-block;
  font-size: 21px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  background-color: #0dc143;
  line-height: 30px !important;
  position: relative;
  top: 1px;
  left: -5px;
}
.his{color: #00406b; font-size: 20px; text-transform: uppercase;font-weight: 300;}
.ico_con{    font-size: 23px;
  position: relative;
  left: -4px;
  top: 5px;
  color: #e45e27;}


  .ico_con2{    font-size: 23px;
    position: relative;
    left: -4px;
    top: 3px;
    color: #e45e27;}
  
.caja_con{ background-color: #0071a3; max-width: 300px; width:100%; padding: 20px; color: #fff; font-size: 30px; font-weight: 600;}
.mar_in{ margin-bottom: 6px;}

.car {
  border: solid 1px #9b9b9b;
  width: 100%;
  border-radius: 10px;
}
 
.img_car {
  margin-top: -80px;
  width: 150px;
  padding-top: 15px;
  border-radius: 50%;
  border: solid 1px #c5c5c5;
  background-color: #fff;
}
.conte_paginacion {

    display: inline-block;

    width: 100%;

}



.pagination {

    margin-top: 15px;

    float: right;

}



.ncon {

    float: left;

    position: relative;

    top: 30px;

    left: 15px;

}



.cursor_pointer {

    color: red;

    cursor: pointer;

}



.caja_pasarela {

    height: 430px;

    overflow-y: scroll;

}



.custom-select {

    padding: 8px;

    border-radius: 5px;

}



.capa_bus {

    display: none;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    z-index: 1000;

    left: 0;

    background-color: rgb(0 0 0 / 23%);

    cursor: auto;

}



.caja_r_bus {

    width: 150%;

    left: -25%;

    position: absolute;

    top: 40px;

    height: 400px;

    z-index: 100;

    padding: 10px;

    box-shadow: 0 0 7px 2px hsla(0, 0%, 59%, 0.2);

    background-color: #fff;

    overflow-y: scroll;

    display: none;

    z-index: 999999;

}



.caja_r_bus a {

    font-size: 13px;

    text-align: left;

}



.caja_b_1 {

    width: 10%;

    display: inline-block;

}



.caja_b_2 {

    width: 70%;

    display: flex;

    justify-content: left;

    align-items: center;

    height: 63px;

}



.caja_b_3 {

    color: #0071a3;

    font-size: 14px;

    width: 10%;

    display: flex;

    justify-content: right;

    align-items: center;

}



.nodes {

    display: block;

}



.nores {

    display: none;

}

.add_carx1 {
  border: 0;
  font-size: 16px; 
  background: #41b3ff;
  color: #ffffff;
  display: inline-block;
  height: auto;
  padding: 9px 0px;
  text-align: center;
  text-transform: uppercase;
  width: 100%; margin-bottom: 10px;border-radius: 8px;
}

.add_carx2 {
  border: 0;
  font-size: 16px; 
  background: #00406b;
  color: #ffffff;
  display: inline-block;
  height: auto;
  padding: 9px 0px;
  text-align: center;
  text-transform: uppercase;
  width: 100%; margin-bottom: 10px; border-radius: 8px;
}


.add_carx1:hover{ opacity: 0.7; color: #ffffff; }
.add_carx2:hover{ opacity: 0.7; color: #ffffff; }


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



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



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



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



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

    .nodes {

        display: none;

    }

    .nores {

        display: block;

    }

}



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



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



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