body{
  margin: 0;
  padding: 0;
  margin-left: 0;
  height: 100%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* Vertical Menue - in nav_layout*/
.vertical-menu{
  height: 100%;
  width: 15%;
  margin: 0 0 0 0; 
  padding: 0;
  padding-top: 10px;
  list-style-type: none;
  float:left;
  display: block;
  background-color: #eee;
  position: fixed;
}

.vertical-menu a {
  background-color: #eee; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
  list-style: none;
  background-repeat: repeat-y;
}

.vertical-menu a:hover {
background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.disabled {
  pointer-events: none;
  cursor: default;
  color: #ccc;
}

.vertical-menu a.active {
background-color: #449cef; /* Add a green color to the "active/current" link */
color: white;
}

.buffer{
  width: 5%;
  height: 100%;
  float:left;
  margin-left: 15%;
  display: block;
  position: fixed;
}

.site-content{
  float: left;
  margin-left: 20%;
  width: 80%;
  position: absolute;
}

.content{
  float: left;
  display: block;
  padding: 10px;
  padding-left: 0;
  padding-right: 0;
  width: 70%;
  text-align: left;
  line-height: 1.5;
}
.content-imprint{
  float: left;
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: left;
}

.sub-content{
  float: left;
  display: block;
  padding: 10px;
  padding-left: 0;
  width: 100%;
  text-align: left;
  margin-top: 1%;
}

.right-column{
  float: left;
  display: block;
  text-align: left;
  width: 25%;
  padding: 10px;
  padding-left: 0;
}

.conference-title{
  font-weight: bold;
  padding-top: 10px;
  margin-top: 5%;
}

.committee-title{
  display: inline;
}

.committee-logo{
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 25px;;
  max-height: 100px;

}
.form{
  text-align: left;
  margin-left: 50px;
}

.form form{
  text-align: left;
  line-height: 2;
}

#div-home{
  text-align: center;
  width: 80%;
}

.status-opened{
  color: #008000;
}

.status-closed{
  color: #ff0000;
}

.speakers-list{
  list-style-type: none;
  padding-left: 0;
  display: block;
}

.contains-speakers-list{
  border-style: solid;
  border-color: #eee;
  float: left;
  width: 90%;
  padding: 10px; 
  margin-bottom: 10px;
  height: 150px;

}



.scroll-enabled{
  overflow: auto;
  height: 100px;
}

.scroll-enabled-delview{
  overflow: hidden;
  height: 200px;
  padding-left: 10%;
}

#speakers-list-ul-delview{
  columns: 2;
  list-style-type: decimal;
  align-self: center;
  padding-left: 7%;
}

.wrapper-speaker{
  margin-top:2.5%;
}

#current-speaker-div{
  float: left;
  display: block;
  width: 50%;
}
#current-speaker-div-mod{
  float: left;
  display: block;
  width: 50%;
}
#current-speaker-div-del-view{
  float: left;
  display: block;
  width: 50%;
}
#speaker-status-delview{
  margin-top: 2%;
}

#speech-console{
  float: left;
  display: block;
  width: 50%;
}
#speech-console-del-view{
  float: left;
  display: block;
  width: 40%;
  position: relative;
  font-weight: bold;
  font-size: 200%;

}
.variable-text{
  display: inline;
}
.invisible-text{
  display: inline;
  color: white;
}

#current-speaker-table{
  margin-top: 25px;
  text-align: left;
  width: 95%;
}
#current-speaker-table-delview{
  margin-top: 25px;
  text-align: left;
  font-size: 125%;
}

.current-speakers-time{
  font-weight: bold;
}

.warning{
  color: red;
}

.warning-button{
  background-color: red;
}

button{
  background-color: #449cef;
  color: white;
  border: none;
  padding: 5px;
}

button:disabled{
  background-color: #ccc;
  border: none;
  padding: 5px;
}

.disabled{
  background-color: #ccc;
  border: none;
  padding: 5px;
}

input{
  padding: 5px;
}

select{
  padding: 5px;
}


/*table countries roll call*/
.contains-countries-roll-call{
  z-index: -1;
  overflow: auto;
  height: 60%;
}

.countries-roll-call-table{
  text-align: left;
  border-color: #eee;
  border-style: solid;
  border-collapse: collapse;
  width: 95%;
}

.countries-roll-call-table th,td{
  padding: 5px;
  border-color: #eee;
  border-style: solid;
}

.countries-roll-call-td{
  padding-left: 5%;
  text-align: left;
  width:50%;
}

.roll-call-flag-td img{
  width: 100%;
  align-self: center;
  max-height: 200px;
}
.countries-roll-call-table td{
  padding-top: 10px;
  padding-bottom: 10px;
}

.countries-roll-call-table-header{
  background-color: #eee;
}

.countries-roll-call-table-form{
  margin: auto;
}

.country-presence-not-selected{
  background-color: #eee;
}

.country-presence-selected{
  background-color: #449cef;
}

