﻿/* RESET */
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: 100%;
    vertical-align: baseline
}

select, input, textarea {
    resize: none
}

* {
    outline: none;
    font-family: 'Arial', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif
}




    textarea {
    overflow: auto
}

    input[type="password"]:focus, input[type="button"]:focus, input[type="submit"]:focus,
    input[type="text"]:focus, textarea:focus, select:focus {
        box-shadow: 0 0 3px rgb(28, 92, 161);
        border: 1px solid rgba(81, 203, 238, 1)
    }


.divesquerda {
   
    width: 300px;
    position: relative;
    margin-top: 50px;
}

.divdireita {
  
    width: 300px;
    position: relative;
    float:right;
    margin-top:-150px;
}


/* Mensagem de ERRO */
.hidden {
    display: none;
    visibility: hidden
}

.msg_erro {
    color: #C9302C;
    font-size: 13px;
    margin: 10px
}

.alert_message {
    text-align: center;
    padding: 20px;
    width: 300px
}

    .alert_message p {
        font-size: 14px;
        padding: 20px 40px;
        line-height: 18px
    }

    .alert_message input[type="button"] {
        margin-right: 10px
    }


.alert_messageEmail {
    text-align: center;
    padding: 20px;
    width: 550px
}

    .alert_messageEmail p {
        font-size: 14px;
        padding: 20px 40px;
        line-height: 18px
    }

    .alert_messageEmail input[type="button"] {
        margin-right: 10px
    }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

.bodyProd {
    line-height: 1;
    background: url("../img/bg.jpg")
}

.bodyTeste {
    line-height: 1;
    background: url("../img/bgTeste.jpg")
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

hr {
    height: 1px;
    line-height: 1px;
    border-style: solid;
    border: none;
    border-bottom: 1px solid #CCC;
    margin-top: 30px
}

.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    display: block
}

.light-color {
    color: #FFF
}

.maiusculo {
    text-transform: uppercase !important
}

.esquerda {
    text-align: left !important
}

.direita {
    text-align: right !important
}

.direitaBold {
    text-align: right !important;
    font-weight: bold;
}

.bold {
    font-weight: bold !important;
}

.center {
    text-align: center !important
}


/* FORM ELEMENTS */
label {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    height: 18px;
    display: block;
    margin-top: 15px
}

.fake_iptupload, input[type="text"], input[type="number"], input[type="password"], textarea {
    font-size: 12px;
    vertical-align: middle;
    outline: none;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 4px 6px;
    line-height: 18px;
    height: 18px;
    color: #000;
    border-radius: 4px;
}

span.a {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    height: 18px
}

.table.a {
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    height: 18px
}

@-moz-document url-prefix() {
    .file_upload span, input[type="button"], input[type="submit"] {
        padding: 3px 23px
    }
}

.file_upload span:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #99cc34;
}

input[type="button"].btmais, input[type="submit"].btmais {
    padding-left: 15px;
    padding-right: 15px
}

input[type="button"].btmais1, input[type="submit"].btmais1 {
    padding-left: 15px;
    padding-right: 15px;
    width: 38px;
    left: -17px;
    position: relative;
}


input[type="button"].btmais2, input[type="submit"].btmais2 {
    padding-left: 15px;
    padding-right: 15px;
    width: 38px;
    left: -12px;
    position: relative;
}


span.ex {
    font-size: 11px;
    font-style: italic;
    color: #666;
    margin-top: 5px
}

.checkbox {
    width: 16px;
    margin-top: 20px
}

    .checkbox input[type="checkbox"] {
        display: none
    }

        .checkbox input[type="checkbox"] + label {
            background: url("../img/checkbox.png") no-repeat 0 0;
            cursor: pointer;
            line-height: 16px;
            margin: 0;
            padding-left: 25px;
            height: 16px;
            display: inline-block
        }

        .checkbox input[type="checkbox"]:checked + label {
            background: url("../img/checkbox.png") no-repeat 0 -16px
        }

.select {
    position: relative;
    display: inline-block;
    border: 1px solid #CCC;
    background: #FFF;
    height: 27px;
    line-height: 27px
}

    .select select {
        cursor: pointer;
        width: 100% !important;
        background: none;
        border: 1px solid transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        outline: none;
        box-sizing: border-box; /*appearance:none;*/
        -webkit-appearance: none;
        color: #000;
        padding: 2px 8px;
        line-height: 20px;
        font-size: 12px
    }

    .select::after {
        content: "";
        position: absolute;
        width: 12px;
        height: 7px;
        top: 19px;
        right: 11px;
        margin-top: -8px;
        background: url("../img/arrow-select.png") no-repeat;
        z-index: 0;
        pointer-events: none
    }

    .select option {
        font-weight: normal
    }
/*x:-o-prefocus, .select::after { display:none }*/
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .select select::-ms-expand {
        display: none
    }

    .select select:focus::-ms-value {
        background: transparent;
        color: #000
    }
}

@-moz-document url-prefix() {
    .select {
        overflow: hidden
    }

        .select select {
            width: 100%;
            width: -moz-calc(100% + 4em);
            width: calc(100% + em)
        }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select {
        font-size: 1px
    }
}

.select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}






a {
    color: #326078;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px
}

    a:hover {
        text-decoration: underline
    }

input[type="text"].aspNetDisabled, .select select.aspNetDisabled {
    color: #3a539a !important;
    cursor: default;
    background: #F0F0F0;
    border-radius: 3px;
}

input[type="button"].aspNetDisabled,
input[type="submit"].aspNetDisabled {
    color: #FFF !important;
    cursor: default;
    background: #999 !important;
    left: 1px !important;
    position: relative;
}


.select select[disabled="disabled"] {
    color: #3a539a !important;
    background: #F0F0F0 !important;
}

    .select select[disabled="disabled"]:hover {
        cursor: not-allowed
    }

.left {
    float: left
}

.left210 {
    float: left;
    width: 210px !important;
}

.left span {
    font-size: 12px;
    font-weight: bold
}

.right {
    float: right
}

    .right input[type="button"] {
        margin-top: 3px
    }

.rightHistorico input[type="button"] {
    margin-top: 13px;
    float: right;
}

.t10 {
    top: 10px !important;
    position: relative;
}
.t20 {
    top: 20px !important;
    position:relative;
       
}
.mr0 {
    margin-right: 0 !important
}

.mt10 {
    margin-top: 10px !important
}

.mt30 {
    margin-top: 30px !important
}
.mr20 {
    margin-right: 20px !important
}

.mr40 {
    margin-right: 40px !important
}

.ml10
{
    margin-left:10px
}


.ml25 {
    margin-left: 25px
}

.ml38 {
    margin-left: 38px !important
}

.ml60 {
    margin-left: 60px !important
}
.ml70 {
    margin-left: 70px !important
}

.ml75 {
    margin-left: 75px !important
}


.ml90 {
    margin-left: 90px !important
}
.ml100 {
    margin-left: 100px !important
}

.ml150 {
    margin-left: 150px !important
}

