$color: #0f8be6;

$successColor: #53C100;
$infoColor: #53A1EF;
$errorColor: #CE2F2F;
$warningColor: #E57C4B;

@import 'mixins';
@import 'form';
@import 'elements';
@import 'addon';

@font-face {
    font-weight: 600;
    font-family: Lato;
    font-style: normal;
    src: url('../font/Lato-Bold.eot'),
    url('../font/Lato-Bold.woff') format('woff'),
    url('../font/Lato-Bold.woff2') format('woff2'),
    url('../font/Lato-Bold.ttf') format('truetype'),
    url('../font/Lato-Bold.eot#iefix') format('embedded-opentype');
}
@font-face {
    font-weight: 400;
    font-family: Lato;
    font-style: normal;
    src: url('../font/Lato-Regular.eot'),
    url('../font/Lato-Regular.woff') format('woff'),
    url('../font/Lato-Regular.woff2') format('woff2'),
    url('../font/Lato-Regular.ttf') format('truetype'),
    url('../font/Lato-Regular.eot#iefix') format('embedded-opentype');
}
@font-face {
    font-weight: 300;
    font-family: Lato;
    font-style: normal;
    src: url('../font/Lato-Light.eot'),
    url('../font/Lato-Light.woff') format('woff'),
    url('../font/Lato-Light.woff2') format('woff2'),
    url('../font/Lato-Light.ttf') format('truetype'),
    url('../font/Lato-Light.eot#iefix') format('embedded-opentype');
}

#ardaenye-addon-content * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fl-right {
    float: right;
}
.fl-left {
    float: left;
}

.clearfix:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

#contentarea, .contentarea {
    padding: 0;
    border: none;
    @include border-radius(2px);
    div > h1 {
        display: none;
    }
}

#ardaenye-addon-content {
    .addon-menu {
        min-height: 55px;
        background: #98d3e2;
        background: -moz-linear-gradient(top,  #98d3e2 0%, #d9edf2 60%, #ffffff 100%);
        background: -webkit-linear-gradient(top,  #98d3e2 0%,#d9edf2 60%,#ffffff 100%);
        background: linear-gradient(to bottom,  #98d3e2 0%,#d9edf2 60%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d3e2', endColorstr='#ffffff',GradientType=0 );
        .logo {
            float: left;
            img {
                max-width: 175px;
                margin-top: 10px;
                margin-left: 30px;
            }
            h2.addon-name {
                font-size: 1.8rem;
                font-family: Lato;
                font-weight: bold;
                padding: 9px 30px;
            }
        }
        .menu {
            float: left;
            ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
                li {
                    float: left;
                    display: block;
                    margin: 32px 25px;
                    a {
                        display: block;
                        text-decoration: none !important;
                        span.icon {
                            color: gray;
                            font-size: 1.7rem;
                            margin-right: 7px;
                            @include animate(color 0.25s);
                        }
                        span.item-label {
                            color: gray;
                            font-weight: 300;
                            font-family: Lato;
                            font-size: 2.0rem;
                            @include animate(color 0.25s);
                        }
                        &:hover {
                            span.icon {
                                color: $color;
                            }
                            span.item-label {
                                color: $color;
                            }
                        }
                    }
                    &.active {
                        a {
                            span.icon {
                                color: $color;
                            }
                            span.item-label {
                                color: $color;
                            }
                        }
                    }
                }
            }
        }
    }
    .addon-content {
        padding: 15px;
        .pagination {
            width: 100%;
            border: none;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #e8e8e8;
            .navs {
                float: left;
                &.prev-first {
                    margin-right: 10px;
                }
                &.next-last {
                    margin-left: 10px;
                }
            }
            .numbers {
                float: left;
            }
        }
        .clear-search {
            margin-left: 7px;
        }
        .search-form {
            input {
                top: -1px;
                width: 225px;
                outline: none;
                font-weight: 400;
                padding: 2px 10px;
                font-size: 1.4rem;
                font-family: Lato;
                position: relative;
                border: 1px solid lightgray;
            }
        }
        table {
            th.actions, td.actions {
                width: 250px;
            }
        }
    }
    .addon-messages {
        padding: 0 15px;
    }
}