/*variables*/
:root {
  --title-text-color: rgb(17,82,139);
  --title-text-size: 18px;
  --info-title-size: 18px;
  --default-title-size: 16px;
  --default-text-size: 14px;
  --text-color: rgb(138,138,138);
  --main-font : 'gothic';
  --style-variant-font: normal;
  --icon-size: 16px;
}
/*font awesome*/
i {
	width:var(--icon-size);
	height:var(--icon-size);
	color:var(--text-color);
}
.documents-html-title{
	text-decoration:none; 
	font-family: var(--main-font) !important;
	font-size: var(--default-text-size) !important;
	font-style: normal !important;
	font-variant: normal !important;
	color: var(--title-text-color) !important;
	text-align:center !important;
}
/*loading component*/
#loading-component{
	width: 320px;
	height:160px;
	color: var(--text-color);
	font-family: var(--main-font);
	position:fixed;
	left:40%;
	top:40%;
	z-index:20001;
	background:url(../icons/portal/frame.png);
}
#loading{
	padding-left: 15px;
    padding-top: 20px;
	font-size: var(--default-text-size);
	}

hr {
	height:1px;
	background: url(../icons/szukaj/resultPanel/dzialowka.png) repeat-x scroll center;
	border:none;
}
a {
	text-decoration:none; 
	font-family: var(--main-font) !important;
	font-size: var(--default-text-size) !important;
	font-style: normal !important;
	font-variant: normal !important;
	color: var(--title-text-color) !important;
	text-align:center !important;
	cursor:pointer;
}
/* component looks like a link*/
.link{
	font-family: var(--main-font) !important;
	font-size: var(--default-text-size) !important;
	font-style: normal !important;
	font-variant: normal !important;
	color: var(--title-text-color) ;
	cursor:pointer;
}
fieldset { 
	border: none !important;
}
/* poi tree */
.node_poi0 {background-image:url('../icons/poi/tree_poi0.png') !important;}
.node_poi1 {background-image:url('../icons/poi/tree_poi1.png') !important;}
.node_poi2 {background-image:url('../icons/poi/tree_poi2.png') !important;}
.node_poi3 {background-image:url('../icons/poi/tree_poi3.png') !important;}
.node_poi4 {background-image:url('../icons/poi/tree_poi4.png') !important;}
.node_poi5 {background-image:url('../icons/poi/tree_poi5.png') !important;}
.node_poi6 {background-image:url('../icons/poi/tree_poi6.png') !important;}
.node_poi7 {background-image:url('../icons/poi/tree_poi7.png') !important;}
.node_poi8 {background-image:url('../icons/poi/tree_poi8.png') !important;}
.node_poi9 {background-image:url('../icons/poi/tree_poi9.png') !important;}
.node_poi10 {background-image:url('../icons/poi/tree_poi10.png') !important;}
.node_poi11 {background-image:url('../icons/poi/tree_poi11.png') !important;}
.node_poi12 {background-image:url('../icons/poi/tree_poi12.png') !important;}
.node_poi13 {background-image:url('../icons/poi/tree_poi13.png') !important;}
.node_poi14 {background-image:url('../icons/poi/tree_poi14.png') !important;}
.node_poi15 {background-image:url('../icons/poi/tree_poi15.png') !important;}
.node_poi16 {background-image:url('../icons/poi/tree_poi16.png') !important;}
.node_poi17 {background-image:url('../icons/poi/tree_poi17.png') !important;}
.node_poi18 {background-image:url('../icons/poi/tree_poi18.png') !important;}
.node_poi19 {background-image:url('../icons/poi/tree_poi19.png') !important;}
.node_poi20 {background-image:url('../icons/poi/tree_poi20.png') !important;}

/*search panel */
#panel-search-ip-inputWrap {
	z-index:6002;
	height:37px;
}
#panel-search-ip-inputEl {
	z-index:6002;
	shadow : none!important;
	border:0!important
}
/* tekst na białym pasku nad zdjęciem galerii w panelu informujacy 
 ile jeszcze pozostało zdjęć*/
.textGalery{
	margin-top: -24px;
	color : white;
	font-family: var(--main-font);
	text-align: center;
	font-size: var(--default-title-size);
}
/* przycisk odrzucający regulamin w menu kompozycji */
.abandon-button {
	margin-left:10px!important;
	background: url("../icons/thPortals/composition/buttons/abandon.png");
}
.abandon-button:hover {
	cursor:pointer;
	background: url("../icons/thPortals/composition/buttons/abandon-active.png");
}
/* przycisk akceptujący regulamin w menu kompozycji */
.accept-button {
	margin-right:10px!important;
	background: url("../icons/thPortals/composition/buttons/accept.png");
}
.accept-button:hover {
	cursor:pointer;
	background: url("../icons/thPortals/composition/buttons/accept-active.png");
}
.text-align-justify{
	text-align:justify;
}
.text-align-center{
	text-align:center;
} 
.text-align-left{
	text-align:left;
}
.text-align-right{
	text-align:right;
}
.info-title{
	text-align:center;
	font-family: var(--main-font);
	font-size: var(--info-title-size);
	font-style: normal;
	font-variant: normal;
	color: var(--title-text-color);
}
.info-text {
	padding: 0 25px 0px 10px;
	font-family: var(--main-font);
	font-size: var(--default-text-size);
	font-style: var(--style-variant-font);
	font-variant: var(--style-variant-font);
    color: var(--text-color);
}
.info-text  div  table{
	max-width : 375px !important;
	font-family: var(--main-font);
	font-style: var(--style-variant-font);
	font-variant: var(--style-variant-font);
    color: var(--text-color)!important;
}

