/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

 #main {
    margin: 0;
    height: -moz-calc(100% - 120px); /* Firefox */
    height: -webkit-calc(100% - 120px); /* Chrome, Safari */
    height: calc(100% - 120px); /* IE9+ and future browsers */
}

#lokalita, #manualneRiadenie, #CBRN, #prognozaDopadov,  #spravy, #nastroje {
    overflow: hidden;
}

/*#colPanel {
    position:fixed;
    background:none;
    z-index:0;
    overflow: hidden;
    padding: 0;
    height: -moz-calc(100% - 120px);  Firefox 
    height: -webkit-calc(100% - 120px);  Chrome, Safari 
    height: calc(100% - 120px);  IE9+ and future browsers 
}*/
	
#navigation {
    position:fixed;
    right:0;
    margin:0;
    padding-right:0;
    padding-left:0;
}

/*#layers, #zoomin, #zoomout, #ruler, #globe, #bm, #info, #print, #download , #logo, #exportPDF {
    background:none;
    border:0px solid transparent;
}*/
	
#layers > img, #zoomin > img, #zoomout > img, #ruler > img, #globe > img, #bm > img, #info > img, #print > img, #download > img, #logo > img, #exportPDF > img {
    width:30px;
    height:30px;
    border:0;
}


#lokalita, #CBRN3D, #prognozaDopadov,  #spravy, #nastroje {
    overflow: hidden;
}

#zavriNavigaciu:hover, #otvorNavigaciu:hover {
    background: #f1f1f1;
}

#otvorNavigaciu {
    background: #424242;
    opacity: 0.9;
    border: 0;
    position: absolute;
    right: 0;
    top: 82px;
    z-index: 1;
}

#otvorNavigaciu > img {
    width: 20px;
    height: 20px;
}

#vybratZArchivu, #importovatVypocet, #exportovatVypocet, #vymazatVypocet, #infoVypocet, #zdielatVypocet {
    background-color: #424242;
    color: white;
    width: 19.2%;
    padding-left: 0;
    padding-right: 0;
}

#importovatVypocet {
    margin-right: 8%;
}

#vybratZArchivu:hover:enabled, #importovatVypocet:hover:enabled, #exportovatVypocet:hover:enabled, #vymazatVypocet:hover:enabled, #infoVypocet:hover:enabled, #zdielatVypocet:hover:enabled {
    color: #d3d3d3;
}

/*#pridajUzivatela, #editujUzivatela, #vymazUzivatela, #odhlasUzivatela {
    background-color: #424242;
    color: white;
    width: 24.2%;
    padding-left: 0;
    padding-right: 0;
}*/

/*#zavriPridanieUzivatela, #pridatUzivatela {
    background-color: #424242;
    color: white;
    width: 100px;
}*/


/*#zavriEditovanieUzivatela, #editovatUzivatela {
    background-color: #424242;
    color: white;
    width: 100px;
}*/

/*#pridajUzivatela:hover:enabled, #zavriPridanieUzivatela:hover:enabled, #pridatUzivatela:hover:enabled, #editujUzivatela:hover:enabled, #vymazUzivatela:hover:enabled, #odhlasUzivatela:hover:enabled, #zavriEditovanieUzivatela:hover:enabled, #editovatUzivatela:hover:enabled {
    color: #d3d3d3;
}*/

#modalContentReportBod {
    left: 60px;
    top: 60px;
    width: 1450px;
    height: 650px;
}

#archivSelect {
    overflow-y: auto;
    width: 98%;
}


#archivSelect > option {
    font-family: 'Roboto Mono';
    font-size: 12px;
}


#hlavickaArchivSelect {
    font-family: 'Roboto Mono';
    font-size: 12px;
}

#tlacPrietoky, #tlacStaty, #tlacBiota, #tlacObce, #tlacVypuste, #tlacMeteo, #tlacCelkovy, #tlacKolektivne {
    background:none;
    border: 0;
    margin-top: 15px;
}
	
#tlacPrietoky > img, #tlacStaty > img, #tlacBiota > img, #tlacObce > img, #tlacVypuste > img, #tlacMeteo > img, #tlacCelkovy > img, #tlacKolektivne > img {
    width: 25px;
    height: 25px;
}


