/**
 * @see org.gmeb.crf.client.view.form.gwt.GwtStyle
 */

body {
    background-attachment: fixed;
    margin: 5px;
}

.clickeableRadioButton.selectedButton {
    background-color: lightblue !important;
    border: 5px solid #69e !important;
}

.clickeableRadioButton {
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 50%;
    background-color: none;
    border: 5px solid rgba(255, 255, 255, 0);;
    padding: 5px;

}

.clickeableRadioButton label {
    cursor: pointer;
}

.clickeableRadioButton.selectedButton input[type="radio"]{
	visibility:hidden;
}
.bodytest{
	background-image: url("test.JPG");
}

table, tr, th, td  {
    border-collapse: collapse;
}



a {
    color: blue;
    text-decoration: underline;
}

a:hover {
    cursor: pointer;
    background: lightblue;
}

.gwt-TabPanel {
    display: block;
    margin: 10px 5px 10px 5px;
}

.gwt-TabPanelBottom {
    display: block;
    overflow: auto;
}

.margedButton{
	margin: 3px !important;
}

.gwt-TabPanelBottom td{
    vertical-align: middle !important;
}

.gwt-ScrollTable {
    margin: .5em 0 .5em 0;
}

.gwt-ScrollTable .headerTable {
    color: white;
    background: #808080; /* IE 6 doesn't recognize `darkgrey' */
}

.gwt-ScrollTable .dataTable {
    background: lightgrey;
    cursor: hand;
}

.open{
	display: block!important;
}

.DROPDOWNCDM{
	background-color: yellow !important;
	color:black !important;
	border-radius:50%;
}

.DROPDOWNCDMBLUE:hover{
	color: blue !important;
}

.YELLOW{
	border: 0.1px solid yellow;
	margin-top:auto !important;
	margin-bottom:auto !important;
}

.dropdown-menu{
	background-color: black !important;
}

.DROPDOWNITEM{
	display: block !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.cellStyle:disabled{
	background-color:lightgrey !important;
}

.cellStyle:enabled{
	background-color:lightblue !important;
}

/* IE 6 doesn't recognize the :hover pseudo-class, so we set the row's
 * class to 'hover' when a RowHighlightEvent is received. */
.gwt-ScrollTable .dataTable .hover {
    background: #808080; /* IE 6 doesn't recognize `darkgrey' */
    cursor: hand;
}

.gwt-SuggestBox {
    color: black;
    width: 15em;
}

.PARENT {
    display: block;
    padding: 5px;
    background: white;
    margin: 10px 5px 10px 5px;
    border: 2px solid lightblue;
}

.CHOICE_SUBPANEL {
    display: block;
    padding: 5px;
    background: white;
    margin: 5px 10px 5px 4vh;
    border: 2px solid lightblue;
}

.CHOICE_SUBPANEL td {
    padding-right: 5px;
    padding-left: 2px;
    padding-top: 1px;
}

.PARENT -> tr, .CHOICE_SUBPANEL -> tr {
    display: block;
    width: 100%;
}

.PARENT -> td, .CHOICE_SUBPANEL -> td {
    display: block;
    background: white;
    padding: 3px;
    width: 100%;
}

.GRID_EVEN, .GRID_ODD {
    padding: 3px 5px 3px 5px;
    border-collapse: collapse;
    border: 0px solid black;
}

.GRID_EVEN {
    background-color: lightgrey;
}

.GRID_ODD {
    background-color: white;
}

.GRID_EVEN -> td, .GRID_ODD -> td, .GRID_EVEN -> th, .GRID_ODD -> th {
    display: block;
    width: 100%;
    border-collapse: collapse;
    border: 0px solid black;
}

.GRID_ODD td, .GRID_EVEN td {
    padding-right: 5px;
}

.GRID_FIRSTCOLUMN {
    text-wrap: normal;
    max-width: 40%;
}

.HEADER {
    display: block;
    font-size: 1.3em;
    background-color: darkblue;
    color: white;
}

.TITLE{
    display: block;
    font-size: 2.3em;
    color: white;
    background-color: dodgerblue;
}

.SUBHEADER {
    display: block;
    font-size: 1.2em;
    background-color: blue;
    color: white;
}

.TEXT {
    display: block;
}

.HELP {
    display: block;
    font-size: 1.1em;
    margin: 2em;
}

.ENTRY_ERROR, .CHOICE_ERROR {
    color: red;
}

.SLIDER_PANEL {
    width: 98%;
    height: 2.5em;
}

.MENUITEM_INACTIVE, .MENUITEM_ACTIVE {
    padding: 0 .5em;
    white-space: nowrap;
}

.MENUITEM_INACTIVE, .MENUITEM_ALIGN {
    background-color: black;
    font-weight: bold;
}

.MENUITEM_ACTIVE {
    color: lightblue;
    text-decoration: underline;
    background-color: black;
}

.MENUITEM_INACTIVE {
    color: white !important;
    background-color: blue !important;
    cursor: default !important;
}

.MENUITEM_INACTIVE:hover {
    text-decoration:none;
}

.MENUITEM_ACTIVE-selected {
    cursor: hand;
    background: #e0edfe;
}

.MENUITEM_ALIGN {
    font-size: 17px !important;
}

.PAGING_TABLE {
    border: 2px solid lightBlue;
    margin: 5px 2px;
    padding: 2px;
}

.PAGING_TABLE_TABLE {
    border-collapse: separate;
    border: 0;
}

.gwt-SliderBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #cacaca;
  height: 34pt;
  width: 378px;
}

