@charset "utf-8";
.alchat-Background { background-color: #FEFFFC; }
.alchat-ConversationPanelBackground { }
.alchat-FormLabel { color:#707070; font-size:12px; font-weight: bold; color: #004476; padding-left: 5px; }
.alchat-FormTextBox { color: #707070; }
.alchat-FormButton {width: 100px;height: 31px;margin-top: 10px;/* color: #8e3b3b; */font-weight: bold;border: none;cursor:hand;background-color: #d52b1e;}
.alchat-RequiredTextBox { border:1px solid #e5b33b; height: 30px; width: 349px;}
.alchat-FormListBox {height: 30px; width: 349px;}
.alchat-TopLogoBar { background-color: #FEFFFC; }
button.gwt-Button { height: 31px; background-color: #d52b1e; color: #FFFFFF; font-weight: bold; border: none; margin-top: 10px; }
#__endB, .alchat-FinishButton { width: 101px; height: 31px; margin-right: 35px; color: #FFFFFF; font-weight: bold; border: none; margin-top: 10px; cursor:hand; }
.alchat-FormListBox, .alchat-MessageLabel, .chat-EntryBoxTextArea, .gwt-Hyperlink{ color: #707070; }
.gwt-Label{ color: #E4001A; font-weight: bold; }
.chat-Conversation img.gwt-Image{ width: 60px; }
.chat-Received .chat-Sent, .chat-Received .chat-Message, .chat-Sent .chat-Message{ color: #004476; padding: 5px 0px; }
.chat-Sent .chat-Message{ padding: 5px 0px; color: #d42127; }
.chat-Sent .chat-SenderNick, .chat-Received .chat-SenderNick{ font-size: 9pt; } 
.chat-Sent{ background-color: #F8F8F8; }
.alchat-ButtonPanel { margin: 0 auto; width: 200px;}
.windowButton button {background-color: #d52b1e;}



/*** POCZATEK KODU BP ***/

/* Logo w lewym gornym rogu */
.alchat-Logo 
{
background-image: url(logo_chat.png);
height: 42px;
}

/* Powered by Altar */
div.chat-PoweredBy 
{
font-size: 9px;
color: #9a9a9a;
text-decoration: none;
position: absolute;
right: 190px;
bottom: 10px;
}

/* Klepsydra ladowania kolejnej strony czata */
.chat-Loading 
{
border: 8px solid #f3f3f3;
border-top: 8px solid #d52b1e;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
display: block;
font-size: 0px;
}

/*Obramowanie czata*/
.chat-Content
{
border: 0px;
}

/* Obszar(marginesy/ramka w sumie) na obszar dla stron na przyciski/teksty przed rozpoczeciem czata */
.alchat-FormHolder 
{
width: 320px;
}

/*Tylko obszary stron na przyciski/teksty przed rozpoczeciem czata i strony po zakonczeniu czata */

.alchat-FormScrollPanel
{
width: 100%;	
}

/* Napis: "Czat z konsutlantem" */
[data-id=czatZKonsultantemL] 
{
font-size: 20px;
color: #000000;
padding: 0px;
margin-left: 9px;
}

/* Napisy: Imie, Tresc pytania */
[data-id=CHAT_CLIENT_NICKL],
[data-id=PierwszePytanieKlientaL]
{
color: #000000;
font-weight: normal;
padding : 0px;
margin-left: 10px;
}

/* Pola form text (imie)*/
.alchat-FormTextBox 
{
width: 300px;
padding-left: 4px;
margin-left: 10px;
margin-right: 10px;
height: 20px;
padding: 4px;
border-radius: 3px;
border: 1px solid #ccc;
color: #505050; /* kolor wpisanego tekstu */
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
border-width: 2px;
}

/* Pole form text po najechaniu (imie)*/
.alchat-FormTextBox:hover
{
width: 300px;
padding-left: 4px;
margin-left: 10px;
margin-right: 10px;
height: 20px;
padding: 4px;
border-radius: 3px;
border: 1px solid #ccc;
color: #505050; /* kolor wpisanego tekstu */
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
border-color: #b11d28; /* kolor ramki po najechaniu */
border-width: 2px;
}

/* Pola text area (pytanie, odpowiedz ankieta)*/
.alchat-FormTextArea 
{
width: 300px;
margin-left: 10px;
color: #505050;
border-width: 2px;
}

/* Pola text area po najechaniu (pytanie, odpowiedz ankieta)*/
.alchat-FormTextArea:hover
{
width: 300px;
margin-left: 10px;
color: #505050;
border-color: #b11d28; /* kolor ramki po najechaniu */
border-width: 2px;
}

/* Pola form list (odpowiedz ankiety) */
.alchat-FormListBox
{
border-width: 2px;
}

/* Pola form list po najechaniu (odpowiedz ankiety) */
.alchat-FormListBox:hover
{
border-color: #b11d28; /* kolor ramki po najechaniu */
border-width: 2px;  
}

/* Przycisk "Wyslij" przy podawaniu imienia i pytania */
[data-id=okCzat] 
{
margin-left: -55px;
}

/* Przycisk "Zakoncz" przy podawaniu imienia i pytania*/
[data-id=anulujCzat] 
{
margin-left: 90px;
}

/* Przyciski glowne tematow FAQU */
[data-id=faqBI] 
{
height: 50px;
}

[data-id=faqKarta] 
{
height: 50px;
}

[data-id=faqWakacjeKredytowe] 
{
height: 50px;
}

/* Przycisk glowny "Inne pytania" */
[data-id=okFaqInnePytania] 
{
width: 110px;
}

[data-id=czatDataKlientL] 
{
height: 30px;
}

[data-id=czatWitamyKlientL] 
{
height: 20px;
background-color: #e6e6e6;	
}

[data-id=czatWybierzKlientL] 
{
height: 20px;
background-color: #e6e6e6;
}

/* Przyciski konkretnego tematu FAQ-u
bez najechania wskaznikiem myszy*/
[data-id=FAQ_BI_01],
[data-id=FAQ_BI_02],
[data-id=FAQ_BI_03],
[data-id=FAQ_BI_04],
[data-id=FAQ_BI_05] 
{
width: 360px;   /* szerokosc pytan/przyciskow FAQ */
height: 40px;
margin-top: 10px;
font-weight: bold;
font-size: 13px;
border: none;
cursor:hand;
background-color: #fefffc;
color: #000000;	
}

/* Przyciski konkretnego tematu FAQ-u
po najechaniu wskaznikiem myszy*/
[data-id=FAQ_BI_01]:hover,
[data-id=FAQ_BI_02]:hover,
[data-id=FAQ_BI_03]:hover,
[data-id=FAQ_BI_04]:hover,
[data-id=FAQ_BI_05]:hover 
{
width: 360px;   /* szerokosc pytan/przyciskow FAQ */
height: 40px;
margin-top: 10px;
font-weight: bold;
font-size: 13px;
border: none;
cursor:hand;
background-color: #fefffc;
color: #ff0000;	
}

/* Enter tylko pomiedzy odpowiedziami danego
konkretnego FAQ-u */
[data-id=interliniaFaqL] 
{
height: 0px;
}

/*Odpowiedzi FAQ*/
[data-id=odpowiedzFaqL] 
{
width: 360px;
margin-left : 5px;
margin-right : 5px;
background-color: #ffffff;
font-size : 10px;
}

/* Ustawienia awatara konsultanta */
.chat-AgentAvatar 
{
height: 80px;
border-radius: 180px;
border: 0px solid #9e9e9e;
}

/* Pozycja koleczka do zamykania trwajacej rozmowy czat */
.chat-CloseLink 
{
margin-top: -2px;
padding: 12px 0px;
}

/* Kolory koleczka do zamykania trwajacej rozmowy czat */
.chat-CloseLink span 
{
border-radius: 30px;
padding: 4px 9px;
font-size: 14px; /* wielkosc X-a */
font-weight: normal;
color: #dbf1d3; /* kolor X-a */
}

/* Linia pod logiem, tlo przy polu koleczkiem do zamykania czata */
.alchat-TopLogoBar 
{
border-bottom: 4px solid #fefffc;
}

/* Przycisk "Wyslij" dla trwajacej rozmowy czat */
.chat-SendButton
{
cursor: pointer;
font-weight: normal;
padding: 2px 30px;
border: 0px solid #9c3077;
right: 8px;
border-radius: 14px;
/* margin-top: 3px; */ /* pokazanie przycisku */
margin-top: 33px; /* ukrycie przycisku przycisku */
}

/* Trojkat nad tlem komunikatow czata od strony konsutlanta razem z pytaniem */
.chat-Message>div:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 7px 6px;
border-color: #D3D3D3 transparent;
display: block;
width: 0px;
top: -5px;
left: 36px;
}

/* Trojkat nad tlem komunikatow czata od strony klienta razem */
.chat-Sent .chat-Message>div:before 
{
border-color: #A9A9A9 transparent;
right: 16px;
left: auto;
}

/* Tlo komunikatow czata od strony konsutlanta razem z pytaniem */
.chat-Message div 
{
background:  #D3D3D3;
}

/* Tlo komunikatow i czcionki czata od strony klienta */
.chat-Sent .chat-Message div 
{
background:  #A9A9A9;
color: #000000;
}

.chat-Received .chat-Message div 
{
color: #000000;
}

/* Godzina wyslania tekstu czat i tlo godziny i spodu komunikatu(cien) */
.chat-MessagePanel td 
{
text-align: right;
background: #ffffff;	
}

/* Nick konsultant */
.chat-Sender.chat-SenderNick 
{
text-align: left;
width: 380px;
background: #ffffff;
}

/* Pole do wpisywania trwajacego czata */
.chat-MessagePanel 
{
margin: 2px;
padding: 4px;
background: #ffffff;
border-radius: 4px;
margin-bottom: 32px;  / *inne obnizenie przycisku */
}

/* "Tak, zakoncz" - Czy na pewno chcesz zakonczyc polaczenie ? */
.alchat-ConfirmStopChatPopup .finish 
{
cursor: pointer;
font-weight: normal;
padding: 4px 16px;
color: #ffffff;
border: 1px solid #9c3077;
right: 8px;
border-radius: 24px;
}

/* "Nie" - Czy na pewno chcesz zakonczyc poalczenie ? */
.alchat-ConfirmStopChatPopup .cancel 
{
cursor: pointer;
font-weight: normal;
padding: 4px 16px;
color: #ffffff;
border: 1px solid #9c3077;
right: 8px;
border-radius: 24px;
}

/* Justowanie tekstow */
.alchat-FormMainGrid .alchat-FormLabel 
{
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: justify;
}

/* Przycisk "OK" przy wyrazaniu zgody na ankiete i wysylaniu ankiety */
[data-id=okAnkieta] 
{
margin-left: 10px;	
}

/* Przycisk "Anuluj" przy zgodzie na ankiete i wysylaniu ankiety */
[data-id=anulujAnkieta] 
{
margin-left: 92px;
}

/* Wstep do ankiety, pytania ankiety i slowo Komentarz */
[data-id=wstepAnkietaL],
[data-id=ZgodaNaAnkieteL],
[data-id=Odpowiedz1L],
[data-id=Odpowiedz2L],
[data-id=Odpowiedz3L],
[data-id=OdpowiedzKomentarzL] 
{color: #000000;font-weight: normal;padding : 0px;margin-left: 10px;}

/* Listy rozwijane (dla odpowiedzi dla ankiety) */
.alchat-FormListBox 
{width: 310px;margin-left: 10px;}

/* Komunikaty: 
Dziekuje za kontakt. Zapraszam na infolinia Banku 
pod nr tel. 523499499. Pozdrawiam 

Przepraszamy, czat jest w tej chwili niedostepny.	
*/
.alchat-FormLabel100percent 
{
margin-left: 5px;
}

/* Przycisk "Zakoncz" pod komunikatami:

Dziekuje za kontakt. Zapraszam na infolinia Banku 
pod nr tel. 523499499. Pozdrawiam

Przepraszamy, czat jest w tej chwili niedostepny.	

*/
[data-id=__endB] 
{
margin-left: -55px;
}

/* Komunikat, gdy brak np. poprawnego kontekstu:

Przepraszamy, czat jest w tej chwili niedostepny
*/
[data-id=__endLL]
{
#margin-left: -40px;
}

/* Komunikat gdy nie ma zalogowanych konsutlantow 
w godzinach pracy czata*/
[data-id=nieobecniKonsultanciL] 
{
color: #000000;
font-weight: normal;
margin-left: 0px;	
}

/* Przycisk pod komunikatem:
Komunikat gdy nie ma zalogowanych konsutlantow 
w godzinach pracy czata*/
[data-id=przyciskNieobecniKonsultanci] 
{ 
margin-left: -55px;
}


/* Rozpocznij nowe polaczenie */
.chat-StartNewChatLink 
{
text-decoration: none;
margin-left: 61px;
line-height: 30px;
padding: 0px 0px 0px 15px;
cursor: pointer;
font-size:12px;
color: #ffffff !important;
font-weight: bold;
width: 180px;
border-radius: 12px; 
}

/* Tlo i wysokosc wszystkich przyciskow */
.alchat-FormButton , .chat-StartNewChatLink, .chat-SendButton, .alchat-ConfirmStopChatPopup .finish, .alchat-ConfirmStopChatPopup .cancel 
{
background: linear-gradient(96.84999999999999deg, #37106a -1.11%, #be1e20 101.15%);
border-radius: 12px;
height: 30px;
font-weight: normal;
}

/* Wysokosc (wyjatek) dla przycisku "Wyslij" dla trwajacego czata */
.chat-SendButton
{
height: 20px;
width: 100px; 
}

/*** KONIEC KODU BP ***/