/* *****************************************************************************
 * ESTILOS BÁSICOS
 ***************************************************************************** */
/* QUANTO A MEDIDA */
body{
    margin:0px;
    padding:5px;
/*    background:url(../img/login/bg.jpg) top repeat-x #cecece;*/
    background: #FFFFFF;
    font-family:arial;
    font-size:small;
}

.fullresolution{
    width:980px;
}
.fullsize{
    width:100%;
}
.ninetysize{
    width:98%;
}
.eightysize{
    width:80%;
}
.seventysize{
    width:70%;
}
.sixtysize{
    width:70%;
}
.halfsize{
    width:50%;
}
.thirdsize{
    width:33%;
}

.tensize{
    width:50%;
}
.escondido{
    position:absolute;
    top:-15000px;
}
.teste{
    border:1px solid #000;
}
/* QUANTO A POSICIONAMENTO */
.center{
    margin:auto;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clear{
    clear:both;
}
.contain_absolute{
    position:relative;
}
.inline{
    display:inline-table;
}
.v-align{
    vertical-align:middle;
}

/* QUANTO A MARGEM */
.low_margin{
    margin:5px;
}
.normal_margin{
    margin:10px;
}
.high_margin{
    margin:15px;
}
.margin_h{
    margin:0 5px;
}
.margin_v{
    margin:5px 0;
}

/* QUANTO A PADDING */
.low_padding{
    padding:5px;
}
.normal_padding{
    padding:10px;
}
.high_padding{
    padding:15px;
}

.high_padding li{
    list-style-type: none;
}
.padding_h{
    padding-left: 5px;
    padding-right: 5px;
}
.padding_v{
    padding-top: 5px;
    padding-bottom: 5px;
}

/* QUANTO A TEXT */
h1{
    font-family:Arial;
    font-size:24px;
    color:#005a26;
}
h2{
    font-family:"Myriad Pro", arial;
    font-size:21px;
    font-weight:bold;
    color:#3a5f96;
}
h3{
    font-family:"Myriad Pro", arial;
    font-size:16px;
    font-weight:bold;
    color:#666;
}
h4{
    font-family:"Myriad Pro", arial;
    font-size:14px;
    color:#000000;
}
h5{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#2d5ea3;
}
h6{
    font-family:"Myriad Pro", arial;
    font-size:21px;
    font-weight:bold;
    color:#3a5f96;
}
p{
    font-family:arial;
    font-size:12px;
    color:#666666;
}
a{
    font-size:inherit;
    font-family:inherit;
}
.italic{
    font-style:italic;
}
.bold{
    font-weight:bold;
}
.link{
    color:#014c86;
    text-decoration:underline;
}
.textcenter{
    text-align:center;
}
.textleft{
    text-align:left;
}
.textright{
    text-align:right;
}
.textjustify{
    text-align:justify;
}
.x-small{
    font-size:x-small;
}
.small{
    font-size:small;
}
.normal{
    font-size:medium;
}
.large{
    font-size:large;
}
.x-large{
    font-size:x-large;
}
.bgGray{
    background:#F5F5F5;
}
.bgGrayDark{
    background:#DDD;
}

.zebraUm{
    background:#DDD;
}
zebraDois{

}
.gray{
    color:#666;
}
.green{
    color:#005a26;
}
.blue{
    color:#3a5f96;
}

.black{
    color:#333;
}

hr{
    height:0px;
    background:#F0F0F5;
    border:1px inset #E5E5F5;
}

/* QUANTO AS LISTS  */
ul{
    margin:5px 0;
}
li{
    color:#5476a8;
    font-size:12px;
    /*    list-style: url(../img/list-image_content.png) inside;*/
    margin:0 0 0 20px;
}

.confirm{
    background:url(../img/icons/success.png) no-repeat center left;
}
.descricao{
    font-size:small;
    color:#999;
    display:table;
    height:10px;
    width:100%;
}
.subtitle{
    color:#3660bb;
    font-size:medium;
    margin:10px 0px;
    border-bottom:1px solid #3660bb;
}
#content .form-error{
    background:#FCE6E5;
    border: 2px solid #FF1313;
}

input[type=text], input[type=password], select, textarea{
    background:#FFF;
    margin:2px 0;
    border:1px solid #CCC;
    width:180px;
    font-family:arial;
    font-size:14px;
    color:#666;
}

input[type=text], input[type=password]{
    padding:3px 0 2px 2px;

}
button[type=submit], button[type=reset], button[type=sendSms]{
    width:63px;
    height:22px;
    border:0px;
    font-size:11px;
    color:#FFF;
    margin:0 2px;
}

button[type=finalizar]{
    width:110px;
    height:30px;
    border:0px;
    font-size:11px;
    color:#000;
    margin:0 2px;
}

button[type=finalizar]{

    background:url(../img/icons/relat_icon.png);
    background-position:220px 0px;
}
button[type=finalizar]:hover{
    background:url(../img/icons/relat_icon.png);
    background-position:220px 30px;
}
button[type=finalizar]:active{
    background:url(../img/icons/relat_icon.png);
    background-position:220px 60px;
}

