@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&display=swap%27);

@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap);



html{

	scroll-behavior:smooth;

	-webkit-font-smoothing: antialiased;

}



body {

	background: var(--body-bg);

	color: var(--default-color);

	line-height: 1.4;

	margin: 0;

	font-family:  'Rajdhani', 'Roboto' , Sans-Serif;

	-webkit-text-size-adjust: 100%;

	text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;

	font-size: 13px;

	overflow-y: scroll;

}



*:not(.sceditor-button), *::before, *::after{

	-webkit-box-sizing:border-box;

	-moz-box-sizing: border-box;

	box-sizing:border-box;

	-webkit-font-smoothing: antialiased;

}



a{

	color: var(--default-link-color);

	text-decoration: none;

	transition: 250ms ease;

}



a:hover,

a:active {

	color: var(--default-link-hover-color);

}



.wrapper {

	width: 90%;

	max-width:1280px;

	margin: auto auto;

}



#logo {

	background: #fff;

	padding: 10px 0;

	border-bottom: 1px solid #263c30;

}



#content {

	width: auto !important;

	padding: var(--default-padding) 0

}



#quick_login .remember_me input {

	vertical-align: middle;

	margin: -3px 0 0 5px;

}



#debug {

	float: right;

	text-align: right;

	margin-top: 20px;

	font-size: 11px;

}



.scaleimages img {

	max-width: 100%;

}



.forum_status {

	height: 30px;

	width: 30px;

	background: url(../../../images/forum_icon_sprite.png) no-repeat 0 0;

	display: inline-block;

}



.forum_on {

	background-position: 0 0;

}



.forum_off {

	background-position: 0 -30px;

}



.forum_offclose {

	background-position: 0 -60px;

}



.forum_offlink {

	background-position: 0 -90px;

}



.subforumicon {

	margin-right: calc(var(--default-margin) / 1);

}



.subforum_minion {

	color: var(--positive)

}



.subforum_minioff {

	color: var(--neutral)

}



.subforum_minioffclose, .subforum_miniofflink {

	color: var(--negative);

}



table {
	
	font-size: 13px;

}

.tborder {

	background: #fff;

	width: 100%;

	margin: auto auto;

}



.tfixed {

	table-layout: fixed;

	word-wrap: break-word;

}



.thead {

	background: linear-gradient(to right, var(--thead-first-bg), var(--thead-second-bg));

	color: #ffffff;

	padding: calc(var(--default-padding) * 1.125);

	font-size:calc(1em + 2px);

}



.thead-white{

	background: var(--trow-bg-hover);

	border-bottom: 1px solid var(--default-border-color);

	font-weight: 500

}



.thead-light{

	background: var(--trow-bg-hover);

	border-bottom: 1px solid var(--default-border-color);

	color: var(--default-link-color);

	font-size: calc(1em + 2px)

}



.thead-light > span{

	font-weight:700

}



.thead a:link,

.thead a:visited,

.thead a:hover,

.thead a:active {

	color: #ffffff;

	font-weight:700

}



.thead-light a:link,

.thead-light a:visited,

.thead-light a:hover,

.thead-light a:active{

	color:var(--default-link-color)

}



.thead_collapsed .lyriss_expcolimage-on, .lyriss_expcolimage-off{

    opacity:1;

    visibility:visible;

}



.thead_collapsed .lyriss_expcolimage-off, .lyriss_expcolimage-on{

    opacity:0;

    visibility:hidden;

}



.lyriss_expcolimage{

    position:relative;

    display: flex;

    align-items: center;

    justify-content: center;

	margin-right:calc(var(--default-margin) / 2);

	cursor:pointer;

}



.lyriss_expcolimage > svg{

	fill:white;

    position:absolute;

	transition:250ms ease;

}



.tcater {

	background:var(--trow-bg-hover);

    display: flex;

    border-bottom: 1px solid var(--default-border-color);

}



.tcater-head {

	border-radius: calc(var(--default-border-radius) * .75) calc(var(--default-border-radius) * .75)  0 0

}



.tcater-head .tcat {

	background:unset;

    text-transform: uppercase;

	color:var(--default-link-color);

	font-weight:600;

	padding: calc(var(--default-padding) * 1) 0

}



.tcater-head .tcat  a:link,

.tcater-head .tcat  a:visited,

.tcater-head .tcat  a:active{
lyriss
	color:var(--default-link-color)

}



.tcater-head .tcat  a:hover{

	color: var(--default-link-hover-color)

}



.tcater .tcat {

    display: flex;

    align-items: center;

    justify-content: center

}



