/*
DESENVOLVIDO POR BRAVO CREATIVE
http://bravocreative.com.br
Bravo Framework 2.0.1
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,700,800');

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font: inherit;
    vertical-align: baseline;
}

    table tbody td, table tbody th {
        font-size: 12px;
    }
/* 
corrigindo um valor herdado do site.css (max-width: 280px; Se encontrar o original pode apagar aqui e no original.
*/
input, select, textarea {
    max-width: 100% !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display: block;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}



body, h1, h2, h3, h4, h5, h6, li, p, a, input, span, div {
    font-family: 'Raleway', sans-serif;
}

[class*="column"] + [class*="column"]:last-child {
    float: left;
}

.row {
    max-width: 100%;
    padding: 0 80px;
    width: 100%;
}

.columns {
    padding: 0;
}








#header {
    background: #01213c;
    border-top: 2px solid #2784e1;
    padding: 0 0;
    height: 90px;
}

    #header .medium-4 {
        display: flex;
        align-items: center;
        height: 90px;
    }

#conteudo-app #topo {
    background: url(../images/imagem-topo.jpg) no-repeat center center;
    background-size: cover;
    height: 90px;
    display: flex;
    align-items: center;
    width: 100%;
}

    #conteudo-app #topo h1 {
        color: white;
        font-size: 32px;
        font-weight: 700;
        text-transform: uppercase;
    }





#app-view {
    padding: 40px;
    min-height: calc(100vh - 250px);
}

    #app-view #menu {
        padding-right: 30px;
    }

        #app-view #menu li .titulo-pai {
            width: 100%;
            height: 50px;
            background: #f4f4f4 url(../images/setinha-azul.png) no-repeat 15px center;
            display: block;
            display: flex;
            align-items: center;
            padding-left: 35px;
            margin-bottom: 8px;
            color: #333;
            font-size: 15px;
            font-weight: 600;
            line-height: 14px;
            padding-right: 20px;
            transition: all 0.4s ease-in;
            cursor: pointer;
        }

            #app-view #menu li .titulo-pai:hover, #app-view #menu li .titulo-pai.ativo {
                background: #01213c url(../images/setinha-branca.png) no-repeat 15px center;
                color: white;
            }

    #app-view .elemento-form {
        padding: 0;
    }



    #app-view #conteudo label {
        color: #01213c;
        font-family: Raleway;
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        display: inline-flex;
        align-items: center;
        margin-bottom: 5px;
    }


        #app-view #conteudo label i {
            color: #7f7f7f;
            font-size: 20px;
            font-weight: 400;
            margin-right: 8px;
            margin-left: 4px;
        }

    #app-view #conteudo input, #app-view #conteudo select {
        margin-bottom: 20px;
        background: white;
        box-shadow: none;
        border: 1px solid #d7dcdf;
        transition: all 0.3s;
        cursor: pointer;
        font-size: 14px;
    }

        #app-view #conteudo input:hover {
            background: #fafafa;
        }

    #app-view #conteudo select {
        background: white url(../images/seta-select.png) no-repeat right 4px center;
        cursor: pointer;
    }

        #app-view #conteudo select:hover {
            background: #fafafa url(../images/seta-select.png) no-repeat right 4px center;
        }


    #app-view .elemento-form {
        padding: 5px 30px;
    }

    #app-view .elemento-form-lateral {
        padding: 0px 10px;
    }

    #app-view #conteudo .botao-adicionar {
        height: 40px;
        background-color: #7f7f7f;
        display: block;
        width: 100%;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s;
    }

        #app-view #conteudo .botao-adicionar:hover {
            background-color: #ddd;
        }

    #app-view #conteudo input[type=submit].cancelar {
        background: #bbb;
        border-radius: 0;
        float: left;
        width: 50%;
    }

        #app-view #conteudo input[type=submit].cancelar:hover {
            background: #e10202;
        }

    #app-view #conteudo input[type=submit].acao-extra {
        background: #bbb;
        border-radius: 0;
        float: left;
        width: 32%;
    }

        #app-view #conteudo input[type=submit].acao-extra:hover {
            background: #ffae42;
        }

    #app-view #conteudo input[type=submit].salvar {
        background: #27aa2d;
        border-radius: 0;
        float: left;
        width: 50%;
    }

        #app-view #conteudo input[type=submit].salvar:hover {
            background: #00ce0f;
        }

    #app-view #conteudo .botao-adicionar i {
        font-size: 20px;
        font-weight: 400;
        line-height: 38px;
        color: white;
        transition: all 0.3s;
        display: inline-block;
        line-height: 40px;
    }

    #app-view #conteudo .botao-adicionar:hover i {
        color: #7f7f7f;
    }



