/* @override 
	http://cofs-hub.sanctusmedia.net/assets/css/hub.css?*
	https://cofs-hub.sanctusmedia.net/assets/css/hub.css?*
	https://hub.churchofscotland.org.uk/assets/css/hub.css?v=1.25
	https://hub.churchofscotland.org.uk/assets/css/hub.css?*
	https://cofs-ga.s3.amazonaws.com/assembly-hub.css?*
	https://hub.churchofscotland.org.uk/assets/css/assembly-hub.css?* */

a.btn.inverted,
a.btn {
	font-weight: 500;
}

a.btn.push_vote.Ready,
a.btn.push_nom.Ready {
	background-color: #4aab4e;
}
a.btn.push_vote.Active,
a.btn.push_nom.Active {
	background-color: #c81e1d;
}
a.btn.push_vote.Closed,
a.btn.push_nom.Closed {
	background-color: gray;
}
a.btn.push_vote.Hidden,
a.btn.push_nom.Hidden {
	background-color: #efefef;
}

a.vote_btn {
	width: 100px;
}

 .cld-btn {
  display: none;
 }
@media only screen and (max-width: 768px) {
  .cld-btn {
	display: block;
	width: 100%;
	background-color: rgba(185, 49, 41, 1.00);
	color: #fff !important;
	text-align: left;
	padding: 10px 5px 10px 15px;
	
	}
}

ul.no-bullet {
padding-left: 0px;
margin-left: 0px;
}

ul.no-bullet li {
	background: none;
	padding-left: 0px !important;
	margin-left: 0px;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}

ul.no-bullet li:before {
	content: '' !important;
}

#header-section {
	position: relative;
}

#link-status {
	position: absolute;
	top: 9px;
	right: 10px;
	font-weight: 600;
}

#link-status.connected,
#link-status.connected a {
	color: #4caa42;
}

#link-status.disconnected,
#link-status.disconnected a {
	color: #c81e1d;
}

p.breadcrumbs {
	color: hsl(109, 0%, 60%);
}

.main h1.page-heading {
	margin-bottom: 1rem;
}

.main h2 {
	margin-bottom: 0.25rem;
}

.voting-buttons {
	text-align: right;
}

td.number {
	text-align: center;
	width: 80px;
	padding: 0px !important;
	line-height: 1.4em;
}

.number .section-number {
	font-weight: 700;
	font-size: 1.7em;
}

input[type="password"] {
	padding: 7px 12px 7px;
	font-size: 1em;
}

p.logged-in-user {
	text-align: center;
	font-family: 0.9em;
	color: hsl(109, 0%, 60%);
}

.personal {
	border: 1px solid hsl(213, 4%, 80%);
	text-align: left;
	padding-left: 20px;
	padding-right:  10px;
}

.personal p span {
	color: hsla(0, 0%, 60%, 1.00);
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	text-align: left;
	line-height: 1.2em;
	margin-left: -20px;
	padding-top: 5px;
}

.personal p.p-name {
	font-size: 1.4em;
	margin-bottom: 0px;
	margin-top: 15px;
	text-align: left;
	line-height: 1.2em;
	margin-left: 20px;
}

.personal p.p-comm-number {
	font-size: 1.4em;
	margin-bottom: 10px;
	margin-top: 9px;
	text-align: left;
	line-height: 1.2em;
	margin-left: 20px;
}

.personal p.p-org {
	font-size: 1.4em;
	margin-bottom: 10px;
	text-align: left;
	line-height: 1.2em;
	margin-left: 20px;
}

.status-Closed {
	display: none;
}

.rts-status {
	padding: 1px 6px 3px 6px;
	border-radius: 2px;
	color: #fff;
}

.rts-status.Received {
	background-color: black;
}
.rts-status.Withdrawn, 
.rts-status.Removed, 
.rts-status.Completed  {
	background-color: #aaaaaa;
}
.rts-status.Active {
	background-color: hsl(123, 40%, 48%);
}
.rts-status.Queued {
	background-color: hsl(0, 75%, 45%);
}

