.txtOpacity {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.colorPicker {
    width: 70px !important;
    margin-left: 28px;
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
    padding-right: 0px;
    padding-left: 12px;
}

.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
    left: 0px;
    /* left: auto; */
    right: 3px;
}

.btn-bs-file {
    position: relative;
}

    .btn-bs-file input[type="file"] {
        position: absolute;
        top: -9999999;
        filter: alpha(opacity=0);
        opacity: 0;
        width: 0;
        height: 0;
        outline: none;
        cursor: inherit;
    }

.imgPreview {
    /*width: 100px;
        height: 100px;*/
    width: 100%;
}


/*Color picker*/
dl {
    margin: 20px 0;
}

dt {
    font-size: 120%;
}

dd {
    padding: 10px 20px 20px 20px;
}

    dd:last-child {
        border-bottom: none;
    }

code {
    color: black;
    border: none;
    background: rgba(128, 128, 128, .1);
}

[dir=rtl] code {
    direction: ltr;
}

pre {
    background: #f8f8f8;
    border: none;
    color: #333;
    padding: 20px;
}

[dir=rtl] pre {
    direction: ltr;
}

h2 :not(.menu-title) {
    margin-top: 50px;
}

/*h3 {
    color: #aaa;
}*/

.jumbotron {
    padding: 40px;
}

    .jumbotron h1 {
        margin-top: 0;
    }

    .jumbotron p:last-child {
        margin-bottom: 0;
    }

#imagePreviewContainer .container {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    text-align: center;
    margin-left: 0px;
    width: 810px;
    height: 455.63px;
}

.wrap-headerContent {
    position: absolute;
}

.wrap-subTitleContent {
    position: absolute;
}

.wrap-headerContent p {
    margin: 0;
}

.wrap-subTitleContent p {
    margin: 0;
}

.wrap-buttonContent {
    position: absolute;
}

    .wrap-buttonContent a {
        border-radius: 28px;
        padding: 10px;
    }

#headerPosition, #subTitlePosition {
    height: 30px;
}

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

#selectTitleContentTextAlignment, #selectSubTitleContentTextAlignment {
    height: 30px;
}


.subtitle-container * {
    line-height: inherit;           /*This will be overridden with parent style values*/
}


.side-carousel-item {
    height: 235px
}

.carousel-slide-item {
    height: 500px;
}

/*IPOD*/
@media (max-width: 768px) {
    .carousel-slide-item {
        height :auto !important;
    }
}