body {
        background-color:   #f9f9ff;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
}

table.body {
        width:					90%;
        border:					0px;
        border-width:           0px;
        border-style:			solid;
        border-collapse:		collapse;
        border-spacing:			20px;
        color:					#0A8F09;
        border-color:			#A8CD89;
        margin-top:             10px;
        margin-bottom:          10px;
        margin-left:            15px;
        margin-right:           15px;
        background-color:       #f9f9ff;
        text-align: center;
}

table.login {
        border:					4px;
        border-style:			solid;
        border-color:			#151c6b;
        border-collapse:		collapse;
        border-spacing:			0px;
        background-color:       #f9f9ff
        /* #FCF6ED; */
}

table.menu {
        width:                 990px;
        border:                0px;
}

td.login {
        font-size:          11pt;
        
        color:   	              #151c6b;
        
}

table.inner {
        border:					0px;
        color:					#0A8F09;
        width:                  100%;
        background-color:       #f9f9ff;
}

table.cennik {
        border:					1px;
        background-color:		#D8DBD9;
        background-color:       #f9f9ff;
        color:					#0A8F09;
        width:                  100%;
        border-color:           #D8DBD9;
        border-width:           1px;
        border-style:           solid;
}

.margin10 {
        margin-top:             10px;
        margin-bottom:          10px;
        margin-right:           30px;
        margin-left:            20px;
}

td.title {
        color:                  #151c6b;
        background-color:       #f9f9ff;
        font-size:              9pt;
}

td.error {
        color:                  red;
        font-size:              11pt;
        width:                  990px;
        background-color:       #FCF6ED;
        background-color:		#F9f9ff;
        padding-top:            10px;
        padding-bottom:          10px;
        font-weight:            bold;
        
}

td.box  {
        background-color:   white;
        color:              #BED3F9;
        width:              200px;
        height:             200px;
        padding:            20px;
        margin:             20px;
        text-align:         center;
        border-color:       #BED3F9;
        border-width:       3px;
        border-style:       solid;
        border-radius:			2px;
}

td.form {
        font-size:          11pt;
        color:				#0A8F09;
        border-color:       green;
        border-width:       1px;
        border-style:       solid;
        border-color:       #151c6b;
        color:   	        #151c6b;
        padding:            3px;
        /* background-color:		#FCF6ED; */
        /* background-color:		#F9f9ff; */
        background-color:	#e9e9ee;
}

td.pending {
        font-size:          11pt;
        color:				#0A8F09;
        border-color:       green;
        border-width:       1px;
        border-style:       solid;
        border-color:       #151c6b;
        color:   	        #025045;
        padding:            3px;

        background-color:	#caf3cc;
}



td.dane{
        font-size:          11pt;
        color:				#0A8F09;
        border-color:       green;
        border-width:       1px;
        border-style:       solid;
        border-color:       #151c6b;
        padding:            3px;
        background-color:	#FCF6ED;
        background-color:	#e9e9ee;
}



td.cennik {
        font-size:          11pt;
        background-color:   #f9f9ff;
        color:   	#151c6b;
}

td.list_1 {
        background-color:   white;
        color:              #151c6b;
        font-size:          12px;
}

td.list_2 {
        background-color:   #f2f2f2;
        color:              #151c6b;
        font-size:          12px;
}

td.name {
        font-size:          10px;
        color:              #151c6b;
}

td.adres {
        font-size:          10pt;
        color:              red;
}

td.main {
        width:              990px;
        height:             330px;
        text-align:         center;
        border-color:       green;
        border-width:       0px;
        border-style:       solid;
}

td.footer {
        background-color:   #BED3F9;
        color:              white;
        font-size:          10pt;
        text-align:         right;
}

td.head {
        color:				yellow;
        background-color:   #151c6b;
	color:              white;
    background-color:   #6b7cc7;
        font-size:			15px;
        border-color:       #151c6b;
        border-width:       1px;
        border-style:       solid;
        font-weight:        bold;
        /* padding-left:       15px; */
        padding-top:        3px;
        padding-bottom:     3px;
}

/* td.head.left {
    width: 100%;
} */

/* td.head.right {
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  padding-left: 0.6rem;
} */

table.wcss {
        width:                 100%;
        border-collapse:		collapse;
}
td.wcss {
        background-color:   #151c6b;
        font-size:			15px;
        font-weight:        bold;
        padding-left:       15px;
        padding-top:        3px;
        padding-bottom:     3px;
}

td.width25 {
        width:              25%;
}

td.width50 {
        width:              50%
}

td.menu {
        font-size:			12px;
        color:				white;
        padding-right:		15px;
        background-color:	#151c6b;
        border-radius:          10px;
}

th.subhead {
        color:              white;
        background-color:   #0A8F09;
        font-size:          13px;
}

tr.list_1 {
        color:              #0A8F09;
        background-color:   #D8DBD9;
        font-size:          12px;
}

.darkblue {
        color:             #151c6b;
}

.lightblue {
        color:            #0A8F09;
}

.grey {
        color:          #f2f2fc;
}