ul.nom-list {
	background-color: #eee;
	padding: 10px 0px 3px 10px;
}

ul.nom-list li input[type="radio"] {
	/*padding-bottom: 5px;*/
	top: 7px;
	margin-right: 5px;
}

/* **************************
   user motions table 
   ************************** */

.motions-table-placeholder td.question {
	font-size: 1.1em;
}

.motions-table-placeholder tr.active_row,
.motions-table-placeholder tr.status-Active {
	background-color: hsl(61, 100%, 80%) !important;
}

.motions-table-placeholder tr.fasttrack_row,
.motions-table-placeholder tr.status-FastTrack  {
	background-color: hsl(123, 40%, 92%) !important;
}

/* **************************
   Meeting Action LH Nav 
   ************************** */
   
h2.meeting_action_header {
	font-size: 1.8em;
	margin-bottom: 20px;
	color: #3d4042;
}
 
.meeting_actions {
	font-size: 1.8em;
	background-color: hsl(101, 0%, 92%);
	padding: 20px !important;
}

.meeting_actions h3 {
	background-color: hsl(208, 100%, 18%);
	color: hsl(95, 100%, 100%);
	padding: 10px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 10px;
}

.meeting_actions ul.nobull li {
	background-image: none ;
}

.meeting_actions ul li {
	background-color: hsl(204, 100%, 49%);
	color: hsl(95, 100%, 100%);
	text-align: right;
	width: 80%;
	float: right;
	margin: 2px 0px;
	padding: 0px;
}

.meeting_actions ul li a {
	color: hsl(95, 100%, 100%);
	display: block;
	padding: 5px 15px;
}

/* **************************
   Admin: Reports Overview
   ************************** */
 
.deliverance {
	 border: 1px solid #333;
	 padding: 1em 18px;
	 border-right: 40px solid #333;
}

.deliverance h3.prop-del {
	background-color: #333;
	color: #fff;
	font-size: 1.05em;
	font-weight: 700;
	padding: 2px 0px 2px 8px;
	margin-bottom: 1em;
}

.deliverance .para {
	font-size: 1.05em;
	margin-bottom: 1em;
	padding: 2px 0px 2px 8px;
}

/*.report-list li {
	margin-bottom: 15px;
	font-size: 1.1em;
}

ul.report-list  {
  padding-left: 30px ;
  text-indent: -30px ;
}*/

.admin-view {
	background-color: hsla(353, 92%, 42%, 1.00);
	color: #fff;
	padding: 1px 8px;
}

.report-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.report-list li {
  display: grid;
  grid-template-columns: 3ch 1fr; /* fixed number column */
  column-gap: 1ch;
  margin-bottom: 0.75em;
}

.report-list .num {
  text-align: right;
}

.report-list .text {
  text-align: left;
  font-size: 1.05em;
}

.report-list .notice-holder {
	display: block;
	/*padding-left: 25px;*/
	/*border: 1px solid red;*/
}

.report-list .notice-flag,
.notice-of-motion .notice-flag {
	display: inline-block;
	margin-top: 6px;
	margin-right: 20px;
}

.report-list .notice-flag .notice-author,
.notice-of-motion .notice-flag .notice-author {
	color: #000;
	background-color: hsl(101, 0%, 89%);
	padding: 2px 8px;
}

.report-list .notice-flag a,
.notice-of-motion .notice-flag a {
	color: #fff;
	padding: 2px 8px;
	border: none;
}
.report-list .notice-flag a.admin-edit {
	background-color: #2096f2;
	color: #fff;
}

.report-list .notice-flag a.counter,
.notice-of-motion .notice-flag a.counter, , span.counter {
	color: #fff;
	background-color: hsl(55, 90%, 39%);
}

.notice-popup {
	max-width: 800px !important;
	font-size: 20px !important;
}
.notice-popup .flag-large {
	display: inline-block;
	margin-bottom: 10px;
	background-color: #e8e8e8;
	padding-right: 10px;
}
.notice-popup .flag-large span {
	padding: 0px 10px;
}

