body {
    font-family: Verdana, sans-serf;
    font-size: 12px;
    background-color: #FFFFFF;
    margin: 8px;
}

/* Układ strony */

#page {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

#widepage {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

#header {
    position: relative;
    height: 190px;
    background-color: #FFFFFF;
}

#headerleft {
    position: absolute;
    top: 120px;
    left: 0;
    width: 90px;
    height: 30px;
    background-color: #2AA7C5;
}

#headerleft.dev {
    background-color: #842A2A;
}

#headerlogo {
    /* border: 1px solid black;*/
    position: absolute;
    top: 0;
    left: 90px;
    width: 124px;
    height: 183px;
}

#headerright {
    position: absolute;
    top: 120px;
    right: 0;
    width: 376px;
    height: 26px;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 180px 0 30px;
    text-align: center;
    color: #FFFFFF;
    background-color: #2AA7C5;
}

#headerright.dev {
    background-color: #842A2A;
}

#wideheaderright {
    position: absolute;
    top: 120px;
    right: 0;
    width: 576px;
    height: 26px;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 340px 0 70px;
    text-align: center;
    color: #FFFFFF;
    background-color: #2AA7C5;
}

#wideheaderright.dev {
    background-color: #842A2A;
}

#headertopmenu {
    position: absolute;
    top: 150px;
    right: 0;
    width: auto;
    height: 20px;
}

#headerfacebook {
    position: absolute;
    top: 80px;
    right: 52px;
    width: 40px;
    height: 40px;
}

#headeryoutube {
    position: absolute;
    top: 80px;
    right: 8px;
    width: 40px;
    height: 40px;
}

#menu {
    float: left;
    width: 160px;
    text-align: center;
}

#content {
    float: left;
    width: 640px;
}

#content-wide {
    float: left;
    width: 1040px;
}

#verticalmenu {
    clear: both;
    text-align: center;
}

#fullscreencontent {
    clear: both;
    width: 100%;
}

/* Menu */

