/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */


.lightbox {
  /* Commented out for LBS leaguer bootstrap integration 
	display:none;
	position: absolute;
	top:45%;
	left:50%;
	top:5%;
	left:22%;
	max-width:800px;
	max-height:530px; /*attempt to auto size the lightbox
	text-align:left;
	box-shadow:3px 3px 5px 6px #555555;
	***/
  /*	width:500px;
	width:700px;*/

  /*height:500px;*/

  /*margin:-220px 0 0 -350px;*/
  /*border:1px solid #fff;*/
  /* Commented out for LBS leaguer bootstrap integration 
	background:#FDFCE9; */
  background-color: #ffffff;
  /* top: 5%;\ */
}

.lightbox[id] {
  position: fixed;
}

/* 
.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.overlay[id] {
  position: fixed;
} */

.lightbox.done .lbLoadMessage {
  display: none;
}

.lightbox.done .lbContent {
  display: block;
}

.lightbox.loading {
  width: 230px;
  height: 29px;
  background-color: #eeeeee;
  top: 30%;
  left: 50%;
  margin-left: -115px;
}

.lightbox.loading .lbContent {
  display: none;
}

.lightbox.loading .lbLoadMessage {
  display: block;
  position: relative;
  width: 220px;
  height: 19px;
  top: 5px;
  left: 5px;
}

.lightbox.done img {
  /*width:100%;
	height:100%;*/
}

.lightbox.done .image img {
  width: 270px;
}

/*** Added by cb *****/
a.lbOn:hover {
  text-decoration: none;
}

/*** overlay lightbox ***/
/**** Menu Widget ****/
.lightbox.headlines {
  /* width: 600px;
  left: 50%;
  margin-left: -300px; */
}

.lightbox.edit-item.headlines {
  width: 430px;
  height: auto;
  max-height: 90%;
  overflow: auto;
  left: 50%;
  margin-left: -215px;
  font-family: "Helvetica_400";
  font-size: 1.2em;
}

.lightbox.edit-item.headlines .lightbox-details {
  padding: 10px;
}

.lightbox.edit-item.headlines .lbContent,
.lightbox.edit-item.picture .lbContent {
  width: auto;
  height: auto;
  /* background-color: #ffffff; */
}

/*** end menu widget ***/

.lightbox.edit-item {
  display: none;
  position: fixed;
  top: 5%;
  max-height: 90%;
  /*	max-width:610px;*/
  background: #fdfce9;
  text-align: left;
}

.lightbox.edit-item.headlines-text-image {
  left: 50%;
  width: 610px;
  margin-left: -305px;
}

.lightbox.edit-item .lbContent {
  /*max-width:610px;*/
  /*max-height:280px;*/
}

.edit-item.headlines-text-image .lbContent {
  max-width: 610px;
}

.lightbox.edit-item.widgets-page-content {
  left: 50%;
  width: 600px;
  margin-left: -300px;
}

.lightbox.edit-item.widgets-slide-show {
  width: 730px;
  margin-left: -365px;
  lef: 50%;
  height: auto;
  overflow-y: auto;
}

.lightbox.edit-item.widgets-slide-show .lbContent {
  width: auto;
  height: auto;
}

.lightbox.edit-item.widgets-slide-show .page-title {
  padding: 0px;
}

.lightbox.edit-item.widgets-slide-show .edit_item {
  background-color: #fdfce9;
  /* This value is lifted from .lightbox for consistent presentation for SlideShow widget */
}

.lightbox.edit-item.picture,
.lightbox.edit-item.title-footer {
  width: 410px;
  height: 130px;
  background-color: #ffffff;
  top: 12%;
  left: 50%;
  margin-left: -205px;
}

/*.lightbox.photo-selector-dialog {
	width:730px;
	margin-left: -365px;
}*/
.lightbox.edit-item.title-footer .lbContent {
  width: auto;
}

table.single-media-selector {
  font-size: 1.1em;
}

/****** Add Account Dialog ******/

