@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;400;700;900&family=Outfit:wght@100;400;700;900&family=Varela+Round&display=swap');

body {
    position: inherit;
    width: 100%;
    padding: 0;
    margin: 0;
}

#quadro {
    display: block;
    float: left;
    width: 92%;
    padding: 32px 4%;
    position: relative;
}

#conteudo {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}
/** Menu **/
#menuToggle {
    display: block;
    position: absolute;
    top: 32px;
    left: unset;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    right: 15px;
    width: 50px;
    height: 50px;
}

    #menuToggle a {
        text-decoration: none;
        color: #232323;
        transition: color 0.3s ease;
    }

#menu li a {
    color: #2b2b2b;
    text-transform: uppercase;
}

#menuToggle a:hover {
    color: red;
}

#menuToggle input {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
}

#menuToggle i {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    background: #fff;
    border-radius: 50px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    padding: 10px 10px;
    font-size: 20px;
    line-height: 30px;
    text-align: Center;
    border: 2px solid #000;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle input:checked ~ i {
    opacity: 1;
    background: #232323;
    color: #fff;
}

#menuToggle input ~ #menu {
}

#menuToggle input:checked ~ #menu {
}

#menu {
    position: absolute;
    width: 130px;
    margin: -100px 0 0 -165px;
    padding: 175px 50px 20px 50px;
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(0, -100%);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    background: #abc8d0;
    border-radius: 0 0 0 30px;
    border: 1px solid #5e777c;
}

    #menu li {
        padding: 8px 0;
        font-size: 16px;
    }

#menuToggle input:checked ~ ul {
    transform: none;
}
/** Fim do Menu **/

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #99b6bc;
    display: block;
    float: left;
    width: 100%;
}

.listanaves {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .listanaves li {
        float: left;
        width: auto;
        padding: 5px 10px;
        border-radius: 5px;
        background: #3d9eef;
        margin: 0px 10px 10px 0;
    }

.agendar.abre a {
    background: #af2d2b;
    color: #fff;
    float: left;
    clear: both;
    width: auto;
    padding: 10px 15px;
    border-radius: 5px;
}

.listanaves li a {
    color: #fff;
}

#identificanave {
    float: left;
    display: block;
    width: 96%;
    background: #656c04;
    border-radius: 5px;
    padding: 20px 2%;
    margin-bottom: 20px;
}

    #identificanave hr {
        display: none;
    }

    #identificanave p {
        color: #fff;
    }

.fotonave {
    float: left;
    margin: 0 20px 0px 0;
    border-radius: 48px;
    border: 1px solid #000;
    background: #ffd88d;
    display: block;
    overflow: hidden;
    height: 50px;
    width: 50px;
    background-position: center !important;
    background-size: cover !important;
}

* {
    font-family: 'Outfit';
    font-weight: 400;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter' !important;
    text-transform: uppercase;
    font-size: 1.1em !important;
}

p, li, a, span, h1, h2, h3, h4, h5, h6, label, input, textarea {
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

.linhaunica label {
    width: 100%;
}


.menu, .dropdown, .icon {
    display: none;
}

.topo {
    clear: both;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.usuario-panel {
    display: block;
    width: 70%;
    float: left;
}

.menu-master {
    display: block;
    width: 30%;
    float: right;
}

.usuario-panel img {
    float: left;
    margin: 0 20px 0px 0;
    border-radius: 48px;
    border: 1px solid #000;
    background: #ffd88d;
}

.usuario-panel .funcao, .tagnave {
    background: #68338c;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    display: block;
    float: left;
}

.menu-master .abre {
    float: right;
    display: block;
    background: #f5f5f5;
    color: #000;
    border-radius: 48px;
    padding: 20px;
}

.botaoinicial {
    display: none;
}

#frmRel input, #frmRel select, #frmRel textarea, #frmRel option {
    border: 1px solid #242424;
}

input, select, textarea, option {
    padding: 8px 0;
    border-radius: 10px;
    color: #565656;
    font-size: 1em;
    background: #fff;
    border: 0;
    text-indent: 10px;
}

.passageiros .golden {
    color: #343434;
}

.blocointro {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    padding: 20px 0 0;
    background: rgb(26,32,48);
    background: linear-gradient(90deg, rgb(107, 0, 18) 60%, rgb(137, 16, 117) 100%);
    color: #fff;
    border-radius: 5px;
}

.blocoadicional {
    list-style: none;
    padding: 0;
    margin: 10px 0 30px 0;
    padding: 20px 2%;
    background: #abc8ce;
    s color:#fff;
    border-radius: 5px;
    width: 96%;
}

#frmRel {
    border-bottom: 3px solid #7f7f7f;
    padding-bottom: 10px;
    display: block;
    float: left;
    width: 100%;
}

