@font-face {
	font-family: Adams-Jaloviina;
	src: url('fonts/Adams_jaloviina.otf');
}
@font-face {
	font-family: Apercu-Black-Italic;
	src: url('fonts/Apercu Black Italic Typeface.otf');
}
@font-face {
	font-family:Apercu-Black;
	src: url('fonts/Apercu Black Typeface.otf');
}
@font-face {
	font-family: Apercu-Bold-Italic;
	src: url('fonts/Apercu Bold Italic Typeface.otf');
}
@font-face {
	font-family: Apercu-Bold;
	src: url('fonts/Apercu Bold Typeface.otf');
}
@font-face {
	font-family: Apercu-Italic;
	src: url('fonts/Apercu Italic Typeface.otf');
}
@font-face {
	font-family: Apercu-Light-Italic;
	src: url('fonts/Apercu Light Italic Typeface.otf');
}
@font-face {
	font-family:Apercu-Light ;
	src: url('fonts/Apercu Light Typeface.otf');
}
@font-face {
	font-family: Apercu-Medium-Italic;
	src: url('fonts/Apercu Medium Italic Typeface.otf');
}
@font-face {
	font-family:Apercu-Medium ;
	src: url('fonts/Apercu Medium Typeface.otf');
}
@font-face {
	font-family: Apercu-Mono;
	src: url('fonts/Apercu Mono Typeface.otf');
}
@font-face {
	font-family: Apercu-Regular;
	src: url('fonts/Apercu Regular Typeface.otf');
}

body
{
	font-family: "Apercu-Light","Apercu-Regular","Apercu-Bold","Adams-Jaloviina",sans-serif !important;
	font-size: 22px;
	color: black;
}

.main-container.home .x_footer
{
	display: none;
}

.site-inner
{
	height: unset;
	min-height: calc(100% - 220px);
}

.main-container.home .site-inner
{
	height: calc(100% - 95px);;
	min-height: unset;
}

.main-container
{
	padding: 0 !important;
}

:focus
{
	outline: -webkit-focus-ring-color none;
}

/* navigation bar */
.wrap
{
	min-height: 500px;
	height: auto;
}
.navbar-header .navbar-brand
{
	font-family: "Adams-Jaloviina",sans-serif !important;
	font-size: 42px;
	color: black;
}
.navbar .container
{
	background-color: #ffffff;
	border-color: #ffffff;
}
.navbar .navbar-collapse,
.navbar-nav > .active > a
{
	background-color: #ffffff !important;
	border-color: #ffffff !important;
}
.navbar.navbar-inverse
{
	background-color: #ffffff;
	border-color: #ffffff;
}

.navbar.navbar-inverse > .container
 {
	 height:100%;
 }

.navbar.navbar-inverse > .container #w2
{
	padding-top: 8px;
	padding-right: 20px;
	height: 56px;
}
.navbar.navbar-inverse > .container #w3
{
	padding-top: 4px;
	padding-right: 0;
	height: 24px;
}
.navbar.navbar-inverse > .container #w3 li > a
{
	padding-top: 0;
	padding-bottom: 0;
}
.navbar
{
	height: 97px;
	margin-bottom: 0;
	border-bottom: 2px solid black !important;
}
.navbar-brand {
	float: left;
	height: 52px;
	padding: 0 5px 0 25px;
	font-size: 18px;
	line-height: 52px;
}
.navbar-brand:hover,
.navbar-brand:focus
{
	color: black !important;
	opacity: 0.7 !important;
}
.navbar-nav
{
	padding-top: 20px;
	padding-right: 20px;
	height: 95px;
	float: none;
}
.nav-wrap
{
	height: 95px;
}
.navbar-nav button
{
	background-color: #ffffff !important;
	font-size: 22px;
	color: black !important;
	padding: 0 15px 0 15px !important;
	vertical-align: top;
	line-height: 1;
}

.navbar-nav > li > a
{
	padding-right: 15px;
	padding-left: 15px;
	color: black !important;
}

.navbar-nav > li:first-child {
	float: left;
}

.navbar-nav > li {
	float: right;
}

.navbar-nav > li.active:after
{
	border-top: 18px solid white !important;
	border-right: 18px solid transparent !important;
	border-left: 18px solid transparent !important;
	content: " ";
	position: absolute;
	left: calc((100% - 36px)/2);
	top: 35px;
}

.navbar-nav > li.active:before
{
	border-top: 20px solid black !important;
	border-right: 20px solid transparent !important;
	border-left: 20px solid transparent !important;
	content: " ";
	position: absolute;
	left: calc((100% - 40px)/2);
	top: 36px;
}

/* navigation bar END */

/* icons */
.search_icon
{
	background: url(../images/icons2/search.png) no-repeat;
	height: 28px;
	width: 28px;
	border: none;
	margin-top: 2px;
	margin-left: 5px;
}
/* icons end */

/* search */

.navbar-nav #recordsearch-text
{
	border-radius: 20px;
	width: 250px;
	height: 40px;
	padding: 5px;
	border: 2px solid black;
	display: none;
}
/* search end*/

/* welcome */
#welcome_container
{
	position: absolute;
	z-index: 1000;
	bottom: 0;
	left: calc(100% - 960px);
	display: none;
	width: 960px;
	height: 100%;
}

#welcome_container.w_text_full
{
	left: calc((100% - 960px)/2) !important;
}

#w_text_container {
	background-color: #ffffff;
	position: absolute;
	width: 56%;
	height: 400px;
	left: 0;
	bottom: 70px;
}
#welcome_container.w_text_full #w_text_container
{
	background-color: #ffffff;
	position: absolute;
	width: 100%;
	height: 80%;
	bottom: 20px;
	left: 0;
}


#w_men_container
{
	width: 46%;
	position: absolute;
	bottom: 0;
	right: 43px;
}


#welcome_container.w_text_full #w_men_container,
#welcome_container.w_text_full #w_text_arrow

{
	display: none;
}
#w_men_container img
{
	width: 100%;
	height: 100%;
}
#w_text_arrow
{
	right: -90px;
	position: absolute;
	top: 140px;
}
#w_text_inner
{
	width: 100%;
	height: 100%;
	padding: 20px;
}

#top_user_container #w_text_inner
{
	padding: 30px;
	padding-bottom: 45px;
}

#top_record_container #w_text_inner
{
	padding: 20px;
	padding-bottom: 40px;
}
#w_text_border,
.record-view-border,
.record-link-border,
.contact-border,
.record-link-border
{
	border: solid 2px black;
	width: 100%;
	height: 100%;
	padding-bottom: 81px;
}


.fancybox-container .x-border
{
	border: solid 2px black;
}
.fancybox-container .x-inner
{
	padding: 40px;
}

