*

{

margin: 0;

padding: 0;

}



body

{

background-color: #efeded;

font-size: 12pt;

color: black;

padding-bottom:50px;

}

.false, .true

{

margin: 5px 0 15px 0;

padding: 10px 10px 10px 50px;

text-align: center;

}



.false

{

border: solid 2px red;

background-color: #ff9999;

}



.true

{

border: solid 2px #12a4f8;

background-color: #ccffff;

}



#logo

{

padding: 0;

width: 650px;

margin: auto;

height: 100px;

background-image: url('./../img/logocrm.png');

background-position: top left;

background-repeat: no-repeat;

}







ul#menu, ul#menu2

{

display: block;

width: 100%;

height: 40px;

text-align: left;

list-style: none;

margin-left: 5px;

margin-top: 5px;

text-align: center;

}

ul#menu li, ul#menu2 li

{

margin: 2px;

width: 150px;

height: 45px;

display:inline;

padding: 5px;

border: solid 2px white;

background-color: #12a4f8;

cursor: pointer;

}



ul#menu li:hover a, ul#menu2 li:hover a

{

background-color: white;

color: black;

}

ul#menu li a, ul#menu2 li a

{

text-decoration: none;

color: black;

font-weight: bold;

}



#content

{

width: 100%;

margin: auto;

}



#logo,#stopka

{

width: 650px;

margin: auto;

}



#srodek

{

width: 80%;

margin: auto;

}



#stopka

{



}

h1

{

text-align: center;

}



h2

{

margin: 10px auto;

text-align: center;

padding: 1px 3px;

border: solid 3px white;

background-color: #12a4f8;

}



#tresc h1, #tresc h1 a

{

text-decoration:none;

font-variant:small-caps;

font-size:16pt;

background-color:black;

color:white;

padding: 5px;

margin-bottom:15px;

border:solid 1px white;

}



#tresc h1 a{

border:none;

}





#filtrNotatek h2, #wyszukiwarka h2

{

background-color: transparent;

border: 0;

}



fieldset

{

border: 0;

}

fieldset.submit

{

text-align: center;

}



table tr:hover

{

background-color: #00FFFF;

}



form#wyszukiwarka, div#filtrNotatek

{

width: 650px;

padding: 10px;

border: solid 1px;

margin: 10px auto;

background-color: white;

}



form#wyszukiwarka input[type=text], div#filtrNotatek form input[type=text]

{

border: solid 1px black;

}



span.nazwaPolaFormularza

{

  display: inline-block;

  width: 20%;

  padding-right: 10px;

  text-align: right;

}

input[type=text]

{

  width: 70%;

}

input#pickerfield2

{

width: 99%;

}



input.pr50

{

  width: 50%;

}



table

{

width: 90%;

margin:auto;

}



input.login,input.haslo

{

    width: 100px;

}

span.ltxt

{

    text-align: right;

    padding-right: 10px;

    width: 30%;

    display: inline-block;

}



form#formLogowanie

{

margin: 15px auto 0 auto;

width: 260px;

background-color: #12a4f8;

padding: 20px;

border: solid 2px white;

}



form#formLogowanie fieldset

{

margin: 5px 0;

}



form#formLogowanie fieldset span.ltxt

{

width: 50px;

color: black;

font-weight: bold;



}

form#formLogowanie fieldset input[type=text], form#formLogowanie fieldset input[type=password]

{

width: 150px;

}



.poleSrodek

{

width: 650px;

background-color: white;

border: solid 1px black;

margin: 10px auto;

padding: 5px;

}



div#datyRat fieldset

{

  margin-left: 20%;

}



.srodek

{

text-align: center;

margin: auto;

}

.kostkaKolor

{

display: block;

width: 15px;

height: 15px;

float: left;

}



table, table tr, table tr td

{

border-collapse: collapse;

border: solid 1px;

text-align: center;

}

table tr td

{

padding: 3px;

}

table tr th

{

background-color: #12a4f8;

}

table.wewnetrzna

{

font-size: 10pt;

}

table.wewnetrzna tr th

{

background-color: #66CCCC;

}

.pr30

{

width: 30%;

}

.pr5

{

width: 5%;

}

.pr10

