//*****************************************************************************
//*****************************************************************************
// Modules Styles
//*****************************************************************************
//*****************************************************************************

//=============================================================================
// Back Home Link (403 / 404 Pages)
//=============================================================================
.page-forbidden .back-home-link,
.page-not-found .back-home-link,
.test-page .back-home-link {
    margin-top: 0px;
    padding: 10px 0px;
    font-weight: 600;
    border-radius: 3px;

    i {
        margin-right: 7px;
    }
}

//=============================================================================
// Confirm Delete Message
//=============================================================================
.delete_form {
    .message {
        display: inline-block;
        font-weight: bold;
        font-size: 16px;
        border: 1px #ffcdd2 solid;
        margin: 10px 0px 10px 0px;
        padding: 10px 5px;
        border-radius: 3px;
    }
}

//=============================================================================
// Modules Main List
//=============================================================================
.modules-main-list {
    //padding-left: 10px;

    td {
        .q-icon {
            width: 20px;
        }

        .depth-1 { padding-left: 15px; }
        .depth-2 { padding-left: 30px; }
        .depth-3 { padding-left: 45px; }
        .depth-4 { padding-left: 60px; }

        .q-list {
            padding: 3px 0;
        }
    }
}

//=============================================================================
// Modules List
//=============================================================================
.modules-list {
    padding-left: 10px;

    .module {
        padding: 5px 0;

        .fa {
            margin-right: 5px;
        }

        .q-checkbox {
            margin-right: 10px;
        }

        .q-icon {
            width: 20px;
        }
    }

    div.depth-1 {
        margin-left: 15px;
    }

    div.depth-2 {
        margin-left: 30px;
    }

    div.depth-3 {
        margin-left: 45px;
    }

    div.depth-4 {
        margin-left: 60px;
    }
}

//=============================================================================
// Roles List
//=============================================================================
.roles-list {
    padding-left: 10px;

    .role {
        padding: 5px 0;

        .q-checkbox {
            margin-right: 10px;
        }

        .q-icon {
            width: 20px;
        }
    }
}

//=============================================================================
// Users List
//=============================================================================
.users-list {
    padding-left: 10px;

    .user {
        padding: 5px 0;

        .q-checkbox {
            margin-right: 10px;
        }

        .q-icon {
            width: 20px;
        }
    }
}

//=============================================================================
// Code Sets / Values
//=============================================================================
.code-values-sort {
    .q-list {
        border-top: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        border-bottom: none;
        padding: 2px 0;
    }

    .border-bottom {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 20px;
    }

    .q-item-stamp .q-btn {
        background: #bcbcbc !important;
        color:#fff;
        padding: 4px 6px;
        min-height: 1.5em;
    }

    .btn-wrap {
        border: 1px solid #dfdcda;
        border-radius: 100px;
    }

    .flip-list-move {
        transition: transform 0.5s;
    }

    .no-move {
        transition: transform 0s;
    }

    .ghost {
        opacity: .5;
        background: #ccc;
    }
}