/* Overwriting rules, ver. 50 */

/* TFS 67904: ComboBox+Select2 zanurzone w kontrolce Form; po rozwinięciu listy obok pola filtra pojawiał sie ołówek; 
tutaj zakazujemy pojawiania się ołówka  */ 
html .FormEditPencil {
    display: none;
}

/* w przypadku kolumn nie-ostatnich dane dostają właśnie taki padding; bez poniższego przy justowaniu w prawo nagłówek rozjeżdżał się z danymi */
html .TableRecords_Header {
    padding-right: 10px;
}

/* ===================== kontrolka Separator ================= */
html .Separator {
    border-top-width: 3px;    /* oryginalne 1px dawalo nikły efekt */
}

/* ========== menu rozwijane w bok - poszerzenie ================ */
html .small.desktop .Menu_SubItemsPlaceholder, 
html .tablet .Menu_SubItemsPlaceholder {
    width: 225px;
}

/* ============SectionExpandable  ========= */

html .SectionExpandable_header_margin_left
{
   margin-left: 4px;   
}

html .SectionExpandable_header > div
{
    color: black;
    font-family: 'Open-Sans', Meiryo, sans-serif;
    font-weight: bold;
}


html .SectionExpandable
{
   box-shadow: 0px 0px 0px 0px;
   border-bottom:1.5px solid #ccc;
   border-top: 1.5px solid #ccc;
   border-left: 1.5px solid #ccc;
   border-right: 1.5px solid #ccc;
   padding: 0px 0px 0px 0px;
   border-radius: 0px;
   margin-bottom: 20px;
}

html .SectionExpandable_content {
    padding: 0px;
}

html .SectionExpandable.expanded .SectionExpandable_content
{
   padding-top: 10px; 
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
}

html .SectionExpandable_header
{
    padding: 7px;
    background-color: lightgrey;
    margin-bottom: 0px;

}

/*
html .SectionExpandable_header > div
{
    color: black;
    font-family: Arial Narrow,Arial,sans-serif; 
    font-weight: bold;
}
*/

/*==============SectionExpandable - koniec===========*/

/* =============== Login, Header ====================*/

html .Header_title a img {
    height: 50px;
}

.Login_Box {
    top: 40%;
}

html .Login_Info {
    float: none;
    padding: 15px 0;
}

html .LoginInfo_username {
    color: rgba(32, 117, 219, 1);
}

html .LoginInfo_username  {
   right: -15px;
}

html .Menu_DropDownPanel a.Menu_SubMenuItemActive, 
html .Menu_DropDownPanel a.Menu_SubMenuItemActive:visited,
html .Menu_DropDownPanel a.Menu_SubMenuItemActive:link,
html .Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: rgb(72, 104, 124);
}

html .Header_user {
    width: 500px;
}

html .Header_title {
    padding-left: 10px;
}

html .tablet .Header_title {
    width: 200px;
}

html .LoginInfo {
    margin-top: 0px;
}


html .Login_Footer {	/* mniejszy pasek w stopce Loginu */
    padding: 10px 0;
    height: 10%;
}

html .LangSwitcherContainer {
    vertical-align: baseline !important;
}

html .Header__loginInfo {
    display: block;
}

/* =============== Login, Header - koniec =============*/




/* =============== EmployeeVisitCardWB2 ============== */
html .EmployeeName {
    color: rgba(255, 144, 0, 1);
    /*font-size: 17px;
    font-weight: bold;
    font-family: Arial;
    letter-spacing: 0px;*/
}

html .EmployeeNameInactive {
    color: rgba(255, 144, 0, 1);
    /*font-size: 17px;
      font-style: italic;
    font-family: Arial;
    letter-spacing: 0px;*/
}