ul.menu, ul.menu li {
    display: block;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

ul.menu {
    width: 150px;
    border-top: 1px solid #2AA8C5;
}

ul.menu li {
    border-bottom: 1px solid #2AA8C5;
    font-size: 13px;
}

ul.menu a {
    line-height: 16px;
}

ul.menu a:link, ul.menu a:visited {
    display: block;
    width: 126px;
    text-decoration: none;
    padding: 7px;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #2AA8C5;
    border-left: 10px solid #5DC9E2;
}

ul.menu a:hover {
    width: 122px;
    background-color: #2AA8C5;
    color: #FFFFFF;
    border-left: 13px solid #3D8394;
}

ul.mymenu, ul.mymenu li {
    display: block;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

ul.mymenu {
    width: 150px;
    border-top: 1px solid #3B5ACE;
}

ul.mymenu li {
    border-bottom: 1px solid #3B5ACE;
}

ul.mymenu a {
    line-height: 16px;
}

ul.mymenu a:link, ul.mymenu a:visited {
    display: block;
    width: 133px;
    text-decoration: none;
    padding: 7px 0 7px 7px;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #3B5ACE;
    border-left: 10px solid #6B86E7;
}

ul.mymenu a:hover {
    width: 132px;
    background-color: #485A9B;
    padding: 7px 0 7px 4px;
    color: #FFFFFF;
    border-left: 13px solid #132C86;
}

ul.adminmenu, ul.adminmenu li {
    display: block;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

ul.adminmenu {
    width: 150px;
    border-top: 1px solid #3B5ACE;
}

ul.adminmenu li {
    border-bottom: 1px solid #3B5ACE;
}

ul.adminmenu a {
    line-height: 16px;
}

ul.adminmenu a:link, ul.adminmenu a:visited {
    display: block;
    width: 133px;
    text-decoration: none;
    padding: 3px 0 3px 7px;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #842A2A;
    border-left: 10px solid #7E3030;
}

ul.adminmenu a:hover {
    width: 132px;
    background-color: #995151;
    padding: 3px 0 3px 4px;
    color: #FFFFFF;
    border-left: 13px solid #5F1E1E;
}

a.vertmenu {
    font-size: 12px;
    text-decoration: none;
    color: #2AA8C5;
}

a.vertmenuav {
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    color: #485A9B;
}

a.topmenu {
    color: #0E6A80;
    text-decoration: none;
    font-size: 11px;
}

a.topmenu:hover {
    color: #3B5ACE;
    text-decoration: underline;
    font-size: 11px;
}

.copy {
    color: #BABABA;
    text-decoration: none;
    font-size: 10px;
}

/* Media menu */

a.facebook {
    display: block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background: url("img/facebook.png");
    background-position: 0 -40px;
}

a.facebook:hover {
    background-position: 0 0;
}

a.youtube {
    display: block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background: url("img/youtube.png");
    background-position: 0 -40px;
}

a.youtube:hover {
    background-position: 0 0;
}

a.picasa {
    display: block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background: url("img/picasa.png");
    background-position: 0 -40px;
}

a.picasa:hover {
    background-position: 0 0;
}

/* Wyniki */

.resultstitle {
    color: #A65A10;
    font-weight: 700;
    font-size: 21px;
}

.resultsdate {
    color: #0D8D2F;
    font-size: 17px;
}

.resultscity {
    color: #132C86;
    font-size: 12px;
}

.resultshost {
    color: #132C86;
    font-size: 12px;
}

table.resultsgames td {
    padding: 2px 4px 2px 4px;
}

.resultsscore {
    color: #BF854B;
    font-weight: bold;
}

.resultssmall {
    font-size: 9px;
}

.resultsteam {
    color: #0E6A80;
    text-decoration: none;
}

.resultsstats {
    color: #132C86;
    text-decoration: none;
}

/* Historia */

.histtnmname {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

/* News */

.newstable {
    border-collapse: collapse;
}

.newstable td {
    padding: 0 16px;
    font-size: 10px;
    white-space: nowrap;
}

a.newsedit {
    color: #0E6A80;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

a.newsid {
    color: #000000;
    text-decoration: none;
}

tr.odd {
    background-color: #FFFFFF;
}

tr.even {
    background-color: #F0F0FF;
}

img.imgcenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* Tournaments */

.trnmtable {
    border-collapse: collapse;
}

.trnmtable td {
    padding: 0 16px;
    font-size: 10px;
    white-space: nowrap;
}

.trnmtable td a {
    color: #000000;
    text-decoration: none;
}

.trnmtable tr.odd {
    background-color: #FFFFFF;
}

.trnmtable tr.even {
    background-color: #F0F0FF;
}

/* Formularze */

table.formtable {
    width: 75%;
    border-width: 0;
    border-spacing: 4px;
}

table.formtable th {
    padding: 2px;
    color: #FFB164;
    background-color: #A65A10;
}

table.formtable td {
    font-size: 12px;
    padding: 2px;
    background-color: #F1F1F1;
}

input.formbutton {
    border: 1px solid #000000;
    color: #000000;
    font-size: 11px;
    background-color: #D3D3D3;
}

table.logintable {
    width: 35%;
    border-width: 0;
    border-spacing: 4px;
}

table.logintable th {
    padding: 2px;
    color: #FFB164;
    background-color: #A65A10;
}

table.logintable td {
    font-size: 12px;
    padding: 2px;
    background-color: #FFEEDD;
}


/******************************************
 *                                        *
 *            Poprzednie style            *
 *                                        *
 ******************************************/

.date {
    /*color: #f7a609;*/
    color: #3333a3;
}

.toptitle {
    color: #fda24e;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

.sectiontitle {
    color: #0D8D2F; /* #fda24e; */
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

.ltms {
    color: #b6b6b6;
}

.gberror {
    color: #ff1206;
    font-weight: bold;
    font-size: 14px;
}

.gbmsg {
    color: #A65A10;
    font-weight: bold;
    font-size: 14px;
}

.profilename {
    color: #0D8D2F;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

/* links */

.linksection {
    color: #FF9731;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.link1 {
    color: #736b94;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.link2 {
    color: #000000;
    font-size: 13px;
    text-decoration: none;
}

/* -results- */

.game {
    font-family: Courier;
    font-size: 12px;
    /* font-weight: bold; */
    margin-left: 2em;
    color: #000000;
}

.summary {
    margin-left: 1.5em;
    color: #2312e4;
}


/* A */

a {
    text-decoration: none;
}

a.imgcopy {
    color: #000000;
    text-decoration: none;
    font-size: 10px;
}

a.ltm {
    color: #000000;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

a.ltmr {
    color: #842121;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

a.ltms {
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}

.results {
    color: #666666;
    font-size: 9px;
    text-decoration: none;
}

a.mailmenu {
    color: #5a4d66;
    font-size: 12px;
    text-decoration: none;
    font-style: italic;
    /*font-weight: bold;*/
}

a.menuav {
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;

}

/* links */

a.link3 {
    color: #0E6A80;
    font-size: 13px;
    text-decoration: none;
}

a.link3:hover {
    color: #80CFE2;
    font-size: 13px;
    text-decoration: underline;
}

/* -results- */

.tournament {
    color: #e3421a;
    text-decoration: none;
    font-weight: bold;
}

.team {
    font-family: Courier;
    /* font-weight: bold; */
    color: #000000;
}

.message {
    color: #000000;
    text-decoration: none;
}

/* Guestbook */

td.gbid {
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    background: #736b94;
}

td.gbdate {
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    background: #948cc6;
}

td.gbteam {
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    background: #948cc6;
}

a.gburl {
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
}

a.gburl:hover {
    color: #dc913f;
    text-decoration: none;
    font-size: 10px;
}

td.gbtext {
    color: #000000;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    text-decoration: none;
    font-size: 12px;
    background: #eaddf6;
}

input.gb {
    border: none;
    font-size: 12px;
    background: #eaddf6;
}

select.act {
    border: none;
    font-size: 12px;
    background: #ffffff;
}

textarea.act {
    border: none;
    font-size: 12px;
    background: #ffffff;
}

textarea.gb {
    border: none;
    font-size: 12px;
    background-color: #eaddf6;
}

.settings_section_title {
    color: #fda24e;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

input.settings_input {
    border: none;
    font-size: 12px;
    background: #ffffff;
}

input.maildo {
    border: 0;
    font-size: 10px;
    color: #000000;
    background: #eaddf6;
}

.activity_comment {
    margin-left: 1.5em;
    color: #808080;
    font-size: 10px;
}

.activity_info {
    color: #808080;
    font-size: 10px;
}

table.warning {
    border: solid #ffff00;
    color: #d57105;
    background: #842121;
}

.newsdate {
    color: #ff6600;
    font-size: 10px;
}

.t-addbox {
    display: none;
}

.t-addbox span, .t-newtoggle, .t-link {
    cursor: pointer;
}

.browser {
    margin-bottom: 20px;
}

.browser-images {
    padding: 8px;
}

.browser-images ul:before,
.browser-images ul:after {
    display: table;
    line-height: 0;
    content: "";
}

.browser-images ul:after {
    clear: both;
}

.browser-images li {
    width: 114px;
    height: 114px;
    margin-bottom: 5px;
    margin-left: 5px;
    float: left;
    padding: 2px;
    border: 1px solid rgb(221, 221, 221);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);

}

.browser-images li:hover {
    border-color: rgb(0, 136, 204);
    -webkit-box-shadow: 0 1px 3px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 3px rgba(0, 105, 214, 0.25);
}

.browser-images li.image-selected {
    border-color: rgb(0, 33, 234);
    -webkit-box-shadow: 0 1px 6px rgba(0, 33, 234, 1);
    -moz-box-shadow: 0 1px 6px rgba(0, 33, 234, 1);
    box-shadow: 0 1px 6px rgba(0, 33, 234, 1);
}

.browser-images img {
    display: block;
    max-height: 114px;
    margin-right: auto;
    margin-left: auto;
}

.browser-images ul {
    list-style: none outside none;
    margin-left: -5px;
    padding: 0;
    min-height: 114px;
}

.browser-images:after {
    clear: both;
}

.image-menu-toggle-button {
    margin-bottom: 5px;
}

#image-upload-form, #image-revert-form {
    margin-top: 5px;
}

#images-save-order {
    margin-right: 4px;
}

.image-viewer {
    background: #ffffff;
    padding: 5px;
    margin-bottom: 5px;
    border: 2px solid #dddddd;
}

#image-viewer {
    width: 640px;
}

#teampictures a {
    width: 525px;
}

#discspictures {
    width: 400px;
    margin: 30px auto;
}

#discspictures a {
    width: 400px;
}

#teampictures img, #discspictures img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.border-rounded {
    border-radius: 6px;
}

.empty-list {
    background: url("img/emptylist.png");
    border-color: #fafafa;
}

.empty-list:hover {
    border: 1px solid rgb(221, 221, 221) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055) !important;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055) !important;
}

.negative {
    color: #B91616;
}

.positive {
    color: #16B916;
}

.table a, .table a:hover {
    color: #000000;
    text-decoration: none;
}

.pb-amount {
    text-align: right;
}

.b-amount {
    text-align: right;
    width: 90%;
}

.b-row:hover {
    background-color: #FCF6FF;
    cursor: pointer;
}

.b-row-info:hover {
    cursor: pointer;
}

#np_entries_block > .form-inline > *,
#ne_entries_block > .form-inline > * {
    margin-right: 5px;
    margin-bottom: 5px;
}