.mr10 {
    margin-right: 10px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml77 {
    margin-left: 77px;
}

.ml10 {
    margin-left: 10px;
}
    .ml5 {
    margin-left: 5px !important
}
.ml15 {
    margin-left: 15px !important
}

.ml35 {
    margin-left: 35px !important
}
.ml40 {
    margin-left: 40px !important
}
.ml-10 {
    margin-left: -10px !important
}
.ml-20 {
    margin-left: -20px !important
}

.ml-42 {
    margin-left: -42px !important
}

.ml-72 {
    margin-left: -72px !important
}

.ml-84 {
    margin-left: -84px !important
}
.ml-120 {
    margin-left: -120px !important
}


.ml-140 {
    margin-left: -140px !important
}

.ml-160 {
    margin-left: -160px !important
}


.ml-190 {
    margin-left: -190px !important
}


.ml-220 {
    margin-left: -220px !important
}


.ml-264 {
    margin-left: -264px !important;
}

.ml-324 {
    margin-left: -324px !important;
}
.ml50 {
    margin-left: 50px !important
}

.ml100 {
    margin-left: 100px !important
}

.r15 {
    right: 15px !important
}

.ml-5 {
    margin-left: -5px !important
}

.ml-30 {
    margin-left: -30px !important
}

.ml-50 {
    margin-left: -50px !important
}

.ml-90 {
    margin-left: -90px !important
}

.mt-5 {
    margin-top: -5px !important
}
.mt-10 {
    margin-top: -10px !important
}

.mt42 {
    position: relative;
    margin-top: 42px;
}

.mt50 {
    position: relative;
    margin-top: 50px;
}
.mt70 {
    position: relative;
    margin-top: 70px;
}

.mt130 {
    position: relative;
    margin-top: 130px;
}
.mt-15 {
    margin-top: -15px !important
}
botoesDW

.mt-18 {
    margin-top: -18px !important
}
.mt-20 {
    margin-top: -20px !important
}

.mt-22 {
    margin-top: -22px !important
}

.mt-25 {
    margin-top: -25px !important
}
.mt-30 {
    margin-top: -30px !important
}
.mt-33 {
    margin-top: -33px !important
}
.mt-40 {
    margin-top: -40px !important
}
.mt-50 {
    margin-top: -50px !important
}
.mt-55 {
    margin-top: -55px !important
}
.mt-60 {
    margin-top: -60px !important
}
.mt-65 {
    margin-top: -65px !important
}
.mt-80 {
    margin-top: -80px !important
}

.mt-100 {
    margin-top: -100px !important
}


.mt-150 {
    margin-top: -150px !important
}

.btCancelaEmbalagem {
    margin-left: 82px !important;
    position: relative;
    margin-top: -124px !important;
}

.btokEmbalagem {
    top: -84px !important;
    position: relative;
    margin-left: 229px !important;
}
/* TABLE */
table {
    border-spacing: 0px;
    background: transparent;
    margin: 20px 0;
    width: 100%
}

    table thead th, table thead td, table tbody th {
        border-collapse: collapse;
        border-top: 1px solid white;
        border-left: 1px solid white;
        border-right: 1px solid white;
        background: #1c5ca1; /*#6f7886;  #326078; #315bb2*/
        font-size: 11px;
        font-weight: normal;
        padding: 5px;
        color: #FFF;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        border-radius: 3px !important;
    }

    table tbody td {
        border-collapse: collapse;
        border-bottom: 2px solid #DDF !important;
        border-left: 1px solid #DDF !important;
        border-right: 1px solid #DDF !important;
        font-size: 11px;
        font-weight: normal;
        padding: 3px;
        display: table-cell;
        color: #000;
        min-height: 16px;
        text-align: center;
        vertical-align: middle
    }


        table tbody th:last-child, table tbody td:last-child {
            border-right: 0px solid #DDD;
            border-bottom: 0px solid #DDD;
            border-left: 0px solid #DDD;
        }

    table tr:nth-child(odd) {
        background: #F9F9F9;
    }

    table tr:nth-child(even) {
        background: #FFF
    }

    table tbody tr:hover {
        background: #cbf37c;
    }

    table tbody tr hover {
        background-color: transparent;
    }


    table .l20 {
        width: 20px !important;
        min-width: 20px
    }

    table tr td input[type="button"] {
        display: inline-block;
        margin: 0 5px;
        width: 16px;
        height: 16px
    }

    table tr td img, table tr td a {
        display: inline-block;
        margin: 0;
        width: 16px;
        height: 16px
    }

    table tr td input[type="button"]:hover {
        background-color: unset !important;
        opacity: 0.5; /*-moz-opacity:0.5; -khtml-opacity:0.5;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50)
    }

    table tbody tr.dtpager, .dtpager table tbody tr:hover {
        background: #DDD;
    }

.dtpager table {
    width: auto;
    border-left: 1px solid #CCC;
    margin: 5px auto !important;
}

    .dtpager table tbody td {
        width: 26px;
        border: 1px solid #CCC;
        border-left: none;
        padding: 0;
        border-collapse: collapse;
        line-height: 20px;
        border-radius: 4px;
    }

        .dtpager table tbody td a, .dtpager table tbody td span {
            font-size: 11px;
            display: block;
            width: 26px;
            height: 20px;
            padding: 5px;
            line-height: 20px;
            background: white;
        }

            .dtpager table tbody td a:hover {
                background: #99cc34;
                color: #333;
                text-decoration: none
            }

        .dtpager table tbody td span {
            background: #1c5ca1;
            color: #FFF;
            cursor: default;
        }

    .dtpager table tr {
        background: #FFF;
        margin-top: -20px !important;
        position: relative;
        margin-bottom: -20px;
        height: 15px;
    }

table thead th.sortable, table thead td.sortable, table tbody th.sortable {
    background-color: red !important;
    color: #FFF;
    cursor: default
}


.dtpager span .aspNetDisabled {
    color: #CCC;
    cursor: default
}

    .dtpager span .aspNetDisabled:hover {
        background: none;
        color: #CCC
    }

.sem-resultados p {
    font-size: 16px;
    color: #1A478C;
    font-weight: bold;
    text-align: center;
    margin-top: 80px
}

.ascendingCssClass {
    color: Green;
    background-color: red !important;
}


/* MENU */

.menu {
    /*padding: 10px 7px;*/
    cursor: pointer;
    height: 18px;
    z-index: 506;
    position: fixed;
    top: 11px;
    margin-left: 12px;
}

.menuFink {
    background: #efeeee url(../img/logo-fink.png) no-repeat center 10px;
    background-size: 60px;
    cursor: pointer;
    border-right: 1px solid white;
    margin-top: 0px;
    /*position: fixed;*/
    margin-top: -36px;
    left: 48px;
}



.navigation {
    float: left;
    font-weight: bold;
    font-size: 10px;
    z-index: 500;
}

    .navigation ul {
        position: relative;
        z-index: 500;
        float: left
    }


        .navigation ul li {
            float: left;
            vertical-align: middle;
            position: relative;
            width: 170px;
        }

            .navigation ul li.hover,
            .navigation ul li:hover {
                position: relative;
                z-index: 510;
                cursor: default
            }
/*.navigation ul ul { visibility:hidden; position:absolute; top:100%; left:0px; z-index:520; width:100% }*/
/*.navigation ul ul li { float:none }*/
/*.navigation ul ul ul { top:0; right:0 }
.navigation ul li:hover > ul { visibility:visible }
.navigation ul ul { top:0; left:99% }
.navigation ul li { float:none } */
.navigation {
    width: 170px;
    background: #999;
    zoom: 1;
    position: fixed;
    top: 38px;
    border-radius: 6px;
}

    .navigation:before {
        content: '';
        display: block
    }

    .navigation:after {
        content: '';
        display: table;
        clear: both
    }

    .navigation a {
        display: block;
        padding: 16px 10px;
        color: #FFF;
        padding-left: 30px;
        text-decoration: none
    }

    .navigation li img {
        position: absolute;
        margin: 10px 0 0 7px;
        cursor: pointer
    }

    .navigation > ul {
        width: 100%
    }

    .navigation ul ul {
        width: 170px
    }

    .navigation > ul > li > a {
        color: #FFF
    }

        .navigation > ul > li > a:hover {
            color: #FFF
        }

    .navigation > ul > li a:hover,
    .navigation > ul > li:hover a {
        background: #1C5CA1;
        color: #FFF
    }

    .navigation li {
        position: relative
    }

    .navigation ul li.has-sub > a:after {
        content: '»';
        position: absolute;
        right: 1em
    }

    .navigation ul ul a {
        color: #FFF;
        text-indent: 0 !important;
        padding: 8px 10px
    }

        .navigation ul ul a:hover {
            color: #FFF
        }

    .navigation ul ul li:hover > a {
        background: #4eb1ff;
        color: #FFF;
        border-radius: 4px;
    }


/*.menuAdmSistema, .menuCadastro, .menuHome {
    float: left;
    font-weight: bold;
    font-size: 10px;
    position: fixed;
    top: 39px;
}*/

/*
    .menuAdmSistema ul, .menuCadastro ul, .menuHome  ul {
        position: relative;
        z-index: 500;
        float: left
    }
      .menuAdmSistema ul li, .menuCadastro ul li, .menuHomeu ul li {
            float: left;
            vertical-align: middle;
            position: relative
        }
           .menuAdmSistema ul li.hover, .menuCadastro ul li.hover
            .menuAdmSistema ul li:hover, .menuCadastro ul li:hover,
            .menuHome ul li:hover, .menuHome ul li:hover 
            {
                position: relative;
                z-index: 510;
                cursor: default
            }

        .menuAdmSistema ul ul, .menuCadastro ul ul, .menuHome  ul ul {
            visibility: hidden;
            position: absolute;
            top: 100%;
            left: 0px;
            z-index: 520;
            width: 100%
        }

            .menuAdmSistema ul ul li, .menuCadastro ul ul li, .menuHome ul ul li {
                float: none
            }

            .menuAdmSistema ul ul ul, .menuCadastro ul ul ul, .menuHome ul ul ul {
                top: 0;
                right: 0
            }

        .menuAdmSistema ul li:hover > ul, .menuCadastro ul li:hover > ul, .menuHome ul li:hover > ul {
            visibility: visible
        }

        .menuAdmSistema ul ul, .menuCadastro ul ul, .menuHome ul ul {
            top: 0;
            left: 99%
        }

        .menuAdmSistema ul li, .menuCadastro ul li, .menuHome ul li {
            float: none
        }
    */

.menuAdmSistema, .menuCadastro, .menuHome {
    width: 170px;
    background: #1c5ca1;
    zoom: 1;
    border-radius: 4px;
    margin-top: 38px;
}

    .menuAdmSistema:before, .menuCadastro:before, .menuHome:before {
        content: '';
        display: block
    }

    .menuAdmSistema:after, .menuCadastro:after, .menuHome:after {
        content: '';
        display: table;
        clear: both
    }

    .menuAdmSistema a, .menuCadastro a, .menuHome a {
        display: block;
        padding: 16px 5px;
        color: #FFF;
        padding-left: 30px;
        text-decoration: none;
        margin-left: 2px
    }


    .menuAdmSistema li img, .menuCadastro li img, .menuHome li img {
        position: absolute;
        margin: 10px 5px 0 5px;
        cursor: pointer;
        z-index: 6;
    }

    .menuAdmSistema > ul, .menuCadastro > ul, .menuHome > ul {
        width: 100%
    }

    .menuAdmSistema ul ul, .menuCadastro ul ul, .menuHome ul ul {
        width: 170px
    }

    .menuAdmSistema > ul > li > a, .menuCadastro > ul > li > a, .menuHome > ul > li > a {
        color: #FFF
    }

        .menuAdmSistema > ul > li > a:hover,
        .menuCadastro > ul > li > a:hover,
        .menuHome > ul > li > a:hover {
            color: #FFF
        }

    .menuAdmSistema > ul > li a:hover,
    .menuAdmSistema > ul > li:hover a,
    .menuCadastro > ul > li a:hover,
    .menuCadastro > ul > li:hover a,
    .menuHome > ul > li a:hover,
    .menuHome > ul > li:hover a {
        background: #1C5CA1;
        color: #FFF
    }

    /********* */

    .menuAdmSistema > ul > li a:active,
    .menuAdmSistema > ul > li:active a,
    .menuCadastro > ul > li a:active,
    .menuCadastro > ul > li:active a,
    .menuHome > ul > li a:active,
    .menuHome > ul > li:active a {
        background: red;
        color: #FFF
    }

    /********* */

    .menuAdmSistema > ul > li a:hover,
    .menuAdmSistema > ul > li:hover a,
    .menuCadastro > ul > li a:hover,
    .menuCadastro > ul > li:hover a,
    .menuHome > ul > li a:hover,
    .menuHome > ul > li:hover a {
        background: white;
        color: black;
    }


    .menuAdmSistema li,
    .menuCadastro li, .menuHome li {
        position: relative
    }
/*
    .menuAdmSistema ul li.has-sub > a:after,
    .menuCadastro ul li.has-sub > a:after,
    .menuHome ul li.has-sub > a:after,
    .menuHome ul li.has-sub > a:after
    {
        content: '»';
        position: absolute;
        right: 1em
    }

    .menuAdmSistema ul ul a,
    .menuCadastro ul ul a,
    .menuHome ul ul a{
        color: #FFF;
        text-indent: 0 !important;
        padding: 8px 10px
    }

        .menuAdmSistema ul ul a:hover,
        .menuCadastro ul ul a:hover,
        .menuHome ul ul a:hover {
            color: #FFF
        }

    .menuAdmSistema ul ul li:hover > a,
    .menuCadastro ul ul li:hover > a,
    .menuHome ul ul li:hover > a {
        background: #4eb1ff;
        color: #FFF
    }
        */
.container {
    float: left;
    width: 80%;
    margin-left: 172px;
    padding: 14px;
    /*margin-left: 2px;
    width: calc(100% - 100px);*/
    margin-top: 30px;
}


    .container h2 {
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 20px;
        visibility: hidden;
    }

    .container .filtro {
        padding: 7px 18px 5px 5px;
        border: 1px solid #CCC;
        margin-top: -44PX;
        height: 32px;
        background-color: #1c5ca1;
    }

    .container input.excel {
        float: right;
        background: #5c93eb url("../img/excel.png") no-repeat 140px 7px;
        padding-left: 15px;
        margin-left: 10px;
        padding-right: 35px
    }

    .container input.adicionar {
        background: /*#37a09d*/ url("../img/adicionar.png") no-repeat 79px 7px;
        padding-left: 15px;
        margin-left: 10px;
        padding-right: 30px
    }

    .container input.grafico {
        background: #5c93eb url("../img/agenda.png") no-repeat 65px 5px;
        padding-left: 15px;
        margin-left: 10px;
        padding-right: 30px
    }

    .container input.buscar {
        background: #1c5ca1 url("../img/buscar.png") no-repeat center center !important;
        background-size: 14px;
        font-size: 1px;
        color: #FFF;
        display: inline-block;
        border-radius: 4px;
    }

        .container input[type="button"]:hover, .container input.buscar:hover {
            background-color: #99cc34;
        }

input.buscar1 {
    background: #5c93eb url("../img/buscar.png") no-repeat center center;
    background-size: 14px;
    font-size: 1px;
    color: #FFF;
    width: 38px !important;
    display: inline-block;
    padding: 0px
}

.fundo {
    background: #FFF;
    padding: 20px 0;
    width: 100%;
    min-height: 400px
}

.fundo-interna {
    background: #FFF;
    margin: -8px;
    padding: 20px 0 20px 20px;
    width: 1000px;
    min-height: 400px;
    margin-top: -60px;
}

.fundo-interna3 {
    background: #FFF;
    margin: -20px;
    padding: 20px 0 20px 20px;
    width: 1000px;
    min-height: 400px;
    margin-top: -35px;
    margin-left: 161px;
}

.fundo-interna2 {
    background: #FFF;
    margin: -20px;
    padding: 20px 0 20px 20px;
    width: 1000px;
    min-height: 400px;
    margin-top: -35px;
    margin-left: -1px;
}

    .fundo h3, .fundo-interna h3, .fundo-interna2 h3 {
        background: #606060;
        color: #FFF;
        font-size: 12px;
        padding: 7px 5px;
        margin-top: 40px;
        margin-right: 20px;
        border-radius: 4px;
    }

.fundo table, .fundo-interna table {
    width: 980px
}

    .fundo table table, .fundo-interna table table {
        width: auto
    }

.resumo_titulo {
    border: 1px solid #CCC;
    padding: 20px;
    margin-right: 20px
}

    .resumo_titulo h4 {
        font-size: 11px;
        font-weight: bold
    }

    .resumo_titulo span {
        font-size: 14px;
        display: block;
        margin-top: 5px;
        margin-bottom: 20px;
        color: #666;
        font-weight: normal
    }

    .resumo_titulo div {
        width: 350px
    }

        .resumo_titulo div:nth-child(3) {
            width: 100px
        }

.dupla {
    width: 340px
}

    .dupla table {
        width: 100%
    }

    .dupla input[type="button"], .dupla input[type="submit"] {
        padding: 2px 10px;
        font-size: 11px;
        height: 22px
    }

    .dupla table thead th, .dupla table thead td, .dupla table tbody th {
        font-size: 10px;
        padding: 5px
    }

    .dupla table tbody td {
        font-size: 10px;
        padding: 5px
    }

    .dupla .dtpager table tbody td {
        width: 20px;
        line-height: 18px;
        padding: 0
    }

        .dupla .dtpager table tbody td a, .dupla .dtpager table tbody td span {
            font-size: 10px;
            width: 20px;
            height: 18px;
            padding: 0;
            line-height: 18px
        }

.popup {
    background: #FAFAFA
}

    .popup form {
        padding: 20px
    }

    .popup h2 {
        background: #333;
        color: #FFF;
        font-size: 14px;
        padding: 10px
    }

    .popup h3 {
        background: #E0E0E0;
        color: #333;
        font-size: 12px;
        padding: 7px 5px;
        margin-top: 20px
    }

    .popup .botoes {
        border-top: 1px solid #CCC;
        padding-top: 10px;
        margin-top: 20px
    }

    .popup .botoes14 {
        border-top: 1px solid #CCC;
        padding-top: 10px;
        margin-top: 14px;
    }

    .popup .botoes15 {
        border-top: 1px solid #CCC;
        padding-top: 1px;
        margin-top: 115px;
    }

    .popup table {
        margin: 0 0 20px 0
    }

        .popup table thead th, .popup table thead td, .popup table tbody th {
            font-size: 10px;
            padding: 5px
        }

        .popup table tbody td {
            font-size: 10px;
            padding: 1px
        }

    .popup .dtpager table tbody td {
        width: 20px;
        line-height: 18px;
        padding: 0
    }

        .popup .dtpager table tbody td a, .popup .dtpager table tbody td span {
            font-size: 10px;
            width: 20px;
            height: 18px;
            line-height: 18px
        }

.home {
    background: #FFF
}

    .home .fundo {
        position: absolute;
        z-index: 1;
        width: 100%;
        background: url("../img/principal.jpg") no-repeat center;
        height: 350px;
        margin-top: -10px
    }

    .home .conteudo_home {
        position: relative;
        text-align: center;
        z-index: 2;
        border-radius: 200px;
        margin: 90px auto 0 auto;
        width: 300px;
        height: 300px;
        padding: 20px
    }

        .home .conteudo_home label {
            color: #FFF
        }

        .home .conteudo_home h1 {
            margin: 50px 0 30px 0;
            color: #FFF;
            font-size: 22px
        }

        .home .conteudo_home .logo {
            position: absolute;
            z-index: 2;
            background: url("../img/logo-fink.png") no-repeat center;
            background-size: 90px;
            width: 290px;
            height: 30px;
            margin-top: -70px
        }

    .home input[type="submit"] {
        margin: 30px 0 0 0;
        background: #13cc2d
    }

        .home input[type="submit"]:hover {
            background: #4eb1ff
        }

.divEsquerda {
    float: left;
    width: 600px;
}

.divDireita {
    border: 1px solid #CCC;
    margin-left: 25px;
    margin-left: 20px;
    float: left;
    width: 330px;
}

.colDireita {
    float: right;
    width: 358px;
    margin-right: 20px;
}

    .colDireita table {
        width: 320px;
    }

        .colDireita table td {
            border-right: 1px solid #DDD;
        }

        .colDireita table th {
            border-right: 1px solid #666;
        }

    .colDireita .bloco {
        padding: 20px 0 0 15px;
        border: 1px solid #CCC;
        margin-bottom: 20px;
    }

        .colDireita .bloco table {
            margin-top: -2px;
        }

        .colDireita .bloco div {
            height: 300px;
            overflow-y: scroll;
            overflow-x: hidden;
        }

    .colDireita h2 {
        font-size: 14px;
        padding-bottom: 0;
    }

.tbContenedores {
    position: relative;
    border-spacing: 0px;
    background: #FFF;
    margin: 20px 0;
    width: 90% !important;
    margin-left: -4px !important;
    position: relative;
    margin-top: 10px !important;
}

    .tbContenedores td {
        width: 0px;
    }

.inputDisabled {
    color: #999 !important;
    cursor: default;
    background: #F0F0F0 !important;
}

.bemVindo {
    position: absolute;
    right: 20px;
    top: 22px;
    font-size: 12px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif;
    color: #02679c;
    font-weight: bold;
}

.bold {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif;
    color: #02679c;
    font-weight: bold;
}


button:disabled {
    color: rgb(84, 84, 84);
    cursor: default;
    background: gray !important;
}

.lbTeste {
    color: white;
    font-size: 18px;
    margin-left: 3px;
    color: red;
    margin-top: 9px;
    position: absolute;
    font-weight: bold;
    margin-left: 185px;
}


.maritimo {
    margin-top: 20px;
}

.buttonGridContenedor {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    margin-left: 3px;
}

.divLoginTeste {
    position: relative;
    margin-top: 145px;
    text-align: center;
}

.lbAmbienteTeste {
    font-size: 26px;
    font-weight: bold;
}


table tbody th a {
    color: white;
}

.divCollapse {
    margin-bottom: 20px;
}

.divDados {
}

.imgExpand {
    position: relative;
    left: 950px;
    top: -24px;
    background-color: transparent;
    -webkit-filter: brightness(100);
    filter: brightness(100);
    cursor: pointer;
}

.barraSuperior {
    background-color: #efeeee;
    height: 38px;
    border-bottom: 1px solid #CCC;
    position: fixed;
    width: 100%;
    z-index: 96;
}

    .barraSuperior ul {
        float: right;
    }


    .barraSuperior img {
        vertical-align: middle;
    }


    .barraSuperior ul li {
        float: left;
        position: relative;
        padding: 8px 20px;
        border-left: 1px solid #CCC;
    }


        .barraSuperior ul li span.SEMnotificacoes {
            display: block;
            width: 21px;
            height: 21px;
            background: url("../img/notificacao.png") no-repeat 0 0;
        }


        .barraSuperior ul li span.COMnotificacoes {
            display: block;
            width: 21px;
            height: 21px;
            background: url("../img/notificacao.png") no-repeat 0 0;
            position: relative;
        }


            .barraSuperior ul li span.COMnotificacoes span {
                color: #FFF;
                width: 13px;
                height: 13px;
                line-height: 13px;
                border-radius: 20px;
                position: absolute;
                top: 0;
                right: 0;
                text-align: center;
                font-style: normal;
                font-size: 8px;
                font-weight: bold;
                background: #F00;
                display: block;
            }


        .barraSuperior ul li ul {
            float: none;
            position: absolute;
            background: #efeeee;
            right: 0;
            margin-top: 9px;
            border-right: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
        }

            .barraSuperior ul li ul li {
                float: none;
                padding: 10px 20px;
                width: 130px;
            }

                .barraSuperior ul li ul li a {
                    color: #333;
                }

    .barraSuperior a:hover {
        text-decoration: none;
    }

    .barraSuperior ul li:hover {
        background-color: #CCC;
    }

    .barraSuperior ul li ul li img {
        -webkit-filter: brightness(0);
        filter: brightness(0);
        margin-right: 10px;
    }


input[type="button"].agendaBranco, input[type="submit"].agendaBranco,
input[type="button"].agendaAzul, input[type="submit"].agendaAzul,
input[type="button"].agendaLaranja, input[type="submit"].agendaLaranja,
input[type="button"].agendaVermelha, input[type="submit"].agendaVermelha,
input[type="button"].agendaVerde, input[type="submit"].agendaVerde,
input[type="button"].agendaCinza, input[type="submit"].agendaCinza {
    background-color: white;
    width: 100%;
    white-space: normal;
    height: 48px;
    cursor: copy;
    padding: 0;
    font-size: 11px;
}

input[type="button"].agendaVermelha, input[type="submit"].agendaVermelha {
    background-color: #f5bfbf;
    cursor: pointer;
    /*cursor: not-allowed;*/
    color: black;
}

input[type="button"].agendaAzul, input[type="submit"].agendaAzul {
    background-color: #4eb1ff;
    cursor: pointer;
}

input[type="button"].agendaVerde, input[type="submit"].agendaVerde {
    background-color: #b5d7b5;
    cursor: pointer;
}


input[type="button"].agendaLaranja, input[type="submit"].agendaLaranja {
    background-color: #e5ca8a;
    cursor: pointer;
    color: black;
}

input[type="button"].agendaCinza, input[type="submit"].agendaCinza {
    background-color: #F0F0F0;
    cursor: pointer;
}

.btTransparente {
    background-color: transparent;
    width: 100px;
    height: 25px;
    text-align: center;
}

#calender {
    position: relative;
    margin-top: 35px;
}

    #calender table tbody tr td {
        border-right: 1px solid #DDD;
        padding: 0;
    }

    #calender table tbody tr th {
        border-right: 1px solid #666
    }

input[type="button"].btAgendaMais, input[type="submit"].btAgendaMais {
    background-image: url(../img/mais.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 18px;
    padding-right: 15px;
    position: relative;
    top: 64px;
}

input[type="button"].btAgendaMenos, input[type="submit"].btAgendaMenos {
    background-image: url("../img/menos.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 18px;
    padding-right: 15px;
    position: relative;
    top: 64px;
}


ul.sumario, ul.notas {
    margin: 10px 0;
    border: 1px solid #CCC;
    background: #F0F0F0;
    padding: 10px 15px;
}

    ul.sumario li, ul.notas li {
        margin: 10px 0;
        font-size: 11px;
    }

        ul.sumario li span, ul.notas li span {
            font-weight: bold;
            margin-right: 5px
        }

a#btnInserirNota {
    display: inline-block;
    margin-top: 10px;
    margin-right: 0;
    color: #FFF;
    background: #5c93eb;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    padding: 3px 25px;
}

    a#btnInserirNota:hover {
        background-color: #d09393;
        text-decoration: none;
    }

.disabled {
    /*cursor: not-allowed;*/
    background: #F0F0F0 !important;
    color: #999 !important
}

.divUserGrid {
    background: #efeeee !important;
    position: absolute;
    top: 10%;
    /*left: 104px;*/
    width: 690px;
    /*height: 696px;*/
    cursor: pointer;
    z-index: 99;
    padding: 15px;
    border: 1px solid #666;
}

.divUserGrid {
    background: #efeeee !important;
    position: absolute;
    top: 10px;
    height: 507px !important;
    cursor: pointer;
    z-index: 99;
    padding: 15px;
    border: 1px solid #666;
}
    .divUserGrid table tr td {
    padding: 5px;
}

ul.ajuda {
    margin-top: 20px
}

    ul.ajuda li {
        padding: 10px 5px;
        font-size: 12px
    }

.pnlPesquisa {
    display: inline-block
}


.btResfresh {
    background-image: url("../img/refresh.png") !important;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 52px !important;
    filter: brightness(100%);
    background-color: red !important;
}


.pnlDrop {
    width: 680px;
    min-height: 20px;
    overflow-y: scroll;
    top: 10px;
    padding-top: 10px;
    padding-left: -10px;
}

.divInsereEndereco {
    width: 100px;
    position: relative;
    top: -25px;
    height: 40px;
    left: 850px;
}


.divInsereEmail {
    width: 100px;
    position: relative;
    top: -28px;
    height: 40px;
    left: 810px;
}

input[type="button"].btmaisGridRelacao, input[type="submit"].btmaisGridRelacao {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: 35px;
    background: #1c5ca1 url("../img/adicionarlinha.png") no-repeat center !important;
    border-radius: 4px;
}

input[type="button"].btmaisGrid, input[type="submit"].btmaisGrid {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    background: #1c5ca1 url("../img/adicionarlinha.png") no-repeat center !important;
    border-radius: 4px;
}

input[type="button"].btRefresh, input[type="submit"].btRefresh {
    padding-left: 15px;
    padding-right: 15px;
    top: 64px;
    position: relative;
    background: #1c5ca1 url("../img/atualizar1.png")no-repeat center;
    border-radius: 4px;
}

    input[type="button"].btRefresh:hover, input[type="submit"].btRefresh:hover {
        padding-left: 15px;
        padding-right: 15px;
        top: 64px;
        position: relative;
        background: #99cc34 url("../img/atualizar1.png")no-repeat center;
        border-radius: 4px;
    }


.divInsereEnderecoAgenda {
    margin-top: 35px;
}

.btmaisEndereco {
    text-align: center !important;
    width: 25px !important;
    border-radius: 4px;
}


.lbProposta {
    height: 30px;
    width: 400px;
    float: right;
    top: 110px;
    position: fixed;
    left: 696px;
    margin-top: 20px;
}

.page-break {
    display: block;
    page-break-before: always;
}