.topic-overview{
    border-color: #eee;
    border-style: solid;
    padding: 2.5%;
    width: 90%;
}
.includes-topics{
  margin-top: 0;
}

/* roll call control panel*/
.page-header{
  background-color: white;
  top: 0;
  margin-bottom: 5%;
  padding-top: 25px;
  padding-bottom: 10px;
  width: 100%;
}

.roll-call-ctrl-panel{
  position: fixed;
  margin-top: 25px;
}

.overview-majorities-insession{
  line-height: 2;
  float: left;
}
.majority-symbol-insession{
  min-height: 5%;
  max-height: 30px;
}

.right{
  float: left;
  margin-left: 10%;
}

.overview-majorities-table{
  border-style: none;
  text-align: left;
}

.note{
  font-size: 80%;
}

.speakers-time-box{
  border-style: solid;
  border-color: #eee;
  float: left;
  width: 90%;
  padding: 10px; 
  margin-top: 5%;
  margin-bottom: 10px;
}

.overview-majorities-box{
  margin-top: 5%;
  padding: 10px;
  border-style: solid;
  border-color: #eee;
}

/*Styles Del View*/

.in-del-view{
  margin: 2.5%;
  width: 92.5%;
  height: 90%;
  border-style: solid;
  border-color: #ccc;
  padding: 1%;
  text-align: left;
  position: fixed;
}

.contains-speakers-list-delview{
  border-style: solid;
  border-color: #eee;
  float: left;
  width: 90%;
  padding: 10px; 
  margin-bottom: 10px;
  font-size: 125%;
  overflow: auto;
}
.agenda-delview{
  float: left;
}

.helper-left{
  float: left;
  margin-top: 50px;
  padding-top: 0;
}

.header{
  width: 59%;
  margin-right: 0;
  float: left;
}

.header-del-view-voting{
  width: 50%;
  margin-right: 0;
  float: left;
}

.right-column-del-view{
  float: left;
  display: block;
  text-align: left;
  width: 39%;
}

.right-column-del-view-voting{
  float: right;
  display: block;
  text-align: left;
  width: 45%;
}

.helper-height-del-view{
  height: 30%;
  width:auto;
}

.helper-height-del-view-voting{
  height: 50%;
  float: right;
  width:auto;
}


.helper-height{
  height: 30%;
}

.time-red{
  color: red;
}

.time-yellow{
  color: #deae1d;
}
.topics-list{
  margin-bottom: 0;
  width: 100%;
}

.ctrl-panel-topic-buttons{
  padding: 1%;
}
.ctrl-panel-topic-button{
  margin-right: 1%;
  float: right;
}
.ctrl-topic-symbol{
  max-height: 20px;
}

.overview-majorities-delview{
  float: left;
  font-size: 50px;
  height: 15%;
}

.overview-majorities-delview-voting{
  margin-top: 25px;
  float: left;
  font-size: 50px;
  height: 15%;
}

.delview-voting-inner{
  float: left;
}


.majority-symbol{
  max-height: 50px;
}

.symbol{
  font-weight: bold;
  overflow: auto;
}

.symbol-voting{
  margin-top: 25px;
  font-weight: bold;
  overflow: auto;
}

#show-resos{
  margin-top: 15%;
  font-weight: bold;
}
#reso-header{
  width: 95%;
  border-style: solid;
  border-color: #eee;
  padding: 1%;
}

#reso-content{
  width:95%;
  overflow: scroll;
  border-style: solid;
  border-color: #eee;
  max-height: 45%;
  padding: 1%;
  margin-top: 2.5%;
  /*column-count: 2;*/
}

/* Styles Resolutions */

.symbol-reso{
  max-height: 50px;
  float: right;
  margin-top: -1.5%;
  margin-left: 1.5%;
}

.panel-reso{
  padding: 2.5%;
  background-color: #449cef;
  color: white;
  margin-top: 2.5%;
}

.form-reso{
  padding: 2.5%;
  border-color: #eee;
  border-style: solid;
}

.display-reso{
  padding: 2.5%;
  border-color: #eee;
  border-style: solid;
}

.textarea-reso{
  width: 100%;
  min-height: 150px;
  overflow: auto;
  margin-top: 2.5%;
}

.content-bottom-reso{
  width: 100%;
  border-color: #eee;
  border-style: solid;
  margin-top: 2.5%;
  overflow: auto;
}

.content-left{
  float: left;
}

.content-right{
  float: right;
}

/*Styles FAQ*/

.question-wrapper{
  width: 100%;
  text-align: left;
  margin-bottom: 2%;
  padding: 2%;
  border: 2.5px;
  border-color: #eee;
  border-style: solid;
}
.question{
  font-weight: bold;
  margin-bottom: 1%;
}

/*Styles scenarios*/

.scenario-wrapper{
  text-align: left;
  margin-bottom: 2%;
  padding: 2%;
  border: 2.5px;
  border-style: solid;
  border-color: #eee;
  overflow: hidden;
  height: 30%;

}
.scenario{
  font-weight: bold;
  margin-bottom: 1%;
}

