.painel {
	background: #f3f8fa;
	border: 1px solid #337AB7;
	margin-bottom: 30px;
}
.painel .painel-barra {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	font-weight:400;
	color:#FFF;
	padding:10px;
	background: #337AB7;
	margin-bottom:10px;
}

.grade {
	font-family: 'Monda', sans-serif;
	font-size:14px;
	font-weight:400;
	padding:0 10px;
}
.grade span {
	font-family: 'Monda', sans-serif;
	font-size:14px;
	font-weight:600;
	padding:0 2px;
}
.reabrir {
	font-family: 'Monda', sans-serif;
	font-size:14px;
	font-weight:600;
	padding:0 14px;
}
















.suporte {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom:10px;
}
.suporte .imagem {
	padding:10px 0 10px 10px;
}
.suporte .imagem img {
	height:70px;
	border: 2px solid #B8161B;
}

.suporte .detalhes {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.suporte .detalhes > div {
	border: 2px solid #B8161B;
	padding:10px;
	margin:10px 0;
}
.suporte .detalhes > div h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	font-weight:600;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
}
.suporte .detalhes > div p {
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
	font-weight:700;
	color:#666;
	margin: 0;
	padding: 0;
	line-height: 150%;
}
.suporte .detalhes > div .anexo {
	width:23px;
	height:30px;
	margin:10px 0 0 0;
	padding: 0;
}





.cliente {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom:10px;
}
.cliente .imagem {
	padding:10px 10px 10px 0;
}
.cliente .imagem img {
	height:70px;
}

.cliente .detalhes {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.cliente .detalhes > div {
	border: 2px solid #096;
	padding:10px;
	margin:10px 0;
}
.cliente .detalhes > div h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	font-weight:600;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
}
.cliente .detalhes > div p {
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
	font-weight:700;
	color:#666;
	margin: 0;
	padding: 0;
	line-height: 150%;
}
.cliente .detalhes > div .anexo {
	width:23px;
	height:30px;
	margin:10px 0 0 0;
	padding: 0;
}















/**===========INÍCIO DIVISORES===========**/
div.divider-cima {
	margin:0 0 20px 0;
	position:relative;
	display:block;
	height:10px;
}
div.divider-cima.divider-dotted {
	height:10px;
	border:0;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==') repeat-x center;
}

div.divider-baixo {
	margin:20px 0 0 0;
	position:relative;
	display:block;
	height:10px;
}
div.divider-baixo.divider-dotted {
	height:10px;
	border:0;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==') repeat-x center;
}
/**===========FIM DIVISORES===========**/	









.Suporte{margin:-15px 0 0;padding:0}
.Suporte li{list-style:none;padding:5px 0;margin:10px auto;}
.Suporte li img.avatar{height:45px;width:45px;-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}
.Suporte li.in img.avatar{float:left;margin-right:10px}
.Suporte li .name{color:#3590c1;font-weight:400}
.Suporte li .datetime{color:#333;font-size:13px;font-weight:400}
.Suporte li.out img.avatar{float:right;margin-left:10px}
.Suporte li .message{display:block;padding:5px;position:relative}
.Suporte li.in .message .arrow,.Suporte li.out .message .arrow{border-top:8px solid transparent;border-bottom:8px solid transparent;display:block;position:absolute;top:5px}
.Suporte li.in .message{text-align:left;border:2px solid #35aa47;margin-left:65px;background:#fafafa; border-radius: 10px;}
.Suporte li.in .message .arrow{left:-8px;width:0;height:0;border-right:8px solid #35aa47}
.Suporte li.out .message .arrow{right:-8px;border-left:8px solid #da4a38}
.Suporte li.out .message{border:2px solid #da4a38;margin-right:65px;background:#fafafa; border-radius: 10px;}
.Suporte li.out .datetime,.Suporte li.out .name{text-align:right}
.Suporte li .message .body{display:block}
.Suporte li .message .anexo{display:block}

#Perfil li {
	border-bottom: solid 1px #f5f5f5;
	line-height: 50px;
	list-style: none;
}
#Perfil li span {
	color: #868686;
}

#formAtualizaFoto input[name='form_apagar'].fa:before {
	visibility: visible;
}
#formAtualizaFoto input[name='form_apagar'].fa.fa-trash-o:checked:before {
	content: "\f1f8";
}
#formAtualizaFoto input[name='form_apagar'].fa.fa-trash-o:checked {
	color:red;
}
#formAtualizaFoto input[name='form_apagar'].fa{
	visibility: hidden;
}
#formAtualizaFoto img.thumb {
	cursor:pointer;
}

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.sideways {
  margin-top:50px;
  border: none;
  position: relative;
}
.sideways>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.sideways>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.sideways.tabs-left {
  left: -50px;
}
.sideways.tabs-right {
  right: -50px;
}
.sideways.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sideways.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}