/**
 * Do not edit CSS file, use Less file only.
 * User: Michael
 * Date: 21/12/2015
 */

/* Tab settings */
/* ------------------- */
.my_plugin_tab_content > hr {
    display: none;
}

.my_plugin_section_title {
    color: #ffffff;
    background-image: linear-gradient(to right, #563d7c 0, #ffffff 100%);
    padding: 5px;
}

/* About Page */
/* ------------------- */
.my_plugin_about-page {
    .my_bootstrap_menu_list {
        list-style-type: square;
        text-indent: 50px;
        list-style-position: inside;
    }

    .my_bootstrap_submenu_list {
        list-style-type: square;
        text-indent: 100px;
        list-style-position: inside;
    }
}

/* Title bar */
/* ------------------- */
.my_plugin_title_bar {

    /* Main title bar */
    border-radius: 10px;
    min-height: 106px;
    background-color: #6f5499;
    background-image: linear-gradient(to bottom, #563d7c 0, #6f5499 100%);
    padding: 10px 5px 0 10px;
    box-shadow: 5px 5px 5px #888888;
    margin-bottom: 10px;

    /* Error Messages */
    .error p {
        color: #000000 !important;
    }

    /* Title Bar fonts and links */
    h2,
    p,
    a {
        color: #ffffff;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.4;
        font-weight: 300;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    }

    /* Title format */
    .my_plugin_title {
        font-size: 2em;
        margin: 5px 0 5px 0;
    }

    /* Links and hover */
    a {
        text-decoration: none;
        font-weight: bold;
    }
    a:hover {
        background-color: #dbdbdb;
    }

    /* Custom Bootstrap logo */
    /* ------------------- */
    .my_bootstrap_menu_logo {
        font-size: 60px;
        float: left;

        position: relative;
        top: -15px;

        font-weight: 500;
        color: #fff;
        text-align: center;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

        margin: 10px 20px 0 0;
        padding: 0px;
        height: 80px;
        width: 80px;

        border-width: thin;
        border-style: solid;
        border-radius: 10px;
    }

    .my_plugin_header {
        position: relative;
    }

    .my_plugin_logo {
        color: #ffffff;
        border-radius: 10px;
        background-color: #ffffff;
        position: absolute;
        top: 60px;
        left: 55px;
        z-index: 999;
        img {
            height: 20px;
            width: auto;
        }
    }
}