#tlacRuzica {
    background:none;
    border: 0;
    margin-top: 15px;
}
	
#tlacRuzica > img {
    width: 25px;
    height: 25px;
}

#tlaciarenPrietoky, #tlaciarenStaty, #tlaciarenBiota, #tlaciarenObce, #tlaciarenVypuste, #tlaciarenMeteo, #tlaciarenCelkovy, #tlaciarenKolektivne {
    background:none;
    border: 0;
    margin-top: 15px;
}

	
#tlaciarenPrietoky > img, #tlaciarenStaty > img, #tlaciarenBiota > img, #tlaciarenObce > img, #tlaciarenVypuste > img, #tlaciarenMeteo > img, #tlaciarenCelkovy > img, #tlaciarenKolektivne > img {
    width: 25px;
    height: 25px;
}

#tabulkaPrietokyReporty > tr > td, #tabulkaStatyReporty > tr > td, #tabulkaBiotaReporty > tr > td, #tabulkaObceReporty > tr > td, #tabulkaVypusteReporty > tr > td, #tabulkaMeteoReporty > tr > td, #tabulkaCelkovyReporty > tr > td, #tabulkaKolektivneReporty > tr > td {
    text-align: center;
    border: solid #d6d6d6 1px;
    padding: 5px;
}

#tabulkaPrietokyReporty > tr > th, #tabulkaStatyReporty > tr > th, #tabulkaBiotaReporty > tr > th, #tabulkaObceReporty > tr > th, #tabulkaVypusteReporty > tr > th, #tabulkaMeteoReporty > tr > th, #tabulkaCelkovyReporty > tr > th, #tabulkaKolektivneReporty > tr > th {
    text-align: center;
    border: solid #d6d6d6 1px;
    padding: 5px;
}

#tabulkaObceReporty > tr > td {
    padding-bottom: 2px;
    padding-top: 2px;
}

#tabulkaObceReporty > tr > td > button {
    background-color: white;
    font-size: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#tabulkaCelkovyReporty > tr > td {
    padding-bottom: 2px;
    padding-top: 2px;
}

#tabulkaCelkovyReporty > tr > td > button {
    background-color: white;
    font-size: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#tabulkaKolektivneReporty > tr > td {
    padding-bottom: 2px;
    padding-top: 2px;
}

#tabulkaKolektivneReporty > tr > td > button {
    background-color: white;
    font-size: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}



#tlacDavkyP, #tlacDavkyR, #tlacAktivity, #tlacAktivitySea, #tlacHmotnostneAktivity, #tlacDavkyIngesciou, #tlacOdvrateneDavky, #tlacCBRNdopady {
    background:none;
    border: 0;
    margin-top: 15px;
}
	
#tlacDavkyP > img, #tlacDavkyR > img, #tlacAktivity > img, #tlacAktivitySea > img, #tlacHmotnostneAktivity > img, #tlacDavkyIngesciou > img, #tlacOdvrateneDavky > img, #tlacCBRNdopady > img {
    width: 25px;
    height: 25px;
}

#tlaciarenDavkyP, #tlaciarenDavkyR, #tlaciarenAktivity, #tlaciarenAktivitySea, #tlaciarenHmotnostneAktivity, #tlaciarenDavkyIngesciou, #tlaciarenOdvrateneDavky, #tlaciarenCBRNdopady {
    background:none;
    border: 0;
    margin-top: 15px;
}


	
#tlaciarenDavkyP > img, #tlaciarenDavkyR > img, #tlaciarenAktivity > img, #tlaciarenAktivitySea > img, #tlaciarenHmotnostneAktivity > img, #tlaciarenDavkyIngesciou > img, #tlaciarenOdvrateneDavky > img, #tlaciarenCBRNdopady > img {
    width: 25px;
    height: 25px;
}

#noveOknoDavkyP, #noveOknoDavkyR,  #noveOknoAktivity, #noveOknoAktivitySea, #noveOknoHmotnostneAktivity, #noveOknoDavkyIngesciou, #noveOknoOdvrateneDavky, #noveOknoCBRNdopady {
    background:none;
    border: 0;
    margin-top: 15px;
}
	