#w_text_border .border_corner_left_top,
#w_text_border .border_corner_left_bottom,
#w_text_border .border_corner_right_top,
#w_text_border .border_corner_right_bottom,
.record-view .border_corner_left_top,
.record-view .border_corner_left_bottom,
.record-view .border_corner_right_top,
.record-view .border_corner_right_bottom,
.record-link .border_corner_left_top,
.record-link .border_corner_left_bottom,
.record-link .border_corner_right_top,
.record-link .border_corner_right_bottom,
.contact .border_corner_left_top,
.contact .border_corner_left_bottom,
.contact .border_corner_right_top,
.contact .border_corner_right_bottom,
.fancybox-container .border_corner_left_top,
#top_user_container .border_corner_left_top,
#top_user_container .border_corner_left_bottom,
#top_user_container .border_corner_right_top,
#top_user_container .border_corner_right_bottom,
#top_record_container .border_corner_left_top,
#top_record_container .border_corner_left_bottom,
#top_record_container .border_corner_right_top,
#top_record_container .border_corner_right_bottom
{
	background: url(../images/icons2/corner.png) no-repeat;
	background-size: 75px 75px;
	height: 75px;
	width: 75px;
	position: absolute;

}
#w_text_border .border_corner_left_top,
.fancybox-container .border_corner_left_top,
.record-view-border .border_corner_left_top,
.record-link-border .border_corner_left_top,
.contact-border .border_corner_left_top,
#top_user_container .border_corner_left_top,
#top_record_container .border_corner_left_top
{
	left: 20px;
	top: 20px;
	transform: matrix(0, -1, 1, 0, 0, 0);
	-webkit-transform: matrix(0, -1, 1, 0, 0, 0);
}
#w_text_border .border_corner_left_bottom,
.record-view-border .border_corner_left_bottom,
.record-link-border .border_corner_left_bottom,
.contact-border .border_corner_left_bottom,
#top_user_container .border_corner_left_bottom,
#top_record_container .border_corner_left_bottom
{
	left: 20px;
	bottom: 20px;
	transform: matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform: matrix(0, 1, 1, 0, 0, 0);
}
#w_text_border .border_corner_right_bottom,
.record-view-border .border_corner_right_bottom,
.record-link-border .border_corner_right_bottom,
.contact-border .border_corner_right_bottom,
#top_user_container .border_corner_right_bottom,
#top_record_container .border_corner_right_bottom
{
	right: 20px;
	bottom: 20px;
	transform: matrix(0, 1, -1, 0, 0, 0);
	-webkit-transform: matrix(0, 1, -1, 0, 0, 0);
}
#w_text_border .border_corner_right_top,
.record-view-border .border_corner_right_top,
.record-link-border .border_corner_right_top,
.contact-border .border_corner_right_top,
#top_user_container .border_corner_right_top,
#top_record_container .border_corner_right_top
{
	right: 20px;
	top: 20px;
	transform: matrix(0, -1, -1, 0, 0, 0);
	-webkit-transform: matrix(0, -1, -1, 0, 0, 0);
}

#court-search-form .border_corner_right_top,
#court-view .border_corner_right_top,
.record-index .border_corner_right_top,
.record-index .border_corner_left_bottom,
.record-index .border_corner_right_bottom,
#court-search-form .border_corner_left_top,
.record-index .border_corner_left_top,
.court-view .border_corner_right_top,
.court-view .border_corner_left_top,
.court-view .border_corner_right_bottom,
.court-view .border_corner_left_bottom

{
	background: url(../images/icons2/corner2.png) no-repeat;
	background-size: 35px 35px;
	height: 35px;
	width: 35px;
	position: absolute;
}

#court-search-form .border_corner_right_top,
.record-search-table .border_corner_right_top,
.court-view .border_corner_right_top,
.record-index .border_corner_right_top
 {
	 right: -19px;
	 top: -19px;
	 transform: matrix(0, 1, -1, 0, 0, 0);
	-webkit-transform: matrix(0, 1, -1, 0, 0, 0);
 }

.record-search-table .border_corner_left_bottom,
.court-view .border_corner_left_bottom,
.record-index .border_corner_left_bottom
{
	transform: matrix(0, -1, 1, 0, 0, 0);
	-webkit-transform: matrix(0, -1, 1, 0, 0, 0);
	left: -19px;
	bottom: -19px;
}

.record-search-table .border_corner_right_bottom,
.court-view .border_corner_right_bottom,
.record-index .border_corner_right_bottom
{
	right: -19px;
	bottom: -19px;
	transform: matrix(-1, 0, 0, -1, 0, 0);
	-webkit-transform: matrix(-1, 0, 0, -1, 0, 0);
}

#court-search-form .border_corner_left_top,
.record-search-table .border_corner_left_top,
.record-index .border_corner_left_top,
.court-view .border_corner_left_top
{
	left: -19px;
	top: -19px;
	transform: matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform: matrix(0, 1, 1, 0, 0, 0);
}

#w_text_component
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 70px;
	padding-top: 80px;
}

#w_text_title
{
	font-family: "Adams-Jaloviina",sans-serif !important;
	font-size: 46px;
	color: black;
	text-align: center;
	width: 70%;
	margin: auto;
	line-height: 43px;
}
#w_text_title_full
{
	font-family: "Adams-Jaloviina",sans-serif !important;
	font-size: 54px;
	color: black;
	text-align: center;
	width: 70%;
	margin: auto;
	line-height: 53px;
	display: none;
}

#welcome_container.w_text_full #w_text_title
{
	display: none;
}
#welcome_container.w_text_full #w_text_title_full
{
	display: inherit;
}

#w_text
{
	height: calc(100% - 82px);
	overflow: hidden;
	padding: 0 29px;
	text-align: justify;
	line-height: 1.2;
	font-size: 20px;
}

#w_text_full
{
	height: 87%;
	overflow: hidden;
	padding: 0 37px;
	text-align: justify;
	display: none;
}
#search_help #w_text_title,
#user_settings #w_text_title,
#record_type_help #w_text_title,
#top_user_container #w_text_title

{
	margin-top: 10px;
	margin-bottom: 25px;
}
#top_record_container #w_text_title
{
	margin-top: 10px;
	margin-bottom: 10px;
}
#top_record_container #w_text_title_extra
{
	font-family: Apercu-Italic ,sans-serif !important;
	text-align: center;
	margin-bottom: 4px;
}
#top_record_container #w_text_title_extra2
{
	font-family: Apercu-Italic ,sans-serif !important;
	font-size: 20px;
	text-align: center;
	margin-bottom: 8px;
}
#search_help #w_text_full,
#user_settings #w_text_full,
#record_type_help #w_text_full
{
	height: 78%;
	overflow-y: auto;
	padding: 0 73px;
	text-align: justify;
	display: inherit;
}



#welcome_container.w_text_full #w_text
{
	display: none;
}
.w_text_full #w_text_full
{
	overflow-y: auto;
	display: inherit;
}
.x_continue_text
{
	color: #dc4925;
}

::-webkit-scrollbar
{
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track
{
	display: none;
}

::-webkit-scrollbar-thumb
{
	background: #000000;
	border-radius: 0;
	opacity:0.1;
}

::-webkit-scrollbar-thumb:hover{
	background: #1f1f1f;
}

/* welcome end */

/* drawings */
.arrow-right {
	width: 0;
	height: 0;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 100px solid white;
}
.x_close:hover
{
	opacity: 0.7;
	width: 29px;
	height: 29px;
}
.x_close
{
	width: 30px;
	height: 30px;
	left: calc(50% - 12px);
	top:35px;
	position: absolute;
	background-color: white;
	z-index: 10000;
	overflow: hidden;
}
.line1 {
	width: 100%;
	height: 100%;
	border-bottom: 4px solid #1f1f1f;
	position: absolute;
	-webkit-transform: translateY(-18px) translateX(11px) rotate(45deg);
	transform: translateY(-18px) translateX(11px) rotate(45deg);
	top: 9px;
	left: -1px;
}
.line2 {
	width: 100%;
	height: 100%;
	border-bottom: 4px solid #1f1f1f;
	position: absolute;
	top: -27px;
	left: -7px;
	-webkit-transform: translateY(18px) translateX(-2px) rotate(-45deg);
	transform: translateY(18px) translateX(-2px) rotate(-45deg);
}

.x_line
{
	border-bottom: 2px solid #1f1f1f;
	width: 52%;
	margin: 14px auto;
}
/* drawings end*/

/* user  book*/
#user_active_book_container
{
	position: absolute;
	width: 60px;
	height: 60px;
	z-index: 4000;
	right: 11px;
	top:106px;
}
#user_active_book
{
	width: 100%;
	height: 100%;
	background: url(../images/icons2/user_book.png) no-repeat;
	content: "";
}
#user_active_book:hover
{
	cursor: pointer;
	width: 97%;
	height: 97%;
	margin: 3% auto;
	background-size: 97% 97%;
	content: "";
}
/* user  book end*/

/* play_button*/
.play_button_container
{
	position: absolute;
	width: 60px;
	height: 60px;
	z-index: 4000;
	right: 11px;
	bottom: 50px;
}
.play_button_container:hover
{
	cursor: pointer;
	bottom: 49px;
	transform: scale(0.99)
}
.play_button_container .play_button
{
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/icons2/play_button.png) no-repeat;
	content: "";
}
.play_button_container .play_button_playing
{
	display: none;
	position: relative;
	width: 53px;
	height: 41px;
	background: url(../images/icons2/play_button_playing.png) no-repeat;
	content: "";
	bottom: 60px;
}

