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

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

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}*/
.button-container {
    display: flex;
}

.button-container > div {
    margin-right: 5px; /* Ajusta el margen según tus necesidades */
}
.button-container .btn {
    flex: 1;
}









/* 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. */

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

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

.btn-primary {
    color: #fff;
    background-color: #8badd0;
    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;
}

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


.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {*/
    /*    border-top: 4px solid #000000;
    border-bottom: 4px solid #000000;
    padding: 6px 0px;*/
    /*background-color: lightgray;
}


.padd-right {
    padding-right: 30px;
}

.video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -99999;
    filter: opacity(60%);
}

.image {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
}

.footer {
    z-index: 9999;
    background-color: white;
}


.btn-info {
    background-color: #00a7e8;
}

    .btn-info:hover {
        background-color: #333333;
    }


#gridContainer {
    height: 527px;
}


a.disabled {
    pointer-events: none;
    cursor: default;
}


.chunk-panel {
    width: 505px;
    height: 165px;
    overflow-y: auto;
    padding: 18px;
    margin-top: 40px;
    background-color: rgba(191, 191, 191, 0.15);
    align-content: center;
}

.segment-size,
.form-container {
    padding: 20px;
    font-size-adjust: inherit;
}

.address-form label {
    font-weight: bold;
}


#shipphingPanel {
    padding: 10px;
}




.buttonSetup {
    background-color: white;
    color: black;
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;*/ /* Safari */
    /*transition-duration: 0.4s;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

    .buttonSetup:hover {
        background-color: #e7e7e7;
    }



.btn {
    max-height: 36px;
    padding: 4px 18px 8px;
}



#buttonSend {
    width: auto !important;
}


.dx-field-item-label-location-top {
    font-weight: bold !important;
}*/


/* 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. */

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

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

.btn-primary {
    color: #fff;
    background-color: #8badd0;
    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;
}

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


.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {*/
    /*    border-top: 4px solid #000000;
    border-bottom: 4px solid #000000;
    padding: 6px 0px;*/
    /*background-color: lightgray !important;
}


.padd-right {
    padding-right: 30px;
}

.video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -99999;
    filter: opacity(60%);
}

.image {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
}

.footer {
    z-index: 9999;
    background-color: white;
}


.btn-info {
    background-color: #00a7e8;
}

    .btn-info:hover {
        background-color: #333333;
    }


#gridContainer {
    height: 527px;
}


a.disabled {
    pointer-events: none;
    cursor: default;
}


.chunk-panel {
    width: 505px;
    height: 165px;
    overflow-y: auto;
    padding: 18px;
    margin-top: 40px;
    background-color: rgba(191, 191, 191, 0.15);
    align-content: center;
}

.segment-size,
.form-container {
    padding: 20px;
    font-size-adjust: inherit;
}

.address-form label {
    font-weight: bold;
}


#shipphingPanel {
    padding: 10px;
}




.buttonSetup {
    background-color: white;
    color: black;
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;*/ /* Safari */
    /*transition-duration: 0.4s;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

    .buttonSetup:hover {
        background-color: #e7e7e7;
    }



.btn {
    max-height: 36px;
    padding: 4px 18px 8px;
}



#buttonSend {
    width: auto !important;
}


.dx-field-item-label-location-top {
    font-weight: bold !important;
}


.bg-dark {
    background-color: #53595e !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.navbar-dark:hover .navbar-nav:hover .nav-link:hover {
    color: #f4bc04;
}


.alert {
}



.container {
    max-width: 90%;
}



.wrap {
    white-space: break-spaces;
}



.hidden {
    display: none;
}




.btn-link {
    padding: 0.5rem 1rem;
}


.btn-primary {
    color: #fff;
    background-color: #145E75;
    background-color: #145E75;
}


    .btn-primary:hover {
        color: black;
        background-color: #145E75;
        opacity: 0.7;
        border-color: #145E75;
    }

.dx-button-success {
    color: #fff;
    background-color: #145E75 !important;
    background-color: #145E75;
}


    .dx-button-success:hover {
        color: black;
        background-color: #145E75;
        opacity: 0.7;
        border-color: #145E75;
    }*/
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* 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 {
    font-size: 14px;
}

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

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}


@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 90%;
    }
}




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

#detailPanel {
    padding: 10px;
}


video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -99999;
    filter: opacity(100%);
}


.img_hero {
    text-align: center;
    margin: auto;
    display: block;
}

.padd-right {
    padding-right: 30px;
}


.bg-bemel {
    background-color: #fff !important;
}