#noveOknoDavkyP > img, #noveOknoDavkyR > img, #noveOknoAktivity > img, #noveOknoAktivitySea > img, #noveOknoHmotnostneAktivity > img, #noveOknoDavkyIngesciou > img, #noveOknoOdvrateneDavky > img, #noveOknoCBRNdopady > img {
    width: 25px;
    height: 25px;
}

#tabulkaDavkyP > tr > td, #tabulkaDavkyR > tr > td, #tabulkaAktivity > tr > td, #tabulkaAktivitySea > tr > td, #tabulkaHmotnostneAktivity > tr > td, #tabulkaDavkyIngesciou > tr > td, #tabulkaOdvrateneDavky > tr > td, #tabulkaCBRNdopady > tr > td, #tabulkaCBRNdopady2 > tr > td {
    text-align: center;
    border: solid #d6d6d6 1px;
    padding: 5px;
}

#tabulkaDavkyP > tr > th, #tabulkaDavkyR > tr > th, #tabulkaAktivity >  tr > th, #tabulkaAktivitySea > tr > th, #tabulkaHmotnostneAktivity > tr > th, #tabulkaDavkyIngesciou > tr > th, #tabulkaOdvrateneDavky > tr > th, #tabulkaCBRNdopady > tr > th, #tabulkaCBRNdopady2 > tr > th {
    text-align: center;
    border: solid #d6d6d6 1px;
    padding: 5px;
}


#uzivatelia {
    overflow-y: auto;
    width: 99%;
}



#uzivatelia > option {
    font-family: 'Roboto Mono';
    font-size: 12px;
}

#hlavickaUzivatelov {
    font-family: 'Roboto Mono';
    font-size: 12px;
}

#tlacVzacne {
    background:none;
    border: 0;
}
	
#tlacVzacne > img {
    width: 25px;
    height: 25px;
}


#nazovMapy {
    font-size: 16px;
}

#logout > span, #switchUser > span {
    font-size: 12px;
}

#rozsah1, #rozsah2, #rozsah3, #rozsah4, #hodnota1 {
    padding-left: 10px;
    font-weight: bold;
}

#legendaTable4 > tr, #legendaTable1 > tr {
    margin: 5px;
}


#aktualnaMapa, #aktualnaMapaCBRN {
    width: 140px;
    background-color: white;
    border: 1px solid #424242;
    height: 34px;
    margin-bottom: 0;
}


#aktualneSpravy {
    width: 140px;
    background-color: white;
    margin-bottom: 2px;
    border: 1px solid #424242;
    height: 34px;
}

#casAktualnaMapa, #casAktualnaMapaCBRN, #casArchiv1, #casArchiv2,#casArchiv1CBRN, #casArchiv2CBRN {
    border: 1px solid #424242;
    border-top: 0;
    height: 20px;
    width: 140px;
    background-color: white;
    cursor: context-menu;
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
}

#casAktualnaMapa, #casAktualnaMapaCBRN, #casArchiv1, #casArchiv1CBRN {
    margin-bottom: 5px;
}




#casArchiv2 {
    margin-bottom: 2px;
}

#archiv1, #archiv2,  #archiv1CBRN, #archiv2CBRN {
    width: 140px;
    background-color: white;
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #424242;
    margin-right: 5px;
    height: 34px;
    margin-bottom: 0;
}

#archiv1Spravy, #archiv2Spravy {
    width: 140px;
    background-color: white;
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #424242;
    margin-right: 5px;
    height: 34px;
}

#archiv1vyber, #archiv2vyber,  #archiv1vyberCBRN, #archiv2vyberCBRN {
    width: 40px;
    background-color: white;
    border: 1px solid #424242;
    height: 34px;
}



#archiv1vyberSpravy, #archiv2vyberSpravy {
    width: 40px;
    background-color: white;
    border: 1px solid #424242;
    height: 34px;
}

#archiv1Spravy, #archiv1vyberSpravy {
    margin-bottom: 2px;
}



#exportSpravy, #nastavenieSpravy {
    width: 190px;
    background-color: white;
    border: 1px solid #424242;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 2px;
}

#dlzka1, #sirka1, #lokalita1, #dlzka2, #sirka2, #lokalita2, #dlzka3, #sirka3, #lokalita3 {
    width: 200px;
}



 #nastavCasCBRN {
    width: 25px;
    height: 25px;
    background-color: white;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: solid 1px #424242;
    margin-bottom: 2px;
}

 #archivnaMapaCas {
    border: solid 1px #424242;
    margin-right: 20px;
    width: 160px;
}



