@media only screen and (max-width: 1199px) {
  .form-actions .btn.form-submit {
    margin: 20px 35px;
  }
}

@media only screen and (max-width: 400px) {
  .events-teaser > .views-field-field-image {
    width: 58%;
  }
  
  .events-teaser > .views-field-nothing {
    width: 42%;
  }
}

@media only screen and (max-width: 429px) {
  .view .view-content td,
  .view .view-content th {
    padding: 5px 8px;
  }
}

@media only screen and (min-width: 570px) {
  .events-teaser > .views-field-nothing {
    float: right;
    width: 60%;
  }
}

@media only screen and (min-width: 430px) and (max-width: 768px) {
  .view .view-content td,
  .view .view-content th {
    padding: 20px 8px;
  }
}

@media only screen and (max-width: 991px) {
  .views-exposed-form {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
  
  .main-container .views-exposed-form form {
    margin-top: 0;
  }
  
  .main-container .views-exposed-form .form-inline .help-wrapper:nth-child(1) {
    float: left;
    width: 48%;
    padding-right: 0;
    margin-bottom: 0;
  }
  
  .main-container .views-exposed-form .form-inline .help-wrapper:nth-child(2) {
    float: right;
    width: 48%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  
  .main-container .views-exposed-form .form-inline .help-wrapper:nth-child(3),
  .main-container .views-exposed-form .form-inline .help-wrapper:nth-child(4),
  .main-container .views-exposed-form .form-inline .help-wrapper:nth-child(5),
  .main-container .views-exposed-form .form-inline .help-wrapper:nth-child(6),
  .main-container .views-exposed-form .form-inline .help-wrapper:nth-child(7) {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .main-container .views-exposed-form .form-actions {
    width: 100%;
  }
  
  .main-container .views-exposed-form .form-actions .form-submit {
    width: 48% !important;
    padding: 4px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    min-width: 0;
  }
  
  .help-icon {
    display: none;
  }
  
  #edit-reset {
    float: right;
  }
}

@media only screen and (min-width: 992px) {
  .views-exposed-form {
    float: right;
    width: 34%;
  }
  
  .views-element-container,
  #block-lektikogiapraxeistisarhis,
  #block-headeractsen {
    float: left;
    width: 64%;
  }
  
  .views-exposed-form > .help-text {
    right: 35%;
  }
  
  .form-inline .help-wrapper:nth-child(1) {
    float: left;
    width: 48%;
  }
  
  .form-inline .help-wrapper:nth-child(2) {
    float: right;
    width: 48%;
  }
  
  .views-exposed-form .form-actions .btn.form-submit {
    margin: 20px 80px;
  }
  
  .help-icon {
    position: absolute;
    border: 1px solid #003263;
    padding: 1px 6px;
    border-radius: 15px;
    font-size: 10px;
    background: white;
    color: #003263;
    font-weight: bold;
  }
  
  .help-text {
    visibility: hidden;
    width: 300px;
    background-color: #003263;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
    position: absolute;
    z-index: 1;
    right: 103%;
  }
  
  .form-inline .help-wrapper:nth-child(1) > .help-icon,
  .form-inline .help-wrapper:nth-child(2) > .help-icon,
  .form-inline .help-wrapper:nth-child(4) > .help-icon,
  .form-inline .help-wrapper:nth-child(5) > .help-icon,
  .form-inline .help-wrapper:nth-child(6) > .help-icon,
  .form-inline .help-wrapper:nth-child(7) > .help-icon {
    top: 0px;
    right: 0px;
  }
  
  .form-inline .help-wrapper:nth-child(3) > .help-icon {
    top: 30px;
    right: 0px;
  }
  
  .form-inline .help-wrapper:nth-child(1) > .help-text,
  .form-inline .help-wrapper:nth-child(2) > .help-text {
    right: 106%;
  }
  
  .form-inline .help-wrapper:nth-child(1) > .help-text,
  .form-inline .help-wrapper:nth-child(2) > .help-text,
  .form-inline .help-wrapper:nth-child(4) > .help-text,
  .form-inline .help-wrapper:nth-child(5) > .help-text,
  .form-inline .help-wrapper:nth-child(6) > .help-text,
  .form-inline .help-wrapper:nth-child(7) > .help-text {
    top: 24px;
  }

  .form-inline .help-wrapper:nth-child(3) > .help-text {
    top: 52px;
  }
}

@media only screen and (min-width: 1200px) {
  .views-exposed-form {
    width: 28%;
  }
  
  .views-element-container,
  #block-lektikogiapraxeistisarhis,
  #block-headeractsen {
    width: 70%;
  }
  
  .views-exposed-form > .help-text {
    right: 29%;
  }
}

@-moz-document url-prefix() {
  .main-container .views-exposed-form .form-inline .help-wrapper:nth-child(1) input,
  .main-container .views-exposed-form .form-inline .help-wrapper:nth-child(2) input {
    padding-top: 2px;
  }
}

