/****************************************************************
*
* Portal: In3Tax - system rejestracji przelewów
*                  dla: Intax Logistic Spółka z o.o.
*
* Główny arkusz CSS.
* Kolory wymagane przez Intax: #003478 - Pantone 294C
* Nowy kolor główny od XI 2015: #29487F
*****************************************************************/

* {
  font-family : tahoma, helvetica, arial, sans-serif;
}

body {
  margin : 0;
  padding : 0;
  border: none;
  background: #FFFFFF;
}


body.WithBack { /* Występowało w projekcie Intax do XI 2015. Nowy projekt już nie przewiduje */
  background-image: url('images/body_background_1134x1.png'); background-repeat: repeat-y; background-position: center;
  background-color: #EBEAE6;
}


table {
   width: 100%;
   border: 0px;
   border-collapse: collapse;
   padding: 0px;
   border-spacing: 0px;
 }


/****************************************************************************************************************************
*
*  Podział strony
*
*****************************************************************************************************************************/

#MainBox {
  margin-left : auto;
  margin-right : auto;
  margin-top : 10px;
  padding : 0;
  border: none;
  width      : 980px;
}

#PageHeader {
  margin  : 0;
  padding : 0;
  border  : none;
}


#SinglePanel {
  margin  : 0;
  padding : 0;
  border  : none;
}


#LeftPanel {
  margin  : 0;
  padding : 0;
  border  : none;
  width   : 190px;
  float   : left;
}

#MainPanel {
  margin  : 0;
  padding : 0;
  border  : none;
  width   : 780px;
  float   : right;
}

#FooterPanel {
  margin-top : 5px;
  padding-top : 18px;
  border-top  : 1px solid #D3D3D3;
  font-size : 8pt;
  color : #29487F;
  text-align: center;
  clear: both;
}


div.Wyrownywacz {
 clear: both;
 height: 0;
}





/*****************************************************************************************************************************
* Standardowe elementy całego programu.
*****************************************************************************************************************************/

div.StandardContainer {
  font-size : 10pt;
  color : #5B5B5B;
}

div.StandardContainer.LiniaDolna {
  border-bottom  : 1px solid #D3D3D3;
}

div.StandardContainer.Centrowany {
  text-align: center;
}


div.StandardContainer.Spacer {
  min-height: 50px;
}


div.StandardContainer.Przyciemniony {
  background: #F2F2F2;
}


div.StandardContainer h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size : 18pt;
  color : #29487F;
  font-weight: normal;
  text-decoration: none;
}

div.StandardContainer h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #F2F2F2;
  font-size : 12pt;
  color : #29487F;
  font-weight: normal;
  text-decoration: none;
}

div.StandardContainer h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #29487F;
  font-size : 11pt;
  color : white;
  font-weight: normal;
  text-decoration: none;
}

div.StandardContainer h4 {
  background-color: #f2f2f2;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10pt;
  color: #29487F;
  font-weight: bold
}

div.StandardContainer h4.Przyciemniony {
  background-image: url('images/h4_background_100x1.png'); background-repeat: repeat-y; background-position: left;
  border-bottom  : 1px solid #e2e2e2;
}



/* Modyfikatory tekstów */
div.StandardContainer .TekstDrobny { font-size : 8pt; }

