/* --- GENERAL STYLES --- */

.fa {
    font-size: 14px;
}
/* makes the font 33% larger relative to the icon container */
.fa.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa.fa-2x {
    font-size: 2em;
}
.fa.fa-3x {
    font-size: 3em;
}
.fa.fa-4x {
    font-size: 4em;
}
.fa.fa-5x {
    font-size: 5em;
}

.caret {
    margin-top: 9px;
    float: right;
}

.square-images {
    margin-bottom: 30px;
}

.square-images-link {
    display: block;
}

.square-images .btn-icon {
    margin: 50% 0 0 50%;
    left: -10px;
    top: -27px;
    position: absolute;
    display: none;
}

.square-images:hover .btn-icon {
    display: block;
}

/* --- TABLES --- */

.admin-table thead th, .admin-table thead th a {
    color: #545454;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-table thead th a .fa-stack {
    line-height: 1.9em;
    color: #cacaca;
}

.admin-table thead th a.asc .fa-stack, .admin-table thead th a.desc .fa-stack {
    line-height: 2.4em;
    color: #545454;
}

.admin-table thead th a.asc .fa-sort-desc {display: none;}
.admin-table thead th a.desc .fa-sort-asc {display: none;}

.admin-table .action-column {
    width: 130px;
    min-width: 130px;
}

.admin-table .icon-cell {
    padding-top: 10px;
    text-align: center;
    width: 40px;
}

.admin-table td.sorting-column {
    padding: 10px 0 0 0;
    background-color: #f3f3f3;
    cursor: move;
    text-align: center;
    width: 20px;
}

.admin-table .admin-buttons {
    padding-top: 10px;
    text-align: right;
}

.admin-table .admin-buttons a {
    margin: 0 3px;
    padding: 5px;
}

.admin-table .admin-buttons a:hover {
    background-color: #ededed;
}

.admin-table .admin-buttons a .fa {
    color: #545454;
}

.admin-table .admin-buttons a .fa-trash {
    color: #ed5565;
}

/* --- PLUGINS --- */

.icheckbox_square-green, .iradio_square-green {margin-right: 10px;}

.bootstrap-tagsinput.form-control {
    padding-top: 4px;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    line-height: 12px;
    height: 20px;
    font-size: 11px;
    vertical-align: middle;
    display: inline-block;
}

.alert .close {
    padding: 0;
    margin-top: -3px;
}

.alert-dismissible .close {
    padding: .75rem 1.25rem;
    margin-top: -3px;
}

#sight-map {
    background-color: #0b2e13;
    width: 100%;
    height: 160px;
}

.jstree-open > .jstree-anchor > .fa-folder:before {
    content: "\f07c";
}

.jstree-default .jstree-icon.none {
    width: 0;
}

table.table tr.semi-hidden {opacity: 0.25;}
table.table tr.semi-hidden:hover {opacity: 1;}

tr.nested-level-1 td:first-child {padding-left: 15px;} tr.nested-level-1 td:first-child > div {padding-left: 15px; border-left: 1px #aeaeae dotted;}
tr.nested-level-2 td:first-child {padding-left: 45px;} tr.nested-level-2 td:first-child > div {padding-left: 15px; border-left: 1px #aeaeae dotted;}
tr.nested-level-3 td:first-child {padding-left: 75px;} tr.nested-level-3 td:first-child > div {padding-left: 15px; border-left: 1px #aeaeae dotted;}
tr.nested-level-4 td:first-child {padding-left: 105px;} tr.nested-level-4 td:first-child > div {padding-left: 15px; border-left: 1px #aeaeae dotted;}

.overlapped-content {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.overlapped-content .black-overlap {
    background-color: rgba(237,85,101,0.75);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.overlapped-content:hover .black-overlap {
    opacity: 1;
}

.overlapped-content .fa {
    color: #ffffff;
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.overlapped-content:hover .fa {
    opacity: 1;
}

.square-button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.photos-list {
    margin-bottom: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.mn1 {
    margin-top: -1px;
}

.bt0 {
    border-top: 0 !important;
}

/* new style for widgets cards */
.product-box{
    min-height: 150px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
    .product-box .img-fluid{
        height: auto;
        width: 320px;
        object-fit: contain;
    }
    .product-box .product-desc{
        width: 100%;
        max-width: calc(100% - 320px);
        display: flex;
        flex-direction: column;
        position: relative;
        padding-right: 50px;
    }
    .product-box .product-desc .button_section{
        margin-top: auto;
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-around; */
    }
        .product-box .product-desc .button_section a:not(:last-child){ 
            margin-top: 10px;
        }
        .button_section .delete_icon{
            position: absolute;
            top: 10px;
            right: 10px;
        }
        .product-box .product-desc .link_insides_widgets a{
            margin-right: 10px;
            margin-bottom: 10px;
        }

@media screen and (max-width: 992px){
    .product-box .img-fluid{
        max-width: 100%;
        width: 100%;
        height: 150px;
    }
    .product-box .product-desc{
        max-width: 100%;
        padding-right: 20px;
    }
    .button_section .delete_icon {
        position: absolute;
        top: -10px;
    }
}
@media screen and (max-width: 575px){
    .product-imitation{
        font-weight: 500;
    }
}

.template-previews {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    min-height: 10%;
    text-align: center;
    margin: 0 5% 20px 0;
    border: 5px #ffffff solid;
    transition: all 400ms;
}

.template-previews.active {
    border-color: #1ab394;
}

    .template-previews img {
        width: 100%;
        opacity: 0.5;
        transition: all 400ms;
    }

    .template-previews:hover img, .template-previews.active img {
        opacity: 1;
    }