/* CSS Document */

/* commented backslash hack \*/
html, body {
    height: 100%;
}
/* end hack */
html, body {
    margin: 0;
    padding: 0;
}

#outer {
    min-height: 100%;
    height: auto;
    background: #ffffcc;
}

* html #outer {
    height: 100%;
}
/* ie6 and under*/

* {
    color: #646464;
    font-size: 12px;
    font-family: 'Droid Sans', sans-serif;
    padding: 0;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

a img {
    border: 0px;
}

p {
    text-align: left;
    padding-bottom: 5px;
}

body {
    background: url("../images/background.gif") repeat-x;
}

/*  */
a {
}

    a:hover {
        text-decoration: underline;
    }



select {
}

/*titulos*/
h1 {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
    clear: both;
    font-weight: normal;
}

h2 {
    clear: both;
    display: block;
    font-size: 14px;
    margin: 5px 0;
}

h3 {
    font-size: 12px;
    margin-bottom: 5px;
}


/* */

/* forms */

fieldset {
    border: none;
    margin-top: 20px;
}

legend {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

.container {
    height: 100%;
    width: 100%;
}

.img-home {
    bottom: -66px;
    position: absolute;
    right: 290px;
    z-index: 0;
    top: 490px;
}

#frmlogin {
}

.pagina-login {
    /*background-color: #357;*/
    width: 650px;
    height: 400px;
}

.logo-login {
    background-image: url("../images/alsco-logotipo.png?v2");
    float: left;
    height: 31px;
    margin-bottom: 50px;
    margin-top: 50px;
    width: 228px;
}

.pagina-login p {
    margin-left: 30px;
    font-size: 14px;
    margin-top: 20px;
}

    .pagina-login p span {
        color: #A2B964;
    }

.caixa-login {
    background-image: url("../images/fundo-caixa-login.png");
    background-repeat: no-repeat;
    height: 70px;
    padding-left: 20px;
    padding-top: 10px;
    position: relative;
    width: 593px;
    z-index: 1000;
}

.caixa-login-inputs {
    width: 450px;
    top: 20px;
    left: 30px;
    position: absolute;
}

.caixa-login-action {
    width: 100px;
    top: 15px;
    right: 30px;
    position: absolute;
}

.caixa-login-erro {
    padding-left: 30px;
    padding-top: 10px;
}

.pagina-home {
    position: relative;
    width: 960px;
    z-index: 199;
}

.header {
}

.header1 {
    height: 102px;
    width: 963px;
    background-repeat: no-repeat;
    background-image: url("../images/background-header.png");
}

.header2 {
    height: 102px;
    width: 100%;
    background-repeat: repeat-x;
    background-image: url("../images/background-header-pop.png");
}

.logo-pagina {
    float: left;
    height: 31px;
    margin-left: 20px;
    margin-top: 30px;
    width: 228px;
}

.folhas {
    height: 105px;
    width: 318px;
    background-repeat: no-repeat;
    background-image: url("../images/folhas.png");
    float: left;
    margin-top: -15px;
}

.menu-pagina {
    float: left;
    margin-top: 50px;
}

    .menu-pagina ul li {
        float: left;
        list-style: none;
        margin-left: 25px;
    }

        .menu-pagina ul li a {
            font-size: 18px;
            font-weight: bold;
            text-transform: capitalize;
        }

            .menu-pagina ul li a:hover {
                text-decoration: none;
            }

.conteiner-inform {
    background-image: url("../images/background-name.png");
    background-repeat: no-repeat;
    float: right;
    height: 80px;
    margin-right: 10px;
    margin-top: 10px;
    width: 612px;
}

    .conteiner-inform .linha {
        display: block;
        width: 100%;
        height: 20px;
        float: left;
        color: green;
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .conteiner-inform .linha span {
            color: green;
            display: block;
            float: left;
            font-size: 16px;
            font-weight: normal;
            height: 20px;
            margin-left: 10px;
            padding-right: 15px;
            text-align: right;
            width: 70px;
        }

        .conteiner-inform .linha a {
            font-size: 14px;
        }


.caixa-refil {
    float: left;
    position: relative;
    top: 0px;
    left: 2px;
    width: 960px;
}

.caixa-topo {
    height: 45px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.caixa-topo-esq-inativo {
    background-image: url("../images/bg-titulo-left-inativo.png");
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    width: 25px;
}

.caixa-topo-meio-inativo {
    background-image: url("../images/bg-titulo-center-inativo.png");
    float: left;
    font-size: 16px;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

    .caixa-topo-meio-inativo: hover {
        background-image: url("../images/bg-titulo-center.png");
        float: left;
        font-size: 16px;
        height: 35px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }


.caixa-topo-dir-inativo {
    background-image: url("../images/bg-titulo-rigth-inativo.png");
    background-repeat: no-repeat;
    height: 42px;
    width: 15px;
    float: left;
}

.caixa-topo-esq {
    background-image: url("../images/bg-titulo-left.png");
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    width: 25px;
}

.caixa-topo-meio {
    background-image: url("../images/bg-titulo-center.png");
    float: left;
    font-size: 16px;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.caixa-topo-dir {
    background-image: url("../images/bg-titulo-rigth.png");
    background-repeat: no-repeat;
    height: 42px;
    width: 15px;
    float: left;
}

.caixa-conteudo {
    margin-top: 37px;
}

.caixa-conteudo-meio {
    background-image: url("../images/meio-caixa.png");
    background-position: 0 2px;
    padding: 30px 10px;
    width: 925px;
    background-repeat: repeat-x;
}

.caixa-lado-esq {
    background-image: url("../images/lado-esq-caixa.png");
    width: 17px;
    background-repeat: no-repeat;
}

.caixa-lado-dir {
    background-image: url("../images/lado-direito-caixa.png");
    background-position: 0 -1px;
    width: 18px;
    background-repeat: no-repeat;
}

.caixa-conteudo table {
    margin: 0;
    padding: 0;
    border: 0;
}

    .caixa-conteudo table table tr td {
        padding: 5px 5px;
    }

table.jqTransformTextarea td {
    padding: 0px !important;
}

.coluna-meio-tabela {
    border-left: #fff solid 1px;
    border-right: #fff solid 1px;
}

.linha-verde-tabela {
    background-color: #F3F6E9;
}

.fim-tabela {
}

.linha-branca-tabela {
    background-color: #fff;
}

.tit-tabela {
    background-color: #E1E9C8;
    color: #007035;
    font-size: 18px;
    text-align: center;
}

.coluna-dir-topo-tabela {
    background-image: url("../images/fundo-lad-dir-tabela.png");
    width: 80px;
}

.coluna-esq-topo-tabela {
    background-image: url("../images/fundo-lad-esq-tabela.png");
}

.fim-lado-dir {
    background-image: url("../images/fundo-lad-dir-fim-tabela.png");
    background-position: 0px -250px;
    height: 20px;
    background-repeat: no-repeat;
}

.fim-lado-esq {
    background-image: url("../images/fundo-lad-esq-fim-tabela.png");
    background-position: 0px -325px;
    height: 20px;
    background-repeat: no-repeat;
}

.fim-tabela .coluna-meio-tabela {
    background-color: #E1E9C8;
    height: 20px;
}

.caixa-radiobuttons img {
    float: left;
    margin: 5px;
}

.caixa-radiobuttons input {
    margin: 10px;
}

.caixa-radiobuttons {
    /*height: 40px;*/
    float: left;
    width: 850px;
}

.esqueci-senha img {
    margin-left: 10px;
}

.esqueci-senha {
    text-align: right;
    margin-right: 60px;
    margin-top: -5px;
}

.botao-novo-pedido {
    float: right;
    margin-top: -25px;
    display: block;
    width: 162px;
    height: 30px;
    background: url(../Images/fundo-btn-refil.png);
    text-align: center;
    z-index: 10;
}

    .botao-novo-pedido a {
        color: #fff;
        margin-top: 5px;
        display: block;
        font-size: 14px;
        margin-bottom: 0px;
    }

.botao-popup {
    float: right;
    margin-top: 29px;
    display: block;
    background: url(../Images/fundo-btn-refil.png);
    text-align: center;
    font-weight: 700;
    color: #006600;
}

    .botao-popup a {
        color: #fff;
        margin-top: 5px;
        display: block;
        font-size: 14px;
    }



.ico-correios {
    margin-top: 10px;
}

.informacao-formulario {
    display: block;
}

.caixa-topo-inf2 {
    float: right;
    width: 600px;
    padding-top: 10px;
}

.tabela-mostra-dados span {
    color: green;
    font-size: 14px;
    font-weight: bold;
}

#btnsubmit {
    height: 34px;
    margin-left: -30px;
    margin-top: 5px;
}

.caixa-topo-busca {
    background-image: url("../images/fundo-caixa-busca.png");
    background-repeat: no-repeat;
    float: left;
    height: 35px;
    margin-left: -10px;
    padding-left: 20px;
    padding-top: 5px;
    width: 600px;
    z-index: -200;
}

    .caixa-topo-busca input[type="text"] {
        margin-bottom: 0px;
    }

    .caixa-topo-busca input[type="image"] {
        margin-top: 5px;
    }


.caixa-radio-botton {
    float: left;
    display: block;
    height: 40px;
}

    .caixa-radio-botton label {
        width: auto !important;
        margin: 5px 5px !important;
    }

.caixa-radio-grid label img {
    margin: -3px 2px 0px 0px;
}

.caixa-radio-grid td {
    padding: 0px 8px 0px 2px !important;
    font-size: 300px;
}

.cont-topo-busca {
    float: left;
}

    .cont-topo-busca span {
        padding-top: 5px;
        display: block;
    }

    .cont-topo-busca .jqTransformInputWrapper {
        margin-top: 0px;
    }
/* CSS hack for Internet Explorer 8 */
@media \0screen {
    .jqTransformInputInner input {
        padding-top: 5px;
    }
}

.tabela-paginacao tr td {
    padding: 0px !important;
    margin: 0px !important;
}

.tabela-paginacao .jqTransformInputWrapper {
    margin-top: 0px;
    margin-right: 10px;
}

/* CSS hack for Internet Explorer 7 */
*:first-child + html .jqTransformInputInner div input {
    padding-top: 5px;
}

*:first-child + html .jqTransformRadioWrapper {
    display: block;
    float: left;
    margin: 7px 4px 0;
    width: 18px;
    height: 14px;
}


/* formatacao do gridview*/

.mGrid {
    background-color: #fff;
    margin: 5px 10px 10px 0;
    float: left;
    border-collapse: collapse;
}

    .mGrid td {
        border-left: 1px solid #FFFFFF;
        padding: 3px 3px;
        color: #717171;
        font-size: 11px;
    }


    .mGrid th {
        padding: 3px 7px;
        background-color: #E1E9C8;
        color: #007035;
        border-left: 1px solid #FFFFFF;
        font-size: 14px;
        text-align: center;
        font-weight: normal !important;
    }

    .mGrid .alt, .mGrid .alts {
        background-color: #F3F6E9;
    }

        /*.mGrid .row, .mGrid .rows
{
    background-color: #FFFFFF;
}*/



        .mGrid .alts:hover, .mGrid .rows:hover {
            background-color: #FFFFA8 !important;
            cursor: pointer;
        }

    .mGrid .pgr {
        background-color: #fff;
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }
/* CSS hack for Internet Explorer 7 */
.pgr td {
    background-color: #E1E9C8;
}
/* CSS hack for Internet Explorer 7 */
*:first-child + html .mGrid .pgr td {
    width: 10px;
    float: left;
}

.mGrid .pgr a {
    color: #666;
    text-decoration: none;
}

    .mGrid .pgr a:hover {
        color: #000;
        text-decoration: none;
    }

.mGrid-total {
    font-weight: bold;
    font-size: 14px;
    clear: both;
    padding: 20px 10px 0px 0px;
    display: block;
}

/* fim formatacao do gridview*/


/* formatacao do gridclean*/
.mGridClean table {
    background-color: inherit;
    margin: 0px 0px 0px 0px !important;
    border-collapse: collapse;
}

.mGridClean td {
    border-left: 0px solid #FFFFFF;
    padding: 0px 0px !important;
}

.mGridClean th {
    padding: 1px 0px;
    border-left: 1px solid #FFFFFF;
    font-size: 14px;
    text-align: center;
    font-weight: normal !important;
}

/* fim formatacao do gridclean*/


.pgr td span {
    padding: 2px 4px;
    color: #fff;
    background: #007035;
}

.pgr td {
    margin: 2px 0;
}

    .pgr td a {
        background: #f7f9f1;
        padding: 2px 4px;
        color: #646464 !important;
    }

.pgr tr td a {
    color: #646464 !important;
}

    .pgr tr td a:hover {
        color: #007035 !important;
    }

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.notransform {
}

/* Validações de formulário */
.requiredValidatorGeneral {
    color: red !important;
    font-family: verdana, arial,Helvetica, Sans-Serif !important;
    text-decoration: none;
    font-size: 11px !important;
}


    .requiredValidatorGeneral .imgerro {
        margin-bottom: -3px;
    }


.tdCampo {
    text-align: right;
}

.okMessage {
    padding: 10px;
    background-color: #99FF99;
    border: thin solid #008000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color: #006600;
}

.advertMessage {
    padding: 10px;
    background-color: #FFFFCC;
    border: thin solid #FF9900;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color: #000000;
}

.erroMessage {
    padding: 10px;
    background-color: #FFFFFF;
    border: thin solid #800000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color: #FFFFFF;
}

.validationSummary ul li {
    color: Red;
}


.popuplink {
    background-image: url("../images/ico-popup.gif");
    background-repeat: no-repeat;
    padding-left: 20px;
}


.printlink {
    background-image: url("../images/imprimir.jpg");
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-bottom: 2px;
}


.reportlink {
    background-image: url("../images/ico-report.gif");
    background-repeat: no-repeat;
    padding-left: 23px;
    padding-bottom: 5px;
}

.addlink {
    background-image: url("../images/ico_add.png");
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
}

.importlink {
    background-image: url("../images/ico_import.png");
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-bottom: 2px;
}

.exportlink {
    background-image: url("../images/ico_export.png");
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-bottom: 2px;
}

.pdflink {
    background-image: url("../images/ico-pdf.gif");
    background-repeat: no-repeat;
    padding-left: 23px;
    padding-bottom: 5px;
}


.noselect {
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.msgaux {
    font-size: 10px;
    font-family: "Droid Sans", sans-serif;
    color: #4E4E4E;
}


#divWait {
    position: absolute;
    background: #ffffff;
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-radius: 8px;
    width: 120px;
    height: 80px;
    z-index: 99988;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -40px;
}

    #divWait img {
        padding-top: 10px;
        padding-left: 45px;
    }


    #divWait #divMsg {
        padding-top: 8px;
        padding-left: 35px;
        z-index: 99999;
    }

#divProcess {
    background: #666666 20% 20% repeat;
    opacity: .20;
    filter: Alpha(Opacity=20) !important;
    position: fixed;
    z-index: 99977;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}



.listImg:hover {
    cursor: pointer;
}

    .listImg:hover img {
        -webkit-box-shadow: 3px 3px 3px #7C7C7C;
        box-shadow: 3px 3px 3px #7C7C7C;
    }

    .listImg:hover a {
        text-decoration: underline;
    }

.box {
    border: 1px solid #BEBEBE;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    width: 98%;
    font-size: 12pt; /* or whatever */
    padding: 4px;
    color: #fff;
    font-size: 12pt; /* or whatever */
    margin: auto;
}


.alertbox {
    background-image: url('../Images/exclamacao.gif');
    background-color: #FFFFCC;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-size: 60px 52px;
    border-color: #808000;
    border-style: solid;
    border-width: 1px;
    padding-left: 70px;
    padding-top: 10px;
    font-size: 12px;
    margin-top: 4px;
}

.validAsterico {
    padding-top: 6px;
    color: Red;
    font-weight: bold;
    font-size: large;
}

/*--------------------------------------------------*/
/*estilo adicional para tabelas (inicio)*/
/*--------------------------------------------------*/

.tabela-dados {
    width: 100%;
}

    .tabela-dados td {
        font-size: 11px;
    }

        .tabela-dados td div {
            font-size: 12px;
        }

/*--------------------------------------------------*/
/*estilo adicional para tabelas (inicio)*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*utilitario (inicio)*/
/*--------------------------------------------------*/

.clear {
    clear: both;
}

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

/*--------------------------------------------------*/
/*utilitario (fim)*/
/*--------------------------------------------------*/

/*CCP STYLE (INICIO)*/

.link-marcacao {
    text-decoration: underline;
    color: #1275ee !important;
}

.cotacao-info-qtd-inferior {
    color: red !important;
    font-weight: bold !important;
    cursor: help !important;
}

/*melhoria visual p/ mgrid*/

.extend-mgrid th {
    border: 1px solid #cad1b4;
    border-collapse: collapse;
    padding: 2px;
}

.extend-mgrid td {
    border-left: none;
    border-right: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-collapse: collapse;
}

div.caixa-erro {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    padding: 5px 10px;
}

    div.caixa-erro p,
    div.caixa-erro label,
    div.caixa-erro span {
        color: #a94442;
        margin: 0px;
        padding: 0px;
    }

.caixa-radiobuttons label {
    font-size: 11px !important;
}

.caixa-conteudo-geral {
    box-sizing: border-box;
    width: 100%;
    background-color: #fff !important;
    border: 1px solid #ddd;
    padding: 10px 10px;
    margin-bottom: 10px;
}

.caixa-conteudo-geral-titulo {
    padding: 0px;
    margin: 0px;
    font-size: 1.25em;
    border-bottom: 1px solid;
    font-weight: bold;
    margin-bottom: 5px;
}

/******************************************************/
/* ESTILO PAINEL HOME (COMPRADOR; APROVADOR) ~ INICIO */
/* ÚLTIMA ALTERAÇÃO: 15/04/2021                       */
/******************************************************/

.dashboard-table {
    width: 100%;
    max-width: 100%;
}

.dashboard-container, .dashboard-item {
    box-sizing: border-box;
}

.dashboard-container {
    width: 100%;
    display: flex;
}

.dashboard-item {
    display: inline-block;
    width: 33%;
    max-width: 33%;
    border: 2px solid #333;
    padding: 10px 5px;
    flex: 1;
    min-height: 110px;
}

    .dashboard-item p {
        color: #FFF !important;
        padding: 5px 0px;
        margin: 0px;
        word-wrap: break-word;
    }

.dashboard-item-txt {
    width: 70%;
    max-width: 70%;
    float: right;
    display: inline-block;
}

.dashboard-item-img {
    width: 30%;
    max-width: 30%;
    float: left;
    height: 100%;
}

    .dashboard-item-img img {
        width: 34px;
        max-width: 100%;
    }

.dashboard-item-txt-header, .dashboard-item-txt-body {
    /*text-align: center;*/
    font-weight: bold;
}

.dashboard-item-txt-header {
    font-size: 1.75em;
}

.dashboard-item-txt-body {
    font-size: 1.25em;
}

#dash1 {
    background-color: #8BC34A;
    border: 2px solid black;
}