.oc_form {
    margin: 0;
}

.sort_column {
    cursor: pointer;
}

.votingopt {
    padding: 5px;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 500px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    cursor: pointer;
    font-size: 15px;
}

.votingopt:hover {
    background-color: #eee;
}

.votingopt span {
    margin-top: -2px;
}

.task-row {
    cursor: pointer;
}

.task-row > td {
    background-color: #f5f5f5;
}

.task-info-row > td {
    background-color: #b7e2b7;
}

.akcja-row {
    cursor: pointer;
}

.akcja-info-row {
    display: none;
}

.akcja-info-row > td {
    background-color: #e3e3e3;
}

a:not([href]) {
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

.ml-1 {
    margin-left: 6px;
}

.ml-3 {
    margin-left: 18px;
}

.mt-3 {
    margin-top: 18px;
}

.mb-3 {
    margin-bottom: 18px;
}

.d-block {
    display: block;
}

.d-flex {
    display: flex;
}

.t-nowrap {
    white-space: nowrap;
}

.akcja-stage {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
}

.akcja-stage .previous {
    margin-right: 10px;
}

.akcja-stage .no-previous {
    margin-right: 22px;
}

.akcja-stage .next {
    margin-left: 10px;
}

.akcja-stage .no-next {
    margin-left: 22px;
}

.akcja-admin-content {
    position: relative;
}

.akcja-content {
    position: relative;
}

.akcja-image {
    width: 60%;
    margin: 0 auto 30px;
    text-align: center;
}

.akcja-upload-container {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.akcja-upload {
    width: 100%;
    position: relative;
    padding: .5rem;
    display: block;
    border: 2px solid #1b1b1b;
    border-radius: 10px;
    --bg-opacity: 1;
    background-color: rgba(255,255,255,var(--bg-opacity));
    appearance: none;
    box-sizing: border-box;
}

.akcja-upload-input {
    z-index: 50;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    padding: 0;
    margin: 0;
    height: 100% !important;
    width: 100% !important;
    overflow: visible;
    font-size: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.akcja-upload.active {
    border-color: #0e90d2;
}

.akcja-upload-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.akcja-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.akcja-table th, .akcja-table td {
    padding: 4px;
    text-align: center;
}

.akcja-training {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: none;
    border-radius: 50%;
    background-color: #1b1b1b;
}

.akcja-training.cursor-pointer:hover {
    color: #111111 !important;
}

.akcja2-group {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.akcja2-member {
    display: inline-block;
    flex-grow: 1;
    margin: 0 8px;
    padding: 10px;
    text-align: center;
    border: 1px solid #5f1e1e;
    border-radius: 5px;
    background-color: #e4b9b9;
}

.akcja2-ready {
    border-color: #0D8D2F;
    background-color: #a9dba9;
}

.akcja2-table {
    display: flex;
    font-size: 12px;
    box-sizing: border-box;
}

.akcja2-table-names {
    display: flex;
    flex-direction: column;
}

.akcja2-table-weeks {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: scroll;
    flex-grow: 1;
}

.akcja2-table-weeks-row {
    white-space: nowrap;
    padding: 0;
    margin: 0;
    line-height: 16px;
}

/*.akcja2-table-weeks-row:hover {*/
/*    background-color: #f0f7ff;*/
/*}*/

.akcja2-table-names > div {
    white-space: nowrap;
    margin: 0;
    padding: 0 3px;
    line-height: 16px;
    border: 1px solid black;
    border-right-width: 3px;
}

.akcja2-table-week {
    display: inline-block;
    text-align: center;
    width: 80px;
    margin: 0;
    padding: 0 3px;
    line-height: 16px;
    border: 1px solid black;
}

.akcja2-table-completion {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border: none;
    border-radius: 50%;
}


.loading {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.loading-image {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 48px;
    height: 48px;
    background: url('static/loading.gif') no-repeat;
}

.line-aicon {
    display: flex;
    align-items: center;
}

.aicon {
    display: inline-block;
    background: url('static/i.webp') no-repeat;
    width: 24px;
    height: 24px;
}

.aicons {
    margin: 0;
}

/* Kolorystyka strony */

/* Kolor podstawowy: 2AA8C5 3D8394 0E6A80 5DC9E2 80CFE2
   Drugi kolor: 3B5ACE 485A9B 132C86 6B86E7 8C9FE7 (granatowy)
   Trzeci kolor: 29D957 40A25A 0D8D2F 5DEC82 83EC9E (zielony)
   Dodatkowy: FF9731 BF854B A65A10 FFB164 FFC68D (pomarańczowy) */