{

width: 10%;

}

.pr15

{

width: 15%;

}

.pr20

{

width: 20%;

}

.pr60

{

width: 60%;

}



p.powrot a

{

display: inline-block;

padding-left: 15px;

background-image: url('./../img/strzalka.png') top left;

}



div#zegarek

{

text-align: center;

width: 300px;

padding: 1px 10px;

border: solid 1px;

margin: 10px auto 0 auto;

background-color: white;

}



#staty

{

margin:auto;

width: 500px;

text-align:center;

background-color: #66cccc;

}





#widokZadanie

{

margin: 10px auto 30px auto;

padding: 10px;

border: solid 1px red;

}



span.gwiazdka

{

color:red;

font-size:12px;

vertical-align:top;

}



textarea.txtarea

{

min-width:200px;

min-height: 100px;

}



input.krotko

{

max-width: 200px;

}



input.data

{

width:100px;

}



#widokZadanie .ltxt

{

width: 19%;

}



#widokZadanie .rtxt

{

width: 79%;

float:right;

}



.rtxt *

{

width:100%;

}



#widokZadanie fieldset

{

margin: 0 0 10px 0;

}



#nota

{

width:150px;

height: auto;

border:solid 1px black;

background-color: rgba(255,255,255,0.75);

position: absolute;

top: 50px;

left:0x;

text-align:center;

}



#nota *

{

font-size:12px;

}



#jednorazowe

{

width: 48%;

margin-left:1%;

float:right;

border:solid 1px black;

}



#cykliczne

{

width:48%;

margin-right:1%;

float:left;

border:solid 1px white;
margin-bottom:20px;

}



#jednorazowe h3, #cykliczne h3

{

margin: 3px auto;

text-align: center;

padding: 1px 3px;



background-color: #12A4F8;

}



#jednorazowe p, #cykliczne p

{

padding: 4px 0;

margin: 2px 0;

}



#jednorazowe p a, #cykliczne p a

{

color:red;

display:inline-block;

width:100%;

}



#jednorazowe p a:hover, #cykliczne p a:hover

{

background-color: blue;

color:white;

}



.szary

{

background-color:#ebebe0;

}

li.szary a
{
color: #c6c6c6 !important;
}

.done a

{

color:gray !important;

}





.zielony

{

background-color:#ccffb3;

}



.done

{

color:gray;

}



li.projekt

{

width:100%;

padding: 2px 2px;

background-color:white;

margin: 5px 0;

list-style-type:none;
clear:both;
}



li.projekt:hover

{

background-color:gray;

color:white;

}



li.projekt a

{

display:inline-block;

width:94%;

color:black;

text-decoration:none;

font-size: 16px;

padding: 2px;

}

li.projekt a:hover

{

color:white;

}

.hprojekt

{

margin: 3px auto;

text-align: center;

padding: 1px 3px;



background-color: #12A4F8;

}



.stan1 { background-color: #ccffcc;}

.stan2 { background-color: #ffffb3;}

.stan3 { background-color: #ffd6cc;}

.stan0 { background-color: transparent;}



#widokKlient

{

width:100%;

background-color:white;

margin: 40px auto;

padding: 20px 0;

}



div.kopiuj

{

text-align:center;

margin:auto;

}



div#zakladka-dodajKatalog form input[type=text]

{

width: 400px;

}



div#zakladka-dodajKatalog form input.krotki[type=text]

{

width: 50px;

}



div#linkKatalog

{

padding: 20px;

margin: 15px auto 15px auto;

min-width: 400px;

border: solid 3px red;

}



div#linkKatalog p,  div#linkKatalog p a

{

color:red;

font-size:14pt;

text-align:center;

}



div.sort a

{

text-decoration:none;

font-size:12pt;

color:black;

}



div.sort a:hover

{

color:white;

}

div#notatkaprojektu, div#notatkaprojektu2
{
margin: 5px auto 5px auto;
padding: 10px;
font-style:italic;
background-color: #F5F5F5;
border: solid 1px #e3e3e3;
}

div#notatkaprojektu2{
background-color: #ffe6e6;
}
span.stat
{
width:3%;
float:left;
margin-right:2%;
text-align:Center;
}