﻿

.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-35px;
   right:-10px;
   font-size:.7em;
   background:#FF4B4B;
   color:white;
   width:25px;height:25px;
   text-align:center;
   line-height:25px;
   border-radius:50%;
   box-shadow:0 0 1px #EC0000;
}

.btn-small {
    height: 32px;
	width: 32px;
    line-height: 24px;
    padding: 0 0.5rem;
}


.imgControle{
    background-repeat: repeat-x;    
    margin-left: 0px;
    margin-top: 0px;
}

.imgControle .imgContcontent{
    margin-top: 0px;
    margin-left: 3px;
    margin-right:0px;
    display:inline-block;
    position:relative;
}

.imgControle .imgContcontent .divclss {
   position:absolute;
   left:-15px;
   top:-15px;
   
}


.rotateImgNormal {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.rotateImgRight90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.rotateImgLeft90 {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.rotateImg180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

