/* Font Général */
@font-face {
    font-family: 'Metal-On-Metal';
    src:url('fonts/Metal-On-Metal.ttf.woff') format('woff'),
        url('fonts/Metal-On-Metal.ttf.svg#Metal-On-Metal') format('svg'),
        url('fonts/Metal-On-Metal.ttf.eot'),
        url('fonts/Metal-On-Metal.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

/* Général */
/*
body{background: radial-gradient(circle, rgba(7,73,85,1) 0%, rgba(33,37,41,1) 80%);}
*/
html,body{ width:100%;height:100%;background: radial-gradient(circle, rgba(7,73,85,1) 0%, rgba(33,37,41,1) 80%);}
html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{font:normal 75% Arial, Helvetica, sans-serif;}
canvas{display:block;vertical-align:bottom;}
h1,h2,h3,h4,h5 {font-family:Arial, Helvetica, sans-serif;}
label{color:#18A5DA;font-weight: bold;}
input[type=text],input[type=password]{border-radius: 4px !important;}
pre{margin:2px;padding:8px 10px;font-size: 14px; background-color: rgba(51,51,51,0.5) !important;color:#00ff00;box-shadow:inset 0px 0px 5px #00ff00 !important;text-shadow:0px 1px 1px rgba(153, 162, 171,1) !important; border-radius: 0.25em;border-color: #1ba1e2!important;}
h6{color:#00ff00; padding-bottom: 8px;line-height:30px;margin:0px;}
h6.nobord{border-bottom:none;}
[class*=cell-], [class*=col-]  {padding: 6px !important;}
.cadneo{margin:2px;padding:8px 10px;font-size: 14px;font-family:OCR A Std, monospace;background-color: rgba(51,51,51,0.5) !important;color:#00ff00;box-shadow:inset 0px 0px 5px #00ff00 !important;text-shadow:0px 1px 1px rgba(153, 162, 171,1) !important; border-radius: 0.25em;border-color: #1ba1e2!important;}

.txt-center{text-align:center !important;}
.textmetal {font-family: 'Metal-On-Metal' !important;}
.textshad {text-shadow:0px 1px 1px rgba(153, 162, 171,1) !important;}
.w-20{width:15px !important;}
/* ---- particles.js container ---- */
#particles-js{width: 100%;height: 100%;background: radial-gradient(circle, rgba(7,73,85,1) 0%, rgba(33,37,41,1) 80%);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;}
#overlay {position: relative;z-index: 1;}

/* Menu haut */
.app-bar{height: 30px !important; min-height: 30px !important; background: linear-gradient(rgba(7,73,85,1) 0%, rgba(33, 53, 72,1) 80%); color:#fff;border-bottom: 1px solid #1b5470;}
.app-bar .brand{height: 30px !important; min-height: 30px !important;}
.app-bar .app-bar-menu>li, .app-bar .app-bar-menu>li>a {height: 30px !important; min-height: 30px !important;line-height: 30px;}

/* Footer */
.footer {position: fixed;left: 0;bottom: 0;width: 100%;color: white;text-align: center;text-align: right;}
.footer form{float: right;width:30px;}
.transp{background-color:rgb(255, 255, 255, 0.0);color:rgb(255, 255, 255, 0.0);border: none;margin: 0px 4px 4px 0px;}
.transp:hover{background-color:rgb(7,73,85, 1.0);color:#ffffff;cursor: pointer;}

/* Compteur début */
#compteur{font-size: 40px;font-family: 'Metal-On-Metal';}

/* Central acceuil */
#central{margin:0px;margin-top:32px;}

/* Central */
.ecranprinc{padding:10px;color:#fff;background-color: rgba(51,51,51,0.75) !important; border-radius: 10px;border:1px solid #1ba1e2 !important;box-shadow:inset 0px 0px 5px #00ff00 !important;}

/* Cube */
.cube .side .cube-cell.light {background-color: #B3FF8C !important;box-shadow: 0px 0px 5px #B3FF8C !important;border-color: rgb(255, 255, 255, 1.0);}
.cube .side .cube-cell {background-color: #18A5DA !important;box-shadow: 0px 0px 5px #B3FF8C !important;}
.cube .side.left-side {border-radius: 4px;}
.cube .side.right-side {border-radius: 4px;}
.cube .side.top-side {border-radius: 4px;}

/* Titre */
.titre{padding-top:20px !important;}

/* Formulaire */
.input{border-radius: 4px !important;border: 1px solid #cdcdcd !important;}

/* Boutons */
.button{border-radius: 4px;text-transform: uppercase;}

/* Dialog */
.dialog{border-radius: 6px;box-shadow: 0px 0px 10px #ffffff !important;}
.dialog-title{padding:4px 0px;text-align: center;border-radius: 4px 4px 0px 0px;}
.dialog-content{background-color: #e3e3e3;margin-top:0px !important;}
.dialog-actions {text-align:center;margin-top:0px !important;}

/* Icones */
.material-icons{color:#fff !important;}

/* Ombre */
.shadtext{text-shadow: 0px 0px 4px #000000;}
.shadint{text-shadow:inset 1px 1px 2px #444444;}

/* Accordion */
.accordion{border-radius: 4px;}
.accordion .heading{border-radius: 4px;}

/* Tableau */
.table{background-color:rgb(255, 255, 255, 0.75);color:#000;border-radius: 6px;}
.table thead{background-color:rgba(51,51,51,0.75);}
.table thead tr th{color:#fff !important;}
.table td{padding:4px 8px !important;}