body {background-color: aliceblue; color: Black; font-size: 90%}
h1 {font-size: 150%;}
h2 {font-size: 120%;}

table.classic {border-collapse: collapse}
table.classic th {border: solid gray 1px; background: #e0e0e0}
table.classic td {border: solid gray 1px;}
table.classic tr {page-break-inside: avoid; page-break-before: auto; page-break-after: auto;}



table.classic-wide {border-collapse: collapse;}
table.classic-wide th {border: solid gray 1px; white-space: nowrap; background: #e0e0e0;}
table.classic-wide td {border: solid gray 1px; white-space: nowrap;}
table.classic-wide td.notWide {border: solid gray 1px; white-space: normal;}

table.classic-form {border-collapse: collapse}
table.classic-form th {border: solid gray 1px; background: #e0e0e0}
table.classic-form td {border: solid gray 1px}

table.bordless {border: none}
table.bordless td {border:none}
table.bordless tr {border:none}
.notUnactive{border: solid blueviolet 1.5pt!important}
td.isNotDone {border: solid yellow 1.5pt!important}
td.isDone {border: solid green 1.5pt!important}

td.white{border-bottom-color: white; border-left-color: white; border-right-color: white}
td.conforms_norm {background: #aaffaa}
td.doesnt_conforms_norm {background: #ffaaaa}
.conforms_norm {background: #aaffaa}
.green {background: #aaffaa}
.yellow {background: yellow}
.doesnt_conforms_norm {background: #ffaaaa}
.unrequired{color:  #006600}
span.conforms_norm {background: #aaffaa}
span.doesnt_conforms_norm {background: #ffaaaa}
#menu .menu-section {margin: 1em 0}
#menu a {white-space: nowrap; display: block; color: #0000a0; text-decoration: none; border: solid aliceblue 1px}
#menu a:hover {border: outset gray 1px; background-color: #ddd}
#menu a:active {border: inset gray 1px; background-color: #ddd}

a.action {display: inline-block; color: #0000a0; text-decoration: none; border: solid aliceblue 1px; margin: 2px}
a.action:hover {border: outset gray 1px; background-color: #ddd}
a.action:active {border: inset gray 1px; background-color: #ddd}

#submenu {margin: 1em 0; border-bottom: solid gray 1px}
#submenu a {display: inline-block; color: #0000a0; text-decoration: none; border: solid aliceblue 1px}
#submenu a:hover {border: outset gray 1px; background-color: #ddd}
#submenu a:active {border: inset gray 1px; background-color: #ddd}
#submenu span {border: inset gray 1px; background-color: #ddd}

a.file {
    padding: 2px;
    padding-left: 20px;
    background-image: url(../images/icons/page_white_acrobat.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block; color: #0000a0; text-decoration: none; border: solid aliceblue 1px;
}
a.file:hover {border: outset gray 1px; background-color: #ddd}
a.file:active {border: inset gray 1px; background-color: #ddd}

a.textlink {color: #000050; text-decoration: none}
a.textlink:hover {text-decoration: underline}
a.textlink:active {text-decoration: underline}

strong, .strong {font-weight: bold}
a.nomargin {margin: 0 !important}

a.sorter {color: #000050; text-decoration: none}
a.sorter:hover {text-decoration: underline}
a.sorter:active {text-decoration: underline}

a.sorter.asc:before {content: '△'; padding-right: 2px}
a.sorter.desc:before {content: '▽'; padding-right: 2px}

div.filter {font-size: small; margin-top: 3pt; color: gray}
div.filter.active {font-size: small; margin-top: 6pt; color: black}

div.filter a {color: inherit; text-decoration: none}
div.filter a:hover {text-decoration: underline}
div.filter a:active {text-decoration: underline}
.small_time_and_user {display: block; font-size: 70%}
div.filter a.drop-filter {display: block; float: right; border: outset gray 1px}

div.infoblock {margin-top: 2em; border: none}
div.infoblock span.legend {display: block; font-weight: bold}


label.disabled {color: gray; text-shadow: 1px 1px white}
textarea {
	width: 120px;
	height: 30px;
	border: 1px solid #cccccc;
	padding: 5px;
}
input[type=text] {
        width: 120px;
	border: 1px solid #cccccc;
	padding: 5px;
}
input[type=time] {
        width: 60px;
	border: 1px solid #cccccc;
	padding: 5px;
}
select {
        background:white;
}
input[type=number] {
        width: 120px;
	border: 1px solid #cccccc;
	padding: 5px;
}
input[type=password] {
    width: 100px;
	border: 1px solid #cccccc;
	padding: 5px;
}
input#form_battery_farm_representative {
        width: 200px;
	border: 1px solid #cccccc;
	padding: 5px;
}
input[id$="_date"] {
        width: 60px;
}
input[id$="_selection_place"] {
        width: 140px;
}
input[id$="_name"] {
        width: 150px;
}
input[id$="_amount"] {
        width: 50px;
}
input[id$="_count"] {
        width: 50px;
}
input[id$="_brigade"] {
        width: 40px;
}
input[id$="_poultry"] {
        width: 40px;
}
input[id$="_age"] {
        width: 50px;
}
input[id$="area_age"] {
        width: 70px;
}
input[type=submit] {
        /*border: 1px solid #cccccc;*/
	padding: 5px;
        width: 200px;
        
}
.block1 
{
    width: 200px;
    background: #ccc;
    padding: 5px;
    padding-right: 20px;
    border: solid 1px black;
    float: left;
}
.block2 
{
    width: 200px;
    background: #fc0;
    padding: 5px;
    border: solid 1px black;
    float: left;
    position: relative;
    top: 40px;
    left: -70px;
}
a.detailed_sample {font-size: 70%; background-color: #ddd; display: inline-block; color: #0000a0; text-decoration: none; border-bottom:0.1em solid #555; border-right:0.1em solid #555; border-top:0.1em solid #ccc; border-left:0.1em solid #ccc; margin: 2px; padding: 1px 2px;}
a.detailed_sample:hover {border-top:0.1em solid #777; border-left:0.1em solid #777; border-bottom:0.1em solid #aaa; border-right:0.1em solid #aaa; background-color: #ddd}
a.detailed_sample:active {border: inset gray 1px; background-color: #ddd}
@media print{@page {size: portrait}}