.TextoProposta {
    height: 607px;
    width: 573px;
    float: right;
    top: 135px;
    position: fixed;
    left: 500px;
    background: white !important;
    color: black !important;
    font-size: 8px;
    font-family: Verdana;
}

.TextoTemplate {
    height: 607px;
    width: 573px;
    float: right;
    top: 135px;
    position: fixed;
    left: 500px;
    background: white !important;
    color: black !important;
    font-size: 8px;
    font-family: Verdana;
}

.TextoPropostaDisabled {
    height: 607px;
    width: 573px;
    float: right;
    top: 135px;
    position: fixed;
    left: 500px;
    margin-top: 20px;
    background: #F0F0F0 !important;
    color: #999 !important;
    font-size: 8px;
    font-family: Verdana;
}




.botoesProposta {
    top: 500px;
    position: fixed;
    border-top: 1px solid #CCC;
    padding-top: 10px;
    margin-top: 20px;
    width: 633px;
}

.unidadeProposta {
    position: relative;
    top: 10px;
    left: 74px;
}

.rgMetrico {
    position: relative;
    top: 40px !important;
    left: -46px;
    height: 10px;
}

.rgImperial {
    position: relative;
    top: 40px;
    left: 8px
}


.lbMetrico {
    position: relative;
    top: 37px;
    left: 5px;
}

.lbImperial {
    position: relative;
    top: 38px;
    left: 58px;
}

.pnlDireito {
    width: 576px;
    position: relative;
    left: 415px;
    top: -500px;
    height: 800px;
}


.lbVistoria {
    /*position: relative;
    top: 23px;
    left: 21px;*/
    position: relative;
    top: 0px;
    left: 0px;
}

.ckVistoria {
    position: relative;
    top: 4px;
    left: -5px !important;
}


.divTipoVistoria {
    width: 157px !important;
    height: 20px !important;
    margin-left: 231px;
    margin-left: 86px;
    margin-top: 37px;
}

.rbComVistoria {
    width: 142px !important;
    top: -17px !important;
    position: relative;
}

.rbSemVistoria {
    position: relative;
    margin-left: 100px !important;
    top: -70px !important;
    left: 100px;
}

.lbVistoriaGroup {
    position: relative;
    top: -21px;
}

.lbSemVistoriaGroup {
    position: relative;
    top: -75px;
    left: 203px !important;
}

.divComercial {
    position: relative;
    margin-top: -61px;
    margin-left: 614px;
}

.divPet {
    position: relative;
    margin-top: -56px;
    margin-left: 27px;
}
.divPetVistoria {
    position: relative;
    margin-top: -56px;
    margin-left: 217px;
}

.divMudancaeVeiculo {
    position: relative;
    margin-top: -61px;
    margin-left: 582px;
}
.divMudancaeVeiculoVistoria {
    position: relative;
    margin-top: -56px;
    margin-left: 282px;
}

    .divSomenteVeiculo {
        position: relative;
        margin-top: -61px;
        margin-left: 437px;
    }

.ckPet {
    position: relative;
    top: 4px !important;
    left: 13px !important;
}


.lbAcrescimo {
    position: relative;
    top: 1px !important;
    left: 45px !important;
}

.ckAcrescimo {
    position: relative;
    top: -18px !important;
    left: 24px !important;
}

.lbPet {
    /*position: relative;
    top: 23px;
    left: 36px;*/
    position: relative;
    top: 0px;
    left: 16px;
}


.ckVistoriaOrcamento {
    position: relative;
    left: 15px;
    top: 8px;
}

.pnlStatusDetalhe {
    position: relative;
    left: 464px;
    top: -63px;
}

.pnlStatusDetalhe1 {
    position: relative;
    left: 311px;
    top: -62px;
}

.btStatusProposta {
    position: relative;
    left: 320px;
    top: -30px;
}

.btStatusPropostaDetalhe {
    position: relative !important;
    margin-left: 453px !important;
    top: -30px;
}

.btStatusPropostaDetalhe1 {
    position: relative !important;
    margin-left: 301px !important;
    top: -29px;
}

.propostaDetalhe {
    /*  position: relative;
    margin-top: -35px;
    width: 816px;
    top: -41px;
    height: 50px;
    margin-left: -31px;
    left: 30px;*/

    position: relative;
    margin-top: -35px;
    width: 201px;
    top: -129px;
    height: 50px;
    left: 221px;
    left: 775px;

}

.propostaDetalhe1 {
    position: relative;
    margin-top: -35px;
    width: 816px;
    top: -14px;
    height: 50px;
    margin-left: -142px;
    left: 141px;
}

.lbClienteProposta {
    margin-left: 5px;
}

.lbClienteProposta1 {
    margin-left: -344px !important;
}

.txClienteProposta {
    width: 324px;
    margin-left: 5px;
    position: relative;
}

.txClienteProposta1 {
    left: -345px;
    position: relative;
}

.lbValorProposta {
    margin-left: -180px;
}

.txValorProposta {
    margin-left: -185px;
}

.txValorProposta1 {
    margin-left: -320px;
}

.unidadesProposta {
    margin-left: -122px;
}

.vistoriaProposta {
    width: 200px;
    margin-left: 408px;
}

.btmenosmais {
    width: 30px;
    padding: 0px !important;
    height: 30px;
}

.lbQtdPed {
    position: relative;
    left: 35px;
}

.divLeitura {
    width: 300px;
    margin-left: 400px;
    height: 50px;
}

.rbLido {
    position: relative;
    top: -53px;
    margin-left: 100px;
}

.lbLido {
    position: relative;
    top: -53px;
    margin-left: 100px;
}

.rbBloqueio {
    position: relative;
    top: 0px;
    margin-left: 0px;
}

.lbBloqueio {
    position: relative;
    top: 2px;
    margin-left: 0px;
}

.rbTodos {
    position: relative;
    top: -106px;
    margin-left: 190px;
}

.lbTodos {
    position: relative;
    top: -106px;
    margin-left: 190px;
}

.lbAlertaSimples1 {
    color: red;
    left: 29px;
    top: 423px !important;
    position: relative;
    font-size: 10pt;
    font-family: 'Arial', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif;
    font-weight: bold;
}

.lbAlertaSimples {
    color: red;
    left: 29px;
    top: 423px !important;
    position: relative;
    font-size: 10pt;
    font-family: 'Arial', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif;
    font-weight: bold;
}

.lbAlertaSimples2 {
    color: transparent;
    left: -29px;
    top: 423px !important;
    position: relative;
    font-size: 10pt;
    font-family: 'Arial', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif;
    font-weight: bold;
}

.lbAlerta {
    color: transparent;
    left: 98px;
    top: 423px !important;
    position: relative;
    font-size: 10pt;
    font-family: 'Arial', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif;
    font-weight: bold;
}


.lbAlerta1 {
    color: transparent;
    left: -98px;
    top: 423px !important;
    position: relative;
    font-size: 10pt;
    font-family: 'Arial', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif;
    font-weight: bold;
}

.lbAlertaContato {
    color: red;
    left: 29px;
    top: 423px !important;
    position: relative;
    /*color: red;
    left: -429px;
    top: 23px !important;
    position: relative;*/
}



