/*** ------------------------------- BEGIN SZEROKOŚĆ------------------------ ***/
.ContainerWithMenu,
.ContainerWithoutMenu,
.AppEnvironment,
.Footer,
.ContainerALL,
.ContainerFont,
div#pageheader {
    /* width: 973px;*/
    width: 80rem !important;
    -ms-min-width: 973px !important;
    min-width: 973px !important;

}

div#Content {
    /*  width: 739px;
        padding: 2rem !important;
  padding-left: 14rem !important;
  padding-top: 0rem !important;
      */
    width: 58rem !important;
    -moz-min-width:58rem !important;
    -ms-min-width: 58rem !important;
    -o-min-width: 58rem !important;
    -webkit-min-width: 58rem !important;
    min-width: 58rem !important;
}
/*** -------------------------- END SZEROKOŚĆ ---------------------------------***/



/*** ------------------------------- FONT BAZOWY 1:1------------------------ ***/
/*.ContainerWithMenu,
.ContainerWithoutMenu,
.AppEnvironment,
.ContainerALL,
#ContainerALLTable
.ContainerFont,
div#Content
div#pageheader*/
body, div, p, span, table, tr, td, nav, ul, li, a, input, select {
    font-size: 1rem;
    font-family: inherit;
    font-weight: normal;
}


/*---------------------------------Body---------------------------------------------------*/
html {
    font-family: verdana,tahoma,sans-serif;
    font-size: 12px;
    position: relative;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    z-index: 0;
    overflow: auto;
    transform-origin: top;
    /*font: 76% tahoma,verdana,sans-serif;*/
}
/* body zwykłe*/
body {
    height: 100%;
   /* scrollbar-base-color: #888;
    scrollbar-arrow-color: #717171;
    scrollbar-DarkShadow-Color: #888;*/
}

    /* Ogólne właściwości do całej strony - tło białe dla okienek modalnych */
    body.master {
        background-color: #FFFFFF; /* #eeeeee;*/
        font-size: inherit;
        margin: 0px;
        margin-top: 10px;
        padding: 0px;
    }
/* body główne, z niebieskim tłem*/
.MainBody {
    /*background: url('../Resources/header_1piks.jpg') repeat-x right top;*/
    margin: 0;
    padding: 0;
    /* font-size: 1em;
    font: 76% tahoma,verdana,sans-serif;*/
    color: #2A2E34;
}

.hide {
    position: absolute;
    top: 0;
    left: -10000px;
    width: 1px;
    height: 1px;
}

/*---------------------------------Container---------------------------------------------------*/
.ContainerALL {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    border: 0;
}

#ContainerALLTable {
    border: 0;
}

/*container z obrazkiem z miejscem po lewej stronie na menu*/
.ContainerWithMenu {
    padding: 0;
    background-color: white;
    color: #2A2E34;
    border-bottom: 0;
    margin: auto;
}

/*container z obrazkiem bez miejsca na menu*/
.ContainerWithoutMenu {
    padding: 0;
    background-color: White;
    color: #2A2E34;
    border-bottom: 0;
    margin: auto;
}

/*container zawierający treść - prawa strona (bez menu)*/
div#Content {
    float: right;
    background-color: transparent;
    margin: 0px;
    padding: 11px 35px 0px 0px; /* margines z lewej przy obliczaniu szerokości: szerokośc ContainerWithMenu(935) - szerokość menu (185) - margines Content z lewej (25)*/
}

/*---------------------------------Footer---------------------------------------------------*/
/*sam tekst na stopkę ujęty w akapit wczytany w kodzie*/
.Footer,
.Footer > p,
.Footer > div .Footer > div > a ,
div#AppVersion,
div#AppInfo,div#AppInfo a {
    padding: 0;
    font-size: 0.9rem;
    color: #888;
    text-align: center;
    border-top: 0;
    margin: auto;
}

    .Footer p {
        margin: 0;
        padding: 0;
        padding-top: 30px;
        padding-bottom: 3px;
        background-color: #fff;
    }

    .Footer div#AppInfo {
        margin-top: 13px;
        color: #717171;
    }

        .Footer div#AppInfo a {
            color: #717171;
        }

        .Footer div#AppInfo div#AppVersion {
            float: left;
            width: 50%;
            text-align: left;
        }

        .Footer div#AppInfo div#OptionalElements {
            float: left;
            width: 50%;
            text-align: right;
        }


