body {
    background: #f6f6f6 url('../../img/background.gif') no-repeat;
    padding: 0px;
    margin: 0px;
    font-family: arial;
    font-size: 11px;
    color: #626C7C;
    width: 100%;
}

a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    color: black;
}

a.helpLink {
    color: red;
    font-weight: bold;
}

a img {
    border: none;
}

.lineThrough {
    text-decoration: line-through !important;
}

p.clear {
    clear: both;
}

.displayNone {
    display: none;
}

.opactiyNone {
    opacity: 0;
}

.colorRed {
    color: red;
}

.dialog {
    text-align: left;
}

#confirmDialog {
    display: none;
}

[disabled] {
    border: 1px solid #CCCCCC;
    background-color: #E5E5E5;
}

input, select, textarea {
    border: 1px solid #CCCCCC;
    background-color: white;
}

input[type="checkbox"] {
    border: 0px;
    padding: 0px;
    background: transparent;
    background: white;
}

p.vSpace {
    clear: both;
    height: 10px;
    display: block;
}

table {
    margin: 20px 0px 0px 0px;
    font-size: 11px;
}

td.alignRight {
    text-align: right !important;
}

table tr td {
    padding: 9px 6px 9px 6px;
    border: 1px solid #dadada;
    border-top: none;
    /* height:28px; */
    overflow: hidden;
    font-size: 12px;
    color: #005c9c;
    font-weight: bold;
    text-align: left;
}

table tr td.longTd {
    width: 200px;
}

table tr td.mediumTd {
    width: 100px;
    text-align: center;
}

table tr td.mediumShortTd {
    width: 80px;
    text-align: center;
}

table tr.noBorder td {
    border: 0px !important;
}

table tr.trDarker td {
    background: #eeeeee;
}

table tr.title td {
    height: 25px;
    background: #666666;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 7px 0px 17px;
    border: none;
}

/*
    table tr.subtitle td{
        height:18px;
        background:#DADADA;
        color:black;
        font-size:11px;
        font-weight:bold;
        padding:0px 7px 0px 17px;
        border:none;
    }
*/

table tr.subtitle td {
    height: 18px;
    background: #DADADA;
    color: black;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 12px 0px 12px;
    text-align: center;
    border: none;
}

table tr.subtitle td img {
    margin: 0px 0px 0px 3px;
}

table tr.title td img {
    margin: 0px 0px 0px 3px;
}

table tr td.shortTd {
    width: 50px;
    text-align: center;
}

table tr td.shortestTd {
    width: 20px !important;
    text-align: center;
}

div#container {
    width: 70%;
    min-width: 1000px;
    height: auto;
    margin: auto;
}

.login-container {
    width: 30% !important;
    min-width: 400px !important;
}

div#top {
    width: 100%;
    height: 76px;
    background: #364358 url('../../img/topbg.gif') repeat-x;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

img#logo {
    margin: 11px 0 0 25px;
}

ul#menu {
    float: right;
    list-style-type: none;
    padding: 0px;
    margin: 4px 10px 0 0;
}

li.menu {
    float: right;
    padding: 6px 4px 7px 4px;
    margin: 0px 8px 0px 8px;
}

/*li.menu:hover {
    background:white;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}*/

li.menu.hovered {
    /*background: white;*/
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

li.menu.hoverMe {
    background: white;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

li.menu a {
    display: flex;
    height: 59px;
    flex-direction: column;
}

li.menu a#strefaklienta {
    width: 73px;
    background: url('../../img/menu/strefaklienta.png') no-repeat 0 -59px;
}

li.menu a#raportypdf {
    width: 64px;
    background: url('../../img/menu/raportypdf.png') no-repeat 0 -59px;
}

li.menu a#raportyexcel {
    width: 73px;
    background: url('../../img/menu/raportyexcel.png') no-repeat 0 -59px;
}

li.menu a#admin {
    width: 41px;
    background: url('../../img/menu/admin.png') no-repeat 0 -59px;
}

li.menu a#wiadomosci {
    width: 64px;
    background: url('../../img/menu/wiadomosci.png') no-repeat 0 -59px;
}

li.menu a#lista {
    width: 41px;
    background: url('../../img/menu/lista.png') no-repeat 0 -59px;
}

li.menu a#statystyki {
    width: 53px;
    background: url('../../img/menu/statystyki.png') no-repeat 0 -59px;
}

li.menu a#dodaj {
    width: 46px;
    background: url('../../img/menu/dodaj.png') no-repeat 0 -59px;
}

li.menu a#faktury {
    width: 61px;
    background: url('../../img/menu/faktury.png') no-repeat 0 -59px;
}

li.menu a#zmienhaslo {
    width: 62px;
    background: url('../../img/menu/zmienhaslo.png') no-repeat 0 -59px;
}

li.menu a#mojeustawienia {
    width: 83px;
    background: url('../../img/menu/mojeustawienia.png') no-repeat 0 -59px;
}

li.menu a#zaplecze {
    width: 61px;
    background: url('../../img/menu/zaplecze.png') no-repeat 0 -59px;
}

/*li.menu:hover a{
    background-position:0 0 !important;
}*/

li.menu.hovered a {
    background-position: 0 0 !important;
}