.tcater .tcat:empty{

	display:none

}



.tcat {

	background: var(--tcat-bg);

	color: #fff;

	padding: calc(var(--default-padding) / 2);

	font-size: 12px;

}



.tcat a:link,

.tcat a:visited,

.tcat a:hover,

.tcat a:active {

	color: #fff;

}



.trow1 {

	background: #fff;

	border: 1px solid;

	border-color: #fff #ddd #ddd #fff;

}



.trow2 {

	background: #fcfcfd;

	border: 1px solid;

	border-color: #fff #ddd #ddd #fff;

}



.trow_shaded {

	background: #ffdde0;

	border: 1px solid;

	border-color: #fff #ffb8be #ffb8be #fff;

}



.no_bottom_border {

	border-bottom: 0;

}



.post.unapproved_post {

	background: #ffdde0;

}



.post.unapproved_post .post_author {

	border-bottom-color: #ffb8be;

}



.post.classic.unapproved_post .post_author {

	border-color: #ffb8be;

}



.post.unapproved_post .post_controls {

	border-top-color: #ffb8be;

}



.trow_deleted,

.post.deleted_post {

	background: #E8DEFF;

}



.trow_selected,

tr.trow_selected td {

	background: #FFFBD9;

	color: #333;

	border-right-color: #F7E86A;

	border-bottom-color: #F7E86A;

}



.trow_selected a:link,

.trow_selected a:visited,

.trow_selected a:hover,

.trow_selected a:active {

	color: #333;

}



.trow_sep {

	background: #ddd;

	background:var(--body-bg);

	color: #333;

	border-bottom: 1px solid #c5c5c5;

	padding: 6px;

	font-size: 12px;

	font-weight: bold;

}



.tfoot {

	border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);

    border-top: 1px solid var(--default-border-color);

    padding:var(--default-padding);

    background: var(--trow-bg-hover);

    color: var(--default-color);

}



.tfoot a:link

.tfoot a:visited,

.tfoot a:hover,

.tfoot a:active{

	color: var(--default-light-color);

	text-decoration: none;

}



.thead input.textbox,

.thead select {

	border: 1px solid #263c30;

}



.bottommenu {

	background: #efefef;

	color: #333;

	border: 1px solid #4874a3;

	padding: 10px;

}



.navigation {

	color: #333;

	font-size: 12px;

}



.navigation a:link {

	text-decoration: none;

}



.navigation a:visited {

	text-decoration: none;

}



.navigation a:hover,

.navigation a:active {

	text-decoration: underline;

}



.navigation .active {

	color: #333;

	font-size: small;

	font-weight: bold;

}



.smalltext {

	font-size: 11px;

}



.largetext {

	font-size: 16px;

	font-weight: bold;

}



fieldset {

	padding: 12px;

	border: 1px solid #ddd;

	margin: 0;

}



fieldset.trow1,

fieldset.trow2 {

	border-color: #bbb;

}



fieldset.align_right {

	text-align: right;

}



input.textbox {

	background: var(--default-input-bg);

	color: var(--default-color);

	border: 1px solid var(--default-border-color);

	padding: calc(.5rem + 1px);

	outline: 0;

	font-size: 13px;

	font-family: 'Roboto', Sans-Serif;

}



input.textbox.portal_search {

    width: 68%;

}



textarea {

	background: #ffffff;

	background: var(--trow-bg-hover);

	color: #fff;

	border: 1px solid var(--default-border-color);

	padding: calc(var(--default-padding) / 4);

	line-height: 1.4;

	outline: 0;

	font-family: 'Roboto', Sans-Serif;

	font-size: 13px;

}



select {

	background: #ffffff;

	background: var(--default-input-bg);

	padding: .5rem;

	border: 1px solid var(--default-border-color);

	outline: 0;

	font-family: 'Roboto', Sans-Serif;

	font-size: 13px;

	cursor:pointer;

	-webkit-appearance:none;

	background: var(--default-input-bg) url(../../../stabilizer/svg/arrow-down.svg) no-repeat right .75rem center / .5rem;

	color:var(--default-color);

	padding-right: calc(var(--default-padding) * 1.5)

}



optn select, optn input{

	padding: .75rem 2rem .75rem 1rem;

	border-radius:.5rem;

	outline:0;

	border:1px solid var(--default-border-color);

	transition:250ms ease-in-out

}



optn label{

	flex:1 1 100%

}



select:focus, optn input:focus{

    border-color:#00bafa;

}



select:focus ~ optiontitle, optn input:focus ~ optiontitle{

    color:#00bafa;

}



