TABLE.konto {
    text-align: left;
}

TABLE.box_1 {
    border-spacing: 0px;
}

TABLE.box_1 TD {
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
}

TABLE.box_1 TD IMG {
    vertical-align: middle;
}

TABLE.box_1 TH {
    border-bottom: 1px solid #333;
    vertical-align: middle;
}

TABLE.box_1 TD:nth-child(3){
    text-align: right;
}

TABLE.box_1 .mini {
    font-size: 10px;
}

.konto_box .header {
    background-color: #A10015;
    color: white;
    font-weight: bold;
}

.konto_box DIV {
    padding: 4px;
}

.konto_box DIV.last {
    margin-bottom: 10px;
}

.konto_box DIV.last, .konto_box DIV.normal {
    border-top: 1px solid #fff;
    position: relative;
    margin-left: 25px;
    cursor: pointer;
}

.konto_box DIV.selected, .konto_box DIV.normal:hover, .konto_box DIV.last:hover {
    background-color: #FC0;
    color: #840;
}

DIV.tree {
    width: 5px;
    height: 15px;
    border-left: 1px solid #A10015; 
    border-bottom: 1px solid #A10015;
    position: absolute;
    top: -10px;
    left: -14px;
}

TABLE.konto DIV.title {
    margin: 10px 0px;
    color: #666;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

DIV#podstawowe_informacje_wazne {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #eee;
    padding: 10px;
    position: relative;
    margin-bottom: 30px;
}

DIV#podstawowe_informacje_wazne DIV.box_konto {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 3px;
    text-align: center;    
}

DIV#podstawowe_informacje_wazne DIV.box_podstawowe_info {
    font-size:14px;
    padding:4px;
}

DIV#podstawowe_informacje_wazne DIV#box_opinie {
    margin-top: 10px;
    text-align: right;
    width: 140px;
    float: left;
    margin-right: 20px;
}

DIV#podstawowe_informacje_wazne DIV#box_opinie DIV.rekovar {
    color: black;    
    font-weight: normal;
}

DIV#podstawowe_informacje_wazne DIV#box_opinie DIV.rekoall {
    color: black;    
    font-weight: normal;
}

DIV#podstawowe_informacje_wazne DIV#box_opinie DIV.rekopoz {
    color: green;    
    font-weight: normal;
}

DIV#podstawowe_informacje_wazne DIV#box_opinie DIV.rekoneu {
    color: blue;    
    font-weight: normal;
}

DIV#podstawowe_informacje_wazne DIV#box_opinie DIV.rekoneg {
    color: red;    
    font-weight: normal;
}

DIV#podstawowe_informacje_wazne .powrot {
    background: none repeat scroll 0 0 red;
    border: medium none;
    color: white;
    position: absolute;
    right: 0;
    top: -18px;
    width: auto;
}

DIV#podstawowe_informacje_wazne .wazne {
    color: red;
    font-weight: bold;
    padding: 2px 3px;
}

DIV#podstawowe_informacje_wazne .kto {
    background: none repeat scroll 0 0 #333333;
    border-radius: 5px 5px 5px 5px;
    color: white;
    padding: 2px 5px;
    font-weight: bold;
}

DIV#podstawowe_informacje_wazne DIV#box_popularnosc {
    margin-top: 10px;    
    width: 120px;
    float: left;
}

input[type='checkbox'].switch {
    display: none;
}

input[type='checkbox'].switch+label {
    width: 67px;
    height: 25px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

input[type='checkbox'].switch+label {
    display:inline-block;
    background-image:url('/gfx/onoff_off.png');
    vertical-align: middle;
}

input[type='checkbox'].switch:checked+label {
    background-image:url('/gfx/onoff_on.png');
}

input[type='radio'][value='on']:checked+label, input[type='radio'][value='off']:checked+label{
    display: none;
}

input[type='radio'][value='on']+label, input[type='radio'][value='off']+label {
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    padding-left: 75px;
    font-weight: bold;
}

input[type='radio'][value='on']+label {
    color: red;
    background-image:url('/gfx/onoff_off.png');
}

input[type='radio'][value='off']+label {
    color: #6FBD00;
    background-image:url('/gfx/onoff_on.png');
}

input[type='checkbox'].switch+label:before, input[type='checkbox'].switch+label:after,input[type='radio'].switch+label:before, input[type='radio'].switch+label:after {
    content: none;
}

.button-small {
    background-color: #007E8A;
    border: 0;
    color: white;
    padding: 5px 10px;
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
}

.button-small:hover {
    background-color: #209EAA;
    color: white;
    text-decoration: none;
}

.div_info {
    padding: 1em;
    width: 400px;    
    box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.2);
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: none;
    position: relative;
    background-clip: padding-box;
    border-radius: 5px;   
}

