@charset "UTF-8";
/* CSS Document */
/*@font-face {
	font-family: 'Helvetica-Neue';
	src:  url("Helvetica-Neue-Font/Helvetica\ Neue\ UltraLight/Helvetica Neue UltraLight.otf") format("otf");
	src: local("Helvetica-Neue"), url("Helvetica-Neue-Font/Helvetica\ Neue\ UltraLight/Helvetica Neue UltraLight.ttf") format("truetype");
  }
*/
body {
    background-image: repeating-radial-gradient(rgb(0, 71, 71),rgb(0, 20, 20));
    /*background-image: url("../AppLocalSettings/stadshus_sepia_grad.png");*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    font-family:'Segoe UI', 'Helvetica Neue', sans-serif, Arial;
    color: white;
    background-color: rgb(0, 71, 71);
    display: block;   
}
.backgroundgradient{
    background-image: repeating-radial-gradient(rgb(0, 71, 71),rgb(0, 20, 20));
}
.Loginbrick{
	float: left;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
    height: 100px;
    width: 90%;
	  background-color: rgba(20,20,20,0.9);
	  text-align: center;
	  color: white;
    font-size:1.2em;
    font-weight: 200;
    padding-top:35px;
    text-decoration:none;
    border-radius: 20px;
    border-style:solid;
    border-width:thin;
    border-color:orange;
}
.Loginbrick.led{
  background-color: rgb(0,40,40,40);
  border-width:thin;
  border-color:white;
}
.Loginbrick.sek{
  background-color: rgb(0,40,40,40);
  padding-top:10px;
  height: 50px;
}
.Loginbrick:hover{
  background-color:rgb(0,71,71);
  color: white;
  font-weight: 400;
}
.Portalbrick{
	float: left;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
  	width: 220px;
    height: 100px;
	  background-color: rgba(20,20,20,0.9);
	  text-align: center;
	  color: white;
    font-size:1.2em;
    font-weight: 200;
    padding-top:35px;
    text-decoration:none;
    border-style:solid;
    border-width:thin;
    border-color:orange;
}
.Portalbrick:hover{
	  background-color:rgb(0,71,71);
    color: white;
    font-weight: 400;
}
.Printoutbrick{
	float: left;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
  	width: 150px;
    height: 40px;
	  background-color:#242424;
	  text-align: left;
	  color: white;
    font-weight: 150;
    font-size:0.8em;
    padding-top:7px;
    padding-left:7px;
    text-decoration:none;
}
.Printoutbrick:hover{
  background-color: #515050;
  border-style:solid;
  border-width:thin;
  border-color:orange;
}
.printoutpaper{
  overflow-y:scroll; 
  height:68vh; 
  width:55vw; 
  margin-left:30px; 
  margin-top:20px; 
  background-color:white; 
  color: black;   
  box-shadow: rgba(255, 255, 255, 0.26) 0px 22px 70px 4px; 
  border:solid 1px grey;
}
/****Tables and navigation***/
.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}
.navbar-logo {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  color:white;
  text-decoration: none;
}
.navbar-logo:hover, .navbar-logo:focus {
  text-decoration: none;
  color: white;
}
.sidebar {
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding:10px 0 0; /* Height of navbar */
}




.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}
.sidebar .nav-link.active {
  color: white;
	font-weight: 600;
	background-color: rgba(255, 166, 0, 0.573);
  border-radius: 20px;
  /*border-bottom-style: solid;
  border-top-style: solid;
	border-width: thin;*/
}
.sidebar .nav-link:hover{
  color: white;
  border-radius: 20px;
  background-color:RGB(0,71,71);
  cursor: pointer;
}

.table-heading-btn{
  /*background-image: repeating-linear-gradient(rgb(28, 28, 28),black);*/
  background-color: #242424;
  color: orange;
  font-weight: 300;
  /*border-top-style: solid;*/
  border-bottom-style: solid;
  border-width: thin;
  padding-bottom: 7px;
  padding-left:10px; 
  padding-top:7px; 
  margin-bottom:5px
}
.ajourned-label{
	color: whitesmoke;
	background-color: transparent;
  height: 32px;
	font-size: 1em;
	font-weight: 200;
  text-align: center;
}
.ajourned-label.vote{
  color: black;
	background-color: orange;
}
.ajourned-label.res{
  color: white;
	background-color:darkcyan;
}
.ajourned-label.upprop{
  color: white;
	background-color:maroon;
}
.ajourned-label.deb{
  color: white;
  background-color: transparent;	
}
.ajourned-label.ajour{
	color: white;
	background-color: rgb(165, 118, 42);
}
.ajourned-label.info{
	color: white;
	background-color: transparent;
  white-space: nowrap;
}
.scroll-left {
  height: 25px;	
  overflow:hidden;
  position: relative;
 }
 .scroll-left p {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: left;
  /* Starting position */
  transform:translateX(10%);
  /* Apply animation to this element */
  animation: scroll-left 10s linear infinite;
 }
 /* Move it (define the animation) */
 @keyframes scroll-left {
  0%   {
  transform: translateX(100%); 		
  }
  100% {
  transform: translateX(-100%); 
  }
 }
 

