.shape-insert-container::after {
    content: url(../../images/resize.png);
    display: block;
    position: absolute;
    right: 0px;
    bottom: -4px;
    transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -o-transform: rotate(44deg);
}

.shape-insert-container {
    overflow-y: scroll;
    width: 100%;
    height: 97%;
    max-height: 541px;

}

.shape-insert-container-scroll::-webkit-scrollbar {
    width: 0px
}
.shape-insert-container-scroll{
    -ms-overflow-style: none;
    overflow:-moz-scrollbars-none;
}
.shape-type-list-container,.shape-changeType-list-container,.shape-insert-list-container {
    min-width: 260px;
    width: 241px;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px;
}

.shape-insert-item-header {
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
    width: 100%;
    background-color: #ebebeb;
    height: 20px;
    line-height: 20px;
    float: left;
    color: black;
    text-indent: 7px;
}

.shape-insert-item-con {
    width: 100%;
    background-color: white;
}

.shape-insert-item {
    width: 20px;
    height: 20px;
    float: left;
    background-image: url(../../images/allShapes.png);
}

.shape-insert-item:hover {
    background-color: #f0f0f0;
}

#reinsert-shape-preview {
    box-sizing: border-box;
    width: 135px;
    height: 60px;
}

.insert-shape-preview-content-host {
    position: relative;
    overflow: hidden;
    margin-top: 4px;
    border: 1px solid gray;
    width: 120px;
    height: 60px;
    float: left;
}

#insert-shape-preview-imgShape {
    width: 120px;
    position: absolute;
    top: 0;
    left: 0;
}

.insert-shape-preview-control-host {
    width: 20px;
    height: 60px;
    float: left;
    display: inline-block;
    margin-top: 4px;
}

.insert-shape-preview-up-button {
    position: relative;
    width: 15px;
    height: 19px;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    box-sizing: content-box;
}

.insert-shape-preview-up-button:hover {
    background-color: rgb(218, 218, 218);
}

.insert-shape-preview-up-button-icon {
    width: 0px;
    height: 0px;
    margin-left: 4px;
    margin-bottom: -1px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.4);
    display: inline-block;
}

.insert-shape-preview-down-button {
    position: relative;
    width: 15px;
    height: 19px;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    box-sizing: content-box;
}

.insert-shape-preview-down-button:hover {
    background-color: rgb(218, 218, 218);
}

.insert-shape-preview-down-button-icon {
    width: 0px;
    height: 0px;
    margin-left: 4px;
    margin-top: 8px;
    border-width: 6px 4px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent;
    display: inline-block;
}

.insert-shape-preview-Show-all-button {
    position: relative;
    width: 15px;
    height: 20px;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    box-sizing: content-box;
}

.insert-shape-preview-Show-all-button:hover {
    background-color: rgb(218, 218, 218);
}

.insert-shape-preview-Show-all-button-icontop {
    position: absolute;
    border-top: solid 1px rgba(0, 0, 0, 0.4);
    width: 8.5px;
    height: 1px;
    left: 1px;
    top: 6px;
    right: 0;
    margin: auto;
}

.insert-shape-preview-Show-all-button-iconbottom {
    width: 0px;
    height: 0px;
    margin-left: 4px;
    margin-top: 9px;
    border-width: 6px 4px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent;
    display: inline-block;
}

.insert-shape-preview-shadowBox {
    width: 20px;
    height: 20px;
    z-index: 2222;
    position: absolute;
    background-color: rgba(39, 160, 39, 0.2);
    display: none;
}

.insert-shape-item-noHeadStraight {
    background-position: 0 0;
}

.insert-shape-item-endArrowHeadStraight {
    background-position: -20px 0;
}

.insert-shape-item-beginEndArrowHeadStraight {
    background-position: -40px 0;
}

.insert-shape-item-Elbow {
    background-position: -60px 0;
}

.insert-shape-item-endArrowHeadElbow {
    background-position: -80px 0;
}

.insert-shape-item-beginEndArrowHeadElbow {
    background-position: -100px 0;
}

.insert-shape-item-rectangle {
    background-position: 0 -20px;
}

.insert-shape-item-roundedRectangle {
    background-position: -20px -20px;
}

.insert-shape-item-snip1Rectangle {
    background-position: -40px -20px;
}

.insert-shape-item-snip2SameRectangle {
    background-position: -60px -20px;
}

.insert-shape-item-snip2DiagRectangle {
    background-position: -80px -20px;
}

.insert-shape-item-snipRoundRectangle {
    background-position: -100px -20px;
}

.insert-shape-item-round1Rectangle {
    background-position: 0px -40px;
}

