/*CSS Particular*/
/* iritzia botoia */

button#opendialog {
    background: url('/images/web01-2014_ikonoa_iritzia_eman.png') left center no-repeat transparent;
    border: none;
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
    color: white;
    padding: 5px 5px 5px 30px;
    display: block;
    cursor: pointer;
    margin:0 auto;
    letter-spacing: -0.04em !important;
}

.feedback_eman_behekoa.beta_testers{
background-color: #e35807;
border:none;
display:none;
}

body.web01-karpeta .feedback_eman_behekoa{
display:none;
}

.feedback_eman_behekoa:hover.beta_testers{
background-color: #d54a05;
}

/* iritzia botoia amaiera */

.alert {
    text-align: left;
    background: #eee;
    border-radius: 4px;
    padding: 1em;
    line-height: 1.5em;
    font-size: 90%;
}

/* Dialog box estiloak */

.dialogs *{
    font-family: 'Open sans', sans serif !important;
}
.dialogs p {
line-height: 1.5em;
margin-bottom: .5em;
}
.hidden {
  display: none;
}

[role="dialog"] {
  width: 50%;
  margin: 10vh auto;
  padding: 5px;
  border: thin #000 solid;
  background-color: #fff;
  padding: 1.5em;
}

.dialog-backdrop.active {
  position: fixed;
  overflow-y: scroll;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.3);
  z-index:999;
}
/* Dialog box estiloak amaiera*/
/* Inprimakiaren estiloak */
.dialog_label {
    font-size: 150%;
    text-align: center;
    margin: 1em;
}

.dialog_form fieldset {
border:none;
margin:0 0 1.5em 0;
padding:0;
/*text-align:center;*/
}
.dialog_form .radio_column {
    display: inline-block;
   /* text-align: center;*/
    padding: 1.5em 2em;
}

.dialog_form textarea {
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #f3f3f3 inset;
    width: 90%;
    font-size: 100%;
    padding: .5em 1em;
    margin: 1em 0;
}
.dialog_form legend {
    margin: 0 0 1em 0;
}
.dialog_form input[type="radio"] {
	position:absolute;
	/* Match the image dimensions */
	width:22px;
	height:22px;
	/* Reset anything that could peek out or interfere with dimensions */
	overflow:hidden;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	opacity:0;
}
.dialog_form input[type="radio"] + label:before {
    display: block;
    width: 22px;
    height: 22px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: " ";
    margin-bottom: .5em;
    margin-left: -0.4em;
}
.dialog_form input[type="radio"]:checked + label:before {
    background-color: #000;
border-width: 7px;
width: 10px;
height: 10px;
}
.dialog_form .azalpena {
    font-size: 90%;
    text-align: left;
}
.dialog_form .label_head{
font-size:130%;
text-align:left;
}
.dialogs .button {
    background: #1472a4;
    color: #FFF;
    border: 1px solid #0c6b9e !important;
    border-radius: 2px;
    padding: 0.3em 0.8em !important;
    font-weight: bold;
    margin: 1em 0;
    text-align: center;
    width: auto;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    font-size: 100%;
    cursor: pointer;
}
.dialog_form_actions {
    text-align: center;
}
.dialog_form button.button {
display:block;
}
:required:focus {
  box-shadow: 0  0 3px rgba(255,0,0,0.5); 
}

#dialog_help ul {
    list-style: inherit;
}
#dialog_news h3 {
    font-size: 120%;
    margin: 1em 0;
}

/* Bertsio mugikorra*/
@media screen and (max-width: 640px) {
  [role="dialog"] {
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    margin: 0 auto;
    min-height: 100%;
    width: 100%;
  }
.dialog_form .radio_column {
    padding: 1em;
}

.feedback_eman_behekoa {
    width: auto !important;
}
button#opendialog {
height: 30px;
}
}