/* play_button end*/

/* source */
 .x_source
 {
	 word-break: break-word;
	 padding: 138px;

 }
.x_source a
{
	color: #ff481d !important;
}
.x_source .image_container
{
	margin-top: 20px;
	margin-bottom: 20px;
}
.x_source .image_container .title
{
	font-family: Apercu-Light-Italic ,sans-serif !important;
	margin-left: 30px;
	font-size: 14px;
	font-style: italic;
}
.x_source .image_container .title.ma-1
{
	margin-top: 10px;
}
.x_source .source_title
{
	font-family: "Apercu-Bold",sans-serif !important;
	margin-bottom: 100px;
}
/* source end*/

.court-index
{
	padding-top: 90px;
	margin-left: 108px;
}

/* custom selection*/
.custom-select {
  position: relative;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
	background-color: transparent;
	width: calc(100% - 50px);
	padding: 0 6px !important;
}
.select-selected:hover
{
	opacity: 1;
}
/*style the arrow inside the select element:*/
.select-selected:before {
	position: absolute;
	content: "";
	/*top: 15px;*/
	right: 15px;
	width: 35px;
	height: calc(100% - 30px);
	background-color: #dc4925;
	border: 6px solid transparent;
}
.record-dynamic-table .select-selected:before
{
	height: calc(100% - 15px) !important;
}
.select-selected:after {
	position: absolute;
	content: "";
	top: calc((100% - 16px )/2);
	right: 24px;
	width: 22px;
	height: 16px;
	background: url(../images/icons2/arrow.png) no-repeat;
	border: 6px solid transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
	top: calc((100% - 8px )/2);
	transform: matrix(1, 0, 0, -1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
	color: #000000;
	padding: 8px 16px;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	user-select: none;
	font-weight: normal;
}
/*style items (options):*/
.select-items {
	position: absolute;
	background-color: white;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	max-height:400px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	overflow-y:scroll;
}
/*hide the items when the select box is closed:*/
.select-hide {
	display: none;
}
.select-items div:hover, .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}
/* custom selection end*/

/*  table */
table tr
{
	background-color: transparent !important;
}
.table-bordered,
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > td
{
	border: 2px solid black;
}
table,select,div
{
	font-family: "Apercu-Regular",sans-serif !important;
}
/* table end*/

/* pagination*/
.pagination a
{
	font-family: "Apercu-Regular",sans-serif !important;;
	color: black !important;
}


.pagination > li:first-child > span,
.pagination > li:first-child > a
{
	margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 2px solid #dc4925 !important;
	border-bottom: 2px solid #dc4925 !important;
	border-top: 2px solid #dc4925 !important;
	background-color: #dc4925;
}
.pagination > li:last-child > span,
.pagination > li:last-child > a
{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 1px solid #dc4925 !important;
	border-bottom: 2px solid #dc4925 !important;
	border-top: 2px solid #dc4925 !important;
	background-color: #dc4925;
}


.pagination > li:first-child > span:before,
.pagination > li:first-child > a:before,
.pagination > li:last-child > span:before,
.pagination > li:last-child > a:before
{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #dc4925;
	border: 6px solid transparent;
}
.pagination > li:first-child > span:after,
.pagination > li:first-child > a:after,
.pagination > li:last-child > span:after,
.pagination > li:last-child > a:after
{
	position: absolute;
	content: "";
	top: calc((100% - 20px )/2);
	right: calc((100% - 24px )/2);
	width: 22px;
	height: 16px;
	background: url(../images/icons2/arrow.png) no-repeat;
	border: 6px solid transparent;
	-webkit-transform: matrix(0, 1, -1, 0, 0, 0);
	transform: matrix(0, 1, -1, 0, 0, 0);
}

.pagination > li:last-child > span:after,
.pagination > li:last-child > a:after
{
	top: calc((100% - 12px )/2);
	right: calc((100% - 16px )/2);
	-webkit-transform: matrix(0, -1, 1, 0, 0, 0);
	transform: matrix(0, -1, 1, 0, 0, 0);
}

.pagination > li > a
{
	border: 2px solid black !important;
}
.pagination > li > a, .pagination > li > span
{
	padding: 6px 14px;
}
.pagination > li.active > a
{
	background-color: #dc4925 !important;
	color: white !important;
}
/* pagination end*/


.grid-view .view:after,.record-view .view:after,#record_list .view:after,#w_view_link .view:after {
	content: "" url(../images/icons2/view.png);
}

/* grid view*/
.grid-view .update:after {
	content: " " url(../images/icons2/update.png) !important;
	width: 20px;
	height: 20px;
}

.grid-view .delete:after {
	content: " " url(../images/icons2/delete.png) !important;
	width: 20px;
	height: 20px;
}
/* grid view end*/

/* record-index */
.record-index
{
	padding: 70px;
}
/* record-index end*/

/* record-search-table*/
.record-search-table td,
.record-dynamic-table td
{
	width: 25%;

}
.record-form-table td
{
	width: 20%;

}
.record-search-table td > input,
.record-dynamic-table td > input
{
	width: 100%;
	border: none;
}
.record-form-table td  input
{
	width: 100%;
	border: none;
}
.record-search-table  > tbody > tr > td,
.court-search-table  > tbody > tr > td

{
	padding: 16px 8px !important;
}
.record-form-table  > tbody > tr > td,
.record-dynamic-table  > tbody > tr > td
{
	padding: 8px !important;
}

.record-search-table .select2-container--krajee .select2-selection--multiple {
	height: 100%;
}
.record-search-table .select2-container--krajee .select2-selection {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-color: transparent;
	border: none;
	border-radius: 4px;
	color: #555555;
	font-size: 14px;
	outline: 0;
}
.record-search-table .select2-container .select2-search--inline {
	font-size: 22px;
}
.record-search-table .select2-container--krajee .select2-selection--multiple .select2-selection__choice {
	color: black;
	background: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin: 5px 0 0 6px;
	padding: 0 6px;
}
.s2-togall-button {
	display: inline-block;
	font-weight: 400;
	color: #dc4925;
	padding: 8px 3px;
	cursor: pointer;
}
.s2-togall-button:hover {
	display: inline-block;
	font-weight: 400;
	color: #1f1f1f;
	padding: 8px 3px;
	cursor: pointer;
	text-decoration: none;
 }
/* record-search-table end*/

/* record-list */
#court_records td,
#court_records th
{
	padding: 5px;
}
#court_records:not(.admin-index) th:nth-child(8),
#court_records:not(.admin-index) td:nth-child(8)
{
	max-width: 140px !important;
	word-break: inherit;
	white-space: normal;
}
#court_records:not(.admin-index) td:nth-child(7)
{
	word-break: break-all;
}
#court_records:not(.admin-index) td:nth-child(5)
{
	max-width: 206px;
}
#court_records:not(.admin-index) td:nth-child(4)
{
	max-width: 150px;
}
#court_records th
{
	word-break: break-all;
}
#court_records
{
	padding: 20px 20px 0 20px
}
/* record-list end */