html .VisitCard {
    background-color: rgb(250,250,250);
    margin: 10px;
    margin-right: 0px;
    /*max-width: 350px;  tyle szerokości wystarczy ale będzie bieda jeśli ktoś wrzuci to na szeroki monitor i będą wielkie luki między wizytówkami*/
    border-radius: 0px;
      
    border-top-left-radius: 40px;
    -webkit-border-top-left-radius: 40px;
    -moz-border-top-left-radius: 40px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
  
    box-shadow: 0 0 0px rgba(255,255,255, .8);
    -webkit-box-shadow: 0 0 0px rgba(255,255,255, .8);
    -moz-box-shadow: 0 0 0px rgba(255,255,255, .8);
}

html .VisitCard:hover {
background-color: rgb(255,255,255);
transition: 0.5s;
}

html .JobTitle {
    color: #444;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
}

html .Image_circle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    max-height: 70px;
    max-width: 70px;
}
/* =============== EmployeeVisitCardWB2 - koniec ============== */


/* =============== Default button ============== */
html .Button.ButtonDefault,
html .Button.Is_Default {
    background-color: rgba(255, 144, 0, 1);
    border-color: rgba(255, 144, 0, 1);
}

html .desktop .Button.ButtonDefault:hover, 
html .desktop .Button.Is_Default:hover {
    background-color: rgba(255, 206, 143, 1);
    border-color: rgba(255, 206, 143, 1);
}
/* =============== Default button - koniec ============== */

/* =============== EmployeeDirectory ============== */
html .LetterContainer {
    padding: 0px;
    background-color: rgb(255,255,255);
    border: 0px;
    box-shadow: 0px 0px 0px rgb(255,255,255);
    -webkit-box-shadow:  0px 0px 0px rgb(255,255,255);
    -moz-box-shadow:  0px 0px 0px rgb(255,255,255);
    border: 1px solid rgb(225,225,225);
}

html .LetterContainer:hover {
    background-color: rgba(32, 117, 219, 1);
    color: #FFFFFF;
}


html .LetterContainerDisabled {
    background-color: lightgrey;
    color: grey;
}

.SearchBar {
 width: 50%;   
}

.tablet .SearchBar,
.phone .SearchBar {
    width: 100%;
        
}
/* =============== EmployeeDirectory - koniec ============== */

/* ============ AlphabeticalSorting ============== */
html .LetterContainer_Active {
    padding: 0px 0px;
    background-color: rgba(230, 230, 230, 1);
    color: #777;
    border: 1px solid rgba(230, 230, 230, 1);
}
/* ============ AlphabeticalSorting - koniec ============== */


/* ============= field-container: bez dodatkowego odstępu ================= */
html .field_container {
     margin-top: 5px;
}

/* ============= kontrolki Column<n>: bez dodatkowego odstępu ================= */
html .Columns.MarginBottom {
    margin-bottom: 10px;
}

/* ============ elementy NavigationBar'a ============ */
/* większa czcionka */
html .NavigationBar a {
    font-size: 18px;
}

/* ===== nagłówek nierozwijalnych sekcji ===== */
html .Section_header > div {
    color: black;
}

/* =================== CropIt ===================== */
/* suwak skalowania: bez tego był niewidoczny pod IE */
html .cropit-image-zoom-input {
    box-sizing: content-box;
    border: 0 solid black;
    box-shadow: none;
}

/*=================Czcionka naglówków============*/
html .TileIcon_text,
html .TileNumber_text,
html .TileIconText_label, 
html .Heading1, 
html .Heading2, 
html .Heading3, 
html .Heading4, 
html .Header_title a, 
html .EditableTable thead td, 
html .TableRecords_Header
 {
    font-family: Arial Narrow,Arial,sans-serif; 
    font-weight: bold;
}

/*===============kolor opisu pól w formularzach=======*/
html .Form label {
    color: #3E3E3E;
}

/* ============= select2 ============ */
/* wymuszenie zwykłego wyglądu również wtedy, gdy kontrolka jest w nagłówku (Header_title na telefonie) */
html .select2-container .select2-choice {
    color: black !important;
}

html .select2-container .select2-choice span {
    font-weight: 400 !important;
}

html .Form .select2-container .select2-choice,
html .Form .select2-container .select2-choice span
{
    line-height: 32px;
    height: 32px;
}

/* ============= select2 - koniec ============ */