.adm_narvaro{
	font-size: 1vw;
	font-weight: 100;
	background-color: rgba(3, 3, 3, 0.5);
	left: 0px;
	width: 200px;
}
.adm_narvaro.present{
  color: white;
	text-align: center;
	background-color: green;
	border-top-style: solid;	
	border-top-width: thin;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-color: lime;

}
.adm_narvaro.present.num{
	text-align: left;
	border-right-style: solid;
}
.adm_narvaro.absent{
  color: white;
text-align: center;
background-color: black;
border-top-style: dashed;	
border-top-width: thin;
border-bottom-style: dashed;
border-bottom-width: thin;
border-color: white;

}
.adm_narvaro.absent.num{
text-align: left;
border-right-style: dashed;
}
.adm_narvaro.total{
  color: grey;
text-align: center;
}
.adm_narvaro.total.num{
  text-align: left;
}
.btn-row{
	background-color: black;
}

.bg-top {
  background-color: #343a40 !important;
}
.bg-sidebar{
  background-color: #242424;
}
.nav-link {
  color:white;
  height: 32px;
  font-size:0.8em;
}
.navbar {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
}
.td-button{
	width: 10px;
}
.td-speakertime{
	background-color: transparent;
	color: white;
  font-size: 1.5vw;
	font-weight: 200;
}
.td-current-agenda{
	background-color: #242424;
	color: white;
	font-weight: 200;
}
.td-lastchat{
	background-color: transparent;
	color: white;
	font-weight: 200;
	font-size: 1.1em;
  padding-top:10px;
  height:2em;
}
.td-current-speakermode{
	background-color: transparent;
	color: white;
	font-weight: 200;
}
/****Listor och Dropdowns****/
.dropdown-orange {
  color: white;
  background-color: #515050;
  font-weight: 150;
  font-size: 0.8em;
  text-align: left;
  width: 100%; /* Full-width */
}
.dropdown-orange:hover {
  color: white;
  background-color: black;
  border-color: orange;
  border-style: solid;
  border-radius: 5%;
}
.dropdown-white {
  color: black;
  background-color: white;
  font-weight: 400;
  font-size: 0.8em;
  
}
.dropdown-item{
	color: white;
}
.dropdown-header{
	color: orange;
	font-weight: 300;
}
.btn-option {
  color: black;
  accent-color: orange;
}

.input-textbox{
	color: black;
  height:70px;
  width: 100%;
  resize: none;
	background-color: rgb(238, 238, 238);
  font-weight: 300;
	font-size: 1em;
	border: solid;
	border-width: thin;
	border-color: dimgrey
}
.previousspeak {
  background-color: rgb(8, 27, 27);
  color: white;
  text-align: center;
  padding-top: 15px;
  font-weight: 200;
  height: 60px;
}
.li-importlist{
  vertical-align:top;
  border-bottom:solid 3px grey;
  font-size: 0.8em;
}
.li-importlist.empty{
  background-color: rgb(166, 0, 0);
  color: white;
}
.li-importlist.okey{
  background-color: rgb(221, 221, 221);
  color: black;
}
.li-importlist.replace{
  background-color:grey;
  color:white;
  border-bottom:solid 3px black;
  
}
.li-speakerlist-done{
  list-style: none;
  background-color:  rgba(0, 0, 0, 0.3);
  padding: 3px;
  /*font-style: oblique;*/
  font-size: 0.9em;
  margin-top: 1px;
  border-bottom-style:dashed;
  border-color: grey;
  border-width: 1px;
}
.li-speakerlist-ordning{
  color: orange;
  background-color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
}
.iconColor{
  color:white;
}

.li-speakerlist-active{
  list-style: none;
  height: 180px;
  background-color: black;
  padding: 3px;
  color: white;
  /*border-color: lime;
	border-width: medium;
  border-bottom-style: solid;*/
  font-size: 1vw;
  font-weight: 200;
  border-radius: 20px;
}