li.menu.hoverMe a {
    background-position: 0 0 !important;
}

li.menu ul.submenu {
    display: none;
    height: 21px;
    background: white;
    list-style-type: none;
    clear: both;
    position: absolute;
    top: 76px;
    margin: 0px 0px 0px -4px;
    -webkit-border-radius: 2px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 3px;
    -moz-border-radius-topleft: 0;
    border-radius: 3px;
    border-top-left-radius: 0;
    padding: 6px 0px 0px 11px;
}

li.menu ul.submenu li {
    float: left;
    background: white url('../../img/submenu_pointer.png') no-repeat center left;
    padding: 0px 7px 0px 13px;
    margin: 0px 7px 0px 0px;
    border-right: 1px dotted #c2c2c2;
}

li.menu ul.submenu li a {
    display: inline;
    color: #5a5a5a;
}

li.menu ul.submenu li.last-item {
    border: none;
}

div#topNavigationBar {
    width: auto;
    height: 26px;
    padding: 10px 0px 0px 30px;
    font-size: 11px;
    color: #8a8b8c;
}

div#topNavigationBar img {
    margin: 0px 5px -4px 0px;
}

div#topNavigationBar b {
    font-size: 12px;
    font-weight: bold;
    color: #55a31b;
}

div#topNavigationBar a {
    color: #d60000;
    font-size: 11px;
}

div#topNavigationBar a img {
    margin: 0px 5px -3px 0px;
}

div.mainBox {
    width: auto;
    height: auto;
    background: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 25px 30px 25px 30px;
    margin: 0px 0px 20px 0px;
}

div.loginBox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    border-radius: 5px;

}

.form-control {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 7px 12px;
    height: 20px;
    width: 92%;
    box-shadow: none;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}


h1 {
    height: 34px;
    background: white url('../../img/h1_icon.png') no-repeat left;
    margin: 0px 0px 16px 0px;
    font-family: tahoma;
    font-weight: normal;
    font-size: 25px;
    color: #3f4b5f;
    padding: 2px 0px 0px 43px;
    float: left;
}

hr {
    clear: both;
    height: 1px;
    background: #cccccc;
    border: none;
    margin: 2px 0px 2px 0px;
}

div.smallBox {
    height: 31px;
    float: right;
    border-left: 1px solid #e9e9e9;
    margin: 5px 0px 0px 0px;
    font-weight: bold;
    font-size: 14px;
    padding: 0px 10px 0px 10px;
    color: #244d6d;
}

div.smallBox small {
    font-size: 10px;
}

div.smallBox span br {
    margin-bottom: 8px;
}

div.smallBox span {
    display: block;
    float: right;
    margin-left: 12px;
}

div.smallBox b {
    color: #317bae;
}

div.smallBox img {
    margin: 5px 3px 0px 0px;
    float: left;
}

a.navigation {
    display: block;
    float: left;
    padding: 4px 6px 4px 6px;
    background: #3a465b;
    color: white;
    margin: 0px 5px 0px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.unactive {
    background: #dcdcdc;
}

div#navigationBar {
    width: auto;
    height: 33px;
    padding-top: 12px;
    font-size: 13px;
}

input#submitInput {
    width: 88px;
    height: 20px;
    background: #5ba91e url('../../img/submitbg.png') repeat-x;
    border: 0px;
    font-weight: bold;
    font-size: 12px;
    color: white;
    font-family: arial;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    padding-bottom: 2px;
    margin: 2px 0px 0px 8px;
}

div#navigationBar form {
    display: block;
    float: right;
}

div#navigationBar select, input#siteSearch {
    color: black;
    font-size: 12px;
    font-family: arial;
    height: 20px;
    margin-top: 2px;
    cursor: pointer;
    margin-left: 4px;
    float: left;
}

select#monthSelect {
    width: 100px;
    margin-right: 6px;
}

select#yearSelect {
    width: 60px;
}

select#siteSelect {
    width: 263px;
}

input#siteSearch {
    width: 261px;
    height: 16px;
    cursor: text;
}

select#categorieSelect {
    width: 135px;
}

select#userSelect {
    width: 118px;
}

img.separator {
    float: left;
    margin: 3px 5px 0px 5px;
}

div#optionsBar {
    margin: 15px 0px 10px 0px;
    clear: both;
}

p.siteOptions {
    color: #626c7c;
    font-size: 12px;
    margin: 3px 0px 0px 8px;
    display: block;
    float: left;
}

p.siteOptions img {
    float: right;
    margin: 0px 5px 0px 5px;
}

h3 {
    font-size: 14px;
    font-family: arial;
    color: #626c7c;
    font-weight: normal;
    float: left;
    margin: 2px 15px 0px 0px;
}

h3 b {
    color: #55a31b;
    font-weight: bold;
}

h3.bigFont b {
    color: #55a31b;
    font-weight: bold;
    font-size: 18px;
}

b.h3 {
    font-size: 14px;
    font-family: arial;
    color: #626c7c;
    font-weight: normal;
    color: #55a31b;
    font-weight: bold;
}

img.bottomImg {
    margin: 3px 0px 0px 0px;
}

div#tablesContainer {
    width: 100%;
    overflow: hidden;
    position: relative;
}

table {
    border-collapse: collapse;
}