.x_help > input,
.x_help > select
{
	width: calc(100% - 50px) !important;
}

.x_help div:first-of-type
{
	width: 35px;
	float: right;
	margin-right: 6px;
	background-color: #dc4925;
	text-align: center;
}
.x_help div a
{
	color: white;
}
.record-form .x_help div {
	width: 35px;
	height: 35px;
	float: right;
	margin-right: 0;
	background-color: #dc4925;
	text-align: center;
}
.record-form .x_help
{
	border: 2px solid black;
	height: 39px;
	margin-bottom: 25px;
	margin-top: 25px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: black;
}
::-moz-placeholder { /* Firefox 19+ */
	color: black;
}
:-ms-input-placeholder { /* IE 10+ */
	color: black;
}
:-moz-placeholder { /* Firefox 18- */
	color: black;
}

.pos_rel
{
	position: relative;
}

.x-btn-search {
	color: white;
	background-color: #dc4925;
	border-color: #bd4523;
}
.x-btn-search:hover
{
	color: white;
}

.x-btn-finished
{
	color: white;
	background-color: #dc4925;
	border-color: #bd4523;
	padding: 20px !important;
	font-family: "Apercu-Regular", sans-serif;
	font-size: 22px !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	width: auto !important;
}
.x-btn-finished:hover,.x-btn-finished:focus
{
	color: white;
}
.x-btn-save
 {
	 color: white;
	 background-color: #dc4925;
	 border-color: #bd4523;
	 padding: 20px !important;
	 font-family: "Apercu-Regular", sans-serif;
	 font-size: 22px !important;
	 line-height: 0 !important;
	 letter-spacing: 0 !important;
	 width: auto !important;
 }
.x-btn-save:hover
{
	color: white;
}
.x-btn-reset
{
	color: white;
	background-color: #dc4925;
	border-color: #bd4523;
	padding: 20px !important;
	font-family: "Apercu-Regular", sans-serif;
	font-size: 22px !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	width: auto !important;
}
.x-btn-reset:hover
{
	color: white;
}
.x-btn-free
{
	color: white;
	background-color: black;
	padding: 20px !important;
	font-family: "Apercu-Regular", sans-serif;
	font-size: 22px !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	width: auto !important;
}
.x-btn-free:hover
{
	color: white;
}
.x-btn-delete
{
	color: white;
	background-color: black;
	padding: 20px !important;
	font-family: "Apercu-Regular", sans-serif;
	font-size: 22px !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	width: auto !important;
}
.x-btn-delete:hover
{
	color: white;
}
.x-btn-continue
{
	color: black;
	background-color: transparent;
	padding: 20px !important;
	font-family: "Apercu-Regular", sans-serif;
	font-size: 22px !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	width: auto !important;
	border: 2px solid black !important;
}
.x-btn-continue:hover
{
	color: black;
}
.x-btn-return  {
	 color: white;
	 background-color: #dc4925;
	 border-color: #bd4523;
	 margin-bottom: 25px !important;
	 width: 100px !important;
	 padding: 15px 0 !important;
	 font-family: "Apercu-Regular", sans-serif;
	 font-size: 15px !important;
	 line-height:0 !important;
	letter-spacing: 0 !important;
 }


.x-btn-return:hover  {
	text-decoration: none;
	color: white !important;
	font-size: 14px !important;
	line-height:0 !important;
}

.x-btn-default {
	color: black;
	background-color: #fff;
	border-color: black !important;
}

.x-button-group
{
	margin-bottom: 50px;
	margin-top: 50px;
}

.x-btn-tags  {
	color: #dc4925;
	background-color: white;
	border-color: #bd4523 !important;
	margin-top: 12px !important;
	width: 170px !important;
	padding: 15px 0 !important;
	font-family: "Apercu-Regular", sans-serif;
	font-size: 15px !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
}
.x-btn-tags:focus
{
	color: #dc4925;
}

.x-btn-tags:hover  {
	text-decoration: none;
	color: #dc4925 !important;
	font-size: 14px !important;
	line-height:0 !important;
}
.x-btn-unknown  {
	 color: black !important;
	 background-color: white;
	 border-color: black !important;
	 margin-top: 12px !important;
	margin-left: 20px;
	 width: 140px !important;
	 padding: 15px 0 !important;
	 font-family: "Apercu-Regular", sans-serif;
	 font-size: 15px !important;
	 line-height: 0 !important;
	 letter-spacing: 0 !important;
 }
.x-btn-unknown:focus
{
	color: black;
}

.x-btn-unknown:hover  {
	text-decoration: none;
	color: black !important;
	font-size: 14px !important;
	line-height:0 !important;
}
.x-btn {
	margin-top: 5px;
	width: 200px;
	display: inline-block;
	padding: 20px 0;
	margin-bottom: 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 2px solid transparent;
	border-radius: 0;
}
.x-btn:hover, .x-btn:focus
{
	text-decoration: none;
	opacity: 0.7;
}
.x-btn2
{
	width: 100px;
	display: inline-block;
	padding: 15px 0;
	margin-bottom: 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	/* vertical-align: middle; */
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	/* border: 2px solid transparent; */
	border-radius: 0;
	margin-bottom: 4px;
}

.record_search_button_group
{
	margin-top: 64px;
	margin-bottom: 64px;
}
#court_records .summary
{
	margin-left: 50px;
	margin-bottom: 10px;
}
.record-index a
{
	color: #dc4925;
}
/* fancybox*/

.fancybox-slide > * {
	padding: 20px !important;
}

.fancybox-close-small {
	position: absolute;
	top: 54px;
	right: calc(50% - 15px);
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	outline: none;
	background: transparent;
	z-index: 10;
	cursor: pointer;
}

.fancybox-close-small:after {
	content: '×';
	position: absolute;
	top: 5px;
	width: 30px;
	height: 30px;
	font: 50px/37px Apercu-Bold,sans-serif;
	color: black;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	border-width: 0;
	background: none;
	transition: background .25s;
	box-sizing: border-box;
	z-index: 2;
}
.fancybox-close-small:hover:after {
	opacity: 0.7;
	width: 29px;
	height: 29px;
	background: none;
}
.fancybox-close-small:focus:after {
	outline: none;
}
/* fancybox end*/

.record-view
{
	padding-top: 20px;
	background-color: unset;
	width: 90%;
	margin: auto;
	height: 100%;
}

.record-link
{
	padding-top: 20px;
	background-color: unset;
	width: 50%;
	margin: auto;
	height: 100%;
}
.contact
{
	padding-top: 20px;
	background-color: unset;
	width: 70%;
	margin: auto;
	height: 100%;
}
/* backgrounds */
.x_background_record_view
{
	background: url(../images/background/record_view.jpg) no-repeat;
	background-size: 100%;
	background-color: black;
}

.x_background_contact
{
	background: url(../images/background/record_view.jpg) no-repeat;
	background-size: 100%;
	background-color: black;
	height: calc(100% - 220px);
}
/* backgrounds  end*/
.x_icon
{
	background: url(../images/icons2/logo_w.png) no-repeat;
	background-size: 80px;
	width: 88px;
	height: 91px;
	margin: auto;

}
.x_footer
{
	height: 125px;
	background-color: black;
	border-top: 1px solid #000;
	padding-top: 20px;
}

.contact-inner {
	margin-top: 40px;
	background: white;
}