optn input{

	padding:calc(.75rem + 1px) 1rem;

}



optn{

	position:relative;

	display:inline-flex;

	flex-wrap:wrap;

	align-items:center;

}



/*optn optiontitle{

	position:absolute;

	top: 0%;

    transform: translateY(-50%);

    left: 5%;

    background-image: linear-gradient(to bottom, #fff, #fff);

    background-size: 100% calc(1em - 3px);

    background-repeat: no-repeat;

    background-position: bottom;

	padding: 0 .25rem;

	color:#aaa;

	user-select:none;

	font-size:calc(1rem - 5px);

	transition:250ms ease-in-out

}*/



optn optiontitle {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

	left:.5rem;

    background-image: linear-gradient(to bottom,transparent, transparent);

    /* background-size:100% calc(1em - 3px); */

    background-size: 100% 2px;

    background-repeat: no-repeat;

    background-position: bottom;

    background-position: center;

    padding: 0 .25rem;

    color: var(--default-light-color);

    user-select: none;

    font-size: .75rem;

    pointer-events:none;

    transition: 250ms ease-in-out;

}



input:-webkit-autofill ~ optiontitle, input:focus ~ optiontitle, optn select ~ optiontitle, optn[fill] optiontitle{

    background-image: linear-gradient(to bottom,var(--trow-bg),var(--trow-bg));

    font-size: calc(1rem - 5px);

    top: 0%;

    pointer-events: none;

}



optn input:focus ~ optiontitle, optn[fill] optiontitle  {

	background-image: linear-gradient(to bottom,var(--trow-bg),var(--trow-bg));

    font-size: calc(1rem - 5px);

    top: 0%;

    pointer-events: none;

	color:#00bafa;

}



button,

input.button,

.labelbutton{

    padding: .625rem .75rem;

    cursor: pointer;

    font-family:  'Rajdhani', 'Roboto',Sans-Serif;

    font-size: 13px;

    background: var(--button-bg);

    color:white;

    border:0;

    outline: 0;

    transition:350ms ease

}



.labelbutton{

	display:inline-flex;

}



.post-attachements_new_fileuploadbutton, .post-attachements_new_addbutton, .post-attachements_new_updatebutton{

	background:transparent;

	color:var(--default-link-color);

	border:1px solid var(--default-border-color);

	display:flex;

	justify-content:center;

	align-items:center;

	margin-bottom:calc(var(--default-margin) / 2);

	font-weight:500

}



.post-attachements_new_addbutton, .post-attachements_new_updatebutton{

	color:white;

	text-transform:uppercase;

}



input.button ~ input.button,

button + button,

optn ~ input.button,

optn ~ optn,

select ~ input.button,

input.textbox ~ input.button{

	margin-left: calc(var(--default-margin) / 2);

}



/*optn ~ optn ~ input.button{

	margin-left:0

}*/



button:hover,

input.button:hover,

a.button:hover,

.labelbutton:hover{

	box-shadow: 0 2px 5px -1px rgba(35, 210, 226, 0.5)

}



optn ~ button,

optn ~ input.button{

    padding: .875rem .75rem;

}



/*input.textbox ~ button,

input.textbox ~ input.button{

    padding: calc(.875rem - 1px) .75rem;

}*/



button[type="submit"],

input.button[type="submit"],

.submitbutton{

    background:#62c6fd

}



button[type="submit"]:hover,

input.button[type="submit"]:hover {

    box-shadow: 0 2px 5px -1px rgba(98,198,253,0.5)

}



form {

	margin: 0;

	padding: 0;

}



input.error, textarea.error, select.error {

	border: 1px solid #f30;

	color: #f30;

}



input.valid, textarea.valid, select.valid {

	border: 1px solid #0c0;

}



label.error {

	color: #f30;

	margin: 5px;

	padding: 0px;

	display: block;

	font-weight: bold;

	font-size: 11px;

}



form #message {

	width: 500px;

}



.editor {

	background: #f1f1f1;

	border: 1px solid #ccc;

}



.editor_control_bar {

	background: #fff;

	border: 1px solid #ccc;

}



.post .editor_control_bar {

	background: #f5f5f5;

}



.popup_menu {

	background: #fff;

	border: 1px solid #ccc;

}



.popup_menu .popup_item {

	background: #efefef;

	color: #333;

}



.popup_menu .popup_item:hover {

	background: #0072BC;

	color: #fff;

}



.trow_reputation_positive {

	background: var(--positive)

}



.trow_reputation_negative {

	background: var(--negative)

}