/* ============ sekcja LoginInfo na telefonie (widoczna tylko razem z menu) ========= */
/* usunięcie zbędnych odstępów */
html .phone .Menu .LoginInfo {
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

/* w standardowych ustawieniach mieliśmy czarne litery na ciemnoniebieskim tle */
.phone .Menu .LoginInfo .Logo,
.phone .Menu .LoginInfo .Username,
.phone .Menu .LoginInfo .ActionIcons,
.phone .Menu .LoginInfo .ActionIcons .Logout {
    color: silver;
}
/* ============ LoginInfo - koniec ========= */

/* standardowo Header_title (nazwa aplikacji) ma wygląd nagłówkowy - Arial Narrow (pierwotny Oswald), 16px, bold */
/* na telefonie Header_title służy czemu innemu - zmieniamy font na "normalny" */
html .phone .Header_title a {
    font-family: 'Open-Sans', Meiryo, sans-serif;
    font-weight: normal;
    font-size: 14px;
}

/* placeholder nagłówka; dzięki temu ikonki są wypośrodkowane w pionie */
.Header__activity {
    line-height: 54px;
}

html .PasswordInfo {
    font-size: .6em !important;
}

html .IconBadge_number {
 color: rgb(0, 0, 0);
 right: -9px;
 top: -9px;
 text-shadow: 1px 1px RGBA(56, 59, 63, 0.24);
}

.Header__loginInfo
{
 border-bottom-width: 21px;
 border-bottom-color: red;
}

/* tło nieaktywnych kontrolek */
/* ale wtedy aktywna wygląda czemuś tak samo - do momentu kliknięcia */
html .Form input[readonly="readonly"].ReadOnly:not(.Not_Valid),
html .Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid),
html .Form select[readonly="readonly"].ReadOnly:not(.Not_Valid) {
    background-color: rgb(250, 250, 250);
}

html .Login_Box {
    top: 40%;

}

/*===========select2 w tabelce do edycji=====================*/

/*
tr:not(.OnEdit) .select2-container .select2-choice {
    border: none;
    box-shadow: none;
    cursor: pointer;
    background-color: transparent;
}

tr:not(OnEdit) .select2-arrow {
color: transparent;
}

tr:not(.OnEdit) .select2-container{
    pointer-events: none;
}
*/
/*===============================================*/
/*
html .ThemeGrid_MarginGutter {
margin-left: 0px;
}*/

/*feedback message info */

html div.Feedback_Message_Info {
    background-color: #5485a3;
    border-radius: 0;
    color: #ffffff;
}

html div.Feedback_Message_Warning  {
    background-color: #FFD700;
    color: #000000;
}


@media screen and (min-width: 561px)
{
html .employee-profile-tabs-horizontal
{
     display: block;
}

html .employee-profile-tabs-vertical, html .employee-profile-tabs-vertical-short
{
 display: none; 
}
}


@media screen and (max-width: 560px) and (min-height: 381px)
{
html .employee-profile-tabs-horizontal, html .employee-profile-tabs-vertical-short
{
 display: none; 
}

html .employee-profile-tabs-vertical
{
display: block;
}
}

@media screen and (max-width: 560px) and (min-height: 541px)
{
html .employee-profile-tabs-horizontal, html .employee-profile-tabs-vertical-short
{
 display: none; 
}

html .employee-profile-tabs-vertical
{
display: block;
}
}

@media screen and (max-width: 560px) and (max-height: 540px)
{
html .employee-profile-tabs-horizontal, html .employee-profile-tabs-vertical
{
 display: none; 
}

html .employee-profile-tabs-vertical-short
{
display: block;
}
}

=======login  button=========================
html .ButtonLogin.ButtonDefault,
.ButtonButtonLogin.Is_Default {
    background-color: rgba(32, 117, 219, 1);
    border-color: rgba(32, 117, 219, 1);
}

html .desktop .ButtonLogin.ButtonDefault:hover, .desktop .Button.Is_Default:hover {
    background-color: rgba(199, 220, 247, 1);
    border-color: rgba(199, 220, 247, 1);
}
===========================================