.gwt-SliderBar-shell .gwt-SliderBar-line {
  border: 1px solid black;
  background-color: white;
  height: 4px;
  width: 361px;
  top: 22pt;
  overflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-knob {
  top: 14pt;
  width: 11px;
  height: 21px;
  z-index: 1;
  cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-tick {
  top: 12pt;
  width: 1px;
  height: 8pt;
  background: black;
  overflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-label {
  top: 2pt;
  font-size: 8pt;
  cursor: default;
}

.gwt-SliderBar-shell-focused {
}

.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
  background-color: #DDDDDD;
  cursor: pointer;
}

.faq-question {
  display: block;
  color: blue;
  text-decoration: none;  
}

.faq-question:hover {
  background: lightblue;
}

.faq-answer {
  display: block;
  color: blue;
  text-decoration: none;
}

.faq-answer:hover {
  background: lightblue;
}

.gwt-Button {
    border-style: none !important; 
    background: #d0e4f6 !important;
    margin: 2px !important;
    margin-left: 5px !important;
}

.gwt-Button:hover {
	 background: #92c1f0 !important;
}
.gwt-Button:active {
    position:relative;
    top:1px;
}

label{
    display:inline !important;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0px 4px 0; 
    margin-top: 1px ;
    line-height: normal;
}

button.grantRightsButton{
	background-color:#d0e4f6;
	
	width: 9em;
   
}

button.revokeRightsButton{
	background-color:lightyellow;
	width: 9em;
	    padding: 3px 5px;
}

button.revokeRightsButton:hover {
	background-color:yellow;
}

button.grantRightsButton:hover{
	background-color:skyblue;
}

button {
	 padding: 3px 5px;
    text-decoration: none;
    font-size: small;
    cursor: pointer;
    border: 1px outset #ccc;
    border-style: none !important;
}

button:enabled:hover{
	background:none !important;
	background-color:lightblue !important;

}


.navbar-right{
margin-right:0px !important;
}
.gwt-TextBox{
	margin-bottom: 0.5em;
}

.gwt-InlineLabel{
	margin-bottom:2px;
}

.gwt-SuggestBox{
	margin:2px;
}

.panel-footer{
	bottom: 0 !important;
	position:fixed;
	background-color:black !important;
	color:lightblue !important;
	width:100%;
}

.GwterrorBox{
    border: 2px solid red;
    box-shadow: 0 0 2px rgb(255 0 0);
}

.GwtCorrectBox{
    border: 2px solid rgb(0 255 0);
    box-shadow: 0 0 2px rgb(0 255 0);
}