table#keysTable {
    margin: 20px 0px 0px 0px;
    font-size: 11px;
    float: left;
}

table#keysTable tr td {
    padding: 9px;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    height: 35px;
    overflow: hidden;
    border-right: 0px;
}

table#keysTable tr td.keyContainer {
    padding: 0px;
    height: auto;
}

table#keysTable tr td.keyContainer div {
    height: 38px;
    padding: 6px 4px 9px 8px;
}

table#keysTable tr td a {
    color: #005c9c;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

table#keysTable tr td a img {
    float: left;
    margin: 2px 6px 0px 0px;
}

table#keysTable tr td small a {
    color: #626C7C;
    font-size: 9px;
    text-decoration: none;
}

table#keysTable tr.trDarker td {
    background: #eeeeee;
}

table#keysTable tr.title td {
    height: 25px;
    background: #666666;
    color: white;
    font-weight: bold;
    padding: 0px 7px 0px 7px;
    border: none;
}

table#keysTable tr.category td {
    height: 20px;
    background: #A8B3BB;
    color: white;
    font-weight: bold;
    padding: 0px 7px 0px 7px;
    border: none;
}

table#keysTable tr.category img {
    float: right;
    margin: 0px 4px 0px 0px;
}

table#keysTable tr.title td.checkbox {
    width: 20px;
    background: #787878;
    text-align: center;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 0px 7px 0px 7px;
}

table#keysTable td.checkbox {
    width: 20px;
    border-left: none;
}

table#keysTable td.checkbox input {
    width: 15px;
}

table#keysTable td.hiddenKeyTd {
    background: #E4E4E4;
}

table#keysTable td.pausedKeyTd {
    background: #FFAFAF;
}

table#keysTable tr.trOptions td {
    height: auto;
    padding: 5px 0px 0px 0px;
    border: none;
}

table#keysTable tr.trOptions td select {
    font-size: 12px;
}

table#keysTable tr.trOptions td input {
    font-size: 12px;
    border: 1px solid #dcdcdc;
    padding-bottom: 3px;
    cursor: text;
    text-align: left;
    margin: 3px 0px 0px 0px;
    display: none;
}

table#keysTable tr.trOptions td input.submitInput {
    display: inline;
    text-align: center;
    margin: 0px 2px 0px 2px;
    border: 0px;
    cursor: pointer;
    padding: 0px;
}

div#positionsDiv {
    width: auto;
    overflow: scroll;
    overflow-y: hidden;
}

table#positionsTable {
    margin: 20px 0px 7px 0px;
    font-size: 11px;
    width: 100%;
}

table#positionsTable tr td {
    padding: 9px 4px 9px 4px;
    border: 1px solid #dadada;
    border-top: none;
    height: 35px;
    font-size: 12px;
    color: #005c9c;
    font-weight: normal;
    text-align: center;
    line-height: 15px;

}

table#positionsTable tr td.positionContainer {
    padding: 0px;
    height: auto;
}

table#positionsTable tr td.positionContainer div {
    height: 27px;
    padding: 17px 4px 9px 4px;
}

table#positionsTable tr td small {
    display: block;
    font-size: 9px;
    color: #7a7a7a;
    margin-bottom: -11px;
}

table#positionsTable tr td u {
    text-decoration: none;
    cursor: pointer;
}

table#positionsTable tr.trDarker td {
    background: #eeeeee;
}

table#positionsTable tr.title td {
    height: 25px;
    background: #666666;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 7px 0px 7px;
    border: 1px solid #7e7e7e;
    border-top: none;
    border-bottom: none;
}

table#positionsTable tr.category td {
    height: 20px;
    background: #A8B3BB;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 7px 0px 7px;
    border: none;
}

table#moneyTable {
    margin: 20px 0px 0px 0px;
    font-size: 11px;
    width: 700px;
}

table#moneyTable tr td {
    padding: 9px 4px 9px 9px;
    border: 1px solid #dadada;
    border-top: none;
    height: 28px;
    overflow: hidden;
    font-size: 12px;
    color: #005c9c;
    font-weight: bold;
    text-align: left;
}

table#moneyTable tr td small {
    display: block;
    font-size: 9px;
    color: #7a7a7a;
    margin-bottom: -11px;
}

table#moneyTable tr.trDarker td {
    background: #eeeeee;
}

table#moneyTable tr.title td {
    height: 25px;
    background: #666666;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 7px 0px 17px;
    border: none;
}

table#moneyTable tr.title td.leftBorderTd {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

table#moneyTable tr.title td.rightBorderTd {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

table#moneyTable tr.sumKey td {
    height: 25px;
    background: #DADADA;
    color: #626C7C;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 7px 0px 9px;
    border: none;
}

table#moneyTable tr td.keyTd {
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    color: #005c9c;
    width: 275px;
    border-left: none;
}

table#moneyTable tr.summary td {
    border: none;
    text-align: left;
    border-bottom: 1px solid #EEEEEE;
}

table#moneyTable tr.empty td {
    background: #666666;
    height: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
}

div#footer {
    width: 100%;
    height: 50px;
    margin: -10px 0px 30px 0px;
}

div#footer div.leftSide {
    float: left;
    color: #7a7a7a;
    font-size: 11px;
}

