/* .m-portlet__body label {
    display: -webkit-inline-box;
} */

.row h3 {
    text-align: right;
}

.inputError {
    border: 2px solid red;
    color: red;
    background: #fce3e3;
}

.inputSuccess {
    border-color: #17a81e;
}

.inputSucessNew {
    border-color: 2px solid #4170ad;
}

.breadcrumbsTheme {
    max-height: 50px;
}

.box-user-id div {
    padding: 6px 20px;
    font-weight: bold;
    font-size: 15px;
    color: #5F518A;
}

.limpa {
    clear: both;
}

.user-hidden,
.boxAdd,
.boxInfo,
.hidden {
    display: none;
}

.m-portlet__body b {
    font-weight: bold;
}

.m-portlet .m-portlet__body {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.m-form.m-form--fit .m-form__content,
.m-form.m-form--fit .m-form__group,
.m-form.m-form--fit .m-form__heading {
    padding-left: 0px;
    padding-right: 0px;
}

.trash-ico {
    padding: 0px 20px !important;
}

.trash-ico a:hover,
.trash-ico a:hover>i {
    color: red !important;
}

.tooltip {
    margin-bottom: 6px !important;
}

.boxesUser h4 {
    font-size: 1.2em;
}

.boxesUser .m-radio {
    padding-right: 16px;
}

.pointer {
    cursor: pointer;
    cursor: hand;
}

.m-input-icon.m-input-icon--left .form-control {
    padding-left: 1rem !important;
}

.m-widget4__item {
    padding-right: 10px;
    border: 1px solid #FFF;
    border-left: 0px;
    border-right: 0px;
    padding-top: .65rem !important;
    padding-bottom: .65rem !important;

    border-top: 2px dotted #FFF;
    border-bottom: 2px dotted #CCC;
}

.m-widget4__item b {
    font-size: 1.1em;

}

.m-widget4__item:hover {
    color: #000000 !important;
    background: #EFEFEF;
    border-top: 2px dotted #FFF;
    border-bottom: 2px dotted #CCC;
    border-left: 0px;
    border-right: 0px;
}

#itensList {
    margin-right: -15px;
    margin-left: -15px;
}

.m-subheader .m-subheader__title {
    color: #1268aa;
}

.m-badge--id {
    background-color: #716aca;
    color: #FFFF;
}




.busmap {
    font-family: Verdana;
    font-size: 11px;
    margin: 20px auto;
    float: left;
    margin-right: 10px;
    min-width: 230px;
}

.cockpit {
    height: 70px;
    position: relative;
    overflow: hidden;
    text-align: left;
    border-bottom: 5px solid #d8d8d8;
}

.cockpit:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 140px;
    width: 100%;
    border-radius: 20%;
    border-right: 5px solid #d8d8d8;
    border-left: 5px solid #d8d8d8;
}

.cockpit img {
    width: 14%;
    margin: 15px 50px;
    opacity: 0.5;
}