.trow_reputation_neutral{

	background: var(--neutral)

}



.reputation_positive {

	color: var(--success-green)

}



.reputation_neutral {

	color: #444;

}



.reputation_negative {

	color: red;

}



.repbox {

	font-size:16px;

	font-weight: bold;

	padding:5px 7px 5px 7px;

}



._neutral {

	background-color:#FAFAFA;

	color: #999999;

	border:1px solid #CCCCCC;

}



._minus {

	background-color: #FDD2D1;

	color: #CB0200;

	border:1px solid #980201;

}



._plus {

	background-color:#E8FCDC;

	color: #008800;

	border:1px solid #008800;

}



img {

	border: none;

}



img.attachment {

	border: 1px solid #E9E5D7;

	padding: 2px;

}



hr {

	background-color: #000000;

	color: #000000;

	height: 1px;

	border: 0px;

}



.clear {

	clear: both;

}



.float_left {

	float: left;

}



.float_right {

	float: right;

}



.hidden {

	display: none;

	float: none;

	width: 1%;

}



.hiddenrow {

	display: none;

}



.selectall {

	background: #FFFBD9;

	border-bottom: 1px solid #F7E86A;

	color: #333;

	text-align: center;

}



.expcolimage {

	float: right;

	width: auto;

	vertical-align: middle;

	margin-top: 3px;

}



.tcat_menu > .expcolimage {

	margin-top: 0;

}



blockquote {

	background: var(--trow-bg-hover);

	border: 1px solid var(--default-border-color);

	border-left: 2px solid var(--main-green);

	padding: var(--default-padding);

	margin:0;

	max-height:250px;

	overflow-y: hidden;

	position:relative;

	transition:max-height 350ms ease

}



blockquote .q-expander {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	background: linear-gradient(to bottom,rgba(249,250,250,0) 0%,var(--default-border-color) 60%);

	border-bottom-right-radius: 6px;

	border-bottom-left-radius: 6px;

	height: 3rem;

	padding-bottom:.25rem;

	display: flex;

	align-items: flex-end;

	justify-content: center;

	font-size: 1rem;

	cursor: pointer;

	transition:250ms ease

}



blockquote .q-expander:hover{

	color:var(--main-cyan-hover)

}



.quote__expand span {

    position: absolute;

    bottom: 10px;

	left: 0;

	right: 0;

}



blockquote cite {

	font-weight: bold;

	border-bottom: 1px solid var(--default-border-color);

	font-size: calc(1em + 1px);

	font-style: normal;

	display: block;

	padding-bottom: calc(var(--default-padding) / 4);

	margin: 0 0 var(--default-margin) 0;

}



blockquote cite > span {

	float: right;

	font-weight: normal;

	font-size: 12px;

	color: #666;

}



blockquote cite span.highlight {

	float: none;

	font-weight: bold;

	padding-bottom: 0;

}



.codeblock {

	background: var(--trow-bg-hover);

	border: 1px solid var(--default-border-color);

	border-left: 2px solid var(--main-cyan);

	padding: var(--default-padding);

}



.phpcodeblock.codeblock{

	border-left: 2px solid var(--main-pink)

}



.codeblock .title {

	display:flex;

	justify-content:space-between;

	align-items:center;

	padding: 0 calc(var(--default-padding) / 2) calc(var(--default-padding) / 2) 0;

	margin-bottom: calc(var(--default-margin) / 2);

	border-bottom: 1px solid var(--default-border-color);

	font-size: calc(1em + 1px);

	font-weight: bold;

}



.codeblock .title .codeblock-copy{

	cursor:pointer

}



.codeblock .title .codeblock-copy svg{

	width:1rem;

	height:1rem;

	fill:var(--default-color)

}



.codeblock code {

	overflow: auto;

	height: auto;

	max-height: 200px;

	display: block;

	font-family: Monaco, Consolas, Courier, monospace;

	font-size: 13px;

	white-space:pre;

	position: relative;

	padding-left: calc(var(--default-padding) * 2)

}



.codeblock-lines {

	position: absolute;

	left: 0;

	top: 0;

	display: flex;

	flex-direction: column;

	border-right: 1px solid var(--default-light-color);

	padding-right: calc(var(--default-padding) / 2)

}



.codeblock-lines span {

	counter-increment: linenumber;

}



.codeblock-lines span:before {

	content: counter(linenumber)

}





.smilie {

	vertical-align: middle;

}



.smilie_pointer {

	cursor: pointer;

}