div#footer div.leftSide b {
    display: block;
    color: #005c9c;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 3px;
}

div#footer div.rightSide {
    float: right;
    text-align: right;
    color: #707070;
    font-size: 14px;
}

div#footer div.rightSide b {
    display: block;
    color: #3a465b;
    font-weight: bold;
    font-size: 16px;
    margin-top: 3px;
}

.inputSpace {
    display: block;
    clear: both;
}

.inputSpace label {
    float: left;
    width: 140px;
    cursor: pointer;
    display: block;
    min-height: 16px;
}

.inputSpace label.longLabel {
    width: 230px;
}

.inputSpace label.mediumLabel {
    width: 167px;
}

.inputSpace label.longestLabel {
    width: 240px;
}

.inputSpace label.shortLabel {
    width: 108px;
}

.inputSpace label.shortestLabel {
    width: 70px;
}

input {
    width: 140px;
    font-size: 13px;
    color: #626C7C;
}

select {
    font-size: 13px;
    color: #626C7C;
}

textarea {
    font-size: 13px;
    color: #626C7C;
    margin-left: 0px;
}

.msgTextarea {
    width: 400px;
    height: 100px;
    margin-left: 0px;
}

.aboutTextarea {
    width: 258px;
    height: 70px;
    margin-left: 0px;
}

.submitInput {
    width: auto;
    background: #5ba91e;
    border: 0px;
    font-weight: bold;
    font-size: 12px;
    color: white;
    font-family: arial;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    padding: 10px 10px 10px 10px;
    margin: 0px;
}

input.bigSubmit {
    width: auto;
    height: 35px;
    background: #5ba91e;
    border: 0px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    font-family: arial;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    padding: 0px 5px 2px 5px;
    margin: 0px;
}

input.redInput {
    background: #FF3333;
}

.shortInput {
    width: 20px !important;
    text-align: center;
}

.mediumInput {
    width: 30px !important;
    text-align: center;
}

.mediumInput_70 {
    width: 50px !important;
    text-align: left;
}

.normalInput {
    width: 150px !important;
}

.longInput {
    width: 260px !important;
}

.longestInput {
    width: 400px !important;
}

.codeInput {
    width: 105px !important;
}

div.messageBox {
    width: 550px;
    padding: 10px 15px 10px 15px;
    font-size: 13px;
    border: 1px solid #FBC7C9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 35px 0px 20px 0px;
    position: relative;
}

.noMargin {
    margin: 0px !important;
}

.noTopMargin {
    margin-top: 0px !important;
}

.noBottomMargin {
    margin-bottom: 0px !important;
}

.noLeftMargin {
    margin-left: 0px !important;
}

div.messageBox p {
    width: auto;
    display: block;
    padding: 5px 0px 5px 30px;
    margin: 0px;
}

div.correctBox {
    background: #E6EFC2 url('../../img/highlight_line.gif') repeat-x;
    border: 1px solid #C6D881;
}

div.correctBox p {
    background: url('../../img/correct_icon.png') no-repeat top left;
}

div.errorBox {
    background: #FBE3E4 url('../../img/highlight_line.gif') repeat-x;
    border: 1px solid #FBC7C9;
}

div.errorBox p {
    background: url('../../img/error_icon.png') no-repeat top left;
}

div.infoBox {
    background: #A8B2C5 url('../../img/highlight_line.gif') repeat-x;
    border: 1px solid #8497BF;
}

div.infoBox p {
    background: url('../../img/information_icon.png') no-repeat top left;
}

div.closeMessageBox {
    background: url('../../img/close.png') no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}

div.statsChart {
    display: none;
    margin-top: 20px;
    text-align: center;
}

div.chartRange {
    width: 700px;
    margin: auto;
}

div.chartRange img.reloadChartData {
    margin: 0px 0px -9px 5px;
}

tr.chartTrBox {
    height: 410px;
    display: none;
}

tr.chartTrFollow {
    height: 439px;
    display: none;
}

tr.chartTrFollowLong {
    height: 801px;
    display: none;
}

img.hasTooltip {
    float: right;
    cursor: pointer;
    margin: -18px -3px 0px 0px;
}

fieldset.sendLogsBox {
    padding: 0px;
    border: 1px solid black;
    width: 900px;
    height: 140px;
    margin: 0px auto 0px auto;
}

fieldset.sendLogsBox div.fieldsetInsideBox {
    padding: 10px 0px 0px 0px;
    width: 900px;
    margin: 0px;
    height: 115px;
    overflow-y: scroll;
    background: #E9E9E9;
}

fieldset.sendLogsBox legend {
    font-size: 13px;
    margin-left: 10px;
}

fieldset.sendLogsBox div.logRow {
    display: block;
    clear: both;
    width: auto;
    padding: 3px 3px 4px 4px;
    line-height: 15px;
    font-weight: bold;
    border-bottom: 4px solid white;
}

fieldset.sendLogsBox div.logRow b {
    color: #005C9C;
}

fieldset.sendlogsBox div.logRow u {
    color: red;
}

h5.slideMenuButton {
    cursor: pointer;
    background: url('../../img/edit_icon.png') no-repeat left;
    display: block;
    height: 16px;
    padding: 0px 0px 0px 25px;
    font-size: 14px;
    width: auto;
    clear: both;
}