.blocointro .data {
    font-size: 16px;
    color: #A4ADBC;
    text-align: center;
}

.blocointro .saida {
    font-size: 35px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.blocointro .destaque {
    width: 35%;
    display: table-cell;
    display: block;
    float: left;
    overflow: hidden;
}

.blocointro .locais {
    width: 53%;
    display: block;
    float: left;
    padding: 0 0 0 25px;
    background: url(img/seta-locais.png);
    background-repeat: no-repeat;
    background-size: 10px 38px;
    background-position: 7px 10px;
    border-left: 2px solid #6b9f3a;
}

.blocointro .vrap {
    background: #8f7e1b;
    border-radius: 5px;
    padding: 5px;
}

.hideMe, .ChideMe, .RhideMe {
    background: rgba(142,64,64,1);
    background: linear-gradient(0deg, rgba(132,79,85,1) 60%, rgba(142,64,64,1) 100%);
    color: #fff;
}

.AhideMe {
    background: rgba(142,64,64,1);
    padding: 2px 5px;
    border-radius: 3px;
}

.AShowMe {
    background: rgb(21,141,95,1);
    padding: 2px 5px;
    border-radius: 3px;
}

.ShowMe, .CShowMe, .RShowMe {
    background: rgb(139, 141, 21);
    background: linear-gradient(0deg, rgb(141, 93, 21) 60%, rgb(145, 42, 82) 100%);
    color: #fff;
}

.infoadicional .linhaunica .alignright, .infoadicional .linhaunica .alignright label {
    cursor: pointer;
}

.icones-revisados {
    width: 100px;
    margin: 5px auto;
    display: flex;
}

.plane, .clock, .check {
    width: 26px;
    height: 26px;
    float: left;
    display: block;
    margin: 0 3px;
    border-radius: 5px;
}

p .alignright .autorizado {
    width: 26px;
    height: 26px;
    float: left;
    display: block;
    margin: 0 3px;
    border-radius: 5px;
}

.blocoadicional .plane, .blocoadicional .clock, .blocoadicional .check {
    width: auto;
    height: 26px;
    float: left;
    display: block;
    margin: 0 3px;
    border-radius: 5px;
    padding: 5px;
}

.blocoadicional .icones-revisados {
    width: auto;
    margin: 5px auto;
    display: flex;
}

.numeros2 .iconesvrap:nth-of-type(2) {
    background: #cbad67;
}

.iconesvrap {
    width: 26px;
    height: 26px;
    background: #44b3bb;
    border-radius: 5px;
}

    .iconesvrap i {
        color: #242015;
        padding: 3px 5px;
        line-height: 1.3;
    }

.plane i, .clock i, .check i {
    padding: 3px 5px;
    line-height: 1.3;
}

.blocointro {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

.blocoadicional {
    display: block;
    float: left;
    position: relative;
    color: #343434;
}

.blocointro p {
    margin-top: 5px;
}

p.linhaunica {
    width: 100%;
    position: relative;
    display: table;
}

p .alignright {
    text-align: right;
    position: relative;
    float: right;
}

.infoadicional {
    width: 96%;
    clear: both;
    display: block;
    float: left;
    background: #aac9cb;
    border-radius: 0 0 5px 5px;
    padding: 10px 2%;
    margin-top: 10px
}

    .infoadicional p {
        color: #344d52;
    }

        .infoadicional p:nth-of-type(3) span.AShowMe, .infoadicional p:nth-of-type(3) span.AhideMe, .infoadicional p:nth-of-type(4) span, .infoadicional p:nth-of-type(5) span {
            color: #fff !important;
        }

.golden {
    color: #A58E3C;
}

.passageiros {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

.tab1, .tab2, .tab3 {
    width: 33%;
    display: table-cell;
    float: inherit;
}

.tab2 {
    text-align: center;
}

.tab3 {
    text-align: right;
}

.iconesg {
    text-align: center;
    margin: 10px 0;
}

    .iconesg a {
        width: 55px;
        height: 55px;
        padding: 10px;
        border-radius: 75px;
        color: #fff;
        display: inline-block;
        margin: 0 10px;
    }

        .iconesg a i {
            font-size: 40px;
            color: #fff;
            line-height: 55px;
        }

        .iconesg a.ligar {
            background: #77b3d4;
        }

        .iconesg a.whats {
            background: #bdbb35;
        }

.botaovermelho {
    background: #b12d2b;
    color: #fff;
    text-align: center;
    line-height: 3 !important;
    width: 100% !important;
    border-radius: 5px !important;
    padding: 0 !important;
    height: auto !important;
    margin: 0 !important;
    text-decoration: none !important;
    font-size: 1.6em;
    text-transform: capitalize;
}

.botaoverde {
    background: #3d9dee;
    color: #fff;
    text-align: center;
    line-height: 3 !important;
    width: 100% !important;
    border-radius: 5px !important;
    padding: 0 !important;
    height: auto !important;
    margin: 0 !important;
    text-decoration: none !important;
    font-size: 1.6em;
    text-transform: capitalize;
}

p.iconesg a.editar {
    background: #de972b;
    color: #fff;
    text-align: center;
    line-height: 3 !important;
    width: 100% !important;
    border-radius: 5px !important;
    padding: 0 !important;
    height: auto !important;
    margin: 0 !important;
    text-decoration: none !important;
    font-size: 1.6em;
    text-transform: capitalize;
}

.separador:first-child {
    display: none;
}

.NomeNave {
    font-family: 'Outfit';
    font-size: 1.6em;
    font-weight: 700;
    float: left;
    width: 100%;
    display: block;
}

.local {
    font-family: 'Outfit';
    font-size: 1em;
    font-weight: 500;
    float: left;
    width: 100%;
    display: block;
    margin-top: 10px;
}

.caixinha {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0%;
    margin: 0 0 20px 0;
    border: 0px solid #000;
    border-radius: 5px;
}

.manutencao {
    background: red;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 1em;
}

form.agendar {
    background: #acc8cc;
    border-radius: 5px;
}

/*Form Agendar*/

form.agendar {
    display: block;
    float: left;
    width: 96%;
    position: relative;
    padding: 20px 2%;
}

    form.agendar p, .adm form p, .adm #conteudo p {
        line-height: 2;
        margin-bottom: 20px;
        float: left;
        width: 100%;
        display: block;
    }

    form.agendar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    form.agendar p span {
        clear: both;
        width: 100%;
        display: block;
    }

    form.agendar p label {
        line-height: 2;
    }

    form.agendar p input[type="checkbox"] {
        float: left;
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }

form p
.divisaform {
    border-color: #000;
    border-width: 3px;
}

.alphabet, #allselected, #notselected {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

    .alphabet li {
        border-radius: 5px;
        margin: 0 5px 5px 0;
        background: #5388D8;
        color: #fff;
        float: left;
        display: block;
        padding: 5px;
    }

form p select {
    width: 100%
}

form p input {
    width: 100%;
}

form p.divide .data, form p.divide .hora {
    width: 49%;
    float: left;
    display: block;
    margin: 0;
    clear: none;
}

form p.divide .hora {
    margin-left: 2%;
}

form p.divide select {
    width: 47%;
}

    form p.divide select:last-child {
        margin-left: 1%;
    }


    form p.divide select.estado {
        width: 28%;
    }

    form p.divide select.cidade {
        width: 70%;
    }

.selectbloco {
    margin-top: 5px;
}

input#datainicial, input#datafinal {
    width: 110px;
}

.form-switch .form-check-input {
    width: 60px;
    height: 30px;
    margin-left: 0;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
    display: block;
    float: left;
    margin: 0;
}

.form-switch {
    padding-left: 0;
}

.form-check.form-switch .form-check-label {
    margin-left: 10px;
}

#notselected li, #allselected li, #allsolicitantes li {
    float: left;
    width: 29%;
    margin: 0 1%;
    border-bottom: 1px solid #dbebee;
    padding: 0 1%;
    background: #f5f5f5;
}

