@import "../../../Base/Content/variables";


.megamenuBuilder .sortableDisabled.topItems .topItemTitle,
.megamenuBuilder .sortableDisabled.item:hover,
.megamenuBuilder .sortableDisabled.columnItems .columnTitle:hover,
.megamenuBuilder .sortableDisabled .itemSectionTop:hover {
    cursor: default !important;
}



/* Megamenubuilder in administration - START */
.megamenuBuilder {
    .topItemsSection {
        border-bottom: 1px solid #ddd;
        margin-top: 20px;
        min-height: 47px;

        .add-item {
            margin: 12px;
            display: inline-block;
        }
    }

    .topItemButtonDiv {
        float: right;
    }

    a.add-item {
        color: #666;
        cursor: pointer;

        .glyphicon {
            margin-right: 5px;
            color: #c8c8c8;
            cursor: pointer;
        }

        &:hover {
            color: #333;

            .glyphicon {
                color: #a6a6a6;
            }
        }
    }

    .section-add-container {
        border: 1px dashed #eaeaea;
        padding: 75px 50px;
        display: inline-block;
        margin: 12px;

        .glyphicon {
            font-size: 30px;
            color: #c8c8c8;
            cursor: pointer;

            &:hover {
                color: #a6a6a6;
            }
        }
    }

    .columnsSection {
        border: 1px solid #ddd;
        padding: 12px;
        border-top: 0;
        min-height: 60px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .topItemButtonDiv, .columnItems {
        display: inline-block;
    }

    .columnItems {
        vertical-align: top;
        margin: 12px;
    }

    .columnItems .columnTitle {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
        margin-left: 12px;
        margin-right: 12px;
        white-space: nowrap;
        cursor: move;
        font-weight: bold;
    }

    .table {
        display: table;
        border-spacing: 12px;
        border-collapse: separate;
    }

    .tableRow {
        display: table-row;
    }

    .tableCell {
        display: table-cell;
        text-align: center;
    }

    .columnTitle {
        border: 1px solid white;
    }

    .item {
        box-shadow: 0px 2px 4px 0 #eaeaea;
        background-color: #FAFAF9;
        border-spacing: 5px 7px;
        margin-bottom: 12px;

        &:hover {
            cursor: move;
        }
    }

    .columnTitle:hover {
        border: 1px solid #ddd;
        cursor: move;
    }

    .itemSectionTop {
        border: 1px solid #dadada;
        position: relative;

        .glyphicon-move {
            color: #c8c8c8;
            position: absolute;
            right: 7px;
            top: calc(100% - 20px);
            cursor: pointer;

            &:hover {
                color: #a6a6a6;
            }
        }

        &:hover {
            cursor: move;
        }
    }

    .itemButtonDiv {
        text-align: left;
        margin-bottom: 40px;
    }

    .topItemTitle .radio {
        margin-top: 0;
        margin-bottom: 0;
    }

    .topItems {
        display: inline-block;
        vertical-align: bottom;
    }

    .topItems .topItemTitle {
        padding: 12px;
        margin-right: 12px;
        white-space: nowrap;
        cursor: move;
        border-radius: 4px;
        position: relative;
        top: 1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .topItems .topItemTitleSelected {
        border: 1px solid #ddd;
        border-bottom: 1px solid white;
    }

    .topItems .topItemTitle:hover {
        background-color: #eee;
    }

    .topItems .topItemTitleSelected:hover {
        background-color: white;
    }

    .topItems .topItemTitle a,
    .columnItems .columnTitle a,
    .columnItems .itemTitle a {
        cursor: pointer;
    }

    .columnsSection .itemContainer {
        min-height: 100px;
    }
    .icon-flag,
    .icon-single-neutral-actions-information, 
    .glyphicon-flag, .glyphicon-user {
        padding-left: 6px;
        color: $lt-theme-primary;
    }

    .btn-success {
        border-color: #5cb85c;
    }

    a {
        text-decoration: none;
    }
}



.help-info {
    margin-left: 30px;

    &.move-down {
        @media (max-width:868px) {
            margin-left: 0;
            margin-top: 20px;
            width: 100%;
        }
    }

    .info-trigger {
        cursor: pointer;
    }

    .icon-information-circle,
    .glyphicon-info-sign {
        color: $lt-white;
        background-color: $lt-theme-primary;
        border: 1px solid $lt-theme-primary;
        border-radius: 50%;
    }

    .alert-info {
        position: relative;
        background-color: $lt-theme-primary;
        border-color: $lt-theme-primary;
        color: $lt-white;
        padding: 5px 30px;
        border-radius: 0;
        margin-bottom: 5px;

        .icon-information-circle,
        .glyphicon-info-sign {
            position: absolute;
            left: -10px;
            top: -10px;
            font-size: 34px;
            color:$lt-white;
            line-height: 0;
        }

        .close {
            color: $lt-white;
            font-weight: 400;
            text-shadow: none;
            opacity: 0.7;
            position: absolute;
            top: 0;
            right: 5px;

            &:hover {
                opacity: 1;
            }
        }
    }
}

.dropdown-menu a {
    cursor: pointer;
}

.panel-heading a:hover {
    text-decoration: none;
}

.megamenuDesignerDialog .dropdown-menu {
    box-shadow: 0;
}

.megamenuDesignerDialog .glyphicon-flag {
    font-size: 22px;
    position: relative;
    top: 6px;
    cursor: default;
}

/* Megamenubuilder in administration - END */

.modal-dialog .modal-body .form-control {
    background-color: white;
}

.principal-picker-hint {
    position: relative;
    bottom: 35px;
}

.principal-picker-empty-hint {
    position: relative;
    top: -35px;
    color:#808080;
    font-size:13px;
}

/*.checkout-status-bar {
    margin-bottom: 5px;
    margin-top: 5px;
}*/