#menu-perfil {
    float: right;
}

    #menu-perfil span, #menu-perfil .nome-usuario {
        color: white;
        float: left;
        display: inline-flex;
        align-items: center;
        font-size: 11px;
        font-weight: 500;
    }

#menu-perfil {
    height: 90px;
}

    #menu-perfil .logo-empresa, #menu-perfil .botao-perfil {
        height: 90px;
        background: white;
        color: #01213c;
        padding: 0 10px;
        border-left: 1px solid #a1a1a1;
    }

    #menu-perfil .botao-perfil {
        min-width: 80px;
        transition: all 0.3s ease-in;
    }

    #menu-perfil .nome-usuario {
        height: 90px;
        padding: 0 15px;
        font-size: 14px;
    }

    #menu-perfil i {
        color: #01213c;
        font-size: 33px;
        display: block;
        clear: both;
        width: 100%;
        margin-bottom: 5px;
        transition: all 0.3s ease-in;
    }

    #menu-perfil p {
        text-align: center;
        display: block;
        width: 100%;
        transition: all 0.3s ease-in;
    }

    #menu-perfil .botao-perfil:hover {
        background: #2784e1;
        color: white;
    }

        #menu-perfil .botao-perfil:hover p, #menu-perfil .botao-perfil:hover i {
            color: white;
        }


#app-view #conteudo .caixa-checkboxes {
    padding: 10px;
    border: 1px solid #e5e7e8;
    margin: 25px 0;
}

    #app-view #conteudo .caixa-checkboxes input, #app-view #conteudo .caixa-checkboxes label {
        float: left;
        transition: all 0.3s;
    }

        #app-view #conteudo .caixa-checkboxes input[type=checkbox] {
            margin-bottom: 5px;
            line-height: 30px;
        }

.caixa-checkboxes .columns {
    display: flex;
    align-items: center
}

.form-enderecos .sem-margem .columns {
    padding: 0;
}

a.botao-recalculo {
    width: 100%;
    height: 2.4375rem;
    background: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7dcdf;
    transition: all 0.3s;
    color: #7f7f7f;
    display: inline-flex;
    margin-left: 10px;
}

a.botao-lupa {
    width: 100%;
    height: 2.4375rem;
    background: #f3f3f3;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7dcdf;
    transition: all 0.3s;
}

    a.botao-lupa:before {
        margin: 0;
        padding: 0;
        color: #01213c;
        transition: all 0.3s;
    }

    a.botao-lupa:hover {
        background: #01213c;
    }

        a.botao-lupa:hover:before {
            color: #d7dcdf;
        }

#app-view #conteudo .caixa-checkboxes label:hover {
    color: #2784e1;
}

#app-view #conteudo .controles-checkboxes i {
    color: #7f7f7f;
    font-size: 20px;
    font-weight: 400;
    display: block;
    text-align: center;
    transition: all 0.3s ease-in;
    cursor: pointer;
}

    #app-view #conteudo .controles-checkboxes i:hover {
        color: #2784e1;
    }

#app-view #conteudo .controles-checkboxes .fa-times {
    margin: 30px 0;
}

#app-view #conteudo .controles-checkboxes {
    display: flex;
    align-items: center;
    padding-left: 10px;
    margin: 25px 0;
}

#app-view #conteudo input[type=submit] {
    background: #01213c;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    height: 40px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    color: white;
    transition: all 0.3s ease-in;
    cursor: pointer;
    margin: 0;
    padding: 0 10px;
}

    #app-view #conteudo input[type=submit]:hover {
        background: #2784e1;
        color: white;
    }


#mapa {
    position: fixed;
}

#mapa-container {
    padding-left: 40px;
}




#footer {
    width: 100%;
    height: 70px;
    background: #01213c;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #footer p {
        color: white;
        float: left;
        display: block;
        min-width: 105px;
        font-size: 10px;
        text-transform: uppercase;
    }

    #footer #aplicateca {
        display: flex;
        align-items: center;
    }

body {
    margin: 0;
    padding: 0;
}

.container {
    position: relative;
}

#login-container {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EEE;
}

.callout {
    position: absolute;
    min-width: 60vw;
    left: 50%;
    margin-left: -30vw;
    margin-top: 30px;
    z-index: 9999;
}

    .callout.callout-interno {
        position: relative;
        min-width: 60vw;
        left: 0;
        margin-left: 0;
        margin-top: 0;
        z-index: 9999;
    }

