/*
//  importEntities.css
//
//  Created by Alezia Kurdis on March 13th, 2024
//  Copyright 2024 Overte e.V.
//
//  Distributed under the Apache License, Version 2.0.
//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
*/

@font-face {
    font-family: FiraSans-SemiBold;
    src: url(../../../../../../resources/fonts/FiraSans-SemiBold.ttf), /* Windows production */
         url(../../../../../../fonts/FiraSans-SemiBold.ttf); /* OSX production */
}

@font-face {
    font-family: FiraSans-Regular;
    src: url(../../../../../../resources/fonts/FiraSans-Regular.ttf), /* Windows production */
         url(../../../../../../fonts/FiraSans-Regular.ttf); /* OSX production */
}

@font-face {
    font-family: Raleway-Bold;
    src: url(../../../../../../resources/fonts/Raleway-Bold.ttf), /* Windows production */
         url(../../../../../../fonts/Raleway-Bold.ttf); /* OSX production */
}

html {
    width: 100%;
    height: 100%;
}
input[type="text"] {
    font-family: FiraSans-SemiBold;
    color: #BBBBBB;
    background-color: #222222;
    border: 0;
    padding: 4px;
    margin: 1px;
}

input[type="number"] {
    font-family: FiraSans-SemiBold;
    color: #BBBBBB;
    background-color: #222222;
    border: 0;
    padding: 4px;
    margin: 1px;
    width: 90px;
}

h2 {
    font-size: 18px;
    color: #FFFFFF;
}
body {
    background: #404040;
    font-family: FiraSans-Regular;
    font-size: 14px;
    color: #BBBBBB;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

#importAtSpecificPositionContainer {
    display: none;
    width: 100%;
}

#jsonUrl {
    width:90%;
}
#browseBtn {
    font-family: FiraSans-SemiBold;
}
#browseBtn:hover {
    
}

label {
    font-family: FiraSans-SemiBold;
    color: #DDDDDD;
}
font.red {
    font-family: FiraSans-SemiBold;
    color: #e83333;
}
font.green {
    font-family: FiraSans-SemiBold;
    color: #0db518;
}
font.blue {
    font-family: FiraSans-SemiBold;
    color: #447ef2;
}
#importBtn {
    color: #ffffff;
    background-color: #1080b8;
    background: linear-gradient(#00b4ef 20%, #1080b8 100%);
    font-family: Raleway-Bold;
    font-size: 13px;
    text-transform: uppercase;
    vertical-align: top;
    height: 28px;
    min-width: 70px;
    padding: 0 18px;
    margin: 3px 3px 12px 3px;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
}
#importBtn:hover {
    background: linear-gradient(#00b4ef, #00b4ef);
    border: none;
}
input:focus {
    outline: none;
    color: #FFFFFF;
}
button:focus {
    outline: none;
}
div.explicative {
    width: 96%;
    padding: 7px;
    font-family: FiraSans-SemiBold;
    font-size: 12px;
    text-decoration: none;
    color: #BBBBBB;
}
button.black {
    font-family: Raleway-Bold;
    font-size: 10px;
    text-transform: uppercase;
    vertical-align: top;
    height: 18px;
    min-width: 60px;
    padding: 0 14px;
    margin: 5px;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: #000;
    background: linear-gradient(#343434 20%, #000 100%);
    cursor: pointer;
}
button.black:hover {
    background: linear-gradient(#000, #000);
    border: none;
}
#messageContainer {
    font-family: FiraSans-SemiBold;
    width: 100%;
}
#testContainer {
    border: 1px solid #AAAAAA;
    padding: 0px;
}