.insert-shape-item-round2SameRectangle {
    background-position: -20px -40px;
}

.insert-shape-item-round2DiagRectangle {
    background-position: -40px -40px;
}

.insert-shape-item-oval {
    background-position: -60px -40px;
}

.insert-shape-item-isoscelesTriangle {
    background-position: -80px -40px;
}

.insert-shape-item-rightTriangle {
    background-position: -100px -40px;
}

.insert-shape-item-parallelogram {
    background-position: 0px -60px;
}

.insert-shape-item-trapezoid {
    background-position: -20px -60px;
}

.insert-shape-item-diamond {
    background-position: -40px -60px;
}

.insert-shape-item-regularPentagon {
    background-position: -60px -60px;
}

.insert-shape-item-hexagon {
    background-position: -80px -60px;
}

.insert-shape-item-heptagon {
    background-position: -100px -60px;
}

.insert-shape-item-octagon {
    background-position: 0px -80px;
}

.insert-shape-item-decagon {
    background-position: -20px -80px;
}

.insert-shape-item-dodecagon {
    background-position: -40px -80px;
}

.insert-shape-item-pie {
    background-position: -60px -80px;
}

.insert-shape-item-chord {
    background-position: -80px -80px;
}

.insert-shape-item-tear {
    background-position: -100px -80px;
}

.insert-shape-item-frame {
    background-position: 0px -100px;
}

.insert-shape-item-halfFrame {
    background-position: -20px -100px;
}

.insert-shape-item-corner {
    background-position: -40px -100px;
}

.insert-shape-item-diagonalStripe {
    background-position: -60px -100px;
}

.insert-shape-item-cross {
    background-position: -80px -100px;
}

.insert-shape-item-plaque {
    background-position: -100px -100px;
}

.insert-shape-item-can {
    background-position: 0px -120px;
}

.insert-shape-item-cube {
    background-position: -20px -120px;
}

.insert-shape-item-bevel {
    background-position: -40px -120px;
}

.insert-shape-item-donut {
    background-position: -60px -120px;
}

.insert-shape-item-noSymbol {
    background-position: -80px -120px;
}

.insert-shape-item-blockArc {
    background-position: -100px -120px;
}

.insert-shape-item-foldedCorner {
    background-position: 0px -140px;
}

.insert-shape-item-smileyFace {
    background-position: -20px -140px;
}

.insert-shape-item-heart {
    background-position: -40px -140px;
}

.insert-shape-item-lightningBolt {
    background-position: -60px -140px;
}

.insert-shape-item-sun {
    background-position: -80px -140px;
}

.insert-shape-item-moon {
    background-position: -100px -140px;
}

.insert-shape-item-cloud {
    background-position: 0px -160px;
}

.insert-shape-item-arc {
    background-position: -20px -160px;
}

.insert-shape-item-doubleBracket {
    background-position: -40px -160px;
}

.insert-shape-item-doubleBrace {
    background-position: -60px -160px;
}

.insert-shape-item-leftBracket {
    background-position: -80px -160px;
}

.insert-shape-item-rightBracket {
    background-position: -100px -160px;
}

.insert-shape-item-leftBrace {
    background-position: 0px -180px;
}

.insert-shape-item-rightBrace {
    background-position: -20px -180px;
}

.insert-shape-item-upDownArrowCallout {
    background-position: -40px -180px;
}

.insert-shape-item-actionButtonHome {
    background-position: -60px -180px;
}

.insert-shape-item-actionButtonHelp {
    background-position: -80px -180px;
}

.insert-shape-item-actionButtonInformation {
    background-position: -100px -180px;
}

.insert-shape-item-actionButtonBackorPrevious {
    background-position: 0px -200px;
}

.insert-shape-item-actionButtonForwardorNext {
    background-position: -20px -200px;
}

.insert-shape-item-actionButtonBeginning {
    background-position: -40px -200px;
}

.insert-shape-item-actionButtonEnd {
    background-position: -60px -200px;
}

.insert-shape-item-actionButtonReturn {
    background-position: -80px -200px;
}

.insert-shape-item-actionButtonDocument {
    background-position: -100px -200px;
}

.insert-shape-item-actionButtonSound {
    background-position: 0px -220px;
}

.insert-shape-item-actionButtonMovie {
    background-position: -20px -220px;
}

.insert-shape-item-flowchartOfflineStorage {
    background-position: -40px -220px;
}

.insert-shape-item-leftRightRibbon {
    background-position: -60px -220px;
}

.insert-shape-item-chartStar {
    background-position: -80px -220px;
}

.insert-shape-item-chartPlus {
    background-position: -100px -220px;
}

.insert-shape-item-lineInverse {
    background-position: 0px -240px;
}