#archivnaMapaCas:disabled {
    background-color: white;
}

/*#serverOnline, #serverArchiv, #stavServera, #stavServeraPotvrdit, #serverScenar, #serverScenarPrenos {
    background-color: #424242;
    color: white;
    width: 120px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
    margin-top: 10px;
}*/
/*
#serverOnline:hover:enabled, #serverArchiv:hover:enabled, #stavServera:hover:enabled, #stavServeraPotvrdit:hover:enabled, #serverScenar:hover:enabled, #serverScenarPrenos:hover:enabled {
    color: #d3d3d3;
}*/

#kruh {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 40px;
    height: 40px;
    background: radial-gradient(circle at 15px 15px, #33f71e, #000);
    border: 1px solid #424242;
    color: #424242;
    text-align: center;
    line-height: 5px;
    font-size: 30px;
    font-weight: 700;
    padding: 0px;
}


#pocCasSpravy, #konCasSpravy {
    border: solid 1px #424242;
    width: 180px;
}

/*#zrusitSpravy, #vybratSpravy {
    background-color: #424242;
    color: white;
    width: 120px;
    padding-left: 0;
    padding-right: 0;
    margin: 10px;
}

#zrusitSpravy:hover:enabled, #vybratSpravy:hover:enabled {
    color: #d3d3d3;
}*/

#farbaSprav0, #farbaSprav1, #farbaSprav2, #farbaSprav3, #farbaSprav4, #farbaSprav5, #farbaSprav6, #farbaSprav7 {
    float: right;
}

#spravy0, #spravy1, #spravy2, #spravy3, #spravy4, #spravy5, #spravy6, #spravy7 {
    float: left;
}

#zavrietLokalita, #spatLokalita, #vymazatLokalita {
    background-color: white;
    width: 100%;
    border: 1px solid #424242;
    border-radius: 0;
}

#ciaraLegenda:before {
    content: '\00a0\00a0\00a0\00a0';
    text-decoration: line-through;
    margin: auto 0.5em;
    color: red;
}

#prekryv2Horny, #prekryv3Horny, #prekryv4Horny {
    width: calc(100% - 10px);
    max-height: calc(100% - 60px);
}

#prekryv2Dolny, #prekryv3Dolny, #prekryv4Dolny {
    width: calc(100% - 10px);
}


/*#urciteAno, #urciteNie, #urciteAno2, #urciteNie2 {
    margin: 10px;
    width: 120px;
}*/

/*#urciteAno:hover:enabled, #urciteNie:hover:enabled, #urciteAno2:hover:enabled, #urciteNie2:hover:enabled {
    color: #d3d3d3;
}*/

#zrusitNastavenieSprav, #vybratNastavenieSprav {
    margin: 10px;
    width: 80px;
}


#zrusitNastavenieSprav:hover:enabled, #vybratNastavenieSprav:hover:enabled {
    color: #d3d3d3;
}

#nacitat, #zdielatVypocet {
    background-color: #424242;
    color: white;
    padding: 5px;
    width: 150px;
    margin-right: 9px;
}

#nacitat:hover:enabled, #zdielatVypocet:hover:enabled {
    color: #d3d3d3;
}

#meteoPrognoza, #svzPrognoza {
    background-color: white;
    width: 100%;
    border: 1px solid #424242;
    border-radius: 0;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 2px;
}


#casMeteoPrognoza, #casSvzPrognoza {
    background-color: white;
    border: 1px solid #424242;
    border-radius: 0;
    margin-top: 0;
    cursor: context-menu;
    font-size: 12px;
    height: 20px;
    width: 100%;
    cursor: context-menu;
    padding-top: 0;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

#btnVypnutVyberMeteo, #btnVybratVyberMeteo, #btnZrusitVyberMeteo, #btnVypnutVyberSVZ, #btnVybratVyberSVZ, #btnZrusitVyberSVZ, #btnTabulkaVyberSVZ {
    background-color: white;
    width: 100%;
    border: 1px solid #424242;
    border-radius: 0;
    margin-top: 10px;
}