#reservas_detail li {
    float: left;
    width: 96%;
    margin: 5px 1%;
    border-bottom: 1px solid #f5f5f5;
    line-height: 1.5;
    padding: 5px 1%;
}

#notselected li label, #allselected li label, #allsolicitantes li label {
    width: 100%;
    margin: 5px 0;
}

#notselected .mais {
    display: block;
    border-radius: 5px;
    width: 24px;
    height: auto;
    background: #62bcc2;
    float: right;
    background-image: url(img/mais.png);
    background-position: center;
    background-size: contain;
}

#allsolicitantes .mais {
    display: block;
    border-radius: 5px;
    width: 24px;
    height: auto;
    background: #62c2b5;
    float: right;
    background-image: url(img/mais.png);
    background-position: center;
    background-size: contain;
}

#reservas_detail .mais {
    display: block;
    border-radius: 5px;
    width: 24px;
    height: auto;
    background: #C26262;
    float: right;
    background-image: url(img/menos.png);
    background-position: center;
    background-size: contain;
    margin-top: 7px;
}

#allselected .mais {
    display: block;
    border-radius: 5px;
    width: 24px;
    height: auto;
    background: #C26262;
    float: right;
    background-image: url(img/menos.png);
    background-position: center;
    background-size: contain;
}

#allselected, #reservas_detail {
    background: #f5f5f5;
    border: 0px solid #2b2b2b;
    border-radius: 5px;
    display: block;
    float: left;
    width: 100%;
}

    #reservas_detail .white.title {
        width: 65%;
    }

    #reservas_detail input[name="percentCDC"] {
        width: 15%;
        background: #fff;
    }

    #reservas_detail select {
        width: 100%;
        margin: 5px 0;
        background: #fff;
    }

    #notselected li:nth-child(even), #allselected li:nth-child(even), #allsolicitantes li:nth-child(even), #reserva_detail li:nth-child(even) {
        background: #dbebee;
    }