.separator {

	margin: 5px;

	padding: 0;

	height: 0px;

	font-size: 1px;

	list-style-type: none;

}



.popup_menu .popup_item_container {

	margin: 1px;

	text-align: left;

}



.popup_menu .popup_item {

	display: block;

	padding: 4px;

	white-space: nowrap;

	text-decoration: none;

}



.popup_menu a.popup_item:hover {

	text-decoration: none;

}



.subject_new {

	font-weight: bold;

}



.highlight {

	background: #FFFFCC;

	padding-top: 3px;

	padding-bottom: 3px;

}



.pm_alert {

	background: #FFF6BF;

	border: 1px solid #FFD324;

	text-align: center;

	padding: 5px 20px;

	margin-bottom: 15px;

	font-size: 11px;

}



.red_alert {

	background: #FBE3E4;

	border: 1px solid #A5161A;

	color: #A5161A;

	text-align: center;

	padding: 5px 20px;

	margin-bottom: 15px;

	font-size: 11px;

	word-wrap: break-word;

}



.red_alert a:link,

.red_alert a:visited,

.red_alert a:hover,

.red_alert a:active {

	color: #A5161A;

}



.high_warning {

	color: #CC0000;

}



.moderate_warning {

	color: #F3611B;

}



.low_warning {

	color: #AE5700;

}



.imminent_banned {

	color: #880000;

}



.high_banned {

	color: #FF0000;

}



.moderate_banned {

	color: #FF6600;

}



.low_banned {

	color: #008000;

}



.online {

	color: #15A018;

}



.offline {

	color: #C7C7C7;

}



div.error {

	padding: 5px 10px;

	border: 2px solid #FFD324;

	background: #FFF6BF;

	font-size: 12px;

}



div.error p {

	margin: 0;

	color: #333;

	font-weight: normal;

}



div.error p em {

	font-style: normal;

	font-weight: bold;

	padding-left: 24px;

	display: block;

	color: #C00;

	background: url(../../../images/error.png) no-repeat 0;

}



div.error ul {

	margin-left: 24px;

}



.pagination {

	display:flex;

	align-items:center;

	font-size:calc(1em - 0px);

}



.pagination .pages {

	font-weight: bold

}



.pagination_current,.pagination a, .pagination_enddot {

	display:inline-flex;

	width:1.75rem;

	height:1.75rem;

	align-items:center;

	justify-content:center;

	border-radius: calc(var(--default-border-radius) / 4);

}



.pagination sep{

	width:1px;

	height:.75rem;

	background:var(--default-border-color);

	display:inline-flex;

	margin: 0 .25rem

}



.pagination .pagination_current, .pagination a:hover {

	background:rgba(97,93,250,0.1);

	color: var(--main-blue);

}



.pagination .go_page img {

	margin-bottom: -4px;

}



.drop_go_page {

	background: #f5f5f5;

	padding: 4px;

}



.pagination_breadcrumb {

	background-color: #efefef;

	border: 1px solid #fff;

	outline: 1px solid #ccc;

	padding: 5px;

	margin-top: 5px;

	font-weight: normal;

}



.pagination_breadcrumb_link {

	vertical-align: middle;

	cursor: pointer;

}



.thread_legend,

.thread_legend dd {

	margin: 0;

	padding: 0;

}



.thread_legend dd {

	padding-bottom: 4px;

	margin-right: 15px;

}



.thread_legend img {

	margin-right: 4px;

	vertical-align: bottom;

}



.forum_legend,

.forum_legend dt,

.forum_legend dd {

	margin: 0;

	padding: 0;

}



.forum_legend dd {

	float: left;

	margin-right: 10px;

	margin-top: 7px;

}



.forum_legend dt {

	margin-right: 10px;

	float: left;

}



.success_message {

	color: #00b200;

	font-weight: bold;

	font-size: 10px;

	margin-bottom: 10px;

}



.error_message {

	color: #C00;

	font-weight: bold;

	font-size: 10px;

	margin-bottom: 10px;

}



#posts_container {

	padding: 0;

}



.ignored_post {

	border-top: 3px solid #333;

	padding: 15px;

}



.ignored_post .show_ignored_post {

	margin-top: -15px;

}



.ignored_post .show_ignored_post a.button span {

	background-position: 0 -400px;

}



.deleted_post_hidden {

	border-top: 2px solid #ccc;

	padding: 15px;

}



.deleted_post_collapsed {

	border-top: 3px solid #333;

	padding: 15px;

}



.deleted_post_collapsed .show_deleted_post {

	margin-top: -15px;

}