div.centerBox {
    width: 95%;
    margin: auto;
}

div.centerContent {
    width: 95%;
    margin: auto;
    text-align: center;
}

table.messagesTable {
    font-size: 11px;
    width: 48%;
}

table.outBox {
    float: right;
}

table.inBox {
    float: left;
}

table.messagesTable tr td {
    padding: 9px 4px 9px 9px;
    border: 1px solid #dadada;
    border-top: none;
    height: 28px;
    overflow: hidden;
    font-size: 12px;
    color: #005c9c;
    font-weight: bold;
    text-align: left;
}

table.messagesTable tr td.shortTd {
    width: 20px;
    text-align: center;
}

table.messagesTable tr td a {
    color: #626C7C;
    font-weight: bold;
    font-size: 12px;
}

table.messagesTable tr td a.msgTopic {
    color: #005C9C;
    text-decoration: underline;
}

table.messagesTable tr.trDarker td {
    background: #eeeeee;
}

.unReadMsg {
    font-weight: bold;
}

table.messagesTable tr.title td {
    height: 25px;
    background: #666666;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 7px 0px 17px;
    border: none;
}

table.messagesTable tr.subtitle td {
    height: 18px;
    background: #DADADA;
    color: black;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 7px 0px 17px;
    border: none;
}

table.sitesListTable {
    width: 85%;
    margin: auto;
}

table.sitesListTable tr td.checkboxCol {
    width: 20px;
    text-align: center;
    /* padding:5px 7px 5px 7px; */
    padding: 5px 0px 5px 0px;
}

table.sitesListTable tr td.checkboxCol input {
    width: 13px;
}

div.sitesListForm {
    width: 85%;
    margin: 0px auto 5px auto;
    text-align: right;
}

div.sitesListFooter input {
    padding-top: 3px;
}

div.sitesListFooter {
    width: 85%;
    margin: 4px auto 5px auto;
    text-align: left;
}

table.sitesListTable tr.title h2 a {
    color: white;
    font-weight: bold;
    font-size: 18px;
}

table.sitesListTable tr.title img {
    margin: 0px 0px 0px 15px;
}

table.sitesListTable tr td.userLoginRow {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

table.sitesListTable tr td.userLoginRow a {
    color: #626C7C;
    font-size: 12px;
    font-weight: bold;
}

table.sitesListTable tr td.siteUrlRow {
    padding-right: 20px;
    text-align: left;
    min-width: 210px;
}

table.sitesListTable tr td.siteUrlRow a {
    color: #005C9C;
}

table.sitesListTable tr td.siteActionsRow {
    text-align: center;
    width: 25px;
}

table.sitesListTable tr td.top10Row {
    font-weight: normal;
    color: #626C7C;
    text-align: center;
}

table.clientsListTable {
    width: 85%;
    margin: auto;
}

table.clientsListTable tr td.shortTd {
    width: 20px;
    text-align: center;
    vertical-align: top;
}

table.clientsListTable tr td.userLoginRow {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    vertical-align: top;
}

table.clientsListTable tr td.userLoginRow a {
    color: #626C7C;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}

table.clientsListTable tr td.userRangeRow {
    width: 70px;
    color: #626C7C;
    font-size: 12px;
    font-weight: normal;
    vertical-align: top;
}

table.clientsListTable tr td.userLastOnlineRow {
    width: 130px;
    color: #626C7C;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    vertical-align: top;
}

table.clientsListTable tr td.sitesAndKeysList {
    width: 45%;
}

table.clientsListTable tr td.sitesAndKeysList ul li {
    margin-top: 5px;
}

table.clientsListTable tr td.sitesAndKeysList ul h5 {
    color: #626C7C;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 6px -15px;
}

table.clientsListTable tr td.sitesAndKeysList ul h6 {
    color: #55A31B;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px -15px;
}

table.clientsListTable tr td.sitesAndKeysList ul li ul li {
    margin-top: 0px;
}

div#zakresy_box {
    width: 180px;
    float: left;
}

img#addRangeButton {
    margin-left: 20px;
    margin-right: 10px;
}

div.progressBar {
    width: 95%;
    margin: auto;
}

table.statsTable {
    width: 48%;
}

.rightTable {
    float: right;
}

.leftTable {
    float: left;
}

div.leftTable, div.rightTable {
    text-align: left;
}

table.longStatsTable {
    width: 95%;
    margin: auto;
}

table.longStatsTable tr td {
    text-align: center;
}

table.longStatsTable tr.title td {
    text-align: left;
}

table tr td.formTd {
    padding: 4px 7px 4px 17px;
}

table tr td.formTd p {
    float: left;
    margin: 4px 0px 0px 0px;
}

table tr td.formTd form {
    float: right;
    text-align: right;
}

table.statsTable tr td a {
    color: #005C9C;
    text-decoration: underline;
}

table.statsTable tr td.shortTd {
    width: 70px;
}

img.changeArrow {
    margin: 1px 3px -1px 1px;
}

div#moneyTablesContainer {
    width: 95%;
    overflow: hidden;
    margin: auto;
}

div#moneyStatsDiv {
    width: auto;
    overflow: scroll;
    overflow-y: hidden;
}

