body {line-height: 17px; background-color: #ceebfd; font-family: "Times New Roman", Times, serif; border-style: solid; border-width: 1px; border-color: Red;} /*Ez a böngésző beállítás mint alapértelmezés felülírásához kell! Ha ez nincs megadva az olyan inline tíusú elemek mint pl. a SPAN annak magasság megadása ellenére is sor magasak lesznek. Ráadásul ha ez display: table-cell paraméterű elem és csatlakoznak hozzá más elemek azok is sor magasak lesznek hiába a magasság beállítás!!! */ 

.banner {background-color: DeepSkyBlue; display: block; position: fixed; top: 0; left: 0; width: 100%; z-index: 999999999999999999999}

.TTNR14 {font-family: "Times New Roman", "Arial", verdana, sans-serif; font-size: 14px; font-weight: normal; color: Black; background-color: Transparent; line-height: 17px;}

.dbvalueeditortableinput {color: Black; background-color: Red; display: table-cell; vertical-align: middle; box-sizing: border-box; margin: 0px; border-width: 0px; padding: 0px; 
	width: 100%; resize: none; overflow: auto;}

.dbvalueeditortableinputlostfocus {color: Black; background-color: Orange; display: table-cell; vertical-align: middle; box-sizing: border-box; margin: 0px; border-width: 0px; padding: 0px; 
	width: 100%; resize: none; overflow: hidden;}


.selectorinput {color: Black; background-color: Yellow; display: table-cell; vertical-align: middle; box-sizing: border-box; margin: 0px; border-width: 0px; padding: 0px; 
	width: 100%; resize: none; overflow: auto;}

.filterinput {color: Black; background-color: LightGreen ; display: table-cell; vertical-align: middle; box-sizing: border-box; margin: 0px; border-width: 0px; padding: 0px; 
	width: 100%; resize: none; overflow: auto;}


.dbvalueeditormyopcstyl {background-color: Red;}
.dbvalueeditormyopcstyl:hover {background-color: LightGrey;}
.dbvalueeditormyopcstyl:focus {background-color: DeepSkyBlue;}

.selectormyopcstyl {background-color: Yellow;}
.selectormyopcstyl:hover {background-color: LightGrey;}
.selectormyopcstyl:focus {background-color: DeepSkyBlue;}

.filtermyopcstyl {background-color: LightGreen;}
.filtermyopcstyl:hover {background-color: LightGrey;}
.filtermyopcstyl:focus {background-color: DeepSkyBlue;}

/*Login panel objektum formázások*/
.loginpanelcontainerstyl {background-color: RoyalBlue; border-radius: 1em}
.loginpanelheaderstyl {line-height: 17px; font-family: Blippo, fantasy, 'Times New Roman', Times, serif; color: white; font-weight: 900;}
.loginpaneluserinputstyl {background-color: PaleGreen; border-radius: 0.5em}
.loginpanelpasswordinputstyl {background-color: Salmon; border-radius: 0.5em}


/*Nyelv kiválasztó objektum formázások*/
.langselectorstyl {background-color: Transparent;}
.langselectoropccontainerstyl {background-color: LightGrey;}
.langselectoropcstyl {background-color: LightGrey;}
.langselectoropcstyl:hover {background-color: Grey;}
.langselectoropcstyl:focus {background-color: DeepSkyBlue;}

/*Tooltip formázások*/
/*A RoliMisc saját betűtípusom hivatkozása - Ebben van a nagyító (keresés) karakter*/
@font-face {font-family: 'RoliMisc';  url(http://fprprbdb.ddns.net/Fonts/RoliMiscInstallable.ttf), src: url(http://localhost/Fonts/RoliMiscInstallable.ttf);}
/*A szerveren való teszteléshez:*/
/@font-face {font-family: 'RoliMisc'; src: url(http://fprprbdb.ddns.net/Fonts/RoliMiscInstallable.ttf);}
.tooltiptarget {position: relative; display: table-cell; line-height: 15px;}
.tooltiptarget .tooltiptext {font-family: 'RoliMisc' ;visibility: hidden; opacity: 0; transition: opacity 2s; transition-delay: 1s; width: 120px; background-color: black; color: #fff; text-align: center; padding:  5px 0; border-radius:  6px; position: absolute; z-index: 100000}
.tooltiptarget:hover .tooltiptext {visibility: visible;  opacity: 0.7;}
.tooltiptarget .pos-top {bottom: 140%; left: 50%; margin-left: -60px} /* margin = width/2 */
.tooltiptarget .pos-top::after {content: " "; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;} /*Nyíl rajzolása (Valójában egy üres elem egynegyed kerete)*/
.tooltiptarget .pos-bottom {top: 140%; left: 50%; margin-left: -60px} /* margin = width/2 */
.tooltiptarget .pos-bottom::after {content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent;} /*Nyíl rajzolása (Valójában egy üres elem egynegyed kerete)*/
.tooltiptarget .pos-left {top: -5px; right: 140%}
.tooltiptarget .pos-left::after {content: " "; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black;} /*Nyíl rajzolása (Valójában egy üres elem egynegyed kerete)*/
.tooltiptarget .pos-right {top: -5px; left: 140%}
.tooltiptarget .pos-right::before {content: " "; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent;} /*Nyíl rajzolása (Valójában egy üres elem egynegyed kerete)*/

.standalonecellstyl {border-style: solid; border-width: 1px; border-color: black; padding: 0px;}


/*Tábla formázások*/

.tablestyl {border-width: 1px; border-spacing: 0px; border-color: Black; border-collapse: collapse;}
.Xtablestyl {border-spacing: 1px; background-color: Black;} /* A szegélyek helyett mivel azokat a cellákhoz kell beállítani és a szomszédos szegélyek vastagsága összeadódik 
így min 2 px szélesnek tűnik, inkább a cellák közötti hézag van 1px-re állítva és egy fekete háttér beállítva így úgy tûnik mintha lenne szegély - ezt a border-collapseal el lehet kerülni*/


.theadstyl {color: Black; background-color: Gray; vertical-align: middle; resize: none; overflow: hidden;  margin: 0px; border-width: 0px; padding: 0px;}
.Xtheadstyl {color: Black; background-color: Gray; font-family: "Times New Roman"; font-size: 14px; min-height: 24px; vertical-align: middle; resize: none; overflow: hidden;  margin: 0px; border-width: 0px; padding: 0px;}

.theadcellstyl {border-style: solid; border-width: 1px; border-color: Black; padding: 0px;}
.Xtheadcellstyl {border-style: solid; border-width: 1px; border-color: Black; min-height: 24px;}

.trowstyl1 {color: Black; background-color: #ffffff; vertical-align: middle; resize: none; overflow: hidden; margin: 0px; border-width: 0px; padding: 0px;}
.Xtrowstyl1 {color: Black; background-color: #ffffff; font-family: "Times New Roman"; font-size: 14px; min-height: 24px; vertical-align: middle; resize: none; overflow: hidden; margin: 0px; border-width: 0px; padding: 0px;}

.trowstyl2 {color: Black; background-color: #00c0ef; vertical-align: middle; resize: none; overflow: hidden; margin: 0px; border-width: 0px; padding: 0px;}
.Xtrowstyl2 {color: Black; background-color: #00c0ef; font-family: "Times New Roman"; font-size: 14px; min-height: 24px; vertical-align: middle; resize: none; overflow: hidden; margin: 0px; border-width: 0px; padding: 0px;}

.trowstyl3 {color: black; background-color: #00dfa0; vertical-align: middle; resize: none; overflow: hidden; margin: 0px; border-width: 0px; padding: 0px;}
.xtrowstyl3 {color: black; background-color: #00dfa0; font-family: "Times New Roman"; font-size: 14px; min-height: 24px; vertical-align: middle; resize: none; overflow: hidden; margin: 0px; border-width: 0px; padding: 0px;}

.tcellstyl {border-style: solid; border-width: 1px; border-color: black; padding: 0px; padding-top: 1px;}
.Xtcellstyl {border-style: solid; border-width: 1px; border-color: black; min-height: 24px;}

/*Cooke engedélyezésre figyelmeztető sáv formázása*/
.cookiealert {background-color: yellow; border-style: solid; border-width: 1px; border-color: black; min-height: 24px; 
font-family: "Times New Roman", "Arial", verdana, sans-serif; font-size: 30px; font-weight: normal; color: Black; text-align: center; vertical-align: -50%;}