.record-view-inner {
	margin-top: 40px;
	background: white;
}

.record-link-inner {
	margin-top: 40px;
	background: white;
}
#main {
	height: 100%;
	min-width: 1200px;
}

.main-container
{
	height: 100%;
}

.record-view-inner-content
{
	padding: 20px;
}

.record-link-inner-content
{
	padding: 20px;
}
.contact-inner-content
{
	padding: 20px;
}

.record-view-text
{
	height: 100%;
	padding: 100px;
	padding-bottom: 0;
}

.record-link-text
{
	height: 100%;
	padding: 100px 10px 0 10px;
	text-align: center;
}
.contact-text
{
	height: 100%;
	padding: 100px;
}

.record-view-inner-content
{
	height: 100%;
	position: relative;
}

.record-link-inner-content
{
	height: 100%;
	position: relative;
}
.contact-inner-content
{
	height: 100%;
	position: relative;
}
.record-view-logo
{
	background: url(../images/icons2/logo_b.png) no-repeat;
	background-size: 80px;
	width: 88px;
	height: 91px;
	margin: auto;
}

.contact-logo
{
	background: url(../images/icons2/logo_b.png) no-repeat;
	background-size: 80px;
	width: 88px;
	height: 91px;
	margin: auto;
}

.record-view-title
{
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 20px;
	letter-spacing: 8px;
	font-family: "Adams-Jaloviina",sans-serif !important;
}

.contact-title
{
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 20px;
}

.button-group {
	position: absolute;
	width: calc(100% - 160px);
	height: 41px;
	bottom: 39px;
	left: 40px;
	background: white;
	box-shadow: 0 0 10px 13px white;
	padding-left: 90px;
	letter-spacing: 6px;
}

.record-view  .record-view-text a,
.record-link  .record-link-text a
{
	color: #dc4925;
}


.contact  .contact-text a
{
	color: #dc4925;
}

.button-group .update:after {
	content: " " url(../images/icons2/update.png) !important;
	width: 20px;
	height: 20px;
}

.button-group .update{
	bottom: 5px;
	left: 4px;
	position: relative;
}

.button-group .create_pdf:after
{
	content: " " url(../images/icons2/pdf.png);
	font-size: 0 !important;
}
.button-group .record_print:after
{
	content: " " url(../images/icons2/print.png);
	font-size: 0 !important;
}

.create_pdf_small:after
{
	content: " " url(../images/icons2/pdf_small.png);
	font-size: 0 !important;
}
.history:after
{
	content: " " url(../images/icons2/history.png);
	font-size: 0 !important;
}
.record_print_small:after
{
	content: " " url(../images/icons2/print_small.png);
	font-size: 0 !important;
}
.record_link_small:after
{
	content: " " url(../images/icons2/link_small_et.png);
	font-size: 0 !important;
}

.record_top:after
{
	content: " " url(../images/icons2/top.png);
	font-size: 0 !important;
}
.record_link_small
{
	font-size: 35px !important;
}
.button-group .create_pdf:hover, .create_pdf_small:hover, .history:hover
{
	cursor: pointer;
	opacity: .7;

}

.button-group .record_print:hover, .record_print_small:hover, .record_link_small:hover
{
	cursor: pointer;
	opacity: .7;

}
.button-group .create_pdf:focus, .create_pdf_small:focus, .history:focus
{
	outline: none;

}
.button-group .record_print:focus, .record_print_small:focus
{
	outline: none;
}
.court-view
{
	margin-left: 115px;
	height: 100%;
	padding-top: 100px;
	width: calc(100% - 200px);
}
.court-view-title
{
	width: calc(100% - 300px);
	max-width: 700px;
}
.court-view-title table > tbody > tr > td
{
	position: relative;
	padding: 20px;
}

/** cloud **/
.court-view .cloud {
	width: 100%;
	margin-top: 50px;
}

.cloud .cloud-element-content {
	padding: 10px 10px 10px 0;
	max-width: 720px;
	display: inline-table;
}
.cloud .cloud-element-text-content
{
	float: right;
	padding: 0 10px;
}
.cloud .cloud-element-text-content a
{
	text-decoration: none;
}
.cloud .cloud-element-status
{
	float: right;
	width: 95px;
	height: 25px;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
}

.cloud .cloud-element-text-content.open
{
	background-color: #dc4925;
	color: white;
}
.cloud .cloud-element-status.open
{
	background-color: #dc4925;
	color: white;
}
.cloud .cloud-element-text-content.open a,
.cloud .cloud-element-text-content.open a:hover
{
	color: white !important;
}

.cloud .cloud-element-text-content .cloud-element-extra-text
{
	font-size: 14px;
	text-align: left;
}
/** user has book **/
.cloud .cloud-element-text-content.closed
{
	background-color: white;
	color: black;
	border: 1px solid black;
}
.cloud .cloud-element-status.closed
{
	background-color: black;
	color: white;
}
.cloud .cloud-element-text-content.closed a,
.cloud .cloud-element-text-content.closed a:hover
{
	color: black !important;
	text-decoration: none;
}

/** user finished **/
.cloud .cloud-element-text-content.finished
{
	background-color: transparent;
	color: #dc4925;
	border: 1px solid #dc4925;
}
.cloud .cloud-element-status.finished
{
	background-color: #dc4925;
	color: white;
}
.cloud .cloud-element-text-content.finished a,
.cloud .cloud-element-text-content.finished a:hover
{
	color: #dc4925 !important;
	text-decoration: none;
}

/** user book **/
.cloud .cloud-element-text-content.user_book
{
	background-color: #dc4925;
	color: black;
}
.cloud .cloud-element-status.user_book
{
	background-color: #dc4925;
	color: black;
}
.cloud .cloud-element-text-content.user_book a,
.cloud .cloud-element-text-content.user_book a:hover
{
	color: black !important;
	text-decoration: none;
}

/** user book **/
.cloud .cloud-element-text-content.unfinished
{
	background-color: transparent;
	color: #dc4925;
	border: 1px solid #dc4925;
}
.cloud .cloud-element-status.unfinished
{
	background-color: black;
	color: white;
	border: 1px solid #dc4925;
}
.cloud .cloud-element-text-content.unfinished a,
.cloud .cloud-element-text-content.unfinished a:hover
{
	color: #dc4925 !important;
	text-decoration: none;

}
/** cloud  end**/
.book-container
{
	padding: 30px 50px 50px 50px;
	margin-top: 4px;
}
/** book**/

.list-group-item.active {
	color: white !important;
	background-color: #dc4925 !important;
}
.list-group-item:last-child,
.list-group-item:first-child
{
	border-radius: 0;
}
.list-group-item {
	padding: 0 5px !important;
	border: 1px solid black;
	text-align: center !important;
}
.list-group {
	padding-left: 0;
	margin-bottom: 20px;
	margin-top: 10px;
}

#i_plus:before {
	content: " " url(../images/icons2/zoom_in.png) !important;
}

#i_minus:before {
	content: " " url(../images/icons2/zoom_out.png) !important;
}

#image_widget #i_options button, #image_widget #u_options a {
	width: 35px;
	height: 35px;
	padding: 3px 1px !important;
	border-radius: 0;
}

#image_widget #i_options button:focus, #image_widget #u_options a:focus
{
	outline:none !important;
}

#image_widget #i_options {
	float: right;
	position: relative;
	margin-top: -60px;
	margin-right: 20px;
}

#record_list table
{
	margin-bottom: 0;
	/*word-break: break-all;*/
}
#record_list table:first-child
{
	margin-bottom: -2px;
	border-bottom: 0 solid black;
}
#record_list table:first-child th
{
	font-size: 22px;
}
#record_list table a
{
	color: #dc4925;
}

