@font-face { font-family: "GothamPro"; src: url("fonts/GothamProRegular.ttf") format("truetype"); }
@font-face { font-family: "GothamProBold"; src: url("fonts/GothamProBold.ttf") format("truetype"); }
@font-face { font-family: "GothamProBlack"; src: url("fonts/GothamProBlack.ttf") format("truetype"); }
* { box-sizing: border-box; font-family: 'GothamPro'; }
html {min-height: 100vh;background-image: url('fonera.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;position: relative;}
html:before {content: '';position: absolute;z-index: 1;top: 0;bottom: 0;right: 0;left: 0;background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.1));}
body { position: relative; z-index: 2; margin: 0; padding-bottom: 100px; }
body::-webkit-scrollbar { width: 10px; background-color: #f0f0f0; }
body::-webkit-scrollbar-thumb { background-color: #2d328f; }
#btnexport {margin: 10px 0 20px;padding: 15px 30px;border: 0;background-color: cornflowerblue;color: #fff;font-size: 15px;font-family: 'GothamProBold';transition: 0.4s;border-radius: 5px;box-shadow: 5px 5px 5px rgba(0,0,0,0.7);}
#btnexport:hover, #btnexport:focus {text-decoration: none;outline: none;background-color: #3b5a92;box-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
h3 {font-size: 30px;color: #fff;margin-bottom: 20px;margin-top: 40px;text-shadow: 5px 5px 3px rgba(0,0,0,0.5);}
.rayones {display: none; }
.row2 { text-align: center; }
.table-wrap {max-width: 100%;overflow-x: scroll;padding-bottom: 10px;margin: 0 auto;background-color: rgba(255,255,255,0.5); box-shadow: 5px 5px 5px rgb(0 0 0 / 70%);}
.table-wrap::-webkit-scrollbar { width: 10px; background-color: rgba(255,255,255,0.8);}
.table-wrap::-webkit-scrollbar-thumb{ background-color: #4444dd;}
#tbldemo td, #tbldemo th {padding: 5px 10px;transition: 0.4s;background-color: #567fd6;color: #fff;border-width: 2px;border-style: solid;border-color: #fff;}
#tbldemo td {font-size: 14px;}
#tbldemo .QZ td {padding: 5px;background-color: #604ae8;color: #fff;}
#tbldemo .QZ:hover td {background-color: #9c4ae8;}
.table-numbers {text-align: right;}
#tbldemo th, #tbldemo .row2 td {background-color: #393594;color: #fff;border-color: #fff;font-size: 12px;padding: 5px;}
#tbldemo {width: 100%;border-spacing: 0;padding: 4px;}
tr.row1 td {background-color: slateblue; color: #fff; border-color: #312961;}
tr.header td {background-color: #b0c2fd; color: #000; border-color: #566082;}
#tbldemo .oblasti:hover td {background-color: lightgreen;}
.vsego-oblast, .po-statusam, .vsego-obnarujeno {text-align: right;}
.vsego-oblast, .oblast-name, .vsego-obnarujeno {font-family: 'GothamProBold';}
.container {padding-right: 30px;padding-left: 30px;margin-right: auto;margin-left: auto;}
#tbldemo th.export-date {text-align: right;padding: 6px 30px 6px 0;}
#tbldemo tr:first-child th {font-size: 20px;padding: 20px 20px;}
#tbldemo .rayones td { background-color: #a7ccef; color: #333; }