button[type=submit]{
    background:url(../img/buttons/submit.jpg);
}
button[type=submit]:hover{
    background:url(../img/buttons/submit_over.jpg);
}
button[type=submit]:active{
    background:url(../img/buttons/submit_active.jpg);
}
button[type=reset]{
    background:url(../img/buttons/reset.jpg);
}
button[type=reset]:hover{
    background:url(../img/buttons/reset_over.jpg);
}
button[type=reset]:active{
    background:url(../img/buttons/reset_active.jpg);
}
div.tipo_cadastro label{
    width:auto;
}

label{
    padding:0 0 0 0;
    text-align:right;
    display: inline-table;

    font-family:arial;
    color:#666;
    vertical-align:middle;
}

div.cadastros label{
    font-size:13px;
    /*    display: block;*/
    text-align:right;
    margin:0px 0px 0px 0px;
    width: 20%;
    margin-right:  10px;
}

div.cadastro label{
    font-size:13px;
    margin-left:  5px;
    text-align:right;

    /*    width: 20%;
        margin-right:  10px;*/
}

div.labelleft label{
    width:auto;

}
div.labelradio label{
    width:auto;
    text-align:right;

}
div.lradio label{
    background: #005a26;
}

div.required label{
    font-weight:bold;
    color:#666;
    /*    width:20%;*/

}
div.cadastros input[type=checkbox]{
    /*    margin: 0px 0px 0px 0px;
        vertical-align:middle;*/
}
div.cadastros .checkbox_label{
    width:auto;
}
div.cadastros input[type=text]{

}
div.cadastros select{
    /*    display:inline;
        clear:both;*/


}
div.cadastros textarea{
    /*    display:inline;
        clear:both;*/


}
div.cadastros button[type=submit]{

    margin-left: 44%;



}
div.cadastros .cadEsq{
    margin-left:25%;

}

#titleGraf{
    font-family:"Myriad Pro", arial;
    font-size:21px;
    font-weight:normal;
    color:#000;
}

#content .sizeAuto, #filtro .sizeAuto{
    width:auto;
}
#content .size250, #filtro .size250{
    width:250px;
}
#content .size180, #filtro .size180{
    width:180px;
}
#content .size100, #filtro .size100{
    width:100px;
}
#content .size70, #filtro .size70{
    width:70px;
}
#content .size60, #filtro .size60{
    width:60px;
}
#content .size50, #filtro .size50{
    width:50px;
}
#content .size30, #filtro .size30{
    width:30px;
}
#content .size20, #filtro .size20{
    width:20px;
}
.uneditable{
    font-size:11px;
    color: #666;
}
.tipo_cadastro{
    background:#E0E9FF;
    border:1px solid #D0D9EF;
}
.clearbox_div{
    background:#F5F5F5;
    border-radius:10px;
    padding:5px 8px;
    border:4px solid #3a5f96;
}
#filtro{
    /*    width:350px;
        height:500px;*/
}

#posBox{
    width:580px;
    height:80px;
}

/* *****************************************************************************
 * ESTRUTURA BÁSICA
 *  body{}
 *  #top{}
 *  #menu{}
 *  #content{}
 ***************************************************************************** */
.colorWhite{
    color:#FFF;

}
#menu{

    height:73px;
    width: 98%;
    margin:auto;

    /*    background:url(../img/bgs/bg_menu_right.png) no-repeat right top;*/
}

/* *****************************************************************************
 * TOP
 ***************************************************************************** */
#recepcao{
    padding:0 0 0 5px;
}

/* *****************************************************************************
 *  MENU
 ***************************************************************************** */
#menu ul li{
    list-style:none;
    list-style-image: none;
    text-align: center;
    margin: auto;


}
#menu a{
    display:block;

    padding:0px 9px 8px 9px;
}
#menu a:hover{
    background:url(../img/bgs/bg_link_hover.png) center no-repeat;
}
#menu a:active{
    background:url(../img/bgs/bg_link_active.png) center no-repeat;
}
#menu img{
    margin:auto;    

}

#menu  li.principal{
    /*    width:11%;*/
    margin:auto;
    /*    text-align: center;*/
}
#menu  li.principal a{

    margin:auto;
    text-align: center;
}
#menu  li.sub a{

    margin:auto;
    text-align: left;
}
#menu ul:first-child li.low_margin img{
    max-height:40px;

}
#menu .before, #menu .during, #menu .after{
    height:73px;

}
#menu .before, #menu .after{
    /*    width:12px;*/
}
#menu .before{
    padding:0 0 0 0px;
    background:url(../img/bgs/bg_menu.png) no-repeat left top;
    background-position: 0px 0px;
    width:1%;
}
#menu .after{
    background:url(../img/bgs/bg_menu.png) no-repeat right top;
    width:1%;
}
#menu .during{
    background:url(../img/bgs/bg_menu_during.png) repeat-x top;
    text-align: center;   
    width:98%;
    margin: auto;
}
/* *****************************************************************************
 * ÍCONES
 ***************************************************************************** */
.trocar_senha{
    background:url(../img/icons/small_keys.png) no-repeat left center;
    padding:0 0 0 16px;
    text-decoration:underline;
    font-size:11px;
}
button[type=submit].next{
    background:url(../img/icons/next.png) right center no-repeat;
    padding:0 75px 0 0;
    border:0px;
    color:#014c86;
    text-decoration:underline;
    font-size:small;
}
button[type=submit].next:hover{
    cursor:pointer;
}
.add_link, .rank_link, .graph_link, .back_link, .list_link, .delete_link, .edit_link, .confirm_link{
    background:url(../img/icons/relat_icon.png);
    width:77px;
    height:14px;
    display:inline-block;
    padding:8px 0px 8px 33px;
    margin:0px 10px 0px 0px;
    font-size:12px;
    font-weight:bold;
    color:#666;
    cursor:pointer;
    white-space:nowrap;
}