.record_change:before {
	content: " " url(../images/icons2/update.png) !important;
}

#book_collapse1:not(.collapsed) #collapse_title:after
{
	position: relative;
	top: -2px;
	content: " " url(../images/icons/up.png) !important;
}

#book_collapse1:hover #collapse_title:after:after
{
	opacity: 0.5;
}

#book_collapse1.collapsed #collapse_title:after
{
	position: relative;
	top: -2px;
	content: " " url(../images/icons/down.png) !important;
}

.collapse_button .collapse_icon:after
{
	position: relative;
	top: -2px;
	content: " " url(../images/icons2/arrow_b.png) !important;
	transform: matrix(1, 0, 0, -1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);

}
.collapse_button .collapse_icon
{
	transform: matrix(1, 0, 0, -1, 0, 0);
}
.collapse_button:not(.collapsed) .collapse_icon
{
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}
.collapse_button:hover
{
	opacity: 0.5;
	cursor: pointer;
}
.collapse_title,
.collapse_icon
{
	margin-left: 5px;
	float: left;
}
.record-form .select2-container--krajee .select2-selection
{
	border-radius: 0;
	border: none;
}
.record-form .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field
{
	width: auto !important;
	min-width: 11em;
}
.record-search .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field
{
	width: 100% !important;
	min-width: 11em;
	padding: 0 !important;
}


.record-search .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-input-placeholder
{
	color: gray;
	opacity: 1;
}
.record-search .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder
{
	color: gray;
	opacity: 1;
}
.record-search .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field:-ms-input-placeholder
{
	color: gray;
	opacity: 1;
}
.record-search .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field::-ms-input-placeholder
{
	color: gray;
	opacity: 1;
}

.record-form .select2-container--open.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field
{
	width: calc(100% - 30px) !important;
}
.record-form .select2-container--krajee .select2-selection--multiple .select2-search--inline::after
{
	position: absolute;
	content: "";
	top: 8px;
	right: 31px;
	width: 22px;
	height: 16px;
	background: url(../images/icons2/arrow.png) no-repeat;
	border: 6px solid transparent;
}

.record-form .select2-container--krajee .select2-selection--multiple .select2-search--inline::before
{
	position: absolute;
	content: "";
	top: 3px;
	right: 21px;
	width: 35px;
	height: 28px;
	background-color: #dc4925;
	border: 6px solid transparent;
}
.record-form .select2-container--open.select2-container--krajee .select2-selection--multiple .select2-search--inline::after
{
	top: 6px;
	right: 30px;
	background: url(../images/icons2/arrow_u.png) no-repeat;
}
.select2-container--krajee .select2-selection--multiple .select2-selection__clear {
	right: 7rem !important;
}

.record-search .select2-container--krajee .select2-selection--multiple .select2-search--inline::after
{
	position: absolute;
	content: "";
	bottom: 8px;
	right: 18px;
	width: 22px;
	height: 16px;
	background: url(../images/icons2/arrow.png) no-repeat;
	border: 6px solid transparent;
}
.record-search .select2-container--krajee .select2-selection--multiple .select2-search--inline::before
{
	position: absolute;
	content: "";
	bottom: 0px;
	right: 9px;
	width: 35px;
	height: 28px;
	background-color: #dc4925;
	border: 6px solid transparent;
}
.record-search .select2-container--open.select2-container--krajee .select2-selection--multiple .select2-search--inline::after
{
	bottom: 9px;
	right: 18px;
	background: url(../images/icons2/arrow_u.png) no-repeat;
}
.record-form .select2-container--open.select2-container .select2-search--inline {
	width: 100% !important;
}
.record-form .select2-container .select2-search--inline {
	font-size: 22px;
}
.record-form .select2-container--krajee {
	display: block;
	width: calc(100% - 35px) !important;
	float: left;
}
.add-item {
	width: 45px;
	height: 50px;
}

.add-item-pic:after
{
	position: relative;
	top: -2px;
	content: " " url(../images/icons2/add.png) !important;
}
.add-item-small-pic:after
{
	position: relative;
	top: 5px;
	left: 18px;
	content: " " url(../images/icons2/add_small.png) !important;
}
.add-item:hover
{
	opacity: 0.7;
}
.remove-item
{
	cursor: pointer;
}
.remove-item:hover
{
	opacity: 0.7;
}
.record-dynamic-table th
{
	border: 2px solid;
}
.record-dynamic-table td:last-child
{
	border: none !important;

}
.record-dynamic-table td
{
	border: 2px solid black;
}
.record-dynamic-table
 {
	 margin-bottom: 20px;
 }
.record-dynamic-table th
{
	padding: 8px;
}
.dynamicform_wrapper
{
	margin-top: -2px;
}
.collapse_form_button_container
{
	margin-bottom: -2px;
}

.has_record
{
	color: #ffffff !important;
	background-color: black !important;
}

.in_record {
	color: #dc4925 !important;
	background-color: white !important;

}

.in_record:hover  {
	color: #dc4925 !important;
	background-color: white !important;
}

.in_record:focus {
	color: white !important;
	background-color: #dc4925 !important;
	border-color: #dc4925 !important;
}




/** book end**/

/** CKeditor **/
.cke_top {
	border-bottom: 2px solid black !important;
	background:transparent !important;
	padding: 6px 8px 2px;
	white-space: normal;
}

.cke_chrome {
	border: 2px solid black !important;
}
.cke_ltr a span.cke_button__person_icon {
	width: 19px !important;
	height: 18px !important;
	background-size: 16px 17px !important;
}
.cke_ltr a span.cke_button__location_icon {
	width: 22px !important;
	height: 20px !important;
	background-size: 22px 16px !important;
}
.cke_ltr a span.cke_button__undo_icon {
	background: url(../images/icons2/undo.png) no-repeat !important;
	width: 31px;
	height: 24px;
	margin-top: -2px;
}

.cke_ltr a span.cke_button__redo_icon {
	background: url(../images/icons2/redo.png) no-repeat !important;
	width: 31px;
	height: 24px;
	margin-top: -2px;
}
.cke_editable {
	font-size: 20px !important;
}
.cke_bottom {
	padding: 6px 8px 2px;
	position: relative;
	border-top: none !important;
	background: transparent !important;
}
/** CKeditor end**/

#map {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	height: 100%;
}
.welcome_container_inner
{

	width: 100%;
	height: 100%;
}
#record_search_list table > thead > tr > th:first-child,
#record_search_list table > thead > tr > th:last-child,
#record_search_list table > tbody > tr:last-child > td:first-child,
#record_search_list table > tbody > tr:last-child > td:last-child
{
	position: relative;
}

/** top */
#top_user_container
{
	padding-top: 30px;
	padding-bottom: 30px;
	width: 62%;
	max-width: 660px;
	min-width: 560px;
	margin: auto;
	height: calc(100% - 30px);
}
.court-view-logo
{
	background: url(../images/icons2/logo_b.png) no-repeat;
	background-size: 80px;
	width: 88px;
	height: 91px;
	margin: auto;
	margin-top: 37px;
}
#top_user_container {
	padding-top: 30px;
	padding-bottom: 120px;
	width: 60%;
	min-width: 560px;
	margin: auto;
}
#top_record_container {
	padding-top: 30px;
	padding-bottom: 120px;
	width: 100%;
	min-width: 560px;
	margin: auto;
}
#top_user_container table > thead >tr:first-child
{
	margin-top: 20px;
}

#top_border
{
	border: 2px solid black;
	height: 100%;
}

