#clever-portfolio-options-metabox {
    .tabs {
        border-bottom: 1px solid #ddd;
        li {
            cursor: pointer;
            margin-bottom: 0 !important;
            margin-left: 0 !important;
            margin-right: .5px;
            &.tab-active {
                background-color: #fff;
            }
        }
    }
    .meta-table {
        td {
            padding: 10px 0;
            width: 85%;
            &.text-align-top {
                font-weight: 600;
                vertical-align: text-top;
                width: 25%;
            }
        }
    }
    .select-img {
        margin: 0 5px;
        border:3px solid transparent;
        &:first-child{
            margin-left: 0;
        }
    }
    .selected-img {
        border: 3px solid #46b450;
    }
}
.ui-datepicker {
    background-color: #f4f4f4;
    .ui-datepicker-header {
        background-color: #23282d;
        padding: 10px;
        a {
            color: #fff;
            cursor: pointer;
        }
        .ui-datepicker-next {
            float: right;
        }
        .ui-datepicker-title {
            color: #fff;
            text-align: center;
        }
    }
    .ui-datepicker-calendar {
        padding: 10px;
        th, td {
            padding: 3px;
        }
    }
}
#media-container{
    width: 100%;
    display: inline-block;
}
.cp-gallery-item{
    display: inline-block;
    margin:0 5px 5px 0px;
    position: relative;
    cursor: pointer;
    width: 150px;
    height: 150px;
    float: left;
    .cp-remove-gallery-item{
        width: 30px;
        height: 30px;
        top:0;
        right:0;
        text-align: center;
        line-height: 30px;
        background: rgba(0,0,0,0.6);
        color: #fff;
        font-size: 16px;
        position: absolute;
        display: block;
        opacity: 0;
        transition:300ms;

        &:hover{
            background: rgba(0,0,0,0.8);
        }
    }
    &:hover .cp-remove-gallery-item{
        opacity: 1;
    }
}