/* 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. */
body {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f1f2f7;
    font-size: 14px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 55px;
    padding-right: 55px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

.row-spaced {
    margin-top: 1%;
}

.row-spaced-3 {
    margin-top: 3%;
}

.row-spaced-5 {
    margin-top: 5%;
}

.row-spaced-10 {
    margin-top: 10%;
}

.row-spaced-15 {
    margin-top: 15%;
}

.row-spaced-20 {
    margin-top: 20%;
}

.trava-pulo-linha {
    white-space: nowrap;
}

.row-spaced-menos {
    margin-top: -1%;
}
.row-spaced-menos-2 {
    margin-top: -2%;
}
.row-spaced-menos-3 {
    margin-top: -3%;
}
.row-spaced-menos-5 {
    margin-top: -5%;
}

.modal-header {
    /*background-color: #2544B8 !important;*/
    background-color: darkblue !important;
    color: #FFF;
}

.modal-footer {
    /*background-color: #dee2e6 !important;*/
}

h5 {
    line-height: 0 !important
}

.modal {
    vertical-align: center !important;
}

.modal-content {
    border-radius: 0.4rem;
}

.modal-hidden {
    opacity: 0;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

::-webkit-scrollbar-track-piece {
    background-color: #f1f2f7;
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #666;
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #666;
    -webkit-border-radius: 6px;
}

.modal {
    overflow: auto !important;
    padding-right: 0px !important;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 3px;
}

.botao-padrao {
    width: 6rem;
}


.botao-padrao-maior {
    width: 10.5rem;
}

.ui-widget-header {
    border: darkblue !important;
    background: darkblue !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.ui-widget.ui-widget-content {
    z-index: 9999 !important;
}

/*Autocomplete estilos*/
.ui-widget {
    font-size: 12px !important;
}

.ui-autocomplete {
    overflow-y: auto !important;
    max-height: 300px !important;
    min-height: 10px !important;
    height: 300px !important;
    overflow-x: hidden;
}

.bootbox h5 {
    line-height: 1 !important;
    font-size: 1rem;
}

.bootbox .modal-header {
    padding: 0.4rem 0.5rem;
}

.bootbox .modal-footer {
    padding: 0.4rem;
}

.bootbox .modal-footer button {
    width: 70px;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

fieldset {
    border: 1px solid #ccc;
    padding: 5px 5px 15px 25px;
    border-radius: 10px;
}

    legend {
        font-size: 14px !important;
        font-weight: bold;
        padding-left: 5px;
    }

.groupbox {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }

    .body-content {
        padding-left: 13px;
        padding-right: 13px;
    }
}

@media screen and (max-width: 988px) {
    .body-content {
        padding-left: 13px;
        padding-right: 13px;
    }
}

@media screen and (max-width: 420px) {
    .body-content {
        padding-left: 13px;
        padding-right: 13px;
    }
}