@import "./bootstrap.min.css";
@import "../../../node_modules/bootstrap-icons/font/bootstrap-icons.css";
/* jeje */
@import "tailwindcss";
.errorlist {
    color: red !important;
    font-weight: bold;
    list-style-type: none;
}
.activeoff {
    outline: none;
  }
  
.redbutton {
    outline: none !important;
    border: none !important;
}

.fa.fa-remove.focus-exit:hover {
    color: #5e6165 !important;
}

.redbutton:hover {
    background-color: #763140 !important;
}

.ma_form{
    width: 90%;
}

.text_guinda {
    color: #691C32;
}

.btn_guinda {
    background-color: #691C32;
    color: #ffffff;
}

/* Extra extra Large */

@media only screen and (min-width: 1400px) {
    .card-responsive {
        width: 66%;
    }
    .search_tamaño{
        width: 33%;
    }
}

/* Extra Large */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .card-responsive {
        width: 66%;
    }
    .search_tamaño{
        width:40%;
    }
}

/* Large */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .card-responsive {
        width: 75%;
    }
    .search_tamaño{
        width: 50%;
    }
}

/* Medium */

@media only screen and (min-width: 768px ) and (max-width: 991px) {
    .card-responsive {
        width: 75%;
    }
    .search_tamaño{
        width: 65%;
    }
}

/* Small */

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .card-responsive {
        width: 75%;
    }
    .search_tamaño{
        width: 80%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .margin-colums-mobile {
        margin-top: 3vh;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .select-file {
        font-size: 75%;
    }
}

/* Extra Small */

@media only screen and (max-width: 575px) {
    .card-responsive {
        width: 75%;
    }
}

@media only screen and (max-width: 575px) {
    .margin-colums-mobile {
        margin-top: 3vh;
    }
}

@media only screen and (max-width: 575px) {
    .select-file {
        font-size: 50%;
    }
}

.input-wrapper {
	position: relative;
}

.input{
    padding-left: 6vw;
}

.input-icon {
	color: #191919;
	position: absolute;
    padding-left: 2vw;
	left:1px;
	top: 50%;
	transform: translateY(-50%);
    font-size: x-large;
    border:none;
    background:transparent;
}

--guinda {
    color: #691C32
}