/*
    This file is part of PyroBit FX Studio,
    © 2017 Lorenzo Vannuccini, blackravenprod@gmail.com
      
    PyroBit FX Studio is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.
    
    PyroBit FX Studio is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
    GNU General Public License for more details.
*/

.unselectable
{   
    pointer-events:none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */                       
}

.unselectable::selection {
    color: currentColor;
    background: transparent
}
/*  
.hardwareAccelerated
{       
    -webkit-transform: translateZ(0.0);
    -moz-transform: translateZ(0.0);
    -ms-transform: translateZ(0.0);
    -o-transform: translateZ(0.0);
    transform: translateZ(0.0);
    
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}*/

.toolboxEntry
{
    float: left;
    font-size: 16px;
    text-align: left;
    margin-bottom: 4px;
    display: inline-block;
}

.toolboxSeparator
{
    float: left;
    width: 100%;
    height: 2px;
    opacity: 0.2;
    margin-bottom: 4px;
    display: inline-block;
    background-color: black;
}

.toolboxEmptySeparator
{
    float: left;
    width: 100%;
    height: 2px;
    opacity: 0.2;
    margin-bottom: 4px;
    display: inline-block;
}

.toolboxTitle
{
    float: left;
    width: 100%;
    height: 20px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
    display: inline-block;
}

.toolBoxDialog
{ 
    top: 0;
    right: 0;
    padding: 4px;          
    opacity: 0.75;        
    width: 220px;
    height: auto;
    min-height: 99%;
    position: absolute;
    border-radius: 10px;
    border: 2px solid white;
    background-color:lightblue;  
}

.footer
{
    left: 0;
    bottom: 0;        
    right: 240px;
    padding: 4px;             
    position: fixed;
    text-align:right;
}

.outlined {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.popupConsoleContainer
{
    top: 50%;
    left: 50%;        
    width: auto;                  
    height: auto;
    border: solid;            
    position: fixed;              
    overflow: hidden;  
    border-width: 5px;        
    text-align: center;
    border-radius: 1.25%;
    border-color: lightBlue;
    background-color: lightBlue; 
}

.popupConsoleCaptionBar
{
    width: 100%;
    height: 24px;
}

.popupConsoleCaptionTitle
{
    width: 100%;
    display: inline;        
}

.popupConsoleCloseBtn
{   
    padding: 0;
    width: 48px;
    height: 24px;
    float: right;
    font-size: 14px;
    line-height: 0px;
    margin-right: 0;
    margin-bottom: 4px;
    
    color: white;                 
    border-color: rgb(224,9,27);
    background-color: rgb(232,17,35);
}

.popupConsoleTextArea
{   
    margin: 0;   
    width: 50vw;  /* vw/vh metrics are not supported in Safari, width  overridden in openPopupConsole() JS */
    height: 50vh; /* vw/vh metrics are not supported in Safari, height overridden in openPopupConsole() JS */
    resize: none;
    border: none;
    font-size: 18px;
    overflow: scroll;                                 
    white-space: pre;
    padding-left: 8px;    
    color: lightGreen;               
    background-color: rgb(10,10,10);
}

.popupConsoleSubmitBtn
{
    width: 100%;
    height: 50px;
}

.hyperlink
{
    left: auto;
    bottom: auto; 
    bottom: 10px;
    color: lightBlue;
}

.hyperlink:hover {
    color: blue;
}