table#monthsTable {
    margin: 0px 0px 0px 0px;
    font-size: 11px;
    float: left;
}

div#moneyStatsDiv table {
    margin: 0px 0px 7px 0px;
    font-size: 11px;
    width: 100%;
}

div#moneyStatsDiv table tr.topEmptyTr {
    height: 33px;
}

td.chartTd {
    padding-left: 12px !important;
}

tr.moneyChartTrFollow {
    height: 539px;
    display: none;
}

div#moneyStatsDiv div.statsChart {
    padding-left: 130px;
    text-align: left;
}

div#moneyStatsDiv div.chartRange {
    margin-left: 100px;
}

table.profileTable {
    width: 98%;
}

table.sitesAndKeysTable tr td.sitesAndKeysList {
    width: 45%;
}

table.sitesAndKeysTable tr td.siteUrlTd {
    vertical-align: top;
}

table.sitesAndKeysTable tr td.sitesAndKeysList ul {
    margin: 0px;
}

table.sitesAndKeysTable tr td.sitesAndKeysList ul li {
    margin-top: 5px;
}

table.sitesAndKeysTable tr td.sitesAndKeysList ul h5 {
    color: #626C7C;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 6px -38px;
}

table.sitesAndKeysTable tr td.sitesAndKeysList ul li ul li {
    margin-top: 0px;
}

table.clientFvats {
    width: 100%;
}

table.clientFvats tr.title td p {
    float: right;
    margin: 0px;
}

table.clientFvats tr.title td p a {
    color: white;
    text-decoration: underline;
}

div.chooseUserSites {
    border: 1px solid #9C9C9C;
    background: #FFFFFF;
    width: 501px;
    height: 80px;
    padding: 2px;
    overflow: auto;
    margin-top: 5px;
    margin-bottom: 15px;
}

div.siteInfoDiv {
    float: left;
    margin-right: 30px;
}

div.siteInfoDiv h4 {
    font-size: 16px;
    color: #55A31B;;
    padding-left: 10px;
    border-left: 15px solid #55A31B;
}

div.siteInfoDiv h4 b {
    color: #3A81B3;
}

div.siteInfoDiv h4 b.alert {
    color: red;
}

label.importantText {
    color: #55A31B;
    font-weight: bold;
    font-family: arial;
    font-size: 14px;
}

.fvatRowInput {
    width: 100%;
}

table.fvatPositionsTable {
    width: 100%;
}

table.fvatPositionsTable td.keysSelectTd {
    padding: 0px;
}

table.fvatPositionsTable td.keysSelectTd div {
    width: 200px;
    height: 36px;
    overflow: auto;
    text-align: left;
}

td.strPositionSite {
    text-align: center;
}

.errorField {
    border: 1px solid red !important;
}

#jquery-loader.black-with-image {
    border: none;
    padding-top: 35px;
    background-color: transparent;
    text-align: center;
    background-image: url(../../img/ajax-loader.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#jquery-loader-background {
    background-color: black;
}

p#fvatPayDate b {
    cursor: pointer;
}

img.fvatDeleteRowImg {
    cursor: pointer;
}

table.fvatsListTable {
    width: 90%;
    margin: auto;
}