.confirm_link{
    background-position:880px 0px;
}
.edit_link{
    background-position:770px 0px;
}
.delete_link{
    background-position:660px 0px;
}
.list_link{
    background-position:550px 0px;
}
.back_link{
    background-position:440px 0px;
}
.graph_link{
    background-position:330px 0px;
}
.add_link{
    background-position:220px 0px;
}
.rank_link{
    background-position:110px 0px;
}
.filtro_link:hover{
    background-position:0px 30px;
}
.confirm_link:hover{
    background-position:880px 30px;
}
.edit_link:hover{
    background-position:770px 30px;
}
.delete_link:hover{
    background-position:660px 30px;
}
.list_link:hover{
    background-position:550px 30px;
}
.back_link:hover{
    background-position:440px 30px;
}
.graph_link:hover{
    background-position:330px 30px;
}
.add_link:hover{
    background-position:220px 30px;
}
.rank_link:hover{
    background-position:110px 30px;
}
.filtro_link:active{
    background-position:0px 60px;
}
.confirm_link:active{
    background-position:880px 60px;
}
.edit_link:active{
    background-position:770px 60px;
}
.delete_link:active{
    background-position:660px 60px;
}
.list_link:active{
    background-position:550px 60px;
}
.back_link:active{
    background-position:440px 60px;
}
.graph_link:active{
    background-position:330px 60px;
}
.add_link:active{
    background-position:220px 60px;
}
.rank_link:active{
    background-position:110px 60px;
}

/* *****************************************************************************
 * SHADOW BOX
 ***************************************************************************** */