input[title="Enviar"], a[title="Concluir"], a.novopassageiro, a.limpardados, input[value="OK"], a.voltar-home {
    float: none;
    clear: both;
    border-radius: 5px;
    background: #3c9dee;
    color: #fff;
    text-align: center;
    margin: 10px 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    padding: 20px 0 !important;
    font-size: 1.6em;
    text-transform: capitalize;
}

    input[title="Enviar"]:hover, a[title="Concluir"]:hover, a.novopassageiro:hover, a.limpardados:hover {
        text-decoration: none;
        mouse: pointer;
    }

a[title="Concluir"], a.voltar-home {
    background: #de972b;
    text-decoration: none;
}

a.novopassageiro {
    background: #de972b;
}

a.limpardados {
    background: rgb(255,255,255);
    color: #2b2b2b;
    border: 1px solid #2b2b2b;
}

.esqueceu {
    text-align: center;
    width: 100%;
    text-decoration: none;
    display: block;
    color: #777;
}
/*Fim Form Agendar*/


/* Form Login */
.FormLogin {
    width: inherit !important;
    max-width: 340px !important;
    margin: 40px auto !important;
    float: none !important;
}

.logosite {
    width: 60%;
    margin: 0 20% 40px;
}

.FormLogin h2 {
    font-weight: 900;
    margin: 40px 0;
    text-align: center;
    font-size: 24px;
}

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

    .FormLogin p.erro {
        color: red;
        text-align: center;
    }
/* Fim Form Login */




/* Escalas */
.calendar_container_all {
    width: 100%;
}

.calendar_tb {
    width: 100%;
}

.calendar_container_all .calendar_tb td.dia div {
    padding: 10px 5px;
    border-radius: 5px;
    margin: 2px;
    background: #f3f3f3;
    display: flex;
}

.menu-dia {
    display: none;
}

.calendar_container_all .calendar_tb td.dia div.menu-dia {
    background: #999;
    color: #000;
    padding: 15px;
    margin: 0 !important;
    display: inline-block;
    width: 90%;
    position: absolute;
    z-index: 2;
    left: 0px;
}

    .calendar_container_all .calendar_tb td.dia div.menu-dia ul {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 100%;
    }