#dash2 {
    background-color: #FFB300;
    border: 2px solid black;
}

#dash3 {
    background-color: #03A9F4;
    border: 2px solid black;
}

#dash4 {
    background-color: #F44336;
    border: 2px solid black;
}

#dash5 {
    background-color: #9C27B0;
    border: 2px solid black;
}

#dash6 {
    background-color: #FF5722;
    border: 2px solid black;
}

#dash7 {
    background-color: #FF4081;
    border: 2px solid black;
}

#dash8 {
    background-color: #26A69A;
    border: 2px solid black;
}

#dash9 {
    background-color: #4CAF50;
    border: 2px solid black;
}

#dash10 {
    background-color: darkturquoise;
    border: 2px solid black;
}

#dash11 {
    background-color: mediumvioletred;
    border: 2px solid black;
}

#dash12 {
    background-color: dodgerblue;
    border: 2px solid black;
}

#dash13 {
    background-color: darkorange;
    border: 2px solid black;
}

#dash14 {
    background-color: red;
    border: 2px solid black;
}

#dash15 {
    background-color: green;
    border: 2px solid black;
}

/******************************************************/
/* ESTILO PAINEL HOME (COMPRADOR; APROVADOR) ~ FIM    */
/******************************************************/

/******************************************************/
/* ESTILO MODAL POPUP ~ INICIO                        */
/* ÚLTIMA ALTERAÇÃO: 18/04/2017                       */
/******************************************************/