#btnTabulkaZrusitVyberSVZ {
    background-color: white;
    width: 100px;
    border: 1px solid #424242;
    border-radius: 0;
    margin-top: 10px;
}


#tabulkaVyberMeteo > tr > td, #tabulkaVyberSVZ > tr > td {
    padding-left: 5px;
}

#tabulkaTabulkaVyberSVZ > tr > td {
    padding-left: 5px;
    border: 1px solid #d3d3d3;
}

#tabulkaTabulkaVyberSVZhlavicka > tr > td {
    padding-left: 2px;
    border: 1px solid #d3d3d3;
}



#tabulkaInfoMeteo > tr > td {
    padding-left: 10px;
    border: 1px solid #d3d3d3;
}

#osm, #bing, #layer {
    font-size: 14px;
    padding: 10px;
}

#prekryv2, #prekryv3, #prekryvInfo1, #prekryvInfo2, #prekryvInfo3, #prekryvInfo4, #prekryvInfo5, #prekryv4 {
    width: -moz-calc(80% - 10px); /* Firefox */
    width: -webkit-calc(80% - 10px); /* Chrome, Safari */
    width: calc(80% - 10px); /* IE9+ and future browsers */
}

#prekryv2Horny, #prekryv4Horny {
    height: -moz-calc(100% - 60px); /* Firefox */
    height: -webkit-calc(100% - 60px); /* Chrome, Safari */
    height: calc(100% - 60px); /* IE9+ and future browsers */
}

#prekryv4Horny2 {
    height: -moz-calc(100% - 100px); /* Firefox */
    height: -webkit-calc(100% - 100px); /* Chrome, Safari */
    height: calc(100% - 100px); /* IE9+ and future browsers */
}


#divNaTabAktN {
    height: -moz-calc(100% - 50px); /* Firefox */
    height: -webkit-calc(100% - 50px); /* Chrome, Safari */
    height: calc(100% - 50px); /* IE9+ and future browsers */
}

#osm, #bing, #layer {
    font-size: 14px;
    color: white;
    padding: 10px;
}

#layer1, #layer2, #layer3, #layer4, #layer5, #layer6 {
    font-size: 14px;
    color: white;
    margin-left: 10px;
    margin-right: 10px;
}

#layer11, #layer12, #layer13, #layer14, #layer15, #layer16, #layer17 {
    font-size: 14px;
    color: white;
    margin-left: 10px;
    margin-right: 10px;
}

#defaultLegenda, #zrusitLegenda, #okLegenda {
    background-color: #424242;
    color: white;
    width: 89px;
    padding-left: 0;
    padding-right: 0;
    margin: 5px;
}


#defaultLegenda:hover:enabled, #zrusitLegenda:hover:enabled, #okLegenda:hover:enabled {
    color: #d3d3d3;
}

#legendaFarba1, #legendaFarba2, #legendaFarba3, #legendaFarba4 {
    float: right;
    margin-bottom: 10px;
}

#legendaRozsah1, #legendaRozsah2, #legendaRozsah3, #legendaRozsah4 {
    width: 140px;
    margin-bottom: 10px;
}

#importTabulkaIdentification > tr > td, #importTabulkaEventInformation > tr > td, #importTabulkaINESClassification > tr > td, #importTabulkaEventDescription > tr > td, #importTabulkaRelease > tr > td {
    padding: 0;
    margin: 0;
    border: 1px solid #d3d3d3;
}

/*#vysuvacieOknoLayer {
    background-color: #424242;
}*/


.mapsBoxColor{
    background-color: #424242;
}

#nadpisy {
    background-color: #424242;
}

#obdlznik {
    background-color: #424242;
}

#divInfoKmape {
    background-color: #424242;
}

#zrusitScenar, #potvrditScenar {
    background-color: #424242;
    color: white;
    padding: 5px;
    width: 123px;
    margin-right: 9px;
}

#zrusitScenar:hover:enabled, #potvrditScenar:hover:enabled {
    color: #d3d3d3;
}

#ulozitPDF, #vonPDF, #exportNaServerPDF, #tlacitPDF {
    background-color: #424242;
    color: white;
    width: 160px;
    padding-left: 0;
    padding-right: 0;
}

#ulozitPDF:hover:enabled, #vonPDF:hover:enabled, #exportNaServerPDF:hover:enabled, #tlacitPDF:hover:enabled {
    color: #d3d3d3;
}

