/*------------------------------------*\
CONTENTS

MAIN - HTML, BODY, etc.
TEMAS - Ajustes dos temas
MENU-LATERAL - Menu lateral escondido.
CONSULTAR - lista dos pedidos
FOOTER - Botões no rodapé do app.
\*------------------------------------*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* Estilos herdados da plataforma */

.invisivel{display:none !important;}

.editor-label{display: inline-block !important;}

/* Campo probigatorio */
label.campoObrigatorio-label{display:inline-block;}
.campoObrigatorio-lembrete{
    display:inline-block;
    color: #e80c4d;
}
.lembrete-obrigatorio{color: #e80c4d;}

.input-validation-error{border: 1px solid #b41c1c !important;}

input.input-validation-error:focus,
input.validation:focus{
    border: 1px solid #b41c1c;
    box-shadow: inset 0 1px 1px rgba(200,0,0,.075),0 0 8px rgba(200,0,0,.6);
    moz-box-shadow: inset 0 1px 1px rgba(200,0,0,.075),0 0 8px rgba(200,0,0,.6);
    webkit-box-shadow: inset 0 1px 1px rgba(200,0,0,.075),0 0 8px rgba(200,0,0,.6);
    }

input[type=checkbox].input-validation-error{border: 0 none;}

.field-validation-error,
.validation {
    color: #b41c1c;
    font-size: 11px;
    font-style: italic;
    position: relative;top: -10px;
}

.field-validation-valid { display: none!important; }

.validation-summary-errors {
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: 700;
}


/* Registro inativo */
.registroInativo{
    text-decoration:line-through !important;
}


.faixa-wrapper { 
    width: 400px;
    height: 222px;
    right:0;
    top:0;
    overflow: hidden;
    position: absolute;
}

.faixa-inativo {
     border: 1px solid #DE7E6D;
    font: bold 19px Sans-Serif;
    color: #7D2A1C;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: 112px;
    top: 70px;
    width: 400px;
    background: rgba(181, 71, 62, 0.5);
    /* IE 6/7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCb5473e, endColorstr=#CCb5473e);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCb5473e, endColorstr=#CCb5473e)";
    -webkit-box-shadow: 0 1px 2px #efc0b8 inset,0 1px 1px #dfdfdf;
    -moz-box-shadow: 0 1px 2px #efc0b8 inset,0 1px 1px #dfdfdf;
    box-shadow: 0 1px 2px #efc0b8 inset,0 1px 1px #dfdfdf;
}


/* Padding padrão */
.padded {
    padding: 15px;
}

/* Deixa BUTTON com o mesmo tamanho de um A */
.button-wrap {
    margin-left: 5px;
    margin-right: 5px;
}

/*.ui-input-search{
    margin-top: -5px;
}*/

.container-gif-loading {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    text-align: center;
    position: absolute;
    top: 38%;
    left: 0;
    right: 0;
    z-index: 1000;
}


/* Estilo dos LOADINGS */
.container-gif-loading p{
    font-size:18px;
    color:#666;    
}

.div-carregando{
    top:0;
    bottom:0;
    left: 0;
    right:0;
    position:absolute;
    background-color: #eaeaea;
    opacity: .8;
    z-index: 1000;
}

    #noTrespassingOuterBarG{
        height: 13px;
        width:179px;
        margin: 0 auto;
        border:1px solid #666;
        overflow:hidden;
        background-color:#fff;        
    }


    .noTrespassingBarLineG{
        width:14px;
        height:120px;
        margin-right:24px;
        margin-top:-28px;
        float:left;
        background-color:#666;
        -o-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg);
    }

    .noTrespassingAnimationG{
        width:236px;
        -moz-animation-name:noTrespassingAnimationG;
        -moz-animation-duration:1.3s;
        -moz-animation-iteration-count:infinite;
        -moz-animation-timing-function:linear;
        -webkit-animation-name:noTrespassingAnimationG;
        -webkit-animation-duration:1.3s;
        -webkit-animation-iteration-count:infinite;
        -webkit-animation-timing-function:linear;
        -ms-animation-name:noTrespassingAnimationG;
        -ms-animation-duration:1.3s;
        -ms-animation-iteration-count:infinite;
        -ms-animation-timing-function:linear;
        -o-animation-name:noTrespassingAnimationG;
        -o-animation-duration:1.3s;
        -o-animation-iteration-count:infinite;
        -o-animation-timing-function:linear;
        animation-name:noTrespassingAnimationG;
        animation-duration:1.3s;
        animation-iteration-count:infinite;
        animation-timing-function:linear;
    }

    #noTrespassingFrontBarG{}
        @-moz-keyframes noTrespassingAnimationG{0%{margin-left:0}100%{margin-left:-38px}}
        @-webkit-keyframes noTrespassingAnimationG{0%{margin-left:0}100%{margin-left:-38px}}
        @-ms-keyframes noTrespassingAnimationG{0%{margin-left:0}100%{margin-left:-38px}}
        @-o-keyframes noTrespassingAnimationG{0%{margin-left:0;}100%{margin-left:-38px;}}
        @keyframes noTrespassingAnimationG{0%{margin-left:0}100%{margin-left:-38px}}

/* Mensagens de Alerta */
.erro-editar,.sucesso-editar
{
    color:#ffffff;
    font-weight:normal;
    text-shadow:none;
    cursor:pointer;
}

    .erro-editar {background-color:#D81B1A;}
    .sucesso-editar{background-color:#00B235;}


/* Mensagem de Localização */
.geoLocation-Message{
    position: relative;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    top: -425px;
}



/* Padding para ajustar fields sem label */
.checkbox-padMobile{padding-top: 26px;}

/* Estilos para dividir os grids do JqueryMobile (4 colunas) */
.gridCore-g1{width:25% !important;}
.gridCore-g2{width:50% !important;}
.gridCore-g3{width:75% !important;}


/* Posicionamento do form inicial */
.labelSearch-position{
    display: inline-block;
    float: left;
}

.controlGroup-position{
    display: inline-block;
    margin: -13px 0px 10px 11px !important;
    float: right;
}

.ui-select > 
#OpcoesFiltro-button{
    clear:both;
}


/* Tiles - FormConsultar */
.tile{
    -webkit-box-shadow: none /*{global-box-shadow-size}*/  /*{global-box-shadow-color}*/;
    -moz-box-shadow: none /*{global-box-shadow-size}*/  /*{global-box-shadow-color}*/;
    box-shadow: none /*{global-box-shadow-size}*/  /*{global-box-shadow-color}*/;
}

    .tile-list{
        border-radius: .6em;
        border: #dddddd 1px solid !important;
    }
        .tile-listIten{
            border: none;
            border-radius: .6em;
            border-width: 0 !important;
        }
            .tile-action{
                border-width: 0 0 0 1px !important;
                border-bottom-right-radius: 0.6em !important;
            }

            .ui-listview >
            .ui-li-divider,
            .ui-listview >
            li >
            a.tile-action{
                border-radius:0 .6em .6em 0  !important;
            }
            
.tile > 
li {margin-bottom: 1em;}

.tile-title{margin: -12px -16px 0px -16px !important;}
.tile-title--noAction{width:150%;}

/* Campos inativos */
input:disabled {
    background-color: #CACACA;
    cursor: not-allowed;
}

/* Tela de Login */
.loginForm{
    margin:0;
    padding:20px;
}

    .loginForm-img {
        margin:0 auto;
        display: block;
    }

    .loginForm-itens {
        margin-top: 20px;
        list-style: none;
    }

    input[type="submit"].loginForm-btn{background-color:#00B235;}

    .loginForm-link{
        font-size: 12px;
        display: table;
        margin: 30px auto 0;
    }

/*------------------------------------*\
    TEMAS
\*------------------------------------*/

.ui-page-theme-c
.ui-footer{border-color: #D9D9D9;}


#form-login
.ui-header{
    border-width:1px 1px 0;
}

/* Modal Padrão */
.ui-header > h4.modal-titulo{
    margin: 0;
    font-weight: bold;
}

/* Deixa os títulos sem ... */
.ui-header .ui-title, .ui-footer .ui-title{
    margin: 0 auto;
    overflow:auto;
    text-overflow:clip;
}


/*------------------------------------*\
    MENU-LATERAL
\*------------------------------------*/


/* tira a margem dos H3 dos menus */
.tituloMenu-colapse{margin:-1px !important;}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/

/* IOS - Cor azul nos botões (texto e ícone) */
.ios .ui-footer 
.ui-btn-text {color: #3897fe;}
    .ios
    .ui-footer
    .ui-btn:after{
        color:#3897fe;
        background-color:#3897fe;
    }

/* ANDROID - Cor cinza escuro nos botões (texto e ícone) */
.android
.ui-footer
.ui-btn-text {color:#394247;}
    .android
    .ui-footer
    .ui-btn:after{
        color:#394247;
        background-color:#394247;
    }

.ui-header-fixed, .ui-footer-fixed{}

.rodape { 
    font-size:0.8em;
    padding:0.8em;
    text-align:center;
    box-sizing:border-box;
    width:100%;
    background-color: #e9e9e9;
    border-color: #dddddd;
    z-index: 999;

}
    .rodape span {
        color:#898989;
        font-weight:bold;
    }

.rodapeFix{
    position:absolute;
    bottom:0;
}

.uppercase input,.uppercase select,.uppercase textarea
{
    text-transform:uppercase;
}