.shadow_box{
    zoom:1;                                                                     /* PARA FUNCIONAR BORDER-RADIUS NO IE */
    border:1px solid #bbb;
    background:#FEFEFE;
    margin-top:10px;
    margin-bottom:10px;
    min-width:900px;

    box-shadow:0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 4px #eee;
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 4px #eee;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -khtml-box-shadow:0 0 4px #eee;
    -khtml-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -pie-box-shadow:0 0 4px #ccc;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}
.shadow_box .content{
    /*    padding:10px;*/

    overflow: auto;
    height: auto;

}
.shadow_box .header{
    /*    padding:0 10px;*/
    position:relative;

    text-shadow:0 1px 0 #fff;

    background:#f7f7f7;
    background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#ddd));
    background:-moz-linear-gradient(top,#f7f7f7,#ddd);
    -pie-background:linear-gradient(top,#f7f7f7,#ddd);
    -webkit-background-clip:padding-box;

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -khtml-border-top-left-radius:5px;
    -khtml-border-top-right-radius:5px;
    border-radius:5px 5px 0px 0;
}

.header{

    border-bottom:1px solid #bbb;

}

/* *****************************************************************************
 * ACCORDION E BARRAS DE PROGRESSO
 ***************************************************************************** */
.accordion{
    color:#000;
    border:1px solid #bbb;
    background:#f5f5f5;
    margin-bottom:18px;

    box-shadow:0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 4px #eee;
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 4px #eee;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -khtml-box-shadow:0 0 4px #eee;
    -khtml-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -pie-box-shadow:0 0 4px #ccc;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;    
}
.accordion_header{
    background:#f7f7f7;
    background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#ddd));
    background:-moz-linear-gradient(top,#f7f7f7,#ddd);
    -pie-background:linear-gradient(top,#f7f7f7,#ddd);
    -webkit-background-clip:padding-box;

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -khtml-border-top-left-radius:5px;
    -khtml-border-top-right-radius:5px;
    border-radius:5px 5px 0 0;


    color:#000;
    font-size:13px;
    text-shadow:0 1px 0 #fff;

    margin:0;
    padding:0 10px;

    display:inherit;
}
.accordion h2{
    font-size:15px;
    line-height:30px;
    margin:0;
}
.accordion p{
    font-size:12px;
    color:#666;
    margin:12px 0 0 12px;
}
.accordion ul, .accordion ul li{
    margin:0px;
}
.accordion ul{
    padding:10px;
}
.accordion ul li{
    list-style: none;
    list-style-image: none;
}
/* *****************************************************************************
 * BARRAS DE PROGRESSO
 ***************************************************************************** */
.progress{
    display:block;
    position:relative;
    height:22px;
    margin:4px 0px;
    padding:-1px;
    border:1px solid #CCC;

    background:#DEDEDE;
    background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#e9e9e9));
    background:-moz-linear-gradient(top,#ccc,#e9e9e9);
    -pie-background:linear-gradient(top,#ccc,#e9e9e9);

    -moz-box-shadow:0 1px 0 #fff;
    -webkit-box-shadow:0 1px 0 #fff;
    box-shadow:0 1px 0 #fff;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
}
.progress span{
    display:block;
    position:relative;
    text-align:center;
    height:20px;
    width:0;
    padding:0;
    margin:0;
    font-size:12px;

    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
}
.progress span b{
    color:#fff;
    line-height:20px;
    padding-left:0px;
    text-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.progress.progress-blue span{
    border:1px solid #0078a5;
    background-color:#5C9ADE;
    background:-moz-linear-gradient(top,#00adee 10%,#0078a5 90%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#00adee),color-stop(0.9,#0078a5));
    -pie-background:linear-gradient(top,#00adee 10%,#0078a5 90%);
}
.progress.progress-green span{
    border:1px solid #5c9425;
    background-color:#77AF3F;
    background:-moz-linear-gradient(top,#8fc857 10%,#5c9425 90%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#8fc857),color-stop(0.9,#5c9425));
    -pie-background:linear-gradient(top,#8fc857 10%,#5c9425 90%);
}
.progress.progress-orange span{
    border:1px solid #f47a20;
    background-color:#faa51a;
    background:-moz-linear-gradient(top,#faa51a 10%,#f47a20 90%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#faa51a),color-stop(0.9,#f47a20));
    -pie-background:linear-gradient(top,#faa51a 10%,#f47a20 90%);
}
.progress.progress-red span{
    border:1px solid #A92C2C;
    background-color:#C44747;
    background:-moz-linear-gradient(top,#DD5F5F 10%,#A92C2C 90%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#DD5F5F),color-stop(0.9,#A92C2C));
    -pie-background:linear-gradient(top,#DD5F5F 10%,#A92C2C 90%);
}
.progress.progress-yellow span{
    border:1px solid #a59b00;
    background-color:#c8c157;
    background:-moz-linear-gradient(top,#eeda00 10%,#c8c157 90%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#eeda00),color-stop(0.9,#c8c157));
    -pie-background:linear-gradient(top,#eeda00 10%,#c8c157 90%);
}

/* -------------------------------------- GRID's ---------------------------------------
    Estrutura Básica:
        table,
        tr,
        th,
        td,
        .ultimo

    Estilos de cores:
        .green,
        .blue,
        .yellow,
        .gray,
        .white,
        .red

    Estilos de Heads:
        sem estilo
        .selected
            ∟ .d (down)
            ∟ .u (up)
*/
/*table.datatable th{
    cursor:pointer;
}
.related{
    float:left;
    width:50%;
}
.related .grid{
    width:500px;
}
.main .grid{
    width:370px;
    margin:0 20px 0 0;
}

.grid{
    border:1px solid #E5EFF8;
    background:url(../img/grid/bg_table_head.png) repeat-x top ;
    width: 100%;
    white-space:normal;
    box-shadow:0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 4px #eee;
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 4px #eee;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -khtml-box-shadow:0 0 4px #eee;
    -khtml-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -pie-box-shadow:0 0 4px #ccc;
    border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-radius-topleft:5px;
    -webkit-border-radius-topright:5px;

    border-collapse:inherit;
}
.grid th, .grid td, .grid tr{
    vertical-align: middle;
}
.grid th{
    height:27px;
    color:#FFF;
    font-weight:bold;
    text-align: left;
    padding:0px 5px;
    background:url(../img/grid/bg_table_head.png) repeat-x top #f0f0f0;
    font: 76%/160% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

}
.grid th a{
    color:#FFF;

}
.grid th {
    color:#FFF;
    white-space:nowrap;
}
.grid th, .grid td{
    border-right:1px solid #E5EFF8;
    border-bottom:1px solid #E3F1FE;;
    font: 76%/160% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

    font-size:12px;
        white-space:nowrap;
}
*/
.grid .gridbg{

    background:url(../img/bgs/bgtable.gif);
}
.grid .gridbg_red{


    background:url(../img/bgs/bgtable_red.gif);
}
.grid .gridbg_green{


    background:url(../img/bgs/bgtable_green.gif);
}
.grid .gridbg_orange{


    background:url(../img/bgs/bgtable_orange.gif);
}
.grid .gridbg_yellow{


    background:url(../img/bgs/bgtable_yellow.gif);
}

.grid .finandebito{

    color: #FF0000;
}
.grid .financredito{
    color: #232CFD;

}


.grid{

    /*    width:93.7%;*/


}

/*
.grid td{

    padding:3px 5px;
    height: 20px;
       //#678197
    color: #333;
    font-weight: normal;

}



.grid.compact th{
    font-size:11px;
    text-transform:lowercase;

}
.grid.compact td{
    white-space:normal;
}
.grid .active{
    background:url(../img/grid/bg_table_head_active.png) repeat-x top;
}
.grid th .desc{
    background:url(../img/grid/arrow-d.png) no-repeat center right;
    padding:0px 10px 0px 0px;
}
.grid th .asc{
    background:url(../img/grid/arrow-u.png) no-repeat center right;
    padding:0px 10px 0px 0px;
}
*/
.grid .green{
    background-color:#d5ffce;
    color:inherit;
}
.grid .blue{
    background-color:#dbe3ff;
    color:inherit;
}
.grid .yellow{
    background-color:#fffbcc;
}
.grid .gray{
    background-color:#ccc;
    color:inherit;
}
.grid .red{
    background-color:#ffcece;
}
.grid .white{
    background-color:#f0f0f0;
}
/*
.grid tr td:last-child, .grid tr th:last-child{
    border-right:0px;
}

.grid tr:last-child td:last-child{
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright:5px;
}

.grid tr:last-child td:first-child{
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft:5px;
}




 *****************************************************************************
 * TABELA DE LISTA
 *****************************************************************************/
table.list tr{
    font-size:12px;
}
table.list th, table.list td{
    padding:2px 0;
    border-right:1px solid #FFF;
    border-bottom:1px solid #FFF;
}
table.list th{
    color:#3a5f96;
    background:#f5f9ff;    
}
table.list td{
    padding:2px 0 2px 4px;
    color:#333;
    background:#E5E5E5;
}
table.list tr.white td{
    color:#666;
    background:#F0F0F0;
}
table.list tr.total td{
    background:transparent;
    border:1px transparent;
    color:#2b58a3;
}

/* ------------------------------------------------------------ ESTILO DAS MSGS DO INPUT ------------------------------------------------------
                        Tipos de Mensagens
                                .alert,
                                .error-message,
                                .confirm,
                                .descricao
*/
.alert, .error-message, label.confirm{
    padding:0px 0px 0px 30px;
    font-size:small;
    color:#666;
    vertical-align: middle;
    margin-left: 25%;
    /*    display: inline-table;*/
}
label.alert{
    background:url(../img/icons/exclamation.png) no-repeat center left;
}
/*.error-message{
    background:url(../img/icons/error.png) no-repeat;
}*/


.error-message {

    position: absolute;


    display: none;
    z-index: 5000;
    cursor: pointer;

    width: 100%;
    background: #EE0101;
    margin-bottom: 100px;

    color: white;
    width: 150px;
    font-family: tahoma;
    font-size: 11px;
    border: 2px solid #DDD;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}



/* ------------------------------------------------------- FILTROS ----------------------------------------------------- */
.bg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../img/bgs/bg_transparent_black.png);
}
.middle{
    top:50%;
    left:50%;
    width:1px;
    height:1px;
    position:fixed;
}
/*#filtro{
    position:absolute;

    z-index:10;
}*/

#posBox{
    position:absolute;
    z-index:50;
}

.filtro_grid{

    font-size: 11px;
    color: #000;

}
.filtro_grid td{

    padding-top: 10px;

}


/* -------------------------- CLASSES DA PAGINACAO ---------------------------------------
                Prev, Prox  => .controllerPaginate
                Texto       => .infoPaginate
                Numbers     => .current, .numberPaginate
*/
.paginacao{
    color:#CCC;
    text-decoration: none;
    padding-top: 3px;
}
.paginacao a, .paginacao .current, .controllerPaginate, .disabled, .infoPaginate, .numberPaginate{
    display:inline-block;
}
.controllerPaginate, .disabled, .infoPaginate, .numberPaginate, .current{
    height:12px;
    padding:1px 0 4px 0;
}
.paginacao .controllerPaginate{
    text-decoration:none;
}
.numberPaginate, .current{
    min-width:16px;
    text-align: center;
    border-radius:2px;
}
.numberPaginate{
    color:#FFF;
    border:1px solid #333;
    background:url(../img/paginate/current.jpg) repeat-x center;
}
.numberPaginate:hover{
    background:url(../img/paginate/numberPaginate_hover.jpg) repeat-x center;
}
.current{
    color:#FFF;
    border:1px solid #333;
    background:url(../img/paginate/numberPaginate.jpg) repeat-x center;
}


/*****************************************************************************
 * SUBMENU
 *************************************************************************** */
#menu ul{
    position:relative;
}
#menu ul.textcenter li{
    height:62px;
}
#menu li ul{
    position:absolute;
    background:#EEE;
    top:50px;
    z-index:50;
    padding:0 0 2px 0;
    min-width: 10%;
    width: auto;

    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright:5px;

    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
#menu ul.textcenter li ul li{
    padding:0;
    margin:0;
    vertical-align:middle;
    height:auto;
    position:relative;
}
#menu li ul li a{
    margin:0 1px 0 0;
    width:auto;
    padding:5px 5px;
    text-align:left;
    vertical-align:middle;

}
#menu li ul li a img{
    vertical-align:bottom;
    margin:0 2px 0 0;
    max-width:15px;
    float:left;
}
#menu li ul li a:last-child{
    margin:0 0 2px 0;
}
#menu ul li ul li a:hover{
    background:#FFF;
}

#menu li ul li ul{
    position:absolute;
    background:#EEE;
    top:-5px;
    left:100%;
    z-index:50;
    padding:0;
    margin:0px;
    width: 100%;

    border-bottom-left-radius:0;
    -moz-border-radius-bottomleft:0;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright:5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright:5px;

    border-top:1px solid #CCC;
    border-left:0px;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
#menu li ul li ul li:first-child{
    margin:2px 0 0 0;
}
#menu li ul li ul li a{
    width:auto;
    text-align:left;
    white-space:nowrap;
    vertical-align:middle;
}
#filtro{
    background:#FFF;
    padding:15px;
    border-radius:5px;    
}
#posBox{
    background:#FFF;
    padding:15px;
    border-radius:5px;    
}

#placeholder{
    width:98%;
    min-height:150px;
    margin:15px 0 0 0;
}
table.ranking{
    width:350px;
}
.value_col{
    white-space:nowrap;
}
.multiplecheck input{
    vertical-align: middle;
}

/* ****************************************************************************
 *                                  LOADING                                   *
 **************************************************************************** */
.loading{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background:url(../img/bgs/bg_transparent.png);
    display:none;
}
.middle{
    top:50%;
    left:50%;
}
.loading span{
    position:relative;
    top:-16px;
    left:-16px;
}
/* ****************************************************************************
 * CAKE SQL LOG
 **************************************************************************** */
table.cake-sql-log{
    background: #fff;
    border-right:0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}
.cake-sql-log th{
    border:0;
    border-bottom:2px solid #555;
    text-align: left;
    padding:4px;
}
.cake-sql-log th a{
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
.cake-sql-log th a.asc:after{
    content: ' ⇣';
}
.cake-sql-log th a.desc:after{
    content: ' ⇡';
}
table.cake-sql-log tr td{
    background: #fff;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    border-bottom:1px solid #ddd;
}
/*table.cake-sql-log tr:nth-child(2n) td{
        background: #f5f5f5;
}*/
table.cake-sql-log .altrow td {
    background: #f5f5f5;
}
.cake-sql-log td.actions{
    text-align: center;
    white-space: nowrap;
}
table.cake-sql-log td.actions a {
    margin: 0px 6px;
    padding:2px 5px;
}
.cake-sql-log table{
    background: #f4f4f4;
}
.cake-sql-log td{
    padding: 4px 8px;
    text-align: left;
    font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption{
    color:#fff;
}

#content input.datePickerA, #content input.datePickerD,#content input.datePickerCalendar, #filtro input.datePickerA, #filtro input.datePickerD,#filtro input.datePickerCalendar{
    font-size:12px;
    border-radius:5px;
    padding:3px;
    width:80px;
    text-align:center;
    color:#333;
    text-shadow:0px 1px 0px #FFF;

    background:#f7f7f7;
    background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#ddd));
    background:-moz-linear-gradient(top,#f7f7f7,#ddd);
    -pie-background:linear-gradient(top,#f7f7f7,#ddd);
    -webkit-background-clip:padding-box;
}
#content input.datePickerA:hover, #content input.datePickerD:hover,#content input.datePickerCalendar:hover{
    cursor:pointer;

    background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#EEE));
    background:-moz-linear-gradient(top,#f7f7f7,#EEE);
    -pie-background:linear-gradient(top,#f7f7f7,#EEE);
}
#content input.datePickerA:focus, #content input.datePickerD:focus,#content input.datePickerCalendar:focus{
    background:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#f7f7f7));
    background:-moz-linear-gradient(top,#ddd,#f7f7f7);
    -pie-background:linear-gradient(top,#ddd,#f7f7f7);
}



.link_button{
    border :2px;
    font-size:12px;
    border: 1px solid #CCC;
    border-radius:5px;
    padding:3px;
    width:80px;
    text-align:center;
    color:#333;
    text-shadow:0px 1px 0px #FFF;

    background:#f7f7f7;
    background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#ddd));
    background:-moz-linear-gradient(top,#f7f7f7,#ddd);
    -pie-background:linear-gradient(top,#f7f7f7,#ddd);
    -webkit-background-clip:padding-box;
}

.link_button img{
    vertical-align:text-bottom;
    max-height: 15px;


}

.link_button:hover{
    cursor:pointer;

    background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#EEE));
    background:-moz-linear-gradient(top,#f7f7f7,#EEE);
    -pie-background:linear-gradient(top,#f7f7f7,#EEE);
}

/* *****************************************************************************
 * TREINAMENTOS
 ***************************************************************************** */
ul.descricao li{
    list-style: none;
    color:#AAA;
    font-size:14px;
}
.close_button{
    background:url(../img/close.png) no-repeat center;
    width:28px;
    height:28px;
    position:absolute;
    top:-13px;
    right:-13px;
    cursor:pointer;
}

.compraSms{

    /*    margin: 0 2px 0 44%;*/
    vertical-align:middle;

}

.smsDestinatario{
    text-align: left; 
    margin-left: 10px; 
    margin-right: 60%;

}

.smsLink{

    text-decoration:underline;
    font-size: 11px;
    color: #2d5ea3
}




/* *****************************************************************************
 * TELA VIEW
 ***************************************************************************** */
.detalhes_view{
    color:#4a97d9;
    background:url(../img/icons/arrow_d.png) no-repeat right center;
    padding:0 18px 0 0;
    text-decoration:underline;
}
.view_h2{
    font-family:"Calibri", arial;
    font-size:18px;
    color:rgb(167, 167, 167);
    font-style: italic;
}
.view_list li{
    font-family:"Calibri", arial;
    font-weight: bold;
    list-style:none;
    list-style-image:none;
    color:#999;
    font-size:13px;
    line-height:20px;
}
.view_list li span{
    color:#666;
}
.border_d6{
    border:1px solid #D6D6D6;
    border-radius:5px;
}
.view_tela{
    background:#F1F1F1;
    border-radius:5px;
    border:1px solid #FFF;
    color:#333;
    font-family:"Calibri", Arial;
    font-size:12px;
}
.view_tela hr{
    background:#666;
    height:1px;
    border:1px solid #FFF;
}
.view_tela hr, .view_grid, .view_grid tr, .view_grid th, .view_grid, td{
    margin:0;
    padding:0;
}
.view_grid td{
    padding:6px 20px 2px 0;
}
.view_grid td.column-1{
    padding:5px 0;
    width:20px;
}
.view_grid td.column-2{
    width:70px;
}
.view_grid td.column-4{
    width:100px;
}

.relacionados {
    margin-bottom: 10px;
}

.labelObrigatorio{
    text-align:right;
    display: inline-table;
    font-family:arial;
    color:#111;
    vertical-align:middle;
}




/* *****************************************************************************
 * TELA EDIT
 ***************************************************************************** */
.detalhes_edit{
    color:#4a97d9;
    background:url(../img/icons/arrow_d.png) no-repeat right center;
    padding:0 18px 0 0;
    text-decoration:underline;
}
.edit_h2{
    font-family:"Calibri", arial;
    font-size:18px;
    color:#CCC;
    font-style: italic;
}
.edit_list li{
    font-family:"Calibri", arial;
    font-weight: bold;
    list-style:none;
    list-style-image:none;
    color:#999;
    font-size:13px;
    line-height:20px;
}
.edit_list li span{
    color:#666;
}

.edit_tela{
    background:#F1F1F1;
    /*    border-radius:5px;
        border:1px solid #FFF;*/
    color:#333;
    font-family:"Calibri", Arial;
    font-size:12px;
}
.edit_tela hr{
    background:#666;
    height:1px;
    border:1px solid #FFF;
}
.edit_tela hr, .edit_grid, .edit_grid tr, .edit_grid th, .edit_grid, td{
    margin:0;
    padding:0;
}
.edit_grid td{
    padding:6px 20px 2px 0;
}
.edit_grid td.column-1{
    padding:5px 0;
    width:20px;
}
.edit_grid td.column-2{
    width:70px;
}
.edit_grid td.column-4{
    width:100px;
}

.box_center
{
    border:1px solid #17467b;
    border-top:1;
    padding:10px 0px 10px 0px;
    margin-bottom:10px;
    background: #FFFFF9;
}


.pedido_add_grid, .pedido_add_grid tr, .pedido_add_grid th, .pedido_add_grid, td{
    margin:0;
    padding:0;
}
.pedido_add_grid td{
    /*    padding:6px 20px 2px 0;*/
}
.pedido_add_grid td.column-1{
    padding:5px 0;
    width:20px;
}
.pedido_add_grid td.column-2{
    width:70px;
}
.pedido_add_grid td.column-4{
    width:100px;
}

.pedido_add_grid{

    background-color: #FFFFDB;

}

/*#pedidoTotal{
    padding-top: 15px;
    vertical-align: bottom;
    font-size: 50px;
    height: 50px;
    color:#000;
}*/

#pedidoTotal{
    padding-top: 15px;
    vertical-align: bottom;
    font-size: 20px;
    height: 30px;
    color:#000;
}

#pedidoTroco{
    padding-top: 15px;
    vertical-align: bottom;
    font-size: 50px;
    height: 50px;
    color:#000;
}


div.cadastrosConta label{
    font-size:13px;
    /*    display: block;*/
    text-align:right;
    margin:0px 0px 0px 0px;
    width: 15%;
    margin-right:  5px;
    color:#000;
    font-family:arial;
}

#opFrete label{
    width: auto;
}


div.pedidosConta label{
    font-size:13px;
    /*    display: block;*/
    text-align:right;
    margin:0px 0px 0px 0px;
    width: 35%;
    margin-right:  5px;
    color:#000;
    font-family:arial;
}

div.osFrete label{
    font-size:13px;
    /*    display: block;*/
    text-align:right;
    margin:0px 0px 0px 0px;
    width: 23%;
    margin-right:  5px;
    color:#000;
    font-family:arial;
}

.listCheckbox{
    float: left;
}
#calendarUsers {
    margin-left: 0px;
    width:180px;
    overflow: auto;
}
#calendarUsers label{
    margin-left: 0px;
    width:auto;
}
div.divlistCheckbox label{

    /*    display: block;*/
    text-align:left;
    margin:0px 0px 0px 0px;
    width: 300px;
    margin-right:  20px;
    margin-top: -10px;
}

div.permsCheckbox {




}

div.permsCheckbox label{

    /*    display: block;*/
    text-align:left;
    margin:0px 0px 0px 0px;
    width: 300px;
    margin-right:  20px;
    margin-top: -10px;
}

div.permsCheckbox ul{

    float: left;
    overflow: auto;
    list-style: none;
    list-style-image: none;
    list-style: none;
    padding: 0;
    width: 400px;
    margin: 0 auto;

}

.permbox{

    width: 300px;




}

.permbox div.checkbox{

    width: 300px;;


}

div.permbox label{

    width: auto;


}

div.permsCheckbox ul li{


    list-style: none;
    list-style-image: none;


}

.flexigrid div.fbutton .add {
    background: url(../img/icons/add.png) no-repeat center left;
    padding-left: 20px;
    padding: 0px 0px 2px 20px;
}

.flexigrid div.fbutton .navegar {
    background: url(../img/icons/navegar.png) no-repeat center left;
    padding-left: 20px;
    padding: 0px 0px 2px 20px;
}
.flexigrid div.fbutton .delete {
    background: url(../img/icons/inactive.png) no-repeat center left;
    padding-left: 20px;
}
.flexigrid div.fbutton .filtro_link {
    background: url(../img/icons/filter.gif) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .connect_link {
    background: url(../img/icons/connect.png) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .view_more {
    background: url(../img/icons/view_more.png) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .active {
    background: url(../img/icons/active.png) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .inactive {
    background: url(../img/icons/inactive.png) no-repeat center left;
    padding-left: 20px;
}
.flexigrid div.fbutton .back {
    background: url(../img/icons/back.png) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .edit {
    background: url(../img/icons/edit.png) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .print {
    background: url(../img/icons/print.png) no-repeat;
    padding-left: 30px;
}
.flexigrid div.fbutton .xls {
    background: url(../img/icons/xls.png) no-repeat;
    padding-left: 30px;
}
.flexigrid div.fbutton .export {
    background: url(../img/icons/export.gif) no-repeat;
    padding-left: 30px;
}
.flexigrid div.fbutton .pdf {
    background: url(../img/icons/pdf.png) no-repeat;
    /*    padding-left: 30px;*/
}
.flexigrid .title {
    font-size: 15px;
}

.accordionGraf {
    background: #fafafa url(images/bg.gif) repeat-x top;
    position: relative;
    border: 1px solid #ccc;
    border-bottom: 0px;
    overflow: hidden;
}

.oculto{
    display: none;
}

#osSubTotal{
    padding-top: 15px;
    vertical-align: bottom;
    font-size: 15px;
    color:#000;
}

.osTotal{
    font-size: 30px;
    padding-right: 3px;
    border: 1px solid #CCC;
    text-align: right;
    margin-right: 3px;
    margin-top: 3px;
    color:#000;
    border-radius:10px;
    width:50%;
    display:inline-block;
    background-color: #FFFFDB;
}

.osTotais{
    font-size: 20px;
    padding-right: 3px;
    border: 1px solid #CCC;
    text-align: right;
    margin-right: 3px;
    margin-top: 3px;
    color:#000;
    border-radius:10px;
    width:50%;
    display:inline-block;
    background-color: #FFFFDB;
}

#OSdesconto{
    cursor:pointer;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.buscar_button{
    /*    border :2px;*/
    /*    font-size:12px;*/
    border: 1px solid #CCC;
    border-radius:5px;
    /*    padding:0px 10px 0px 0px;*/

    text-align:center;
    color:#333;
    text-shadow:0px 1px 0px #FFF;

    background:#f7f7f7;
    background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#ddd));
    background:-moz-linear-gradient(top,#f7f7f7,#ddd);
    -pie-background:linear-gradient(top,#f7f7f7,#ddd);
    -webkit-background-clip:padding-box;
}

.buscar_button img{
    vertical-align:text-bottom;
    max-height: 15px;
}

.buscar_button:hover{
    cursor:pointer;
    background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#EEE));
    background:-moz-linear-gradient(top,#f7f7f7,#EEE);
    -pie-background:linear-gradient(top,#f7f7f7,#EEE);
}

div.cad label{
    font-size:13px;
    text-align:right;
    margin:0px 0px 0px 0px;
    width: 40%;
    margin-right:  10px;
}

div.cad button[type=submit]{
    margin-left: 44%;
}


/*CALENDARIO*/
#calendar-div  {

    border: 1px solid #A2BBDD;
    height: 500px;
    overflow: auto;



}

#calendar  {





}

#calendar .hora_free {
    cursor: pointer;


}

#calendar .event_free {
    cursor: pointer;
    height:100%;

}

#calendar .hora{

    font-family: Arial;
    font-size: 12px;
    color: #468;
    text-align: right;
    vertical-align: middle;
    width:55px;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #FFF;
    padding-right: 5px;
    background-color: #E8EEF7; 
    height: 30px;
}

#calendar .evento{

    font-family: Arial;
    font-size: 14px;
    color: #468;
    vertical-align: middle;
    text-align: left;
    width: 700px;
    border-bottom: 1px solid #DDD;
    padding-right: 2px;
    background-color: #FFC;
    height: 30px;
    cursor: pointer;
}

.evento_atrasado{

    font-family: Arial;
    font-size: 14px;
    color: #ed6363;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    width: 700px;
    border-bottom: 1px solid #DDD;
    padding-right: 2px;
    background-color: #FFC;
    height: 30px;
    cursor: pointer;
}

.evento_concluido{

    font-family: Arial;
    font-size: 14px;
    color: #000;
    text-decoration:line-through;
    background-color: red;
    vertical-align: middle;
    text-align: left;
    width: 700px;
    border-bottom: 1px solid #DDD;
    padding-right: 2px;
    background-color: #FFC;
    height: 30px;
    cursor: pointer;
}
.evento_agendado{

    font-family: Arial;
    font-size: 14px;
    color: #ed6363;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    width: 700px;
    border-bottom: 1px solid #DDD;
    padding-right: 2px;
    background-color: #FFC;
    height: 30px;
    cursor: pointer;
}
.clip_img img{
    max-height: 40px;
    padding:2px;
    background:#FFF;
}
.clip_img{
    position:relative;
    width:60px;
    height:40px;
    display:inline-block;
    margin-left:0px;


    border:1px solid #DDD;
    margin:0px 8px;
}
.exclude{
    background:url(../img/icons/close.png) no-repeat center center #FFF;
    padding:3px;
    width:7px;
    height:7px;
    position:absolute;
    top:0px;
    right:0px;
    border:1px solid #DDD;
}
.exclude:hover{
    background-color:#FEE;
    border:1px solid #CBB;
    cursor:pointer;
}

.list_img{
    display:inline-block;
    padding:4px 0px;
    position:relative;
}
.imagens_produtos{
    width: 350px;
    margin: 0 auto;

}