.lightbox.add-account-dialog {
  /* width: 470px; */
  /* margin-left: -190px; */
  /* height: auto; */
  /* background-color: #ffffff; */
  /*margin: -100px 0 0 -215px;*/
  /* top: 25%; */
  /* padding-bottom: 10px; */
  /* padding: 0px;
  background: #262626;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4.8px; */
}

.lightbox.add-account-dialog .lbContent {
  /* position: relative; */
  /*	width:300px;*/
  /* top: 0px;
  left: 0px; */
}

/*** Widget title & Footer style ***/
/****** Custom lightbox styles ****************/
.page-list-wrapper,
.teams-list-wrapper {
  /*width:380px;*/
  /*margin:auto;*/
  /*margin-top:10px;*/
  /*border:1px solid #cccccc;
	/*background: url("/images/icons/spacer.png") repeat*/
}

.page-list-title,
.teams-list-title {
  /* background-color: #cccccc; */
  padding: 4px;
}

.page-list,
.teams-list {
  /*width:370px;*/
  /* overflow: auto; */
  padding: 0px;
  /* max-height: 215px; */
  position: relative;
}

.page-list-actions div,
.teams-list-actions div,
.link-form div {
  /*padding:4px;*/
}

.page-list-wrapper select,
.teams-list-wrapper select {
  width: 100%;
}

.lightbox.create-folder {
  /*	width:260px;
	margin-left:-130px;
	top:20%;*/
}

.folder-details {
  padding: 10px;
}

.link-form {
  padding: 5px;
}

.link-form th {
  text-align: right;
}

/*** tiny mce link selector page selector dialog ***/
.lightbox.mce-plugin-sorlink-lb {
  /* left: 50%; */
  top: 10%;
  margin-left: -200px;
  z-index: 10004 !important;
}

.lightbox.linkModal {
  top: 0%;
}

/*** tiny mce image selector page selector dialog ***/
.lightbox.mce-plugin-sorimage-lb {
  /* z-index: 10004 !important; */
  /* left: 50%;
  top: 10%;
  margin-left: -200px; */
}

/***** SPECIFIC DIALOG STYLES (generally lightboxes) *****/
.lightbox.page-index-dialog {
  /* width: 310px;
  max-height: 450px;
  background-color: #ffffff; */
  /*margin: -130px 0 0 -155px;*/
  /* top: 15%;
  left: 50%;
  margin-left: -165px;
  font-family: Tahoma, Helvetica, Arial, Sans-serif;
  font-size: 1.1em; */
}

.lightbox.page-index-dialog .lbContent {
  /*	position:relative;
/*	width:300px;*/
  /*	max-height:300px;
	top:0px;
	left:0px;*/
}

.page-index-wrapper {
  /*Commenting all out for lbs bootstrap integration
	border-bottom:1px solid #cccccc;
	width:100%;
	height:255px;*/
}

.page-index {
  max-height: 255px;
  overflow-y: auto;
}

.page-index-title {
  background-color: #cccccc;
  padding: 3px;
}

.page-index-tree-pane {
  /*position:absolute;
	/*top:29px;
	bottom:41px;
	width:100%;
	overflow:auto;
	padding-top:2px;*/
}

.page-index-button-pane {
  position: absolute;
  bottom: 0px;
  height: 20px;
  width: 100%;
}

.page-content {
  width: 90%;
  margin: auto;
  padding: 10px;
}

.page-title p {
  display: inline;
}

.page-title {
  /* padding:3px;
	font-weight:bold;
	font-size:1.2em;
	background-color:#CCCCCC !important;
	font-family:Tahoma,Helvetica,Arial,sans-serif; */
}

.page-details {
  /* padding: 5px; */
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}

.single-media-selector-field-constrained-width {
  /* max-width: 275px; */
  overflow: hidden;
}

/* .lightbox input {
  padding: 0px;
  padding: 0.25rem 0.5rem;
} */
.lightbox.location {
  /*
	left:50%;
	top:15%;
	margin-left:-200px;
	width:450px;*/
}

.lightbox.discounts {
  /* left: 50%;
  top: 15%;
  margin-left: -200px;
  width: 400px; */
}

.lightbox.user {
  left: 43%;
  left: 35%;
  font-size: 1.3em;
}