.busmap ol {
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.fuselage {
    border: 5px solid #d8d8d8;
    border-radius: 0px 0px 15px 25px;
    border-top: 0px;
    padding: 10px 5px 10px !important;
}

.busmap .row {
    margin: 0px;
    padding: 0px;
}

.NotClick label:hover {
    cursor: not-allowed !important;
    box-shadow: 0px 0px 0px 0px #FFF !important;
}

.seats {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.seat {
    display: flex;
    flex: 0 0 21.28571428571429%;
    padding: 3px;
    position: relative;
}

.seat input[type=checkbox] {
    position: absolute;
    opacity: 0;
}

.seat input[type=checkbox]:checked+label,
.div-legenda .bloqueado {
    background: #65abed;
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    animation-duration: 300ms;
    animation-fill-mode: both;
}

.vendido {
    background: #d38186 !important;
    color: #111;
}

.numberSeat {
    margin-top: 8px;
    font-size: 1.1em;
    font-weight: bolder;
}

.numberSeat-info {
    margin-top: 0px;
    font-size: 1.2em;
    padding: 5px;
    font-weight: bolder;
}

.numberSeatOff {
    font-size: .8em;
    margin-top: -2px;
}

.bloqueado {
    background: #65abed !important;
    color: #111;
}

.bloqueadoC {
    color: #65abed !important;
    color: #111;
}

.reservado {
    background: #fc9f00 !important;
    color: #111;
}

.reservadoC {
    color: #fc9f00 !important;
}

.seat input[type=checkbox]:disabled+label:after {
    /*content: "X";*/
    text-indent: 0;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translate(-50%, 0%);
}


.div-legenda .disponivel {
    background: #bada55;
}

.seat label,
.seat-info label {
    color: #000;
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: .95rem;
    padding: 4px 0px !important;
    margin: 0px;
    background: #bada55;
    border-radius: 5px;
    animation-duration: 300ms;
    animation-fill-mode: both;

}

.seat-info label {
    max-width: 90%;
}

.btn-sex {
    font-weight: bold;
    font-size: .9em;
    margin: 0px 1px;
    padding: 1px 2px;
    transform: translate(0, 0);
    border-radius: 5px;
    background: #FFF;
    width: 15px;
    text-align: center;
}

.mr-btn {
    margin-right: 15px;
}

.legenda {
    font-weight: bold;
    font-size: .9em;
    margin: 0px 1px;
    padding: 1px 2px;
    transform: translate(0, 0);
    border-radius: 5px;
    background: #FFF;
    width: 15px;
    text-align: center;
}

.mars {
    color: #191599 !important;
    border: 1px solid #191599;
}

.venus {
    border: 1px solid #b54448;
    color: #b54448 !important;
}

.child {
    border: 1px solid #177c09;
    color: #177c09 !important;
}

.div-legenda li {
    margin-left: 40px;
    width: 100px;
    margin: 10px;
}

.div-legenda {
    line-height: 2em;
}

.seat label:before,
.seat-info label:before {
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    top: 1px;
    left: 50%;
    transform: translate(-50%, 0%);
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
}

.black {
    color: #000;
}

.seat label:hover {
    cursor: pointer;
    box-shadow: 0 0 0px 2px #5C6AFF;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}


.Liberado,
.Aberto {
    background-color: #44bd54;
    color: #fff;
}

.Pago,
.Paga,
.Confirmada,
.Confirmado {
    background-color: #2da13c;
    color: #fff;
}

.Reservado,
.Reservada {
    background-color: #fc9f00;
    color: #000;
}

.Cancelado,
.Cancelada,
.Fechado,
.Fechada {
    background-color: #f4516c;
    color: #fff;
}

.Pendente {
    background-color: #ffb822;
    color: #000;
}

.m-content h3 {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

.sub-title-h3 {
    font-size: 1.5em !important;
    color: #1268aa;
    text-align: left !important;
    padding: 3px 0px 5px !important;
}


#hotelTemplate,
#crewTemplate,
#restaurantTemplate,
#hostTemplate,
.type_guia {
    display: none;
}

.hotelCss,
.restaurantCss,
.crewCss,
.hostCss {
    margin: 5px 10px;
    padding: 15px !important;
    background: #efefef;
    border: 1px dotted #333;
}


#TemplatePassageiro {
    display: none;
}

.Passageiros {
    background: #EFEFEF;
    padding: 20px 10px !important;
    margin-bottom: 8px !important;
}

.modal-body em {
    font-weight: bolder;
    font-size: 1.3em;
    margin: 15px 0px 0px;
    display: block;
}

.modal-foot {
    padding: 10px 20px;
}


.form-control,
.form-control[readonly] {
    border-color: #777;
}

.datable-tr {
    width: 100%;
}

.top20 {
    margin-top: 20px;
}

.thead-sj {
    margin-top: 20px;
    background: #1268aa;
    color: #FFF;
    padding: 5px 0px;
}

.thead-sj th {
    text-align: center;
}

.tr-sj td {
    text-align: center;
}

.btn-new {
    background: #5773e5;
    color: #FFF !important;
    padding: .5rem;
    border: 0px;
}

.btn-new:hover {
    box-shadow: 0 0 0 3px rgba(87, 115, 229, .3);
}

.btn-select {
    background: #DFA248;
    color: #FFF !important;
    padding: .5rem;
    border: 0px;
}

.btn-select:hover {
    box-shadow: 0 0 0 3px rgba(178, 126, 53, .3);
}

.btn-new i,
.btn-select i {
    font-size: 1.6em;
}

.clearfix {
    clear: both;
}

.btn-group {
    margin-bottom: 5px;
}

.btn-radio-sj.active,
.btn-radio-sj:active,
.show>.btn-radio-sj.dropdown-toggle {
    color: #FFF;
    background: #1268aa;
    box-shadow: 0 0 0 3px rgba(18, 104, 170, .6);
}

.btn-radio-sj {
    color: #333;
    background: #DFDFDF;
}

.size2 {
    font-size: 1.1em;
}


.m-badge-title {
    padding: 5px 15px !important;
    font-size: 1.15em;
}


.m-card-user {
    padding: 15px 30px 0px;
}

.package-id {
    background: #8E44AD;
    color: #FFF;
    box-shadow: 0px 2px 2px 0px #CCC;
}

.sale-id {
    background: #1BA39C;
    color: #FFF;
    box-shadow: 0px 2px 2px 0px #CCC;
}

.seat-id {
    background: #C49F47;
    color: #FFF;
    box-shadow: 0px 2px 2px 0px #CCC;
}

.package-id:hover,
.sale-id:hover,
.seat-id:hover {
    color: #FFF;
    text-decoration: none;
}


.soldLine {
    margin-top: -20px;
    background: #f2f2d7;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 22px;
    border: 2px solid #eaeade;
}

.form-control {
    padding: .65rem .4rem;
}

.list-widget {
    display: table-cell;
    vertical-align: middle;
    box-sizing: inherit;
    padding: 0px 4px;
}

.list-widget .btn-select {
    width: 35px;
    text-align: center;
}

.list-widget .trash {
    margin-right: 30px;
}

.bg-green {
    background: #bada55;
    color: #FFF;
}

.bg-red {
    background: #e50000;
    color: #FFF;
}

.bg-blue {
    background: #5E71E4;
    color: #FFF;
}

.bg-green {
    background: #24b733;
    color: #FFF;
}

.bg-silver {
    background: #CDCDCD;
    color: #FFF;
}

.bg-orange {
    background: #ff8c00;
    color: #FFF;
}



#gallery-sort {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}

#gallery-sort li {
    margin: 4px;
    padding: 10px;
    font-size: 1.2em;
    /* width: 110px; */
    text-align: center;
    float: left;
    background: #EFEFEF;
    border: 2px solid #DEDEDE;
}

.gallery-sort.list {
    clear: both;
}

#gallery-sort li img {
    max-width: 100%;
}

#gallery-sort .btn {
    font-size: .65em;
    padding: .3em;
    margin: 3px 5px 0px;
}



