.stb-container {
margin: 0 auto;
padding: 0;
position: static;
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
}
.stb-container canvas {
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
}
.stb-box-jq {
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
}
.stb-container-css.stb-no-caption {
display: flex;
flex-direction: row;
}
.stb-container-css.stb-caption {
display: flex;
flex-direction: column;
}
.stb-container-css {
padding: 0;
position: static;
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
}
.stb-ltr .stb-icon, .stb-ltr .stb-caption-icon { }
.stb-container-css.stb-ltr {
direction: ltr;
}
.stb-container-css.stb-rtl {
direction: rtl;
}
.stb-box {
width: 100%;
}
.stb-ltr .stb-box, .stb-ltr .stb-caption-box, .stb-ltr .stb-body-box {
text-align: left;
direction: ltr;
line-height: 24px;
}
.stb-rtl .stb-box, .stb-rtl .stb-caption-box, .stb-rtl .stb-body-box {
text-align: right;
direction: rtl;
line-height: 24px;
}
.stb-rtl .stb-icon, .stb-rtl .stb-caption-icon {
float: right;
max-height: 24px;
} .stb-image-small .stb-icon {
width: 25px;
min-width: 25px;
padding: 1px;
}
.stb-image-small .stb-icon img {
height: 23px;
min-height: 23px;
width: 23px;
min-width: 23px;
padding: 0 !important;
border: none !important;
background: transparent none !important;
}
.stb-ltr.stb-image-small .stb-box {
margin: 0;
min-height: 25px;
}
.stb-rtl.stb-image-small .stb-box {
margin: 0;
min-height: 25px;
} .stb-image-big .stb-icon {
width: 50px;
min-width: 50px;
}
.stb-image-big .stb-icon img {
height: 50px;
width: 50px;
min-width: 50px;
min-height: 50px;
padding: 0 !important;
border: none !important;
background: transparent none !important;
}
.stb-ltr.stb-image-big .stb-box {
margin: 0;
min-height: 55px;
}
.stb-rtl.stb-image-big .stb-box {
margin: 0;
min-height: 50px;
} .stb-image-none .stb-icon {
display: none;
}
.stb-image-none .stb-caption-icon {
display: none;
}
.stb-ltr.stb-image-none .stb-caption-box {
padding: 3px 7px 3px 10px;
}
.stb-rtl.stb-image-none .stb-caption-box {
padding: 3px 10px 3px 7px;
}
.stb-image-none .stb-box {
margin: 0;
}
.stb-caption-icon img {
height: 23px;
width: 23px;
min-height: 23px;
min-width: 23px;
vertical-align: baseline !important;
margin: 0 auto !important;
padding: 0 !important;
border: none !important;
background: transparent none !important;
}
.stb-caption-icon {
vertical-align: middle;
}
.stb-hidden .stb-body-box {
display: none;
} .stb-tool {
padding: 0;
margin: 0 auto;
vertical-align: baseline;
}
.stb-tool-img {
border: 0 !important;
padding: 3px !important;
margin: 0 auto !important;
vertical-align: baseline !important;
cursor: pointer;
background: transparent none !important;
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
max-width: 20px;
max-height: 20px;
}
.stb-ltr .stb-tool { }
.stb-rtl .stb-tool { }
.stb-caption-box {
font-weight: bold;
padding: 3px 7px 0 7px;
min-height:23px;
display: flex;
flex-direction: row;
}
.stb-caption-box span { max-height: 23px;
overflow: hidden;
flex-basis: 100%;
}
.stb-caption-box p {
display: inline;
}
.stb-border .stb-caption-box {
border-style: solid solid none;
}
.stb-body-box {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}