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

	CUSTOM CSS
	-------------------------------

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

a.link-icones {
	color:#666666;
}

a.link-icones:hover {
	text-decoration: underline;
}

/** 5 COLUNAS **/
.col-xs-5col,
.col-sm-5col,
.col-md-5col,
.col-lg-5col {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5col {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5col {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5col {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5col {
        width: 20%;
        float: left;
    }
}

/** 7 COLUNAS **/
.col-xs-7col,
.col-sm-7col,
.col-md-7col,
.col-lg-7col {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-7col {
    width: 14.285714285714%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-7col {
        width: 14.285714285714%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-7col {
        width: 14.285714285714%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-7col {
        width: 14.285714285714%;
        float: left;
    }
}

/** 8 COLUNAS **/
.col-xs-8col,
.col-sm-8col,
.col-md-8col,
.col-lg-8col {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-8col {
    width: 12.5%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-8col {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-8col {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-8col {
        width: 12.5%;
        float: left;
    }
}

/** 9 COLUNAS **/
.col-xs-9col,
.col-sm-9col,
.col-md-9col,
.col-lg-9col {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-9col {
    width: 11.111111111111%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-9col {
        width: 11.111111111111%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-9col {
        width: 11.111111111111%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-9col {
        width: 11.111111111111%;
        float: left;
    }
}

/** 10 COLUNAS **/
.col-xs-10col,
.col-sm-10col,
.col-md-10col,
.col-lg-10col {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-10col {
    width: 10%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-10col {
        width: 10%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-10col {
        width: 10%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-10col {
        width: 10%;
        float: left;
    }
}

/** 11 COLUNAS **/
.col-xs-11col,
.col-sm-11col,
.col-md-11col,
.col-lg-11col {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-11col {
    width: 9.0909090909091%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-11col {
        width: 9.0909090909091%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-11col {
        width: 9.0909090909091%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-11col {
        width: 9.0909090909091%;
        float: left;
    }
}

.label-danger {
    background-color: #EF4B37;
}

.label-badge {
   display: inline-block;
   line-height: normal;
   margin: 1px 2px 3px 2px;
   
}

div.toggle .site > label {
    color: #FFFFFF;
    background: #4F2C5A;
    border-bottom: rgba(0,0,0,0.03) 1px solid;
}

div.toggle .site > label:hover {
    color: #FFFFFF;
    background: #4F2C5A;
    border-bottom: rgba(0,0,0,0.03) 1px solid;
}

div.toggle .site > label:before {
    color: #FFFFFF;
}

div.toggle .site .active > label:before {
    color: #FFFFFF;
}

div.toggle .site > label:after {
    color: #FFFFFF;
}

div.toggle .site .active > label:after {
    color: #FFFFFF;
}

.form-busca {
	margin: 0px;
}

.col-busca  {
  margin-bottom: 3px;
}

.input-busca{
  padding:1px 4px;
  height:33px;
  margin: 3px;
}

.btn-danger {
    color: #fff;
    background-color: #EF4B37;
    border-color: #EF4B37;
}

.btn-busca {
  height:36px;
}

.btn-primary {
  background-color:#4F2C5A;
  border-color:#4F2C5A;
  color:#FFFFFF;
}

.btn-primary:hover  {
  background-color:#371F3F;
  border-color:#371F3F;
  color:#FFFFFF;
}

.btn-site {
  background-color:#EF4B37;
  border-color:#EF4B37;
  color:#FFFFFF;
}

.btn-site:hover  {
  background-color:#EC2D17;
  border-color:#EC2D17;
  color:#FFFFFF;
}

.btn-site-detalhes {
  background-color:#EF4B37;
  color:#FFFFFF;
}

a.btn-site-detalhes {
  line-height:20px;
}

.btn-site-detalhes:hover {
	color:#fff !important;
}

.box-busca {
  padding-top:25px;
}

.header-busca {
	background: #4F2C5A
}

.col-busca  {
  margin-bottom: 3px;
}

.col-padding-1 {
    padding-left: 1px;
    padding-right: 1px;
}

.col-padding-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.borda-vertical {
	border-right:1px solid rgba(0, 0, 0, 0.1);
	padding-right: 20px;
}

.form-busca{
  padding:1px 4px;
  height:33px;
  margin: 3px;
}

.btn-busca {
  height:36px;
}

#header.fixed #topNav .box-busca {
	padding-top:10px;
}

.img-center {
    margin: 0 auto;
}

.limpa {
    clear: both;
}

section.page-header .breadcrumb-relative {
  position:relative;
  padding: 0px;
}

.info-bar img {
  margin: 0px;
}

.info-bar-busca div.row > div {
  padding-bottom:5px;
  padding-top:5px;
}

div.shop-item > .thumbnail {
  border:none;
}

div.shop-item-summary > a {
  font-size:12px !important; 
  line-height:16px !important; 
  color: #000000;
}

.min-height-20	{ min-height:20px !important; }
.min-height-30	{ min-height:30px !important; }
.min-height-40	{ min-height:40px !important; }
.min-height-50	{ min-height:50px !important; }
.min-height-100	{ min-height:100px !important; }
.min-height-150	{ min-height:150px !important; }
.min-height-200	{ min-height:200px !important; }
.min-height-250	{ min-height:250px !important; }
.min-height-300	{ min-height:300px !important; }

.padding-top-5		{ padding-top:5px !important; }

.padding-bottom-5	{ padding-bottom:5px !important; }

.width-90			{ width:90px !important; }
.width-80			{ width:80px !important; }
.width-70			{ width:70px !important; }
.width-60			{ width:60px !important; }
.width-110			{ width:110px !important; }
.width-120			{ width:120px !important; }
.width-130			{ width:130px !important; }
.width-140			{ width:140px !important; }

.size-22 			{ font-size:22px !important; }
.size-24 			{ font-size:24px !important; }

.text-site {
	color:#EF4B37;
}

.text-violeta {
	color:#4F2C5A;
}

.tp-caption .block_theme_color .block-violeta{
	background-color:#4F2C5A;
	color:#fff;
}

@media (max-width: 768px) {
	h1 {
		font-size: 20px;
		margin: 0 0 10px 0;
	}
	.box-light {
		padding: 0px;
	}	
}


.box-tempo {
	padding: 5px 10px;
	background-color:#D4E0E7;
	color:#86929A;
	font-size:12px	
}	

.box-tempo i{
	margin-right: 5px;
}

/** CHAT **/
.chat {
  border: solid 1px #EEE;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.messages {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

.message {
  border-radius: 20px;
  padding: 8px 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.yours {
  align-items: flex-start;
}

.yours .message {
  margin-right: 25%;
  background-color: #eee;
  position: relative;
}

.yours .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: #eee;
  border-bottom-right-radius: 15px;
}
.yours .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
}

.mine {
  align-items: flex-end;
}

.mine .message {
  color: white;
  margin-left: 25%;
  background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
  background-attachment: fixed;
  position: relative;
}

.mine .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
  background-attachment: fixed;
  border-bottom-left-radius: 15px;
}

.mine .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
}