/*
   Copyright (C) 2016-2017 Cuckoo Foundation.
   This file is part of Cuckoo Sandbox - http://www.cuckoosandbox.org
   see the file 'docs/LICENSE' for copying permission.
 */

.app {
    // padding: 30px;

    [id^="analysis"] &,
    [id^="submission/"] &,
    [id="dashboard"] &,
    [id="dashboard.views.index"] & {
        padding: 0;
    }
}

.content {
    background-color: white;
    padding: 40px;
    padding-top: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
}

.section-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    margin-top: 20px;
    padding-bottom: 3px;
}

span.block-title {
    font-size: 18px;
    font-weight: bold;
}

img.opaque {
    opacity: 0.6;
    filter: alpha(opacity=30);
}

img.opaque:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

img.screenshot {
    border: 1px solid #000000;
    margin: 0px 1px 2px 1px;
}

input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

// icon tab override fix
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active  >a >[class*=" icon-"] {
    background-image:url("../img/glyphicons-halflings.png") !important;
}

td {
    word-wrap: break-word;
}

.tab-content {
    margin-top: 25px;
}

.row-active {
    background-color: #d9edf7;
}

.break-everywhere {
    word-break: break-all;
}

table>tbody>tr>td{
    padding-top: 6px;
    padding-bottom: 6px;
}

table#network_dns>tbody>tr>td:nth-child(2)>a{
    display: inline;
    word-break: break-all;
}

section#screenshots .minified{
    overflow: hidden;
    max-height: 278px;
}

#recent table tr td:first-child, #recent table tr td:nth-child(2){
    word-wrap: break-word;
}

// import page
body[id="analysis/import"] {

    .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 999px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

}

// feedback modal
#modal_feedback {

    .panel-footer {

        margin-bottom: -14px;

        .btn-close {
            float: left;
            margin-right: 10px;
        }

        .btn-success {
            float: right;
            margin-left: 10px;
        }

        span {
            display: block;
            text-align: center;
            padding: 0 5px;
            color: grey;
        }

    }

    input#submit.sending {
      opacity: .5;
      background-color: #999;
      color: #444;
    }

}

// custom select
.custom-select {

    display: inline-block;

    select {
        -webkit-appearance: none;
        background-color: transparent;
        border: 0;
        padding: 0 5px 0 10px;
        text-align: center;

        &:focus {
            outline: 0;
        }
    }

    & > span {
        display: inline-block;
    }

    &:after {
        @extend .fa;
        content: "\f0d7";
        display: inline-block;
    }

    &:hover {
        cursor: pointer;
    }

    @include cuckoo-theme('night') {
        select { background-color: transparent; }
    }

    @include cuckoo-theme('cyborg') {
        select { background-color: transparent; }
    }

}

// fixes for hljs
pre code.hljs {
    white-space: pre;
    width: 100%;
    font-size: 13px;
    padding: 15px;
    line-height: 22px;

    @include cuckoo-theme('cyborg') {

        background-color: #1d1f21;
        color: #999;

        .hljs-type,
        .hljs-string,
        .hljs-number,
        .hljs-selector-id,
        .hljs-selector-class,
        .hljs-quote,
        .hljs-template-tag,
        .hljs-deletion {
            color: #6f9ab3;
        }

        .hljs-keyword {
            color: $cyborg_secundary_color;
        }
    }

    @include cuckoo-theme('night') {

        background-color: #1d1f21;
        color: #999;

        .hljs-type,
        .hljs-string,
        .hljs-number,
        .hljs-selector-id,
        .hljs-selector-class,
        .hljs-quote,
        .hljs-template-tag,
        .hljs-deletion {
            color: #6f9ab3;
        }

        .hljs-keyword {
            color: $cyborg_secundary_color;
        }

    }

}

// say no to bootstrap 'pre' styling
// (for some cases, just use <pre class="reset"> to eliminate bootstrap)
pre.reset {
    border: 0 solid #ccc;
    border-radius: 0;
    margin: 0 0 0;
    padding: 0;
    display: flex;
    width: 100%;
}

// shortcut for making a table fixed
table.table-fixed {
  table-layout: fixed;
}