.popup_zawies {
    font-size: 16px;
    text-align: left;
}

.popup_zawies div {
    font-size: 14px;
    line-height: 20px;
}

.popup_zawies .em1-2 {
    font-size: 16px;
}

.popup_zawies.div_info {
    padding: 0;
    border: none;
    width: 600px; 
}

.div_info .close_div {
    color: #222;
    font-size: 26px;
}

.popup_zawies.div_info .close_div {
    color: #fff;
}

.div_info h2 {
    color: #222;  
    margin-top: 0;
    font-size: 21px; 
}

.popup_zawies.div_info h2 {
    color: #fff;
    padding: 16px 25px;
    border-radius: 5px 5px 0 0;
    background-color: #228ec5;  
}

.close_div {
    position: absolute;
    right: 0.6em;
    top: 0.4em;
    width: 40px;
    height: 40px;
    text-align: right;
}

.close_div:after {
    content:"\f00d";
    font-family: FontAwesome;
    font-size: 1.3em;
    cursor: pointer;
}

input[type='radio'] + label, input[type='checkbox'] + label {
    position: relative;
    padding-left: 1.3em;
}

/*input[type='radio'], input[type='checkbox'] {
    display: none;
}*/

input[type='radio']:checked + label, input[type='checkbox']:checked + label {
    color: #228EC5;
}

/*input[type='radio'] + label:before, input[type='radio']:checked + label:after, input[type='checkbox'] + label:before, input[type='checkbox']:checked + label:after {*/
/*input[type='radio'] + label:before, input[type='checkbox'] + label:before {
    position: absolute;
    display: block;
    font-family: FontAwesome;
    width: 1.6em;
    font-size: 1.2em;
    content: '\f096';
    left: -0.25em;
    top: 0;
}*/

/*input[type='radio']:checked + label:before, input[type='checkbox']:checked + label:before {
    content: '\f046';
}*/

/* zmieni�am na checked bo jak nie by�o tego to robi�y si� puste kwadraty */
/*input[type='radio']:checked + label:after, input[type='checkbox']:checked + label:after {
    content: '\f00d';
    left: -0.25em;
    top: 0;
    font-size: 0.9em;
    line-height: 1em;
    text-align: center;
}


input[type='radio']:checked + label:after, input[type='checkbox']:checked + label:after {
    text-align: center;
    font-size: 0.9em;
    transition: all 0.2s;
}

input[type='radio'] + label:before, input[type='checkbox'] + label:before {
    content: '\f096';
    left: -0.4em;
    top: 0;
}*/

.button {
    padding: 8px 12px;
    border-radius: 3px;
    text-decoration: none;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 0;
    color: #FFF;
    transition: 0.5s background-color, 0.5s color;
    line-height: normal;
    text-decoration: none;
    transition: 0.3s all;
}

.button:hover {
    background-color: #fc0;
    text-decoration: none;
}

.button-green {
    background-color: #4C8000;
}

.button-red {
    background-color: #a00;
}

.em1-2 {
    font-size: 16px;
}

.w100 {
    width: 100%;
    box-sizing: border-box;
}

.message {
    font-size: 1.2em;
    text-transform: uppercase;
    right: 0px;
    left: 0px;
    top: 0px;
    z-index: 110001;
    position: fixed;
    display: none;
    text-align: center;
    padding: 24px 0px;
    cursor: pointer;
}
.message .message-text {
    font-size: 1em;
    font-family: Arial;
}

.message-error {
    background-color: #C00;
    color: #FFF;
}

.message-warning {
    background-color: #F90;
    color: white;
}

.message-ok {
    background-color: #8A0;
    color: white;
}

.message-close {
    background-image: url('/gfx/close.png');
    width: 27px;
    height: 27px;
    position: absolute;
    top: calc(50% - 13px);
    right: 20px;
}

textarea {
    padding: 8px 12px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    transition: border-color 0.3s;
    font-family: 'Tahoma', sans-serif;
}

.ui-popup-hidden {
    display: none;
}

.fg1 {
    flex-grow: 1;
}

.t-right {
    text-align: right;
}