.calendar_container_all .calendar_tb td.dia .n {
    float: left;
    width: 50%;
    font-size: 0.7em;
}

.calendar_container_all .calendar_tb td.dia .lst-info {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 50%;
    position: relative;
    float: right;
    overflow: hidden;
}

    .calendar_container_all .calendar_tb td.dia .lst-info li a {
    }

.calendar_container_all .calendar_tb td.dia div.menu-dia ul li {
    float: left;
    width: 100%;
}

    .calendar_container_all .calendar_tb td.dia div.menu-dia ul li a {
        width: 100%;
        float: left;
        height: auto;
        margin: 5px 0;
        text-decoration: none;
        color: #fff;
        text-indent: 0px;
    }

.calendar_container_all .calendar_tb td.dia div a {
    width: 14px;
    height: 14px;
    display: block;
    float: right;
}

.calendar_container_all .calendar_tb td.dia > div.btn a {
    text-indent: -9999px;
}

.calendar_container_all .calendar_tb td.dia > div.fds {
    background: #faffa9;
}

.calendar_container_all .calendar_tb td.dia > div.recesso {
    background: #c5ff56;
}

.calendar_container_all .calendar_tb td.dia > div.extra {
    background: #FFA756;
}

.calendar_container_all .calendar_tb td.dia > div.reserva {
    background: #006e76;
}

.calendar_container_all .calendar_tb td.dia > div.btn.voo.cop {
    background: #ff7979;
}

.calendar_container_all .calendar_tb td.dia > div.btn.voo {
    background: #ff7979;
}

.calendar_container_all .calendar_tb td.dia > div.btn.voo2 {
    background: #fff279;
}

.calendar_container_all .calendar_tb td.dia > div.btn.feriado {
    background: #faffa9;
}

.calendar_container_all .calendar_tb td.dia > div.btn.piloto {
    background: #86ccff;
}

.calendar_container_all .calendar_tb td.dia > div.view {
    background: #Fcfcfc;
    color: #c6c6c6;
}

.select_container fieldset.flds-modo {
    display: none;
}

.calendar_container_all .calendar_tb td.dia .btn .btn-kep {
    background: url(../responsivo/img/kep.png);
    background-size: 100%;
}

.calendar_container_all .calendar_tb td.dia div.extra a {
    background: url(../responsivo/img/edit.png);
    background-size: 100%;
}

.calendar_container_all .calendar_tb td.dia div.voo a, .calendar_container_all .calendar_tb td.dia div.voo2 a {
    background: url(../responsivo/img/plane.png);
    background-size: 100%;
}


.month_container_all {
    width: 100%;
    float: left;
    display: block;
    margin: 0 0 10px;
}

.month_container {
    width: 46%;
    float: left;
    background: #2b2b2b;
    border-radius: 5px;
    padding: 10px 5%;
    color: #f2f2f2;
    text-transform: uppercase;
    line-height: 2.45;
}

#month_nav {
    width: 40%;
    float: left;
    margin: 0px 0 0px 2%;
    line-height: 1.5;
}

    #month_nav a {
        padding: 10px 2%;
        margin-bottom: 10px;
        background: #2b2b2b;
        color: #f2f2f2;
        width: 100%;
        border-radius: 5px;
        display: block;
        text-align: center;
        text-decoration: none;
    }

#calendar_select {
    width: 100% !important;
    display: block;
    float: left;
    margin: 0 0 40px;
    border-radius: 5px;
    background: #f2f2f2;
    color: #2b2b2b;
}

    #calendar_select ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #calendar_select ul li {
            line-height: 2 !important;
        }

            #calendar_select ul li a {
                text-decoration: none;
                color: #000;
                padding: 5px 10px;
                line-height: 2;
            }

    #calendar_select fieldset {
        margin: 20px 0 0;
        padding: 20px;
    }