.top_user_inner_container {
	width: 100%;
	height: 100%;
	background-color: white;
	padding: 20px;
}
.top_record_inner_container {
	width: 100%;
	height: 100%;
	background-color: white;
	padding: 20px;
}
#top_user_container #w_text_full
{
	height: 78%;
	overflow-y: auto;
	padding: 0 37px;
	text-align: justify;
	display: inherit;
}

#top_record_container #w_text_full
{
	height: 78%;
	overflow-y: auto;
	padding: 0 37px;
	text-align: justify;
	display: inherit;
}


.top_background
{
	background: url(../images/background/record_view.jpg) repeat-y;
	background-size: 100%;
	background-color: black;
	min-height: 100%;
}

.top_record_background
{
	background: url(../images/background/record_view.jpg) repeat-y;
	background-size: 100%;
	background-color: black;
	min-height: 100%;
	width: 100%;
	height: 100%;
	position: fixed;
}
#top_list
{
	text-align: center;
}
#top_list table
{
	text-align: left;
}
#top_list_header > thead > tr > th:nth-child(1),
#top_list table > tbody > tr > td:nth-child(1)
{
	width: 60px;
}
#top_list_header > thead > tr > th:nth-child(3),
#top_list table > tbody > tr > td:nth-child(3),
#top_list_footer  > thead > tr > th:nth-child(2)
{
	width: 126px;
}
.top_background .images
{
	width: 100%;
	height: calc(100% - 95px);
	position: fixed;
	z-index: 100;
	bottom: 0;
	pointer-events: none;
}
.top_background .images > .image_right
{
	background: url(../images/background/boy1.png) no-repeat;
	background-size: 100%;
	width: 317px;
	height: 547px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.top_record_background .image_right
{
	background: url(../images/background/wing.png) no-repeat;
	background-size: 100%;
	background-position-y: center;
	width: calc(15% - 20px);
	margin-right: 20px;
	margin-left: -6px;
	height: 100%;
	float: right;
	position: relative;
	left: -9px;
}
.top_background .images > .image_left
{
	background: url(../images/background/boy2.png) no-repeat;
	background-size: 100%;
	width: 317px;
	height: 547px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.top_record_background  .image_left
{
	background: url(../images/background/wing.png) no-repeat;
	background-size: 100%;
	background-position-y: center;
	width: calc(15% - 20px);
	height: 100%;
	margin-left: 20px;
	float: left;
	transform: matrix(-1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);

}
.top_record_background_inner
{
	overflow-y: scroll;
	width: 70%;
	height: 100%;
	float: left;
}
/** top end */

.nav #w2 li
{
	float: right;
	margin: 7px;
}

#w1-collapse #w2 div:first-child
{
	float: left;
}

#w1-collapse #w2 div:last-child
{
	float: right;
	margin-top: 5px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 1030;
}

/** month **/
.month-view-logo
{
	background: url(../images/icons2/logo_b.png) no-repeat;
	background-size: 80px;
	width: 88px;
	height: 91px;
	margin: auto;
	margin-top: 37px;
}
.table-responsive {
	overflow-x: unset;
}
/** month end **/

#record_type_help
{
	width: 50%;
	height: 80%;
}

#record_search_list {
	width: calc(100% + 30px);
	overflow-x: scroll;
	margin-left: -15px;
}

.faq_content td
{
	padding-top: 15px;
	padding-bottom: 15px;
}

.faq_title
{
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 68px;
}

.user_help_title
{
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 46px;
}

.faq_content tr > td:first-child
{
	vertical-align: top;
	text-align: center;
}
.faq_content .bullet
{
	word-break: normal;
	padding: 5px;
	background-color: #ff481d;
	color: white;
	margin-right: 20px;
}

.user_help_content tr > td:first-child
{
	vertical-align: top;
	text-align: center;
}
.user_help_content .bullet_cross
{
	word-break: normal;
	padding: 10px;
	color: white;
	margin-right: 20px;
	background: url(../images/icons2/bullet_cross.png) no-repeat;
}
.important-text
{
	color: red;
}

.ask_help {
	background: url(../images/icons2/ask_help.png) no-repeat;
	width: 200px;
	height: 183px;
	display: inline-block;
	display: -moz-inline-stack;
	vertical-align: top;
	zoom: 1;
}

.ask_help_container {
	width: 200px;
	height: 183px;
	text-align: right;
	z-index: 3;
	margin-top: -183px;
	right: 0;
	position: absolute;
}

.ask_help:hover {
	cursor: pointer;
}

.contact-title
{
	font-family: "Adams-Jaloviina",sans-serif !important;
	letter-spacing: 10px;
}

form div.required label.control-label:after {

	content:" * ";

	color:red;

}

.contact input,.contact textarea
{
	border: 2px black solid;
	border-radius: 0;
}
.contact input:focus,.contact textarea:focus
{
	border-color: #ff481d;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px #ff7226, 0 0 8px #ff7226;
	box-shadow: inset 0 1px 1px rgba(255, 114, 38, 0.07), 0 0 8px rgba(255, 114, 38, 0.6);
}
.contact_female {
	background: url(../images/icons2/feedback_female.png) no-repeat;
	width: 351px;
	height: 394px;
	display: -moz-inline-stack;
	zoom: 1;
	position: fixed;
	bottom: -9px;
	right: -11px;
}

.contact_female_container {
	width: 100%;
	height: 183px;
	text-align: right;
	z-index: -3;
	margin-top: -183px;
}

#search_help #w_text_inner,
#user_settings #w_text_inner,
#record_type_help #w_text_inner
{
	margin-top: 70px !important;
}

#record_type_help #w_text_title
{
	margin-bottom: 20px !important;
}
#user_settings  #w_text_title
{
	font-size: 30px;
}
.record-view .fancybox-close-small,.record-link .fancybox-close-small
{
	top: 100px !important;
}

.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #dc4925;
	color: white;
	font-weight: bold;
}
.ui-dialog {
	font-family:Apercu-Regular, sans-serif ;
}
.ui-dialog-titlebar-close
{
	display: none;
}
.ui-widget.ui-widget-content
{
	border: 2px black solid !important;
	border-radius: 0;
}
.ui-dialog-buttonset button
{
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 2px #bd4523 solid;
	border-radius: 0;
	color: white;
	background-color: #dc4925;
	padding: 20px !important;
	font-family: "Apercu-Regular", sans-serif;
	font-size: 22px !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	width: auto !important;
}

