
.charFormTable {
	margin: 0 auto;
}

.charFormDiv {
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	font-size: 1px;
}

.charForm {
	display: block;
	float: left;
	margin: 0 2px 3px 0;
	padding: 0;
}



.formBtnXLarge {
	position: relative;
	background: #f39900 url(/images/gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #d98900;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font: bold 15px Verdana, Geneva, sans-serif !important;
	color: #fff;
	text-shadow: #666 0 1px 0;
	cursor: pointer;
	padding: 2px 10px 3px 10px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}

.formBtnLarge {
	position: relative;
	background: #f39900 url(/images/gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #d98900;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font: bold 13px Verdana, Geneva, sans-serif !important;
	color: #fff;
	text-shadow: #666 0 1px 0;
	cursor: pointer;
	padding: 2px 4px 3px 4px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}

.formBtn {
	position: relative;
	background: #f39900 url(/images/gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #d98900;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font: bold 11px Verdana, Geneva, sans-serif !important;
	color: #fff;
	text-shadow: #666 0 1px 0;
	cursor: pointer;
	padding: 2px 4px 3px 4px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}

.formBtnSmall {
	position: relative;
	background: #f39900 url(/images/gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #d98900;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	font: bold 10px Verdana, Geneva, sans-serif !important;
	color: #fff;
	text-shadow: #333 0 1px 0;
	cursor: pointer;
	padding: 1px 4px 2px 4px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}


.formBtnChar {
	position: relative;
	background: #d8d8d8 url(/images/gui/buttons/bg_btn_light_disabled.gif) 0 0 no-repeat;
	border: 1px solid #d8d8d8;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	font: 9px Arial,Helvetica,sans-serif !important;
	color: #999;
	cursor: pointer;
	padding: 1px 3px 0 3px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}

.formBtnCharActive,
.formBtnChar:hover,
.formBtnChar:active {
	position: relative;
	background: #f39900 url(/images/gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #d98900;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	font: 9px Arial,Helvetica,sans-serif !important;
	color: #fff;
	cursor: pointer;
	padding: 1px 3px 0 3px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}


.pagination {
	text-align: center;
	margin: 15px 0;
}
.pagination SPAN,
.pagination A {
	margin: 0 5px;
}
.pagination A,
.pagination A:link,
.pagination A:visited,
.pagination SPAN {
	position: relative;
	background: #d8d8d8 url(/images/gui/buttons/bg_btn_light_disabled.gif) 0 0 no-repeat;
	border: 1px solid #d8d8d8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font: 9px Verdana, Geneva, sans-serif !important;
	color: #999;
	cursor: pointer;
	padding: 1px 4px 2px 4px;
	padding: 2px 4px 3px 4px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}
.pagination SPAN {
	cursor: default !important;
}
.pagination A:active,
.pagination A:hover,
.pagination .active {
	position: relative;
	background: #f39900 url(/images/gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #d98900;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);
	font: 9px Verdana, Geneva, sans-serif !important;
	color: #fff;
	text-shadow: #666 0 1px 0;
	cursor: pointer;
	padding: 1px 4px 2px 4px;
	padding: 2px 4px 3px 4px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}


.paging {
	text-align: center;
	margin: 15px 0;
}
.paging SPAN,
.paging A {
	margin: 0 5px;
}
.paging A,
.paging A:link,
.paging A:visited,
.paging A:active,
.paging A:hover,
.paging .active,
.paging SPAN {
	display: inline-block;
	margin: 1px;
	font: 9px Verdana, Geneva, sans-serif !important;
	text-decoration: none;
	cursor: pointer;
	padding: 2px 4px 3px 4px;
	background: #d8d8d8 url(/images/gui/buttons/bg_btn_light_disabled.gif) 0 0 no-repeat;
	border: 1px solid #d8d8d8;
	color: #999;
}
.paging A,
.paging A:link,
.paging A:visited,
.paging A:active,
.paging A:hover,
.paging .active,
.paging SPAN.prevBtn,
.paging SPAN.nextBtn,
.paging SPAN.dim {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}
.paging A:active,
.paging A:hover,
.paging .active {
	background: #f39900 url(/images/gui/buttons/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #d98900;
	color: #fff;
	text-shadow: #666 0 1px 0;
}