.li-speakerlist-reply{
  /*list-style:url(../img/reply.png);*/
  list-style: none;
  background-color: rgba(255, 3, 3, 0.2);
  padding: 3px;
  color: white;
  font-size: 1vw;
  font-weight: 100;
  border-width: thin;
  border-bottom-style: dashed;
}
.li-speakerlist-ReplyHistory{
  /*list-style:url(../img/reply.png);*/
  list-style: none;
  background-color:  rgba(255,255,255,0.2);
  padding: 3px;
  padding-top: 3px;
  color: white;
  font-size: 0.8em;
  font-weight: 300;
  border-width: thin;
  
}
.li-speakerlist-coming{
  list-style: none;
  background-color: transparent;
  padding: 3px;
  color: white;
  font-size: 1.2vw;
  font-weight: 200;
	border-width: thin;
  border-bottom-style: solid;
}
.li-speakerlist-marked{
  list-style: none;
  background-color: rgb(0,41,41);
  padding: 3px;
  color: white;
  font-size: 1.2vw;
  font-weight: 200;
	border-width: thin;
  border-bottom-style: solid;
}
.li-speakerlist-NumOfSpeak{
  color:white;
  background-color: rgb(55, 55, 55);
  border-radius: 10%;
  border-style: solid;
  border-width: thin;
  text-align: center;
  -webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	transform:scale(0.7);
 
}

.li-speakerlist-edit{
  list-style: none;
  background-color:rgb(33, 33, 33);
  padding-top: 3px;
  padding-left: 3px;
  color: white;
  border-color: orange;
  border-width: thin;
  border-bottom-style: dashed;
  font-size: 1.3vw;
  font-weight: 400;
}
.li-votesoverview{
	color:white;
  background-color: transparent;
	font-size: 1vw;
  padding: 10px;
	list-style: none;
	border-bottom-color: grey;
	border-bottom-style: solid;
	border-bottom-width: thin;
  font-weight: 200;
}
.li-votesoverview.marked{
  background-image: repeating-radial-gradient(rgb(0, 156, 156),rgb(0, 20, 20)); 
}
.li-votesoverview.res:hover{
  background-color: rgb(0,71,71);
}
.li-votesoverview.res.highlight{
  background-image: repeating-radial-gradient(rgb(0, 156, 156),rgb(0, 20, 20)); 
}
.admseat{
	background-color: #444451; 
	color:white; 
	text-align: center;
	border-style: solid;
	border-width: thin;
	border-color: black;
}
.admseat.yes{
	background-color: lime;
	color:black;
}
.admseat.anonym{
	background-color: blue;
	color:white;
}
.admseat.no{
	background-color: red;
	color:white;
}
.admseat.abstain{
	background-color: yellow;
	color:black;
}
.admseat.anonym{
	background-color:blue;
	color:white;
}
.admseat.norighttovote{
	border-style: dashed;
	border-color: white;
	background-color: black;
}

.admvotes.headlines{
	border-bottom: solid 1px orange;
	text-align: left;
	color: white;
	background-color: rgba(0, 71, 71, 0.8);

}
.li-agenda{
	color:white;
	font-size: 1vw;
  padding: 10px;
	list-style: none;
	border-bottom-color: grey;
	border-bottom-style: solid;
	border-bottom-width: thin;
  font-weight: 200;
}
.li-agenda:hover, .li-agenda:focus {
  /*background-color: rgb(59, 0, 0);*/
  background-color: rgb(0, 71, 71);
  /*/font-weight:400;*/
  cursor: pointer;
}
.li-agenda.marked{
  background-image: repeating-radial-gradient(rgb(0, 156, 156),rgb(0, 20, 20));
  color: white;
  font-size: 1.3vw;
  font-weight: 400;
}
.li-agenda.coming{
	border-color: white;
	border-width: thin;
}
.li-reservationslist{
  border-bottom:solid 1px rgb(0,120,120); 
  padding:10px"
}
.li-reservationslist:hover{
  background-color: rgb(0,71,71);
}
.reservicon{
  color: orange; 
  font-size:1.5vw;
}
.li-agenda.active{
	color: white;
	background-color: rgba(255, 166, 0, 0.573);
	font-size: 1.2vw;
  border-radius: 20px;
  border-color: orange;
}
.li-agenda.done{
	color: black;
	background-color: lightgray;
	font-style: oblique;
	border-color: black;
	border-width: thin;
}
.li-agenda.meetingdone{
	color: black;
	background-color: lightgrey;
  border-color: black;
	border-width: thin;
  font-weight: 400;
  font-size: 1vw;
}
.li-agenda.meetingdone.marked{
  color:white;
  font-weight: 200;
  background-image: repeating-radial-gradient(rgb(0, 156, 156),rgb(0, 20, 20));
}
.li-agenda.meetingdone:hover, .li-agenda:focus {
  background-color: rgb(0, 71, 71);
  color: white;
}