table.fvatsListTable tr.title td {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 8px 6px 5px 6px;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

table.fvatsListTable tr.title td.emptyTd {
    border: 0px;
    background: none;
}

table.fvatsListTable tr.title td input {
    float: left;
    margin-right: 16px;
}

table.fvatsListTable tr.title td p.fvatsSaveSettings {
    float: left;
    margin: 2px 0px 3px 0px;
}

table.fvatsListTable tr.title td p.fvatsSaveSettings a {
    color: white;
    font-weight: normal;
    border-right: 2px dotted white;
    padding: 0px 5px 0px 5px;
    text-decoration: underline;
}

table.fvatsListTable tr.title td p.fvatsSummary {
    float: left;
    width: 230px;
    text-align: left;
    margin: 2px 0px 3px 0px;
}

table.fvatsListTable tr.title td p.fvatsShowSettings {
    float: right;
    width: 345px;
    text-align: left;
    margin: 0px 0px 0px 20px;
    border-left: 2px dotted white;
    padding-left: 20px;
    padding-top: 2px;
}

table.fvatsListTable tr.title td p.fvatsShowSettings input {
    margin-right: 5px;
    margin-top: -2px;
    float: right;
    width: 25px !important;
}

table.fvatsListTable tr.title td p.fvatsShowSettings select {
    width: 130px;
    margin: -2px 5px 0px 5px;
    float: right;
}

table.fvatsListTable tr.title td p.fvatsShowSettings b {
    display: block;
    float: right;
}

table.fvatsListTable tr td.shortestTd {
    padding-left: 6px;
}

table.fvatsListTable tr.makeHover:hover td {
    background: #F0F0F0;
}

table.fvatsListTable td img.hoverAction {
    display: none;
}

table.fvatsListTable tr.makeHover:hover td img.hoverAction {
    display: block;
    cursor: pointer;
    float: right;
    margin-left: 120px;
    margin-top: 0px;
    position: absolute;
    cursor: pointer;
}

table.fvatsListTable tr td {
    padding-left: 10px;
    font-weight: normal;
    color: #626C7C;
    border-right: 0px;
    border-left: 0px;
}

table.fvatsListTable tr td.fvatBuyer a {
    color: #626C7C;
    font-size: 12px;
    font-weight: bold;
}

table.fvatsListTable tr td.fvatNumber {
    color: #55a31b;
    font-weight: bold;
    font-size: 13px;
}

table.fvatsListTable tr td.fvatNumber a {
    color: black;
    font-size: 13px;
    margin-bottom: 2px;
    display: block;
}

table.fvatsListTable tr td.fvatDates {
    width: 170px;
}

table.fvatsListTable tr td.fvatCost {
    font-weight: bold;
    color: #55a31b;
    width: 100px;
}

table.fvatsListTable tr td.fvatStatus {
    width: 150px;
    font-weight: bold;
}

table.fvatsListTable tr td.fvatStatus p {
    width: 120px;
    float: left;
    margin: 0px;
    height: 34px;
}

table.fvatsListTable tr td.fvatStatus p.properPosition {
    height: 25px;
    padding-top: 9px;
}

table.fvatsListTable tr.fvatPaginationTr td a {
    font-weight: bold;
    color: #626C7C;
    text-decoration: underline;
}

table.fvatsSearchTable {
    width: 90%;
    margin: auto;
}

table.fvatsSearchTable tr.title td {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 8px 6px 5px 6px;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

table.fvatsSearchTable tr.title td p {
    float: right;
    margin: 0px;
}

table.fvatsSearchTable tr.title td p a {
    color: white;
    text-decoration: underline;
}

table.fvatsSearchTable tr td {
    vertical-align: top;
    min-width: 130px;
}

div.fvatShowLeftSide {
    text-align: left;
    width: auto;
    overflow: hidden;
}

div.fvatShowRightSide {
    width: 240px;
    float: right;
    margin-left: 20px;
}

div.fvatShowLeftSide div.centerContent {
    width: 100%;
}

table.fvatShowTable {
    width: 100%;
    margin: auto;
}

table.fvatShowTable tr.title td {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 8px 6px 5px 6px;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border: 0px;
}

table.fvatShowTable tr.title td.fvatRowName {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

table.fvatShowTable tr.title td.fvatRowTax {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

table.fvatsListTable tr.makeHover:hover td {
    background: #F0F0F0;
}

table.fvatsListTable tr td {
    padding-left: 10px;
    font-weight: normal;
    color: #626C7C;
    border-right: 0px;
    border-left: 0px;
}

table.fvatUserInfoTable {
    width: 45%;
    margin: auto;
}

table.fvatUserInfoTable tr.title td {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 8px 6px 5px 6px;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border: 0px;
}

table.fvatUserInfoTable tr td {
    padding-left: 10px;
    font-weight: normal;
    color: #626C7C;
    border-right: 0px;
    border-left: 0px;
    text-align: left;
    font-size: 15px;
    line-height: 20px;
}

table.fvatUserInfoTable tr td b {
    color: #005C9C;
}

table.fvatMoreInfoTable {
    width: 100%;
}

table.fvatMoreInfoTable tr td {
    font-size: 12px;
    line-height: 15px;
    width: auto;
}

table.fvatMoreInfoTable tr td b {
    width: 180px;
    display: block;
    float: left;
    color: #005C9C;
}

table.fvatMoreInfoTable tr td.optionName {
    width: 180px;
    color: #005C9C;
    line-height: 15px;
    font-weight: bold;
    vertical-align: top;
}

table.fvatMoreInfoTable tr.makeHover:hover td {
    background: #F0F0F0;
}

table.fvatOptionsTable {
    width: 90%;
    min-width: 200px;
    margin: 0px;
    float: right;
}

table.fvatOptionsTable tr.title td {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 8px 6px 5px 6px;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border: 0px;
}

table.fvatOptionsTable tr.title td a {
    color: white;
}

table.fvatOptionsTable tr td a {
    color: black;
}

table.fvatOptionsTable tr td input, textarea {
    width: 90%;
    margin: 5px 0px 10px 10px;
}

table.fvatOptionsTable tr td textarea {
    height: 150px;
}

table.fvatOptionsTable tr td input.userEmail {
    margin: 0px 0px 7px 10px;
    width: 83%;
    float: left;
}

table.fvatOptionsTable tr td img {
    float: right;
    margin: 2px 0px 4px 0px;
}

table.fvatOptionsTable tr td img.addEmail {
    float: left;
    margin: 0px 5px 0px 10px;
}

table.fvatPayOptions tr td.optionName {
    border-right: 0px;
    color: #626C7C;
    border-bottom: 0px;
    font-size: 12px;
}

table.fvatPayOptions tr td.optionTitle {
    color: black;
    font-size: 14px;
    border-bottom: 0px;
}

table.fvatPayOptions tr td.optionValue {
    border-left: 0px;
    color: #005C9C;
    font-size: 14px;
    border-bottom: 0px;
}

table.fvatPayOptions tr td.payHistoryDate {
    font-size: 12px;
    font-weight: normal;

}

table.fvatPayOptions tr td.payHistoryMoney {
    font-size: 12px;

}

table.fvatPayOptions tr td.payHistoryMoney img {
    margin-top: -1px;
}

table.fvatPayOptions tr.lastRow td.optionName {
    border-bottom: 1px solid #DADADA;
}

table.fvatPayOptions tr.lastRow td.optionValue {
    border-bottom: 1px solid #DADADA;
}

.fvatStatusColor_1 {
    color: #55A31B !important;
}

.fvatStatusColor_2 {
    color: #D60000 !important;
}

.fvatStatusColor_3 {
    color: black !important;
}

.fvatStatusColor_4 {
    color: #D60000 !important;
}

.fvatStatusColor_5 {
    color: #55A31B !important;
}

.fvatStatusColor_6 {
    color: #55A31B !important;
}

.fvatStatusColor_7 {
    color: #D60000 !important;
}

table.actionsList tr.title td a {
    color: white;
    text-decoration: underline;
}

table.actionsList tr td {
    vertical-align: top;
    font-weight: bold;
}

table.actionsList tr td p#alwaysVisible {
    text-align: right;
    width: 200px;
    float: right;
    margin-top: -4px;
    margin-bottom: 0px;
}

table.actionsList tr td p#alwaysVisible input {
    width: 20px;
}

.addActionTextarea {
    width: 500px;
    height: 35px;
    margin-left: 0px;
    vertical-align: top;
    margin: 0px 15px 0px 0px;
}

table.actionsList tr td.actionDate {
    width: 130px;
    color: #005C9C;
}

table.actionsList tr.action_tr_done td {
    font-weight: normal;
    background: #F7F7F7;
    text-decoration: line-through;
}

table.actionsList tr.action_tr_done td.actionDate {
    text-decoration: none;
}

div#fvatMailReportSitesList {
    height: 150px;
    overflow: auto;
    width: 400px;
}

small.gaTotal {
    margin-left: 5px;
    display: block;
    float: right;
    margin-top: 8px;
    margin-bottom: -2px;
    color: gray;
    font-weight: bold;
    font-size: 11px;
}

div.csvKeysDiv {
    width: 400px;
    height: 100px;
    overflow: auto;
    text-align: left;
}

div.checkboxGroup {
    width: 400px;
    overflow: auto;
}

input#inputBox {
    float: left;
}

