@media (min-width: 992px) {
    .modal-lg13 {
        width: 100%;
        height: 100%;
    }
}


.table-responsive-force {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 1350px) {
    #wrap {
        width: 1350px;
        /* largura fictícia */
        margin: 0 auto;
    }
}

@media only screen and (max-width: 500px) {
    .messages-menu-hidden {
        display: none !important;
    }
}

@-ms-viewport {
    width: device-width;
}

.modal-full-screen {
    width: 100%;
}

.table-windows-full {
    width: 100%;
}

.input-middle {
    width: 70px;
}

div.vertical {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    /* Safari/Chrome */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -o-transform: rotate(-90deg);
    /* Opera */
    -ms-transform: rotate(-90deg);
    /* IE 9 */
}

/*permite estender divs*/
.isResizable {
    background: rgba(255, 255, 255, 0.2);
    font-size: 2em;
    border: 1px solid black;
    overflow: hidden;
    //resize: both;
    //resize: horizontal;
    resize: vertical;
    width: 100%;
    height: 400px;
    min-height: 250px;
    margin-bottom: 15px;
}

/*muda cursor do mouse*/
.mouse-click {
    cursor: pointer;
}

/*.zebraUm{background:#D3D3D3}
.zebraDois{background:#EBF3EB}*/

.panic {
    background: #D3D3D3;
}

/*cor laranja para ser usada nas linhas das tabelas*/

.table>thead>tr>td.laranja,
.table>tbody>tr>td.laranja,
.table>tfoot>tr>td.laranja,
.table>thead>tr>th.laranja,
.table>tbody>tr>th.laranja,
.table>tfoot>tr>th.laranja,
.table>thead>tr.laranja>td,
.table>tbody>tr.laranja>td,
.table>tfoot>tr.laranja>td,
.table>thead>tr.laranja>th,
.table>tbody>tr.laranja>th,
.table>tfoot>tr.laranja>th {
    background-color: #FAF2CC;
}

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

/*cor vermelha para ser utilizada as linhas da tabela*/

.table>thead>tr>td.vermelho,
.table>tbody>tr>td.vermelho,
.table>tfoot>tr>td.vermelho,
.table>thead>tr>th.vermelho,
.table>tbody>tr>th.vermelho,
.table>tfoot>tr>th.vermelho,
.table>thead>tr.vermelho>td,
.table>tbody>tr.vermelho>td,
.table>tfoot>tr.vermelho>td,
.table>thead>tr.vermelho>th,
.table>tbody>tr.vermelho>th,
.table>tfoot>tr.vermelho>th {
    background-color: #ebcccc;
}

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

/*ocultar texto com essa class*/
.ocultatexto {
    display: none;
}


.small-size {
    width: 250px;
}

.altura-max {
    overflow: auto;
    max-height: 200px;
}

.container-list-car {
    overflow: auto;
    width: 270px;
    max-height: 200px;
    //border:solid 1px
}

.container-list-car-obs {
    overflow: auto;
    width: 100%;
    height: 200px;
    //border:solid 1px
}

//cria listra em todas tabela
table {
    border: 1px solid black;
}

table thead {
    background: gray;
    color: white;
}

table tfoot {
    background: gray;
    color: white;
}

table tr th {
    /*    border: 1px solid black;*/
    padding: 5px;
}

table tr td {
    /*    border: 1px solid black;*/
    padding: 5px;
}

table tbody tr:nth-child(2n+1) {
    background: #E5E5E5;
}

/*sombra nas linhas ao passar o mouse*/
.table-hover>tbody>tr>td:hover,
.table-hover>tbody>tr>th:hover,
.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover,
.table-hover>tbody>tr:hover>th {
    background-color: #EEEEEE;
}