.code{
  font-weight: bold;
  margin-bottom: 1%;
  color: #449cef;
  display: inline;
  text-decoration: underline;
}

.scenario-helper-right{
  float: left;
  width: 60%;
  margin: 2%;
}

.scenario-img{
  float: left;
  margin-left: 2%;
  margin-right: 5%;
  width: 25%;
}

.scenario-link{
  background-color: #eee;
  padding: 5%;
  color: black;
  margin-left: 5%;
  margin-top: 2.5%;
}

/*Styles Games*/
.games-img{
  float: left;
  margin-left: 2%;
  margin-right: 5%;
  width: 25%;
}
.games-helper-right{
  float: left;
  width: 60%;
  margin: 2%;
}
.games-wrapper{
  text-align: left;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 2%;
  border: 2.5px;
  border-style: solid;
  border-color: #eee;
  overflow: hidden;
  height: 30%;

}
.game-how-to{
  text-align: left;
}
#contains-bingo{
  width: 100%;
  text-align: center;
}
.contains-phrase{
  width: 25%;
  height: 75px;
  background-color: #ccc;
  text-align: center;
  padding: 1.5%;
}


/*partners*/
.partners-img{
  float: left;
  margin-left: 2%;
  margin-right: 5%;
  width: 25%;
}

.partners-wrapper{
  text-align: left;
  margin-bottom: 2%;
  padding: 2%;
  border: 2.5px;
  border-style: solid;
  border-color: #eee;
  overflow: hidden;
  height: 30%;
}
.partners-wrapper a{
  text-decoration: none;
  display: inline-block;
  background-color: #eee;
  margin-right: 1.5%;
  margin-bottom: 1.5%;
  padding: 1.5%;
  color: #449cef;
}
.partners-helper-right{
  float: left;
  width: 60%;
  margin: 2%;
}

.partners{
  font-weight: bold;
  margin-bottom: 1%;
}

.partners{
  text-decoration: none;
  display: inline-block;
}

/*flags */

#country-flag{
  height: 100px;
  border-color: #eee;
  border-style: solid;
}

#country-flag-mod{
  height: 100px;
  border-color: #eee;
  border-style: solid;
}

#country-flag-delview{
  min-height: 100px;
  max-height: 200;
  border-color: #eee;
  border-style: solid;
}

/*Styling Voting*/
.voting-ctrl-panel{
  position: fixed;
  margin-top: 25px;
}

.country-vote-not-selected{
  background-color: #eee;
}

.country-vote-selected{
  background-color: #449cef;
}

.voting-in-favor-button{
  background-color: green;
}

.voting-against-button{
  background-color: red;
}

#countries-passed{
  margin-top: 0;
  margin-bottom: 0;
}

#countries-with-rights{
  margin-top: 0;
  margin-bottom: 0;
}

.please-vote{
  background-color: red;
  color: white;
}
.yay-voted{
  background-color: green;
  color: white;
}

/*Styles Support Us*/

.job-wrapper{
  width: 100%;
  text-align: left;
  margin-top: 5%;
  padding: 2%;
  border: 2.5px;
  border-color: #eee;
  border-style: solid;
}
.job-headline{
  font-weight: bold;
  margin-bottom: 1%;
  text-align: left;
}

.horizontal-wrapper{
  width: 100%;
}

.little-column{
  width: 25%;
  margin-left: 2%;
  float: left;
  text-align: justify;
  border: 2.5px;
  border-style: solid;
  border-color: #eee;
  padding: 2%;
  height: 100%;
  margin-bottom: 2%;
}

.align-left{
  text-align: left;
}

.helper-voting{
  border: 2.5px;
  border-style: solid;
  border-color: #eee;
  margin-bottom: 2%;
}


/*Styles Set Up*/
.feedback{
  padding: 2.5%;
  background-color: #449cef;
  color: white;
  margin-top: 2.5%;
}
.negative-feedback{
  padding: 2.5%;
  background-color: red;
  color: white;
  margin-top: 2.5%;
}

.set-up-nav{
  background-color: #eee;
  padding-left: 5%;
  height: 20%;
  min-height: 50px;
}

.set-up-nav-button{
  width: 30%;
  color: black;
  background-color: #eee;
  height: 100%;
  min-height: 50px;
  top: 50%;
}

.set-up-nav-button:hover{
  background-color: #ccc;
  color: white;

}

.set-up-nav-button.active{
  background-color: #ccc;
}

.set-up-create-table{
  width: 100%;
}

.set-up-create-table td{
  padding-left: 2.5%;
}

.set-up-create-table-desc{
  width: 50%;
}

.set-up-create-table-input{
  width: 95%;
}

/*Styles Mod*/
.includes-settings-mod{
  border-style: solid;
  border-color: #eee;
  float: left;
  width: 90%;
  padding: 10px;
  margin-bottom: 10px;
  height: 150px;
}

.includes-settings-mod input{
  margin-top: 5px;
}

.includes-settings-mod button{
  margin-top: 5px;
}