.login input {
    border:1px solid #d6d6d6;
}
.frm-enviar input[type="button"], button[value="Salvar"], input[value="Gravar"] {
    float: none;
    clear: both;
    border-radius: 5px;
    background: #3D9DEE;
    color: #fff;
    text-align: center;
    margin: 10px 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    padding: 20px 0 !important;
    mouse: pointer;
    font-size: 1.6em;
    text-transform: capitalize;
}

input[value="Salvar"], input#importar {
    float: none;
    clear: both;
    border-radius: 5px;
    background: #39a0ef;
    color: #fff;
    text-align: center;
    margin: 0px 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    padding: 20px 0 !important;
    mouse: pointer;
    border: 0;
    font-size: 1.6em;
    text-transform: capitalize;
}

a.voltar {
    float: none;
    clear: both;
    border-radius: 5px;
    background: #de972b;
    color: #fff;
    text-align: center;
    margin: 0px 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    padding: 20px 0 !important;
    mouse: pointer;
    font-size: 1.6em;
    text-transform: capitalize;
}

a.editar-estado {
    float: none;
    clear: both;
    border-radius: 5px;
    background: #de972b;
    color: #fff;
    text-align: center;
    margin: 0px 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    padding: 6px 0 !important;
    mouse: pointer;
}

    a.editar-estado:hover, a.voltar:hover {
        text-decoration: none;
    }

button[value="Cancelar"], a.voltarbt {
    float: none;
    clear: both;
    border-radius: 5px;
    background: rgb(119,32,32);
    background: linear-gradient(0deg, rgba(119,32,32,1) 0%, rgba(174,42,42,1) 100%);
    color: #fff;
    text-align: center;
    margin: 10px 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    padding: 20px 0 !important;
    mouse: pointer;
}

form a.pull-right {
    border-radius: 5px;
    background: rgb(119,32,32);
    background: linear-gradient(0deg, rgba(119,32,32,1) 0%, rgba(174,42,42,1) 100%);
    color: #fff;
    text-align: center;
    margin: 0px 0;
    width: 30%;
    display: block;
    line-height: 1.5;
    mouse: pointer;
}

#modalClose {
    border-radius: 5px;
    background: rgb(119,32,32);
    background: linear-gradient(0deg, rgba(119,32,32,1) 0%, rgba(174,42,42,1) 100%);
    color: #fff !important;
    text-align: center;
    margin: 0px 0;
    width: 30%;
    display: block;
    line-height: 1.5;
    mouse: pointer;
}

input[value="Excluir"] {
    float: none;
    clear: both;
    border-radius: 5px;
    background: #b12d2b;
    color: #fff;
    text-align: center;
    margin: 0px 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    padding: 20px 0 !important;
    mouse: pointer;
    font-size: 1.6em;
    text-transform: capitalize;
}

.frm-enviar input[type="text"] {
    float: none;
    clear: both;
    border-radius: 5px;
    color: #2b2b2b;
    text-align: center;
    margin: 10px 0;
    width: 98%;
    display: block;
    line-height: 1.5;
    padding: 20px 0 !important;
}


#sb-title-inner {
    font-family: 'Outfit' !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.corpomodal {
    padding: 20px 2% !important;
    width: 96% !important;
    margin: 0 !important;
}

#frmFolga {
    padding: 10px;
}

    #frmFolga p {
        width: 100%;
        margin-bottom: 10px;
    }

        #frmFolga p label {
            width: 100%;
            clear: both;
        }

        #frmFolga p input {
            width: 100%;
            clear: both;
        }
/* Fim Escalas */


/* ADM */

.adm #conteudo {
    width: 98%;
    padding: 20px 1%;
    background: #aecace;
    border-radius: 5px;
}

.adm h1, .adm h1 span {
    font-family: 'Inter' !important;
    text-transform: uppercase;
    color: #193539;
    font-weight: 900;
}

.adm label, .adm p span {
    color: #193539;
}

.adm form {
    padding: 0 !important;
    font-family: 'Inter' !important;
    width: 100%;
    padding: 0;
    margin: 0;
}

.adm .titform {
    text-transform: uppercase;
}

.adm form input, .adm form select, .adm form option, .adm form button, .adm form textarea {
    width: 100%;
}