.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 25%; /* Could be more or less, depending on screen size */
    height: 15%;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.close {
    background-image: url(../img/fancybox_sprite.png);
    width: 34px;
    height: 34px;
    float: right;
    left: 31px;
    position: relative;
    margin-top: -37px;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.lbDtAgenda {
    margin-left: 120px;
}

.txDtAgenda {
    margin-left: 110px;
}

.btEnviaAgenda {
    margin-left: 120px;
    margin-top: 17px;
}


.buttonNota {
    outline: none;
    border: none;
    background: #1c5ca1;
    color: #FFF;
    cursor: pointer;
    height: 28px;
    width: 30px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    padding: 3px 5px !important;
    border-radius: 4px;
}

input[type="button"], input[type="submit"] {
    outline: none;
    border: none;
    background: #1c5ca1;
    color: #FFF;
    cursor: pointer;
    height: 28px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    padding: 3px 25px;
    border-radius: 4px;
}

.container input.ajuda {
    background: #1c5ca1 url("../img/ajuda.png") no-repeat center center;
    font-size: 1px;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
}

.container input.ajuda1 {
    background: #1c5ca1 url(../img/ajuda.png) no-repeat center center;
    font-size: 1px;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
    left: 2px;
    position: relative;
}


.container input.ajuda2 {
    background: #1c5ca1 url(../img/ajuda.png) no-repeat center center;
    font-size: 1px;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
    left: 2px;
    position: relative;
    top: 29px;
}

.container input.coin {
    background: #1c5ca1 url(../img/coin1.png) no-repeat center center;
    font-size: 1px;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
    left: 2px;
    position: relative;
    margin-top: 10px;
}

.container input.coin2 {
    background: #1c5ca1 url(../img/coin1.png) no-repeat center center;
    font-size: 1px;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
    left: 0px;
    position: relative;
    margin-top: -45px;
}

.container input.coin3 {
    background: #1c5ca1 url(../img/coin1.png) no-repeat center center;
    font-size: 1px;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
    left: 0px;
    position: relative;
    margin-top: 0px;
}


.btVisualizarAgenda {
    background: #1c5ca1 url(../img/visualizar_agenda.png) no-repeat center center !important;
    margin-top: -47px;
}

    .btVisualizarAgenda:hover {
        background: #99cc34 url(../img/visualizar_agenda.png) no-repeat center center !important;
        margin-top: -47px;
    }

.btAgendaAdiciona {
    background: #1c5ca1 url(../img/adicionar_agenda.png) no-repeat center center !important;
    margin-top: -47px;
}

.btEmailVistoriador {
    margin-top: -47px;
    background: #1c5ca1 url(../img/email_vistoriador.png) no-repeat center center !important;
}

.btAgendaAdiciona:hover {
    background: #99cc34 url(../img/adicionar_agenda.png) no-repeat center center !important;
    margin-top: -47px;
}

.btEmailVistoriador:hover {
    margin-top: -47px;
    background: #99cc34 url(../img/email_vistoriador.png) no-repeat center center !important;
}

.calendarioAgenda {
    position: relative;
    top: 32px;
    margin-left: -15px;
    background: #1c5ca1 url("../img/agenda.png") no-repeat center center !important;
    margin-right: 41px;
}


    .calendarioAgenda:hover {
        position: relative;
        top: 32px;
        margin-left: -15px;
        background: #99cc34 url("../img/agenda.png") no-repeat center center !important;
        margin-right: 41px;
    }

.ckListStatus {
    position: relative;
    top: -18px;
    left: 56px;
}


.btClienteDetalhe {
    margin-left: 417px !important;
    position: relative;
    top: 64px !important;
}

.lbStatusAgenda {
    position: relative;
    width: 25px;
    top: 10px;
    left: 30px;
}

.dlStatusOrcamento {
    position: relative;
    top: 20px !important;
    left: 35px;
}

.filtro-check.check-suites, .filtro-check.check-vagas {
    left: 15px;
}

.filtro-check {
    width: 170px;
    left: 1px;
}

.box-filtro {
    text-align: left;
    background-color: #fafafa;
    border-radius: 4px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
    position: absolute;
    top: 83px;
    z-index: 1000;
    display: none;
    left: 1px !important;
    font-size: 10px !important;
    font-weight: normal !important;
    left: 36px !important;
}

.statusAgenda {
    margin-left: -16px;
    position: relative;
}

.filtros-principais > li {
    min-width: 160px;
    color: #444;
    line-height: 30px;
    text-transform: uppercase;
    position: relative;
    flex-grow: 1;
    margin-top: -25px;
}

/*ul li, ol li {
    line-height: 16px;
}*/


/*li {
    text-align: -webkit-match-parent;
}*/



.box-filtro .titulo {
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
    background-color: #02679c;
    border-radius: 4px 4px 0 0;
    display: block;
}

.filtros-principais .filtro:before, .filtros-principais .filtro [class^="icone-seta-cheia-"]:before {
    vertical-align: bottom;
}

.icone-seta-cheia-baixo:before {
    content: "\e631";
}

[class^="icone-"]:before, [class*=" icone-"]:before {
    font-family: 'Site-ZAP';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.itemStatusLabel {
    top: -15px !important;
    position: relative;
    left: 31px !important;
    font-size: 12px !important;
    text-align: left !important;
    z-index: 2;
    width: 100px !important;
    font-weight: normal !important;
    left: 18px !important;
}

/*

../img/arrow-select.png

    */

.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 6px;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

    /* Dropdown button on hover & focus */
    .dropbtn:hover, .dropbtn:focus {
        background-color: #2980B9;
    }

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 102px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content {
    color: black;
    padding: 0px -7px !important;
    text-decoration: none;
    display: block;
    position: relative;
}

    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {
        background-color: #ddd
    }

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}


.dropdown-content .label {
    color: aqua !important;
}

.statusBusca {
    position: relative !important;
    margin-top: -48px !important;
    margin-left: -11px;
}

.statusAjuda {
    position: relative !important;
    margin-top: -48px !important;
}

.divHistoricoDireita {
    /*background-color: green;*/
    top: -444px;
    position: relative;
    width: 472px;
    margin-left: 382px;
    height: 452px;
}

.pnlDireitoHistorico {
    position: relative;
    margin-left: 3px;
    margin-top: -476px;
    width: 468px;
    height: 412px;
    top: 0px;
    overflow-y: scroll;
    /*background-color: red !important;*/
}

.gvdDetalheHistorico {
    top: 2px !important;
    position: relative;
}

.textoHistorico {
    position: relative;
    margin-left: 1px;
    margin-top: 10px;
    width: 394px;
    height: 437px;
}

.divHistoricoEsquerda {
    /*background-color: red;*/
    left: 5px;
    top: 8px;
    position: relative;
    width: 368px;
    overflow-y: scroll;
    height: 450px;
}

.exibirHistorico {
    position: relative;
    margin-left: 3px;
    margin-top: 6px;
    margin-bottom: 5px;
}

.lidisabled {
    color: #928E8D !important;
}

.ludisabled {
    color: #928E8D !important;
}

.colDireitaPermissao {
    width: 528px;
    margin-top: -272px;
    position: fixed;
    height: 500px;
    float: right;
    left: 707px;
}

.colDireitaPermissao1 {
    width: 528px;
    margin-top: -272px;
    position: fixed;
    height: 500px;
    float: right;
    left: 707px;
}


.divEsquerdaPermissao {
    float: left;
    width: 500px;
    height: 580px;
    left: 183px !important;
    position: fixed;
    top: 67px;
}

/*.divEsquerdaPermissao1 {
    float: left;
    width: 500px;
    height: 580px;
    left: 183px !important;
    position: fixed;
    top: 67px;
}*/

.pnlUsuarios {
    background-color: #FFF;
    position: fixed;
    height: 280px;
    overflow-y: scroll;
    top: 433px;
    width: 520px;
    margin-right: 250px;
    height: 230px;
}

.container input.adicionarPerm2 {
    background: #5c93eb url(../img/adicionar.png) no-repeat 140px 7px;
    padding-left: 22px;
    margin-left: 10px;
    padding-right: 30px;
    margin-top: 118px;
    border-radius: 4px;
    position: relative;
}

.pnlGrupos {
    background-color: #FFF;
    position: relative;
    height: 280px;
    top: -15px;
    overflow-y: scroll;
}


.pnlGrupos1 {
    background-color: #FFF;
    position: relative;
    height: 280px;
    top: 15px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 545px;
}

.pnlUsuarios1 {
    background-color: #FFF;
    position: relative;
    height: 280px;
    overflow-y: scroll;
    top: 2px;
    width: 520px;
    margin-right: 250px;
    height: 230px;
    width: 545px;
}

.pnlPermissao {
    background-color: #FFF;
    position: fixed;
    height: 230px;
    top: 125px;
    overflow-y: scroll;
    width: 520px;
}

.buscaPermissao {
    margin-top: 40px;
    top: 20px;
    position: relative;
    margin-left: -160px;
}

.container input.adicionarPerm {
    background: #5c93eb url(../img/adicionar.png) no-repeat 140px 7px;
    padding-left: 15px;
    margin-left: 10px;
    padding-right: 30px;
    margin-top: 10px;
    border-radius: 4px;
}


.container input.adicionarPerm1 {
    background: #5c93eb url(../img/adicionar.png) no-repeat 140px 7px;
    padding-left: 23px;
    margin-left: 21px;
    padding-right: 30px;
    margin-top: 298px;
    border-radius: 4px;
    margin-bottom: -13px;
}


.btAdicionais3 {
    position: relative;
    top: 25px;
}


.divEsquerdaPermissao1 {
    float: left;
    width: 500px;
    height: 580px;
    left: -445px !important;
    position: relative;
    top: 7px;
}


.container input.adicionarGrupoPermissao {
    background: #5c93eb url(../img/adicionar.png) no-repeat 140px 7px;
    /* padding-left: 29px; */
    margin-left: 10px;
    padding-right: 30px;
    top: 93px;
    border-radius: 4px;
    left: 1039px !important;
    position: fixed;
}


.container input.adicionarGrupoUsuario {
    background: #5c93eb url(../img/adicionar.png) no-repeat 140px 7px;
    /* padding-left: 29px; */
    margin-left: 10px;
    padding-right: 30px;
    margin-top: 567px;
    border-radius: 4px;
    left: 1039px !important;
    position: fixed;
}


table.permissao {
    border-spacing: 0px;
    margin: 0px -5px 0px 0px;
    width: calc(100% - 1px);
}

.lbAlertaPermissao {
    color: red;
    left: -373px;
    top: 1px !important;
    position: relative;
}

.lbWhite {
    color: white;
}

.inserirHistorico {
    margin-top: -348px;
}

.MenuSelecionado {
    background-color: white;
    color: #226f9c !important;
    border: 1px solid #CCC;
}

.content-filtros {
    margin-top: -2px;
    height: 7px;
}

.content-filtrosSistemas {
    top: -27px;
    height: 7px;
    margin-left: 153px;
    position: relative;
}

.content-filtrosAgenda {
    top: 24px;
    height: 7px;
    position: relative;
    left: 45px;
}

.content-filtrosAgenda2 {
    position: relative;
    left: 721px !important;
  
    top: -20px;
    width: 251px;
    height: 35px;
    margin-top: 18px;
}

.AltRow {
    background-color: white !important;
}


.statusOrcamento {
    left: 36px;
    position: relative;
    top: 25px;
}


input[type="button"].btnFiltroAvancado:hover, input[type="submit"].btnFiltroAvancado:hover {
    outline: none;
    border: none;
    background: #1c5ca1;
    color: #FFF;
    cursor: pointer;
    height: 30px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    padding: 12px 20px !important;
    border-radius: 4px;
    background: #99cc34 url("../img/filtroAvancado.png") no-repeat 16px 7px !important;
    width: 20px;
}

.btnFiltroAvancado {
    top: -24px;
    left: 4px;
    position: relative;
    padding: 12px 20px !important;
    background: url(../img/filtroAvancado.png) no-repeat 16px 7px !important;
}


.btnFiltroAvancadoClicado {
    top: -24px;
    left: 4px;
    position: relative;
    padding: 12px 20px !important;
    background: #5ea493 url("../img/filtroAvancado.png") no-repeat 16px 7px !important;
}

    .btnFiltroAvancadoClicado:hover {
        top: -24px;
        left: 4px;
        position: relative;
        padding: 12px 20px !important;
        background: #99cc34 url("../img/filtroAvancado.png") no-repeat 16px 7px !important;
    }


.btnFiltroAvancadoAgenda {
    top: -24px;
    left: 16px;
    position: relative;
}

.filtroAvancadoOrcamento {
    background-color: white;
    position: fixed;
    top: 78px;
    width: 400px;
    height: 400px;
    z-index: 5;
    border: 1px solid #CCC;
    border-radius: 4px;
}



.filtroAvancadoSolicitacao {
    background-color: white;
    position: fixed;
    top: 80px;
    width: 400px;
    height: 400px;
    z-index: 5;
    border: 1px solid #CCC;
    border-radius: 4px;
}


.filtroAvancadoAgenda {
    background-color: white;
    position: fixed;
    top: 78px;
    width: 400px;
    height: 400px;
    z-index: 5;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.lbStatusSolicitacao {
    position: relative;
    margin-left: 40px;
}

.divckStatus {
    position: relative;
    margin-left: 40px;
}


divckStatusProposta {
    position: relative;
    margin-left: 40px;
}
/******/
aside li a {
    display: block;
    padding: 2px 0px 3px 10px;
    outline: none;
    text-decoration: none;
    position: relative
}

    aside li a:hover {
        text-decoration: none
    }



aside li li.toggle.top ul {
    background: none;
    border-radius: 0 0 5px 5px;
    margin: 0 auto
}

aside li li.toggle {
    border: 0 none
}

    aside li li.toggle:first-child a {
        border-bottom: 0
    }

    aside li li.toggle.top > a {
        border-bottom: 0;
    }

    aside li li.toggle a {
        padding: 7px 18px 6px 12px;
        margin: 0 10px;
    }

    aside li li.toggle.top ul li {
        background: none;
        margin-left: 0;
    }

        aside li li.toggle.top ul li:first-child {
            border-top: 0
        }

    aside li li.toggle.top li a {
        margin: 0;
        border: 0;
        background: none
    }


aside li ul {
    display: none;
    margin-top: 0.4px;
    padding-bottom: 4px;
}

    aside li ul ul {
        display: none
    }

aside .sub-ul {
    padding-bottom: 9px
}



aside li li {
    margin-bottom: 0;
}

    aside li li a {
        width: 128px;
        padding-left: 30px !important;
    }

        aside li li a .sub-arrow {
            width: 7px;
            height: 7px;
            margin-left: 4px;
            display: inline-block;
        }

    aside li li.active a {
        cursor: default
    }

aside li .kpi, aside li .vsb, aside li .fast-gate, aside li .financeiro, aside li .servicos-acessorios, aside li .annotation,
aside li .status, aside li .dashboard, aside li .shipping, aside li .airplane, aside li .janela, aside li .usuarios,
aside li .adminAC, aside li .home, aside li .readiness, aside li .reports, aside li .patio, aside li .rfb {
    float: left;
    width: 25px;
    height: 38px;
    margin: 0 5px 0 0;
    display: block;
    background-repeat: no-repeat
}



aside li.inativo {
    opacity: 0.5;
    /*-moz-opacity: 0.5;
        -khtml-opacity: 0.5;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: default
}

    aside li.inativo a {
        cursor: default
    }


.footerGrid {
    border: 1px solid #bcbdcc !important;
    font-weight: bold;
    color: White;
}

.SelectedRowStyle {
    background-color: #CCC;
}


.fa-search {
    color: #9d9999;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}

.searchOrcamento {
    top: -30px;
    position: relative;
    left: 274px;
    cursor: pointer;
}

.search1 {
    top: -34px;
    position: relative;
    left: 274px;
    cursor: pointer;
}


.search2 {
    top: 1px;
    position: relative;
    left: -33px;
    cursor: pointer;
}


.searchDrop {
    top: 0px;
    position: relative;
    left: -29px;
    cursor: pointer;
    font-size: 11pt;
}

.btAdicionais {
    top: 25px;
    position: relative;
    left: -15px;
}

.btAdicionais2 {
    top: 25px;
    position: relative;
    left: 1px;
}

.filterAdvanced {
    color: white;
    top: -22px;
    position: relative;
    left: -28px;
    font-size: 12pt;
    cursor: pointer;
}


.filterAdvancedAgenda {
    color: white;
    top: -22px;
    position: relative;
    left: -29px;
    font-size: 12pt;
    cursor: pointer;
}

.divGrid {
    background-color: white;
    position: relative;
    top: -20px;
}

.divGridProposta {
    background-color: white;
    position: relative;
    top: -19px;
}



.divGrid2 {
    background-color: white;
    position: relative;
    top: -17px;
}

.divSuperior {
    /*border: 1px solid rgb(158, 202, 248);*/
    position: relative;
    margin-top: 10px;
}

h3.divGridLateral {
    color: white;
    position: relative;
    text-align: center;
    font-size: 9pt;
    margin-bottom: 0px;
    margin-top: 0px;
    border-bottom: 2px solid #c1c0c0 !important;
    background-color: #666;
    height: 20px;
    padding-top: 7px;
    width: 94%;
    /*overflow-y: scroll;*/
}

.divTitulo {
    color: #FFF !important;
    font-size: 14px !important;
    padding: 10px !important;
    text-align: center;
    margin-bottom: 14px;
    font-weight: bold;
}





.detalheSuperior {
    padding-left: 10px;
}

.botoesFiltroAvancado {
    position: relative;
    margin-top: 217px;
    margin-left: 73px;
}

.botoesFiltroAvancadoAgenda {
    position: relative;
    margin-top: 167px;
    margin-left: 73px;
}



.botoesFiltroAvancadoOrcamento {
    position: relative;
    margin-top: 135px;
    margin-left: 73px;
}

.botoesVistoriador {
    position: relative;
    margin-top: 89px;
    text-align: center;
    width: 100%;
}

.ckAvancado {
    margin-top: -40px;
    position: relative;
}



.msolicitacao {
    position: relative;
    margin-left: -18px !important;
}

.filtroAvancadoProposta {
    background-color: white !important;
    position: fixed;
    top: 79px;
    width: 400px;
    height: 400px;
    z-index: 5;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.divAgendaFiltros {
    position: relative;
    top: 30px;
}

input[disabled="disabled"].black {
    color: black !important;
    text-align: right;
    font-weight: bold;
}

.botoesuperioresPopup {
    background-color: #1c5ca1;
    position: fixed;
    top: 22px;
    height: 43px;
    z-index: 40;
    width: 450px;
    left: 20px;
    padding-left: 10px;
    border-radius: 4px;
}


.botoesuperioresPopup2 {
    background-color: #1c5ca1;
    position: fixed;
    top: 22px;
    height: 43px;
    .container input.adicionarItemServico z-index: 40;
    width: 95%;
    left: 20px;
    padding-left: 10px;
    border-radius: 4px;
}


.botoesuperioresPopup3 {
    background-color: #1c5ca1;
    position: fixed;
    top: 22px;
    height: 43px;
    z-index: 40;
    width: 85%;
    left: 20px;
    padding-left: 10px;
    border-radius: 4px;
}

.divTitulo {
    top: 44px;
    position: relative;
    text-align: left;
    margin-bottom: 54px;
    height: 27px;
}

.botoesuperiores {
    background-color: #1c5ca1;
    position: fixed;
    top: 39px;
    height: 43px;
    z-index: 40;
    width: 1010px;
    left: 183px;
    padding-left: 10px;
    border-radius: 4px;
}

.divTitulo h2 {
    background: white;
    color: black;
    font-size: 14px;
    padding: 7px;
    margin-left: -15px;
}

input[type="button"].btConsultarWizard, input[type="submit"].btConsultarWizard {
    background: #1c5ca1 url(../img/lupaWizard40.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
    width: 20px !important;
    background-size: 30%;
}

    input[type="button"].btConsultarWizard:hover, input[type="submit"].btConsultarWizard:hover {
        background: #99cc34 url(../img/lupaWizard40.png) no-repeat center center !important;
        margin-top: 6px !important;
        width: 20px !important;
        padding-left: 50px;
        background-size: 30%;
    }

input[type="button"].btSalva, input[type="submit"].btSalva {
    background: #1c5ca1 url(../img/salvar.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btSalva:hover, input[type="submit"].btSalva:hover {
        background: #99cc34 url(../img/salvar.png) no-repeat center center !important;
        margin-top: 6px !important;
        width: 20px !important;
    }

input[type="button"].btVolta, input[type="submit"].btVolta {
    background: #1c5ca1 url(../img/voltar.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btVolta:hover, input[type="submit"].btVolta:hover {
        background: #99cc34 url(../img/voltar.png) no-repeat center center !important;
        margin-top: 6px !important;
    }


input[type="button"].btAgendar, input[type="submit"].btAgendar {
    background: #1c5ca1 url(../img/agendarVistoria.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btAgendar:hover, input[type="submit"].btAgendar:hover {
        background: #99cc34 url(../img/agendarVistoria.png) no-repeat center center !important;
        margin-top: 6px !important;
    }


input[type="button"].btAgendar, input[type="submit"].btAgendar {
    background: #1c5ca1 url(../img/agendarVistoria.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btAgendar:hover, input[type="submit"].btAgendar:hover {
        background: #99cc34 url(../img/agendarVistoria.png) no-repeat center center !important;
        margin-top: 6px !important;
    }


input[type="button"].btOrcar, input[type="submit"].btOrcar {
    background: #1c5ca1 url(../img/gerarOrcamento.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btOrcar:hover, input[type="submit"].btOrcar:hover {
        background: #99cc34 url(../img/gerarOrcamento.png) no-repeat center center !important;
        margin-top: 6px !important;
    }



input[type="button"].btGerarOs, input[type="submit"].btGerarOs {
    background: #1c5ca1 url(../img/osw.svg) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
    background-size: 22% !important;
    background-color: transparent !important;
}

    input[type="button"].btGerarOs:hover, input[type="submit"].btGerarOs:hover {
        background: #99cc34 url(../img/osw.svg) no-repeat center center !important;
        margin-top: 6px !important;
        background-size: 22% !important;
        background-color: #99cc34 !important;
    }

input[type="button"].btOafe, input[type="submit"].btOafe {
    background: #1c5ca1 url(../img/oafe7.png) no-repeat center center !important;
    padding-top: 27px;
    padding-bottom: 16px;
    background-size: 46% !important;
}

    input[type="button"].btOafe:hover, input[type="submit"].btOafe:hover {
        background: #99cc34 url(../img/oafe7.png) no-repeat center center !important;
        padding-top: 27px;
        padding-bottom: 16px;
        background-size: 46% !important;
    }


input[type="button"].btAnonimo, input[type="submit"].btAnonimo {
    background: #1c5ca1 url(../img/anonimo3.png) no-repeat center center !important;
    margin-top: 6px !important;

    background-size: 55% !important;
}

    input[type="button"].btAnonimo:hover, input[type="submit"].btAnonimo:hover {
        background: #99cc34 url(../img/anonimo3.png) no-repeat center center !important;
        margin-top: 6px !important;
        background-size: 55% !important;
    }

input[type="button"].btNotas, input[type="submit"].btNotas {
    background: #1c5ca1 url(../img/historico.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btNotas:hover, input[type="submit"].btNotas:hover {
        background: #99cc34 url(../img/historico.png) no-repeat center center !important;
        margin-top: 6px !important;
    }


input[type="button"].btEnvioProposta, input[type="submit"].btEnvioProposta {
    background: #1c5ca1 url(../img/proposta.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btEnvioProposta:hover, input[type="submit"].btEnvioProposta:hover {
        background: #99cc34 url(../img/proposta.png) no-repeat center center !important;
        margin-top: 6px !important;
    }


input[type="button"].btSalva, input[type="submit"].btSalva {
    background: #1c5ca1 url(../img/salvar.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}



input[type="button"].btPDF, input[type="submit"].btPDF {
    background: #1c5ca1 url(../img/pdf.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}


    input[type="button"].btPDF.aspNetDisabled, input[type="submit"].btPDF.aspNetDisabled {
        background: #1c5ca1 url(../img/pdfCinza.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
        background-size: 40% !important;
    }

    input[type="button"].btPDF:hover, input[type="submit"].btPDF:hover {
        background: #99cc34 url(../img/pdf.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
    }

input[type="button"].btSolicitacao, input[type="submit"].btSolicitacao {
    background: #1c5ca1 url(../img/solicitacao.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}


input[type="button"].btOrcamento, input[type="submit"].btOrcamento {
    background: #1c5ca1 url(../img/orcamentos.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}



    input[type="button"].btOrcamento:hover, input[type="submit"].btOrcamento:hover {
        background: #99cc34 url(../img/orcamentos.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
    }

input[type="button"].btProposta, input[type="submit"].btProposta {
    background: #1c5ca1 url(../img/proposta.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}


    input[type="button"].btProposta:hover, input[type="submit"].btProposta:hover {
        background: #99cc34 url(../img/proposta.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
    }



input[type="button"].btClonarSolicitacao, input[type="submit"].btClonarSolicitacao {
    background: #1c5ca1 url(../img/clone.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
    background-size: 30% !important;
}

    input[type="button"].btClonarSolicitacao:hover, input[type="submit"].btClonarSolicitacao:hover {
        background: #99cc34 url(../img/clone.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
        background-size: 30% !important;
    }

input[type="button"].btSolicitacao:hover, input[type="submit"].btSolicitacao:hover {
    background: #99cc34 url(../img/solicitacao.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}


input[type="button"].btSolicitacao.aspNetDisabled, input[type="submit"].btSolicitacao.aspNetDisabled {
    background: #1c5ca1 url(../img/solicitacaoDesabilitada.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btSolicitacao.aspNetDisabled:hover, input[type="submit"].btSolicitacao.aspNetDisabled:hover {
        background: #1c5ca1 url(../img/solicitacaoDesabilitada.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
    }

input[type="button"].btClonar, input[type="submit"].btClonar {
    background: #1c5ca1 url(../img/clonar.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btClonar:hover, input[type="submit"].btClonar:hover {
        background: #99cc34 url(../img/clonar.png) no-repeat center center !important;
        margin-top: 6px !important;
    }

input[type="button"].btCorpoEmail, input[type="submit"].btCorpoEmail {
    background: #1c5ca1 url(../img/corpo-email.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btCorpoEmail:hover, input[type="submit"].btCorpoEmail:hover {
        background: #99cc34 url(../img/corpo-email.png) no-repeat center center !important;
        margin-top: 6px !important;
    }

input[type="button"].btAtualizaBanco, input[type="submit"].btAtualizaBanco {
    background: #1c5ca1 url(../img/update.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btAtualizaBanco:hover, input[type="submit"].btAtualizaBanco:hover {
        background: #99cc34 url(../img/update.png) no-repeat center center !important;
        margin-top: 6px !important;
    }

input[type="button"].btEmailFollowup, input[type="submit"].btEmailFollowup {
    background: #1c5ca1 url(../img/follow.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 36px;
    background-size: 36% !important;
    margin-left: -4px;
    background-position-x: 8px;
    position: relative !important;
    padding-right: 32px;
    text-align: center;
    width: 75px;
}

    input[type="button"].btEmailFollowup:hover, input[type="submit"].btEmailFollowup:hover {
        background: #99cc34 url(../img/follow.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 36px;
        background-size: 34% !important;
        margin-left: -4px;
        background-position-x: 8px;
        position: relative !important;
        padding-right: 32px;
        text-align: center;
        width: 75px;
    }


input[type="button"].btServicoCotacao, input[type="submit"].btServicoCotacao {
    background: #1c5ca1 url(../img/btServico.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 36px;
    background-size: 36% !important;
    margin-left: -4px;
    background-position-x: 8px;
    position: relative !important;
    padding-right: 32px;
    text-align: center;
    width: 75px;
}

    input[type="button"].btServicoCotacao.aspNetDisabled, input[type="submit"].btServicoCotacao.aspNetDisabled {
        background: #1c5ca1 url(../img/btServico_desabilitado.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 40px;
        margin-left: -5px;
        background-size: 36% !important;
    }

    input[type="button"].btServicoCotacao:hover, input[type="submit"].btServicoCotacao:hover {
        background: #99cc34 url(../img/btServico.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 36px;
        background-size: 34% !important;
        margin-left: -4px;
        background-position-x: 8px;
        position: relative !important;
        padding-right: 32px;
        text-align: center;
        width: 75px;
    }

input[type="button"].btEditarEmail, input[type="submit"].btEditarEmail {
    background: #1c5ca1 url(../img/editEmail.svg) no-repeat center center !important;
    margin-top: 13px !important;
    padding-left: 36px;
    background-size: 34% !important;
    margin-left: -4px;
    background-position-x: 8px;
    position: relative !important;
    padding-right: 32px;
    text-align: center;
    width: 75px;
}

input[type="button"].btEditarEmailFollow, input[type="submit"].btEditarEmailFollow {
    background: #1c5ca1 url(../img/editEmail.svg) no-repeat center center !important;
    top: 5px !important;
    padding-left: 36px;
    background-size: 34% !important;
    margin-left: -1px;
    background-position-x: 8px;
    position: relative !important;
    padding-right: 32px;
    text-align: center;
    width: 75px;
}

input[type="button"].btEditarEmail:hover, input[type="submit"].btEditarEmail:hover {
    background: #99cc34 url(../img/editEmail.svg) no-repeat center center !important;
    margin-top: 13px !important;
    padding-left: 36px;
    background-size: 34% !important;
    margin-left: -4px;
    background-position-x: 8px;
    position: relative !important;
    padding-right: 32px;
    text-align: center;
    width: 75px;
}

input[type="button"].btEditarTexto, input[type="submit"].btEditarTexto {
    background: #1c5ca1 url(../img/corpo-email.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btEditarTexto:hover, input[type="submit"].btEditarTexto:hover {
        background: #99cc34 url(../img/corpo-email.png) no-repeat center center !important;
        margin-top: 6px !important;
    }

input[type="button"].btEditarTexto, input[type="submit"].btEditarTexto {
    background: #1c5ca1 url(../img/editar-texto.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btEditarTexto:hover, input[type="submit"].btEditarTexto:hover {
        background: #99cc34 url(../img/editar-texto.png) no-repeat center center !important;
        margin-top: 6px !important;
    }

    input[type="button"].btEditarTexto.aspNetDisabled, input[type="submit"].btEditarTexto.aspNetDisabled {
        background: #1c5ca1 url(../img/editor-textoDesabilitado.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
    }


        input[type="button"].btEditarTexto.aspNetDisabled:hover, input[type="submit"].btEditarTexto.aspNetDisabled:hover {
            background: #1c5ca1 url(../img/editor-textoDesabilitado.png) no-repeat center center !important;
            margin-top: 6px !important;
            padding-left: 50px;
        }

input[type="button"].btEnviarProposta, input[type="submit"].btEnviarProposta {
    background: #1c5ca1 url(../img/enviar.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

input[type="button"].btEnviarEstimativa, input[type="submit"].btEnviarEstimativa {
    background: #1c5ca1 url(../img/enviar.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}


    input[type="button"].btEnviarEstimativa.aspNetDisabled, input[type="submit"].btEnviarEstimativa.aspNetDisabled {
        background: #1c5ca1 url(../img/enviarDesabilitado.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
    }

input[type="button"].btEnviarPropostaAttach, input[type="submit"].btEnviarPropostaAttach {
    background: #1c5ca1 url(../img/anexo48.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
    background-size: 45% !important;
}

    input[type="button"].btEnviarPropostaAttach.aspNetDisabled, input[type="submit"].btEnviarPropostaAttach.aspNetDisabled {
        background: #1c5ca1 url(../img/anexo48des.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
        background-size: 45% !important;
    }


input[type="button"].btEnviarProposta.aspNetDisabled, input[type="submit"].btEnviarProposta.aspNetDisabled {
    background: #1c5ca1 url(../img/enviarDesabilitado.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

input[type="button"].btEnviarProposta:hover, input[type="submit"].btEnviarProposta:hover {
    background: #1c5ca1 url(../img/enviar.png) no-repeat center center !important;
    margin-top: 6px !important;
}

input[type="button"].btEnviarProposta.aspNetDisabled:hover, input[type="submit"].btEnviarProposta.aspNetDisabled:hover {
    background: #1c5ca1 url(../img/enviarDesabilitado.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

input[type="button"].btEnviarProposta:hover, input[type="submit"].btEnviarProposta:hover {
    background: #99cc34 url(../img/enviar.png) no-repeat center center !important;
    margin-top: 6px !important;
}


input[type="button"].btEnviarEmailCoordenacao, input[type="submit"].btEnviarEmailCoordenacao {
    background: #1c5ca1 url(../img/sendEmailBlue.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

input[type="button"].btIphan, input[type="submit"].btIphan {
    background: #1c5ca1 url(../img/iphan.png) no-repeat center center !important;
    margin-top: 9px !important;
    padding-left: 59px;
    background-size: 99% !important;
}

input[type="button"].btExcel, input[type="submit"].btExcel {
    background: #1c5ca1 url(../img/excel.png) no-repeat center center !important;
    margin-top: 4px !important;
    padding-left: 59px;
    background-size: 25% !important;
}

.ckvirtual {
    position: relative;
    margin-left: -10px;
}

input[type="button"].btMapa, input[type="submit"].btMapa {
    background: #1c5ca1 url(../img/pdf.png) no-repeat center center !important;
    /*background: #1c5ca1 url(../img/visualizar.png) no-repeat center center !important;*/
    margin-top: 6px !important;
    padding-left: 50px;
}

input[type="button"].btVisualizarProposta, input[type="submit"].btVisualizarProposta {
    background: #1c5ca1 url(../img/visualizar.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}


input[type="button"].btStatusOS, input[type="submit"].btStatusOS {
    background: #1c5ca1 url(../img/list20.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}


input[type="button"].btVisualizarProposta:hover, input[type="submit"].btVisualizarProposta:hover {
    background: #99cc34 url(../img/List24.png) no-repeat center center !important;
    margin-top: 6px !important;
}

input[type="button"].btVisualizarProposta, input[type="submit"].btVisualizarProposta {
    background: #1c5ca1 url(../img/visualizar.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}


    input[type="button"].btVisualizarProposta:hover, input[type="submit"].btVisualizarProposta:hover {
        background: #99cc34 url(../img/visualizar.png) no-repeat center center !important;
        margin-top: 6px !important;
    }



input[type="button"].btEnviarAgenda, input[type="submit"].btEnviarAgenda {
    background: #1c5ca1 url(../img/enviar.png) no-repeat center center !important;
    margin-top: -43px !important;
    margin-left: 355px !important;
    position: relative !important;
}


    input[type="button"].btEnviarAgenda.aspNetDisabled, input[type="submit"].btEnviarAgenda.aspNetDisabled {
        background: #1c5ca1 url(../img/enviarDesabilitado.png) no-repeat center center !important;
        margin-top: -41px !important;
        margin-left: 355px !important;
        position: relative !important;
    }

    input[type="button"].btEnviarAgenda:hover, input[type="submit"].btEnviarAgenda:hover {
        background: #99cc34 url(../img/enviar.png) no-repeat center center !important;
        margin-top: -41px !important;
        margin-left: 355px !important;
        position: relative !important;
    }

    input[type="button"].btEnviarAgenda.aspNetDisabled:hover, input[type="submit"].btEnviarAgenda.aspNetDisabled:hover {
        background: #1c5ca1 url(../img/enviarDesabilitado.png) no-repeat center center !important;
        margin-top: -41px !important;
        margin-left: 355px !important;
        position: relative !important;
    }




input[type="button"].btInserirAgenda, input[type="submit"].btInserirAgenda 
{
    background: #1c5ca1 url(../img/inserirAgenda.png) no-repeat center center !important;
    margin-top: 6px !important;
    position: relative !important;
}


    input[type="button"].btInserirAgenda.aspNetDisabled, input[type="submit"].btInserirAgenda.aspNetDisabled {
        background: #1c5ca1 url(../img/inserirAgenda.png) no-repeat center center !important;
        margin-top: 6px !important;
        position: relative !important;
    }

    input[type="button"].btInserirAgenda:hover, input[type="submit"].btInserirAgenda:hover {
        background: #99cc34 url(../img/inserirAgenda.png) no-repeat center center !important;
        margin-top: 6px !important;
        position: relative !important;
    }

    input[type="button"].btInserirAgenda.aspNetDisabled:hover, input[type="submit"].btExcluirAgenda.btInserirAgenda:hover {
        background: #1c5ca1 url(../img/inserirAgenda.png) no-repeat center center !important;
        margin-top: 6px !important;
        position: relative !important;
    }





input[type="button"].btExcluirAgenda, input[type="submit"].btExcluirAgenda {
    background: #1c5ca1 url(../img/excluirBranco.png) no-repeat center center !important;
    margin-top: 6px !important;
    position: relative !important;
}


    input[type="button"].btExcluirAgenda.aspNetDisabled, input[type="submit"].btExcluirAgenda.aspNetDisabled {
        background: #1c5ca1 url(../img/excluirDesabilitado.png) no-repeat center center !important;
        margin-top: 6px !important;
        position: relative !important;
    }

    input[type="button"].btExcluirAgenda:hover, input[type="submit"].btExcluirAgenda:hover {
        background: #99cc34 url(../img/excluirBranco.png) no-repeat center center !important;
        margin-top: 6px !important;
        position: relative !important;
    }

    input[type="button"].btExcluirAgenda.aspNetDisabled:hover, input[type="submit"].btExcluirAgenda.aspNetDisabled:hover {
        background: #1c5ca1 url(../img/excluirDesabilitado.png) no-repeat center center !important;
        margin-top: 6px !important;
        position: relative !important;
    }


input[type="button"].btVisualizarProposta.aspNetDisabled, input[type="submit"].btVisualizarProposta.aspNetDisabled {
    background: #1c5ca1 url(../img/visualizarDesabilitado.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}


    input[type="button"].btVisualizarProposta.aspNetDisabled:hover, input[type="submit"].btVisualizarProposta.aspNetDisabled:hover {
        background: #1c5ca1 url(../img/visualizarDesabilitado.png) no-repeat center center !important;
        margin-top: 6px !important;
        padding-left: 50px;
    }




input[type="button"].btEnvioAgendaCliente, input[type="submit"].btEnvioAgendaCliente {
    background: #1c5ca1 url(../img/visualizar.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
    position: relative;
    margin-left: 400px;
    top: -33px;
}


.container input.adicionarEnderecoSolicitacao {
    background: #1c5ca1 url(../img/adicionar.png) no-repeat 135px 7px;
    padding-left: 22px;
    margin-left: -6px;
    padding-right: 33px;
    border-radius: 4px;
    position: relative;
    left: -20px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.divBotaoEmail {
    position: relative;
    width: 112px;
    margin-top: -46px;
    margin-left: 450px;
}

.ckEnderecoCadastrado {
    position: relative;
    margin-top: -20px;
    margin-left: 25px;
}

.ckNovoEndereco {
    position: relative;
    margin-top: -20px;
    margin-left: 25px;
}

.container input.adicionarEnderecoSolicitacao.aspNetDisabled {
    background: #999 url(../img/adicionar.png) no-repeat 135px 7px;
    padding-left: 22px;
    margin-left: -6px;
    padding-right: 33px;
    border-radius: 4px;
    position: relative;
    left: -20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.red {
    background-color: #f3c078 !important;
}


.corpoEmail {
    margin-top: -450px;
    height: 521px;
    width: 800px;
    background-color: rgba(221, 221, 221, 0.90) !important;
    z-index: 1 !important;
    position: relative;
    border: 1px solid #CCC;
}


.corpoEmailSolicitacao {
    margin-top: -391px;
    height: 608px;
    width: 850px;
    /*background-color: rgba(221, 221, 221, 0.90) !important;*/
    z-index: 1 !important;
    position: relative;
    border: 1px solid #CCC;
}

.contentEmail {
    position: relative;
    margin-left: 5px;
}

.pnlCorpoEmail {
    /*height: 420px;
   
   
    margin-top: 5px;
    position: relative;
    margin-left: 2px;*/
}

.txCorpoEmail {
    width: 758px;
    height: 214px;
    position: relative;
    margin-top: 0px;
    margin-left: 1px;
    background-color: #f0f0f0
}

.botoesCorpoEmailProposta {
    position: relative;
    margin-top: 23px;
    width: 125px;
    float: right;
}

.botoesCorpoEmailSolicitacao {
    position: relative;
    bottom: -25px;
    width: 100%;
    height: 30px;
}

.btEnderecoOrigemSolicitacao {
    position: relative;
    left: 562px;
    top: -28px;
}

.btEnderecoDestinoSolicitacao {
    position: relative;
    left: 562px;
    top: -28px;
}


.lbCkVistoriaProposta {
    margin-left: 332px;
    position: relative;
    margin-top: -20px;
}

.ckVistoriaProposta {
    margin-left: 301px;
    position: relative;
    top: -18px;
}

.btSimularMeta {
    position: relative;
    margin-top: 33px;
}


.filiais {
    margin-top: 7px;
    color: white;
}

.statusVistoria {
    margin-top: 7px;
    color: white;
}




.filiaisAgenda {
    margin-top: 1px;
    margin-left: 340px;
    color: white;
}

.concorrentes {
    position: relative;
    top: -42px;
}

.elevador {
    position: relative;
    top: -56px;
    width: 673px;
}

.acessorua {
    width: 340px;
    left: 25px;
    position: relative;
    top: -182px;
    float: right;
}

.portaElevador {
    width: 500px;
    position: relative;
    top: -213px;
}

.janela {
    width: 501px;
    left: 25px;
    position: relative;
    top: -279px;
    float: left;
}

.camposPortaElevador {
    left: 3px;
    position: relative;
}

.portaAcesso {
    width: 501px;
    position: relative;
    top: -72px;
    top: -298px;
}

.portaInterna {
    width: 502px;
    left: 25px;
    position: relative;
    top: -423px;
    float: right;
}

.divPortaInterna {
    background-color: red !important;
}

.dadosEmpresa {
    position: relative;
    top: -47px;
}

.divEnderecos {
    position: relative;
    top: -17px;
}

.divDatasPrevistas {
    position: relative;
    top: -436px;
}

.divIcamentosOrigem {
    position: relative;
    top: -455px;
}


.divIcamentosDestinos {
    position: relative;
    top: -455px;
}


.switch {
    position: relative;
    top: -32px;
}


.tituloVistoriaDetalhe {
    position: fixed;
    top: 109px;
    color: white;
    left: 199px;
}


.tituloVistoriaDetalhe2 {
    position: fixed;
    top: 144px;
    color: white;
    left: 200px;
}


.tituloVistoriaDetalhe3 {
    position: fixed;
    top: 109px;
    color: white;
    left: 486px;
}


.tituloVistoriaDetalhe4 {
    position: fixed;
    top: 144px;
    color: white;
    left: 487px;
}


.tituloVistoriaDetalhe5 {
    position: fixed;
    top: 109px;
    color: white;
    left: 903px;
}


.tituloVistoriaDetalhe6 {
    position: fixed;
    top: 144px;
   
    left: 905px;
}

.fWrite {
    color: white;
}
.painelScrollResumo {
    height: 667px;
    overflow-y: scroll;
    position: relative;
    top: 0px;
    left: 2px;
    width: 1011px;
    width: 1003px;
    margin-bottom: 152px !important;
    overflow-x: hidden;
}

.painelScrollObservacao {
    height: 257px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    top: 0px;
    left: -1px;
    width: 1011px;
    width: 1011px;
    margin-bottom: 470px !important;
}

.painelArte {
    height: 637px;
    /* overflow-y: scroll; */
    position: relative;
    top: -5px;
    left: 2px;
    width: 1011px;
    width: 999px;
    margin-bottom: 152px !important;
    /* overflow-x: hidden; */
    background-color: white !important;
}
/*.painelScrollResumoArte {
    height: 255px;
    position: relative;
    top: 2px;
    left: 1px;
    width: 996px;
    margin-bottom: 468px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: white !important;
}*/
.painelScrollResumoArte {
    height: 255px;
    position: relative;
    top: 2px;
    left: 1px;
    width: 980px;
    margin-bottom: 468px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: white !important;
}

.painelScrollResumoResumoCaixa {
    height: 278px;
    position: relative;
    top: 2px;
    left: -1px;
    width: 1011px;
    width: 984px;
    margin-bottom: 152px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 184px !important;
}

.painelGridResumo {
    position: relative;
    background-color: orange;
    height: 694px;
    padding-top: 35px;
}

.gvVistoria {
    position: relative;
    top: 20px;
}

.gridZoom {
    border: none;
    display: inline-block;
    background: #1c5ca1 url(../img/zoom2.png) no-repeat center center !important;
    background-size: 16px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.divResumo {
    width: calc(92%);
    float: left;
    margin-right: 26px;
    padding: 7px 9px 4px 102px;
    height: 719px;
    background-color: white;
    left: -7px;
    position: relative;
}

.divResumoDetalhe {
    /*width: 892px;
    float: left;
  
    padding: 2px 8px 0px 24px;
    height: 421px;
    background-color: white;
    border: 1px solid #CCC;
    left: 272px;
    position: fixed;
    background-color: white !important;
    margin-top: 421px !important;
    z-index: 20;*/
    width: 892px;
    /* float: left; */
    /* margin-right: 15px; */
    padding: 2px 8px 0px 24px;
    height: 421px;
    background-color: white;
    border: 1px solid #CCC;
    left: 3px;
    position: relative;
    /* background-color: white !important; */
    margin-top: -534px !important;
    z-index: 20;
}

.painelScrollDetalhe {
    height: 260px;
    overflow-y: scroll;
    position: relative;
    top: -2px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 1016px;
    left: -103px;
    padding-left: 2px;
}

.fundo-interna3 {
    background: white;
    margin: -20px;
    padding: 20px 0 20px 20px;
    width: 1000px;
    min-height: 889px;
    margin-top: -35px;
    margin-left: -1px;
}

.painel4 {
    background: #FFF;
    border: 1px solid #FFF;
    border-radius: 4px;
    /* min-height: 530px; */
    min-height: 423px !important;
    /* padding-bottom: 33px; */
    margin-top: 412px !important;
    margin-left: -271px;
    padding-left: 74px;
    border: #DDD 1px solid;
}


.iswitch {
    position: relative;
    top: -11px;
}

.rowItemDetalhe {
    font-size: 16pt !important;
}


.divEngradado {
    float: left;
    position: fixed;
    width: 582px;
    /*background-color: orange !important;*/
    left: 428px;
    top: 150px;
    background-color: white;
    border: 1px solid;
    padding: 10px;
    box-shadow: 5px 4px #AAA;
    height: 400px;
    z-index: 1000;
}


.btFecharEngradado {
    position: fixed;
    top: 512px;
    left: 701px;
}


.rowItemDetalhe {
    background-color: #DDD;
}

.rowSelecionada {
    background-color: #b0daca;
}



.titulos {
    background-color: #1c5ca1 !important;
    position: fixed;
    top: 85px;
    height: 81px;
    left: 184px;
    z-index: 40;
    width: 1018px;
    border-radius: 3px;
}


.white {
    background-color: white !important;
}


.lbAssinaturaWhite {
    font-size: 10pt !important;
    color: white !important;
    padding-left: 10px;
    padding-top: 10px;
}

.lbAssinatura {
    font-size: 11pt !important;
    font-weight: 400 !important;
}

.lbAssinaturaTitulo {
    font-size: 11pt !important;
}

.endOrigem {
    background-color: #2B5BA0;
    color: white !important;
}


.gvResumoCaixa td {
    border-collapse: collapse;
    border-bottom: 2px solid #DDF !important;
    border-left: 1px solid #DDF !important;
    border-right: 1px solid #DDF !important;
    font-size: 13px !important;
    font-weight: normal;
    padding: 7px !important;
    display: table-cell;
    color: #000;
    min-height: 23px !important;
    text-align: center;
    vertical-align: middle;
}

.dtCaixas td, th {
    padding: 7px !important;
    font-size: 13px !important;
}


.dtCaixas2 {
    position: relative;
    margin-top: -5px;
}


    .dtCaixas2 td, th {
        padding: 7px !important;
        font-size: 13px !important;
    }

.divDetalheObservacao {
    position: relative;
    margin-bottom: 615px;
    margin-top: -144px;
}

.gvObservacao {
    position: relative;
    margin-top: 3px;
    width: 99%;
    left: 8px;
}

.btFecharItem {
    position: fixed;
    margin-top: 206px;
    left: 642px;
    float: right;
}

.lbDiversos {
    position: relative;
    margin-top: -40px;
    margin-top: -215px;
}

.painelScrollDatas {
    height: 216px;
    position: relative;
    top: -190px;
    left: -1px;
    width: 987px;
}

.painelScrollItensDiversos {
    height: 298px;
    position: relative;
    top: -20px;
    left: -1px;
    width: 987px;
    margin-bottom: 117px !important;
}

.lbDatas {
    position: relative;
    top: -170px;
}

.lbDatas1 {
    position: relative;
    top: -219px;
}

.painelScrollIcamentoOrigem {
    height: 308px;
    position: relative;
    top: -190px;
    left: -1px;
    width: 987px;
}

.lbEngradados {
    position: relative;
    top: -366px;
}

.painelScrollItensEngradados {
    height: 247px;
    position: relative;
    top: -364px;
    left: -1px;
    width: 987px;
    margin-bottom: 117px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

.lbPesados {
    position: relative;
    top: -474px;
}

.painelScrollItensPesados {
    height: 308px;
    position: relative;
    top: -471px;
    left: -1px;
    width: 987px;
    margin-bottom: 117px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

.painelScrollItensIcamento {
    height: 308px;
    position: relative;
    top: -570px;
    left: -1px;
    width: 987px;
    margin-bottom: 117px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

.lbIcamento {
    position: relative;
    top: -573px;
}

.painelScrollIcamentoDestino {
    height: 308px;
    position: relative;
    top: -238px;
    left: -1px;
    width: 987px;
    margin-bottom: 117px !important;
}

.lbIphan {
    position: relative;
    top: -673px;
}

.painelScrollItensIphan {
    height: 308px;
    position: relative;
    top: -671px;
    left: -1px;
    width: 987px;
    margin-bottom: 117px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}


#gvHtml td {
    padding: 8px 10px; /* e.g. change 8x to 4px here */
    background-color: orange !important;
}


.gvHtml td {
    background-color: orange !important;
}


.gvHtml.td {
    background-color: orange !important;
}

#gvHtml.td {
    background-color: orange !important;
}

.gvHtml table tbody td {
    background-color: orange !important;
}

.gvHtml table tbody td {
    background-color: orange !important;
}

    .gvHtml table tbody td a, .dtpager table tbody td span {
        background-color: orange !important;
    }


.gvHtml {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    grid-template-rows: auto auto 1fr 1fr 1fr auto auto;
    grid-gap: 10px;
    height: calc(100vh - 10px);
    background-color: orange !important;
}


.dropSolicitacao {
    position: relative;
    margin-top: -40px;
    margin-left: 188px;
    margin-bottom: 50px;
}


.dtInicioAgenda {
    position: relative;
    margin-top: 37px;
}

.vistoriador {
    position: relative;
    margin-left: -360px;
    top: 14px;
}


.ckVirtual {
    position: relative;
    margin-left: -12px;
    margin-top: -40px;
}

.ckVirtualAgenda {
    position: relative;
    margin-left: 41px;
    margin-top: 0px;
}

.divtxtDetails {
    position: relative;
    height: 900px;
}


/*.cke_top, .cke_contents, .cke_bottom {
    display: block;
    overflow: hidden;
    height: 640px !important;
}*/

.cke_reset {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-decoration: none;
    width: auto;
    height: auto;
    vertical-align: baseline;
    box-sizing: content-box;
    position: static;
    transition: none;
    height: 582px !important;
}


.botoesTemplate {
    border-top: 1px solid #CCC;
    padding-top: 19px;
    /* margin-top: -14px !important; */
    position: fixed;
    width: 80%;
    text-align: center;
    margin-top: -22px;
}




.mb20 {
    position: relative;
    margin-bottom: 20px;
}


.mb10 {
    position: relative;
    margin-bottom: 10px;
}
.mt5 {
    position: relative;
    margin-top: 5px;
}

.t14 {
    margin-top: 14px;
}

.mt20 {
    position: relative;
    margin-top: 20px;
}

.mt30 {
    position: relative;
    margin-top: 30px;
}
.mt38 {
    margin-top: 38px !important;
}

.mt36 {
    margin-top: 36px;
}

.mt36 {
    margin-top: 33px !important;
}

.mt40 {
    position: relative;
    margin-top: 40px !important;
}

.mt60 {
    position: relative;
    margin-top: 60px;
}

.dtAgendaFiltro {
    position: relative;
    margin-top: -33px;
    margin-left: 155px;
}

.dtAgendaFiltro2 {
    position: relative;
    margin-top: -33px;
    margin-left: 51px;
}

.lbAgendaFiltro {
    position: relative;
    top: 24px;
    margin-left: -64px;
    color: white;
}

.divDicionarioTemplate {
    float: left;
    margin-top: -834px;
    left: 20%;
    position: relative;
    background-color: white !important;
    padding: 15px;
    border: 1px solid lightgray;
    padding-bottom: 50px !important;
    text-align: center;
    height: 550px;
}

.pnlGridTemplate {
    height: 530px;
    margin-bottom: 25px;
}

.gvscroll {
    overflow-y: scroll;
    height: 530px;
}

.pnlGridCertificado {
    min-height: 156px !important;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white !important;
    position: relative;
    height: 383px;
   
}

.divGridTemplate {
    height: 649px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*
.MainContent_FreeTextBox1_Toolbar {
    background-color: RED !important;
}



.MainContent_FreeTextBox1_Toolbar:hover {
    background-color: RED !important;
}


.MainContent_FreeTextBox1_OuterTable {
    background-color: RED !important;
}

    .MainContent_FreeTextBox1_OuterTable:hover {
        background-color: RED !important;
    }



    #MainContent_FreeTextBox1_OuterTable table tbody tr:hover {
        background: red !important;
    }*/


table.MainContent_FreeTextBox1_OuterTable tbody tr:hover {
    background: white !important;
}

.MainContent_FreeTextBox1_OuterTable table {
    border-spacing: 0px !important;
    background: transparent;
    margin: 7px 0 !important;
    width: 100%;
}



.t5 {
    margin-top: -5px;
}





input[type="button"].btTabela, input[type="submit"].btTabela {
    background: #1c5ca1 url(../img/tabelaAgente.png) no-repeat center center !important;
    margin-top: 6px !important;
    padding-left: 50px;
}

    input[type="button"].btTabela:hover, input[type="submit"].btTabela:hover {
        background: #99cc34 url(../img/tabelaAgente.png) no-repeat center center !important;
        margin-top: 6px !important;
    }



.divGridTabela {
    position: relative;
    padding-bottom: 130px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 120px;
    margin-bottom: 99PX;
}

.divGridFaixas {
    position: relative;
    padding-bottom: 130px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 220px;
    width: 100%;
}

.t5 {
    margin-bottom: -5px;
}

.fwhite {
    color: white !important;
}

.t20 {
    margin-top: 20px;
}

.t30 {
    margin-top: 30px;
}

.t40 {
    margin-top: 40px;
}

.pt20 {
    padding-top: 20px;
}

.pb5 {
    padding-bottom: 15px;
}
.mt-16 {
    margin-top: -16px !important;
}
.mt-26 {
    margin-top: -26px !important;
}

.pl5 {
    padding-left: 5px;
}

.b10 {
    bottom: 10px;
    position: relative;
}


.t10 {
    top: 10px !important;
    position: relative;
}

.botoesPopup {
    padding-top: 40px;
    width: 100% !important;
    text-align: center !important;
}

.b20 {
    bottom: 20px;
    position: relative;
}


.mb-10 {
    margin-bottom: -10px !important;
    position: relative;
}

.fundoazul {
    background-color: #1c5ca1;
    height: 30px;
    position: relative;
    margin: 0;
    width: 100%;
    top: 0px;
}




.divFaixaInferior {
    background-color: red;
    height: 30px;
    position: relative;
    width: 45%;
}

.tabSolicitacao {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #1c5ca1 /*#f1f1f1*/;
    margin-top: 0px;
    width: 97%;
    color: white;
}

/* Style the buttons that are used to open the tab content */
    .tabSolicitacao button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        color: white;
    }

    /* Change background color of buttons on hover */
        .tabSolicitacao button:hover {
            background-color: #ddd;
            color: black;
        }

    /* Create an active/current tablink class */
        .tabSolicitacao button.active {
            background-color: #ccc;
            color: #1c5ca1;
        }

.tab1 {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #1c5ca1 /*#f1f1f1*/;
    margin-top: 20px;
    width: 97%;
    color: white;
}

    /* Style the buttons that are used to open the tab content */
    .tab1 button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        color: white;
    }

        /* Change background color of buttons on hover */
        .tab1 button:hover {
            background-color: #ddd;
            color: black;
        }

        /* Create an active/current tablink class */
        .tab1 button.active {
            background-color: #ccc;
            color: #1c5ca1;
        }

.selecionado 
{
    background-color: #ccc !important;
    color: #1c5ca1 !important;
    
}


/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontentOrc {
   
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}


.block {
    display: block;
}

.none {
    display: none;
}

.tab500 {
    height: 500px !important;
}

.tab390 {
    height: 360px !important;
/*    background-color: red;*/
    top: 9px;
    position: relative;
    width: 671px;
}

.tab370 {
    height: 370px !important;
}

.divItemValorOAFE {
    float: left;
    position: relative;
    top: 10px;
    width: 98%;
}

.divItemValorFixo {
    float: left;
    position: relative;
    top: 10px;
    height: 280px;
    height: 80px;
    width: 90%;
}


.divInsereVideo {
    position: relative;
    top: -28px;
    width: 100px;
    left: 576px;
    height: 43px;
}


.divDetalheVideo {
    background-color: white;
    height: 200px;
    width: 700px;
    margin-top: -379px;
    float: left;
    z-index: 2000;
    padding-left: 57px;
    border: 1px solid gray !important;
    margin-left: 49px !important;
}

.divPrincipalUsuario {
    position: relative;
    margin-top: 37px;
}

.historicoPermissao {
    margin-top: -3px;
    margin-left: -39px;
}




.divOrcamentoCotacao {
    background-color: white;
    height: 372px;
    width: 845px;
    top: 100px;
    position: absolute;
    border: 1px gray solid;
    margin-left: 26px;
    overflow-x: hidden;
}

.divServicoCoordenacao {
    background-color: white;
    height: 293px;
    width: 445px;
    top: 100px;
    position: absolute;
    border: 1px gray solid;
    margin-left: 226px;
    overflow-x: hidden;
}

.divOrcamentoEmail {
    background-color: white;
    height: 372px;
    width: 845px;
    top: 100px;
    position: absolute;
    border: 1px gray solid;
    margin-left: 26px;
    overflow-x: hidden;
}


.divGridCotacao {
    margin-left: 20px;
    overflow-x: hidden;
    height: 341px;
    width: 95%;
}

.divGridCotacaoStatus {
    margin-left: -23px;
    overflow-x: hidden;
    height: 220px;
    width: 95%;
    margin-top: 10px;
}

.gridOrcamentoCotacao {
    margin-left: 20px;
    height: 259px;
    width: 96%;
    overflow-y: auto;
    overflow-x: hidden;
}

.divGridOrcamentoEmail {
    margin-left: 20px;
    height: 259px;
    width: 96%;
    overflow-y: auto;
    overflow-x: hidden;
}

.t-10 {
    margin-top: -10px
}

.t-15 {
    margin-top: -15px
}

.t-20 {
    margin-top: -30px
}

.t-100 {
    margin-top: -100px
}


.t-60 {
    margin-top: -61px;
}

.t150 {
    margin-top: 150px;
}

.t-60r {
    margin-top: -60px;
    position: relative;
}

.linha2 {
    left: 223px !important;
    position: relative;
    top: -8px;
    height: 68px;
    width: 100%;
}

.clienteCotacao {
    left: 229px;
    position: relative;
    width: 370px;
    top: -68px;
}

.clienteCotacao2 {
    left: 164px;
    position: relative;
    width: 370px;
    top: -68px;
}
.idiomaCotacao {
    left: 203px;
    position: fixed;
}

.tratamentoCotacao {
    position: fixed;
    left: 435px;
}

.seqOrcamentosCotacao {
    position: fixed;
    left: 203px;
}


.element.style {
    position: fixed;
    /* left: 633px; */
    margin-top: -60px;
}

.divVistoriaCotacao {
    margin-left: 321px;
    margin-top: -31px !important;
}

.remarkCotacao {
    position: relative;
    margin-top: -68px;
    margin-left: -143px;
}

.caixasCotacao {
    position: relative;
    margin-top: -22px;
    margin-left: 265px;
}

.trCotacao {
    position: relative;
    margin-top: -22px;
    margin-left: 142px;
}

.pnlgAgenteServicosEspeciais {
    height: 286px;
    overflow-y: auto;
}

.valorDif {
    color: red !important;
    top: 38px !important;
    position: relative;
    font-size: 10pt;
    left: 33px;
    font-weight: bold;
}


.btDetalheGridPontos {
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    min-height: 16px;
}



.detailsGrid {
    background-color: white !important;
    width: 500px;
    height: 300px;
    position: fixed;
    top: 200px;
    padding-left: 20px;
    border-right: 1px solid #DDF !important;
}

.btOkDetailsGrid {
    position: relative;
    margin-left: 190px;
    margin-top: 40px;
}

.divFolloUp {
    background-color: white !important;
    position: fixed;
    top: 38px;
    float: right;
    z-index: 61;
    height: 661px;
    width: 1019px;
}


.txCorpoEmailFolloUp {
    width: 758px;
    height: 225px;
    position: relative;
    margin-top: 0px;
    margin-left: 1px;
    background-color: #f0f0f0
}

.botoesCorpoEmailFollowUp {
    position: relative;
    top: 0px;
    width: 1023px;
    float: right;
    left: 3px;
    height: 41px !important;
    background-color: #1c5ca1;
}


.divHistoricoEsquerdaHistorico {
    /* background-color: red; */
    left: 5px;
    top: 8px;
    position: relative;
    width: 368px;
    overflow-y: scroll;
    height: 453px;
}

.divHistoricoDireitaHistorico {
    /*background-color: green;*/
    top: -443px;
    position: relative;
    width: 453px;
    margin-left: 382px;
    height: 466px;
}

.pnlDireitoHistorico2 {
    position: relative;
    margin-left: 3px;
    margin-top: -476px;
    width: 450px;
    height: 431px;
    top: 0px;
    overflow-y: scroll;
}

.btExibirTodos {
    border: 0.5px solid white !important;
}

.btExibirTodosSelecionado {
    background-color: #39d3ef !important;
    color: black !important;
}

.pnlCoordenadorCotacao {
    width: 150px;
    left: 50px;
    position: relative;
    top: 30px;
}


.tabcontentCoordenacao {
    background-color: white;
    /*height: 527px;*/
    position: relative;
    width: 1021px;
    top: 79px;
    left: -20px;
}

.painelScrollResumoCotacao {
    height: 820px;
    position: relative;
    top: 0px;
    left: 10px;
    width: 1004px;
    margin-bottom: 152px !important;
    overflow: hidden;
    background-color: white !important;
}


.painelScrollResumoCotacaoT {
    /*height: 820px;*/
    height: 3609px;
    position: relative;
    top: 0px;
    left: 10px;
    width: 1004px;
    margin-bottom: 152px !important;
    overflow: hidden;
    background-color: white !important;
}

.mr42 {
    margin-right: 42px !important;
}

.mr4 {
    margin-right: 4px !important;
}


.t242 {
    margin-top: 242px;
}


.t210 {
    margin-top: 210px;
}

.t140 {
    margin-top: 140px;
}

.selectedRow {
    background-color: red;
}

.divListaEmails {
    background-color: white;
    height: 500px;
    width: 644px;
    position: relative;
    top: -361px;
    left: 283px;
    border: 1px solid black;
}


.divContatosPossiveis {
    background-color: white;
    height: 529px;
    width: 644px;
    position: absolute;
    top: 72px;
    border: 1px solid #b1b1b1;
    left: 434px;
    float: left;
}


.divGridContato {
    width: 89%;
    position: relative;
    top: -2px;
    height: 427px !important;
    /* background-color: red !important; */
    left: 20px;
}

[type="button"].btSelect, input[type="submit"].btSelect {
    outline: none;
    border: none;
    background: #1c5ca1;
    color: #FFF;
    cursor: pointer;
    height: 28px !important;
    vertical-align: top;
    line-height: 11px !important;
    font-size: 10px !important;
    text-align: center;
    padding: 3px 3px !important;
    border-radius: 4px;
    width: 65px !important;
}



.selectedField {
    background-color: #CCC !important;
}

.selectedRowStyle {
    background-color: green !important;
}


#gvContatos.selectedRowStyle {
    background-color: green !important;
}


.folhaSelecionada {
    background-color: #b0daca !important;
}

table td.img0 .gridBtEditar {
    border: none;
    display: inline-block;
    background: url(../img/editar.png) no-repeat center center;
    background-size: 16px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    filter: invert(83%) sepia(44%) saturate(3197%) hue-rotate(189deg) brightness(92%) contrast(88%)
}


.divDadosPreContato {
    position: relative;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.adicionarPreContato {
    background-color: #1c5ca1;
    position: relative;
    margin-right: 50px;
    margin-top: 15px !important;
    z-index: 40;
}

.btDetalheCliente {
    width: 38px;
    left: 15px;
    position: relative;
}

.mr45 {
    margin-left: 45px !important;
}

.br {
    border-radius: 5px;
}


.ml25 {
    margin-left: 25px !important;
}




.divSolicitacoesVistoria {
    height: 200px;
    width: 200px;
    background-color: #eea3a3;
}


.divClonagemOrcamento {
    height: 511px;
    width: 800px;
    background-color: white;
    top: 86px;
    position: absolute;
    border: 1px gray solid;
    margin-left: 100px;
    overflow-x: hidden;
    z-index: 41;
    padding-left: 20px;
}

.divInformacoesNovo {
    height: 400px;
    width: 700px;
    background-color: #eaabab;
    top: 72px;
    position: relative;
}



.tabEmbarque {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    top: 9px;
    position: relative;
    left: 0px;
    width: 97% !important;
}

    /* Style the buttons inside the tab */
    .tabEmbarque button {
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 15px;
        font-family: 'Arial', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, sans-serif;
        font-weight: bold;
    }


.painelScrollResumoCertificado {
    /*height: 197px;*/
    overflow-y: scroll;
    position: relative;
    top: 17px;
    left: 2px;
    width: 863px;
    margin-bottom: 1px !important;
    overflow: hidden;
    background-color: white !important;
}

.pnlPreAdvice {
    height: 254px;
    position: relative;
    top: -40px;
    left: 9px;
    width: 1004px;
    margin-bottom: 152px !important;
    padding-left: 20px;
    background-color: white !important;
}

.pnlLetter {
    height: 254px;
    position: relative;
    top: -40px;
    left: 9px;
    width: 1004px;
    margin-bottom: 152px !important;
    padding-left: 20px;
    background-color: white !important;
}

.botoesTabCoordenacao {
    padding-top: 71px;
    width: e;
    text-align: center !important;
    /* background-color: red; */
    width: 300px;
    margin-left: 232px;
}

.container input.adicionarCertificadoPeso {
    background: #1c5ca1 url(../img/adicionar.png) no-repeat 135px 7px;
    padding-left: 13px;
    margin-left: -6px;
    padding-right: 13px;
    border-radius: 4px;
    position: relative;
    left: -40px;
    margin-top: 10px;
    margin-bottom: -2px;
}


.pnlContenedorDocumento {
    height: 218px;
    position: relative;
    top: 1px;
    left: 34px;
    width: 527px;
    margin-bottom: 152px !important;
    background-color: white !important;
}

.vermelho {
    background-color: #f89d9d !important;
}


.verde {
    background-color: #bbd0a3 !important;
}

.divDetalheTarefa {
    position: relative;
    margin-top: 58px;
    /*margin-left: -19px;*/
}


.divEmbarq {
    position: relative;
    min-height: 770px;
    width: 90%;
    top: 3px;
}

.divTitulo1 {
    color: black !important;
    font-size: 14px !important;
    padding: 10px !important;
    text-align: center;
    margin-bottom: 14px;
    font-weight: bold;
    width: 300px;
}


.diInfoDocumentos {
    position: relative;
    top: 10px;
    height: 55px;
}


.textarea:disabled {
    background-color: red !important;
}


.certificadoPeso {
    background-color: blue !important;
}



.divFiltrosReciprocidade {
    background-color: #1c5ca1 !important;
    height: 90px;
    margin-top: -30px;
}

.divGridReciprocidade {
    margin-top: 10px;
}



.btCertificadoPeso {
    background: #1c5ca1 url(../img/btcertificado32.png) no-repeat center center !important;
    margin-top: 36px !important;
    padding-left: 50px;
    height: 42px !important;
    width: !important;
    background-size: 60% !important;
    margin-left: 127px;
}

input[type="button"].btCertificadoPeso.aspNetDisabled, input[type="submit"].btCertificadoPeso.aspNetDisabled {
    
    background: #1c5ca1 url(../img/btcertificado32Desabilitado.png) no-repeat center center !important;
    margin-top: 36px !important;
    padding-left: 24px;
    height: 42px !important;
    width: !important;
  
    margin-left: 127px;
     width:40px !important;
}


    .btCertificadoPeso:hover {
        background: #99cc34 url(../img/btcertificado32.png) no-repeat center center !important;
        margin-top: 36px !important;
        height: 42px !important;
        width: !important;
        background-size: 60% !important;
        margin-left: 127px;
    }



.btPreAdvice {
    position: relative !important;
    margin-left: 891px !important;
    background: #1c5ca1 url(../img/paper32.png) no-repeat center center !important;
    margin-top: 20px !important;
    height: 42px !important;
    width: !important;
    background-size: 60% !important;
}

    .btPreAdvice:hover {
        position: relative !important;
        margin-left: 891px !important;
        background: #99cc34 url(../img/paper32.png) no-repeat center center !important;
        margin-top: 20px !important;
        height: 42px !important;
        width: !important;
        background-size: 60% !important;
    }


.btLetter {
    position: relative !important;
    margin-left: 891px !important;
    background: #1c5ca1 url(../img/letter32.png) no-repeat center center !important;
    margin-top: 20px !important;
    height: 42px !important;
    width: !important;
    background-size: 60% !important;
}



    .btLetter:hover {
        position: relative !important;
        margin-left: 891px !important;
        background: #99cc34 url(../img/letter32.png) no-repeat center center !important;
        margin-top: 20px !important;
        height: 42px !important;
        width: !important;
        background-size: 60% !important;
    }






.btLetterDisabled {
    position: relative !important;
    margin-left: 891px !important;
    background: red url(../img/letter32.png) no-repeat center center !important;
    margin-top: 20px !important;
    height: 42px !important;
    width: !important;
    background-size: 60% !important;
    cursor: default !important;
}


.container input.adicionarServico {
    background: #1c5ca1 url(../img/adicionar.png) no-repeat 125px 7px;
    padding-left: 22px;
    margin-left: -6px;
    padding-right: 33px;
    border-radius: 4px;
    position: relative;
    left: -20px;
    margin-top: 10px;
    margin-bottom: 10px;
}



.container input.adicionarItemServico {
    background: #1c5ca1 url(../img/adicionar.png) no-repeat 149px 7px;
    padding-left: 6px;
    margin-left: -20px;
    padding-right: 28px;
    border-radius: 4px;
    position: relative;
    left: -30px;
    margin-top: 10px;
    margin-bottom: 10px;
}



.container input.adicionarInstrucao {
    background: #1c5ca1 url(../img/adicionar.png) no-repeat 114px 7px;
    padding-left: 6px;
    margin-left: -20px;
    padding-right: 28px;
    border-radius: 4px;
    position: relative;
    left: -30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ckRat {
    position: relative;
    left: 4px;
    top: 8px;
}


.divServicosOperacaoOS {
    background-color: white;
    height: 500px;
    position: absolute;
    top: 100px;
    /* float: initial; */
    width: 700px;
    border: 1px solid gray;
    left: 278px;
}

.botaoServicoOp1 {
    bottom: 46px;
    position: fixed;
    width: 600px;
    text-align: center;
}

.botaoServicoV {
    position: relative;
    text-align: center;
    bottom: -25px;
    width: 566px;
    height: 34px;
}

.botaoServicoE {
    position: relative;
    text-align: center;
    bottom: -25px;
    width: 566px;
    height: 34px;
}

.botaoServicoOp {
    position: fixed;
    width: 600px;
    text-align: center;
    margin-top: -85px;
}

.botaoServicoOp0 {
    position: fixed;
    width: 600px;
    text-align: center;
    margin-top: 44px;
}

.divEquipeOS {
    background-color: white;
    height: 500px;
    position: absolute;
    top: 100px;
    /* float: initial; */
    width: 700px;
    border: 1px solid gray;
    margin-left: 278px;
}

.divVeiculos {
    background-color: white;
    height: 500px;
    position: absolute;
    top: 100px;
    /* float: initial; */
    width: 700px;
    border: 1px solid gray;
    margin-left: 278px;
}

.divInstrucoes {
    background-color: white;
    height: 500px;
    position: absolute;
    top: 100px;
    /* float: initial; */
    width: 700px;
    border: 1px solid gray;
    margin-left: 278px;
}

.botaoEquipeOS {
    bottom: 46px;
    position: fixed;
    width: 600px;
    text-align: center;
}


.container input.adicionarEquipe {
    background: #1c5ca1 url(../img/adicionar.png) no-repeat 169px 7px;
    padding-left: 7px;
    margin-left: 12px;
    padding-right: 32px;
    border-radius: 4px;
    position: relative;
    left: -29px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.container input.adicionarVeiculo {
    background: #1c5ca1 url(../img/adicionar.png) no-repeat 107px 7px;
    padding-left: 7px;
    margin-left: 12px;
    padding-right: 32px;
    border-radius: 4px;
    position: relative;
    left: -33px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.divEquipeScroll {
    overflow-y: auto;
    height: 345px;
    width: 560px;
    margin-left: 50px;
    margin-top: 20px;
}


.divServicosOperacaoOSScroll {
    overflow-y: auto;
    height: 400px;
    width: 590px;
    margin-left: 30px;
    margin-top: 10px;
}

.divVeiculoScroll {
    overflow-y: auto;
    height: 370px;
    width: 560px;
    margin-left: 50px;
    margin-top: 20px;
}

.divInstrucoesScroll {
    overflow-y: auto;
    height: 370px;
    width: 560px;
    margin-left: 50px;
    margin-top: 20px;
}

.divServicosEspeciaisOD {
    overflow-y: auto;
    height: 500px;
    width: 880px;
}
/*calendario os*/
.myCalendar {
    background-color: #f2f2f2;
    width: 156px;
    border: 10px solid #4CCAEF !important;
    border-top: 0px !important;
}

    .myCalendar a {
        text-decoration: none;
    }

    .myCalendar .myCalendarTitle {
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #4CCAEF;
        color: #ffffff;
    }

    .myCalendar th.myCalendarDayHeader {
        height: 25px;
        border-bottom: outset 2px #fbfbfb;
        border-right: outset 2px #fbfbfb;
    }

    .myCalendar td.myCalendarDay {
        border: outset 2px #fbfbfb;
    }

        .myCalendar td.myCalendarDay:nth-child(7) a {
            color: #c52e2e !important;
        }

    .myCalendar .myCalendarNextPrev {
        text-align: center;
    }

        .myCalendar .myCalendarNextPrev a {
            font-size: 1px;
        }

        .myCalendar .myCalendarNextPrev:nth-child(1) a {
            color: #4CCAEF !important;
            background: url("prevMonth.png") no-repeat center center;
        }

            .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover {
                background-color: transparent;
            }

        .myCalendar .myCalendarNextPrev:nth-child(3) a {
            color: #4CCAEF !important;
            background: url("nextMonth.png") no-repeat center center;
        }

    .myCalendar td.myCalendarSelector a {
        background-color: #25bae5;
    }

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a {
        display: block;
        line-height: 20px;
    }

    .myCalendar .myCalendarToday {
        background-color: #f2f2f2;
        -webkit-box-shadow: 0 0 7px 3px #e5e5e5;
        box-shadow: 0 0 7px 3px #e5e5e5;
    }

        .myCalendar .myCalendarToday a {
            color: #25bae5 !important;
        }

    .myCalendar .myCalendarDay a:hover,
    .myCalendar .myCalendarSelector a:hover {
        background-color: #25bae5;
    }


/*outro exemplo*/

.calendarWrapper {
    background-color: white;
    padding: 3px;
    /* display: inline-block; */
    border: 1px solid lightgray;
    position: fixed;
    float: left;
    top: 69px;
    left: 605px;
    margin-top: -10px !important;
}

.myCalendar {
    background-color: #f2f2f2;
    width: 146px;
    border: none !important;
}

    .myCalendar a {
        text-decoration: none;
    }

    .myCalendar .myCalendarTitle {
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #4CCAEF;
        color: #ffffff;
        border: none !important;
    }

    .myCalendar th.myCalendarDayHeader {
        height: 25px;
    }

    .myCalendar tr {
        border-bottom: solid 1px #ddd;
    }

    .myCalendar table tr {
        border-bottom: none !important;
    }

    .myCalendar tr:last-child td {
        border-bottom: none;
    }

    .myCalendar tr td.myCalendarDay, .myCalendar tr th.myCalendarDayHeader {
        border-right: solid 1px #ddd;
    }

    .myCalendar tr td:last-child.myCalendarDay, .myCalendar tr th:last-child.myCalendarDayHeader {
        border-right: none;
    }

    .myCalendar td.myCalendarDay:nth-child(7) a {
        color: #c52e2e !important;
    }

    .myCalendar .myCalendarNextPrev {
        text-align: center;
    }

        .myCalendar .myCalendarNextPrev a {
            font-size: 1px;
        }

        .myCalendar .myCalendarNextPrev:nth-child(1) a {
            color: #4CCAEF !important;
            background: url("prevMonth.png") no-repeat center center;
        }

            .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover {
                background-color: transparent;
            }

        .myCalendar .myCalendarNextPrev:nth-child(3) a {
            color: #4CCAEF !important;
            background: url("nextMonth.png") no-repeat center center;
        }

    .myCalendar td.myCalendarSelector a {
        background-color: #25bae5;
    }

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a {
        display: block;
        line-height: 20px;
    }

    .myCalendar .myCalendarToday {
        background-color: #f2f2f2;
        -webkit-box-shadow: 1px 1px 8px 1px #8f8f8f;
        box-shadow: 1px 1px 8px 1px #8f8f8f;
        display: inline-block;
        width: 22px !important;
        height: 19px !important;
        border: 2px solid #f2f2f2;
        margin-left: -1px;
        margin-top: -1px;
        position: relative;
    }

        .myCalendar .myCalendarToday a {
            color: #25bae5 !important;
            font-weight: bold;
        }

            .myCalendar .myCalendarToday a:after {
                content: "TODAY";
                color: #000;
                font-size: 0.5em;
                display: inline-block;
                pointer-events: none;
                width: 100%;
                float: left;
            }

    .myCalendar .myCalendarDay a:hover,
    .myCalendar .myCalendarSelector a:hover {
        background-color: #25bae5;
    }


.btLimparDatas {
    width: 56px;
    padding-left: 1px !important;
    padding-right: 1px !important;
}


.btSelecionarDatas {
    width: 76px;
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.div-1 {
    background-color: #EBEBEB;
}


.divSurvey {
    position: relative;
    /*margin-top: -587px;*/
    /* background-color: red; */
    /*float: left;*/
    margin-top: 407px;
}

.divOS {
    margin-top: -20px;
}

.divInfoEmail {
    top: 44px;
    position: relative;
    text-align: left;
    margin-bottom: 27px;
    height: 27px;
}
.divTituloPopup {
    top: 44px;
    position: relative;
    text-align: left;
    margin-bottom: 27px;
    height: 27px;
}



.divEmailCoordenacao
{
    
    margin-top:-30px;
}

.divWizard {
    position: relative;
    height: 483px;
    background-color: white !important;
}
.note-editable ul {
    list-style: disc !important;
    list-style-position: inside !important;
}

.note-editable ol {
    list-style: decimal !important;
    list-style-position: inside !important;
}

.sidebar-align-left ul {
    list-style: none; /* Opcional: remove os marcadores de lista */
    margin: 0;
    padding: 0;
}

.divCaixasWixard {
    /*background-color: #aae3b3;*/
    height: 360px;
    width: 624px;
    margin-top: 41px;
}


.divOperacaoWizard {
    background-color: white;
    height: 372px;
    width: 586px;
    margin-top: -71px;
}
.sidebar-align-left li,
.sidebar-align-left li a {
    text-align: left !important;
    display: block; /* Garante que o link ocupe toda a largura para o alinhamento */
    /* Adicione padding, cor, etc., se necessário */
}



.divOperacoesTipos
{
   
    position:relative;
    width:600px;
    height:300px;
}
/*
.table#MainContent_Wizard1_SideBarContainer_SideBarList
{
    text-align:left;
    background-color:blue;
}
*/
.divEtapas {
    position: relative;
    margin-top: 10px;
    background-color: white;
    /* height:500px;*/
    width: 950px;
}
.tabEtapas {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #1c5ca1 /*#f1f1f1*/;
    margin-top: 20px;
    width: 95%;
    color: white;
    top: 10px;
    position: relative;
}


    /* Style the buttons that are used to open the tab content */
    .tabEtapasbt {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        color: white;
    }

    /* Style the buttons that are used to open the tab content */
    .tabEtapas button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        color: white;
    }

        /* Change background color of buttons on hover */
        .tabEtapas button:hover {
            background-color: #ddd;
            color: black;
        }

        /* Create an active/current tablink class */
        .tabEtapas button.active {
            background-color: #ccc;
            color: #1c5ca1;
        }

        .tabEtapasActive {
            background-color: #b0b0b0 !important;
            color: #1c5ca1;
        }
.divInferiorInsumos
{
    background-color:white;
    position:relative;   
    top:30px;
    width:990px;
}

.divGridItens {
    height: 400px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}


.fundo h2, .fundo-interna h2, .fundo-interna2 h2 {
    background: #606060 !important;
    color: #FFF;
    font-size: 12px;
    padding: 7px 5px;
    margin-top: 51px;
    margin-right: 20px;
    border-radius: 4px;
    text-align: left !important;
    visibility: initial !important;
}

.red {
    color: red;
    background-color: white !important;
}

.divItens {
    
    height: 30px;
    position: relative;
    margin-bottom: -42px;
    margin-top: -41px;
}
.ft14 {
    font-size: 10pt !important;
}

.btOkItemOrcamento {
    top: 508px;
    position: fixed;
}


.btOAFE {
    outline: none;
    border: none;
    background: #1c5ca1;
    color: #FFF;
    cursor: pointer;
    height: 28px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    padding: 3px 10px !important;
    border-radius: 4px;
}



.divesquerdaW {
    width: 150px;
    position: relative;
    margin-top: 50px;
    
    height: 150px;
    margin-left:0px;
}

.divdireitaW {
    width: 147px;
    position: relative;
    float: right;
    margin-top: -145px;
    left: 140px;
}


.btWizard {
    width: 260px;
}


.btWizardBottom {
    width: 110px;
}


.divOperacaoWizardBotoes {
    
    width: 290px;
   
}

.wizard {
    margin: 0 0 2px 0;
}
    .wizard table tbody td {
        font-size: 10px;
        padding: 1px;
        width: 180px;
      /*  text-align: left !important;*/
        margin: 0 0 2px 0;
        top: 8px;
        position: relative;
    }

.wizardStep {
    background-color: #1c5ca1 !important;
    text-align: left !important;
    color: black !important;
}

    .wizardStep table tbody td tbody td {
        border: 1px solid #ccc;
        padding: 8px;
        color: black !important;
        /* adicione aqui os estilos desejados */
    }


#MainContent_WizardExp_SideBarContainer_SideBarList tbody td {
    background-color: #1c5ca1 !important;
    text-align: left !important;
    color: white !important;
}

#MainContent_WizardExp_SideBarContainer_SideBarList tbody td a{
    background-color: #1c5ca1 !important;
    text-align: left !important;
    color: white !important;
    width:190px;
    margin-left:10px;
}


#MainContent_WizardImp_SideBarContainer_SideBarList tbody td {
    background-color: #1c5ca1 !important;
    text-align: left !important;
    color: white !important;
}

    #MainContent_WizardImp_SideBarContainer_SideBarList tbody td a {
        background-color: #1c5ca1 !important;
        text-align: left !important;
        color: white !important;
        width: 190px;
        margin-left: 10px;
    }

#MainContent_WizardNac_SideBarContainer_SideBarList tbody td {
    background-color: #1c5ca1 !important;
    text-align: left !important;
    color: white !important;
}

    #MainContent_WizardNac_SideBarContainer_SideBarList tbody td a {
        background-color: #1c5ca1 !important;
        text-align: left !important;
        color: white !important;
        width: 190px;
        margin-left: 10px;
    }

.sidebar-align-left {
    background-color: #1c5ca1;
}
.sidebar-align-left:hover {
    background-color: #1c5ca1;
}
.wizard table tbody td:hover {
    background-color: white;
}

.wizard table tbody td {
    /**/ background-color: white;
    color: black !important;
    border-color: transparent !important;
    margin: 0 0 0px 0;
}

.wizard table tr td img, wizard table tr td a {
    display: inline-block;
    margin: 0;
    width: 195px;
    height: 18px;
    border-color: transparent !important;
    color: white !important;
    margin: 0 0 0px 0;
    background-color: #1c5ca1;
    border: 1px solid red !important;
}

    .wizard table tr td img, wizard table tr td a .selected {
        display: inline-block;
        margin: 0;
        width: 195px;
        height: 18px;
        border-color: transparent !important;
        color: white !important;
        margin: 0 0 0px 0;
        background-color: red t!important;
        border: 1px solid red !important;
    }

.SideBarContainer_SideBarList table tbody td {
    background-color: green !important;
    color: white !important;
    border-color: transparent !important;
}


.botoesPopupW {
    width: 420px;
    position: relative;
    margin-bottom: -10px;
    left: 100px;
    text-align: center;
    top: 100px;
    height: 30px;
}




.SideBarContainer_SideBarList,
.SideBarContainer_SideBarList li,
.SideBarContainer_SideBarList li a {
    text-align: left;
    background-color: aqua;
}


.popup table {
    /*margin: 3px 0px -2px -1px;
    position: fixed;
    top: 30px;
    width: 100px;*/
}

#MainContent_WizardExp_SideBarContainer_SideBarList {
  
    margin-top: -55px;
}



ul.wizard li.completed::before { 
    background: red;
    color: white;
}

ul.wizard li.completed span { 
    color: red;
}


.labelWizard {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    height: 18px;
    display: block;
    margin-top: 15px;
    text-align: left !important;
}

.divEnderecosWizard {
    position: fixed;
    float: right;
    top: 22px;
    left: 49px;
    background-color: white !important;
    box-shadow: 0 0 3px rgb(28, 92, 161);
    border: 1px solid rgba(81, 203, 238, 1);
    padding-left: 30px;
    padding-top: 30px;
    width: 717px;
    height: 675px;
    z-index:90;
    /* overflow-y:auto;
        z
*/
}
.pnlCaixasW {
    height: 240px;
    top: 55px;
    position: relative;
    width: 571px;
    margin-left: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 29px;
    margin-bottom: 9px;
    /*  background-color:Red;*/
}

.pnlCaixasW1 {
    height: 240px;
    top: 55px;
    position: relative;
    width: 649px;
    margin-left: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 29px;
    margin-bottom: 9px;
   /* background-color: Red;*/
}
.divScrollTrajetos {
    height: 210px;
    top: -25px;
    position: relative;
    width: 571px;
    margin-left: 20px;
    /* background-color: red;*/
    overflow-y: auto;
    left: -17px;
}
.adicionarCaixaWizard {
    position: relative;
    top: 45px;
    width: 130px !important;
    height: 25px !important;
    right: 60px !important;
}

.btInserirTrajeto {
    position: relative;
    top: 15px;
    width: 130px !important;
    height: 25px !important;
    right: 40px !important;
}



#MainContent_WizardImp_btInserirTrajetoImp:hover, #MainContent_WizardImp_btInserirTrajetoImp:hover {
    position: relative;
    top: 15px;
    width: 130px !important;
    height: 25px !important;
    right: 40px !important;
    background-color: #99cc34 !important;
}

#MainContent_WizardExp_btInserirTrajeto:hover, #MainContent_WizardExp_btInserirTrajeto:hover {
    position: relative;
    top: 15px;
    width: 130px !important;
    height: 25px !important;
    right: 40px !important;
    background-color: #99cc34 !important;
}

#MainContent_WizardNac_btInserirTrajetoNac:hover, #MainContent_WizardNac_btInserirTrajetoNac:hover {
    position: relative;
    top: 15px;
    width: 130px !important;
    height: 25px !important;
    right: 40px !important;
    background-color: #99cc34 !important;
}


.adicionarCaixaWizard:hover {
    position: relative;
    top: 45px;
    width: 130px !important;
    height: 25px !important;
    right: 60px !important;
    background-color: #99cc34 !important;
}

.adicionarCaminhaoWizard {
    position: relative;
    top: 9px;
    width: 119px !important;
    height: 25px !important;
    right: 24px;
}




#MainContent_WizardExp_btInserirCaminhao:hover, #MainContent_WizardImp_btInserirCaminhaoImp:hover {
    position: relative;
    top: 9px;
    width: 100px !important;
    height: 25px !important;
    right: 24px;
    background-color: #99cc34 !important;
    opacity: 2.5 !important;
}


#MainContent_WizardExp_btInserirCaminhaoAeroporto:hover, #MainContent_WizardImp_btInserirCaminhaoAeroportoImp:hover {
    position: relative;
    top: 9px;
    width: 100px !important;
    height: 25px !important;
    right: 24px;
    background-color: #99cc34 !important;
    opacity: 2.5 !important;
}


#MainContent_WizardExp_btInserirCaixa:hover {
    background-color: #99cc34 !important;
    opacity: 2.5 !important;
    position: relative;
    top: 40px;
    width: 130px !important;
    height: 25px !important;
    right: 40px !important;
}


.adicionarUnloadingWizard {
    position: relative;
    top: 47px;
    width: 100px !important;
    height: 25px !important;
    right: 12px;
}

#MainContent_WizardExp_btInserirUnloading:hover {
    position: relative !important;

    top: 47px;
    width: 100px !important;
    height: 25px !important;
    right: 12px;
    background-color: #99cc34 !important;
    opacity: 2.5 !important;
 
}

.adicionarUnpackingWizard {
    position: relative;
    top: 45px;
    width: 100px !important;
    height: 25px !important;
    right: 15px;
}

#MainContent_WizardExp_btInserirUnpacking:hover {
    position: relative !important;
    top: 45px;
    width: 100px !important;
    height: 25px !important;
    background-color: #99cc34 !important;
    opacity: 2.5 !important;
    right: 15px !important
}
.detalheCaixa {
    position: fixed;
    float: right;
    top: 38px;
    left: 130px;
    background-color: white !important;
    box-shadow: 0 0 3px rgb(28, 92, 161);
    border: 1px solid rgba(81, 203, 238, 1);
    padding-left: 30px;
    padding-top: 30px;
    width: 680px;
    height: 290px;
    z-index: 90;
}


.popup .botoesD {
    padding-top: 10px;
    top: 134px;
    position: relative;
    width: 400px;
    /*   background-color: red; */
    left: -38px;
}

.popup .botoesDW {
    padding-top: 10px;
    top: 134px;
    position: relative;
    width: 460px;
  /*  background-color: red;*/
    left: 38px;
    height:30px;
}


.pnlCaminhaoW {
    height: 230px;
    top: 47px;
    position: relative;
    width: 641px;
    margin-left: 20px;
  /*  background-color: green;*/
}

.pnlCaminhaoWAero{
    height: 230px;
    top: 47px;
    position: relative;
    width: 601px;
    margin-left: 20px;
  /*  background-color: green;*/
}
.divScroll {
    height: 220px;
    top: -35px;
    position: relative;
    width: 635px;
    margin-left: 20px;
   /* background-color: red;*/
    overflow-y:auto;
    left:-27px;
}

.divScrollAero {
    height: 220px;
    top: -35px;
    position: relative;
    width: 586px;
    margin-left: 20px;
    /* background-color: red;*/
    overflow-y: auto;
    left: -27px;
}
.divScrollCaixas {
    height: 211px;
    top: -25px;
    position: relative;
    width: 645px;
    margin-left: 20px;
    /* background-color: red;*/
    overflow-y: auto;
    left: -17px;
}


.gridCaixas {
    position: Relative;
    top: -4px;
    width: 100%;
   
}



#MainContent_WizardExp_SideBarContainer_SideBarList tbody td a :hover {
    background-color: #1c5ca1 !important;
    text-align: left !important;
    /* color: red !important;*/
    width: 190px;
    margin-left: 10px;
}

.popup .botoesDW1 {
    padding-top: 10px;
    top: 225px;
    position: relative;
    width: 460px;
    /*background-color: red;*/
    left: 108px;
    height: 30px;
}

.btCancelaEndereco {
    margin-left: 82px !important;
    position: relative;
    margin-top: -302px !important;
}

.btokEndereco {
    top: -174px !important;
    position: relative;
    margin-left: 229px !important;
}
.wizard li.selected {
    background-color: black;
    color: #fff;
}

    .wizard li.selected::after {
        border-left-color: black;
    }


.WizardExp .nav li:last-child:hover a {
    border-right: 1px solid #000;
}

.embalagemTransporte {
    /* background-color: orange;*/
    position: relative;
    height: 254px;
    margin-top: 61px;
}


.wizard li.selected {
    background-color: #99cc34 !important;
    color: #fff;
}

.WizardSideBar .WizardStepSelected {
    background-color: #ff9900 !important;
    color: #fff !important;
}

.WizardStepSelected {
    background: #4CAF50 !important;
    color: #fff !important;
    font-size: 16px;
}


.tabred {
    background: #4CAF50 !important;
}

.WizardSideBar .WizardStepSelected {
    background-color: #ff9900 !important;
    color: #fff !important;
}

#wizard td[style*="font-weight:bold"] {
    background-color: #007bff !important;
    color: #fff !important;
}

    /* link dentro do step selecionado */
    #wizard td[style*="font-weight:bold"] a {
        color: #fff !important;
    }

/* td do step selecionado */
#MainContent_WizardExp td[style*="font-weight:bold"] {
    background-color: #1c5ca1 !important;
    background: #1c5ca1 url(../img/setav.png) no-repeat 0px 2px !important;
    height: 1px;
    margin-left: 30px;
    position: relative;
    padding: 3px 12px !important;
    background-size: 10% !important;
    
}

    /* link dentro do step selecionado */
    #MainContent_WizardExp td[style*="font-weight:bold"] a {
        color: #13cc2d !important;
    }


/* td do step selecionado */
#MainContent_WizardImp td[style*="font-weight:bold"] {
    background-color: #1c5ca1 !important;
    background: #1c5ca1 url(../img/setav.png) no-repeat 0px 2px !important;
    height: 1px;
    margin-left: 30px;
    position: relative;
    padding: 3px 12px !important;
    background-size: 10% !important;
}

    /* link dentro do step selecionado */
    #MainContent_WizardImp td[style*="font-weight:bold"] a {
        color: #13cc2d !important;
    }

/* td do step selecionado */
#MainContent_WizardNac td[style*="font-weight:bold"] {
    background-color: #1c5ca1 !important;
    background: #1c5ca1 url(../img/setav.png) no-repeat 0px 2px !important;
    height: 1px;
    margin-left: 30px;
    position: relative;
    padding: 3px 12px !important;
    background-size: 10% !important;
}

    /* link dentro do step selecionado */
    #MainContent_WizardNac td[style*="font-weight:bold"] a {
        color: #13cc2d !important;
    }