.paging SPAN.paging_dots {
	margin: 2px !important;
	background: transparent !important;
	border: 0 !important;
}
.paging .oneDigit {
	padding: 2px 5px !important;
}
.paging .prevBtn {
	margin-right: 5px !important;
	padding: 2px 10px !important;
}
.paging .nextBtn {
	margin-left: 5px !important;
	padding: 2px 10px !important;
}
.paging .dim {
	color: #aaa !important;
}

.participantsList {
	margin-top: 0;
}

.participantsList  li {
	background: none;
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
}

.time-slider div{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.ck-button {
	cursor: pointer;
}

.ck-button label {
	float:left;
}

.ck-button.formBtn {
	float:left;
	margin: 4px 4px 4px 0;
}

.ck-button label span {
	display:block;
	float:left;
	margin:4px;
	position: relative;
	font: bold 11px Verdana, Geneva, sans-serif !important;
	cursor: pointer !important;
	border-radius: 3px;
	background: #e7e7e7;
	color: #2B2B2B;
	padding: 4px 4px 5px;
	text-shadow: none;
	box-shadow: none;
	border: none;
}

.ck-button label  input {
	position:absolute;
	top:-20px;
	display: none;
}

.ck-button:hover label span {
	background: #cfcfcf;
	border: none;
}

.ck-button input:checked + span {
	background: #f39900;
	border: none;
}

.btnTime {
	margin-right:8px;
	float:left;
	position: relative;
	font: bold 11px Verdana, Geneva, sans-serif !important;
	cursor: pointer !important;
	border-radius: 3px;
	background: #e7e7e7;
	color: #2B2B2B;
	padding: 4px 4px 5px;
	text-shadow: none;
	box-shadow: none;
	border: none;
}
.btnTime.first {
	margin-left: 0;
}

.btnTime.on,
.btnTime:hover {
	background: #f39900;
	color: #2B2B2B;
	border: none;
}

.btnDate {
	float:left;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font: bold 11px Verdana, Geneva, sans-serif !important;
	cursor: pointer !important;
	border-radius: 3px;
	background: #e7e7e7;
	color: #2B2B2B;
	padding: 4px 4px 5px;
	text-shadow: none;
	box-shadow: none;
	border: none;
	margin: 4px 4px 0 0;

}
.btnDate.first {
	margin-left: 0;
}

.btnDate:hover {
	background: #cfcfcf;
	border: none;
}

.btnDate.on {
	background: #f39900;
	color: #2B2B2B;
	border: none;
}

.autosaveNotification{
	color: green;
	float: right;
	display: none;
}

.autosaveNotification .notificationText{
	font-weight: bold;
}

.autosaveNotification .notificationUnicodeIcon{
	font-size: 15px;
}

/* Fältrubriker */
.upper label.textint:not(#allFrTxt_lbl) {
	font-size: 14px;
}

/* Fritexten */
input#freeText {
	height: 25px;
	padding-left: 5px;
	border-radius: 3px;
	font-size: 12px;
}

/* Fritexten focus */
input#freeText:focus {
	border: 1px solid #919192 !important;
	background-color: #f7f7f7;
}

/* Kategori allaknappen */
#allTypesBtn {
	background: #f39900;
	border-radius: 3px;
	color: #2B2B2B;
	padding: 4px 4px 5px;
	text-shadow: none;
	box-shadow: none;
	border: none;
	cursor: pointer !important;
}

#allTypesBtn.dimmed {
	background: #e7e7e7;
	border-radius: 3px;
	color: #2B2B2B;
	padding: 4px 4px 5px;
	text-shadow: none;
	box-shadow: none;
	border: none;
}

#allTypesBtn:hover.dimmed {
	background: #cfcfcf;
	border: none;
}