#gallery-thumbs #erro-file {
    display: none;
    background: #f9c7c7;
    padding: 20px;
    margin-bottom: 16px;
}

#gallery-thumbs #erro-file a {
    font-weight: bold;
    color: #000;
}

#gallery-thumbs #progress {
    display: none;
    width: 100%;
}

#gallery-thumbs #files h5 {
    display: none;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
}

#gallery-thumbs #progress h5 {
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
}

#gallery-thumbs #progress .progress-bar {
    padding: 10px;
    height: initial;
    font-size: 2em;
    font-weight: bold;
}

#gallery-thumbs .gallery-thumb {
    width: 100%;
    clear: both;
    height: 90px;
    padding-top: 8px;
    border-bottom: 1px dotted #333;
}

#gallery-thumbs .gallery-thumb canvas {
    float: left;
    margin-right: 15px;
}

#gallery-thumbs #files span {
    color: #9A9A9A;
    font-size: 1.4em;
    font-weight: bold;
    clear: both;
}

#gallery-thumbs .alert {
    color: #FFF !important;
    font-size: 1em !important;
    font-weight: initial !important;
}

.img-responsive {
    max-width: 100%;
}


.rowForm [class*="col-"] {
    padding-bottom: 10px;
}

.rowForm .m-form__help {
    margin-top: -10px;
}



/* Tables */


.table thead>tr {
    background: #EFEFEF;
}

.table thead>tr>th {
    color: #333;
    font-weight: bold;
    padding: 8px 5px;
}

.table thead>tr>th a {
    display: block;
    color: #333;
    font-weight: bold;
    padding-left: 5px;
    text-align: left;
}

.table thead>tr>th a:hover {
    text-decoration: none;
}

.table>tbody>tr>td {
    padding: 5px 10px;
}


.table thead>tr .sorting_off {
    background: #EFEFEF url('../images/table_sort.png') no-repeat left -24px;
    padding-left: 26px;
}

.table thead>tr .sorting_desc {
    background: #EFEFEF url('../images/table_sort.png') no-repeat left -54px;
    padding-left: 26px;
}

.table thead>tr .sorting_asc {
    background: #EFEFEF url('../images/table_sort.png') no-repeat left -84px;
    padding-left: 26px;
}

.table-striped>tbody>tr:nth-child(2n+2)>td,
.table-striped>tbody>tr:nth-child(2n+2)>th {
    background-color: #FFF;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #CDCDCD;
}


.m-subheader .btn-success {
    margin-right: 15px;
}


.page-metatags {
    background: #EFEFEF;
    padding: 10px 15px;
    margin-bottom: 12px;
}


.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.image-preview-input-title {
    margin-left: 2px;
}

.table-package .table>tbody>tr>td {
    padding: 10px;
    line-height: 1.9em;
}

.table-package .table>tbody>tr>td {
    padding: 10px;
    line-height: 1.9em;
}

.m-badge-line {
    background: none;
    border: 1px solid #CDCDCD;
}

.m-switch.m-switch--outline.m-switch--warning input:empty~span:after {
    color: #FFF;
}

.m-switch.m-switch--outline.m-switch--warning input:checked~span:before {
    background-color: #fff;
}

ul.chec-radio {
    margin: 15px;
}

ul.chec-radio li.pz {
    display: inline;
}

.chec-radio .radio-inline .clab {
    cursor: pointer;
    background: #e7e7e7;
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    position: relative;
    float: left;
    margin: 0;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #CCC;
}

.chec-radio label.radio-inline input[type="radio"] {
    display: none;
}

.chec-radio label.radio-inline input[type="radio"]:checked+div {
    color: #fff;
    background-color: #2F4F4F;
    font-weight: bold;
}

.payLine {
    color: #9A9A9A;
    font-size: .8em;
    font-weight: bold;
    border-top: 1px dotted #ABABAB;
    padding: 5px 20px 0px;
    margin-top: 16px;
}

#showPoltronas .seat-info label {
    float: left;
    margin-right: 20px;
}

#paymentList .soma {
    font-size: 1.5em;
    font-weight: bold;
}

#paymentList .tipo i {
    font-size: 2em;
}

#paymentList .total,
.falta {
    font-size: 1.8em;
}

#paymentList .falta {
    color: red;
    font-weight: bold;
    background: red;
}