.insert-shape-item-leftCircularArrow {
    background-position: -20px -240px;
}

.insert-shape-item-leftRightCircularArrow {
    background-position: -40px -240px;
}

.insert-shape-item-swooshArrow {
    background-position: -60px -240px;
}

.insert-shape-item-chartX {
    background-position: -80px -240px;
}

.insert-shape-item-gear6 {
    background-position: -100px -240px;
}

.insert-shape-item-gear9 {
    background-position: 0px -260px;
}

.insert-shape-item-funnel {
    background-position: -20px -260px;
}

.insert-shape-item-pieWedge {
    background-position: -40px -260px;
}

.insert-shape-item-nonIsoscelesTrapezoid {
    background-position: -60px -260px;
}

.insert-shape-item-cornerTabs {
    background-position: -80px -260px;
}

.insert-shape-item-squareTabs {
    background-position: -100px -260px;
}

.insert-shape-item-plaqueTabs {
    background-position: 0px -280px;
}

.insert-shape-item-rightArrow {
    background-position: -20px -280px;
}

.insert-shape-item-leftArrow {
    background-position: -40px -280px;
}

.insert-shape-item-upArrow {
    background-position: -60px -280px;
}

.insert-shape-item-downArrow {
    background-position: -80px -280px;
}

.insert-shape-item-leftRightArrow {
    background-position: -100px -280px;
}

.insert-shape-item-upDownArrowCallout {
    background-position: -40px -180px;
}

.insert-shape-item-upDownArrow {
    background-position: 0px -300px;
}

.insert-shape-item-quadArrow {
    background-position: -20px -300px;
}

.insert-shape-item-leftRightUpArrow {
    background-position: -40px -300px;
}

.insert-shape-item-bentArrow {
    background-position: -60px -300px;
}

.insert-shape-item-uTurnArrow {
    background-position: -80px -300px;
}

.insert-shape-item-leftUpArrow {
    background-position: -100px -300px;
}

.insert-shape-item-bentUpArrow {
    background-position: 0px -320px;
}

.insert-shape-item-curvedRightArrow {
    background-position: -20px -320px;
}

.insert-shape-item-curvedLeftArrow {
    background-position: -40px -320px;
}

.insert-shape-item-curvedUpArrow {
    background-position: -60px -320px;
}

.insert-shape-item-curvedDownArrow {
    background-position: -80px -320px;
}

.insert-shape-item-stripedRightArrow {
    background-position: -100px -320px;
}

.insert-shape-item-notchedRightArrow {
    background-position: 0px -340px;
}

.insert-shape-item-pentagon {
    background-position: -20px -340px;
}

.insert-shape-item-chevron {
    background-position: -40px -340px;
}

.insert-shape-item-rightArrowCallout {
    background-position: -60px -340px;
}

.insert-shape-item-downArrowCallout {
    background-position: -80px -340px;
}

.insert-shape-item-leftArrowCallout {
    background-position: -100px -340px;
}

.insert-shape-item-upArrowCallout {
    background-position: 0px -360px;
}

.insert-shape-item-leftRightArrowCallout {
    background-position: -20px -360px;
}

.insert-shape-item-quadArrowCallout {
    background-position: -40px -360px;
}

.insert-shape-item-circularArrow {
    background-position: -60px -360px;
}

.insert-shape-item-mathPlus {
    background-position: -80px -360px;
}

.insert-shape-item-mathMinus {
    background-position: -100px -360px;
}

.insert-shape-item-mathMultiply {
    background-position: 0px -380px;
}

.insert-shape-item-mathDivide {
    background-position: -20px -380px;
}

.insert-shape-item-mathEqual {
    background-position: -40px -380px;
}

.insert-shape-item-mathNotEqual {
    background-position: -60px -380px;
}

.insert-shape-item-flowchartProcess {
    background-position: -80px -380px;
}

.insert-shape-item-flowchartAlternateProcess {
    background-position: -100px -380px;
}

.insert-shape-item-flowchartDecision {
    background-position: -0px -400px;
}

.insert-shape-item-flowchartData {
    background-position: -20px -400px;
}

.insert-shape-item-flowchartPredefinedProcess {
    background-position: -40px -400px;
}

.insert-shape-item-flowchartInternalStorage {
    background-position: -60px -400px;
}

.insert-shape-item-flowchartDocument {
    background-position: -80px -400px;
}

.insert-shape-item-flowchartMultidocument {
    background-position: -100px -400px;
}

.insert-shape-item-flowchartTerminator {
    background-position: 0px -420px;
}

.insert-shape-item-flowchartPreparation {
    background-position: -20px -420px;
}