.lightbox.user .details {
  padding: 10px;
}

.lightbox.user .details input,
.lightbox.user .details select {
  padding: 5px;
}

.lightbox.user #user-dialog {
  width: 400px;
}

.lightbox.user #user-details {
  max-height: 365px;
  overflow-y: auto;
}

.lightbox.pricing {
  /*width:980px;
	max-width:980px;
	top: 1%; */
  /* left: 50%;
  margin-left: -43%; */
}

.lightbox.in-person-registration {
  /* width: 450px; */
  /* left: 50%; */
  /* margin-left: -225px; */
}

/** new LBS styling **/
.lightbox.in-person-registration .location-select .form-select {
  width: 90%;
  display: inline-block;
  margin-right: 0.5rem;
}

/**** Commenting out for LBS
.lightbox.waiver {
	left:50%;
	width:450px;
	margin-left:-225px;
}
.lightbox.waiver #waiver-details {
	padding:10px;
	padding-bottom:5px;
} *****/
.lightbox.edit-team-coordinator {
  width: 400px;
  left: 50%;
  margin-left: -200px;
}

/*  commenting out for LBS bootstrap implementation
.lightbox.add-team-coordinators {
	left:50%;
	margin-left:-470px;
	width:940px;
	max-width:940px;
	top:110px;
	font-size:12px;
}*/
.lightbox.send-team-message {
  /* width: 500px;
  left: 50%;
  margin-left: -250px; */
}

/* commenting out for LBS bootstrap implementation
.lightbox.new-team-roster-members {
	width:750px;
	left:50%;
	margin-left:-375px;
}*/
.lightbox.email-teams {
  width: 480px;
  left: 50%;
  top: 10%;
  margin-left: -240px;
}

.lightbox.email-teams .team-email-details {
  max-height: 460px;
  overflow-y: auto;
  padding: 5px 10px;
  font-size: 11px;
}

.lightbox.email-teams .team-email-details .content-title {
  margin-top: 10px;
  margin-bottom: 5px;
}

.lightbox.email-teams .team-email-details .standard.team-list td {
  padding: 0.5em;
}

/* .lightbox.view-page-details {
  width: 680px;
  left: 50%;
  margin-left: -340px;
  top: 3%;
} */
.lightbox.activity {
  width: 860px;
  margin-left: -430px;
  max-width: 860px;
}

.lightbox.create-page .page-details {
  /*max-height:400px;*/
  max-height: 85vh;
  overflow: auto;
}

/*
.lightbox.upload-asset {
	width:330px;
	left:50%;
	margin-left:-165px;
	top:10%;
}
.lightbox.upload-asset .dialog-title {
	padding:.2em
}

.lightbox.upload-asset form {
	font-size:12px;
}
.lightbox.upload-asset form div {
	margin:10px 5px;
}
.lightbox.upload-asset form label {
	display:block;	
}
*/
.lightbox.add-offline-participants {
  min-width: 610px;
}

.add-offline-participants .team-name {
  padding: 5px 10px;
}

/**** Order action lightbox *****/
/* .lightbox.order-action {
  width: 750px;
  left: 50%;
  margin-left: -375px;
}
.lightbox.order-action .main_content {
  max-height: 400px;
  overflow: auto;
  font-size: 1.1em;
}
.lightbox.order-action .intro-headline {
  font-size: 1.1em;
  font-weight: bold;
}
.lightbox.order-action .label {
  color: #555;
  margin-top: 5px;
} */
/**** Select Team Roster *****/
/* .lightbox.select_roster_people {
  width: 860px;
  max-width: 860px;
  left: 50%;
  margin-left: -430px;
}
.lightbox.select_roster_people .roster_people_team {
  padding: 10px 0px 0px 10px;
}
.lightbox.select_roster_people table {
  border-collapse: collapse;
  margin-bottom: 5px;
  margin-top: 10px;
} */
/**** new waiver ****/
.lightbox.view-waiver {
  width: 800px;
  left: 50%;
  margin-left: -400px;
}

