#app {
    height: 88%;
}

#map,
#body,
.row,
#content,
#conteudo {
    height: 100%;
}

#container {
    height: calc(100% - 52px);
}

.container-fluid {
    padding: 0px;
}

nav.navbar.navbar-default {
    padding: 0px 10px;
}

.row {
    margin: 0px;
}

.control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-group {
    margin-bottom: 15px;
    display: flex;
    position: relative;
}

.menu-map {
    z-index: 100;
    padding-top: 5px;
    position: absolute;
    background: #fff;
    height: calc(100% - 52px);
    overflow: auto;
    right: 0;
}

.loadingPage {
    text-align: center;
    top: 40%;
    position: relative;
    color: #B7B7B7;
    font-size: 20px;
    z-index: 100;
    height: 0px;
}

.menu-map .botoes {
    margin-top: 40px;
}

.buttonMenu {
    height: 37px;
    width: 45px;
    background-color: #5F84F2;
    position: absolute;
    right: 0px;
    z-index: 4;
    top: 135px;
    border-radius: 4px 0px 0px 4px;
    color: white;
    padding: 6px 16px 10px;
    cursor: pointer;
}

.buttonMenuView {
    height: 37px;
    width: 45px;
    background-color: #5F84F2;
    position: absolute;
    right: 0px;
    z-index: 4;
    top: 180px;
    border-radius: 4px 0px 0px 4px;
    color: white;
    padding: 3px 12px 10px;
    cursor: pointer;
    font-size: 21px;
}
.buttonMenuPedidos {
    height: 37px;
    width: 45px;
    background-color: #5F84F2;
    position: absolute;
    right: 0px;
    z-index: 4;
    top: 225px;
    border-radius: 4px 0px 0px 4px;
    color: white;
    padding: 5px 13px 10px;
    cursor: pointer;
    font-size: 18px;
}

.ocultar-menu-map {
    float: right;
    font-family: monospace;
    font-size: 20px;
    margin-top: -3px;
    padding: 0px 15px;
    cursor: pointer;
}

.label-menu-map {
    width: 100%;
    border-bottom: solid 1px #D6D6D6;
    font-size: 18px;
    font-weight: 700;
    color: #949494;
    padding-bottom: 5px;
}

.opacity-map {
    display: none;
    position: absolute;
    width: 100%;
    height: calc(100% - 52px);
    z-index: 5;
    background-color: rgba(62, 62, 62, 0.62);
}

.font-bold {
    font-weight: 700;
}

#tableView{
    margin-bottom: 80px;
}
.dataTables_length select{
    padding: 5px;
}
#divImprimir{
    display: none;
    font-size: 7px;
    font-family: "Lucida Console", Monaco, monospace;
}
@media print {
    body * {
        visibility: hidden;
    }
    a,a[href]:after,.gm-style-cc,table#tableView *,.loadingPage *,#tableView *{
        visibility: hidden;
        display: none;
        opacity: 0;
        position:absolute;
        height: 0px;
        width: 0px;
    }
    #map *{
        width: 100%;
        height: 100%;
        opacity: 1;
        display: table;
        visibility: visible;
    }
    #divImprimir{
        display: block;
    }
    #divImprimir *{
        visibility: visible;
    }
    #tabela-imprimir>tfoot{
        border-top:solid 1px #DDD;
    }
    #tabela-imprimir,#cabecalhoImpressao .table{
        display: table;
        visibility: visible;
    }
    .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
        padding: 0px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 0px;
    }
    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 1px solid #ddd;
    }

    table {
        page-break-inside: always;
    }
    table tr{
        page-break-inside: always;
    }

    .cabecalhoImpressao{
        display: table;
        page-break-before:always;
    }
    .page-break { page-break-after:always;}
}

.toolbarImprimir {
    float: right;
}

.toolbarImprimir button {
    margin: 3px;
}

.span-color-1 {
    color: aqua;
    font-weight: 700;
}

.span-color-2 {
    color: brown;
    font-weight: 700;
}

.span-color-3 {
    color: dodgerblue;
    font-weight: 700;
}

.span-color-4 {
    color: coral;
    font-weight: 700;
}

.txt-infowindow {
    font-size: 15px;
    color: #737373;
    font-family: sans-serif;
}
/*
.newToolbar{
    display: table;
    width: 100%;
    border: solid 2px #DDD;
    border-bottom: none;
    padding: 4px 4px;
    background-color: #ECECEC;
}
*/

/*=== plugin select2 =*/
span.select2-selection.select2-selection--multiple {
    border: 1px solid #CCC;
}
/*=== fim select2 ==*/

#tabelaPedidos>tfoot>tr>th {
    padding: 7px 5px 4px 7px !important;
}
div#tbl-cidade_length {
    margin: 5px;
}