.deleted_post_collapsed .show_deleted_post a.button span {

	background-position: 0 -400px;

}



.post.classic {

	padding-top: 15px;

}



.post .post_author {

	border-bottom: 1px solid #ccc;

	border-top: 2px solid #ccc;

	background: #f5f5f5;

	padding: 5px;

	overflow: hidden;

}



.post.classic .post_author {

	border: 1px solid #ddd;

	float: left;

	width: 15%;

	margin: 0 1% 15px 0;

	border-left: 0;

	padding: 5px 1%;

}



.post .post_author .buddy_status {

	vertical-align: middle;

	margin-top: -4px;

}



.post .post_author div.author_avatar {

	float: left;

	margin-right: 3px;

}



.post.classic .post_author div.author_avatar {

	float: none;

	text-align: center;

	margin-bottom: 8px;

}



.post .post_author div.author_avatar img {

	padding: 5px;

	border: 1px solid #ddd;

	background: #fff;

}



.post .post_author div.author_information {

	float: left;

	padding: 6px 8px;

}



.post.classic .post_author div.author_information {

	float: none;

	padding: 0;

	text-align: center;

}



.post .post_author div.author_statistics {

	float: right;

	font-size: 11px;

	padding: 3px 10px 3px 5px;

	color: #666;

	line-height: 1.3;

}



.post.classic .post_author div.author_statistics {

	border-top: 1px dotted #ccc;

	margin: 6px 0 0 0;

	padding: 6px 6px 3px 6px;

	float: none;

}



.post .post_head span.edited_post {

	color: #999;

}



.post_body {

	font-size: 14px;

	padding: 12px 0;

}



.post.classic .post_content {

	float: left;

	width: 79%;

	padding: 0 1% 5px 1%;

}



.post_content {

	padding: 9px 10px 5px 10px;

}



.post_content .signature {

	margin-top: 5px;

	border-top: 1px dotted #363e58;

	padding: 20px 0 20px 0;

}



.post .post_meta {

	margin: 4px 0;

	font-size: 11px;

	color: #999;

}



.post .post_meta a:link,

.post .post_meta a:visited {

	color: #777;

}



.post .post_meta a:hover,

.post .post_meta a:active {

	color: #777;

}



.post:not(.deleted_post) .postbit_qrestore,

.post:not(.deleted_post) .status_type,

.post.deleted_post .postbit_mirage {

    display: none;

}



a.button:link,

a.button:hover,

a.button:visited,

a.button:active {

    background: var(--link-button-bg);

    color: #fff;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: .625rem .75rem;

    font-size: 13px;

	font-weight:500;

}



a.button:not(.iconbutton) i {

	margin:0 calc(var(--default-margin) / 2) 0 0;

}



a.button:not(.iconbutton) span ~ i {

	margin: 0 0 0 calc(var(--default-margin) / 2)

}



a.button.small_button {

	font-size: 13px;

	margin: 0;

	padding: .5rem .75rem

}



input.bigbutton, a.button.bigbutton, button.bigbutton{

	padding: calc(var(--default-padding) * .75) calc(var(--default-padding) * 1.25);

	/*font-size:calc(1em - 1px)*/

}



input.pinkbutton, a.button.pinkbutton, button.pinkbutton{

	background:var(--main-pink) !important

}



input.pinkbutton:hover, a.button.pinkbutton:hover, button.pinkbutton:hover{

	background:var(--main-pink-hover) !important

}



input.cyanbutton, a.button.cyanbutton{

	background: #ffb500 !important

}



input.darkbutton, a.button.darkbutton{

	background:var(--dbutton-bg) !important;

	box-shadow: 0 2px 5px -1px rgba(62, 63, 94, 0.35)

}



input.greenbutton, a.button.greenbutton, label.greenbutton{

	background:var(--main-green) !important

}



input.greenbutton:hover, a.button.greenbutton:hover, label.greenbutton:hover{

	background:var(--main-green-hover) !important;

	box-shadow: 0 2px 5px -1px rgba(73, 217, 158, 0.35)

}



input.cancelbutton, a.button.cancelbutton, input.redbutton, a.button.redbutton{

	background:var(--negative) !important

}



input.cancelbutton:hover, a.button.cancelbutton:hover, input.redbutton:hover, a.button.redbutton:hover{

	background:var(--negative-hover) !important;

	box-shadow: 0 2px 5px -1px rgba(249, 118, 137, .35)

}



a.button ~ a.button{

	margin-left: var(--default-margin)

}



