/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
.margin0{
    margin: 0 !important;
}

.cursorPointer{
    cursor: pointer;
}

.colorHover{
    background-color: #F5F5F5;
}
.paginadorCorrente{
    background-color: #ECECEC !important;
}

.linkButtom{
    color: #FFFFFF !important;
}
.right{
    text-align: right !important;
}
.floatLeft{
    float: left;
}
.clearFloat{
    float: none;
}

.marginAuto{
    margin: 4em auto 0;
    width: 220px;
}
.marginTop80n{
    margin-top: -80px !important;
}
.marginTop40n{
    margin-top: -40px !important;
}
.marginTop10n{
    margin-top: -10px !important;
}
.marginTop5n{
    margin-top: -5px !important;
}
.marginTop4n{
    margin-top: -4px !important;
}
.marginTop3{
    margin-top: 3px;
}
.marginTop5{
    margin-top: 5px;
}
.marginTop7{
    margin-top: 7px;
}
.marginTop10{
    margin-top: 10px;
}
.marginTop15{
    margin-top: 15px;
}
.marginTop20{
    margin-top: 20px !important;
}
.marginTop25{
    margin-top: 25px !important;
}
.marginTop50{
    margin-top: 50px !important;
}
.marginTop10c{
    margin-top: 10% !important;
}
.marginLeft5{
    margin-left: 5px;
}
.marginLeft10{
    margin-left: 10px !important;
}
.marginLeft20{
    margin-left: 20px;
}
.marginLeft30{
    margin-left: 30px;
}
.marginLeft50{
    margin-left: 50px;
}
.marginLeft155{
    margin-left: 155px;
}
.marginRight10{
    margin-right: 10px;
}
.marginRight20{
    margin-right: 20px;
}
.marginRight50{
    margin-right: 50px;
}
.marginBottom20n{
    margin-bottom: -20px;
}
.marginBottom10n{
    margin-bottom: -10px;
}
.marginBottom5n{
    margin-bottom: -5px;
}
.marginBottom0{
    margin-bottom: 0px !important;
}

.marginBottom5{
    margin-bottom: 5px;
}

.marginBottom10{
    margin-bottom: 10px !important;
}
.marginBottom20{
    margin-bottom: 20px;
}
.marginBottom30{
    margin-bottom: 30px;
}
.marginBottom35{
    margin-bottom: 35px;
}
.marginBottom50{
    margin-bottom: 50px;
}
.paddingTop20n{
    padding-top: -20px !important;
}
.paddingTop0{
    padding-top: 0px !important;
}
.paddingTop10{
    padding-top: 10px;
}
.paddingTop15{
    padding-top: 15px;
}
.paddingTop20{
    padding-top: 20px;
}

.paddingTop25{
    padding-top: 25px;
}
.paddingLeft10{
    padding-left: 10px;
}
.paddingLeft50{
    padding-left: 50px;
}
.paddingBottom0{
    padding-bottom: 0px !important;
}
.paddingBottom5{
    padding-bottom: 5px;
}

.width50{
    width: 50px !important;
}
.width60{
    width: 60px !important;
}
.width100{
    width: 100px;
}
.width120{
    width: 120px;
}
.width140{
    width: 140px;
}
.width180{
    width: 180px;
}
.width200{
    width: 200px;
}
.width300{
    width: 300px;
}
.width350{
    width: 350px;
}
.width450{
    width: 450px;
}
.width650{
    width: 650px;
}
.width1c{
    width: 1% !important;
}
.width5c{
    width: 5% !important;
}
.width10c{
    width: 10% !important;
}
.width11c{
    width: 11% !important;
}
.width15c{
    width: 15% !important;
}
.width16c{
    width: 16%;
}
.width20c{
    width: 20% !important;
}
.width25c{
    width: 25%;
}
.width40c{
    width: 40% !important;
}
.width45c{
    width: 45% !important;
}
.width50c{
    width: 50% !important;
}
.width55c{
    width: 55% !important;
}
.width60c{
    width: 60%;
}
.width70c{
    width: 70%;
}
.width80c{
    width: 80%;
}
.width90c{
    width: 90%;
}
.width100c{
    width: 100%;
}

.height6{
    height: 6px !important;
}
.height11{
    height: 11px !important;
}
.height25{
    height: 25px !important;
}
.height70{
    height: 70px !important;
}

.font10{
    font-size: 10px !important;
}

.font16{
    font-size:16px;
}

.font22{
    font-size: 22px;
}

.font26{
    font-size: 26px;
}

