/***************************************************************************
 *
 *   This program is free software; you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation; either version 2 of the License', or
 *   ('at your option) any later version.
 *
***************************************************************************/


/**********************************/
/**  BODY ELEMENTS  **/
/**********************************/

h1 {
  font-size: 120%;
  font-weight: bold;
  padding: 8px 10px 10px;
  text-align: center;
}
h2 {
  font-size: 110%;
  font-weight: bold;
  padding: 6px 10px 8px;
  text-align: left;
}
h3 {
  font-size: 100%;
  font-weight: bold;
  padding: 6px 10px 8px;
  text-align: left;
}


/**********************************/
/**  IN CONTENT ELEMENTS  **/
/**********************************/

.content,
.list_support {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
}
.content.advert {
  padding: .5rem;
}

.content h1 {
  /* font-size: 120%; */
  /* font-weight: bold; */
  /* padding: 8px 10px 10px; */
  /* text-align: center; */
}
.content h2 {
  /* font-size: 110%; */
  /* font-weight: bold; */
  /* padding: 6px 10px 8px; */
  width: 100%;
  /* text-align: left; */
}
.content h2 {
  width: 100%;
}

.list {
  display: block;
  text-align: center;
  position: relative;
  margin: 1px 0;
}
.list > .row {
  display: table;
  /* position: relative; */
  padding: 0;
  margin: 1px 0px 0px;
  border-collapse: separate;
  border-spacing: 0px 1px;
}
.list > .row.collapse {
  border-collapse: none;
  border-spacing: 0px;
  margin: 0;
}
.list > .row > [class*="col-"] {
  display: table-cell;
  height: 100%;
  /* margin: 1px; */
  /* border: 1px solid transparent; */
  padding: 0;
  /* background-color: #cccccc; */
  float: none;
  clear: both;
  vertical-align: middle;
  /* border: 1px solid red; */
}
.t-left {
    text-align: left !important;
}
.t-center {
    text-align: center;
}
.t-right {
    text-align: right;
}
.list > .row > a[class*="col-"] {
  /* min-width: 50px; */
  /* text-decoration: none; */
  /* display: table-cell; */
  /* height: 100%; */
  /* background-color: #bbbbbb; */
}

@media (max-width: 768px) {

}

@media (max-width: 480px) {
  .content,
  .list_support {
    max-width: 100%;
    margin: 0 0 10px;
    width: 100%;
  }
}

@media (min-width: 1025px) {

}


/**********************************/
/**  TEXTS, INPUTS AND OTHERS  **/
/**********************************/

input:not([type=image]):not([type=checkbox]):not([type=radio]):not([type=file]):not([class*="mce-"]),
label:not([class*="mce-"]),
p,
textarea {
  display: inline-block;
  width: 100%;
  padding: .50rem .50rem;
  text-decoration: none;
  /* font-size: 1rem; */
  /* line-height: 1.5; */
}
.btn {
  padding: .50rem .50rem;
}
.btn,
.btn:hover {
  /* display: inline-block; */
  /* width: 100%; */
  text-decoration: none;
  color: inherit;
  /* font-size: 1rem; */
  /* line-height: 1.5; */
}
.btn:not([class*="col"]) {
  /* padding: .50rem .50rem; */
}
.list > .row > .btn {
  padding: .50rem .50rem;
  border-radius: 0;
}
*[class*="col-"]:not(.col-auto) {
  /* min-width: 48px; */
  /* min-height: 2.3rem; */
}
.list *[class*="col-"]:not(.col-auto) {
  min-width: 48px;
  min-height: 2.3rem;
}
input[type=image] {
  width: auto;
  padding: 0;
}
input[type=file] {
  display: inline-block;
  width: 100%;
  padding: .2rem .50rem;
}
input[type=checkbox],
input[type=radio] {
  width: auto;
  margin: .50rem .75rem;
}
select:not([class*="mce-"]) {
  display: inline-block;
  width: 100%;
  padding: .25rem .75rem;
  line-height: 2.3;
  /* outline: none; */
}
/* label:not([class*="mce-"]) { */
/*   width: 100%; */
/*   position: relative; */
/*   display: inline-block; */
/* } */
.checkbox-list label,
.radio-list label {
  display: inline-block;
  /* background: #dddddd; */
  width: auto;
  margin: 2px 0px;
  padding: .50rem .50rem;
  cursor: pointer;
}
.checkbox-list label p,
.radio-list label p {
  width: auto;
  display: inline-block;
}
span.help {
  font-size: 80%;
  font-style: italic;
  line-height: 0.8;
}

.row > div {
  /* vertical-align: middle; */
}
.row.row-submit {
  margin-top: 20px;
}

@media (max-width: 480px) {
  input:not([type=image]):not([type=checkbox]):not([type=radio]):not([class*="mce-"]),
  label:not([class*="mce-"]),
  p,
  .btn,
  textarea {
    padding: .50rem .50rem;
  }
  .list > .row > .btn {
    padding: .50rem .50rem;
  }
  *[class*="col-"] {
    /* min-width: 48px; */
    min-height: 0;

  }
  .list *[class*="col-"]:not(.col-auto) {
    min-width: 48px;
  }
  input[type=checkbox],
  input[type=radio] {
    margin: .50rem .25rem;
  }
  .checkbox-list label,
  .radio-list label {
    width: 100%;
    text-align: left;
  }
  .checkbox-list label input,
  .radio-list label input {
    /* float: right; */
  }
}


/**********************************/
/**  MIDDLE NAVBAR  **/
/**********************************/

@media (min-width: 1025px) {
  #NavBarColumn.navbar {
    position: relative;
  }
  #NavBarColumn.navbar ul {
    height: auto;
    position: relative;
  }
  #NavBarColumn.navbar ul li {
    display: block;
    text-align: left;
    overflow: hidden;
    float: none;
    clear: both;
    width: 100%;
    min-height: 50px;
  }
  #NavBarColumn.navbar li.icon-responsive {
    display: none;
  }

  #NavBarColumn.navbar .dropbtn {
    cursor: default;
    background-color: rgba(255,255,255,0);
  }
  #NavBarColumn.navbar .dropdown-content {
    position: relative;
    width: 100%;
    max-height: 500px;
    box-shadow: none;
  }
  #NavBarColumn.navbar .dropdown-item {
    float: none;
    clear: both;
    text-align: left;
    width: 100%;
    padding-left: 20px;
    padding-right: 0px;
  }
  #NavBarColumn.navbar ul li.dropdown {
    height: auto;
  }
  #NavBarColumn.navbar ul li.dropdown img {
    display: none;
  }
  #NavBarColumn ul li > a {
    min-height: 50px;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  #NavBarColumn.navbar {
    display: inline-block;
    width: auto;
  }
  #NavBarColumn.navbar.expanded {
    width: 100%;
  }
  #NavBarColumn.expanded ul li.dropdown.right .dropdown-content {
    right: 7px;
  }
  #NavBarColumn:not(.expanded) ul li.dropdown.right .dropdown-content {
    right: auto;
  }
}