.main.container{
	padding-bottom: 30px;
}
.right.floated{
	float: right;
}
.left.floated{
	float: left;
}
.clearLeft{
	clear: left;
}
.header.item.logo{
	width:250px;
}
.logo{
	padding-right:5px;
}
.floatRight{
	float:right;
}
.floatLeft{
	float: left;
}
.ui.grid .ui.main-container{
	margin: 0 auto;
}
.error{
	color: red;
	text-align: center;
	font-weight: bold;
}
.success{
	color: rgb(75, 214, 121);
	text-align: center;
	font-weight: bold;
}

#record-container .record-date{
	width: 88px;
    padding-top: 7px;
}
#add_record_history{
	float:right;
}
#records{
  	margin-bottom: 10px;
}

.ui.selection.dropdown{
	word-wrap: normal;
}

/* make the input fields a little wider */
.hide{
	display: none!important;
}
.invisible{
	visibility: hidden;
}
#main_form{
	display:none;
}
#main_header{
	height:80px;
}

/* Override Semantic UI styles */
.ui.dropdown .menu>.item, .ui select{
	font-size: .77rem
}
.ui.fixed.menu{
	z-index: 999999;
}
.ui select{
	font-size: 1rem;
}
.ui.menu .item img:not(.ui) {
    display: inline-block;
    vertical-align: middle;
    margin: -0.3em 0;
    width: 2.5em;
}

/* readonly styles */
.print-only{
	display: none;
}
.readonly-heading{
	text-align: center;
    line-height: 1.3em;
	margin-bottom: 2em;
}
.readonly-heading h2{
	margin-top:.5em;
}
.disclaimer{
	font-style: italic;
	text-align: center;
	font-size: .6em;
	clear: both;
	padding-top: 10px;
}
.hide-off-screen{
	visibility: hidden;
	height: 1px;
    overflow: hidden;
}
#empty_row{
    padding-bottom: 11px;
}

/* Admin styles */
.ui.form .field.type-icons{
	padding-top: 7px;
	padding-left: 15px;
}
#userList, #approveUserList, #approveCountyList{
	width: 100%;
}
.item i.icon{
	padding: 3px;
}
.item i.icon.hidden{
	visibility: hidden;
}
.hidden{
	visibility: hidden;
}
.item .readonly,.type.inputs{
	margin-top:-.4em;
}
.item .readonly{
	padding:.7em;
}
.item .readonly:hover{
	background-color: #EEE;
	border:1px solid #DDD;
}
.approve-cemetery i.check.icon, .approve-county i.check.icon{
	padding-right: 20px;
}
#approveCemeteryList, #approveCountyList{
	width: 24rem;
}
/* try http://www.tonylea.com/2010/jquery-easy-editable-text-fields/ /*/

#scrollable_box{
	padding-bottom: 5px;
	display: none;
}
.lb-outerContainer.scrollable{
	max-width: 100%!important;
    height: 775px!important;
    overflow: auto;
}
.lb-outerContainer.scrollable:not(.skinny) .lb-image{
    width: auto!important;
}
.lb-outerContainer.scrollable.skinny .lb-image{
	height: auto!important;
}

.lb-dataContainer{
	background: #999;
}


#loaderOverlay{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
	width: 100%;
	height: 100%;
	display: none;
}

/* registration */
#deed-container{
	width: 1200px;
}
#county-div, #cemetery-div{
	display: none;
}
#write-in-div{
	display: none;
}

/* profile */
.field.admin.hidden, .fields.admin.hidden{
	height: 0px;
	margin:0;
}

.ui.form .field>label.inline-label{
	display: inline-block;
	width: 8em;
}

.account_info i.check{
	color: green;
}
.account_info .spacer{
	width: 20px;
	display: inline-block;
}

#serviceTexts > li{
	padding-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.5;
}
#serviceTexts li{
	list-style-type: none;
}
.clear{
	clear: both;
}
.inline{
	display: inline !important;
}

.headerContainer{
	height: 250px;
	background-image: url("/CartoPlot/images/header.jpg") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	margin-bottom: 10px;
}
/* override style on the header */
.ui.menu:not(.vertical) .item{
	display: inline;
}

/** mobile */
@media only screen and (max-width: 700px){
	.headerContainer{
		height: unset;
	}
	/* override style on the header */
	.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover{
		color: rgba(255,255,255,.95);
	}
	.mobile-full-width{
		width: 100%;
	}
}

.pointing.menu .toc.item {
    display: none;
}

@media only screen and (max-width: 700px) {
	.ui.fixed.menu {
	  display: none !important;
	}
	.pointing.menu .item,
	.pointing.menu .menu {
	  display: none;
	}
	.pointing.menu .toc.item {
	  display: block;
	}
	.large-screen{
		display: none!important;
	}
}


.ui.menu .item{
	font-weight: bold !important;
	font-size: 1em;
	position: unset;
}
.ui.pointing.menu .active.item:after {
    background-color: #ddd;
}
.ui.menu .active.item{
	position: relative;
}
.ui.menu {
    background: unset;
	border: none;
}

#payment_details{
	display: none;
}
#new_account_type_label{
	display: none;
}

table.sortable thead tr  .order-asc {
    background-image: url("../images/asc.png")!important;
}
table.sortable thead tr .order-desc {
    background-image: url("../images/desc.png")!important;
}

table.sortable thead tr th {
    background-repeat: no-repeat!important;
    background-position: center right!important;
    cursor: pointer!important;
    background-image: url("../images/bg.png")!important;
}

.video-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* Increased for better spacing */
    justify-content: center;
    align-items: center; /* Added for better cross-axis centering */
    margin: 40px auto; /* auto centers the container itself if needed */
    max-width: 1200px; /* Optional: prevents over-stretching on large screens */
}

.video-container iframe {
    flex: 1 1 450px; /* Slightly larger base for better side-by-side on medium screens */
    max-width: 560px;
    height: 315px;
}

.social-icons {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on very small screens */
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 30px auto;
    padding: 0;
    list-style: none; /* Just in case */
}