﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Poppins:300,400,500,600,700,800,900|Roboto:300,400,500,700,900&display=swap');

@keyframes blink{
    0% {
        -ms-opacity: 0;
        opacity: 0;

    }
    50% {
        -ms-opacity: .5;
        opacity: .5;

    }
    100% {
        -ms-opacity: 1;
        opacity: 1;

    }
}

html {
    -moz-min-width: 960px;
    -ms-min-width: 960px;
    -o-min-width: 960px;
    -webkit-min-width: 960px;
    min-width: 960px;
    overflow-x: auto;
}
body {
    overflow-x: initial !important;
    background-color: #000 !important;
    font-family: 'Roboto', sans-serif !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
}

@font-face {
    font-family: 'Aachen Std';
    src: url('../fonts/AachenStd-Bold.eot');
    src: url('../fonts/AachenStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AachenStd-Bold.woff2') format('woff2'),
         url('../fonts/AachenStd-Bold.woff') format('woff'),
         url('../fonts/AachenStd-Bold.ttf') format('truetype');
}

footer {
    position: relative;
    padding-top: 360px;
    margin-top: -300px;
}
    footer:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/footer-bg.png);
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        -ms-background-size: 100% 100%;
        background-size: 100% 100%;
        -ms-background-position: center bottom;
        background-position: center bottom;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    footer #footer-image {
        float: left;
        margin-right: 15px;
    }
    footer p {
        color: #c3c3c3;
        line-height: 19px;
        float: left;
        width: 55%;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
    }
    footer a.item > i.icon {
        color: white !important;
    }
    footer .ui.horizontal.list > a.item {
        display: inline-block !important;
    }
    footer .ui.horizontal.list > a.item > i.icon {
        width: auto;
    }
    footer .ui.horizontal.list > a.item > i.linkedin.icon {
        margin-top: -4px;
    }
    footer .ui.text.menu .item {
        color: #c3c3c3 !important;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    footer .ui.text.menu a.item:not(.header):not(.social):hover {
        color: #e60d00 !important;
        padding-left: 5px;
    }
    footer .ui.text.menu a.item i.big.icon {
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        -webkit-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }
    footer .ui.text.menu a.item i.big.icon:hover {
        color: #e60d00 !important;
    }
    footer .ui.text.menu .header.item {
        font-family: 'Open Sans', sans-serif;
        font-size: 21px;
        font-weight: 300;
        display: block;
        margin-bottom: 9px;
        margin: 0 0 20px 0;
    }
    footer .copyright {
        border-top: 1px solid #4a4a4a;
        padding-top: 18px;
        padding-bottom: 30px;
    }
        footer .copyright p {
            font-size: 14px;
            line-height: 22px;
            width: auto;
            margin: 0;
        }
        footer .copyright .horizontal.list {
            float: right;
            vertical-align: middle;
            margin: -4px 0 10px 0;
            color: #c3c3c3;
            height: 19px;
        }
            footer .copyright .horizontal.list .item {
                text-decoration: none !important;
                color: #c3c3c3 !important;
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                line-height: 22px;
            }
            footer .copyright .horizontal.list .item:first-child {
                margin-right: 6px;
            }
            footer .copyright .horizontal.list .item:last-child {
                position:relative;
            }
            footer .copyright .horizontal.list .item:last-child:after {
                content: " ";
                position: absolute;
                top: 8px;
                left: -10px;
                width: 2px;
                height: 13px;
                background-color: #c3c3c3;
                visibility: visible !important;
            }
                footer .copyright .horizontal.list .item a {
                    text-decoration: none !important;
                    font-family: 'Open Sans', sans-serif;
                    font-size: 14px;
                    line-height: 22px;
                    color: #c3c3c3;
                    -ms-transition: color 0.3s ease-in-out;
                    -o-transition: color 0.3s ease-in-out;
                    -webkit-transition: color 0.3s ease-in-out;
                    transition: color 0.3s ease-in-out;
                }
                    footer .copyright .horizontal.list .item a:hover {
                        color: #e60d00;
                    }

.ui.header.text.menu {
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 1em 0;
}
    .ui.header.text.menu > .ui.container > .header.item {
        margin-right: 10em;
    }
    .ui.header.text.menu > .ui.container > a.item {
        margin-right: 30px;
        font-size: 15px;
        letter-spacing: 2px;
        color: #fff;
        padding: 0;
        font-weight: 600;
        cursor: pointer;
        font-family: 'Poppins', sans-serif;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        -webkit-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out
    }
        .ui.header.text.menu > .ui.container > a.item:hover {
            color: #db1100;
        }

textarea {
    -moz-resize: vertical;
    -ms-resize: vertical;
    -o-resize: vertical;
    resize: vertical;
}

#main {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
}

#main-content {
    padding: 14px 14px 54px 14px;
    position: relative;
}
    #main-content.ui.container {
        padding-left: 0;
        padding-right: 0;
    }

#browse-happy, #help-messages, #info-messages, #messages, #warning-messages, #error-messages {
    margin-top: 0;
}
#help-messages:empty, #info-messages:empty, #messages:empty, #warning-messages:empty, #error-messages:empty {
    display: none;
}

/* Change cursor to a pointer for labels assigned to a given element */
label[for], .ui.checkbox .box {
    cursor: pointer !important;
}

/* Semantic UI Fix */
.ui.inverted.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child {
    border-left: 1px solid rgba(255,255,255,.08);
}

.ui.bottom.attached.dataTable.segment .ui.three.column.grid {
    margin: 0;
}
    .ui.bottom.attached.dataTable.segment .ui.three.column.grid .column {
        padding: 0;
    }

.dataTables_paginate.paging_simple > .ui.pagination.menu {
    float: right;
    margin: 0 0 0 .5rem;
}
/* End Semantic UI Fix */

/* DataTable Theme */
.ui.table.dataTable {
    -ms-border-radius: initial;
    border-radius: initial;
}
    .ui.table.dataTable > tbody > tr:not(.odd):not(.even) > td {
        background: #E8E8E8;
    }

    .ui.table.dataTable tbody tr.odd {
        background-color: #f9f9f9;
    }
.ui.selectable.table.dataTable tbody tr.selected {
    background-color: #b0bed9;
}
    .ui.selectable.table.dataTable tbody tr.selected.odd {
        background-color: #a2aec7;
    }
    .ui.selectable.table.dataTable tbody tr.selected:hover,
    .ui.selectable.table.dataTable tbody tr.selected.odd:hover {
        background-color: #aab7d1 !important;
    }

.ui.top.attached.dataTable.segment {
    width: 100%;
    max-width: 100%;
    padding: .35em;
    margin: 0 -1px 0 .01em;
    border-bottom: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
    .ui.top.attached.dataTable.segment .ui.dataTable.search {
        float: right;
    }
    .ui.top.attached.dataTable.segment .ui.basic.button:hover, .ui.top.attached.dataTable.segment .ui.basic.buttons .button:hover {
        color: rgb(0, 0, 0) !important;
    }
.ui.bottom.attached.dataTable.segment {
    width: 100%;
    max-width: 100%;
    padding: .35em;
    margin: 0 -1px 0 .01em;
    border-top: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
.ui.bottom.attached.dataTable.segment .ui.grid .column .ui.center.aligned.grid {
    margin-top: 0.2em;
}
.ui.bottom.attached.dataTable.segment .dataTables_paginate.paging_simple_numbers {
    float: right;
}
/* END DataTable Theme */

/* Bootstrap Conventions */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
/* End Bootstrap Conventions */