.btWizard {
    outline: none;
    border: none;
    background: #1c5ca1;
    color: #FFF;
    cursor: pointer;
    height: 28px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    padding: 3px 25px;
    border-radius: 4px;
}


.btTrajeto {
    background-color: #cdd1d2 !important;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    color: black !important;
}


.btTrajetoAtivo {
    background-color: lightslategray !important;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    color: white;
    font-weight:bold;
}





    /* Change background color of buttons on hover */
        .btTrajeto button:hover {
            background-color: #ddd;
            color: black;
        }

    /* Create an active/current tablink class */
        .btTrajeto button.active {
            background-color: #ccc;
            color: #1c5ca1;
        }

.tabEtapasActive {
    background-color: #b0b0b0 !important;
    color: #1c5ca1;
}


.divBotoesTrajetos {
    width: 900px;
    height: 30px;
    background-color: #d9dfe9;
    margin-top: 15px;
}

.divTabTrajetos {
    width: 900px;
    height: 450px;
    background-color: white;
    margin-top: -50px;
}

.divTrajeto {
    width: 800px;
    height: 250px;
    background-color:white;
    margin-top: 50px !important;
    position: relative;
   
}


/*table td.gvBtEditar {
    border: none;
    display: inline-block;
    background: url("../img/editar.png") no-repeat 0 0;
    background-size: 16px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-color: white;
    
}*/