.li-voteshistory{
	color:white;
  /*background-color: rgba(0, 41, 41, 0.3);*/
	font-size: 1vw;
  padding: 10px;
	list-style: none;
	border-top: solid 7px rgb(0,41,41);
	/*border-bottom-style: solid;
  border-top-style: solid;
	border-width: thin;*/
  font-weight: 200;
}
.li-voteshistory:nth-child(odd){
  background-color: rgba(0, 41, 41, 0.1);
}
.li-voteshistory:nth-child(even){
  background-color: rgba(0, 71, 71, 0.9);
}

.li-voteshistory.marked{
  /*background-image: repeating-radial-gradient(rgb(0, 200, 200),rgb(0, 0, 0));*/
  background-image: linear-gradient(to right, rgb(0,41,41), rgb(0,130,130));
  border-top:solid 4px rgba(255, 166, 0, 0.8);
  border-bottom:solid 4px rgba(255, 166, 0, 0.8);
  color: white;
}
.li-searchdelegate{
  background-color: #323232;
  font-size: 1.2vw;
  cursor: pointer;
}
.li-searchdelegate:hover{
  background-color: rgb(0,71,71);
}
.li-searchdelegate.marked{
  background-image: linear-gradient(to right, rgb(0,41,41), rgb(0,130,130));
}
.li-searchdelegate.narvaro{
  font-size: 1vw;
  cursor: pointer;
}
.li-searchdelegate.narvaro:hover{
  background-color: rgb(0,71,71);
}
.li-searchdelegate.narvaroers{
  background-color: #363636;
}
.li-searchdelegate.ordf{
  background-color: #262626;
  font-weight: 300;
}
.li-searchdelegate.ordf:hover{
  background-color: rgb(0,71,71);
}
.li-searchdelegate.ers{
  background-color: rgb(65, 65, 65);
}
.li-searchdelegate.ers:hover{
  background-color: rgb(0,71,71);
  color:white;
}
.li-searchdelegate.surplus{
  background-color: rgb(110, 110, 110);
}
.li-searchdelegate.surplus:hover{
  background-color: rgb(0,71,71);
}
.li-searchdelegate.narvaroplupp{
  background-color: rgb(0,32,32);
  color:white;
  font-size: 1vw;
  font-weight: 300;
}
.searchdelegatetitles{
  margin-left:3px; 
  font-size: 0.9vw;
  font-weight:200; 
  padding-top:5px; 
  color:orange;
  text-decoration: none;
}
.searchdelegatetitles:hover{
  color: orange;
}
.popupnarvaroplupp{
  width:25px;
  height:25px;
  border-radius: 50%;
  text-align: center;
  font-weight: 400;
  padding:1px;
}
.popupnarvaroplupp.lime{
  color: black;
  background-color: lime;
}
.popupnarvaroplupp.red{
  background-color: red;
  color: white;
}

.chatTime{
  font-size:50%; 
  color:white;
  text-align: center;
  padding-top:5%;
}