.report-list .notice-flag a.new,
.notice-of-motion .notice-flag a.new, span.new {
	color: #fff;
	background-color: hsl(128, 38%, 56%);
}

.report-list .notice-flag a.amend,
.notice-of-motion .notice-flag a.amend, span.amend {
	color: #fff;
	background-color: hsl(359, 71%, 77%);
}

.notice-of-motion p.heading {
	font-weight: bold;
	margin-bottom: 0px;
}

.notice-of-motion p.heading span {
	font-style: italic;
	font-weight: normal;
}

.notice-of-motion .motion-text,
.notice-of-motion .proposed-text {
	background-color: hsl(129, 0%, 93%);
	padding: 7px 12px;
	border-radius: 10px;
	margin-top: 10px;
}

.notice-of-motion .proposed-text {
	background-color: hsl(55, 90%, 79%);
}

.notice-of-motion .edit_box {
	border: 1px solid hsl(129, 0%, 73%);
	margin-bottom: 20px;
	margin-top: 20px;
}

.notice-of-motion .edit_box h4 {
	background-color: hsl(205, 97%, 50%);
	color: #fff;
	font-size: 1.1em;
	font-weight: 400;
	padding: 5px 14px;
	margin-bottom: 15px;
}

.notice-of-motion .edit_box textarea {
	border: none;
	margin: 0px;
	padding: 0px 20px;
	height: 80px;
}




/* **************************
   Admin: Request to speak
   ************************** */
   .main #admin-request-to-speak .row  {
		  font-size: 1em;
	  }
	  
	  #admin-request-to-speak .requests-placeholder {
		  width: 24%;
		  padding-right: 0px;
		  margin-right: 5px;
	  }
	  
	  #admin-request-to-speak .request {
		  background-color: hsl(101, 0%, 95%);
		  width: 100%;
		  position: relative;
		  padding: 5px 0px 5px 40px;
		  color: hsl(95, 100%, 100%);
		  font-size: 1em;
		  margin-bottom: 7px;
	  }
	  
	  #admin-request-to-speak .request.against {
		  background-color: hsl(359, 100%, 43%);
	  }
	  
	  #admin-request-to-speak .request.for {
		  background-color: hsl(142, 100%, 34%);
	  }
	  
	  #admin-request-to-speak .neutral .request {
		  background-color: hsl(95, 100%, 100%);
		  border: 1px solid #bbb;
	  }
	  
	  #admin-request-to-speak .request.neutral.order  {
		  background-color: hsl(0, 100%, 00%);
		  border: 1px solid #bbb;
	  }
	  
	  #admin-request-to-speak .order .request,
	  #admin-request-to-speak .order .request.for,
	  #admin-request-to-speak .order .request.against,
	  #admin-request-to-speak .order .request.neutral {
		  background-color: hsl(0, 0%, 0%);}
	  
	  #admin-request-to-speak .request h1 {
		  color: hsl(95, 100%, 100%);
		  font-weight: 600;
		  padding: 0px;
		  margin: 0px;
		  font-size: 1.6em;
		  line-height: 1em;
	  }
	  
	  #admin-request-to-speak .request p.speaker_meta {
		  color: hsl(95, 100%, 100%);
		  font-weight: 500;
		  padding: 0px;
		  margin: 0px;
		  line-height: 1.4em;
	  }
	  
	  #admin-request-to-speak .neutral .request h1,
	  #admin-request-to-speak .neutral .request p.speaker_meta,
	  #admin-request-to-speak .neutral .request .request_topic,
	  #admin-request-to-speak .neutral .request .request_section {
		  color: hsl(40, 29%, 30%)!important;
	  }
	  #admin-request-to-speak .neutral .request .request_topic {
		  color: hsl(0, 100%, 100%) !important;
	  }
	  
	  #admin-request-to-speak .request .request_topic,
	  #admin-request-to-speak .request .request_section {
		  position: absolute;
		  font-weight: 700;
		  text-align: center;
	  }
	  
	  #admin-request-to-speak .request .request_topic {
		  top: 0px;
		  left: 0px;
		  background-color: hsl(40, 30%, 30%);
		  color: hsl(0, 100%, 100%);
		  width: 30px;
		  height: 28px;
		  font-size: 1.3em;
		  line-height: 1.3em;
		  font-weight: 400;
	  }
	  
	  #admin-request-to-speak .request .request_section {
		  bottom: 7px;
		  left: 0px;
		  width: 30px;
		  font-size: 1.5em;
		  line-height: 0.7em;
		  padding: 0px;
		  margin: 0px;
		  font-weight: 400;
	  }
	  
	  #admin-request-to-speak .request.neutral.order p,
	  #admin-request-to-speak .request.neutral.order h1,
	  #admin-request-to-speak .request.neutral.order .request_section {
		  color: #fff !important;
	  }
	  
	  #admin-request-to-speak .request .request_topic.report span::before {
		  content: 'R';
	  }
	  #admin-request-to-speak .request .request_topic.section span::before {
		  content: 'S';
	  }
	  #admin-request-to-speak .request .request_topic.order span::before {
		  content: 'O';
	  }
	  
	  #admin-request-to-speak .actions {
			font-size: 0.8em;
			padding-bottom: 10px;
		}
		
		#admin-request-to-speak .action_btn.que.Queued {
			background-color: #444;
			color: #fff;
		}
		#admin-request-to-speak .action_btn.act.Active {
			background-color: #444;
			color: #fff;
		}
		#admin-request-to-speak .action_btn.rem.Removed {
			background-color: #444;
			color: #fff;
		}
		#admin-request-to-speak .action_btn.com.Completed {
			background-color: #444;
			color: #fff;
		}
	  
	  #admin-request-to-speak .request.Completed,
		#admin-request-to-speak .actions.Completed,
		#admin-request-to-speak .request.Removed,
		#admin-request-to-speak .actions.Removed,
		#admin-request-to-speak .request.Withdrawn,
		#admin-request-to-speak .actions.Withdrawn {
			display: none;
		}

