/* ==========================================================================
   Oknit.me css style
   
    

Create your own visual style... let it be unique for yourself and yet identifiable for others.
Orson Welles 


    Last edit: Oct 3 2013 from Autoscatto






            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

  0. You just DO WHAT THE FUCK YOU WANT TO.


   ========================================================================== */



body { background-color:#fff; }

img.bg {
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: -30px;
  left: 0;
  z-index: -9999;
}

.spostadx {
    padding-left: 8px;
}

#logobig {font-size:72px;}
.small {font-size:14px;}

blockquote.pull-right.small small::after { content: '';}
.ravvicina {
  line-height: 20px; 
  color:#000; 
  font-family: 'VT323', cursive; 
  background-color:#fff;
}
#canvicont{padding: 10px;}


#filedrag
{
        display: none;
        font-weight: bold;
        text-align: center;
        padding: 1em 0;
        margin: 1em 0;
        color: #777;
        border: 1px dashed #000;
        border-radius: 7px;
        cursor: default;
        background-color: #fff;
}

#filedrag.hover
{
        color: #f00;
        border-color: #f00;
        border-style: solid;
        box-shadow: inset 0 3px 4px #888;
}
#fileselect { display: none; }

[class^="icon-"], [class*=" icon-"] { margin-right: 0px; }
#uploadcontrol {display: none; border: solid 1px black; padding: 6px; background-color: #FFFFFF; margin: 14px; overflow:auto; }
#uploadcontrol .btn { padding: 8px 8px;} 
canvas {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.non{ display: none; }
#svgframe{
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


#canveditor {  
border: solid 6px #fff;  
outline: solid 6px #888;      
    background: #fff;
}  
table button{
    margin: 0;
    font-weight:bold;
    font-size: larger;
}
.bordino {  border: 1px solid black; }
.editctrl button {
    width: 45px;
}
.editctrl {
    border: solid 1px black;
}
.editctrl h4 {
    background: white;
}
.filectrl { font-family: 'Cabin',Verdana,sans-serif; font-size: 14px;}
.filelink {color:#000; text-decoration:underline; font-family: 'Cabin',Verdana,sans-serif; font-size: 14px;} 
.hero-unit {}
.navbar {margin-bottom: 0px; }

.topbar:before {
    content:"";
    display: block;
    padding-top:200px;
    background-repeat: no-repeat;
    background-size: auto;
}
.btn {
    box-shadow: -3px 3px black, -2px 2px black, -1px 1px black;
    border: 1px solid black;
    color: #000;
}

h4{font-size: 24px;}
#canvicont{ border: 1px solid black; }
#editcontrol{ border: 1px solid black; padding-top: 10px; padding-bottom: 10px; border-top:0; position: relative; background-color:#fff;}

.editctrl{padding: 4px; }

.radiobox{
    margin-left: 12px;
    padding: 8px 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: #FFFFFF;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    box-shadow: -3px 3px black, -2px 2px black, -1px 1px black;
    border: 1px solid black;
    color: #000;
    }

.bradio{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    color: #000;
}
.nav-tabs>li>a {
    background-color: #FFFFFF;
}
.tab-pane p{ color: #000; font-size: small;}
.tab-pane h3{ color: #FF004F; font-weight:bold; font-size: xx-large; }
.tab-pane h4{ color: #000; font-weight:bold;}

.tabla {
    display: table;            
}
#upimage{
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding: 18px;
      background-color: #e2e2e2;
}
#messages { margin-left: 12px;}
.modal { top: 10%; }
.navbar-text { color: #000; }
#inneredit {
      display: block;
      margin-left: 25%;
      margin-right:25%;    

}
.tab-pane {background-color: #FFF; padding: 16px;}
.hero-unit {background-color: #FFF;}