.insert-shape-item-flowchartManualInput {
    background-position: -40px -420px;
}

.insert-shape-item-flowchartManualOperation {
    background-position: -60px -420px;
}

.insert-shape-item-flowchartConnector {
    background-position: -80px -420px;
}

.insert-shape-item-flowchartOffpageConnector {
    background-position: -100px -420px;
}

.insert-shape-item-flowchartCard {
    background-position: 0px -440px;
}

.insert-shape-item-flowchartPunchedTape {
    background-position: -20px -440px;
}

.insert-shape-item-flowchartSummingJunction {
    background-position: -40px -440px;
}

.insert-shape-item-flowchartOr {
    background-position: -60px -440px;
}

.insert-shape-item-flowchartCollate {
    background-position: -80px -440px;
}

.insert-shape-item-flowchartSort {
    background-position: -100px -440px;
}

.insert-shape-item-flowchartExtract {
    background-position: 0px -460px;
}

.insert-shape-item-flowchartMerge {
    background-position: -20px -460px;
}

.insert-shape-item-flowchartStoredData {
    background-position: -40px -460px;
}

.insert-shape-item-flowchartDelay {
    background-position: -60px -460px;
}

.insert-shape-item-flowchartSequentialAccessStorage {
    background-position: -80px -460px;
}

.insert-shape-item-flowchartMagneticDisk {
    background-position: -100px -460px;
}

.insert-shape-item-flowchartDirectAccessStorage {
    background-position: 0px -480px;
}

.insert-shape-item-flowchartDisplay {
    background-position: -20px -480px;
}

.insert-shape-item-shape8pointStar {
    background-position: -40px -480px;
}

.insert-shape-item-explosion2 {
    background-position: -60px -480px;
}

.insert-shape-item-shape4pointStar {
    background-position: -80px -480px;
}

.insert-shape-item-shape5pointStar {
    background-position: -100px -480px;
}

.insert-shape-item-star6Point {
    background-position: 0px -500px;
}

.insert-shape-item-star7Point {
    background-position: -20px -500px;
}

.insert-shape-item-shape8pointStar {
    background-position: -40px -500px;
}

.insert-shape-item-star10Point {
    background-position: -60px -500px;
}

.insert-shape-item-star12Point {
    background-position: -80px -500px;
}

.insert-shape-item-shape16pointStar {
    background-position: -100px -500px;
}

.insert-shape-item-shape24pointStar {
    background-position: 0px -520px;
}

.insert-shape-item-shape32pointStar {
    background-position: -20px -520px;
}

.insert-shape-item-upRibbon {
    background-position: -40px -520px;
}

.insert-shape-item-downRibbon {
    background-position: -60px -520px;
}

.insert-shape-item-curvedUpRibbon {
    background-position: -80px -520px;
}

.insert-shape-item-curvedDownRibbon {
    background-position: -100px -520px;
}

.insert-shape-item-verticalScroll {
    background-position: 0px -540px;
}

.insert-shape-item-horizontalScroll {
    background-position: -20px -540px;
}

.insert-shape-item-wave {
    background-position: -40px -540px;
}

.insert-shape-item-doubleWave {
    background-position: -60px -540px;
}

.insert-shape-item-rectangularCallout {
    background-position: -80px -540px;
}

.insert-shape-item-roundedRectangularCallout {
    background-position: -100px -540px;
}

.insert-shape-item-ovalCallout {
    background-position: 0px -560px;
}

.insert-shape-item-cloudCallout {
    background-position: -20px -560px;
}

.insert-shape-item-lineCallout2 {
    background-position: -40px -560px;
}

.insert-shape-item-lineCallout3 {
    background-position: -60px -560px;
}

.insert-shape-item-lineCallout4 {
    background-position: -80px -560px;
}

.insert-shape-item-lineCallout2AccentBar {
    background-position: -100px -560px;
}

.insert-shape-item-lineCallout3AccentBar {
    background-position: 0px -580px;
}

.insert-shape-item-lineCallout4AccentBar {
    background-position: -20px -580px;
}

.insert-shape-item-lineCallout2NoBorder {
    background-position: -40px -580px;
}

.insert-shape-item-lineCallout3NoBorder {
    background-position: -60px -580px;
}

.insert-shape-item-lineCallout4NoBorder {
    background-position: -80px -580px;
}

.insert-shape-item-lineCallout2BorderandAccentBar {
    background-position: -100px -580px;
}

.insert-shape-item-lineCallout3BorderandAccentBar {
    background-position: 0px -600px;
}

.insert-shape-item-lineCallout4BorderandAccentBar {
    background-position: -20px -600px;
}

.insert-shape-item-explosion1 {
    background-position: -40px -600px;
}