div.StandardContainer .TekstNaglowkowy4Black { font-size: 14pt; color: #000000 }
div.StandardContainer .TekstNaglowkowy4Blue { font-size: 14pt; color: #29487F }

div.StandardContainer .TekstNaglowkowy3Black { font-size: 18pt; color: #000000 }
div.StandardContainer .TekstNaglowkowy3Blue { font-size: 18pt; color: #29487F }

div.StandardContainer .TekstNaglowkowy2Black { font-size: 28pt; color: #000000 }
div.StandardContainer .TekstNaglowkowy2Blue { font-size: 28pt; color: #29487F }

div.StandardContainer .TekstNaglowkowy1Black { font-size: 44pt; color: #000000 }
div.StandardContainer .TekstNaglowkowy1Blue { font-size: 44pt; color: #29487F }





div.StandardContainer  img.ps_Wstawka {
  display: block;
  margin-right: 5px;
  float: right;
}



/*****************************************************************************************************************************
* Alternatywne elementy całego programu.
*****************************************************************************************************************************/

div.AlternativeContainer {
  font-size : 10pt;
  color : #5B5B5B;
}

div.AlternativeContainer.LiniaDolna {
  border-bottom  : 1px solid #D3D3D3;
}

div.AlternativeContainer.Centrowany {
  text-align: center;
}


div.AlternativeContainer.Spacer {
  min-height: 50px;
}


div.AlternativeContainer.Przyciemniony {
  background: #F2F2F2;
}


div.AlternativeContainer h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size : 18pt;
  color : #29487F;
  font-weight: normal;
  text-decoration: none;
}

div.AlternativeContainer h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #F2F2F2;
  font-size : 12pt;
  color : #29487F;
  font-weight: normal;
  text-decoration: none;
}

div.AlternativeContainer h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #29487F;
  font-size : 11pt;
  color : white;
  font-weight: normal;
  text-decoration: none;
}

div.AlternativeContainer h4 {
  background-color: #f2f2f2;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10pt;
  color: #29487F;
  font-weight: bold
}

div.AlternativeContainer h4.Przyciemniony {
  background-image: url('images/h4_background_100x1.png'); background-repeat: repeat-y; background-position: left;
  border-bottom  : 1px solid #e2e2e2;
}



/* Modyfikatory tekstów */
div.AlternativeContainer .TekstDrobny { font-size : 8pt; }

div.AlternativeContainer .TekstNaglowkowy4Black { font-size: 14pt; color: #000000 }
div.AlternativeContainer .TekstNaglowkowy4Blue { font-size: 14pt; color: #29487F }

div.AlternativeContainer .TekstNaglowkowy3Black { font-size: 18pt; color: #000000 }
div.AlternativeContainer .TekstNaglowkowy3Blue { font-size: 18pt; color: #29487F }

div.AlternativeContainer .TekstNaglowkowy2Black { font-size: 28pt; color: #000000 }
div.AlternativeContainer .TekstNaglowkowy2Blue { font-size: 28pt; color: #29487F }

div.AlternativeContainer .TekstNaglowkowy1Black { font-size: 44pt; color: #000000 }
div.AlternativeContainer .TekstNaglowkowy1Blue { font-size: 44pt; color: #29487F }





div.AlternativeContainer  img.ps_Wstawka {
  display: block;
  margin-right: 5px;
  float: right;
}







/*****************************************************************************************************************************
* Banner
*****************************************************************************************************************************/
div.StandardContainer div.banner_Left {
  float: left;
  width: 110px;
  height: 63px;
  padding : 0px;
  background-color: #29487F;
}

div.banner_Left img {
  margin: 0px;
}


div.StandardContainer div.banner_RightTop {
  margin-left: 110px;
  height: 28px;
  padding: 0px;
  text-align: right;
  background-color: #29487F;
}


div.StandardContainer div.banner_RightTop span.banner_Dopisek {
  padding-right: 30px;
  font-size: 14pt;
  color: white;
}
div.StandardContainer div.banner_RightTop span.banner_Dopisek.Niebieski { color: white }
div.StandardContainer div.banner_RightTop span.banner_Dopisek.Czerwony { color: white }

div.StandardContainer div.banner_RightBottom {
  margin-left: 110px;
  height: 25px;
  padding: 5px;
  font-size : 12pt;
  color: white;
  background-color: #29487F;
}



/* Menu do umieszczania w panelu banner_RightBottom */
div.banner_RightBottom a {
  float: left;
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 2px;
  margin-bottom : 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size : 12pt;
  color: white;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  border-right: 2px solid #c9d1de;
}

div.banner_RightBottom a:hover {
  color: #C8CA93;
}

div.banner_RightBottom a.Bright {
  color: #16b9f2;
}

div.banner_RightBottom img {
  margin: 0px;
  padding: 0px;
}




div.banner_Ozdobnik { /* Na życzenie Intax */
  background: #29487F;
  padding : 0px;
  position: absolute; left : 0px; top: 0px;
  z-index: -1;
  height: 73px;
  width : 100%;
}


















/* Linki */

a.NormalLink        { color: #0C6F98; font-size: 10pt; text-decoration: none }
a.NormalLink:link   { color: #0C6F98; font-size: 10pt; text-decoration: none }
a.NormalLink:active { color: #0C6F98; font-size: 10pt; text-decoration: none }
a.NormalLink:hover  { color: #000000; font-size: 10pt; text-decoration: none }

a.NormalLink.Red { color: #FF4400 }


a.SmallLink        { color: #0C6F98; font-size: 8pt; text-decoration: none }
a.SmallLink:link   { color: #0C6F98; font-size: 8pt; text-decoration: none }
a.SmallLink:active { color: #0C6F98; font-size: 8pt; text-decoration: none }
a.SmallLink:hover  { color: #000000; font-size: 8pt; text-decoration: none }

a.SmallLink.Red { color: #FF4400 }
a.SmallLink.RedBold { color: #FF4400; font-weight: bold }






/* Okienko Informacja */
div.Message {
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 50px;
  padding: 5px;
  border-top: 2px solid #CDE1EA;
  border-bottom: 2px solid #CDE1EA;
  background-color: #EAEAEA;
  font-size: 10pt;
  color: #000000;
}

div.Message img.InfoSign {
  display: block;
  margin: 10px;
  float: left;
  width: 30px;
  height: 40px;
}

div.Message img.InfoSign.Prawy {
  float: right;
}

div.Message h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #0C6F98;
  font-size : 12pt;
  color : white;
  font-weight: normal;
  text-decoration: none;
}

div.Message p {
  margin-left : 60px;
  margin-right : 60px;
}



/* Okienko Błąd */
div.ErrorMsg {
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 80px;
  padding: 5px;
  border-top: 2px solid #CDE1EA;
  border-bottom: 2px solid #CDE1EA;
  background-color: #EAEAEA;
  font-size: 10pt;
  color: #000000;
}

div.ErrorMsg img.StopSign {
  display: block;
  margin: 10px;
  float: left;
  width: 40px;
  height: 40px;
}

div.ErrorMsg img.StopSign.Prawy {
  float: right;
}

div.ErrorMsg h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #C0C0C0;
  font-size : 12pt;
  color : white;
  font-weight: bold;
  text-decoration: none;
  color: red;
}

div.ErrorMsg p {
  margin-left : 60px;
  margin-right : 60px;
}



/* Okienko Pytanie */
div.Question { /* Marginesy dobierane programowo */
  min-height: 50px;
  padding: 5px;
  border-top: 2px solid #CDE1EA;
  border-bottom: 2px solid #CDE1EA;
  background-color: #FFFFFF;
  font-size: 10pt;
  color: #000000;
}

div.Question img.QuestSign {
  display: block;
  margin: 10px;
  float: left;
  width: 30px;
  height: 40px;
}

div.Question img.QuestSign.Prawy {
  float: right;
}

div.Question h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #0C6F98;
  font-size : 12pt;
  color : white;
  font-weight: normal;
  text-decoration: none;
}

div.Question p {
  margin-left : 60px;
  margin-right : 60px;
}

div.Question img.Przycisk {
  margin-left : 30px;
  margin-right : 30px;
}

div.Question div.Przyciski { /*  Szerokość dobierana programowo zależnie od ilości przycisków */
  margin-left : auto;
  margin-right : auto;
}



/* Progress Bar  */
div.ProgressBarContainer {
   width: 100px;
   height: 25px;
   margin-left : auto;
   margin-right : auto;
   background-image: url('images/progress_bar_175x25.png');
   background-repeat: no-repeat;
   background-position: 0px;
}









/*****************************************************************************************************************************
* Menu do umieszczania w panelu głównym
*****************************************************************************************************************************/
/* Wygląd nadesłany przez INTAX od XI 2015 (obrazki 139x88) */
div.Menu4 {
  margin : 0px;
  padding : 0px;
}

div.Menu4 h3 { /* do elementów typu Header */
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: white;
  font-size : 12pt;
  color : #29487F;
  font-weight: normal;
  text-decoration: none;
}

div.Menu4 .LabelOnly { /* Element menu: pusty lub z napisem nie stanowiacy link-u */
  width: 139px;
  float: left;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left : 12px;
  margin-right : 12px;
  padding : 0px;
  text-decoration: none;
  font-size : 10pt;
  color : white;
  overflow: hidden;
}

div.Menu4 a { /* Element menu: link */
  width: 139px;
  float: left;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left : 12px;
  margin-right : 12px;
  padding : 0px;
  text-decoration: none;
  font-size : 10pt;
  color : white;
  overflow: hidden;
}

div.Menu4 .Pojedynczy { height: 120px; }
div.Menu4 .Podwojny   { height: 264px; }

div.Menu4 .c1 { background-color: #0d99d6; }
div.Menu4 .c1:hover { background-color: #29487F; }
div.Menu4 .c2 { background-color: #29487F; }
div.Menu4 .c2:hover { background-color: #0d99d6; }
div.Menu4 .c3 { background-color: #29487F; }
div.Menu4 .c3:hover { background-color: #8cc0e7; }
div.Menu4 .c4 { background-color: #60A28D; }
div.Menu4 .c4:hover { background-color: #505050; }
div.Menu4 .c5 { background-color: #A28077; }
div.Menu4 .c5:hover { background-color: #505050; }
div.Menu4 .c6 { background-color: #8283BA; }
div.Menu4 .c6:hover { background-color: #505050; }
div.Menu4 .c7 { background-color: #44AAAC; }
div.Menu4 .c7:hover { background-color: #505050; }
div.Menu4 .c8 { background-color: #336C97; }
div.Menu4 .c8:hover { background-color: #505050; }
div.Menu4 .c9 { background-color: #31516C; }
div.Menu4 .c9:hover { background-color: #505050; }
div.Menu4 .c10 { background-color: #00B150; }
div.Menu4 .c10:hover { background-color: #505050; }
div.Menu4 .c11 { background-color: #FF9F10; }
div.Menu4 .c11:hover { background-color: #505050; }
div.Menu4 .cInactive { background-color: #DDDDDD; } /* Kolor elementu niedostępnego */

div.Menu4 span.Wnetrze {
  margin-top: 0px;
  display: block;
  min-height: 208px;
  text-align: center;
}

div.Menu4 span.Wnetrze.Scrollowany {  }
div.Menu4 span.Wnetrze.Scrollowany:hover { margin-top: -88px; }

div.Menu4 span.Wnetrze strong {
  font-size: 12pt;
  color : white;
  font-weight: normal;
  display: block;
  padding-top: 6px;
  padding-bottom: 20px;
}

div.Menu4 span.Wnetrze img {
  margin : 0px;
  padding: 0px;
}

div.Menu4 span.Wnetrze span.Label {
  padding-left: 2px;
  padding-right: 2px;
  display: block;
}




/* Wygląd stosowany dotychczas przez KK (obrazki 185x60). Jeszcze jest używany na podstronach! */
div.kk_Menu4 {
  border-bottom  : 1px solid #D3D3D3;
  margin : 0px;
  padding : 0px;
}

div.kk_Menu4 h3 { /* do elementów typu Header */
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #29487F;
  font-size : 11pt;
  color : white;
  font-weight: normal;
  text-decoration: none;
}

div.kk_Menu4 .LabelOnly { /* Element menu: pusty lub z napisem nie stanowiacy link-u */
  width: 185px;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left : 5px;
  margin-right : 5px;
  padding : 0px;
  text-decoration: none;
  font-size : 10pt;
  color : white;
  overflow: hidden;
}

div.kk_Menu4 a { /* Element menu: link */
  width: 185px;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left : 5px;
  margin-right : 5px;
  padding : 0px;
  text-decoration: none;
  font-size : 10pt;
  color : white;
  overflow: hidden;
}

div.kk_Menu4 .Pojedynczy { height: 100px; }
div.kk_Menu4 .Podwojny   { height: 220px; }

div.kk_Menu4 .c1 { background-color: #0d99d6; }
div.kk_Menu4 .c1:hover { background-color: #29487F; }
div.kk_Menu4 .c2 { background-color: #29487F; }
div.kk_Menu4 .c2:hover { background-color: #0d99d6; }
div.kk_Menu4 .c3 { background-color: #29487F; }
div.kk_Menu4 .c3:hover { background-color: #8cc0e7; }
div.kk_Menu4 .c4 { background-color: #60A28D; }
div.kk_Menu4 .c4:hover { background-color: #505050; }
div.kk_Menu4 .c5 { background-color: #A28077; }
div.kk_Menu4 .c5:hover { background-color: #505050; }
div.kk_Menu4 .c6 { background-color: #8283BA; }
div.kk_Menu4 .c6:hover { background-color: #505050; }
div.kk_Menu4 .c7 { background-color: #44AAAC; }
div.kk_Menu4 .c7:hover { background-color: #505050; }
div.kk_Menu4 .c8 { background-color: #336C97; }
div.kk_Menu4 .c8:hover { background-color: #505050; }
div.kk_Menu4 .c9 { background-color: #31516C; }
div.kk_Menu4 .c9:hover { background-color: #505050; }
div.kk_Menu4 .c10 { background-color: #00B150; }
div.kk_Menu4 .c10:hover { background-color: #505050; }
div.kk_Menu4 .c11 { background-color: #FF9F10; }
div.kk_Menu4 .c11:hover { background-color: #505050; }
div.kk_Menu4 .cInactive { background-color: #DDDDDD; } /* Kolor elementu niedostępnego */

div.kk_Menu4 span.Wnetrze {
margin-top: 0px;
display: block;
min-height: 160px;
}

div.kk_Menu4 span.Wnetrze.Scrollowany {  }
div.kk_Menu4 span.Wnetrze.Scrollowany:hover { margin-top: -60px; }

div.kk_Menu4 span.Wnetrze strong {
  font-size : 14pt;
  color : white;
  text-align: center;
  font-weight: normal;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.kk_Menu4 span.Wnetrze img {
  margin : 0px;
  padding: 0px;
}

div.kk_Menu4 span.Wnetrze span.Label {
  padding-left: 5px;
  padding-right: 5px;
  display: block;
}












/* Lewy panel - menu stanowiące zakładki do stron wieloformularzowych */
div.lp_Menu {
  margin : 0px;
  padding : 0px;
}

div.lp_Menu a.Bright { background-color: #DBDBDB; }

div.lp_Menu a {
  display: block;
  margin-top: 5px;
  margin-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12pt;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  text-align: right
 }

div.lp_Menu a:hover {
  color: #5B5B5B;
  font-weight: bold;
  text-decoration: none;
 }

div.lp_Menu img {
  margin: 0px;
  padding: 0px;
}










/*****************************************************************************************************************************
* dbBrowser - style standardowe.
*****************************************************************************************************************************/

table.Browser {
  margin : 0;
  border-collapse: collapse;
  width: 100%;
  background: #FFFFFF;
  font-size : 10pt;
  color : #5B5B5B;
}

table.Browser td.Header {
  padding : 5px;
  font-size: 8pt;
  color: #272727;
  border: 1px solid #CBCBCB;
  background-color: #EAEAEA;
  text-align : left;
  vertical-align: bottom
}

table.Browser td.Header.Right {
  text-align : right;
}


table.Browser td.Column {
  margin  : 0;
  padding : 5px;
  border : 1px solid #CBCBCB;
  text-align : left;
  background: white;
}

table.Browser td.Column:hover {
  background: #EFEFEF;
}


table.Browser td.Column.Right {
  text-align : right;
}

table.Browser td.Column.Center {
  text-align : center;
}

table.Browser td.Column.Green { background-color: #E0FFE0 }
table.Browser td.Column.Red { background-color: #FFE0E0 }
table.Browser td.Column.ColorA { background-color: #CFF265 }
table.Browser td.Column.ColorB { background-color: #7cc8fa }


table.Browser td.Column span.TekstDrobny {
  font-size: 8pt;
}


table.Browser a        { color: #5B5B5B; font-size: 10pt; text-decoration: none }
table.Browser a:link   { color: #5B5B5B; font-size: 10pt; text-decoration: none }
table.Browser a:active { color: #5B5B5B; font-size: 10pt; text-decoration: none }
table.Browser a:hover  { color: #000000; font-size: 10pt; text-decoration: none }


button.Browser { /* Przyciski pod grid-em */
 margin : 10px;
 font-size: 10pt;
 color: #5B5B5B;
}

.Browser.ActPage { /* Style do listy stron pod Grid-em */
  border-style: solid;
  border-width: 1px;
  background-color: #82CBEB;
  font-size: 12pt;
  color: #FFFFFF;
}

a.Browser.PageLink:link    { text-decoration: none; font-size: 12pt; color : #5B5B5B; }
a.Browser.PageLink:visited { text-decoration: none; font-size: 12pt; color : #5B5B5B; }
a.Browser.PageLink:active  { text-decoration: none; font-size: 12pt; color : #5B5B5B; }
a.Browser.PageLink:hover   { text-decoration: none; font-size: 12pt; color: #000000; font-weight: bold }






/*****************************************************************************************************************************
* FormBuilder - style standardowe.
*****************************************************************************************************************************/

table.FormBuilder {
  margin : 0;
  border-collapse: collapse;
  width: 100%;
  background: #FFFFFF;
  font-size : 10pt;
  color : #5B5B5B;
}

table.FormBuilder td.Header {
  padding : 5px;
  background: #0F8DC1;
  font-size : 11pt;
  color : white;
}


table.FormBuilder td.SubHeader {
  padding : 5px;
  font-size: 10pt;
  color: #5B5B5B;
  background-color: #EAEAEA;
  text-align : left;
}


table.FormBuilder td.Column {
  padding : 5px;
  text-align : left;
  vertical-align: middle;
}


table.FormBuilder td.Column.Right {
  text-align : right;
}

table.FormBuilder td.Column img {
  vertical-align: middle;
}

table.FormBuilder td.Column.ActiveLabel { font-weight: bold; color: #484848}

table.FormBuilder .ValidField { font-size: 10pt; color: #484848; background-color: #FFFFFF }
table.FormBuilder .ValidField.ActiveField { background-color: #D5DDD9; }
table.FormBuilder .InvalidField { font-size: 10pt; color: #484848; background-color: #FFE0E0 }
table.FormBuilder .InvalidField.ActiveField { background-color: #FFC0C0; }

table.FormBuilder .ValidFieldBold { font-size: 11pt; color: #484848; background-color: #FFFFFF; font-weight: bold }
table.FormBuilder .ValidFieldBold.ActiveField { background-color: #D5DDD9; }
table.FormBuilder .InvalidFieldBold { font-size: 11pt; color: #484848; background-color: #FFE0E0; font-weight: bold }
table.FormBuilder .InvalidFieldBold.ActiveField { background-color: #FFC0C0; }


table.FormBuilder .SubSign {
  display: block;
  margin-right: 5px;
  float: left;
  width: 20px;
  height: 20px;
}

table.FormBuilder .SubSign.Prawy {
  float: right;
}


table.FormBuilder .Zakladka {
  display: block;
  float: left;
  width: 125px;
  height: 50px;
}


table.FormBuilder .Buttons {
  margin : 10px;
  font-size: 10pt;
  color: #484848;
}

table.FormBuilder .ButtonB {  /* Przycisk wyróżniony */
  margin : 10px;
  font-size: 12pt;
  font-weight: bold;
  color: #484848;
}


table.FormBuilder .ButtonPEX {  /* Przycisk zapisz jako PEX w kasa.php */
  margin : 10px;
  font-size: 10pt;
  color: #484848;
  background-color: #CF8F30;
}

table.FormBuilder div.OpcjePEX { /* Okienko z opcjami dla przelewów PEX w kasa.php */
  float: left;
  width: 200px;
  padding: 5px;
  border: 1px solid #CDE1EA;
  font-size: 8pt;
  color: #7B7B7B;
  text-align: center;
}

/* Wstawki w FormBuilderze wykorzystywane np w Kasie */
div.fb_AjaxCtrlBox {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #CDE1EA;
  font-size: 8pt;
  color: #7B7B7B;
}

div.fb_AjaxCtrlBox .Buttons {
  margin: 0px;
  padding: 5px;
  border: 1px solid #FFFFFF;
  font-size: 8pt;
  color: #7B7B7B;
}
div.fb_AjaxCtrlBox .Buttons:hover {
  color: #000000;
}







/*****************************************************************************************************************************
* Forma logowania:
*****************************************************************************************************************************/
div.StandardContainer div.LoginContainer { /* Wstawienie tła pod formę logowania i wycentrowanie formy */
  background-image: url('images/login_background980x515.jpg'); background-position: center; background-repeat: no-repeat;
  margin-top: 0px;
  padding-left: 250px;
  padding-right: 250px;
  height: 445px;
  padding-top: 70px
}

/*****************************************************************************************************************************
* FormBuilder - style dla makiety logowania (inny wygląd opracował Intax).
*****************************************************************************************************************************/
table.LoginForm {
  margin : 0;
  border-collapse: collapse;
  width: 100%;
  background: white;
  font-size : 10pt;
  color : #29487F;
}

table.LoginForm td.Header {
  padding : 10px;
  color: #29487F;
  font-size : 14pt;
  background : white;
  border-bottom: 2px solid #e9e9e9;
}


table.LoginForm td.SubHeader {
  padding : 5px;
  font-size: 10pt;
  color: #5B5B5B;
  background-color: #EAEAEA;
  text-align : left;
}


table.LoginForm td.Column {
  padding : 5px;
  text-align : left;
  vertical-align: middle;
}


table.LoginForm td.Column.Right {
  text-align : right;
}

table.LoginForm td.Column img {
  vertical-align: middle;
}

table.LoginForm td.Column.ActiveLabel { font-weight: bold; color: #29487F}

table.LoginForm .ValidField { font-size: 10pt; color: #29487F; background-color: #FFFFFF }
table.LoginForm .ValidField.ActiveField { background-color: #efefef; }
table.LoginForm .InvalidField { font-size: 10pt; color: #29487F; background-color: #FFE0E0 }
table.LoginForm .InvalidField.ActiveField { background-color: #FFC0C0; }


table.LoginForm .btn_Login {
  padding-left: 30px;
}



table.LoginForm .Buttons {
  margin : 10px;
  font-size: 10pt;
  color: #484848;
}






/*****************************************************************************************************************************
* FormBuilder - style dla panelu wyszukiwania.
*****************************************************************************************************************************/

table.SearchPanel {
  margin : 0;
  border-collapse: collapse;
  width: 100%;
  background: #FFFFFF;
  font-size : 8pt;
  color : #5B5B5B;
}

table.SearchPanel td.Header {
  padding : 5px;
  background: #0F8DC1;
  font-size : 8pt;
  color : white;
}


table.SearchPanel td.SubHeader {
  padding : 5px;
  font-size: 8pt;
  color: #5B5B5B;
  background-color: #EAEAEA;
  text-align : left;
}


table.SearchPanel td.Column {
  padding : 5px;
  text-align : left;
  background: white;
  vertical-align: middle;
  min-height: 34px;
}


table.SearchPanel td.Column.Right {
  text-align : right;
}

table.SearchPanel td.Column img {
  vertical-align: middle;
}

table.SearchPanel td.Column.ActiveLabel { font-weight: bold; color: #484848}

table.SearchPanel .ValidField { font-size: 8pt; color: #484848; background-color: #FFFFFF }
table.SearchPanel .ValidField.ActiveField { background-color: #D5DDD9; }
table.SearchPanel .InvalidField { font-size: 8pt; color: #484848; background-color: #FFE0E0 }
table.SearchPanel .InvalidField.ActiveField { background-color: #FFC0C0; }


table.SearchPanel .SubSign {
  display: block;
  margin-right: 5px;
  float: left;
  width: 20px;
  height: 20px;
}

table.SearchPanel .SubSign.Prawy {
  float: right;
}


table.SearchPanel .Buttons {
  margin : 10px;
  font-size: 8pt;
  color: #484848;
}









/*****************************************************************************************************************************
 * DLA: proc_calendar.php
 *****************************************************************************************************************************/

table.Calendar {
  background-image: url('images/calendar_background_249x200.png'); background-repeat: no-repeat; background-position: center;
  text-align:center;
  width: 249px;
  height: 200px
}

table.Calendar td.Header { font-size: 12pt; font-weight: bold; color: #F2F2F2; height: 32px }
table.Calendar td.DayHeader { font-family: arial, sans-serif; font-size: 12px; color: #0C6F98 }
table.Calendar td.NormalDay {  }
table.Calendar td.Today { background-color: #E2E2E2 }
table.Calendar td.BrightDay { background-color: #0C6F98 }
table.Calendar td.NoDay {  }

table.Calendar a.HeaderLink         { font-size: 12pt; color: #F2F2F2; text-decoration: none }
table.Calendar a.HeaderLink:link    { font-size: 12pt; color: #F2F2F2; text-decoration: none }
table.Calendar a.HeaderLink:active  { font-size: 12pt; color: #F2F2F2; text-decoration: none }
table.Calendar a.HeaderLink:hover   { font-size: 12pt; color: white; text-decoration: none; font-weight: bold }


table.Calendar .NormalLink         { font-size: 10pt; color: #555555; text-decoration: none }
table.Calendar .NormalLink:link    { font-size: 10pt; color: #555555; text-decoration: none }
table.Calendar .NormalLink:active  { font-size: 10pt; color: #555555; text-decoration: none }
table.Calendar .NormalLink:hover   { font-size: 10pt; color: #000000; text-decoration: none; font-weight: bold }

table.Calendar .RedLink         { font-size: 10pt; color: #C10000; text-decoration: none }
table.Calendar .RedLink:link    { font-size: 10pt; color: #C10000; text-decoration: none }
table.Calendar .RedLink:active  { font-size: 10pt; color: #C10000; text-decoration: none }
table.Calendar .RedLink:hover   { font-size: 10pt; color: #000000; text-decoration: none; font-weight: bold }

table.Calendar .WhiteLink         { font-size: 10pt; color: #FFFFFF; text-decoration: none }
table.Calendar .WhiteLink:link    { font-size: 10pt; color: #FFFFFF; text-decoration: none }
table.Calendar .WhiteLink:active  { font-size: 10pt; color: #FFFFFF; text-decoration: none }
table.Calendar .WhiteLink:hover   { font-size: 10pt; color: #FFFFFF; text-decoration: none; font-weight: bold }

.noTitleStuff .ui-dialog-titlebar {display:none}

/*****************************************************************************************************************************
 * Różne podsumowania, także w: proc_przelewy.php i ve_przelewy.php
 *****************************************************************************************************************************/

table.SumPanel {}

table.SumPanel td.GridTitle {
  background-color: #e2e2e2;
  border: 2px solid #f2f2f2;
  vertical-align:middle;
  padding: 5px;
  margin-top: 5px;
  font-size: 8pt;
  color: #29487F;
  font-weight: bold;
  text-align: center;
  }
table.SumPanel td.Cell1 {
  vertical-align:middle;
  padding: 5px;
  font-size: 10pt;
  color: #0d99d6;
  font-weight: normal;
  text-align: right;
  }
table.SumPanel td.Cell1.Ozdobniki {
  border-bottom: 1px solid #0d99d6;
  border-top: 1px solid #0d99d6;
  text-align: center;
}
table.SumPanel td.Cell1 strong {
  font-weight: bold;
  }
table.SumPanel td.Cell2 {
  background-color: #0d99d6;
  font-size: 10pt;
  text-align: center;
  color: white;
  border: 2px solid white;
  padding: 3px
  }
table.SumPanel td.Cell2.Prawy {
  text-align: right;
}
table.SumPanel td.Cell3 {
  background-color: #0d99d6;
  font-size: 8pt;
  text-align: center;
  font-weight: normal;
  color: white;
  border: 2px solid white;
  padding: 5px
  }
table.SumPanel td.Cell4 {
  font-size: 10pt;
  text-align: right;
  color: #272727;
  vertical-align:middle;
  background-color: #EAEAEA;
  padding: 5px
  }
table.SumPanel td.Cell5 {
  background-color: #e2e2e2;
  border: 2px solid #f2f2f2;
  vertical-align:middle;
  padding: 5px;
  margin-top: 5px;
  font-size: 10pt;
  color: #29487F;
  font-weight: bold;
  text-align: center;
 }

table.SumPanel img {
  vertical-align: middle;
}


/*****************************************************************************************************************************
 * DLA: index.php
 *****************************************************************************************************************************/

div.StandardContainer div.main_TopMenu {
  float: left;
  width: 490px;
}

div.StandardContainer div.main_InvoiceInfo {
  margin-left: 490px;
  padding-top: 70px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

div.main_InvoiceInfo div.main_InvoiceContent {
  background-color: #f2f2f2;
  padding: 15px;
}



div.StandardContainer div.main_NewsList {
  margin-left: 490px;
  padding: 15px;
}

div.main_NewsContainer {
  margin-top: 0px;
  margin-bottom: 2px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #f2f2f2;
}

div.main_BtnSumuj {
  margin-top: 30px;
  margin-left: 48px;
}


/* Panel: kalendarz - sumy: */
div.StandardContainer div.SumPanelLP {
  margin-top: 5px;
  float: left;
  width: 680px;
}

div.StandardContainer div.SumPanelRP {
  margin-top: 5px;
  margin-left: 680px;
  padding-top: 40px;
  padding-left: 30px;
}




/*****************************************************************************************************************************
 * DLA: KASA.php
 *****************************************************************************************************************************/

/* Główne okno Kasy - podział części górnej */

div.StandardContainer div.kasa_LeftGroup {
  float: left;
  width: 790px;
  padding : 0px;
}

div.StandardContainer div.kasa_MainLP {
  float: left;
  width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
}

div.StandardContainer div.kasa_MainMP {
  float: left;
  width: 500px;
  padding: 10px;
}

div.StandardContainer div.kasa_MainRP {
  margin-left: 790px;
}


/* Okienko z pytaniem PZK */
div.pzk_Question {
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 50px;
  padding: 5px;
  border-top: 2px solid #CDE1EA;
  border-bottom: 2px solid #CDE1EA;
  background-color: #ffa9a9;
  font-size: 12pt;
  color: #000000;
}

div.pzk_Question img.InfoSign {
  display: block;
  margin: 10px;
  float: left;
  width: 40px;
  height: 40px;
}

div.pzk_Question img.InfoSign.Prawy {
  float: right;
  width: 180px;
  height: 65px;
}

div.pzk_Question h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #4D4D4D;
  font-size : 12pt;
  color : white;
  font-weight: normal;
  text-decoration: none;
}

div.pzk_Question p {
  margin-left : 60px;
  margin-right : 60px;
}

div.pzk_Question .TekstDrobny { font-size : 8pt; color : #5B5B5B }











/*****************************************************************************************************************************
 * DLA: Wydruki faktur VAT
 *****************************************************************************************************************************/
td.rep_fv_HeaderA  {
        font-family: Arial; font-size: 16pt; font-weight: bold;
        color: #000000;
        text-align: center;
        padding: 4px
         }

td.rep_fv_ValueHeaderA {
        font-family: Arial; font-size: 8pt; font-weight: bold; text-align: right;
        color: #000000;
        background-color: #CCCCCC;
        padding: 4px }
td.rep_fv_ValueHeaderAL {
        font-family: Arial; font-size: 8pt; font-weight: bold; text-align: left;
        color: #000000;
        background-color: #CCCCCC;
        padding: 4px }
td.rep_fv_ValueA    {
        font-family: Arial; font-size: 8pt;
        color: #000000;
        text-align: right;
        padding: 4px }
td.rep_fv_ValueAL    {
        font-family: Arial; font-size: 8pt;
        color: #000000;
        text-align: left;
        padding: 4px }

td.rep_fv_ValueHeaderB {
        font-family: Arial; font-size: 10pt; font-weight: bold; text-align: left;
        color: #000000;
        background-color: #CCCCCC;
        padding: 4px }
td.rep_fv_ValueB    {
        font-family: Arial; font-size: 12pt;
        color: #000000;
        text-align: left;
        vertical-align: top;
        padding: 4px }
td.rep_fv_ValueC    {
        font-family: Arial; font-size: 6pt;
        color: #555555;
        text-align: center;
        vertical-align: bottom;
        padding: 4px }

td.rep_fv_Odstep {
        height: 10px
                 }
td.rep_fv_OdstepZKreska {
        height: 10px;
        border-bottom: 1px solid #CCCCCC
                 }
table.rep_fv_Podpis {
        border: 1px solid #CCCCCC;
        width: 100%
                 }
table.rep_fv_Uwagi {
        border: 1px solid #CCCCCC;
        width: 100%;
        font-family: Arial; font-size: 8pt;
        color: #000000;
        text-align: left;
        vertical-align: top;
        padding: 4px
          }
.rep_fv_PageBreak { page-break-after: always }






/*****************************************************************************************************************************
 * DLA: gs_sumuj_przelewy.php
 *****************************************************************************************************************************/

div.StandardContainer div.sp_LeftPanel {
  float: left;
  width: 230px;
  padding-top: 100px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

div.StandardContainer div.sp_MainPanel {
  margin-left: 240px;
  padding: 5px;
}







/*****************************************************************************************************************************
 * DLA: ve_bank.php i gs_bank.php
 *****************************************************************************************************************************/

table.pp_InfoPanel {} /* panel z informacją skrótową na temat paczki przelewów */

table.pp_InfoPanel td.InfoHeader {
  font-size: 10pt;
  text-align: right;
  color: #272727;
  vertical-align:middle;
  background-color: #EAEAEA;
  padding: 4px
  }

table.pp_InfoPanel td.TekstDrobny {
  font-size: 8pt
  }

table.pp_InfoPanel img {
  vertical-align: middle;
}


/* Ramka ze stanem rachunków bankowych */
.af_AccountsFrame { border-left-style: solid; border-left-width: 0px;
         border-right-style: solid; border-right-width: 0px;
         border-top-style: solid; border-top-width: 0px;
         border-bottom-style: solid; border-bottom-width: 0px;
         padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
         width: 100%;
         height: 150px
 }

div.af_FramePanel {
    text-align    : left
}

table.af_Table { width: 310px; }
table.af_Table td.af_Header { font-size: 10pt; text-align: center }
table.af_Table td.af_Column1 { font-size: 8pt; text-align: center; width: 80px }
table.af_Table td.af_Column2 { font-size: 8pt; text-align:right; width: 90px }
table.af_Table td.af_Column3 { font-size: 8pt; font-weight: bold; text-align:right; width: 130px }
table.af_Table td.af_Column4 { border-right: 1px solid #CDE1EA; width: 10px }




/*****************************************************************************************************************************
 * DLA: gs_raporty.php
 *****************************************************************************************************************************/

div.StandardContainer div.rb_PanelLeft {
  float: left;
  width: 300px;
  padding-top: 100px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 50px;
}

div.StandardContainer div.rb_PanelRight {
  margin-left: 300px;
  padding-top: 100px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 50px;
}




/* Raport MT942, MT940, SPM01 */
table.ibre_Report {}

table.ibre_Report td.Ozdobnik { text-align:center; width: 128px; height: 128px }
table.ibre_Report td.RepHeader { font-size: 14pt; color: #000000; vertical-align:bottom }
table.ibre_Report .RepHeaderBig { font-size: 28pt; color: #000000 }

table.ibre_Report td.mt94X_TransLeft { text-align:center; width: 32px }
table.ibre_Report td.mt94X_TransBody { font-size: 8pt; width: 33% }

table.ibre_Report td.spm01_GridTitle {
  padding: 4px;
  font-size: 8pt;
  color: #272727;
  border-top: 2px solid #CBCBCB;
  border-bottom: 2px solid #CBCBCB;
  background-color: #EAEAEA;
  vertical-align: bottom }
table.ibre_Report td.spm01_TransLeft { padding: 4px; text-align: center; width: 50px }
table.ibre_Report td.spm01_TransBody { padding: 4px; font-size: 8pt }


table.ibre_Report td.Odstep { height: 25px }
table.ibre_Report td.OdstepZKreska { height: 25px; border-bottom: 1px solid #CDE1EA }
table.ibre_Report td.OdstepZKreskaMini { height: 5px; border-bottom: 1px solid #CDE1EA }

table.ibre_Report td.Naglowek2   { font-family: arial;
               height: 24px; font-size: 12pt; color: #FFFFFF;
               background-color: #0C6F98; font-weight: normal }
table.ibre_Report td.Naglowek3Light   {
               height: 18px; font-size: 10pt; color: #FFFFFF;
               background-color: #82CBEB; font-weight: normal }


/*****************************************************************************************************************************
 * DLA: rep_potwierdzenie.php i różnych raportów z Centrum Druku
 *****************************************************************************************************************************/
div.rep_Container {
  background: #FFFFFF;
  font-size : 10pt;
  color : #000000;
}

div.rep_Container h2 {
        font-family: Arial;
	font-size: 16pt;
	font-weight: bold;
        padding: 10px;
}

table.rep_Table {}

table.rep_Table td.HeaderA  {
        font-family: Arial; font-size: 16pt; font-weight: bold;
        border: 1px solid #000000;
        padding: 4px;
        background-color: #CCCCCC }
table.rep_Table td.HeaderA.Right {
  text-align : right;
}

table.rep_Table td.HeaderB  {
        font-family: Arial; font-size: 10pt; font-weight: bold;
        color: #000000;
        border: 1px solid #000000;
        padding: 4px }
table.rep_Table td.HeaderB.Right {
  text-align : right;
}
table.rep_Table td.ValueHeaderA {
        font-family: Arial; font-size: 8pt; font-weight: bold; text-align: right;
        color: #000000;
        background-color: #CCCCCC;
        padding: 4px }
table.rep_Table td.ValueA    {
        font-family: Arial; font-size: 8pt;
        color: #000000;
        text-align: left;
        padding: 4px }

table.rep_Table td.ValueHeaderB {
        font-family: Arial; font-size: 8pt; font-weight: bold;
        color: #000000;
        background-color: #CCCCCC;
        border: 1px solid #000000;
        padding: 4px }
table.rep_Table td.ValueHeaderB.Right {
  text-align : right;
}
table.rep_Table td.ValueB    {
        font-family: Arial; font-size: 8pt;
        color: #000000;
        padding: 4px }
table.rep_Table td.ValueB.Right {
  text-align : right;
}

table.rep_Table td.SumaA  {
        font-family: Arial; font-size: 10pt;
        color: #000000;
        border-top: 1px solid #000000;
        padding: 4px }
table.rep_Table td.SumaA.Right {
  text-align : right;
}




/*****************************************************************************************************************************
 * DLA: gs_view_NEWS.php
 *****************************************************************************************************************************/

/* podział na części */

div.StandardContainer div.news_LeftPanel {
  float: left;
  width: 300px;
  padding : 0px;
}


div.StandardContainer div.news_RightPanel {
  margin-left: 320px;
  padding: 10px;
  border: 2px solid #CBCBCB;
}





/*****************************************************************************************************************************
 * DLA: ve_fakturyvat.php
 *****************************************************************************************************************************/
table.fv_InfoPanel {}

table.fv_InfoPanel td.GridTitle {
  font-size: 10pt; color: #272727; text-align: center;
  background-color: #EAEAEA;
  padding: 5px
  }
table.fv_InfoPanel td.Cell1 {
  font-size: 10pt;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  }
table.fv_InfoPanel td.Cell1 strong {
  font-weight: bold;
  }




/*****************************************************************************************************************************
 * DLA: gs_produkty_dodatkowe.php
 *****************************************************************************************************************************/

div.StandardContainer div.pd_InfoPanel {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  border: 2px solid #CBCBCB;
}




/*****************************************************************************************************************************
* dbBrowser - style dla przeglądarki listy uwag dla poleceń klientów.
*****************************************************************************************************************************/

table.pk_Browser {
  margin : 0;
  width: 100%;
  background: #FFFFFF;
  font-size : 10pt;
  color : #5B5B5B;
}

table.pk_Browser td.Header {
  color: white;
  text-align : left;
}

table.pk_Browser td.Header.Right {
  text-align : right;
}

table.pk_Browser td.Column {
  text-align : left;
  background: white;
}

table.Browser td.Column.Center {
  text-align : center;
}

table.pk_Browser td.Column div.Left {
  margin-left: 5px; margin-right: 50px; margin-top  : 10px; margin-bottom  : 10px;
  padding : 5px;
  background-color: #cff265
}
table.pk_Browser td.Column div.Right {
  margin-left: 50px; margin-right: 5px; margin-top  : 10px; margin-bottom  : 10px;
  padding : 5px;
  background-color: #7cc8fa
}


table.pk_Browser td.Column:hover {
  background: #EFEFEF;
}

table.pk_Browser td.Column span.TekstDrobny {
  font-size: 8pt;
}


table.pk_Browser a        { color: #5B5B5B; font-size: 10pt; text-decoration: none }
table.pk_Browser a:link   { color: #5B5B5B; font-size: 10pt; text-decoration: none }
table.pk_Browser a:active { color: #5B5B5B; font-size: 10pt; text-decoration: none }
table.pk_Browser a:hover  { color: #000000; font-size: 10pt; text-decoration: none }


.maintenance-body {
  background: #29487f;
}
.maintenance-container {
  width: 600px;
  margin: 0 auto;
  padding: 50px;
  text-align: center;
  color: #fff;
}

.btn-popup {
  display: inline-block;
  padding: 6px 15px;
  border: 1px solid #fff;
}
.btn-popup-info,
.ui-widget-content .btn-popup-info {
  border-color: #0d99d6;
  background: #0d99d6;
  color: #fff;
}
.btn-popup-info:hover, .btn-popup-info:focus {
  background: #386ed6;
  border-color: #0d99d6;
  text-decoration: none;
}
.btn-popup-success,
.ui-widget-content .btn-popup-success {
  border-color: #069c25;
  background: #069c25;
  color: #fff;
}
.btn-popup-success:hover, .btn-popup-success:focus {
  background: #05781c;
  border-color: #05781c;
  text-decoration: none;
}

.btn-popup-danger,
.ui-widget-content .btn-popup-danger {
  border-color: #9c282b;
  background: #9c282b;
  color: #fff;
}
.btn-popup-danger:hover, .btn-popup-danger:focus {
  background: #64191b;
  border-color: #64191b;
  text-decoration: none;
}
.btn-popup-default {
  border-color: rgb(59, 62, 69);
  background: #fbfbfc;
}
.btn-popup-default:hover, .btn-popup-default:focus {
  text-decoration: none;
}

.hr-message {
  margin: 10px 0;
  padding: 10px;
  background: #FFE0E0;
}

.hr-message-high {
  background: #9c282b;
  color: #fff;
}