.gvBtEditar {
    border: none;
    display: inline-block;
    background: url("../img/editar.png") no-repeat 0 0;
    background-size: 16px;
    width: 20px;
    height: 20px;
    vertical-align: middle;

}

.gvBtExcluir {
    border: none;
    display: inline-block;
    background: url(../img/excluir.png) no-repeat center center;
    background-size: 16px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
  
}

.borderVerde
{
    border: 1px #28ca39 solid !important;
}

.divDetalheTrajeto {
    position: fixed;
    top: 107px;
    height: 455px;
    width: 819px;
    background-color: white;
    border: 2px solid #CCC;
   
    border-radius: 4px;
}

.divGridTrajeto {
    position: relative;
    top: 27px;
    height: 255px;
    width: 899px;
   /* background-color: pink;
    border: 1px solid #CCC;*/
    border-radius: 4px;
    margin-bottom: 20px;
}

.botaoTrajeto {
    bottom: 64px;
    position: fixed;
    width: 702px;
    text-align: center;
}


.pnlTrajetoOrcamento {
    height: 176px;
    position: relative;
    width: 850px;
    padding-top: 0px;
    margin-bottom: 9px;
    top: 35px;
    /* background-color: fuchsia;*/
}

.divScrollgvTrajetos {
    height: 192px;
    top: -21px;
    position: relative;
    width: 865px;
    margin-left: 20px;
   /* background-color: red;*/
    overflow-y: auto;
    left: -17px;
}