.quick_jump {

	background: url(../../../images/jump.png) no-repeat 0;

	width: 13px;

	height: 13px;

	padding-left: 13px; /* amount of padding needed for image to fully show */

	margin-top: -3px;

	border: none;

}



.pollbar {

	background: url(../../../images/pollbar.png) top left repeat-x;

	border: 1px solid #3f3f3f;

	height: 10px;

}



.pollbar .percent {

	display: none;

}



.posticons_label {

	white-space: nowrap;

}



/** jGrowl Start **/



/** Special IE6 Style Positioning **/

.ie6 {

	position: absolute;

}



.ie6.top-right {

	right: auto;

	bottom: auto;

	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}



.ie6.top-left {

	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}



.ie6.bottom-right {

	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}



.ie6.bottom-left {

	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}



.ie6.center {

	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

	width: 100%;

}



/** jGrowl Styling **/

.jGrowl {

	z-index: 9999;

	color: #ffffff;

	font-size: 12px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	position: fixed;

}

.jGrowl.top-left {

	left: 0px;

	top: 0px;

}

.jGrowl.top-right {

	right: 0px;

	top: 0px;

}

.jGrowl.bottom-left {

	left: 0px;

	bottom: 0px;

}

.jGrowl.bottom-right {

	right: 0px;

	bottom: 0px;

}

.jGrowl.center {

	top: 0px;

	width: 50%;

	left: 25%;

}



/** Cross Browser Styling **/



.jGrowl.center .jGrowl-notification,

.jGrowl.center .jGrowl-closer {

	margin-left: auto;

	margin-right: auto;

}

.jGrowl-notification {

	background-color: transparent;

	opacity: 0.9;

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));

	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));

	zoom: 1;

	width: 250px;

	padding: 10px;

	margin: 10px;

	text-align: left;

	display: none;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	word-break: break-all;

}

.jGrowl .jGrowl-notification {

	min-height: 40px;

}

.jGrowl-notification .ui-state-highlight,

.jGrowl-notification .ui-widget-content .ui-state-highlight,

.jGrowl-notification .ui-widget-header .ui-state-highlight {

	border: 1px solid #000;

	background: #000;

	color: #fff;

}

.jGrowl-notification .jGrowl-header {

	font-weight: bold;

	font-size: .85em;

}

.jGrowl-notification .jGrowl-close {

	background-color: transparent;

	color: inherit;

	border: none;

	z-index: 99;

	float: right;

	font-weight: bold;

	font-size: 1em;

	cursor: pointer;

}

.jGrowl-closer {

	background-color: #000000;

	opacity: 0.9;

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));

	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));

	zoom: 1;

	width: 250px;

	padding: 10px;

	margin: 10px;

	text-align: left;

	display: none;

	border-radius: 5px;

	word-break: break-all;

	padding-top: 4px;

	padding-bottom: 4px;

	cursor: pointer;

	font-size: .9em;

	font-weight: bold;

	text-align: center;

}

.jGrowl-closer .ui-state-highlight,

.jGrowl-closer .ui-widget-content .ui-state-highlight,

.jGrowl-closer .ui-widget-header .ui-state-highlight {

	border: 1px solid #000;

	background: #000;

	color: #fff;

}



.jGrowl .jGrowl-notification.jgrowl_success {

    background: lightgreen;

    border: 1px solid lightgreen;

    color: #333;

}



.jGrowl .jGrowl-notification.jgrowl_error {

    background: red;

    border: 1px solid red;

    color: #333;

}



.jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer {

    background: yellow;

    border: 1px solid yellow;

	color: #333;

}



/** Hide jGrowl when printing **/

@media print {

	.jGrowl {

		display: none;

	}

}



/** jGrowl End **/



/** Modal Start **/



.blocker {

    display: flex;

    align-items: center;

    justify-content: center;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    z-index: 9999;

    padding: 20px;

    box-sizing: border-box;

    background-color: rgb(0,0,0);

    background-color: rgba(0,0,0,0.75);

    text-align: center;

    transition: 250ms ease;

    opacity:0

}



.c-blocker{

	visibility: hidden

}



.blocker.toggled{

    visibility:visible;

	opacity:1;

}



.blocker.hidden{

	opacity:0;

	visibility:hidden;

}



.blocker.behind {

	background-color: transparent;

}