#zrusitExportPDF, #OKexportNaServerPDF {
    background-color: #424242;
    color: white;
    width: 100px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 5px;
}

#zrusitExportPDF:hover:enabled, #OKexportNaServerPDF:hover:enabled {
    color: #d3d3d3;
}

#okModalInfo {
    width: 100px;
}


#okModalInfo:hover:enabled {
    color: #d3d3d3;
}









.navbar {
    margin-bottom: 0;
    border-radius: 0;
    background-color: white;
    height: 60px;
    z-index: 2;
}
    
.btnNavbar {
    border-radius: 0;
    border: 0px solid white;
}

.row.content {height: 100%}
    
.sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
}
    
footer {
    background-color: #424242;
    color: white;
    height: 40px;
    border: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
	
body {
    height: 100vh;
    background-color: #424242;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    overflow: hidden;
}



.navbar-brand {
    font-weight: 300;
    font-size: 50px;
}

.sidebar {
    background-color: #424242;
    color: white;
    height: 100%;
    margin: 0;
    border: 0;
    z-index: 1;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
    .sidenav {
        height: auto;
        padding: 15px;
    }
    .row.content {height:auto;}
}



.list-group-item {
    background-color: #424242;
    color: white;
    border: 0;
    border-radius: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left:10px; 
    padding-right:0;
}

.list-group > li.active > a,
.list-group > li.active > table > tbody > tr > td > a 
{
    background-color: #f1f1f1;
    color: #424242;
}


.list-group > li > a,
.list-group > li > table > tbody > tr > td > a
{
    color: white;
    font-size: 100%;
    border-radius: 0 !important;
    font-weight: 600;
}


.list-group > li > a:hover,
.list-group > li > table > tbody > tr > td > a:hover
{
    border-radius: 0;
}



.nopadding {
    padding: 0 !important;
}
	
.blok {
    display: block;
}
	
.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;    
}

.nav-tabs > li > a {
    border-radius: 0;
    border: 1px solid #f1f1f1;
    color: black;
}
	
.nav-tabs > li.active > a {
    background: #f1f1f1;
    color: black;
}
	
.nav-tabs > li.active > a:hover {
    background: #f1f1f1;
    color: black;
}
	

.bmp {
    border:0; 
    margin:0; 
    padding:0;
}
	
.panel {
    border-radius: 0;
}

.panel-heading {
    font-weight: 600;
}

.panel-body > form > fieldset > p > label {
    font-weight: 400;
}

.panel-body > p > label {
    font-weight: 400;
}

.panel-footer {
    background-color: white;
    border: 0;
}


.zavriButton, #zavriLokalita, #zavriCBRN3D, #zavriPrognozaDopadov,  #zavriSpravy, #zavriNastroje, #zavriSent2Agri, #zavriNavigaciu {
    background: none;
    border: 0;
}
	
.zavriButton > img, #zavriLokalita > img, #zavriCBRN > img, #zavriCBRN3D > img, #zavriPrognozaDopadov > img, #zavriSpravy > img, #zavriNastroje > img, #zavriSent2Agri > img, #zavriNavigaciu > img {
    width: 20px;
    height: 20px;
}

.show {
    z-index: 1;
}
	
.hide {
    z-index: 0;
}

.modal-content {
    border-radius: 0;
}

.btn {
    border-radius: 0;
}

.btnGUI {
    border-radius: 0;
    min-width: 140px;
    height: 34px;   
    background-color: #F1F1F1;
    /*background-color: white;*/
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #424242;
    margin-left: 5px;
    font-weight:bold;
    /*margin-right: 5px;*/
    /*margin-bottom: 0;*/
}

.btnGUI:hover:disabled {
    color: #d3d3d3;
}

.tabVypocetUnbordered {
    background-color: white; 
    text-align: left;
    font-size: 15px;
    margin: 0; 
    padding: 0; 
    border: 0;
}

.tabVypocetUnbordered > tbody > tr > td {
    border: 0;
    padding: 2px;
    border-bottom: 1px solid #d3d3d3;
}

.tabVypocetUnbordered > tbody > tr > td > div {
    border: 0;
    padding: 0px;
    margin: 0;
}

