@import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
/*@import url("https://fonts.googleapis.com/css?family=Cinzel");
@import url("https://fonts.googleapis.com/css?family=Roboto:500");
@import url("https://fonts.googleapis.com/css?family=Acme");*/
/*@import url("fontawesome-all.css");*/

/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {*/
html, body {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/*border: 0;*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; font-family: "Open Sans", sans-serif; font-weight: 100; font-size: 100%; color: #000; }
body { -webkit-text-size-adjust: none; }
ol, ul { list-style: none; }
a { color: unset; text-decoration: none; }
p { padding-top: 5px; padding-bottom: 5px; }
/* Box Model */
/* 
 *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
*/

#desk { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; /*background-image: url(../tpl/deflogo.png); background-size: 10em;*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fefefe; }

.grayed { color: #444; }
.greyed { color: #4a4a4a; }
.whited { color: #eee; }
.fainted { color: #ddd; }
.redded { color: #770000; }
.reddedmore { color: #990000; }
.greened { color: #00B900; }
.yellowed { color: #EBBB14; }
.greenedbg { background-color: #00FF00; }
.yellowedbg { background-color: #EBBB14; }
.reddedbg { background-color: #990000; }
.pointable {cursor: pointer;}

.yellame {}
.yellame:hover { color: #EBBB14; }
.greyame {}
.greyame:hover { color: #666; }
.reddame {}
.reddame:hover { color: #CC0000; }
/*
.button-gr { text-transform: uppercase; background-color: darkgreen; border: 1px solid darkgreen; color: #fff; cursor: pointer; font-size: 14px; border-radius: 3px; xfont-family: "gothic2bt", sans-serif; padding: 5px; width: 100%; }
.button-gr:hover { background-color: forestgreen; border: 1px solid lightgreen; color: #fff; cursor: pointer; }
.button-ye { text-transform: uppercase; background-color: rgba(255, 224, 0, 0.85); border: 1px solid rgb(255, 212, 0); color: #fff; cursor: pointer; font-size: 14px; border-radius: 3px; xfont-family: "gothic2bt", sans-serif; padding: 5px; width: 100%; }
.button-ye:hover { background-color: rgba(255, 242, 149, 0.85); border: 1px solid rgb(255, 224, 0); color: #fff; cursor: pointer; }
.button-re { text-transform: uppercase; background-color: #660000; border: 1px solid #990000; color: #fff; cursor: pointer; font-size: 14px; border-radius: 3px; xfont-family: "gothic2bt", sans-serif; padding: 5px; width: 100%; }
.button-re:hover { background-color: #770000; border: 1px solid #990000; color: #fff; cursor: pointer; }
.button-dim { text-transform: uppercase; background-color: #dfdfdf; border: 1px solid #ccc; color: #fff; font-size: 14px; border-radius: 3px; xfont-family: "gothic2bt", sans-serif; padding: 5px; width: 100%; }
*/
.scrollable { overflow-y: auto; overflow-x: hidden; }
.scrollable::-webkit-scrollbar {
    width: 10px;
    /*background-color: #F5F5F5;*/
}
.scrollable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 3px;
    background-color: #bbb;
    opacity: 0.6;
}
.scrollable::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #444;
}

.ginput { border-radius: 3px; border: 1px solid #ccc; padding: 4px; font-family: "Open Sans", sans-serif; }
.gtextarea { border-radius: 3px; border: 1px solid #ccc; padding: 4px; width: 99%; height: 100px; font-family: "Open Sans", sans-serif; }
.gselect { border-radius: 3px; border: 1px solid #ccc; padding: 3px; font-family: "Open Sans", sans-serif; }

.sysNaverGroup {
    font-size: 22px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    /*cursor: pointer;*/
    font-weight: bold;
    color: #ccc;
}
.sysNaverItem {
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    /*cursor: pointer;*/
    font-weight: bold;
}
.sysNaverSubItem {
    padding: .2em;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    display: inline-block;
}
.sysNaverSubItem:hover {
    font-weight: bold;
    color: #000;
}
.naverItemOff {
    font-style: italic;
    color: #ddd;
    cursor: default;
}
.naverItemOff:hover {
    font-style: italic;
    color: #ddd;
}

.tdt-input { font-size: 1em; margin: auto; border-radius: 6px; padding: .3em; margin-top: .1em; margin-bottom: .1em; border-color: #ccc; border-width: 1px; border-style: solid; }
.tdt-area { font-size: 1em; margin: auto; border-radius: 6px; padding: .3em; margin-top: .1em; margin-bottom: .1em; border-color: #ccc; border-width: 1px; border-style: solid; }
.tdt-drop { /*background-color: blue;*/ }
/*.tdt-button { background-color: #0080C0; border-radius: 6px; padding: .3em; margin-top: .1em; margin-bottom: .1em; color: #fff; border-color: #ccc; border-width: 0px; border-style: solid; font-family: "Oswald", sans-serif; text-transform: uppercase; min-width: 100px; }*/

.tdt-button { font-family: "Oswald", sans-serif; cursor: pointer; background-color: #337ab7; border-color: #2e6da4; display: inline-block; color: #fff; text-align: center; 
    border-radius: 6px; padding: .6em; margin-top: .3em; margin-bottom: .3em; text-transform: uppercase; padding-left: .8em; padding-right: .8em; font-size: 80%; }
.tdt-button:hover { background-color: #286090; border-color: #204d74; }
.tdt-button-ye { background-color: #F2E115; color: #000000; }
.tdt-button-re { background-color: #990000; }
.tdt-button-dim { background-color: #ccc; border-color: #C0C0C0; }
.tdt-button-dim:hover { background-color: #ccc; border-color: #D0D0D0; }
.tdt-button-gr { background-color: #00AA00; }
.tdt-input:focus, .tdt-area:focus, .tdt-drop:focus, .tdt-button:focus { outline: none; }

.button-gr { text-transform: uppercase; background-color: darkgreen; border: 1px solid darkgreen; color: #fff; cursor: pointer; xfont-size: 14px; xborder-radius: 3px; xfont-family: "gothic2bt", sans-serif; xpadding: 5px; xwidth: 100%; }
.button-gr:hover { background-color: forestgreen; border: 1px solid lightgreen; color: #fff; cursor: pointer; }
.button-ye { text-transform: uppercase; background-color: rgba(255, 224, 0, 0.85); border: 1px solid rgb(255, 212, 0); color: #fff; cursor: pointer; xfont-size: 14px; xborder-radius: 3px; xfont-family: "gothic2bt", sans-serif; xpadding: 5px; xwidth: 100%; }
.button-ye:hover { background-color: rgba(255, 242, 149, 0.85); border: 1px solid rgb(255, 224, 0); color: #fff; cursor: pointer; }
.button-re { text-transform: uppercase; background-color: #660000; border: 1px solid #990000; color: #fff; cursor: pointer; xfont-size: 14px; xborder-radius: 3px; xfont-family: "gothic2bt", sans-serif; xpadding: 5px; xwidth: 100%; }
.button-re:hover { background-color: #770000; border: 1px solid #990000; color: #fff; cursor: pointer; }
.button-dim { text-transform: uppercase; background-color: #dfdfdf; border: 1px solid #ccc; color: #fff; xfont-size: 14px; xborder-radius: 3px; xfont-family: "gothic2bt", sans-serif; xpadding: 5px; xwidth: 100%; }


.treninoCurrent {
    background-color: #aa0000;
}


.bluame {}
.bluame:hover { color: #286090; }
#eyelid { display: none; height: 100%; width: 100%; background-color: #444; opacity: 0.6; position: fixed; top: 0px; left: 0px; z-index: 4; }

label { display: block; padding: .3em; font-size: 11px; font-weight: bold; }
.formrow { padding: .3em; }
.mesca label { font-size: 14px; }

.striped { background: #ddd; }
.striped tbody tr:nth-child(odd){
    background-color: #fefefe;
}
.striped tbody tr:nth-child(even){
    background-color: #efefef;
}
/*td { font-size: 75%; padding: 15px; }*/
td { font-size: 75%; padding: 8px; }
.striped.slimtd td {
    padding: 8px;
}
.nopad td {
    padding: 0px !important;
}
.navpinoff { color: #ececec; }
.navpinon {}

.filterpiece { display: inline-block; margin-right: 2px; }
fieldset {
    border-radius: 6px;
    border: 1px solid #cdcdcd;
    vertical-align: top;
}
.cardsection { padding-bottom: 1em; }
.box { border-radius: 8px;
    border: 1px dashed #cdcdcd;
    vertical-align: top; }
.box.abut { margin-right: 1em; margin-bottom: 1em; display: inline-block; }
.boxin { padding: 1em; }
.boxtab {padding: .5em;
    background: steelblue;
    color: white;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: 90%;
}
.box.fill {
    background-color: steelblue;
    color: #fff;
    border: 0px;
}
.box.w30 {
    width: 30%;
}
.box.w50 {
    width: 48%;
}

.editabel {
    background-color: transparent;
    border: 0px;
    width: 100%;
}
.sicurosi {
    background-color: #880000;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    width: 50px;
    text-align: center;
    padding: .3em;
    text-transform: uppercase;
    border-radius: 6px;
}
.sicurono {
    background-color: #008800;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    width: 50px;
    text-align: center;
    padding: .5em;
    text-transform: uppercase;
    border-radius: 6px;
}

.avxbut {
    background: #aa0000;
    color: #fff;
    padding: 3px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    float: right;
}

.wbga {
    background-image: url(../tpl/deflogo.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fefefe;
    background-size: contain;
    background-size: 500px;
}

.wbgb {
    /*background-image: url(../tpl/logobg.gif);*/
    background-image: url(../tpl/overlay.png);
    background-repeat: repeat !important;
    /*background-attachment: fixed;
    background-position: bottom;*/
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
}