.modal {

	width: 400px;

	text-align: left;

	background: #fff;

	display: inline-block;

	vertical-align: middle;

	position: relative;

	z-index: 2;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-border-radius: var(--default-border-radius);

	-moz-border-radius: var(--default-border-radius);

	-o-border-radius: var(--default-border-radius);

	-ms-border-radius: var(--default-border-radius);

	border-radius: var(--default-border-radius);

	-webkit-box-shadow: 0 0 10px #000;

	-moz-box-shadow: 0 0 10px #000;

	-o-box-shadow: 0 0 10px #000;

	-ms-box-shadow: 0 0 10px #000;

	box-shadow: 0 0 10px #000;

}



.c-modal{

	/*max-width:90vw;*/

	background: var(--trow-bg);

	z-index: 2;

	-webkit-border-radius: var(--default-border-radius);

	-moz-border-radius: var(--default-border-radius);

	-o-border-radius: var(--default-border-radius);

	-ms-border-radius: var(--default-border-radius);

	border-radius: var(--default-border-radius);

}



.modal a.close-modal {

	position: absolute;

	top: -12.5px;

	right: -12.5px;

	display: block;

	width: 30px;

	height: 30px;

	text-indent: -9999px;

	background: url(../../../images/close.png) no-repeat 0 0;

}



.modal-spinner {

	display: none;

	width: 64px;

	height: 64px;

	position: fixed;

	top: 50%;

	left: 50%;

	margin-right: -32px;

	margin-top: -32px;

	background: url(../../../images/spinner_big.gif) no-repeat center center;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	-o-border-radius: 8px;

	-ms-border-radius: 8px;

	border-radius: 8px;

}



/** Modal End **/



/** Impromptu Start **/



/*! jQuery-Impromptu - v6.2.3 - 2016-04-23

* http://trentrichardson.com/Impromptu

* Copyright (c) 2016 Trent Richardson; Licensed MIT */



.jqifade{

	position: absolute;

	background-color: #777777;

}

iframe.jqifade{

	display:block;

	z-index:-1;

}

div.jqi{

	width: 400px;

	max-width:90%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	position: absolute;

	background-color: #ffffff;

	font-size: 11px;

	text-align: left;

	border: solid 1px #eeeeee;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	padding: 7px;

}

div.jqi .jqicontainer{

}

div.jqi .jqiclose{

	position: absolute;

	top: 4px; right: -2px;

	width: 18px;

	cursor: default;

	color: #bbbbbb;

	font-weight: bold;

}

div.jqi .jqistate{

	background-color: #fff;

}

div.jqi .jqititle{

	padding: 5px 10px;

	font-size: 16px;

	line-height: 20px;

	border-bottom: solid 1px #eeeeee;

}

div.jqi .jqimessage{

	padding: 10px;

	line-height: 20px;

	color: #444444;

	overflow: auto;

}

div.jqi .jqibuttonshide{

	display: none;

}

div.jqi .jqibuttons{

	text-align: right;

	margin: 0 -7px -7px -7px;

	border-top: solid 1px #e4e4e4;

	background-color: #f4f4f4;

	border-radius: 0 0 6px 6px;

	-moz-border-radius: 0 0 6px 6px;

	-webkit-border-radius: 0 0 6px 6px;

}

div.jqi .jqibuttons button{

	margin: 0;

	padding: 15px 20px;

	background-color: transparent;

	font-weight: normal;

	border: none;

	border-left: solid 1px #e4e4e4;

	color: #777;

	font-weight: bold;

	font-size: 12px;

}

div.jqi .jqibuttons button.jqidefaultbutton{

	color: #489afe;

}

div.jqi .jqibuttons button:hover,

div.jqi .jqibuttons button:focus{

	color: #287ade;

	outline: none;

}

div.jqi .jqibuttons button[disabled]{

	color: #aaa;

}

.jqiwarning .jqi .jqibuttons{

	background-color: #b95656;

}



/* sub states */

div.jqi .jqiparentstate::after{

	background-color: #777;

	opacity: 0.6;

	filter: alpha(opacity=60);

	content: '';

	position: absolute;

	top:0;left:0;bottom:0;right:0;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

}

div.jqi .jqisubstate{

	position: absolute;

	top:0;

	left: 20%;

	width: 60%;

	padding: 7px;

	border: solid 1px #eeeeee;

	border-top: none;

	border-radius: 0 0 6px 6px;

	-moz-border-radius: 0 0 6px 6px;

	-webkit-border-radius: 0 0 6px 6px;

}

div.jqi .jqisubstate .jqibuttons button{

	padding: 10px 18px;

}



/* arrows for tooltips/tours */

.jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;}



.jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; }

.jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }

.jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; }



.jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; }

.jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }

.jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; }



.jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; }

.jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }

.jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; }



.jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; }

.jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }

.jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; }



/** Impromptu End */