.bgColor01{
    background-color: #3B3B3B;
}
.erro{color:#ED1C24; margin:0}
.ok{color:#006633; margin:0}
.none{display: none;}

.titulo{
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}

.bold{
    font-weight: bold;
}

.red{
    color: red;
}
.white{
    color: white;
}

.divTelaLogin{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    margin: 2em auto -1em;
    width: 400px;
    text-align: justify;
}
.inputErro {
    border: 1px solid #FF0000 !important;
}

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

.icon_pdf{
    background-image: url('../images/icon_pdf.png');
}

.direita{
    text-align: right !important;
}

.graf{
    background-color: #3B5998 !important;
    border-radius: 4px 4px 4px 4px !important;
}

.well2 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.displayTable{
    display: table;
}

.linha{
    border-top: 0.5px solid #CCCCCC;
}

.subtitulo{
    font-size: 14px;
    font-weight: bold;
}

.linhaVertical{
    border-left: 1px solid #DDDDDD;
}

.desabilitado {
    background-color: #DDD;
}

.justify{
    text-align: justify;
}

.font11{
    font-size: 11px;
}

.row-fluid .span56{
    width: 56% !important;
}

.bottom{
    vertical-align: bottom !important;
}

.minHeight0{
    min-height: 0px !important;
}

.produto{
    border: 1px solid #333;
    padding: 20px;
}




.info-number .badge {
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    padding: 1px 5px;
    position: absolute;
    top: 8px;
}
.bg-green {
    background: #1abb9c none repeat scroll 0 0 !important;
    border: 1px solid #1abb9c !important;
    color: #fff;
}
.bg-red {
    background: #C00 none repeat scroll 0 0 !important;
    border: 1px solid #1abb9c !important;
    color: #fff;
}


.pagination2 {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination2 > li {
    display: inline;
}
.pagination2 > li > a,
.pagination2 > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #CD161E;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination2 > li:first-child > a,
.pagination2 > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination2 > li:last-child > a,
.pagination2 > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination2 > li > a:hover,
.pagination2 > li > span:hover,
.pagination2 > li > a:focus,
.pagination2 > li > span:focus {
    color: #A82A2A;
    background-color: #eee;
    border-color: #ddd;
}
.pagination2 > .active > a,
.pagination2 > .active > span,
.pagination2 > .active > a:hover,
.pagination2 > .active > span:hover,
.pagination2 > .active > a:focus,
.pagination2 > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #A82A2A;
    border-color: #A82A2A;
}
.pagination2 > .disabled > span,
.pagination2 > .disabled > span:hover,
.pagination2 > .disabled > span:focus,
.pagination2 > .disabled > a,
.pagination2 > .disabled > a:hover,
.pagination2 > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination2-lg > li > a,
.pagination2-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}
.pagination2-lg > li:first-child > a,
.pagination2-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination2-lg > li:last-child > a,
.pagination2-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination2-sm > li > a,
.pagination2-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}
.pagination2-sm > li:first-child > a,
.pagination2-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination2-sm > li:last-child > a,
.pagination2-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

@media (max-width: 480px) {
    .formCenter {
        width: 80% !important; 
        margin-left: 10% !important; 
    }
}
@media (min-width: 481px) and (max-width: 979px) {
    .formCenter {
        width: 80% !important; 
        margin-left: 10% !important; 
    }
}

@media (min-width: 980px) and (max-width: 1599px) {
    .formCenter {
        width: 50% !important; 
        margin-left: 25% !important; 
    }
}
@media (min-width: 1600px) {
    .formCenter {
        width: 40% !important; 
        margin-left: 30% !important; 
    }
}

.modalMedio {
    position: fixed;
    left: 30%;
    z-index: 1050;
    width: 40%;
    /* margin: -250px 0 0 -280px;*/
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    /* IE6-7 */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
@media (max-width: 1280px) {
    .modalMedio {
        left: 20%;
        width: 60%;
    }
}
@media (min-width: 1281px) {
    .modalMedio {
        left: 30%;
        width: 40%;
    }
}

.modalMedio.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: 10%;
}
.modalMedio.fade.in {
    top: 10%;
}

.modalGrande {
    position: fixed;
    left: 10%;
    z-index: 1050;
    width: 80%;
    /* margin: -250px 0 0 -280px;*/
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    /* IE6-7 */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
@media (max-width: 1280px) {
    .modalGrande {
        left: 5%;
        width: 90%;
    }
}
@media (min-width: 1281px) {
    .modalGrande {
        left: 10%;
        width: 80%;
    }
}

.modal-dialog2{
    overflow-y: initial !important;

}
.modal-body2 {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
}

.modalGrande.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: 10%;
}
.modalGrande.fade.in {
    top: 10%;
}

.minHeight .span2 .span8{
    min-height: 0px !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{
    background-position: left center;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{
    background-position: 5px center;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px 10px 28px;           
}

#divEsqueceuSenha{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #DFDFDF;
}

.vinho{
    color: #A82A2A;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
.customFileInput input {
    position: absolute;
    visibility: hidden;
}
 
.customFileInput .button,
.customFileInput .fileName {
    float: left;
    cursor: pointer;
    font-size: 0.9em;
    line-height: 30px;
    padding: 0 15px;
}
 
.customFileInput .button {
    background-color: #CDCDCD;
}
 
.customFileInput .fileName {
    color: #0000FF;
}
 
.customFileInput:hover .button {
    background-color: #D6D6D6;
}
 
.customFileInput:hover .fileName {
    text-decoration: underline;
}

.itemMenuSelecionado{
    /*background: #e3e2e1 none repeat;*/
    font-weight: bold;
}

.star-color{
    color: #EDB867;
}

.modal-body-avaliacao{
    min-height: 130px !important;
    margin: 0;
    padding: 9px 15px !important;
}

.select2{
    width: 100%;
}

.footer {
    position:absolute;
    bottom:0;
    width:100%;
}

.textMiddle{
    vertical-align: middle !important;
}

.select2 img {
    height: 50px !important;
    margin-top: 4px;
}

.filtroDashboardCenter {
    width: 400px;
    margin: auto;
    padding-top: 10px;
}

.filtroDashboardAnoCenter {
    width: 200px;
    margin: auto;
    padding-top: 10px;
}

.imgCentro {
    width:100px;
    height:100px;
    position:relative;
    top:50%;
    left:50%;
    margin-left:-50px;
}

.tooltip2{
    display: inline;
    position: relative;
}

.tooltip2:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: -480%;
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 98;
    width: 80px;
    text-align: center;
}

.tooltip2:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 0%;
    position: absolute;
    z-index: 99;
}