@CHARSET "ISO-8859-1";


input[type=radio] + label::before {
    content: '';
    display: inline-block;
    border: 3px solid #000;
    border-radius: 50%;
    margin: 0 0.5em;
}
input[type=radio]:checked + label::before {
    background-color: #F2A100;
   
}

.radio1 + label::before {
    width: 0.5em;
    height: 0.5em;
}

.radio2 + label::before {
    width: 0.75em;
    height: 0.75em;
}

.radio3 + label::before {
    width: 1em;
    height: 1em;
}

.radio4 + label::before {
    width: 30px;
    height: 30px;
}


.gridrowheader{
padding:8px;
vertical-align:middle;
line-height:1.428;
box-sizing:border-box;
text-align:center;
font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
border-collapse: collapse;
border-spacing: 0px;
width: 40px;
border: 1px solid #000;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feb016+0,ffeed1+2,feb016+100 */
background: #feb016; /* Old browsers */
background: -moz-linear-gradient(top,  #feb016 0%, #ffeed1 2%, #feb016 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #feb016 0%,#ffeed1 2%,#feb016 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #feb016 0%,#ffeed1 2%,#feb016 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb016', endColorstr='#feb016',GradientType=0 ); /* IE6-9 */

text-decoration: initial;
color: #000 !important;
}

.gridrowheaderCollo{
vertical-align:middle;
line-height:1.428;
box-sizing:border-box;
text-align:center;
font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
border-collapse: collapse;
border-spacing: 0px;
width: 40px;
border: 1px solid white;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #595959 0%, #595959 7%, #4c4c4c 13%, #474747 15%, #000000 38%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #666666 0%,#595959 0%,#595959 7%,#4c4c4c 13%,#474747 15%,#000000 38%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #666666 0%,#595959 0%,#595959 7%,#4c4c4c 13%,#474747 15%,#000000 38%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
text-decoration: initial;
color: white !important;
padding: 8px;
}

.gridrow
{
box-sizing: border-box;
border-collapse: collapse;
border-spacing: 0px;
cursor: default;
font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857;
border: 1px solid #000;
text-align: center;
vertical-align:middle;
text-decoration: initial;
padding: 6px;
}

.gridrowCollo{
	border: 1px solid white;
    color:white;
    background: #000000  !important;
    text-align: center !important;
    text-decoration: initial;
    padding: 6px;
}

.gridApproved{
	color: green;
	font-weight: bold;
}

.gridRejected{
	color: #D9534F;
	font-weight: bold;
}

.gridPending{
	color: #F0AD4E;
	font-weight: bold;
}

.gridPublic{
	color: #5BC0DE;
	font-weight: bold;
}

.gridPrivate{
	color: #D9534F;
	font-weight: bold;
}

.gridActive{
	color: green;
	font-weight: bold;
}

.gridDeactive{
	color: #D9534F;
	font-weight: bold;
}

.gridDate{
	color: #5BC0DE;
	font-weight: bold;
}

.rcorners{
    border-radius: 5px;
    background: #F9C344;
    padding: 20px;
    width: 100%;
    height: 90px;
}


.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.box-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.box-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.box-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.box-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}
.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
.gridTable{
	 border: 2px solid black; 
	 width: 100%;
}

.gridRowOdd{
	background-color: #FFFFFF;
}

.gridRowEven{
	background-color: #F6F7F7;
}


select {

  /* styling */
  background-color: white;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.2em 3.5em 0.5em 1em;
border: 1px solid transparent;
  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 /*  -webkit-appearance: none;
  -moz-appearance: none;*/
}



/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border: 1px solid transparent;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
  border: 1px solid transparent;
}

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  border-radius: 0px;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
  border: 1px solid transparent;
}