.tabVypocetUnbordered > tbody > tr > td > label {
    vertical-align: middle;
    font-size: 12px;
}

.tabVypocetUnbordered > thead > tr > th {
    text-align: center;
}

.tabVypocet {
    text-align: right; 
    background-color: white; 
    font-size: 12px;
    margin: 0; 
    padding: 0;
}

.tabVypocet > tbody > tr > td {
    padding-bottom: 0px;
    padding-top: 0px;
}

.tabVypocet > tbody > tr > td > button {
    background-color: white;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

/*.modal-body > button {
    background-color: #424242;
    color: white;
}

.modal-body > button:hover:enabled {
    color: #d3d3d3;
}*/

.modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15%;
}


.modal-header .close {
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.modal-title {
    font-size: 26px;  /* Veľkosť písma, môžeš upraviť */
    font-weight: bold; /* Tučný text */
    text-align: center; /* Pre istotu, že text bude centrovaný */
}






/*schovat posuvniky v number inputoch*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



.schovaj > .multiselect-native-select input {
    display: none;
}

.loader {
  border: 16px solid rgba(241,241,241,0);
  border-radius: 50%;
  border-top: 16px solid rgb(0,147,209);
  width: 100px;
  height: 100px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.tabMapy > tbody > tr > td > label {
    font-size: 13px;
}
.tabMapy > tbody > tr > td > input:disabled+label {
    color: #808080;
}

.tabMapy > tbody > tr {
    border: 1px solid #d3d3d3;
}

.tabMapy > tbody > tr > td > button {
    padding-top: 0;
    padding-bottom: 5px;
}

.tabMapy > tbody > tr > td > button > img {
    height: 10px;
    width: 20px;
}


.farba {
    width: 25px;
    height: 20px;
}



.vyberMenu {
    cursor: pointer;
    background-color: white;
    position: absolute;
    border: solid 1px black;
    width: 150px;
}
.vyberMenu .menuItem {
    padding: 5px;
}
.vyberMenu .menuItem:hover {
    background-color: rgb(0,147,209);
}



.selectMapMenu {
    cursor: pointer;
    background-color: white;
    position: absolute;
    border: solid 1px black;
    width: 150px;
}
.selectMapMenu .menuItem {
    padding: 5px;
}
.selectMapMenu .menuItem:hover {
    background-color: rgb(0,147,209);
}
.menuSeparator {
    border-bottom: solid 1px black;	
}




.poznamka {
    color: grey;
    font-size: 12px;
}


.btnWhite100 {
    background-color: white;
    width: 100%;
    border: 1px solid #424242;
    border-radius: 0;
}

.btnWhite {
    background-color: white;
    border: 1px solid #424242;
    border-radius: 0;
}

.listWhite {
    background-color: white;
    border: 1px solid #424242;
    border-radius: 0;
}



.btnPrekryv2, .btnPrekryv3 {
    background-color: white;
    width: 100px;
    border: 1px solid #424242;
    border-radius: 0;
}

/*btn potvrdit zdroj clen*/
.btnPrekryv31 {
    background-color: white;
    width: 200px;
    border: 1px solid #424242;
    border-radius: 0;
}

.boxTransparency {
    width: 500px;
    padding: 5px;
    margin: 5px;
}

.box {
    width: 500px;
    border: 1px solid #424242;
    padding: 5px;
    margin: 5px;
}

.boxheader {
    text-align: center;
    font-weight: 700;
}

.disablediv {
    pointer-events: none;
    opacity: 0.4;
}


.riadokNaVyber_mrZDCtabulkaLokalita:hover, .riadokNaVyber_mrZDCtabulkaLokalitareal:hover, .riadokNaVyber_MRtabulkaPredikovanyZDC:hover, .riadokNaVyber_MRtabulkaRealnyZDC:hover {
    background-color: rgb(0,147,209);
    cursor: pointer;
}


.riadokNaVyber_MRtabulkaMeteo:hover, .riadokNaVyber_MRtabulkaSVZ:hover {
    background-color: rgb(0,147,209);
    cursor: pointer;
}

@keyframes glowing {
    0% {
        background-color: rgb(255,255,255);
        /*box-shadow: 0 0 5px #2ba805;*/
    }
    50% {
        background-color: rgb(255,0,0);
        /*box-shadow: 0 0 20px #49e819;*/
    }
    100% {
        background-color: rgb(255,255,255);
        /*box-shadow: 0 0 5px #2ba805;*/
    }
}

.blikajuci {
    animation: glowing 1300ms infinite;
}

@keyframes glowingText {
    0% {
        color: rgb(255,255,255);
        /*box-shadow: 0 0 5px #2ba805;*/
    }
    50% {
        color: rgb(255,0,0);
        /*box-shadow: 0 0 20px #49e819;*/
    }
    100% {
        color: rgb(255,255,255);
        /*box-shadow: 0 0 5px #2ba805;*/
    }
}

.blikajuciText {
    animation: glowingText 1300ms infinite;
}

@keyframes glowingBlack {
    0% {
        background-color: rgb(66,66,66);
        /*box-shadow: 0 0 5px #2ba805;*/
    }
    50% {
        background-color: rgb(255,0,0);
        /*box-shadow: 0 0 20px #49e819;*/
    }
    100% {
        background-color: rgb(66,66,66);
        /*box-shadow: 0 0 5px #2ba805;*/
    }
}

.blikajuciCierny {
    animation: glowingBlack 1300ms infinite;
}

.btnDialogFooter,  #btnPotvrditPridatMeteo, #btnZrusitPridatMeteo, #btnPotvrditZmenitMeteo, #btnZrusitZmenitMeteo, #btnPotvrditPridatSVZ, #btnZrusitPridatSVZ, #btnPotvrditZmenitSVZ, #btnZrusitZmenitSVZ, #btnZavrietInfoMeteo, #btnZavrietInfoSVZ, #btnPotvrditZadatCBRN, #btnZrusitZadatCBRN, #btnVypocetDavkaPoTrase, #btnZavrietDavkaPoTrase {
    background-color: white;
    border: 1px solid #424242;
    margin-left: 10px;
    width: 100px;
}