.adm table {
    border-top: 3px solid #000;
    background: #f5f5f5;
    border-radius: 5px;
    display: block;
    width: 100% !important;
    float: left;
    margin-top: 40px;
}

    .adm table tr {
        width: 100%;
        clear: both;
        display: inline-table;
    }

    .adm table thead td {
        font-weight: 700 !important;
    }

    .adm table thead {
        background: #Fff !important;
        width: 100%;
        display: inline-table;
    }

    .adm table tbody {
        width: 100%;
        display: inline-table;
    }

    .adm table thead th {
        font-weight: 700 !important;
        border: 0 !important;
    }

    .adm table tr td:last-child {
        text-align: right;
    }

.adm .table.fuso td:first-child, .adm .table.table-long.tabela-lista td:first-child, .adm .table.fuso th:first-child, .adm .table.table-long.tabela-lista th:first-child {
    text-align: left;
}

.adm .table.fuso td, .adm .table.table-long.tabela-lista td, .adm .table.fuso th, .adm .table.table-long.tabela-lista th {
    width: 25%;
    text-align: Center;
}

.adm form input[name="busca"] {
    width: 68%;
}

.adm form input[value="Buscar"] {
    width: 30%;
    float: right;
    border-radius: 5px;
    background: #39a0ef;
    border: 0px;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 1.2em;
}

.adm input[value="Inserir"] {
    width: 100%;
    float: right;
    border-radius: 5px;
    background: #7dc861;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 1.2em;
    border: 0;
}

.adm table tr input[value="Editar"], .adm table tr input[value="Atualizar"] {
    background-size: 70% !important;
    display: block;
    float: right;
    border-radius: 3px;
    border: 0;
    width: 25px;
    height: 25px;
    background: #3D9DEE;
    background-image: url(img/edit2.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}

.adm table.fuso tr input {
    padding: 0;
}

    .adm table.fuso tr input[type="checkbox"] {
        width: 25px;
        height: 25px;
    }

.adm .table.table-long.tabela-lista .emailnalista.overflowhidden {
    text-align: center;
}

.tab-menu.menu-usua-rios, .tab-menu.menu-usuarios {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    width: 100%;
    margin-top: 40px;
}

    .tab-menu.menu-usua-rios li, .tab-menu.menu-usuarios li {
        float: left;
        width: auto;
        padding: 5px 10px;
        border-radius: 5px;
        background: #3d9eef;
        margin: 0px 10px 10px 0;
    }

        .tab-menu.menu-usua-rios li a, .tab-menu.menu-usuarios li a {
            color: #Fff;
        }

        .tab-menu.menu-usua-rios li:hover {
            background: rgb(121,51,58);
            background: linear-gradient(0deg, rgba(121,51,58,1) 60%, rgb(255, 0, 43) 100%);
        }

.adm .form-group {
    width: 100%;
}

    .adm .form-group p label {
        width: 100%;
        clear: both;
    }

    .adm .form-group p.obrigatorio input, .adm .form-group p.obrigatorio select {
        width: 96%;
    }

    .adm .form-group .meio {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .adm .form-group .vinteecinco {
        display: inline-flex;
        width: 23.8%;
    }

        .adm .form-group .vinteecinco input {
            margin: 0 5px;
            padding-right: 10px;
        }

.adm #show_estado {
    display: inline-block;
    float: left;
    width: 50%;
}

    .adm #show_estado select {
        width: 91%;
    }

.adm .rotulo {
    clear: both;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.adm #editar-adm .form-group label, .adm .form-group label {
    width: 100%;
}

    .adm #editar-adm .form-group label strong {
        float: right !important;
    }

    .adm #editar-adm .form-group input, .adm #editar-adm .form-group label select {
        width: 96%;
    }

        .adm #editar-adm .form-group label select.estado, .adm #editar-adm .form-group label select.cidade {
            margin-bottom: 20px;
        }

.adm #editar-adm p input[type="checkbox"] {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0 15px 0 0;
}

.adm #editar-adm p input[type="number"] {
    width: 60px;
    clear: none;
    margin: 0 5px 0px 5px;
}

.adm #editar-adm p input.vetor-data {
    width: 160px;
    clear: none;
    margin: 0 0px 0px 5px;
}

.adm #editar-adm p input[type="number"]:first-child {
    margin-left: 0;
}

