/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/*General*/
.logoFundesoft {
    max-width: 200px;
    /*margin-left: 12px;*/
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* ------------------------------------------- */
.breadcrumbs {
    border-radius: 0.3rem;
    display: inline-flex;
    overflow: hidden;
    margin-left: 20px;
}

.breadcrumbs__item {
    background: #ffffff8c;
    color: #333;
    outline: none;
    padding: 0.75em 0.75em 0.75em 1.25em;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
}

    .breadcrumbs__item:hover:after,
    .breadcrumbs__item:hover {
        background: #ffffff;
    }

    .breadcrumbs__item:focus:after,
    .breadcrumbs__item:focus,
    .breadcrumbs__item.is-active:focus {
        background: #0e4055ad;
        color: white;
    }

    .breadcrumbs__item:after,
    .breadcrumbs__item:before {
        background: #ffffff00;
        bottom: 0;
        clip-path: polygon(50% 50%, -50% -50%, 0 100%);
        content: "";
        left: 100%;
        position: absolute;
        top: 0;
        transition: background 0.2s linear;
        width: 1em;
        z-index: 1;
    }

    .breadcrumbs__item:before {
        background: white;
        margin-left: 1px;
        opacity: 1%;
       
    }

    .breadcrumbs__item:last-child {
        border-right: none;
    }
/* ------------------------------------------- */

/*Login*/

/*reporte usos*/
ParcialUsos {
    margin-top: 15px;
}

/*Imagen de Avatar*/
#AvatarUser {
    border-radius: 150px;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    /*font-size: 0.8rem;*/
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

/*FOOTER*/
.footer-07 {
    background: transparent;
}

    .footer-07 a {
        color: #a3de83;
    }

    .footer-07 p {
        color: white;
    }

    .footer-07 .footer-heading {
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 30px;
    }

        .footer-07 .footer-heading .logo {
            color: #fff;
        }

    .footer-07 .menu {
        margin-bottom: 30px;
    }

        .footer-07 .menu a {
            color: rgba(255, 255, 255, 0.6);
            margin: 0 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

    .footer-07 .ftco-footer-social li a {
        background: transparent;
        border: 1px solid #a3de83;
    }

.ftco-footer-social li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline-block;
}

    .ftco-footer-social li a {
        height: 40px;
        width: 40px;
        display: block;
        background: rgba(0, 0, 0, 0.05);
        border-radius: 50%;
        position: relative;
    }

        .ftco-footer-social li a span {
            position: absolute;
            font-size: 20px;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .ftco-footer-social li a:hover {
            color: #fff;
        }

.ftco-section {
    padding: 12em 0;
}

    .ftco-section h2 {
        margin-bottom: 0;
    }


/*INDEX*/
/*GRID*/
.product-grids {
    background-color: #f9f9f9
}

    .product-grids .product-grid-topbar {
        padding: 15px 20px;
        background-color: #fff;
        border-radius: 4px;
        /*border: 1px solid #eee;*/
        padding-right: 15px;
    }

@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .product-grids .product-grid-topbar {
        margin-top: 30px
    }
}

.product-grids .product-grid-topbar .product-sorting label {
    display: inline-block;
    margin: 0;
    padding: 8px 5px 8px 0;
    color: #999;
    font-size: 14px;
    font-weight: 400
}

.product-grids .product-grid-topbar .product-sorting .form-control {
    width: 100%;
    max-width: 186px;
    margin-right: 10px;
    display: inline-block
}

.product-grids .product-grid-topbar .product-sorting select.form-control:not([size]):not([multiple]) {
    height: 42px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #eee;
    padding-right: 38px;
    background-position: center right 17px;
    background-image: url(../images/Others/índice.svg);
    background-repeat: no-repeat;
    background-size: 10px 10px
}

    .product-grids .product-grid-topbar .product-sorting select.form-control:not([size]):not([multiple]):focus {
        text-decoration: none;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.product-grids .product-grid-topbar .product-sorting .total-show-product {
    display: inline-block;
    color: #888;
    font-weight: 400;
    font-size: 14px
}

@media(max-width:767px) {
    .product-grids .product-grid-topbar .product-sorting .total-show-product {
        display: block;
        margin-top: 15px
    }
}

.product-grids .product-grid-topbar .nav {
    border: none;
    float: right
}

@media(max-width:767px) {
    .product-grids .product-grid-topbar .nav {
        float: none;
        text-align: left;
        margin-top: 20px
    }
}

.product-grids .product-grid-topbar .nav button {
    border: none;
    padding: 5px 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-right: 6px;
    font-size: 16px
}

    .product-grids .product-grid-topbar .nav button.active {
        background-color: #0167f3;
        border-color: transparent;
        color: #fff
    }

    .product-grids .product-grid-topbar .nav button:last-child {
        margin: 0
    }

.section {
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/* Section Title */
.section-title {
    text-align: center;
    margin-bottom: 40px;
    padding: 0px 300px;
    position: relative;
    z-index: 5;
    position: relative;
}

    .section-title h2 {
        font-size: 30px;
        line-height: 35px;
        text-transform: capitalize;
        position: relative;
        font-weight: 800;
        padding-bottom: 20px;
        margin-bottom: 20px;
        position: relative;
    }

        .section-title h2::before {
            position: absolute;
            left: 50%;
            bottom: 0;
            content: "";
            background-color: #0167F3;
            height: 2px;
            width: 50px;
            margin-left: -25px;
            border-radius: 2px;
        }

    .section-title p {
        font-size: 14px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title {
        padding: 0px 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title {
        padding: 0px 20px;
        margin-bottom: 30px;
    }

        .section-title h3 {
            font-size: 14px;
        }

        .section-title h2 {
            font-size: 24px;
            line-height: 32px;
            margin-bottom: 20px;
        }

        .section-title p {
            font-size: 14px;
        }
}

@media (max-width: 767px) {
    .section-title {
        padding: 0px 10px;
        margin-bottom: 25px;
    }

        .section-title h3 {
            font-size: 14px;
        }

        .section-title h2 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 18px;
        }

        .section-title p {
            font-size: 14px;
        }
}

.section-title.align-right {
    padding: 0;
    padding-left: 600px;
}

    .section-title.align-right h2:before {
        display: none;
    }

    .section-title.align-right h2:after {
        position: absolute;
        right: 0;
        bottom: -1px;
        height: 2px;
        width: 50px;
        background: #0167F3;
        content: "";
    }

.section-title.align-left {
    padding: 0;
    padding-right: 600px;
}

    .section-title.align-left h2:before {
        left: 0;
        margin-left: 0;
    }

/* Single Product*/
.single-product {
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-top: 30px;
    -webkit-box-shadow: 0px 0px 20px #00000012;
    box-shadow: 0px 0px 20px #00000012;
    padding: 8px;
    background: #fff;
}

    .single-product .product-image {
        overflow: hidden;
        position: relative;
    }

        .single-product .product-image .sale-tag {
            background: #f73232;
            border-radius: 2px;
            font-size: 12px;
            color: #fff;
            font-weight: bold;
            position: absolute;
            top: 0;
            padding: 5px 10px;
            left: 0;
            z-index: 22;
        }

        .single-product .product-image .new-tag {
            background: #0167F3;
            border-radius: 2px;
            font-size: 12px;
            color: #fff;
            font-weight: bold;
            position: absolute;
            top: 0;
            padding: 5px 10px;
            left: 0;
            z-index: 22;
        }

        .single-product .product-image .button {
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: -60px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            opacity: 0;
            visibility: hidden;
        }

            .single-product .product-image .button .btn {
                padding: 12px 20px;
                font-size: 13px;
                font-weight: 600;
                width: 140px;
            }

                .single-product .product-image .button .btn i {
                    font-size: 18px;
                    position: relative;
                    top: 2px;
                }

        .single-product .product-image img {
            width: 100%;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    .single-product:hover .product-image .button {
        bottom: 30px;
        opacity: 1;
        visibility: visible;
    }

    .single-product:hover .product-image img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .single-product .product-info {
        padding: 20px;
        background-color: #fff;
    }

        .single-product .product-info .category {
            color: #888;
            font-size: 13px;
            display: block;
            margin-bottom: 2px;
        }

        .single-product .product-info .title a {
            font-size: 16px;
            font-weight: 700;
            color: #081828;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .single-product .product-info .title a {
        font-size: 15px;
    }
}

.single-product .product-info .title a:hover {
    color: #0167F3;
}

.single-product .product-info .review {
    margin-top: 5px;
}

    .single-product .product-info .review li {
        display: inline-block;
    }

        .single-product .product-info .review li i {
            color: #fecb00;
            font-size: 13px;
        }

        .single-product .product-info .review li span {
            display: inline-block;
            margin-left: 4px;
            color: #888;
            font-size: 13px;
        }

.single-product .product-info .price {
    margin-top: 15px;
}

    .single-product .product-info .price span {
        font-size: 17px;
        font-weight: 700;
        color: #0167F3;
        display: inline-block;
    }

    .single-product .product-info .price .discount-price {
        margin: 0;
        color: #aaaaaa;
        text-decoration: line-through;
        font-weight: normal;
        margin-left: 10px;
        font-size: 14px;
        display: inline-block;
    }

.button .btn {
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 30px;
    background-color: #0e4055;
    color: #fff;
    border: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    margin-right: 7px;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .button .btn {
        padding: 12px 25px;
        font-size: 14px;
        font-weight: 500;
    }
}

@media (max-width: 767px) {
    .button .btn {
        padding: 12px 25px;
        font-size: 14px;
        font-weight: 500;
    }
}

.button .btn i {
    display: inline-block;
    margin-right: 5px;
}

.button .btn:last-child {
    margin: 0;
}

.button .btn:hover {
    color: #fff;
    background-color: #081828;
    -webkit-box-shadow: 0px 4px 4px #0000000f;
    box-shadow: 0px 4px 4px #0000000f;
}

.button .btn-alt {
    background-color: #081828 !important;
    color: #fff !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .button .btn-alt {
        padding: 12px 25px;
        font-size: 14px;
        font-weight: 500;
    }
}

@media (max-width: 767px) {
    .button .btn-alt {
        padding: 12px 25px;
        font-size: 14px;
        font-weight: 500;
    }
}

.button .btn-alt:hover {
    background-color: #0167F3 !important;
    color: #fff !important;
}
/* End Single Product */
/*GRID*/

.floating {
    background-color: rgb(0 0 0 / 28%);
    border-radius: 5px;
}


.textoCentrado {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.titulo {
    font-size: 40px;
    color: white;
}

.ImagenIndexFinca {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Finca.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexParcela {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Usuarios.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexHome {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Home.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexCategoria {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Categoria.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexCausa {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Causa.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexClasificacion {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Clasificacion.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexEspecies {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Especies.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexMaderable {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Maderable.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexMedicionParcela {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/MedicionP.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexMonitoreoAnimal {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Monitoreo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexReforestacion {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Reforestacion.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexSilvestre {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Headers/header_reforestacion_finca.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexUsuario {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Usuarios.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexTipoUsuario {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/TipoUsuario.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexPaginas {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/Paginas.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexTUP {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/TUP.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ImagenIndexRegistroUso {
    background-image: linear-gradient(rgba(42, 42, 44, 0.5), rgba(29, 84, 14, 0.25)), url("../images/Background/RegUso.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.botonCerrar {
    color: white;
    line-height: 1.4;
    border: none;
    border-radius: 100px;
}


.botonCrear {
    background-color: #0e4055;
    color: white;
    line-height: 1.4;
    border: none;
    border-radius: 100px;
}

    .botonCrear:hover {
        background-color: #092c3a;
        color: white;
        line-height: 1.4;
        border: none;
        border-radius: 50px;
    }

    .botonCrear:active {
        background-color: #91c750 !important;
        border: none;
    }

.boton-agregar-finca {
    background-color: white !important;
    border-radius: 100%;
    border: none;
    padding: 6px 10px;
}

    .boton-agregar-finca:focus {
        box-shadow: none;
    }

.boton-delete {
    color: #747474c7 !important;
    background-color: #8080801f !important;
    border-radius: 100%;
    border: none;
    padding: 6px 10px;
    font-size: small;
}

    .boton-delete:hover {
        background-color: #8080803d !important;
    }

.boton-list {
    color: #747474c7 !important;
    background-color: #8080801f !important;
    border-radius: 100%;
    border: none;
    margin: 0 5px;
    padding: 6px 10px;
    font-size: small;
}

    .boton-list:hover {
        background-color: #8080803d !important;
    }

.boton-edit {
    color: #747474c7 !important;
    background-color: #8080801f !important;
    border-radius: 100%;
    border: none;
    padding: 6px 10px;
    font-size: small;
}

    .boton-edit:hover {
        background-color: #8080803d !important;
    }

/* Boton Crear */

.btnActions {
    display: inline-block;
    position: relative;
    min-width: 90px;
}

.dropdown-content-index {
    display: none;
    position: absolute;
    width: 100%;
    box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.4);
    z-index: 1;
    background: white;
}

.btnActions:hover .dropdown-content-index {
    display: block;
}

.dropdown-content-index a {
    display: block;
    padding: 5px;
    text-decoration: none;
}

    .dropdown-content-index a:hover {
        color: #FFFFFF;
    }

.fondoBlanco {
    background-color: white;
}
/* CSS */
.buttonIndex {
    background-color: #fff;
    border: 1px solid #d5d9d9;
    border-radius: 8px;
    box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
    box-sizing: border-box;
    color: #6d9f2f;
    cursor: pointer;
    display: inline-block;
    font-family: "Amazon Ember",sans-serif;
    font-size: 13px;
    line-height: 29px;
    padding: 0 10px 0 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    width: 100px;
    margin-top: 20px;
}

    .buttonIndex:hover {
        background-color: #f7fafa;
        color: #b1bfa8;
        text-decoration: none;
    }

    .buttonIndex:focus {
        border-color: #008296;
        box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
        outline: 0;
    }


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle !important;
    text-align: center;
}

.top-information,
.bottom-information {
    padding: 0 20px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    background-color: #29cc97;
    top: 14px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border: 0;
    font-weight: bold;
    box-shadow: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background-color: #fec400;
}

/*WARNING ALERT*/
.alert {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);
    display: table;
    width: 100%;
    margin-top: 30px;
}

.alert-white {
    background-image: linear-gradient(to bottom, #fff, #f9f9f9);
    border-top-color: #d8d8d8;
    border-bottom-color: #bdbdbd;
    border-left-color: #cacaca;
    border-right-color: #cacaca;
    color: #404040;
    padding-left: 61px;
    position: relative;
}

    .alert-white.rounded {
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .alert-white.rounded .icon {
            border-radius: 3px 0 0 3px;
            -webkit-border-radius: 3px 0 0 3px;
        }

    .alert-white .icon {
        text-align: center;
        width: 45px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #bdbdbd;
        padding-top: 15px;
    }


        .alert-white .icon:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            display: block;
            content: '';
            width: 10px;
            height: 10px;
            border: 1px solid #bdbdbd;
            position: absolute;
            border-left: 0;
            border-bottom: 0;
            top: 50%;
            right: -6px;
            margin-top: -3px;
            background: #fff;
        }

        .alert-white .icon i {
            font-size: 20px;
            color: #fff;
            left: 12px;
            margin-top: -10px;
            position: absolute;
            top: 50%;
        }

    .alert-white.alert-warning .icon,
    .alert-white.alert-warning .icon:after {
        border-color: #d68000;
        background: #fc9700;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #f1daab;
    color: #c09853;
    font-size: 20px;
}

.btn-close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

    .btn-close:focus,
    .btn-close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5
    }

button.btn-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

/*EDIT - DETAILS*/
#ImagenEdit-Details {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*EDIT - DETAILS*/

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel {
    margin-bottom: 4rem;
}

.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

.carousel-control-prev:focus {
    border: none !important;
}

.carousel-control-next:focus {
    border: none !important;
}

.carousel-title-container {
    background-color: #00000040;
    height: 100px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.carousel-item {
    height: 32rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 300px) {
    .carousel-caption h1 {
        color: white;
        font-size: 18px;
    }

    .carousel-caption p {
        margin: 8px;
        font-size: 8px;
        line-height: 1.4;
        color: white;
        text-transform: uppercase;
        letter-spacing: 4px;
    }
}

@media (min-width: 700px) {

    .carousel-item {
        max-height: 28rem;
    }
}

@media (min-width: 900px) {

    .carousel-item {
        max-height: 32rem;
    }

    .carousel-caption h1 {
        font-size: 20px;
    }

    .carousel-caption p {
        font-size: 9px;
    }
}

@media (min-width: 1120px) {

    .carousel-item {
        min-height: 12rem;
    }

    .carousel-caption h1 {
        font-size: 28px;
    }

    .carousel-caption p {
        font-size: 10px;
    }
}

.z-index100 {
    z-index: 100 !important;
}

.opacity-7 {
    opacity: 0.7;
}

.bottom-auto {
    bottom: auto !important;
}

.text-ocean-blue {
    color: #0e4055 !important;
}

.with-20px{
    width: 20px !important;
}

label.error {
    color: red;
    font-size: 1rem;
    display: block;
    margin-top: 5px;
}
.homecard-body {
    color: #003e59;
    background-color: #0e40551a;
}
.text-color {
    color: #003e59;
}
.modal-form {
    width: 100%;
    text-align: start
}