#login-container .callout {
    margin-top: auto;
    top: 30px;
}


#topo-login {
    background: #01213c;
    padding: 15px 20px 10px;
    text-align: center;
}

    #topo-login img {
        display: inline-block;
    }

#campos-login {
    background: white;
    padding: 40px;
    border: 1px solid #ccc;
    display: block;
}

#info-pp {
    width: 90%;
}

    #info-pp h2 {
        font-weight: 600;
        margin-top: 20px;
        margin-bottom: 8px;
    }

    #info-pp span {
        margin-bottom: 5px;
        line-height:15pt;
    }

#pp-container {
    width: 100%;
    height: 100vh;
    display: flex;
   /* align-items: center;*/
    justify-content: center;
    background: #EEE;
    padding: 20px;
    overflow:auto;
}

#info-login input[type=text], #info-login input[type=email], #info-login input[type=password] {
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #b0b0b0;
    margin-bottom: 20px;
    line-height: 40px;
    height: 42px;
    display: block;
    clear: both;
    padding: 0;
    color: #9b9b9b;
    font-size: 15px;
    font-weight: 600;
}

#info-login input[type=submit] {
    width: 100%;
    height: 42px;
    background-color: #296da6;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 42px;
    text-transform: uppercase;
    display: block;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease-in;
}

    #info-login input[type=submit]:hover {
        background: #27aa2d;
    }

#btnEsqueciSenha {
    text-align: center;
    display: block;
    margin: 20px 0 0;
    font-size: 12px;
    transition: all 0.2s;
}

    #btnEsqueciSenha:hover {
        color: #333;
    }


#MainContent_UpdateProgress1 .medium-12 {
    margin-bottom: 20px;
    display: block;
    clear: both;
}


.informacao-formulario {
    padding: 0 5px
}

table td a.fa {
    color: #0a0a0a;
    font-size: 24px;
    margin-right: 10px;
    transition: all 0.3s ease-in;
}

table td a i {
    color: #0a0a0a;
    font-size: 24px !important;
    margin-right: 10px;
    transition: all 0.3s ease-in;
}

table td a.fa:hover {
    color: #333;
}



table td a.fa.fa-trash-o:hover {
    color: #cf0505;
}

table td a.fa.fa-pencil-square-o:hover {
    color: #359600;
}

table td a i.fa-pencil-square-o:hover {
    color: #359600;
}

#info-login {
    width: 500px;
}



.titulo-pagina {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

    .titulo-pagina.menor {
        font-size: 26px;
        margin: 20px 0;
        font-weight: 600;
        text-transform: uppercase;
    }

.centraliza {
    text-align: center;
}

table tbody td, table tbody th {
    padding: 10px 20px;
}

.container-enviar {
    margin-top: 40px;
    display: block;
}

    .container-enviar.submit-filtro {
        margin-top: 0;
    }

.fa:before {
    margin-right: 10px;
}


#app-view .sub-menu {
    margin: 0 0 40px;
    display: none;
}

    #app-view .sub-menu.ativo {
        display: block;
    }

    #app-view .sub-menu li a {
        padding: 17px 5px;
        display: block;
        border-bottom: 1px solid #eee;
        transition: all 0.3s ease-in;
        color: #01213c;
        font-size: 14px;
    }

        #app-view .sub-menu li a .texto-botao {
            font-family: 'Raleway';
            font-weight: 500;
        }

        #app-view .sub-menu li a:hover {
            background: #f1f1f1;
        }

tbody tr:first-child {
    background: #01213c;
}

tbody tr:first-child {
    background: #01213c;
    color: white;
    text-align: left;
    font-weight: 600;
}



.ajax__calendar tbody tr:first-child {
    background: white;
    color: black;
}





.tipo-pessoa tbody tr:first-child {
    background-color: #f1f1f1;
}

tbody td {
    font-weight: 500;
    text-align: left;
}

.modal-inside input {
    width: 100%;
}

#app-view #conteudo .modal-inside input, #app-view #conteudo .modal-inside select {
    width: 100%;
    margin-bottom: 0;
}

#app-view #conteudo .modal-inside .checkbox-lado-a-lado {
    margin-left: 20px;
}

    #app-view #conteudo .modal-inside .checkbox-lado-a-lado input {
        width: auto;
    }

.topo-modal {
    background: #01213c;
    padding: 20px;
}

    .topo-modal h3 {
        color: white;
        font-weight: 600;
    }