.lightbox.view-waiver #waiver_details {
  max-height: 450px;
  overflow-y: auto;
}

.lightbox.new-waiver {
  /*left:50%;
	width:420px;
	margin-left:-210px;*/
}

/* .lightbox #waiver_details {
  padding: 10px;
} */
.lightbox.mini-dialog {
  /*width:300px;
	height:140px;
	left:50%;
	top:10%;
	margin-left:-25%;  /*-150px;*/
}

/* .lightbox.multiple-activities {
  max-width: 850px;
  width: 850px;
  left: 50%;
  margin-left: -400px;
} */
/* .lightbox.page-sort-order-lb {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  top: 10%;
  max-height: 85%;
} */
/*.lightbox.page-sort-order-lb .main_content {
	max-height:420px;
	overflow:auto;
}*/
.lightbox.page-parent-lb {
  width: 600px;
  left: 50%;
  margin-left: -300px;
}

.page-parent-lb .page-index {
  height: 200px;
}

.page-parent-lb .page-index-tree-pane {
  max-height: 200px;
  width: 96%;
  border: 1px solid #ddd;
}

.page-parent-lb .pages-to-edit {
  max-height: 200px;
  overflow-y: auto;
}

/* .lightbox.send-registration-reminder {
  width: 526px;
  left: 50%;
  margin-left: -263px;
} */
.lightbox .new-registration-reminder-details {
  max-height: 460px;
  overflow: auto;
}

/* .lightbox.send-registration-reminder th {
  vertical-align: top;
  padding: 5px 10px;
}
.lightbox.send-registration-reminder li {
  list-style-type: none;
}
.lightbox.send-registration-reminder ul {
  margin-left: 0px;
}
.lightbox.send-registration-reminder .action-buttons {
  margin-left: 107px;
} */
/**** Site Administration Lightbox styles *****/
.lightbox.column-320px {
  width: 650px;
  left: 50%;
  margin-left: -325px;
}

.lightbox.column-320px .widget-tti-content-container {
  overflow-x: hidden;
}

.lightbox.column-650px {
  width: 920px;
  max-width: 920px;
  left: 50%;
  margin-left: -460px;
}

.lightbox.column-980px {
  width: 930px;
  max-width: 930px;
  left: 50%;
  margin-left: -465px;
}

.lightbox.column-650px #widget_contents {
  width: 650px;
}

.lightbox.page-layout-theme-lb {
  width: 500px;
  left: 50%;
  margin-left: -250px;
}

.lightbox.page-layout-theme-lb .main_content {
  max-height: 400px;
  overflow: auto;
}

/* .lightbox.theme-layout-selector {
  width: 500px;
  left: 50%;
  margin-left: -250px;
} */
/***** New brand lightbox *****/
/* .lightbox.brands {
  width: 400px;
  left: 50%;
  margin-left: -200px;
  top: 20%;
} */
/* .lightbox.brands .dialog-title {
  padding: 5px;
}
.lightbox.brands #brand-details {
  padding: 10px;
} */

/***** New division lightbox *****/
/* .lightbox.division {
  width: 400px;
  left: 50%;
  margin-left: -200px;
  top: 120px;
} */
/* .lightbox.division .dialog-title {
  padding: 5px;
}
.lightbox.division #division-details {
  padding: 10px;
} */

#new_custom_form .reset-custom-fields {
  display: none;
}

#widget_edit_item .modal-content {
  /* background-color: transparent; */
}

.lightbox.edit-item .widget_item.edit_item {
  background-color: transparent;
}

.bg-light-modal .modal-dialog .modal-content {
  background-color: white;
}

.bg-light-modal .modal-dialog .modal-content .title_text {
  color: black;
}

.bg-light-modal .btn-close,
.bglightmodal .btn-close {
  background: url("/assets/icons/bg_white_modal_close.svg") no-repeat !important;
  background-size: cover !important;
}

.bg-light-modal label {
  color: black;
  margin-bottom: 4px;
  display: block;
  font-size: 16px;
}

.modal_file input[type="file"] {
  display: none;
}

@media (max-width: 991.98px) {
  .page-content {
    width: 100%;
  }
}