.chatSent{
  font-size:95%; 
  margin-bottom:1px;
  margin-top:1px;
  color:white;
  text-align: left;
  background-color: rgba(255, 166, 0, 0.573);
  border-radius: 20px;
}
.chatRecive{
  font-size:95%;
  margin-top:1px;
  margin-bottom:1px;
  margin-left:20px;
  color:white;
  text-align: left;
  background-color: rgba(115, 255, 0, 0.573);
  border-radius: 20px;
}
.li-chatmessage{
  background-color: #242424;
  color:white;
  border-bottom-style: solid;
  border-width: thin;
}
.li-chatwindow{
  background-color: #242424;
  color:white;
  border-bottom-style: solid;
  border-width: thin;
  position: absolute;
  height: 90%;
  width: 100%;
  left: 0px;
}
.SearchListCol1{
  font-size:0.8em; padding-top:5px; color:lime;
}
.SearchListCol2{
  font-size:0.8em; padding-top:5px; color:orange;
}
.SearchListCol3{
  font-size:0.8em; padding-top:5px; color:white;
}
.votehistory-result{
  text-align:center; 
  Background-color: rgba(90, 90, 90, 0.6);
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  /*border-color: rgb(171, 114, 22);*/
  border-color: whitesmoke;
}
/****Knappar***/
.nextspeaklabel{
  font-size:1vw; 
  font-weight:400; 
  padding-left:25px;
  padding-top:5px;
  /*background-color:#3d3d3d;*/
  background-color: rgba(255,255,255,0.1);
}
.newspeaklabel{
  font-size:1vw; 
  font-weight:400; 
  padding-left:25px;
  padding-top:5px;
  /*background-color:#686868;*/
  background-color: rgba(105,105,105,0.1);
  border-left:solid black medium;
  border-right:solid black medium;
}
.btn-thick-border{
	/*border-radius:5%;*/
	border-style: outset;
	border-width: 3px;
	padding: 5px 10 0; 
}
.btn-thin-border{
	border-radius:5%;
	border-style: outset;
	border-width: thin;
	padding: 5px 10 0;
}
.playicon{
  color:lime;
}
.btn-li {
  color: white;
  background-color: transparent;
  font-weight: 150;
  font-size: 1em;
  margin-left: -10px;
}
.btn-li:hover {
border-color: white;
background-color: black;
}
.btn-li:focus {
  outline: none;
  box-shadow: none;
}
.btn-sort {
  color: white;
  background-color: transparent;
  font-weight: 150;
  font-size: 1em;
  margin-left: -10px;
}
.btn-sort:hover {
border-color: white;
color: white;
}
.btn-speakerlist {
  color: white;
  background-color: transparent;
  font-weight: 150;
  font-size: 1em;
}
.btn-speakerlist:hover {
border-color: white;
background-color: white;
color:black;
}
.btn-speakerlist:focus {
  outline: none;
  box-shadow: none;
}
.btn-emoji:hover{
  border-color: white;
  border-style: solid;
  border-width: thin;
  }
.btn-emoji{
  height: 35px;
  width: 35px;
  padding:3px;
  text-align: center;
}
.btn-emoji:hover{
  border-color: white;
  border-style: solid;
  border-width: thin;
  border-radius: 20%;
  }
.btn-EmojiOpenWindow{
  color: #fff;
  background-color:transparent;
  border-radius: 20px;
  font-weight: 150;
	font-size: 1em;
  text-align: center;
  white-space: nowrap;
  float: right;
}
.btn-EmojiOpenWindow:hover{
  color: orange;
}
.btn-chattWindBtn {
  color: #fff;
  background-color: transparent;
  border-radius: 20px;
  font-weight: 150;
	font-size: 1.5em;
  text-align: left;
  white-space: nowrap;
  height: 40px;
 
}
.btn-chattWindBtn:hover {
  color: darkorange;
}
.btn-neutral {
  color: #fff;
  border-color: rgb(108, 108, 108);
  background-color: black;
  border-radius: 20px;
  font-weight: 150;
	font-size: 1vw;
  text-align: left;
  white-space: nowrap;
  width: 10vw;
  height: 2.5em;
}
.btn-neutral.Auth{
  width: 10%;
  height: 5%;
  font-size: small;
}
.btn-icon{
  margin-right:4px;
  margin-top: -20px;
  margin-left: -10px;

  background-color:white;
  padding: 6px;
  border-radius: 50%;

}
.btn-neutral:hover {
  background-color: #323232;
  color: white;
  border-style: solid;
  border-color: orange;
  
}
.btn-neutral.highlight{
  background-image:  linear-gradient(to right, rgb(100, 65, 0), orange);
  border: solid 1px black;
}
.btn-neutral.green{
  border:solid 1px grey;
}
.btn-neutral.green:hover{
  border:solid 1px orange;
}
.btn-alertcancel{
  background-color:rgb(0,71,71); 
  color:white;
  border:solid 1px white;
  border-radius:20px; 
  width:90%; 
  margin-left:20px;
  margin-top:20px;
}

