/***********

FONTES

**************/



/********************

 atributos gerais

 *********************/

*{
    margin: 0;
    padding: 0;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Firefox */
    -moz-transition: all 0.4s ease;
    /* WebKit */
    -webkit-transition: all 0.4s ease;
    /* Opera */
    -o-transition: all 0.4s ease;
    /* Standard */
    transition: all 0.4s ease;
}

body{

    font: normal 13px ;
    color: #666666;
    background: #ffffff;
    float: left;
    width: 100%;
}

input, form, label{
    font: normal 13px ;
    color: #666666;
}

textarea{
    font: normal 13px ;
    color: #666666;
    width: 100% !important;
    height: 150px !important;
    border: 1px solid #ccc;
    padding: 10px;
}

.textarea-hist-pront {
    font: normal 13px ;
    color: #666666;
    width: 100% !important;
    height: 250px !important;
    border: 1px solid #ccc;
    padding: 10px;
}

ol, ul{
    list-style: none;
}

a{
    color: #666666;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

img{
    border: none;
}

/***********

FONTES

**************/



/********************

 atributos gerais

 *********************/

*{
    margin: 0;
    padding: 0;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Firefox */
    -moz-transition: all 0.4s ease;
    /* WebKit */
    -webkit-transition: all 0.4s ease;
    /* Opera */
    -o-transition: all 0.4s ease;
    /* Standard */
    transition: all 0.4s ease;
}

body{

    font: normal 13px ;
    color: #666666;
    background: #ffffff;
    float: left;
    width: 100%;
}

input, textarea, form, label{
    font: normal 13px ;
    color: #666666;
}

input[type='checkbox'] {
    width:auto !important;
}

input[type='radio'] {
    width:auto !important;
    /*margin: -7px 8px 0px 0px;*/
}

input[type='file'] {
    opacity: 0;
    position: absolute;
}

ol, ul{
    list-style: none;
}

a{
    color: #666666;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

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

img{
    border: none;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding: 0 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}



/*
.info .col-xs-1, .info .col-sm-1, .info .col-md-1, .info .col-lg-1, .info .col-xs-2, .info .col-sm-2, .info .col-md-2, .info .col-lg-2, .info .col-xs-3, .info .col-sm-3, .info .col-md-3, .info .col-lg-3, .info .col-xs-4, .info .col-sm-4, .info .col-md-4, .info .col-lg-4, .info .col-xs-5, .info .col-sm-5, .info .col-md-5, .info .col-lg-5, .info .col-xs-6, .info .col-sm-6, .info .col-md-6, .info .col-lg-6, .info .col-xs-7, .info .col-sm-7, .info .col-md-7, .info .col-lg-7, .info .col-xs-8, .info .col-sm-8, .info .col-md-8, .info .col-lg-8, .info .col-xs-9, .info .col-sm-9, .info .col-md-9, .info .col-lg-9, .info .col-xs-10, .info .col-sm-10, .info .col-md-10, .info .col-lg-10, .info .col-xs-11, .info .col-sm-11, .info .col-md-11, .info .col-lg-11, .info .col-xs-12, .info .col-sm-12, .info .col-md-12, .info .col-lg-12 {
  padding: 0 10px;
}
*/








.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.row{
    margin: 0 -15px;
}

.container{
    width: 1280px;
    margin: 0 auto;
}
body{
    margin: 0;
}

*{
    margin: 0;
    padding: 0;
    outline:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Firefox */
    -moz-transition: all 0.4s ease;
    /* WebKit */
    -webkit-transition: all 0.4s ease;
    /* Opera */
    -o-transition: all 0.4s ease;
    /* Standard */
    transition: all 0.4s ease;
    font-family: 'Open Sans', sans-serif;
}
section,
footer,
header{
    float: left;
    width: 100%;
}

header{
  /*background: #E6E7EE;*/
  height: 80px;
  position: fixed;
  top: 0;
  z-index: 999;
  /*-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);*/
}
input,select,textarea{

    font-family: 'Open Sans', sans-serif;
}
header .branding{
  float: left;
  margin: 10px 25px;
  height: 40px;
}

header nav{
  float: right;
}
header nav ul{
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}
header nav > ul > li > a,
header nav > ul > li{
  float: left;
  width: 80px;
  height: 80px;
  position: relative;
  margin-right: 10px;
}
header nav > ul > li > a{
  background: rgba(255,255,255,0.5);
  margin-right: 0;

}
header nav > ul > li > a:hover{
  background: rgba(255,255,255,0.9);

}
header nav > ul > li > a > i{
  font-size: 22px !important;
  color: #333;
  line-height: 74px !important;
  text-align: center;
  float: left;
  width: 100%;
}
header nav > ul > li > a > span{
    background: #d90101;
    /* width: 20px; */
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: absolute;
    /* right: 15px; */
    top: 18px;
    font-size: 12px;
    border-radius: 100%;
    min-width: 20px;
    padding: 0px 5px;
    left: 45px;
    z-index: 9999;
} 
header nav .user{
  float: right;
  background: #9D7049;
  height: 80px;
  position: relative;
  cursor: pointer;
  width: 220px;
}
header nav .user figure{
  width: 50px;
  height: 50px;
  margin: 15px;
  border-radius: 100%;
  float: left;
  overflow: hidden;
}
header nav .user figure img{
  width: 100%;
  height: 100%;
}
header nav .user .info{
  /*float: right;
  width: calc(100% - 95px);*/
  margin: 15px 15px 15px 30px;
  position: relative;
}
header nav .user .info:after{
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 13px;
  font-size: 12px;
  color: #fff;
  top: 10px;

}


header nav .user .info strong{
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  float: left;
  width: 100%;
  margin-top: 6px;
}
header nav .user .info span{
  font-size: 12px;
  line-height: 18px;
  float: left;
  color: #fff;
  width: 100%;
}
header nav .user.off .sub{
  display: none;
}
header nav .user.on .sub{
  display: block;
}
header nav .user .sub{
  position: absolute;
  top: 100%;
  right: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
header nav .user .sub li{
  float: left;
  width: 100%;
  margin-bottom: 1px;
}
header nav .user .sub li a{
  float: left;
  width: 100%;
  color: #fff;
    /*background: rgba(65,65,65,0.9);*/
    background: #9D7049;
    line-height: 40px;
    text-align: left;
    padding: 0 20px;
}
header nav .user .sub li a:hover{
    /*background: rgba(65,65,65,1);*/
    background: #2A2C3E;
}
header nav .user .sub li a i{
  float: left;
  line-height: 40px;
  font-size: 18px;
  margin-right: 5px;
  width: 25px;
}
header nav .user .sub li a span{
  float: left;
  line-height: 40px;
  font-size: 12px;
  text-transform: uppercase;
}





aside{
  background: #2A2C3E;
  width: 260px;
  float: left;
  padding-top: 20px;
  position: absolute;
  top: 80px;
}

aside footer{
  float: left;
  bottom: 15px;
  width: 100%;
  font-size: 12px;
  color: #BA8B6C;
  line-height: 18px;
  text-align: left;
  padding:10px 15px;
  margin: 30px 0;
  border-top: 1px solid rgba(255,255,255,.2);
}
aside ul li a,
aside ul li,
aside ul{
  list-style: none;
  float: left;
  width: 100%;
}
aside ul li a{
  padding: 0 15px;
  float: left;
  height: 40px;
}
aside ul li a i{
  float: left;
  font-size: 20px !important;
  line-height: 40px !important;
  color: #fff;
  margin-right: 5px;
  width: 30px;
  text-align: center;
}
aside ul li a span{
  float: left;
  color: #fff;
  font-size: 12px;
  color: #fff;
  line-height: 40px;
}
aside ul li a i,
aside ul li a span{
  /*color: rgba(255,255,255,0.8);*/
  color: #BA8B6C;
}

aside ul li.sub.open > a,
aside ul li > a:hover{
  background: rgba(255,255,255,0.1);

}
aside ul li > a.active{
  background: rgba(255,255,255,0.2);
}
aside ul li a.active i,
aside ul li a.active span{
  color: #BA8B6C;
  font-weight: bold;
}

aside ul li{
  position: relative;
}
aside ul li.sub:after{
  content: "\f104";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  font-size: 12px;
  color: #E6E7EE;
  line-height: 40px;
}
aside ul li.sub ul{
  display: none;
  float: left;
  margin: 3px 0;
  background: rgba(255,255,255,.1);
}
aside ul li.sub ul li a{
  padding-left: 50px;
  font-size: 12px;
  color: #D0C6B1;
  line-height: 40px;

}

aside ul li.sub.open ul{
  display: block;
}
aside ul li.sub.open:after{
  content: "\f107";
}



.miolo{
  
}
.miolo-menu{
  width: calc(100% - 260px);
  padding: 80px 10px 30px;
  float: right;
}
.mt20{
  margin-top: 20px;
}
.mt10{
  margin-top: 10px;
}
.mt5{
  margin-top: 5px;
}

h3.title,
h2.title{
  /*color: #2A2C3E;
  font-weight: bold;
  font-size: 14px;
  padding: 0 20px;
  float: left;
  width: 100%;
  border-top: 3px solid #2A2C3E;
  background: #f0f0f0;
  height: 50px;
  line-height: 44px;*/

    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    padding: 0px 20px;
    float: left;
    width: 100%;
    border: 1px solid #2A2C3E;
    background: #078aa3;
    height: 30px;
    line-height: 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #2A2C3E;
}
.miolo .info{
  background: #f8f8f8;
  float: left;
  width: 100%;
  padding: 10px 10px 30px;
  height: 100%;
}
.miolo .info .color-box{
  float: left;
  width: 100%;
  background: #134c82;
  margin-top: 10px;
}
.miolo .info .color-box.last{
  background: #556574;
}
.miolo .info .color-box.green{
  background: #31a00f;
}
.miolo .info .color-box.yellow{
  background: #b4a311;
}








.miolo .info .color-box h3{
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  padding: 15px 20px 0;
  float: left;
  width: 100%;
}
.miolo .info .color-box h3 + strong{
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  float: left;
  width: 100%;
  color: #fff;
  padding: 0 20px 15px;
}
.miolo .info label span{
  float: left;
  width: 100%;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  margin-bottom: 5px;
}
.miolo .info label{
  position: relative;
}
.miolo .info label input,
.miolo .info label select{
  float: left;
  width: 100%;
  border:1px solid #ccc;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
.miolo .info label.date:after{
  position: absolute;
  content: "\f133";
  font-family: FontAwesome;
  font-size: 20px !important;
  color: #b5b5b5;
  right: 23px;
  bottom: 0;
  height: 40px;
  line-height: 40px;
} 
.miolo .info label.date input{
  padding-right: 40px;
}

.button{
  float: left;
  width: 100%;
  margin-top: 21px;
  background: #078aa3;
  text-align: center;
  color: #fff;
  height: 40px;
  border:2px solid #078aa3;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  border-radius: 10px;
  cursor: pointer;
}
.button:hover{
  background: transparent;
  color: #06758b;
}



.miolo .info .fileinput-button-foto{
  width: 100%;
  margin-top: 21px;
  background: #2A2C3E;
  text-align: center;
  color: #fff;
  height: 40px;
  border:2px solid #2A2C3E;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  border-radius: 10px;
  cursor: pointer;
}
.miolo .info .fileinput-button-foto:hover{
  background: transparent;
  color: #2A2C3E;
}



.miolo .info table{
  border-collapse: collapse;
  /*border:1px solid #fff;*/
  width: 100%;
}

/*esta destruindo a grid do dev*/
/*.miolo .info table th,
.miolo .info table td{ 
  border:1px solid #fff;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  padding: 8px 10px;
  text-align: left;
}*/

.miolo .info table.prod td{
  border-left: 0;
  border-right: 0;
}
.miolo .info table.prod td:first-child{
  width: 120px;
}
.miolo .info table.prod td:first-child img{
  max-width: 100px;
  float: left;
}
.miolo .info table.prod td h3{
  font-weight: bold;
  font-size: 14px;
  float: left;
  line-height: 18px;
  width: 100%;
}
.miolo .info table.prod td:last-child div,
.miolo .info table.prod td p{
  float: left;
  width: 100%;
  font-size: 12px;
  margin-top: 10px;
  line-height: 16px;
}
.miolo .info table.prod td:last-child div{
  padding-bottom: 10px;
}
.miolo .info table.prod td:last-child{
  vertical-align: bottom;
}
.miolo .info table.prod td:last-child p{
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 10px;
}

.miolo .info ul.prod{
  list-style: none;
  float: left;
  width: 100%;
}
.miolo .info ul.prod img{
  float: left;
  width: 100%;
}
.miolo .info ul.prod .info h3,
.miolo .info table.prod td h3{
  font-weight: bold;
  font-size: 14px;
  float: left;
  line-height: 18px;
  width: 100%;
}
.miolo .info ul.prod .info p,
.miolo .info table.prod td:last-child div,
.miolo .info table.prod td p{
  float: left;
  width: 100%;
  font-size: 12px;
  margin-top: 10px;
  line-height: 16px;
}


.miolo .info ul.prod .info a.btn,
.miolo .info table.prod a.btn{
  float: right;
  height: 30px;
  line-height: 28px;
  border-radius: 5px;
  background: #666;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 7px 0 6px;
  margin-left: 10px;
  border:1px solid #666;
}
.miolo .info ul.prod .info a.btn i,
.miolo .info table.prod a.btn i{
  font-size: 16px !important;
  float: left;
  line-height: 28px;
  margin-right: 5px;
}
.miolo .info ul.prod .info a.btn span,
.miolo .info table.prod a.btn span{
  float: left;
  color: #fff;
}
.miolo .info ul.prod .info a.btn:hover,
.miolo .info table.prod a.btn:hover{
  background: transparent !important;
}


.miolo .info ul.prod .info a.btn,
.miolo .info table.prod a.btn{
  background: #666
}
.miolo .info ul.prod .info a.btn:hover span,
.miolo .info table.prod a.btn:hover span{
  color: #666;
}
.miolo .info ul.prod .info a.btn:hover i:before,
.miolo .info table.prod a.btn:hover i:before{
  color: #666;
}
.miolo .info ul.prod .info a.btn i:before,
.miolo .info table.prod a.btn i:before{
  color: #fff;
}

.miolo .info ul.prod .info a.btn.green,
.miolo .info table.prod a.btn.green{
  background: #04bd00;
  border-color: #04bd00;
}
.miolo .info ul.prod .info a.btn.green:hover span,
.miolo .info table.prod a.btn.green:hover span{
  color: #04bd00;
}
.miolo .info ul.prod .info a.btn.green:hover i:before,
.miolo .info table.prod a.btn.green:hover i:before{
  color: #04bd00;
}

.miolo .info ul.prod .info a.btn.red,
.miolo .info table.prod a.btn.red{
  background: #bd0000;
  border-color: #bd0000;
}
.miolo .info ul.prod .info a.btn.red{
  float: left;
  margin: 0;
}
.miolo .info ul.prod .info a.btn.green{
  float: right;
  margin: 0;
}
.miolo .info ul.prod .info a.btn.red:hover span,
.miolo .info table.prod a.btn.red:hover span{
  color: #bd0000;
}
.miolo .info ul.prod .info a.btn.red:hover i:before,
.miolo .info table.prod a.btn.red:hover i:before{
  color: #bd0000;
}
.miolo .info ul.prod .info{
  padding: 0;
  margin-top: 10px;
}
.miolo .info ul.prod .info > div{
  float: left;
  width: 100%;
  margin-top: 10px;
}
.miolo .info ul.prod figure{
  float: left;
  width: 100%;
  /*padding-top: 100%;*/
  padding-top: 80%;
  position: relative;
  overflow: hidden;
}
.miolo .info ul.prod figure img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}
.miolo .info ul.prod h3,
.miolo .info ul.prod .info p{
 text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
overflow: hidden;
}
.miolo .info ul.prod h3{
  margin-bottom: 5px;
}

.miolo .info ul.prod li.n1 figure:after{
  content: "\f2cb";
  font-family: FontAwesome;
}

.miolo .info ul.prod li.n2 figure:after{
  content: "\f2ca";
  font-family: FontAwesome;
}

.miolo .info ul.prod li.n3 figure:after{
    content: "\f2c9";
  font-family: FontAwesome;
}

.miolo .info ul.prod li.n4 figure:after{
    content: "\f2c8";
  font-family: FontAwesome;
}

.miolo .info ul.prod li.n5 figure:after{
    content: "\f2c7";
  font-family: FontAwesome;
}

.miolo .info ul.prod li figure:after{
  position: absolute;
  left: 0;
  background: rgba(0,0,0,0.8);
  color: #fff;
  font-size: 22px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;

    z-index: 9;
    bottom: 0;
}
.miolo .info ul.prod li .info{
  height: 145px;
}
.miolo .info ul.prod li{
  /*margin:15px 0px 15px 30px;*/
  margin: 0px -15px 0px -15px;
}


.miolo .info table .vlr{
  text-align: right;
  width: 150px;
}
.miolo .info table .rt{
  text-align: right;
}
.miolo .info table .edit{
  width: 60px;
  text-align: center;
}
.miolo .info table .edit a i{
  font-size: 16px;

}
.miolo .info table thead th{
  background: #f0f0f0;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}
.miolo .info table thead tr:nth-child(2) th{
  padding: 5px;
}
.miolo .info table thead th input{
  float: left;
  width: 100%;
  height: 30px;
  background: rgba(255,255,255,0.6);
  border:1px solid rgba(0,0,0,0.1);
  line-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
.miolo .info table thead th input:focus{
  background: rgba(255,255,255,1);

}
/*table zebrada*/
/*.miolo .info table tr:nth-child(even) td{ 
  background: #f0f0f0;
}*/
.miolo .info .responsive-table{
  float: left;
  width: 100%;
  margin-top: 25px;
}
.miolo .info .responsive-table:first-child{
  margin-top: 15px;
}
.miolo .full{
  float: left;
  width: 100%;
}
.miolo .tab-info > .full{
  display: none;
}
.miolo .tab-info > .full.active{
  display: block;
}
.miolo .full.title-h1{
  background: #f0f0f0;
  margin: 0 -10px;
  width: calc(100% + 20px);
      border-bottom: 2px solid #ddd;
}

.miolo .full.title-h1 h2,
.miolo .full.title-h1 h1{
   
    color: #134c82;
    font-weight: bold;
    font-size: 18px;
    padding: 20px 30px;
    float: left;
    width: 100%;
}
.miolo ul.tabs{
  list-style: none;
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  padding: 0;
}
.miolo ul.tabs li{
  float: left;
  margin-right: 2px;
}
.miolo ul.tabs li a{
  float: left;
  height: 40px;
  padding: 0 20px;
  border-radius: 10px 10px 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  background: #f0f0f0;
  color: #666;
}
.miolo ul.tabs li a:hover{
  background: rgba(0,0,0,0.1);
}
.miolo ul.tabs li a.active{
  background: #2A2C3E;
  color: #fff;
}

.full-area-bg{
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url('images/background.jpg') no-repeat center center;
  background-size: cover;
  position: relative;

}
.full-area-bg .middle{
  width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  background: #034450;
  padding: 40px 50px 40px;
}
.full-area-bg .middle.cadastro{
  width: 600px;
}
.full-area-bg .middle header{
  position: static;
  background: transparent;
  box-shadow: none;
  height: auto;
}
.full-area-bg .middle header .branding{
  float: left;
  width: 100%;
  text-align: center;

    padding: 0;
    margin: 0;
}
.full-area-bg .middle form + p,
.full-area-bg .middle header h1{
  float: left;
  width: 100%;
  text-align: center;
  margin:20px 0 0 0;
  padding: 0;
  line-height: 22px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}
.full-area-bg .middle form + p{
  font-size: 14px;
  margin: 0;
}
.full-area-bg .middle form{
  float: left;
  width: 100%;
  margin-top: 30px;
  padding-bottom: 20px;
  /*border-bottom: 1px solid #fff;*/
  margin-bottom: 10px;
}
.full-area-bg .middle form label.check,
.full-area-bg .middle form label.half{
  width: calc(50% - 10px);
}
.full-area-bg .middle form label.half + label.half{
  float: right;
}
.full-area-bg .middle form label input,
.full-area-bg .middle form label{
  float: left;
  width: 100%;
  position: relative;
}
.full-area-bg .middle form label.login:after{
      position: absolute;
    content: "\f007";
    font-family: FontAwesome;
    font-size: 20px !important;
    color: #3f3f3f;
    right: 23px;
    bottom: 0;
    height: 40px;
    opacity: 0.6;
    line-height: 40px;
}
.full-area-bg .middle form label.pass:after{
      position: absolute;
    content: "\f023";
    font-family: FontAwesome;
    font-size: 20px !important;
    color: #3f3f3f;
    right: 23px;
    bottom: 0;
    height: 40px;
    opacity: 0.6;

    line-height: 40px;
}

.full-area-bg .middle form label.mail:after{
      position: absolute;
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 20px !important;
    color: #3f3f3f;
    right: 23px;
    bottom: 0;
    height: 40px;
    opacity: 0.6;

    line-height: 40px;
}


.full-area-bg .middle form label input{
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.9);
}
.full-area-bg .middle form label{
  margin-bottom: 20px;
}
.full-area-bg .middle form label.check,
.full-area-bg .middle form a{
  float: left;
  color: #fff;
  line-height: 40px;
  font-size: 14px;
}
.full-area-bg .middle a.btn,
.full-area-bg .middle form button{
  /*float: right;*/
  padding: 0 25px;
  height: 40px;
  line-height: 36px;
  background: #fff;
  border:2px solid #fff;
  color: #034450;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 10px;
}
.full-area-bg .middle a.btn:hover,
.full-area-bg .middle form button:hover{
  background: transparent;
  color: #fff;
}
.full-area-bg .middle{
  text-align: center;
}
.full-area-bg .middle a.btn{
  float: none;
  display: inline-block;
  margin-top: 15px;
}
.full-area-bg .middle form label.check{
  margin: 0;
}
.full-area-bg .middle form label.check input{
  float: left;
  width: auto;
}
.full-area-bg .middle form label.check span{
  float: left;
  margin-left: 5px;
  text-align: left;
}
.full-area-bg .middle form label.check{
  width: calc(100% - 150px);
}

/*Grid do DevExpress*/
.dxgvControl, .dxeTextBoxSys, .dxeTextBox  {
    border: 1px solid white !important;
}

.dxgvTable {
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
    border-left: 1px solid white !important;    
}

.dxgvHeader td {
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.dxgvHeader {
    cursor: pointer;
    white-space: nowrap;
    padding: 8px 10px !important;
    border-bottom: 1px solid white !important;
    border-right: 1px solid white !important;
    background-color: #f0f0f0 !important;
    overflow: hidden;
    font-weight: normal;
    text-align: left;        
}

.dxgvFilterRow {
    background-color: #f0f0f0 !important;
}

.dxgvFilterRow td.dxgv {
    border-bottom: 1px solid white !important;
    border-right: 1px solid white !important;
}

.dxgvDataRow td.dxgv {
    border-bottom: 1px solid white !important;
    border-right: 1px solid white !important;
    
    color: #666 !important;
    padding: 10px !important;
}

.dxpLite {
    color: #666 !important;
}

.dxgvFocusedRow td.dxgv {
    background-color: rgb(200,200,200) !important;
    padding: 10px !important;
    color: #666 !important;
}

.dxgvLoadingPanel {
    width: 120px !important;
    margin: auto !important;
    position: inherit !important
}

.dxgvDataRow td.line-grid {
    border-bottom: 1px solid #CFCFCF !important;
}
/*------------*/

/* ----- Botoes na grid ---------*/
.novo-grid-button{
    background-image: url('Images/Novo.png'); 
}

.editar-grid-button{
    background-image: url('Images/Editar.png'); 
}

.delete-grid-button{
    background-image: url('Images/Excluir.png');     
}

.salvar-grid-button{
    background-image: url('Images/Salvar.png');     
}

.reprovar-grid-button, .reprovar-grid-button2{
    background-image: url('Images/Falha.png');
}

.estonar-grid-button{
    background-image: url('Images/refund.png');
}

.historico-grid-button {
    background-image: url('Images/Historico.png');
}

.alert-grid-button{
    background-image: url('Images/alert.png');   
}

.prox-grid-button {
    background-image: url('Images/SetaDireita.png'); 
}

.estornar-grid-button {
    background-image: url('Images/roolback.png');     
}

.liberar-agd-grid-button {
    background-image: url('Images/liberar_agd.png');     
}

.bloqueado-grid-button {
    background-image: url('Images/bloqueado.png');
}

.desbloqueado-grid-button {
    background-image: url('Images/desbloqueado.png');
}

.transferencia-grid-button {
    background-image: url('Images/transferencia.png');
}

.imprimir-grid-button {
    background-image: url('Images/Printer.png');
}

.encaixe-grid-button {
    background-image: url('Images/encaixe_48.png');
}

.aprovar-grid-button {
    background-image: url('Images/Aprovar.png'); 
}

.reprovar-grid-button {
    background-image: url('Images/Reprovar.png'); 
}

.canc-grid-button {
    background-image: url('Images/Delete.png'); 
}

.play-grid-button {
    background-image: url('Images/play.png');
}

.arquivo-grid-button {
    background-image: url('Images/Pasta.png');
}

.refresh-grid-button {
    background-image: url('Images/Refresh.png');
}

.agendar-grid-button {
    background-image: url('Images/agenda.png');
}

.calendar-atual-grid-button {
    background-image: url('Images/calendar_atual.png');
}

.money-grid-button {
    background-image: url('Images/money.png');
}

.atender-grid-button {
    background-image: url('Images/atendendo.png');
}

.chamar-grid-button{
    background-image: url('Images/chamar_48.png');
}

.cancelar-grid-button{
    background-image: url('Images/delete.png');
}

.aguardando-grid-button{
    background-image: url('Images/aguardando_48.png');
}

.atendendo-grid-button{
    background-image: url('Images/atendendo.png');
}

.atendido-grid-button{
    background-image: url('Images/atendido_48.png');
}

.atraso-grid-button{
    background-image: url('Images/alert.png'); 
}

.correr-grid-button{
    background-image: url('Images/run.png');
}

.cancelado-grid-button{
    background-image: url('Images/falha.png'); 
}

.xml-grid-button {
    background-image: url('Images/xml.png');
}

.ok-grid-button {
    background-image: url('Images/Salvar.png');
}

.play-grid-button {
    background-image: url('Images/play.png');
}

.download-grid-button {
    background-image: url('Images/file_download.png');
}

.upload-grid-button {
    background-image: url('Images/file_upload.png');
}

.notes-grid-button {
    background-image: url('Images/Notes.png');
}

.filtro-grid-button {
    background-image: url('Images/filtro.png');
}

.novo-grid-button, .editar-grid-button, .delete-grid-button, .salvar-grid-button, .estonar-grid-button, .historico-grid-button, .chamar-grid-button, .correr-grid-button, .cancelado-grid-button,
.cancelar-grid-button, .aguardando-grid-button, .atendendo-grid-button, .atendido-grid-button, .atraso-grid-button, .estornar-grid-button, .liberar-agd-grid-button, .bloqueado-grid-button, 
.desbloqueado-grid-button, .transferencia-grid-button, .imprimir-grid-button, .encaixe-grid-button, .aprovar-grid-button, .reprovar-grid-button, .canc-grid-button, .play-grid-button, 
.arquivo-grid-button, .refresh-grid-button, .agendar-grid-button, .alert-grid-button, .prox-grid-button, .calendar-atual-grid-button, .money-grid-button, 
.atender-grid-button, .xml-grid-button, .ok-grid-button, .play-grid-button, .download-grid-button, .upload-grid-button,
.notes-grid-button, .filtro-grid-button {
    background-color: transparent;    
    background-repeat: no-repeat;  
    background-position: left center;
    /*background-size: 18px;
    width: 20px;
    height: 18px;*/
    text-align: left;
    margin: -4px auto;
    text-decoration: none;
    cursor:pointer;
}

.btn-grd-sm {
    background-size: 18px;
    width: 20px;
    height: 18px;
}

.btn-grd-md {
    background-size: 30px;
    width: 30px;
    height: 30px;
}
  

/*.upload-item-grid-button {
    background-image: url('Images/file_upload.png'); 
}

.upload-item-grid-button {
    background-color: transparent;
    background-size: 18px;
    background-repeat: no-repeat;  
    background-position: left center;
    text-align: left;
    width: 20px;
    height: 20px;
    margin: -4px auto;
    font-size:5pt;
    text-decoration: none;
    cursor:pointer;
    display: none;
}*/

.fileinput-button-grd {
  width:20px; 
  height:18px; 
  opacity:0;
  cursor:pointer;
}



.txt-pesq {
    width: 15% !important;
    margin-right: 10px !important;
}

.txt-desc-pesq {
    background: #f0f0f0;
    width: 70% !important;
    margin-right: 10px;
}

.cmb-btn-pesq {
    width: 70% !important;
    margin-right: 10px;
}

.txt-readonly {
    background: #f0f0f0;
}

.span-label {
    font-weight:bold;
}

/*** Botões comando ***/
.div-comandos {
    margin-left: 15px;
}

.btn-novo {
    background-image: url('Images/Novo.png');
}

.btn-salvar {
    background-image: url('Images/Salvar.png');
}

.btn-voltar {
    background-image: url('Images/Retorno.png');   
}

.btn-gerardisp {
    background-image: url('Images/GerarDisp.png'); 
}

.btn-manutencao {
    background-image: url('Images/tool.png'); 
}

.btn-copiar {
    background-image: url('Images/copiar.png');
}

.btn-desbloquear {
    background-image: url('Images/desbloqueado.png');
}

.btn-imprimir {
    background-image: url('Images/Printer.png');
}

.btn-finalizar {
    background-image: url('Images/finalizar_64.png');    
}

.btn-atender {
    background-image: url('Images/atendendo.png');
}

.btn-calcular {
    background-image: url('Images/Calcular.png');
}

.btn-cancelar {
    background-image: url('Images/delete.png');
}

.btn-xml {
    background-image: url('Images/xml.png');
}

.btn-pesquisa {
    background-image: url('Images/filtro.png');
}

.btn-upload {
    background-image: url('Images/upload.png');
}

.btn-medical-kit {
    background-image: url('Images/medical-kit.png');
}

.btn-calendar-atual {
    background-image: url('Images/calendar_atual.png');
}

.btn-money {
    background-image: url('Images/money.png');
}

.btn-email {
    background-image: url('Images/email.png');
}

.btn-novo, .btn-salvar, .btn-voltar, .btn-gerardisp, .btn-manutencao, .btn-copiar, .btn-desbloquear, .btn-imprimir, .btn-finalizar, .btn-atender,
.btn-calcular, .btn-cancelar, .btn-xml, .btn-pesquisa, .btn-upload, .btn-medical-kit, .btn-calendar-atual, .btn-money, .btn-email {
    background-repeat: no-repeat;
    background-size: 40px;
    background-position-x: center;
    width: auto;
    height: 60px;
    cursor: pointer;
    vertical-align: bottom;
    color: #3a38e8;
    text-align: center;
    padding: 45px 10px 0px 10px;
    margin: 10px 5px;
    float: left;
    /*background-repeat: no-repeat;
    background-size: 35px;
    background-position-x: center;
    width: auto;
    height: 55px;
    cursor: pointer;
    display: table-cell;
    vertical-align: bottom;
    color: #3a38e8;
    text-align: center;*/
}

.btn-pesq {
    background-color: Transparent;
    background-image: url('Images/filtro.png');
    background-repeat: no-repeat;
    background-size: 35px;
    width:35px;
    height:35px;
    cursor:pointer;     
    float:left;
    border: none;
    margin-top: 25px;
}

/*.btn-voltar, .btn-confirmar, .btn-imprimir
{
    
    height:40px;

    background-repeat: no-repeat;
    background-size: 42px;
    background-position-x:center;
    width:auto;
    
    cursor:pointer;
    display:table-cell;
    vertical-align:bottom;
    
    min-width:42px;
    text-align:center;
    
    float: right;
    margin: 15px 20px 0px 0px;
}*/

/*Pequenos*/
.btn-pesq-pequeno {
    background-image: url('Images/filtro.png');
}

.btn-novo-pequeno {
    background-image: url('Images/Novo.png');
}

.btn-delete-pequeno {
    background-image: url('Images/Excluir.png');
}

.btn-edit-pequeno {
    background-image: url('Images/Editar.png');
}

.btn-salvar-pequeno {
    background-image: url('Images/Salvar.png');
}

.btn-hist-pequeno {
    background-image: url('Images/Historico.png');
}

.btn-obs-pequeno {
    background-image: url('Images/obs_48.png');
}

.btn-refresh-pequeno {
    background-image: url('Images/Refresh.png');
}

.btn-cheque-pequeno{
    background-image: url('Images/cheque.png'); 
}

.btn-pesq-pequeno, .btn-novo-pequeno, .btn-delete-pequeno, .btn-edit-pequeno, .btn-salvar-pequeno, .btn-hist-pequeno,
.btn-obs-pequeno, .btn-refresh-pequeno, .btn-cheque-pequeno {
    background-color: Transparent;
    background-repeat: no-repeat;
    background-size: 30px;
    border: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}
/*-----------*/


/*Pequeno com label*/
.btn-novo-pq-lbl {
    background-image: url('Images/Novo.png');
}

.btn-pesq-pq-lbl {
    background-image: url('Images/filtro.png');
}

.btn-novo-pq-lbl, .btn-pesq-pq-lbl {
    background-color: Transparent;
    background-repeat: no-repeat;
    background-size: 30px;
    border: none;
    width: 70px;
    height: 70px;
    cursor: pointer;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    background-position-x: center;
}

.label-btn-pequeno {
    position: relative;
    top: 15px;
}
/*-----------*/

.btn-grid-camera {
    background: url(Images/camera.png) no-repeat;
    border: 1px solid #9F9F9F;
    width: 85px;
    height: 85px;
    background-size: 40px;
    background-position-x: 22px;
    background-position-y: 20px;
    cursor: pointer;
    border-radius: 90px;
}

.btn-camera {
    background: url(Images/camera.png) no-repeat;
    border: 1px solid #9F9F9F;
    width: 130px;
    height: 130px;
    background-size: 65px;
    background-position-x: 33px;
    background-position-y: 30px;
    cursor: pointer;
}

/*******************************/

/*** Calendário agendamento ***/
.dia-livre a{    
    color: blue !important;
    background-color:#E0FFBB !important;
    font-weight:bold;
}

/*.dia-livre a:active{    
    color: white !important;
    background-color:#5ea904 !important;
    font-weight:bold;
}*/

.dia-cheio a{    
    color: White !important;
    background-color:#f7b10b !important;
    font-weight:bold;
}

.dia-bloqueado a{    
    color: White !important;
    background-color:#999 !important;
    font-weight:bold;
}

.dia-feriado a{    
    color: White !important;
    background-color:#f56f6f !important;
    font-weight:bold;
}

.data-calendar {
    color: #2A2C3E;
    font-weight:bold;
    font-size:15px;
}
/*******************************/


.div-checkbox {
    display: flex;
}

.div-checkbox span {
    margin: 12px 10px;
}

.erro-campos {
    color: red !important;
    font-weight: bold;
    font-size: 15px !important;
    margin-top: 5px;
}





/**** Tooltip ****/
/*div que contem o tooltip*/
.tooltip {
    position: relative;
    display: inline-block;
    background-color: #2A2C3E;
    border: 1px solid;
    padding: 0px 5px 0px 5px;
    color: #f4f4f4;
    border-radius: 10px;   
    font-weight: bold;
    cursor:pointer;
}

/*corpo do tooltip*/
.tooltiptext-right, .tooltiptext-left, .tooltiptext-top, .tooltiptext-bottom {
    /*visibility: hidden;*/
    /*width: 150px;*/
    max-width: 200px;
    color: #666666;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid #666666; /*#CFCFCF*/
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;            
    /*opacity: 0;
    transition: opacity 1s;*/
}

/*seta à esquerda*/
.tooltiptext-right:before, .tooltiptext-right:after {
    right: 100%;
       top: 50%;
       border: solid transparent;
       content: " ";
       position: absolute;
}
/*tamanho da seta*/
.tooltiptext-right:before {
    border-right-color: #666666;
       border-width: 12px;
       margin-top: -12px;
}

.tooltiptext-right:after {
    border-right-color: #FFFFFF;
       border-width: 11px;
       margin-top: -11px;
}
/*------*/

/*seta à direita*/
.tooltiptext-left:before, .tooltiptext-left:after {
    left: 100%;
       top: 50%;
    border: solid transparent;
       content: " ";
       position: absolute;
}
/*tamanho da seta*/
.tooltiptext-left:before {
    border-left-color: #666666;
       border-width: 12px;
       margin-top: -12px;
}

.tooltiptext-left:after {
    border-left-color: #FFFFFF;
       border-width: 11px;
       margin-top: -11px;
}
/*------*/

/*seta para baixo*/
.tooltiptext-top:before, .tooltiptext-top:after {
    top: 100%;
       left: 50%;
       border: solid transparent;
       content: " ";
       position: absolute;
}
/*tamanho da seta*/
.tooltiptext-top:before {
    border-top-color: #666666;
       border-width: 12px;
       margin-left: -12px;
}

.tooltiptext-top:after {    
       border-top-color: #FFFFFF;
       border-width: 11px;
       margin-left: -11px;
}
/*------*/

/*seta para cima*/
.tooltiptext-bottom:before, .tooltiptext-bottom:after {
    bottom: 100%;
       left: 50%;
       border: solid transparent;
       content: " "; 
       position: absolute;
}
/*tamanho da seta*/
.tooltiptext-bottom:before {
    border-bottom-color: #666666;
       border-width: 12px;
       margin-left: -12px;
}

.tooltiptext-bottom:after {
    border-bottom-color: #FFFFFF;
       border-width: 11px;
       margin-left: -11px;
}
/*------*/
/*------------------*/


.dxdvFlowItem, .dxdvItem{
  float: left !important;
  /*width: calc(16.66666666667% - 25px) !important;*/
}
.dxdvFlowItem, .dxdvItem:nth-child(6n+1){
  margin-left: 0;
}

/***** Botão retrátil *****/
.btn-retratil{
    float: left;
    width: 100%;
    margin-top: 21px;
    background: #2A2C3E;
    text-align: center;
    color: #fff;
    height: 40px;
    border: 2px solid #2A2C3E;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

/*.btn-retratil:hover{
  background: transparent;
  color: #2A2C3E;
}*/


.btn-retratil  ul{
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

.btn-retratil  > ul > li > a > i{
  font-size: 22px !important;
  color: #333;
  line-height: 74px !important;
  text-align: center;
  float: left;
  width: 100%;
}
/*.btn-retratil  > ul > li > a > span{
    background: #d90101;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 18px;
    font-size: 12px;
    border-radius: 100%;
    min-width: 20px;
    padding: 0px 5px;
    left: 45px;
    z-index: 9999;
}*/ 
.btn-retratil .btn-ret{
  float: left;
  /*background: #2A2C3E;*/
  height: 40px;
  position: relative;
  cursor: pointer;
  width: 100%;
  z-index: 9999;
}

.btn-retratil .btn-ret.off .sub{
  display: none;
}
.btn-retratil .btn-ret.on .sub{
  display: block;
}
.btn-retratil .btn-ret .sub{
    position: absolute;
    width: 100%;
}
/*.btn-retratil .btn-ret .sub li{
  float: left;
  width: 100%;
  margin-bottom: 1px;
}*/
.btn-retratil .btn-ret .sub li a{
    float: left;
    width: 100%;
    color: #fff;
    background: #2A2C3E;
    line-height: 40px;
    text-align: left;
    padding: 0 15px;
}
.btn-retratil .btn-ret .sub li a:hover{
    background: rgba(83,85,100,1);
    /*background: #2A2C3E;*/
}
/*.btn-retratil .btn-ret .sub li a i{
  float: left;
  line-height: 40px;
  font-size: 18px;
  margin-right: 5px;
  width: 25px;
}*/
.btn-retratil .btn-ret .sub li a span{
  float: left;
  line-height: 40px;
  font-size: 12px;
  text-transform: uppercase;
}
/*-----------------------------------------------*/


/***** Filtro retrátil *****/
.filtro-retratil{
    float: left;
    width: 100%;
    background: #2A2C3E;
    color: #fff;
    height: 40px;
    border: 2px solid #2A2C3E;
    /*line-height: 36px;*/
    font-weight: bold;
    font-size: 16px;
    border-radius: 10px;
    float: left;
    height: 40px;
    position: relative;
    width: 100%;
    z-index: 9999;
    cursor: pointer;
}

.filtro-retratil .sub{
    position: absolute;
    width: 100%;
    background-color: #E6E7EE;
    padding: 15px 0;
    margin-top: 4px;
    border: 1px #2A2C3E solid;
    border-radius: 10px;
}

.filtro-titulo {
    margin: 6px 15px;
}

/*.filtro-retratil:hover{
  background: transparent;
  color: #2A2C3E;
}*/

.filtro-retratil .sub.off{
  display: none;
}
.filtro-retratil .sub.on{
  display: block;
}
/*-----------------------------------------------*/

.interrogacao {
    border-radius: 15px;
    padding: 0px 6px;
    font-weight: bold;
    background-color: #2A2C3E;
    color: white !important;
    width: auto !important;
    cursor: pointer;
}



.div-legend-map {
    position: absolute; 
    margin: 5px; 
    z-index: 90;
}

/*** Header ***/
.div-cmd-top {
    position: absolute;
    /*width:60px;*/ 
    right: 5px; 
    top: 5px;
    z-index: 90;
}

.div-cmd-top button {
    margin-left: -5px;
}

.li-nome-user {
    float: left;
    width: 100%;
    color: #fff;
    background: #078aa3;
    line-height: 40px;
    text-align: left;
    padding: 0 20px;
}

.op-user-header {
    /*float: right;
    background: #9D7049;
    height: 55px;
    position: relative;
    cursor: pointer;
    width: 220px;*/
    z-index: 90;
    position: absolute;
    right: 0px;
    width: 200px;
}

.opt li a {
    float: left;
    width: 100%;
    color: #827d7d;
    /* background: rgba(65,65,65,0.9); */
    background: #fff;
    line-height: 40px;
    text-align: left;
    padding: 0 20px;
    cursor:pointer;
}

.opt li a:hover {
    background: #dcdcdc;
}

.opt.off .sub{
  display: none;
}
.opt.on .sub{
  display: block;
}
/************/

.div-scale-map {
    background-color: white;
    position: absolute;
    right: 5px; 
    bottom: 10px;
}

.div-comandos-map {
    position: absolute;
    width:60px; 
    right: 5px; 
    bottom: 50px;
}

.btn-cmd-map {
    background-color: #078aa3;
}

.btn-cmd-map-acionado {
    background-color: #034450;
}

.btn-cmd-map, .btn-cmd-map-acionado {
    width: 60px;
    height: 50px;
    border: 1px solid #06758b;
    cursor: pointer;
}

.btn-cmd-map:hover {
    background-color: #034450;
}

.icon-btn-grd {
    font-size: 30px;
    color: white;
}

.div-list-box {
    width: 100%;
    height: 130px;
    overflow: scroll;
    border-left: 1px solid #2A2C3E;
    border-bottom: 1px solid #2A2C3E;
    border-right: 1px solid #2A2C3E;
    margin-top: -5px;
}

.div-list-box-prop-layer {
    width: 100%;
    height: 260px;
    overflow: scroll;
    border-left: 1px solid #2A2C3E;
    border-bottom: 1px solid #2A2C3E;
    border-right: 1px solid #2A2C3E;
    margin-top: -5px;
}

.div-list-box-prop-layer tr:nth-child(even) td{ 
  background: #f0f0f0;
}

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

.linha-lista {
    width:100%;
    cursor:pointer;
}

.linha-lista:hover {
    background-color: #dcdcdc !important;
}

#Legend {
    background-color: transparent !important;
    background-color: #fff !important;
    border-radius: 10px;
}
#Legend_IMG {
    border: 2px solid #06758b !important;
    border-radius: 10px;
    padding-top: 10px;
    font-size: 20px !important;
    color: red !important;
}

/*.btn-zoom {
    background-image: url('Images/zoom.png');
}

.btn-zoom-in {
    background-image: url('Images/zoom-in.png');
}

.btn-zoom-out {
    background-image: url('Images/zoom-out.png');
}*/

/*--------- @media --------*/
@media (max-width: 1790px){
    .dxdvFlowItem, .dxdvItem{
      float: left !important;
      width: calc(20% - 24px) !important;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(6n+1){
      margin-left: 30px;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(5n+1){
      margin-left: 0px;
    }
}

@media (max-width: 1630px){
    .dxdvFlowItem, .dxdvItem{
      float: left !important;
      width: calc(25% - 22.5px) !important;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(5n+1){
      margin-left: 30px;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(4n+1){
      margin-left: 0px;
    }
}

@media (max-width: 1350px){
    .dxdvFlowItem, .dxdvItem {
      width: calc(33.3333333333% - 20px) !important;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(4n+1) {
        margin-left: 30px;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(3n+1) {
        margin-left: 0px;
    }
    .miolo .info ul.prod figure{
        float: left;
        width: 100%;
        padding-top: 70%;
        position: relative;
        overflow: hidden;
    }
}

/*@media (max-width: 1280px){
    .dxdvFlowItem, .dxdvItem {
      width: calc(33.3333333333% - 20px) !important;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(4n+1) {
        margin-left: 30px;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(3n+1) {
        margin-left: 0px;
    }
    .miolo .info ul.prod figure{
        float: left;
        width: 100%;
        padding-top: 70%;
        position: relative;
        overflow: hidden;
    }
}*/

@media (max-width: 1120px){
    .dxdvFlowItem, .dxdvItem {
      width: calc(50% - 20px) !important;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(4n+1) {
        margin-left: 30px;
    }
    .dxdvFlowItem, .dxdvItem:nth-child(3n+1) {
        margin-left: 0px;
    }

    .miolo .info button, .btn-retratil span{
      font-size: 12px;
    }

    .filtro-titulo{
      font-size: 12px;
      margin: 9px 15px;
    }

    .responsive-table{
      width: 100%;
      overflow-x:auto;
    }
    .responsive-table table{
      width: auto !important;
      min-width: 100%;
    }

    .miolo .info ul.prod figure{
      float: left;
      width: 100%;
      padding-top: 60%;
      position: relative;
      overflow: hidden;
    }
}

@media (max-width: 991px){
    .miolo .info label.date{
        margin-top: 10px;
    }
    aside{
        width: 200px;
    }
    .miolo {
        width: calc(100% - 200px);
    }
    .miolo ul.tabs li a, .miolo ul.tabs li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 2px;
    }

    .miolo ul.tabs li a{
        border-radius: 10px;
    }
    .miolo .info table.prod{
        min-width: 700px;
    }
    .miolo .info ul.prod figure{
        float: left;
        width: 100%;
        padding-top: 55%;
        position: relative;
        overflow: hidden;
    }
}

@media (max-width: 767px){
    .mobm10{
      margin-top: 10px;
    }

    .dxdvFlowItem, .dxdvItem {
      width: 95% !important;
      margin-left: 20px !important;
      margin-right: 0 !important;
    }

    .miolo .info ul.prod figure{
      float: left;
      width: 100%;
      padding-top: 60%;
      position: relative;
      overflow: hidden;
    }
}

@media (max-width: 680px){
    .full-area-bg .middle.cadastro {
        width: 400px;
    }
    .full-area-bg .middle form label.check, .full-area-bg .middle form label.half{
      width: 100%;
    }
    .full-area-bg .middle header h1{
      margin-top: 30px;
      font-size: 14px;
    }
    header nav > ul > li > a, header nav > ul > li{
      width: 50px;
      height: 45px;
    }

    header nav > ul > li > a > span{
      left: 32px;
      top: 3px; 
    }
    header{
      height: 45px;
    }
    header .branding img {
        height: 25px;
    }
    header .branding {
        margin: 10px 10px;
        height: 25px;
    }
    header nav > ul > li > a > i{
      line-height: 45px !important;
    }
    header nav .user{
      height: 45px;
      width: 55px;
    }
    header nav .user figure {
        width: 25px;
        height: 25px;
        margin: 10px;
        }
    header nav .user .info{
      display: none;
    }

    header nav .user figure:after {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        right:7px;
        font-size: 12px;
        color: #fff;
        top: 15px;
    }
    header nav .user .sub li a span{
      display: none;
    }
    header nav .user .sub li a i{
      width: 100%;
      margin:0;
      text-align: center;
    }
    aside{
      top: 45px;
    }
    .miolo{
      padding-top: 45px;
    }
}

@media (max-height: 600px){
  .full-area-bg{
    height: auto;
    min-height: 100vh;
  }
  .full-area-bg .middle{
    float: left;
    margin: 25px calc(50% - 200px);
    top: auto;
    left: auto;
    position: relative;
    transform: translate(0, 0);
  }
  .full-area-bg .middle.cadastro {
    margin: 25px calc(50% - 300px);
  }

  @media (max-width: 650px){

    .full-area-bg .middle.cadastro {
      margin: 25px calc(50% - 200px);
    }
  }
  @media (max-width: 450px){
    .full-area-bg .middle,
    .full-area-bg .middle.cadastro{

      margin: 25px calc(50% - 150px);
    }
  }

}

.menu-mobile{
  display: none;
}

@media (max-width: 650px) {
    .dxdvFlowItem, .dxdvItem {
        width: calc(100% - 20px) !important;
        margin-left: 20px !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 550px) {
    aside {
        width: 100%;
        position: relative;
        height: auto !important;
        min-height: 0 !important;
    }

    .miolo {
        width: 100%;
        position: relative;
    }

    .menu-mobile {
        display: block;
        float: right;
        background: transparent;
        border: 0;
        font-size: 22px;
        color: #2A2C3E;
        margin: 0 10px 0 0;
        line-height: 45px;
        background: rgba(255,255,255,0.5);
        width: 50px;
        text-align: center;
    }

    .menu-closed .menu-mobile i:before {
        color: #2A2C3E;
    }

    .menu-closed aside {
        display: none;
    }

    .menu-open aside {
        display: block;
    }

    .menu-open .menu-mobile {
        background: #2A2C3E;
        color: #fff;
    }

    .menu-open .menu-mobile i:before {
        color: #fff;
    }
}

@media (max-width: 450px) {
    aside {
        width: 100%;
        position: relative;
        height: auto !important;
        min-height: 0 !important;
    }
    .full-area-bg .middle,
    .full-area-bg .middle.cadastro {
        width: 300px;
        padding: 30px 20px 30px;
    }

    .full-area-bg .middle form label {
        margin-bottom: 10px;
    }

    .full-area-bg .middle form label.check, .full-area-bg .middle form a,
    .full-area-bg .middle form + p {
        font-size: 12px;
    }

    .full-area-bg .middle form + p {
        line-height: 18px;
    }
}

@media (max-width: 380px){
    aside {
        width: 100%;
        position: relative;
        height: auto !important;
        min-height: 0 !important;
    }
    header nav > ul > li > a, header nav > ul > li{
      width: 45px;
    }
    .menu-mobile{
      width: 40px;
      margin-right: 6px;
    }
     header nav > ul > li{
      margin-right: 6px;
     }

     header .branding {
        margin: 3px 10px;
        height: 35px;
        width: 35px;
        overflow: hidden;
      }
      header .branding img {
        height: 35px;
    }
}
/*-----------------------------------------------*/


/*Selecionar e deselecionar*/
.ok-grid-button {
    background-image: url('Images/atendido_48.png'); 
    background-color: transparent;
    background-size: 18px;
    background-repeat: no-repeat;  
    background-position: center;
    text-align: left;
    /*width: 20px;*/
    width:100%;
    height: 18px;
    display: block;
    margin: -4px auto;
    font-size:5pt;
    text-decoration: none;
    cursor:pointer;        
}

.cancel-grid-button {
    background-image: url('Images/nao_atendido_48.png'); 
    background-color: transparent;
    background-size: 18px;
    background-repeat: no-repeat;  
    background-position: center;
    text-align: left;
    /*width: 20px;*/
    width:100%;
    height: 18px;
    display: block;
    margin: -4px auto;
    font-size:5pt;
    text-decoration: none;
    cursor:pointer;
}

/******** Rodrigo Araujo - 08/05/2018 - Class para telas que possuem o mesmo grid de tamanhos diferentes ******/
.grid-normal {
    display: block;
}

.grid-reduzida {
    display: none;
}

@media (max-width: 900px) {
    .grid-normal {
        display: none;
    }

    .grid-reduzida {
        display: block;
    }
}
/******** Rodrigo Araujo - 08/05/2018 ******/

.btn-reprovar {
    background-image: url('Images/Falha.png');
}

.btn-aprovar {
    background-image: url('Images/Salvar.png');
}

.textAreaPersona header {
  position: inherit !important;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}