ul > li:nth-child(n).stmav > a { font-weight: bold }


.E2legenda {
    width: 20px;
    height: 20px;
}


.vlastnyRiadok {
    content: " ";
}





/*styl buttonov tabelatotorov v event*/

.tab-pane {
/*  
    sivy ramik v tabe - problem ked je scroll ramik je pevny a nenatahuje sa
    border-radius: 0;
    border: 2px solid #f1f1f1;
    padding: 0px;*/
}

.tab-body  {
    padding: 5px;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
/*  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;*/
}



/*skrolovacia tabulka class=scrolldown */
table.scrolldown {
    /*width: 99%;*/
    /* border-collapse: collapse; */
    border-spacing: 0;
    border: 1px solid black;
}

table.scrolldown tr:nth-child(even){background-color: #f2f2f2}

table.scrolldown th {
  background-color: #ccc;
  color: black;
  text-align: center
}

/* To display the block as level element */
table.scrolldown tbody,
table.scrolldown thead {
    display: block;
}

table.scrolldown tbody {
    /* Set the height of table body */
    /*height: 50px;*/
    /* Set vertical scroll */
    overflow-y: scroll;
    /* Hide the horizontal scroll */
    overflow-x: hidden;
}

table.scrolldown tbody td,
table.scrolldown thead th {
    /*width: 200px;*/
    border-right: 1px solid black;
    padding: 2px
}

table.scrolldown thead tr th {
    height: 40px;
    line-height: 16px;
}

table.scrolldown thead tr {
    border-bottom: 1px solid black;
}

table.scrolldown tr.selectedRow {
  background-color: #065BAA;
}

table.scrolldown tbody {
    border-top: 1px solid black;
}


/*farba tlacidsiel mapy  style="background-color:#424242;" som musel dat do button lebo to neslo dobre v CCS*/
.mapTool > button {
    padding:0;
    width:38px;
    height:38px;
    border:0px solid transparent;
}

.mapTool button > img{
    width:30px;
    height:30px;
    border:0;
}

/* hide cesium elements */
.cesium-viewer-animationContainer, .cesium-viewer-timelineContainer, .cesium-viewer-bottom, .cesium-viewer-fullscreenContainer, .cesium-viewer-toolbar {
  display: none !important;
}

*:disabled {
  /*background-color: dimgrey;*/
  /*color: linen;*/
  color: #AAA096;
  opacity: 1;
}