.lightyellow {
        background-color:       #FCF6ED;
}

.footer {
        font-size:      10px;
}

.center {
        text-align:		center;
}

.left {
        text-align:		left;
}

.right {
        text-align:		right;
}

p.menu {
        font-size:			10px;
}

a {
        color:  		#ffffff;
        text-decoration:	none;
        font-size:		10pt;
}

.icon {
        color:  		#151c6b;

}

a.active {
        color:					#0A8F09;
        font-size:			11pt;
}

.border {
        border:					1px;
        border-style:			solid;
        border-width:			1px;
        border-color:           #151c6b;
}

.yellow {
        color:         yellow;
}

.redstar {
        color:              red;
}

.width700 {
        width:                  500px;
}

.w200 {
        width:              200px;
}

.w330 {
        width:                  300px;
}

.w150 {
        width:                  150px;
}

.w100 {
        width:                  100px;
}

.w30 {
        width:                  30px;
}

.w50 {
        width:                  50px;
}

.left-padding20 {
        padding-left:		20px;
}

.right-padding70 {
        padding-right:           100px;
}

.i {
        color: #0A8F09;
}

.left-padding70 {
        padding-left:           100px;
}

.padding7 {
        padding-top:            7px;
        padding-bottom:         7px;
        padding-left:           5px;
        padding-right:          5px;
}

.top-padding4 {
        padding-top:            4px;
}

.top-padding-7 {
        padding-top:            7px;
}

.right-padding50 {
        padding-right:          50px;
}

.disabled {
        font-size:              12px;
        font-weight:            normal;
        padding-top:            7px;
        padding-bottom:         7px;
        padding-left:           5px;
        padding-right:          5px;
        max-width:				700px;
        height:					25px;
        color:					#0A8F09;
        background-color:		#efefef;
}


.input {
        font-size:              12px;
        font-weight:            normal;
        padding-top:            7px;
        padding-bottom:         7px;
        padding-left:           5px;
        padding-right:          5px;
        max-width:				700px;
        height:					25px;
        color:					#0A8F09;
        background-color:		#FCF6ED;
        background-color:   white;
}

input[type="radio"] {
        display: inline;
        margin-right: 10px;
      }

.textarea {
        font-size:              12px;
        font-weight:            normal;
        padding-top:            7px;
        padding-bottom:         7px;
        padding-left:           5px;
        padding-right:          5px;
        max-width:				700px;
        color:					#0A8F09;
        background-color:		#FCF6ED;
        background-color:   white;
}

.select {
        font-size:              12px;
        font-weight:            normal;
        padding-top:            5px;
        padding-bottom:        	5px;
        padding-left:           5px;
        padding-right:          5px;
        width:					300px;
        color:					#0A8F09;
        background-color:		#FCF6ED;
}

.multiple {
        font-size:              12px;
        font-weight:            normal;
        padding-top:            5px;
        padding-bottom:        	5px;
        padding-left:           5px;
        padding-right:          5px;
        color:					green;
        background-color:		#FCF6ED;
        width:					300px;
        height:					300px;
}

.bottom {
        font-size:              13px;
        font-weight:            normal;
        background-color:		#0A8F09;
        color:					#EAE59E;
        border-width:           0;
        padding-top:            7px;
        padding-bottom:         7px;
        padding-left:           15px;
        padding-right:          15px;
        border-radius:			2px;
        cursor:                 pointer;
}


.checkbox {
        background-color:		#FCF6ED;
        color:					#EAE59E;
        border-width:           0;
        cursor:                 pointer;
}


input[type="submit"],
.button {
        color:		            #0A8F09;
        border: 				1px;
        background-color: 		white;
        border-color:           #151c6b;
        border-style:           solid;
        border-width:           2px;
        padding: 				3px 3px;
        padding-top:            7px;
        padding-bottom:         7px;
        padding-left:           20px;
        padding-right:          20px;
        border-radius:			4px;
        text-align: 			center;
        font-weight: bold;
        text-decoration:		 none;
        display: 				inline-block;
        margin: 				4px 2px;
        cursor:					pointer;
}

input[type="submit"]:disabled,
.button:disabled {
        background-color: #efefef;

}

.blink {
        animation: blink 3s infinite;
}



@keyframes blink {
        0% {
                opacity: 1;
        }
        50% {
                opacity: 0;
        }
        100% {
                opacity: 1;
        }
}



.tooltip {
        position: relative;
        display: inline-block;
/* border-bottom: 1px dotted black; */
}
      
.tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 105%;
}
      
.tooltip .tooltiptext::after {
        content: " ";
        position: absolute;
        top: 50%;
        right: 100%; /* To the left of the tooltip */
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent black transparent transparent;
}
      
.tooltip:hover .tooltiptext {
        visibility: visible;
}

table td.crossed {
  background-image: linear-gradient(
    to bottom, 
    transparent calc(50% - 2px),
    red,
    transparent calc(50% + 2px)
  );
}
dialog {
        width: 50vw;
        /* height: 25em; */
        height: 100%
}