.views-exposed-form form {
  margin-top: 20%;
}

.views-exposed-form .form-text {
  min-height: 38px;
}

.views-exposed-form .form-checkbox {
  margin-right: 5px;
}

.views-exposed-form .form-inline .form-group {
  display: block;
  margin-bottom: 15px;
}

.views-exposed-form .form-inline .form-group label {
  margin-bottom: 5px;
}

#block-exposedform-apofaseis-page-1 {
  margin-top: 10px;
}

.views-exposed-form .block-title {
  display: inline;
  float: left;
  width: 92%;
  margin: 0;
  padding-right: 5px;
  font-weight: bold;
  font-size: 18px;
  color: #02376b;
}

.help-wrapper {
  position: relative;
  margin-top: 15px;
  margin-bottom:15px;
}

#views-exposed-form-solr-search-content-and-files-page-1 .form-item-created-min{
  float: left;
  width: 50%;
  padding-right: 10px;
}

#views-exposed-form-solr-search-content-and-files-page-1 .form-item-created-max{
  float: right;
  width: 50%;
  padding-left: 10px;
}

.form-inline .help-wrapper:nth-child(1) input,
.form-inline .help-wrapper:nth-child(2) input,
.form-item-field-keywords,
.form-item-field-category,
.form-item-field-protocol-number,
.form-item-field-thematic,
.form-item-field-legal-reference,
.form-item-field-european-day,
.help-wrapper .form-item-field-keywords input, 
.help-wrapper .form-item-field-category .form-select, 
.help-wrapper .form-item-field-protocol-number input, 
.help-wrapper .form-item-field-thematic .form-select, 
.help-wrapper .form-item-field-legal-reference input,
.help-wrapper .form-item-field-european-day .form-select {
  width: 100%;
}

.form-inline .help-wrapper:nth-child(3) {
  margin-top: 80px;
}

.main-container .views-exposed-form .help-wrapper .form-select {
   height: 100%;
   height: 38px !important;
   white-space: normal;
}

.form-inline .help-wrapper:nth-child(6) >.js-form-item-field-thematic {
  margin-top: 0px;
  left: auto;
}

.form-item-field-legal-reference>#edit-field-legal-reference{
  width:400px !important;
}

.fieldset-legend {
  font-weight:bold;
}

.form-checkboxes > ul {
  padding-left:0px;
}

.form-checkboxes > ul >li {
  padding-left:10px;
  padding-right:10px;
  border:1px solid #cccccc;
  border-bottom:none;
  overflow-x:scroll;
  overflow-y:scroll;
  white-space:nowrap;
}

.form-checkboxes > ul > li:first-child {
  padding-left:10px;
  padding-right:10px;
  border:1px solid #cccccc;
  border-bottom:none;
  border-top-right-radius:4px;
  border-top-left-radius:4px;
}

.form-checkboxes > ul > li:last-child {
  border-bottom:1px solid #cccccc;
  border-bottom-right-radius:4px;
  border-bottom-left-radius:4px;
}

#edit-field-legal-reference--wrapper {
  min-width: 100%;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#edit-field-legal-reference--wrapper > ul > li > ul > li {
  top:22px;
  position:relative;
}

#edit-field-legal-reference--wrapper label {
  font-family: 'Roboto',sans serif !important;
  font-weight: 400;
}

.form-inline .select-wrapper {
  width: 100%;
}

.bef-exposed-form .form--inline > .js-form-item-field-legal-reference {
  display:inline-block;
}

.form-item-field-legal-reference-463+ul,
.form-item-field-legal-reference-465+ul,
.form-item-field-legal-reference-464+ul {
  display:none;
}

.form-item-field-legal-reference-463 > label::after,
.form-item-field-legal-reference-464 > label::after,
.form-item-field-legal-reference-465 > label::after {
  content: " ▾";
  float:right;
  color:#2FA4E7;
}

ul {
  list-style-type: none;
}

[id^='edit-field-legal-reference-464'],[id^='edit-field-legal-reference-463'],[id^='edit-field-legal-reference-465'] {
  display:none;
}

.form-item-field-legal-reference-463,
.form-item-field-legal-reference-464,
.form-item-field-legal-reference-465 {
  position: relative;
  width:100%;
  z-index: 2;
}

.form-item-field-legal-reference-463 > label,
.form-item-field-legal-reference-465 > label,
.form-item-field-legal-reference-464 > label {
  font-size:14px;
  font-weight:bold;
  background-color:white;
}

.btn.form-submit {
  min-width: 50%;
	margin: 20px 60px;
	background-color:#003263 !important;
  background-image:none !important;
}

.btn.form-submit:hover{
  color:#157ab5;
}

[id^='edit-reset'] {
  padding:10px 14.7px;
}

.view .view-header {
  height: 25px;
  margin-bottom: 10px;
}

.events-teaser > .views-field-field-image {
  height: 140px;
}