/*-----------------------------------APLIKACJE--------------------------------*/
/* aplikacje - ikonki, wysokość div-a ma mieć 90px, dwa rzędy, nawet jesli drugi nie jest wypełniony ikonkami środowisk aplikacyjnych*/
div.AppEnvironment {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    min-height: 30px;
    max-height: 60px;
    height: 30px;
    margin: 0;
    margin-top: 11px;
    margin-bottom: 34px;
    padding: 0;
    font-family: inherit;
    font-size: 0.8em;
    font-weight: bold;
    color: #058;
    background-color: transparent;
    text-align: right;
    vertical-align: middle;
    background: url('../Resources/AppEnvironment/VN_piksel.png') repeat-x right top;
}

.AppEnvironmentVN {
    height: 30px;
    float: left;
    margin: 0;
    padding: 0;
}

.AppEnvironmentVNGradient {
    height: 30px;
    float: right;
    margin: 0;
    padding: 0;
}

.AppEnvironmentItem {
    float: right;
    width: 43px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: Transparent;
}

    .AppEnvironmentItem img {
        border: 0;
        margin: 0;
        padding: 0;
        background-color: Transparent;
        transition: all .2s linear;
    }

.AppEnvironmentItem :hover {
     transform: scale(1.4);
     background-color: Transparent;
}



/* -----------------------------------Nagłówek strony ----------------------*/

div#pageheader {
    background-color: Transparent;
    /* font-weight: inherit;*/
    padding: 0;
    margin: 0;
    cursor: pointer;
    overflow: auto;
    background: transparent url(../Other/ApplicationHeader.aspx) bottom left no-repeat;
    background-size:100% 100%;
    height: 130px;
    margin: auto;
}
    div#pageheader #pageheadertop {
        height: 21px;
    }


    /*zaloguj, użytkownik, poczta - userStatusBar*/
    div#pageheader a {
        color: #3b4248;
        font-weight: inherit;
    }

    div#pageheader span {
        color: #3b4248;
        font-weight: inherit;
    }


    div#pageheader div.iconleft {
        float: left;
        padding-right: 1px;
        padding-top: 1px;
    }

    div#pageheader div.textleft {
        padding-top: 2px;
        float: left;
    }

    div#pageheader div.textright {
        text-align: right;
        float: right;
        padding-top: 3px;
    }

    div#pageheader div.iconright {
        float: right;
        padding-top: 1px;
        padding-right: 4px;
    }

img.iconarrow /*pageheader i pager*/ {
    border: 0;
    padding: 0px;
}

div#pageheader .button {
    text-decoration: none;
}

    div#pageheader .button:hover {
        text-decoration: underline;
    }

/*-------------------------------END PAGEHEADER--------------------------------*/

.wyszukajBox {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    display: flex;
}

.btnWyszukaj {
    float: left; 
    height: 2rem !important;
    width: auto; 
}

.txtWyszukaj {
    float: left;
    line-height: 2rem;
    flex-grow: 100;
    font-family: Arial; 
    font-size: 0.9em; 
    margin-right: 1px; 
    margin-left: 1px; 
    border-style: none; 
    padding: 2px;
}

/* ------------------------------------------LINKI ----------------------------*/
a {
    color: #1C74CF;
    text-decoration: none;
}

    a:hover {
        color: #82608F;
        text-decoration: underline;
    }

/*---------------------------------- Styl przycisków--------------------------- */

input.button {
    background: #eee;
    color: #26c;
    border-top: 1px solid #ddd;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ddd;
    font-weight: bold;
    font-size: 0.72em;
}

    input.button:hover {
        background: #fff;
        color: #2A2E34;
        border-top: 1px solid #ddd;
        border-right: 1px solid #888;
        border-bottom: 1px solid #888;
        border-left: 1px solid #ddd;
        text-decoration: none;
        font-weight: bold;
        font-size: 0.72em;
    }
/* gładki, niebieski przycisk - szukaj */
.nsmooth {
    background-color: #8BB3DE;
    border: 0px;
    color: White;
    cursor: pointer;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    height: 19px;
}

    .nsmooth:hover {
        background-color: #eee;
        color: #000;
    }


/* inne */

.fright {
    float: right !important;
}

.fleft {
    float: left;
}

.tcenter {
    text-align: center;
}


.block {
    display: block;
}

.error {
    background-color: #ffc8c8;
    border: solid 1px #ffb0b0;
    padding: 2px 4px;
}

.validatorErr {
    float: left;
    padding-left: 10px;
    text-align: left;
}

.BlockCenter {
    margin-left: auto;
    margin-right: auto;
}



/*koniecznie umięścić przed stopką "obrazkiem", żeby wyczyścić style*/
.clear {
    clear: both;
    margin: 0;
}

td {
    cursor: default;
}

/* Screen reader only */
.sr_only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*--------------------------kolory ------------------------------------*/
table.BackGroundForm td,
.BackGroundForm /*tło formatek: filtr, manageaccounr, login;*/ {
    background-color: #E9F0F4;
    border: solid 0px #E9F0F5;
}