.info-text  div  table  tr  td  p  span{
    color: var(--text-color)!important;
}

.default-title {
	font-family: var(--main-font) !important;
	font-size: var(title-text-size) !important;
	font-style: normal !important;
	font-variant: normal !important;
	color: var(--title-text-color) !important;
}
.default-text {
	padding: 0 25px 0px 10px;
	font-family: var(--main-font);
	font-size: var(--default-text-size);
	font-style: var(--style-variant-font);
	font-variant: var(--style-variant-font);
    color: var(--text-color);
}
.default-table-icon {
	padding:0 25px 0px 10px;
	vertical-align:top
} 
/*przycisk zamknij i powrót (wstecz)*/
.close-panel-buttons{
	font-family: var(--main-font) !important;
	font-size: var(--default-text-size) !important;
	font-style: normal !important;
	font-variant: normal !important;
	color: var(--text-color);
	text-align:center;
}
/*text submenu w panelu opcji menu*/
.submenu-text { 
	margin-top:5px!important;
	cursor:pointer!important;
	padding-left:50px!important;
	padding-top:10px!important;
	font-family: var(--main-font) !important;
	font-size: var(--default-text-size) !important;
	color:var(--title-text-color)!important;
	
}
.submenu-text img {
	float:left;
}
.submenu-text div {
	padding-left:35px;
	/*wyśrodkowanie względem ikony*/
	margin-top:2px
}
/*lista wyników wyszukiwania*/
.search-list-item{
	font-family: var(--main-font) !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-variant: normal !important;
	color: var(--text-color) !important;
	text-align:left !important;
	height:80%;
}
/* przyciski opcji przy minimapie*/
.right-panel-button{
	padding :0!important;
	margin :0!important;
	border : none!important;
	position: absolute;
	z-index: 2003;
}
/*koordynaty przy minimapie*/
.coordinate-panel-text{
	margin: 0;
	font-family:var(--main-font);	
	color: var(--text-color) !important;
	color:black;
	font-size:12px;
	line-height:1.3;
}
/*Pole tekstowe do wyszukiwania musi być w firefoxie, 
gdy go nie ma tekstfield częściowo jest przeźroczysty*/
.comboFocusCls {
    width: 100%;
}
/*Pole tekstowe do wyszukiwania*/
.comboFieldCls{
	font-family: var(--main-font) !important;
	font-style: normal !important;
	font-variant: normal !important;
	color: var(--title-text-color) !important;
	z-index:6002;
	font-size:18px!important;
	#box-shadow::none!important	
    width: 100%;
}
/* opis metadanych gdy wyświetli się je w panelu wyników */
.metadata-result-text{
	line-height:1.3;
	font-family:var(--main-font);	
	color:var(--text-color);
	font-size:11px;margin:10px;
}
/*drzewo warstw*/
.treeRoot{
	color:var(--title-text-color);
	cursor:pointer!important;
	font-size: 15px;
}
.treeNode{
	color:var(--title-text-color);
	cursor:pointer!important;
	font-size: var(--default-text-size);
}
/*klasa pojawiającego się okna opcji warstwy w drzewie*/
.tree-window-text{
	font-family: 'gothic' !important;
	font-size: var(--default-text-size) !important;
	font-style: normal !important;
	font-variant: normal !important;
	color: var(--text-color) !important;
	text-align:left !important;
}
/* klasa ikon nagłówków np w panelu opcji (nagłówki zdefiniowane w framework-change-style.css jako '.x-title-text') */	
.header-panel-icon{
	cursor:pointer!important;
	margin:0!important;
	padding :0!important;
	height : 39px!important;
	width : 39px!important;
}
/*kompozycje - poczatek*/
.annotation-title{
	font-family: var(--main-font)!important;
	font-size: var(--default-title-size);
	font-style: normal;
	font-variant: normal;
	color: var(--title-text-color);
}
.annotation-text{
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 3px;
	margin-right: 2px;
	font-family: var(--main-font)!important;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	line-height: 14px;
	/*color: var(--text-color) !important;*/
}
.composition-describe-text{
	margin-top:10px;
	margin-left: 3px;
	margin-right: 2px;
	font-family: var(--main-font)!important;
	font-size: var(--default-text-size);
	font-style: normal;
	font-variant: normal;
}
/*kompozycje - koniec*/
/*Przyciski menu - zawsze na wierzchu*/
.components-always-on-top-1{
	z-index:19075!important;	
}
.components-always-on-top-2{
	z-index:19070!important;	
}
/* it works on google chrome, scrollbar css*/
::-webkit-scrollbar{
	width: 14px;
}          
::-webkit-scrollbar-button {
    overflow:hidden!important;
	width: 0px;
    height: 0px;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb
{
    -webkit-border-radius:0px;
    background-color:#999;
    border: none;
}
::-webkit-scrollbar-thumb:hover{
    background-color:#BBB;
}
/*test
/*.method-result-table-icon {
	padding:0 25px 0px 10px;
	vertical-align:top
} */
/*result panel .hide-result-button-image {
	border : 0!important;
	width:26px!important; height:26px!important;
	background: url(../icons/options/menu.png) no-repeat scroll center !important;
}	*/

/* defaultowy text extjs
.x-form-text-default{
	font-family: var(--main-font) !important;
	font-style: normal !important;
	font-variant: normal !important;
	color: var(--text-color) !important;
	text-align:left !important;

}


*/