.tab310 {
    height: 310px !important;
    /* background-color: red; */
    top: -57px;
    position: relative;
    width: 671px;
}

.tab393 {
    height: 356px !important;
  
    margin-top: 10px;
    position: relative;
    width: 671px;
}

.btCancelaEnderecoOrc {
    margin-left: 95px !important;
    position: relative;
    /* margin-top: -302px !important; */
}

.btokEnderecoOrc {
    position: relative;
    margin-left: 296px !important;
    margin-top: -47px;
    width: 88px;
}

.pnlCaixasW2 {
    height: 240px;
    position: relative;
    width: 649px;
    margin-left: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 30px;
    margin-bottom: 9px;
 /*   background-color: blue;*/
    margin-top: 27px;
}

.gridCaminhao {
    position: Relative;
   
    width: 100%;
    overflow-y: auto;
    /* background-color: aqua; */
}

.tab3102 {
    height: 335px !important;
   
    top: 10px;
    position: relative;
    width: 671px;
}


.embalagemTransporte2 {
   
    position: relative;
    height: 254px;
    margin-top: -1px;
}


.divEnderecosWizardPoup {
    position: relative;
    float: right;
   /* top: -14px;*/
    left: -60px;
   /* background-color: blue !important;*/
   /* box-shadow: 0 0 3px rgb(28, 92, 161);
    border: 1px solid rgba(81, 203, 238, 1);
    padding-left: 30px;*/
   /* padding-top: 30px;*/
    width: 717px;
    height: 502px;
    /* overflow-y: auto; */
}