/** month story */
.month_navigation_container
{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.month_navigation
{
	display: inline-block;
}
.month_navigation > li
{
	display: inline;
}
.month_navigation > li > a,
.month_navigation > li > span
{
	background-color: #dc4925;
	padding: 1px 12px;
	text-decoration: none;
	color: white;
	position: relative;
	float: left;
}
.month_navigation > li > a:hover
{
	color: white;
	cursor: pointer;
}
.month_navigation > li:first-child > a:before,
.month_navigation > li:last-child > a:before
{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #dc4925;
	border: 6px solid transparent;
}
.month_navigation > li:first-child > a:after
{
	position: absolute;
	content: "";
	top: calc((100% - 20px )/2);
	right: calc((100% - 24px )/2);
	width: 22px;
	height: 16px;
	background: url(../images/icons2/arrow.png) no-repeat;
	border: 6px solid transparent;
	-webkit-transform: matrix(0, 1, -1, 0, 0, 0);
	transform: matrix(0, 1, -1, 0, 0, 0);
}

.month_navigation > li:last-child > a:after
{
	position: absolute;
	content: "";
	top: calc((100% - 10px )/2);
	right: calc((100% - 24px )/2);
	width: 22px;
	height: 16px;
	background: url(../images/icons2/arrow.png) no-repeat;
	border: 6px solid transparent;
	-webkit-transform: matrix(0, -1, 1, 0, 0, 0);
	transform: matrix(0, -1, 1, 0, 0, 0);
}

#w_text_title_extra a
{
	color: #ff481d !important;
	text-decoration: none;
}
input:not(.select2-search__field)::-moz-placeholder
{

	opacity: 0.6;
}

input:not(.select2-search__field):-ms-input-placeholder
{

	opacity: 0.6;
}

input:not(.select2-search__field)::-webkit-input-placeholder
{
	opacity: 0.6;
}
/** month story end */

.cke_path
{
	display: none;
}

.message
{
	text-align: center;
	margin-top: 35px;
	padding: 40px 40px 20px 40px !important;

}
.message a
{
	color: #ff481d !important;
	text-decoration: none;
}
.message .fancybox-close-small
{
	top:0;
}
.fancybox-caption-wrap
{
	display: none;
}

.save_info
{
	color: #ae1a08;
	height: 30px;
	text-align: right;
	float: right;
}
#view_text_container table td
{
	padding: 1px 5px;
}
.view_thumbnail
{
	width: 40px;
	height: 40px;
	float: left;
	margin: 1px;
	cursor: pointer;
}
.view_thumbnail div {
	color: #dc4925;
	line-height: 40px;
	text-align: center;
	margin-top: -100%;
	text-shadow: 1px 1px 3px white;
	font-size: 26px;
	font-family: "Apercu-Bold",sans-serif !important;
}
#image_widget {
	width: 100%;
	height: 250px;
}
.fancybox-container #image_widget {
	width: 90%;
	height: 70%;
}

.fancybox-slide > div#image_widget {
	padding: 5px !important;
}
.fancybox-container script
{
	display: none;
}

.fancybox-container .list-group {
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
}

.fancybox-container .list-group-item {
	display: inherit !important;
	cursor: pointer;
}
.fancybox-container .list-group li {
	display: inline;
}

.fancybox-container .list-group li > a {
	padding: 4px 10px !important;
}
#image_widget {
	margin-bottom: 10px;
	margin-top: 10px;

}



#image_widget #u_options {
	float: left;
	position: relative;
	margin-top: -60px;
	margin-left: 5px;
}

#image_widget #full_image img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.grid-image img {
	max-width: 100px;
	max-height: 100px;
}

.grid-image, .grid-link {
	text-align: center;
}

.grid-link a {
	white-space: normal;
}

.grid-link {
	max-width: 100px;
}

#i_plus:before {
	content: " " url(../images/icons/zoom_in.png) !important;
}

#i_minus:before {
	content: " " url(../images/icons/zoom_out.png) !important;
}

#image_widget #frame-list {
	width: 60px;
	height: 100%;
	float: right;
	overflow: hidden;
	overflow-y: scroll;
}

.fancybox-container #image_widget #frame-list {
	width: 100%;
	height: 50px;
	position: static;
	margin-top: -67px;
}

#resize_container {
	width: 100%;
	border: 2px solid #bebebe;
	border-radius: 100px;
}

#resize_container:hover {
	cursor: ns-resize;
	border: 2px solid #9a9a9a;
}

.add_person:after {
	content: " " url(../images/icons/add_person.png) !important;
	width: 20px;
	height: 20px;
}


.person_in_record {
	background-color: yellow;
}

.container {
	width: 100%;
}

.record_soft_delete:before {
	content: " " url(../images/icons/delete.png) !important;
}
.record_view:before {
	content: " " url(../images/icons/view.png) !important;
}
.record_search:before {
	content: " " url(../images/icons/search.png) !important;
}



.court_records_panel {
	border-bottom: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	line-height: 0;
	margin-bottom: 0px;
}

#court_records_view .pagination {
	margin: 0 !important;
	margin-top: 10px !important;
	margin-bottom: 0px !important;
}

#court_records_view table {
	margin-bottom: 0px !important;
}


.primary_button_group
{
	padding-top: 20px;
}


.options_container
{
	height: 50px;
	padding-top: 6px;
	border-top: 1px solid #ddd !important;
}
.record_text_container .record_text
{
	height: calc(86.4% - 50px);
	overflow-x: hidden;
	overflow-y: auto;

}

.record_text_container {
	width: 800px;
	height: 600px;
	max-width: 80%;
	max-height: 80%;
	padding-bottom: 5px !important;
}
#book_collapse1:hover
{
	cursor: pointer;
	color: darkgray;
}


.cke_button__addmeasurebutton_label
{
	display: inherit !important;
}
.cke_button__addmeasurebutton_icon
{
	display: none !important;
}


.location
{
	background-color: #51A35F;
}

.loading-indicator-overlay
{
	z-index: 100000 !important;
}
.loading-indicator-image_container
{
	z-index: 100000 !important;
}

.loading2-indicator {
	height: 80px;
	width: 80px;
	background: url(../images/loading.gif) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
}

.error-summary .error-summary-close
{
	float: right;
	font-size: 30px;
	line-height: 0.8;
	cursor: pointer;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected]
{
	background-color: #ff481d !important;
}
.select2-container--krajee .select2-results__option[aria-selected=true] {
	color: white !important;
	background-color: #ffd5cb !important;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 2px solid black;
}

.nav li > form > button.logout
{
	padding-right: 4px !important;
}
#user_settings
{
	background-color: white !important;
	font-size: 22px;
	vertical-align: top;
	line-height: 1;
	cursor: pointer;
}
#user_settings a
{
	background-color: white !important;
	font-size: 22px;
	color: #ff481d !important;
	padding: 0 !important;
	vertical-align: top;
	line-height: 1;
}
#user_settings a:hover
{
	text-decoration: none !important;
	opacity: 0.8;
}
#court_records-filters{
	line-height: 24px;
}
.toggle_down{
	padding: 19px 0;
	width: 190px;
	background-color: #ff481d7d;
	color: white;
	border-color: #ff481d87 !important;
	box-shadow: inset 0 0 6px 4px #ff522a3d;
	font-size: 90%;
}
.highlight, .highlight_color
{
	background-color: #33a490;
	color: white;
}
.person_color
{
	background-color:#fff41d
}
.location_color
{
	background-color: #51A35F;
}
.unknown_color
{
	background-color: #ff5d1d;
}
.text_striped table
{
	width: 100%;
}

.selected_default_text
{
	color: gray;
}

.legend
{
	letter-spacing: 1px;
	padding: 15px 0 !important;
	margin-right: 10px;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 140px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

#w_view_link
{
	text-align: center;
}

#user_settings #user_active_book_container
{
	top: 26px;
	right: 30px;
}
.form-group
{
	margin: 0;
}

.dynamicform_wrapper_d
{
	margin-top: -2px;
}

.cke_editable {
	white-space: pre;
}
.image_container .image_container_title
{
	font-size:15px !important;
	text-align:center;
	color: #ff5d1d;
}

.is_top_record
{
	opacity: 0.5;
}
.record_top:hover
{
	cursor: pointer;
}
.top_record
{
	background-color: #ff5d1d9c !important;
}
div.month-picker{
	font-size:14px;
}
.fancybox-container link
{
	display: none;
}

.fancybox-container .top-form-container
{
	padding-top: 40px !important;
}

.fancybox-container .top-form-container .fancybox-close-small
{
	top:0 !important;
}

.ui-icon
{
	margin-top: -0.8em !important;
	right: 0.5em !important;
}

#top_record_form_button
{
	width: 100% !important;
}

.custom-error
{
	background-color: #eadbda00;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus
{
	background-color: #eadbda00 !important;
}

.bg-danger {
	background-color: #f2dede !important;
}


.leaflet-tile-pane {
	-webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(200%)
}

.map-popup {
	padding: 10px;
	font-size: 15px;
 }