.jjmodal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.jjmodal-dialog {
    position: relative;
    max-width: 800px;
    margin: 10px auto;
}

.jjmodal-content {
    position: relative;
    background-color: #F5F3E5;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.jjmodal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.jjmodal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 1.5em;
}

.jjmodal-body {
    position: relative;
    padding: 10px;
    font-size: 1.2em !important;
}

.jjmodal-body-content-wrapper {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    line-height: 1.42857143;
}

.jjmodal-footer {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.jjmodal-close-button {
    background: none;
    border: none;
    float: right;
    font-size: 2em;
}

.jjmodal-button {
    position: relative;
    padding: 6px 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #67A625;
    border: 1px solid #3A840C;
    color: #fff;
    margin-left: 5px;
}

    .jjmodal-button:hover {
        border-color: #FFF;
    }

.jjmodal-close-button, .jjmodal-button {
    cursor: pointer;
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
}

/******************************************************/
/* ESTILO MODAL POPUP ~ FIM                           */
/******************************************************/

.regra-cotacao-wrapper {
}

    .regra-cotacao-wrapper h3 {
        padding: 0px !important;
        border-bottom: 1px solid #646464;
        color: #646464;
    }

    .regra-cotacao-wrapper p {
        margin: 0px;
        padding: 0px;
    }

.regra-cotacao-cenario,
.regra-cotacao-tipo,
.regra-cotacao-motivo-compra,
.regra-cotacao-filial-cobranca,
.regra-cotacao-filial-entrega,
.regra-cotacao-filial-regras {
    vertical-align: top;
    display: inline-block;
}

.regra-cotacao-cenario,
.regra-cotacao-tipo,
.regra-cotacao-filial-cobranca,
.regra-cotacao-filial-entrega {
    min-width: 275px;
}

.regra-cotacao-filial-regras {
    max-width: 500px;
}

.regra-cotacao-label {
    font-weight: bold;
    color: green;
    font-size: 14px;
}

.push-right {
    float: right;
}

.push-left {
    float: left;
}

.modal-touch {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.site-teste {
    color: red;
    font-size: 20px;
}