/* Organization categories */
#allOrgCategoriesBtn {
    background: #f39900;
    border-radius: 3px;
    color: #2B2B2B;
    padding: 4px 4px 5px;
    text-shadow: none;
    box-shadow: none;
    border: none;
    cursor: pointer !important;
}

#allOrgCategoriesBtn.dimmed {
    background: #e7e7e7;
    border-radius: 3px;
    color: #2B2B2B;
    padding: 4px 4px 5px;
    text-shadow: none;
    box-shadow: none;
    border: none;
}

#allOrgCategoriesBtn:hover.dimmed {
    background: #cfcfcf;
    border: none;
}

/* Droplistorna  */
button.ui-state-default {
	background: #e7e7e7 !important;
	color: #2B2B2B !important;
	box-shadow: none;
	text-shadow: none !important;
	border: 1px solid #e7e7e7 !important;
}

/* Header */
div.ui-multiselect-header {
	background: #f1f1f1;
	border: 1px solid #e7e7e7;
}

/* Header "markera alla/avmarkera alla" */
div.ui-multiselect-header .ui-helper-reset li a {
	color: #2B2B2B;
	text-shadow: none;
}

/* Checkboxlistan hover */
ul.ui-multiselect-checkboxes li label.ui-state-hover {
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
	color: #2b2b2b;
	font-weight: normal;
}


/* Knapparna längst ner */
.searchrow .formBtn {
	border: none;
	box-shadow: none;
	border-radius: 3px;
	text-shadow: none;
	padding: 4px 4px 5px;
}

.searchrow #search_btn {
	background: #009fe4;
}

.searchrow .formBtnRight {
	background: #e7e7e7;
	color: #2B2B2B;
}

.timeDiv{
	width:16px;
}

#accessibility_tbl tbody tr td div span{
	font-weight: bold;
}

BUTTON.ui-state-default.ui-multiselect {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.reindex_events_container {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
}

.reindex_events_container .progress-bar {
    width: 60%;
    background: lightgoldenrodyellow;
}

.reindex_events_container .reindex_text {
    padding-top: 2px;
}

.progress-bar .progress-indicate {
    display: inline-block;
    text-align: center;
    height: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}

.blue .progress-indicate {
    background-color: #34c2e3;
}

.snippet-index-panel{
	border: 1px solid #ccc;
	padding: 8px;
	border-radius: 10px;
	background-color: #f1f1f1;
	margin-bottom: 10px;
}

.years-list, .id-field{
	width:95px;
	box-sizing: border-box;
}

.snippet-element,
.index-element{
	margin: 5px;
}
.snippet-title,
.index-title{
	font: 14px/15px Verdana, Geneva, sans-serif;
	margin: 5px;
}

.snippet-index-button{
	min-width: 70px;
	margin-left: 5px;
}
.progress-text{
	text-transform : capitalize;
	font-size: small;
}
.progress-text:after {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	-webkit-animation: ellipsis 1.5s infinite;
	-moz-animation: ellipsis 1.5s infinite;
	content: "\2026"; /* ascii code for the ellipsis character */
}
@-webkit-keyframes ellipsis{
	from {
		width: 2px;
	}
	to {
		width: 15px;
	}
}
@-moz-keyframes ellipsis {
	from {
		width: 2px;
	}
	to {
		width: 15px;
	}
}

.progress-bar{
	width: 330px;
	height: 12px;
	border: 1px solid #007fb4;
	border-radius: 6px;
}
.progress-bar::-webkit-progress-bar{
	background-color: white;
	border-radius: 6px;
}

.progress-bar::-webkit-progress-value{
	background-color: #009fe4;
	border-radius: 6px;
}

.progress-bar::-moz-progress-bar{
	background-color: #009fe4;
	border-radius: 6px;
}

.stripes .progress-indicate {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    background-image: -webkit-gradient(linear, left top, right bottom,
    color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
    color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
    to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);

    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
}

@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 60px 0;
    }
}

@-moz-keyframes animate-stripes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 60px 0;
    }
}

