.box-left-templates > figure,
.box-left-templates .images-templ > img {
    max-width: 50% !important;
    margin-right: 15px;
    float: left;
}
.box-right-templates > figure,
.box-right-templates .images-templ > img {
    max-width: 50% !important;
    margin-left: 15px;
    float: right;
}
.box-left-templates > figure img,
.box-right-templates > figure img,
.box-left-templates .images-templ img,
.box-right-templates .images-templ img {
    height: auto;
}
.box-img-group {
    display: flex;
    flex-wrap: wrap;
}
.box-img-group .images-templ {
    flex: 1 1 50%;
}
.box-img-group .leftimg {
    position: relative;
}
.box-img-group .leftimg img {
    height: 100% !important;
    object-fit: cover;
    position: absolute;
}
.box-img-group .rightimg {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    justify-content: space-between;
}
.box-img-group .rightimg .item {
    margin-bottom: 10px;
}
.box-img-group .rightimg .item img {
    height: auto;
}
.box-img-group .rightimg .item:last-child {
    margin-bottom: 0px;
}
.plugin-custom-templates .img-desc {
    max-width: 100%;
}
.plugin-custom-templates .img-desc ~ .img-desc {
    max-width: 50%;
}
.box-img-merge {
    display: flex;
    flex-wrap: wrap;
}
.box-img-merge .images-templ {
    flex: 1 1 50%;
}
.box-img-merge .images-templ img {
    max-width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.select-box .item-box {
    margin-bottom: 15px;
    background-color: #fff;
    padding: 10px 5px;
    cursor: pointer;
}

.select-box .item-box:hover {
    background-color: #ffd66a33;
}

/* css templates old */
.templates-old .form-group {
    margin-bottom: 10px !important;
}
.box-templates-plugins {
    background: #f3f3f3;
}
.box-templates-plugins.rightold {
    float: right;
    margin-left: 10px;
    margin-left: 10px !important;
}
.box-templates-plugins.centerold {
    margin: 0px auto;
}
.box-templates-plugins.leftold {
    float: left;
    margin-right: 10px;
    margin-right: 10px !important;
}
.box-templates-plugins.borderleftold.red-old tr td {
    border-left: 5px solid #e74c3c !important;
}
.box-templates-plugins.borderrightold.red-old tr td {
    border-right: 5px solid #e74c3c !important;
}
.box-templates-plugins.borderleftold.blue-old tr td {
    border-left: 5px solid #2d8bff !important;
}
.box-templates-plugins.borderrightold.blue-old tr td {
    border-right: 5px solid #2d8bff !important;
}
.box-templates-plugins .primary-title-old {
    line-height: 23px !important;
    padding: 10px !important;
    text-align: right !important;
    background-color: rgb(221, 221, 221) !important;
    color: #e74c3c !important;
}
.box-templates-plugins tr td {
    border: unset !important;
}
.box-templates-plugins .sub-title-old {
    color: #2980b9;
    text-align: center;
}
.box-templates-plugins .left-avatar {
    width: 30%;
    height: 100%;
    text-align: center !important;
    font-style: italic !important;
    font-size: 14px;
    float: left;
    margin: 5px 10px 5px 0;
    word-break: break-word;
}
.box-templates-plugins .right-avatar {
    width: 30%;
    height: 100%;
    text-align: center !important;
    font-style: italic !important;
    font-size: 14px;
    float: right;
    margin: 5px 0 5px 10px;
}
.box-templates-plugins .content-templates-old {
    padding: 10px;
    text-align: justify;
    font-size: 16px !important;
}
.box-img-vertical .top-vertical {
    margin-bottom: 10px;
}
.box-img-vertical .top-vertical img {
    width: 100%;
    height: auto;
}
.box-img-vertical .bottom-vertical img {
    width: 100%;
    height: auto;
}
.box-img-vertical .bottom-vertical {
    display: flex;
    margin: 0 -5px;
}
.box-img-vertical .bottom-vertical .item {
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
    flex: 1 1 33.33%;
}
.box-img-vertical .bottom-vertical img {
    width: 100%;
    height: auto;
}
.quote {
    background-color: #f3f3f3;
    padding: 10px;
    text-align: justify;
    border: solid 2px #ccc;
}
.quote-center {
    margin: 0px auto;
}
.quote-left {
    float: left;
    margin-right: 10px;
}
.quote-right {
    float: right;
    margin-left: 10px;
}
.quote .plugin-content {
    padding: 10px;
}