.btn-neutral .msg {
  width: 8vw;
}
.btn-msg {
  color: #fff;
  /*border-color: rgb(181, 181, 181);*/
  background-color: black;
  border-radius: 20px;
  font-weight: 150;
	font-size: 1vw;
  text-align: center;
  white-space: nowrap;
  width: 8vw;
  border-color: white;
}
.btn-msg:hover {
  background-color: #323232;
  color: white;
  border-style: solid;
  border-color: orange;
  
}
.btn-autoq{
  color:white;
  width:3.5vw;
  height: 2.5vw;
  font-weight: 200;
  border-width: 0px;
  border-radius: 10px;
  background-color: rgb(66, 66, 66);
  /*box-shadow: 0px 2px 0px 0px rgba(91, 91, 91, 0.8);*/
  border-bottom: solid 1px darkolivegreen;
  border-left: solid 1px darkolivegreen;
  cursor: pointer;
}
.btn-autoq:hover{
  color:white;
  font-size: 1em;
  font-weight: 500;
}
.btn-autoq.pressed{
  background-image:  linear-gradient(to right, rgb(100, 65, 0), orange);
  box-shadow: none;
}
.btn-autoq.alwayspressed{
/*   border-radius: 30px;
  box-shadow: 0px 1px 2px 1px orange;
  color: orange;
*/
background-image:  linear-gradient(to right, rgb(100, 65, 0), orange);
font-size: 1em;
  font-weight: 500;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.VideoContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.btn .cancel{
  color:white;
  text-align:right;
  font-size:2em
}
.btn .cancel:hover{
  color:orange;
}
/****Placeholders***/
.placeholder-agenda{
	color: white;
  height: fit-content;
  background-color: rgba(3, 3, 3, 0.5);
  box-shadow: 0 0 0 0.1rem rgba(205, 210, 216, 0.1);
}
.placeholder-speakerlist{
  background-color: rgb(1, 109, 95, 0.2);
  /*color: orange;
  border-left-style: solid;*/
}
.component-placeholder{
  height: 70px;
  overflow: auto;
}
.placeholder-votehistory{
	color: white;
  height: fit-content;
  background-color: rgba(3, 3, 3, 0.6);
  box-shadow: 0 0 0 0.1rem rgba(205, 210, 216, 0.1);
  font-weight: 200;
  font-size: 1.3vw;
}
.placeholder-personcard{
	color: white;
  height: fit-content;
  background-color: rgba(3, 3, 3, 0.6);
  box-shadow: 0 0 0 0.1rem rgba(205, 210, 216, 0.1);
  font-weight: 200;
  font-size: 1.3vw;
}
.placeholder-reservation{
	color: white;
  height: fit-content;
  background-color: rgba(3, 3, 3, 0.6);
  box-shadow: 0 0 0 0.1rem rgba(205, 210, 216, 0.1);
  font-weight: 200;
  font-size: 1.3vw;
}
.placeholder-SearchList{
  width: 370px;
  height: 350px;
  background-image:  linear-gradient(to left, rgba(28, 28, 28, 0.9), black);
  border-style: solid;
  border-color: orange;
  border-width: thin;
  position: fixed;
  font-weight: 100;
  text-align: left;
  top: 290px;
  left: 83%;
  transform: translate(-50%, -50%);
  z-index:99;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}
.placeholder-DelegateList{
  background-image:  linear-gradient(to left, rgba(28, 28, 28, 0.2), black);
  color:white;
  font-weight: 100;
  font-size: 0.9em;
  text-align: left;
  overflow-x: hidden;
  overflow-y: hidden; /* Scrollable contents if viewport is shorter than content. */
  border-left:solid 1px black;
}
.placeholder-DelegateList.reserv{
  background-image:  linear-gradient(to left, rgba(28, 28, 28, 0.2), black);
}
.ChattWindow{
  width: 100%;
  height: 65%;
  background-color: rgb(8, 27, 27);
  border-style: solid;
  border-color: orange;
  border-width: thin;
  position: fixed;
  font-weight: 100;
  text-align: left;
  
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  box-shadow: rgba(0, 0, 0, 0.96) 0px 22px 70px 4px;
}
.placeholder-chatt{
  width: 30vw;
  height: 25em;
  background-color: rgb(8, 27, 27);
  border-style: solid;
  border-color: orange;
  border-width: thin;
  position: absolute;
  font-weight: 100;
  text-align: left;
  position: fixed;
  top: 45%;
  left: 40%;
  transform: translate(-50%, -50%);
  z-index:9;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  box-shadow: rgba(0, 0, 0, 0.96) 0px 22px 70px 4px;
}
.placeholder-chattdiv{
  width: 30vw;
  height: 30em;
  background-color: black;
  border-top: white solid 1px;
  position: absolute;
  font-weight: 100;
  text-align: left;
  position: fixed;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  z-index:99;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  box-shadow: rgba(0, 0, 0, 0.96) 0px 22px 70px 4px;
}
.Chatheader {
  background-color: rgb(8, 27, 27);
  color: white;
  text-align: center;
  padding-top: 15px;
  font-weight: 200;
  height: 60px;
}
.ChatheaderWindow {
  background-color: rgb(8, 27, 27);
  color: white;
  padding-top: 15px;
  padding-left: 40px;
  font-weight: 200;
}
.placeholder-ordftime{
  font-size:3em;
  width: 30%;
  height: 12em;
  background-image:  linear-gradient(to left, rgba(28, 28, 28, 0.9), black);
  border-style: solid;
  border-color: white;
  border-width: thin;
  position: fixed;
  font-weight: 100;
  text-align: left;
  top:50%;
  left: 20%;
  transform: translate(-50%, -50%);
  z-index:99;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  box-shadow: rgba(0, 0, 0, 0.96) 0px 22px 70px 4px;
}
.AlertPlate{
	height:210px;
	width:450px;
	background-color: rgba(3, 3, 3, 0.9); 
  /*background-color:rgb(183, 183, 183);*/
	top:20%;
	left:35%;
	border-style: solid;
	border-radius: 10px;
	border-color: rgb(106, 106, 106);
	border-width: thin;
	padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.96) 0px 22px 70px 4px;
}
.NarvaroPlate{
	height:350px;
	width:400px;
	background-color: rgba(3, 3, 3, 0.9); 
  bottom: 8%;
	border-style: solid;
	border-radius: 10px;
	border-color: orange;
	border-width: thin;
	padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.96) 0px 22px 70px 4px;
}
.OrdfragaPlate{
	height:270px;
	width:350px;
	background-color: rgba(3, 3, 3, 0.9); 
  bottom: 38%;
  left:30%;
	border-style: solid;
	border-radius: 10px;
	border-color: orange;
	border-width: thin;
	padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.96) 0px 22px 70px 4px;
}
.StatsPlate{
  background-color: rgba(0,0,0,0.95);
  border: solid thin orange;
  border-radius: 10px;
  padding: 10px;
  left:10%; top:20%; width:80%; 
  margin-left:5%;
  height:320px; 
  overflow:auto;
  box-shadow: rgba(0, 0, 0, 0.96) 0px 22px 70px 4px;
}
.VoteReqPlateAdmin{
	height:200px;
	width:450px;
	background-color: rgba(3, 3, 3, 0.8); 
	top:30%;
	left:30%;
	border-style: solid;
	border-radius: 10px;
	border-color: orange;
	border-width: thin;
	padding: 10px;
}