.botoesDW1Poup {
    /* padding-top: 10px; */
    top: 13px;
    position: relative;
    width: 460px;
  /*  background-color: red;*/
    left: 108px;
    height: 19px;
}


.tab0O {
    height: 352px !important;
    /* background-color: red;*/
    top: 12px;
    position: relative;
    width: 671px;
}

.tab03 {
    height: 304px !important;
    /* background-color: red;*/
    top: 12px;
    position: relative;
    width: 671px;
}
.gridTrajetos {
    margin-top: 5px
}


.divClienteOrigem {
    height: 103px;
    position: relative;
    left: -5px;
    padding-left: 10px;
   /* margin-bottom: -20px;*/
    
}

.divNaoClienteOrigem {
    height: 123px;
    position: relative;
    left: -5px;
    padding-left: 10px;
  /*  margin-bottom: -20px;*/
   
}
.divClienteDestino {
    height: 142px;
    position: relative;
    left: -5px;
    padding-left: 10px;
  
}

.divNaoClienteDestino {
    height: 142px;
    position: relative;
    left: -5px;
    padding-left: 10px;
   
}

.ckClienteOrigem {
    position: relative;
    z-index:89;
}


.ckClienteDestino {
    position: relative;
    z-index: 89;
}


.divVistoriaPropostaOAFE {
    margin-left: 293px;
    margin-top: -33px !important;

    width: 187px;
}


.divTemporariaPropostaOAFE {
    margin-left: 421px;
    margin-top: -33px !important;
    width: 187px;
    z-index: 80;
    position: relative;
}