img.addKeyRow {
    margin-bottom: -3px;
    margin-left: 5px;
    cursor: pointer;
    float: left;
}

img.expandKeyInput {
    margin-bottom: -3px;
    margin-left: 5px;
    cursor: pointer;
}

#keysRowsContainer textarea {
    margin-left: 0px;
    margin-top: 0px;
    display: none;
    float: left;
}

#keysRowsContainer textarea {
    margin-left: 0px;
    display: none;
    float: left;
}

input.position_edit {
    text-align: center;
    width: 21px;

}

td.auto_fvat_image {
    text-align: center;
    padding: 0px !important;
}

#searchImg {
    width: 22px;
    margin-top: 1px;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}

#proxy_download_link {
    cursor: pointer;
}

input.fvatsAcceptButton {
    margin-top: 7px;
    margin-bottom: 0px;
    color: black;
    background: #dcdcdc;
    font-weight: bold;
    font-family: arial;
    width: 220px;
    cursor: pointer;
}

.tooltip {
    display: none;
    border: 1px solid black;
    height: auto;
    width: auto;
    max-width: 240px;
    padding: 2px;
    color: black;
    background: #dcdcdc;
}

table tr td.proxyStatusCol {
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

table tr td.proxyStatus_0 {
    background: #bccaf7;
}

table tr td.proxyStatus_1 {
    background: #e6efc2;
}

table tr td.proxyStatus_2 {
    background: #f7bcbc;
}

table tr td.proxyStatus_3 {
    background: #2aa0dd;
}

div#pagination {
    text-align: right;
    margin-top: 5px;
}

div#pagination input {
    width: 30px;
    text-align: center;
    margin-right: 4px;
}

div#pagination input.submitInput {
    width: 26px;
    margin-right: 0px;
    padding-bottom: 0px;
}

div#pageSelect {
    text-align: right;
    margin: 4px 0px 8px 0px;
    font-size: 12px;
}

div#pageSelect a {
    font-weight: bold;
}

div#pageSelect a.current {
    text-decoration: underline;
    font-weight: normal;
    font-size: 11px;
}

div#topNavigationBar div.loggedAs {
    float: right;
    text-align: right;
}

div#topNavigationBar div.navigationPath {
    float: left;
    text-align: left;
    font-size: 14px;
    color: black;
    font-weight: bold;
}

div#topNavigationBar div.navigationPath a {
    font-size: 13px;
    color: gray;
    font-weight: bold;
}

.inputIcon {
    margin-left: 5px;
    margin-top: 3px;
}

div.enginesContainer {
    width: 262px;
}

.topmenu {
    color: white;
}

.topmenu span {
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    padding-top: 5px;
}

.topmenu-icon {
    font-size: 41px;
    color: #fefefe;
    margin: auto;
}

.topmenu:hover {
    opacity: 0.5;
}

.login-logo{
    background: white url('../../img/logo.png') no-repeat left;
    background-size: 190px;
    padding-left: 75px;

}

.loginBox .messageBox{
    max-width:100%;
}