.VoteReqPlateAdmin{
	height:200px;
	width:450px;
	background-color: rgba(3, 3, 3, 0.8); 
	top:30%;
	left:30%;
	border-style: solid;
	border-radius: 10px;
	border-color: orange;
	border-width: thin;
	padding: 10px;
}
#DelegateSearch {
  list-style-type: none;
  padding: 10px;
  margin: 0;
  width: 99%;
}

#DelegateSearch li a {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  /*background-color: rgba(0, 0, 0, 0.5);*/
  background-color: transparent;
  padding: 3px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 0.9em; /* Increase the font-size */
  padding-left: 40px;
  color: white; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
  height: 2.5em;
}

.Search {
  /*background-image: url('img/searchicon.png'); */
  background-position: 5px 5px;
  background-repeat: no-repeat;
  background-size: 5%;
  width: 100%; /* Full-width */
  font-size: 0.8em; /* Increase font-size */
  padding: 12px 20px 12px 25px; /* Add some padding */
  border: 1px solid orange; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
  /*margin-left: 60px;*/
  height: 2em;
}

.DelegateTextEdit{
  width: 100%; /* Full-width */
  font-size: 0.8em; /* Increase font-size */
  border: 1px solid black; /* Add a grey border */
  height: 2em;
  margin:3px;
}
#myUL li a:hover:not(.header) {
  background-color: orange; /* Add a hover effect to all links, except for headers */
}
.modal-debatt{
  background-image:  linear-gradient(to left, rgba(28, 28, 28, 0.9), black);
  border-style: solid;
  border-color: orange;
  border-width: thin;
  font-weight: 100;
  text-align: center;
}
.modalText1{
  font-size:1.5vw; 
  color:white;
  text-align: left;
}
.modalText2{
  font-size:1.2vw; 
  color:orange;
}
.modalText3{
  color:orange;
  font-weight: 300;
  text-align:center;
}
.modalText4{
  color:white;
  font-weight: 300;
}
.modalText5{
  color:white;
  font-weight: 300;
}
.modalText6{
  font-size:1.5vw; 
  color:orange;
  text-align: left;
}
.modalText7{
  font-size:1rem; 
  color:white;
}
.modalText8{
  color:white;
  font-size: 1em;
  text-align: center;
}
.modalText9{
  font-size:100%; 
  color:white;
  text-align: left;
  text-decoration: none;
}
.modalText9:hover{
  color:orange;
}
.textcolor{
  color:white;
}
.msg-debate{
  width: 30vw;
  height: 30vw;
  background-image:  linear-gradient(to left, rgba(28, 28, 28, 0.9), black);
  border-style: solid;
  border-color: orange;
  border-width: thin;
  position: fixed;
  font-weight: 100;
  text-align: center;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  z-index:99;
}
.msg-title {
  margin-bottom: 0;
  margin-left: 10px;
  line-height: 1.5;
  font-size: 1.5vw;
  font-weight: 200;
}
.msg-textrow{
  padding-top:10px; 
  text-align:left; 
  white-space: nowrap;
  font-size:1.2vw;
  color:white;
}
.msg-namerow{
  font-size:1.8vw;
  font-weight: 300;
  padding: 10px;
  color:#FBB106;
}
.msg-textinput{
  background-color: whitesmoke;
  font-weight:300; 
  height:6vw;
  width: 90%;
  line-height: 1.2em;
}
.ActiveMeeting{
  background-color:black; 
  border-color:orange; 
  border-top-style:solid;
  border-bottom-style:solid ;
  border-width: thin;
}
.PresenceName{
  height:10em; 
  margin-top:20px; 
  background-image: repeating-radial-gradient(rgb(0, 71, 71),rgb(0, 20, 20));
  padding:15px; 
  border-style:solid; 
  border-width: thin;
  border-color:black 
}
.PresencePartyList{
  font-size:1em; font-weight:100; margin-top:8px;
}
.PresencePartyList.headline{
  background-color: rgb(8, 27, 27);
  color: orange;
}
.PresencePartyLabel{
  margin-left:8px;
  Font-size: 1.2vw;
  height:2.5em;
  width:2.5em;
  text-align: center;
  padding:5px;
  border-color:white; 
  border-style:solid; 
  border-radius:50%; 
  border-width:thin
}
.PresencePartyLabel:hover{
  height:2.6em;
  width:2.6em;
  border:solid white 2px;
}
/*LOGIN*/
.placeholder-login{
  background-color:rgba(20,20,20,0.9);
  position: absolute;
  top: 5%;
  left:30%;
  height: 450px;
  width:450px;
  border-width: thin;
  border-style: solid;
  border-color: orange;
}
.placeholder-index{
  background-color:rgba(20,20,20,0.9);
  position: absolute;
  top: 5%;
  /*left:30%;*/
  height: 450px;
/*  width:450px;*/
  border-width: thin;
  border-style: solid;
  border-color: orange;
}
.loginheading {
color: orange;
position: absolute;
top:20%;
width: 100%;
text-align: center;
font-size: 1.5em;
font-weight: 100;
}
.text-danger-login{
  color:red;
}
.btn-neutral.login{
  background-color: transparent; 
  height:30px; 
  width: 100%;
  border-style:solid; 
  border-width: thin;
  border-color:orange;
  text-align: center;

}
.btn-neutral.login:hover {
  background-color: rgb(0,71,71);
  color: white;
  
}