.adm #editar-adm h1 {
    clear: both;
    width: 100%;
    display: block;
    line-height: 2;
    border-bottom: 2px solid #fff;
    margin-bottom: 20px;
}

.adm #editar-adm select.estado {
    margin-bottom: 10px;
}
/* Fim ADM */
/* Inicio Modal*/
#colorbox * {
    font-family: 'Outfit' !important;
    ;
}

.emailform form {
    padding: 15px !important;
    color: #2b2b2b !important;
}

    .emailform form input {
        margin-bottom: 20px;
    }

    .emailform form label {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.5;
    }

    .emailform form input[type="checkbox"] {
        height: 25px;
        width: 25px;
        line-height: 1;
        margin: 0px 10px 5px 0;
        float: left;
        display: block;
    }

    .emailform form ul {
        padding: 0px;
        margin: 0;
        list-style: none;
    }

        .emailform form ul li {
            margin-bottom: 10px;
        }

.modal-footer .btn {
    margin: 5px !important;
}
/* Fim Modal */

/* Processa E-mail Lista */

.processa-mail-lista .mailtable {
    width: 100%;
    border-spacing: 0px;
}

    .processa-mail-lista .mailtable td {
        border: 1px solid #2b2b2b;
        padding: 5px;
    }

    .processa-mail-lista .mailtable tr th:nth-child(1), .processa-mail-lista .mailtable tr th:nth-child(2) {
        background: #2b2b2b;
        color: #fff;
        padding: 5px;
        text-align: left;
    }

    .processa-mail-lista .mailtable tr th:nth-child(3) {
        background: green;
        color: #fff;
        padding: 5px;
        text-align: center;
    }

    .processa-mail-lista .mailtable tr th:nth-child(4) {
        background: red;
        color: #fff;
        padding: 5px;
        text-align: center;
    }

        .processa-mail-lista .mailtable tr th:nth-child(3) a, .processa-mail-lista .mailtable tr th:nth-child(4) a {
            color: #fff;
            text-decoration: none;
            mouse: pointer;
            text-align: center;
        }

    .processa-mail-lista .mailtable tr td:nth-child(3), .processa-mail-lista .mailtable tr td:nth-child(4) {
        text-align: center;
    }

        .processa-mail-lista .mailtable tr td:nth-child(3) a, .processa-mail-lista .mailtable tr td:nth-child(4) a {
            color: #2b2b2b;
            text-decoration: none;
            mouse: pointer;
            text-align: center;
        }

/* Fim Processa E-mail Lista */

@media (max-width:860px) {
    .processa-mail-lista .mailtable tr th:nth-child(2), .processa-mail-lista .mailtable tr td:nth-child(2) {
        display: none;
    }

    .processa-mail-lista .mailtable td, .processa-mail-lista .mailtable td a {
        font-size: 13px;
    }

    #notselected li, #allselected li, #allsolicitantes li, #reservas_detail li {
        float: left;
        width: 96%;
        margin: 0 1%;
        padding: 5px 1%;
    }

    .adm .table.table-long.tabela-lista .emailnalista {
        width: 40% !important;
    }

        .adm .table.table-long.tabela-lista .emailnalista.overflowhidden {
            overflow: hidden;
            display: none;
        }

    .adm .table.table-long.tabela-lista td, .adm .table.table-long.tabela-lista th, .adm .table.table-long.tabela-lista td span {
        width: 10% !important;
        font-size: inherit;
    }
}

@media (min-width:860px) {
    .blocointro, .blocoadicional {
        padding: 20px 0% 0;
    }

    .blocointro {
        width: 100%;
    }

    .blocoadicional {
        padding: 10px 2%;
        width: 96%;
    }

    .blocointro .locais {
        width: 61%;
    }
    /* Escalas */
    #frame-calendario {
        width: 860px;
    }
    /* Fim Escalas */
}

@media (max-width:340px) {
    .blocointro .data, .blocointro .locais p, .blocointro .locais p span {
        letter-spacing: -0.5px;
    }

    .blocointro .data {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .blocointro .saida {
        font-size: 28px;
    }
}

@media (max-width:274px) {
    .blocointro .destaque {
        width: 100%;
    }

    .blocointro .locais {
        width: 84%;
    }
}