/* **************************
   Fancybox Modals
   ************************** */

#meeting-action-panel {
	max-width: 85%;
	font-size: 1.8em;
	border-radius: 5px;
}

#meeting-action-panel h2 {
	border-bottom: 1px solid hsl(219, 5%, 86%);
	margin-bottom: 20px;
}

#meeting-action-panel p.choices {
	margin-top: 20px;
	font-weight: 300;
}

#meeting-action-panel p.send-button {
	text-align: right;
	margin-top: 10px;
}

#meeting-action-panel dl dt {
	margin: 7px 0px;
}

#meeting-action-panel dl dt label {
	font-weight: 500;
	padding-left: 6px;
}

/* Voting Panel (in-progress on another page) */

.voting-notice {
	background-color: hsla(3, 64%, 44%, 1.00);
	position: fixed;
	top: 0px;
	right: 30px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	opacity: 1.0;
	z-index: 100;
}

.voting-notice a {
	display: inline-block;
	padding: 20px 40px;
	color: white;
}

.voting-notice a:hover {
	background-color: hsla(3, 64%, 29%, 1.00);
	color: yellow !important;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


.voting-notice a .in-progress {
	display: block;
	font-size: 1.6em;
	color: white;
	text-align: center;
}

.voting-notice a .page {
	display: block;
	color: white;
	text-align: center;
}



.voting-notice {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}

.slide-in {
	animation: slide-in 0.5s forwards;
	-webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
	animation: slide-out 0.5s forwards;
	-webkit-animation: slide-out 0.5s forwards;
}
	
@keyframes slide-in {
	100% { transform: translateY(0%); }
}

@-webkit-keyframes slide-in {
	100% { -webkit-transform: translateY(0%); }
}
	
@keyframes slide-out {
	0% { transform: translateY(0%); }
	100% { transform: translateY(-100%); }
}

@-webkit-keyframes slide-out {
	0% { -webkit-transform: translateY(0%); }
	100% { -webkit-transform: translateY(-100%); }
}