.modalBackground {
    background-color: #03213b;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*.obrigatorio {
	position: absolute;
	color: #e40005;
	right: 30px;
	margin-top: -27px;
}*/
.columns {
    position: relative;
}

.obrigatorio {
    position: absolute;
    color: #e40005;
    right: 5px;
    margin-top: -15px;
}

.form-cadastro .obrigatorio {
    position: absolute;
    color: #e40005;
    right: 40px;
    margin-top: -15px;
}

.container-conteudo {
    padding: 20px 0 30px;
}

.titulo-pagina {
    margin-bottom: 20px;
    display: block;
}

.tipo-pessoa tr {
    width: auto;
    display: inline-block;
    float: left;
}

.tipo-pessoa table tbody, .tipo-pessoa table tfoot, .tipo-pessoa table thead {
    border: none;
}

.tipo-pessoa input[type=radio] {
    visibility: hidden;
    position: absolute;
}


.container-pessoa, .container-com-borda {
    border: 1px solid #01213c;
}

    .container-com-borda.cliente-secundario {
        border-top: none;
        padding: 0;
    }

.container-form-contatos.cliente-secundario .container-pessoa {
    border-bottom: none;
}

.container-com-borda {
    padding: 20px 0;
}

.borda-primeiro-elemento {
    border-top: 1px solid #01213c;
}

.elemento-borda-topo {
    border-top: 1px solid #01213c;
    padding-top: 20px !important;
}

.elemento-borda {
    border-top: 1px solid #01213c;
    padding: 20px !important;
}

.margem-abaixo {
    margin-bottom: 30px;
}

#app-view .borda-primeiro-elemento {
    padding-top: 20px;
}

.form-enderecos .columns {
    padding: 0 5px;
}

.container-botoes.botoes-grandes {
    margin-top: 30px;
}

.container-botoes.botao-cancelar {
    display: flex;
    justify-content: center;
}

#app-view #conteudo .container-botoes.botoes-grandes input[type=submit] {
    height: 60px;
    line-height: 60px;
    display: inline-block;
}

.tabela-com-paginacao tr:last-child tr {
    display: inline-block;
    float: none;
    width: auto;
}

.tabela-com-paginacao table tbody tr:last-child tr td {
    padding: 0;
    margin-right: 5px;
    display: inline-block
}

.tabela-com-paginacao table tbody tr:last-child a {
    padding: 15px 20px;
    display: inline-block;
    text-align: center;
    color: white;
    transition: all 0.2s ease-in;
}

    .tabela-com-paginacao table tbody tr:last-child a:hover {
        opacity: 0.8;
    }

.tabela-com-paginacao table tbody tr:last-child span {
    padding: 15px 20px;
    background: #bbb;
    display: inline-block;
}


.tabela-com-paginacao tbody tr:last-child {
    background: transparent;
}

.tabela-com-paginacao table tbody tr:last-child a {
    background: #01213c;
}

table tbody, table tfoot, table thead {
    text-align: center;
}


.logo-cliente {
    float: left;
    display: inline-block;
}










.GridPager {
    display: block;
    background: white !important;
    border: none;
    text-align: center;
    /* width: 100%; */
    position: absolute;
    /*margin-top: 15px;*/
}

    .GridPager a,
    .GridPager span {
        padding: 10px 20px;
        display: inline-block;
        background: #01213c;
        color: white;
        transition: all 0.3s;
    }

        .GridPager a:hover {
            color: white;
            background: #aaa;
        }

    .GridPager span {
        padding: 10px 20px;
        display: inline-block;
        background: #ccc;
    }

    .GridPager tr {
        background: transparent !important;
    }

    .GridPager tbody {
        border: none !important;
    }

    .GridPager td {
        display: inline-block;
        padding: 0;
        background: transparent;
        margin-right: 5px
    }



.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.container-enviar {
    display: flex;
    align-items: center;
    margin-top: 7px;
    padding-left: 10px;
}

.tamanho-fixo {
    height: 94px !important;
}

.container-flexivel {
    display: flex;
    align-items: center;
    margin-top: 7px;
}

#app-view #conteudo .container-flexivel input[type=submit].salvar, #app-view #conteudo .container-salvar input[type=submit].salvar {
    width: 100%;
}

.selecao-motoboys tbody tr:first-child {
    background: white;
}

.container-controles-motoboy {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 445px !important;
}

strong {
    font-weight: 600;
}

.container-controles-motoboy a {
    color: #01213c;
    font-size: 32px;
    transition: all 0.3s;
}

    .container-controles-motoboy a:hover {
        opacity: 0.7;
    }