/**Checkbox ala IOS typ***/
input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  width: 62px;
  height: 16px;
  left: 1px;
  background-color: #585757;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

input[type="checkbox"] + label::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  background-color: white;
  position: absolute;
  top: 1px;
  right: 47px;
  transition: all 0.3s ease-out;
}

input[type="checkbox"] + label::after {
  content: attr(data-deny);
  color: white;
  position: absolute;
  top: 0px;
  left: 28px;
  font-size: 11px;
  font-weight: 300;
  transition: all 0.3s ease-out;
}

input[type="checkbox"]:checked + label {
  background-color: #519b00;
}

input[type="checkbox"]:checked + label::before {
  /*right: 44px;*/
  left: 47px;
}

input[type="checkbox"]:checked + label::after {
  content: attr(data-permit);
  left: 10px;
}
/******Progressbar i AlertMessage*****************/
.round-time-bar {
  margin: 1rem;
  overflow: hidden;
}
.round-time-bar div {
  height: 1px;
  animation: roundtime calc(var(--duration) * 1s) steps(var(--duration))
    forwards;
  transform-origin: left center;
  /*background: linear-gradient(to bottom, rgb(0, 85, 0), rgb(1, 204, 1));*/
  background-color: darkorange;
}
.round-time-bar[data-style="smooth"] div {
  animation: roundtime calc(var(--duration) * 1s) linear forwards;
}
@keyframes roundtime {
  to {
    /* More performant than `width` */
    transform: scaleX(0);
  }
}

@media (max-width: 767.98px) {
  .Loginbrick.sek {
    display: none;
  }
}