.selecao-motoboys {
    margin-top: 30px;
}

    .selecao-motoboys label {
        width: calc(100% - 38px);
        margin-bottom: 0 !important;
    }

    .selecao-motoboys input[type=checkbox] {
        margin-bottom: 0 !important;
    }

#map {
    height: 420px !important;
    margin: 0 20px !important;
    width: calc(100% - 40px) !important;
}

.modal-poli {
    max-width: 80% !important;
    margin: 0 10% !important;
    left: 0 !important;
}

.has-tip {
    border-bottom: none;
}

.modal-poli .modal-inside {
    min-width: 400px;
    max-height: 500px;
    overflow-y: scroll;
}

.ajusta-string span {
    display: inline-block;
    line-height: 40px;
}


input[type=checkbox] {
    margin-bottom: 4px
}

#app-view #conteudo .info-rota input, #app-view #conteudo .info-rota select {
    margin-bottom: 0;
}


#app-view #conteudo label.input {
    display: flex;
}


.conteudo-card {
    border: 1px solid #e5e7e8;
    padding: 20px;
}

.card-parada {
    padding: 0 10px;
    margin-bottom: 20px;
}

.conteudo-card div {
    margin-bottom: 15px;
}

.icones-card {
    text-align: center;
}

    .icones-card i {
        font-size: 18px;
        color: #01213c;
    }



.bolinha-vermelha {
    background: url(../images/bolinha-vermelha.png) no-repeat center left;
    padding-left: 30px;
}

.bolinha-amarela {
    background: url(../images/bolinha-amarela.png) no-repeat center left;
    padding-left: 30px;
}

.bolinha-verde {
    background: url(../images/bolinha-verde.png) no-repeat center left;
    padding-left: 30px;
}

.bolinha-azul {
    background: url(../images/bolinha-azul.png) no-repeat center left;
    padding-left: 30px;
}

.bolinha-laranja {
    background: url(../images/bolinha-laranja.png) no-repeat center left;
    padding-left: 30px;
}



.container-modal-pequeno {
    padding: 20px 20px;
}

    .container-modal-pequeno .container-botoes {
        margin-top: 20px;
    }

    .container-modal-pequeno .titulo-pagina.menor {
        margin: 15px 0;
    }


.form-modal {
    margin-bottom: 20px;
}

.container-modal-pequeno i {
    color: #01213c;
    font-size: 21px;
    transition: all 0.3s;
}

.container-modal-pequeno i {
    opacity: 0.7;
}



.container-motoboy {
    border: 1px solid #01213c;
    padding: 20px;
    margin: 0 5px 10px;
    min-height: 140px;
}

    .container-motoboy div {
        margin-bottom: 10px
    }



.tipo-desconto tr {
    background: transparent !important;
}

.tipo-desconto table {
    border: none;
    width: 105px;
}

.tipo-desconto input[type=radio] {
    margin-bottom: 0 !important;
}

.tipo-desconto td {
    padding: 0;
    background: transparent !important;
}

.tipo-desconto label {
    color: #01213c !important;
    font-family: Raleway !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 41px !important;
    display: inline-block;
    align-items: center;
    margin-bottom: 0 !important;
}

.tipo-desconto input[type=text] {
    width: calc(100% - 110px);
    float: left;
    margin-right: 5px;
}

.tipo-desconto tbody {
    border: none !important;
}
.todoscinza table tbody tr:nth-child(2n+1) {
    background-color: #f1f1f1;
}

.checkbox-grande input[type=checkbox] {
    float: left;
    display: inline-block;
    width: auto !important;
    margin-top: 37px;
}

.checkbox-grande label {
    padding-left: 10px;
}

.ratingStar {
    font-size: 0pt;
    width: 35px;
    height: 35px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.checkbox-semendereco {
    display: inline-flex;
    align-items: center;
    margin-top: 35px;
}

    .checkbox-semendereco input {
        width: auto !important;
    }

    .checkbox-semendereco label {
        margin-bottom: 0px !important;
    }

.filledRatingStar {
    background-image: url(../images/full.png);
}

.elemento-pesquisa div {
    display: inline-block
}

.elemento-pesquisa {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .elemento-pesquisa label {
        margin-bottom: 0;
        margin-right: 5px;
    }

.emptyRatingStar {
    background-image: url(../images/empty.png);
}

/*
.savedRatingStar {
    background-image: url(http://www.ajaxcontroltoolkit.net/Images/SavedStar.png);
}
*/