/* ptly - jquery ui overrides - fix issues in the existin jquery / jquery-ui that we use */

/* fix due to hover tabs causing tabs in 2nd row to jump all over the place  - 1 */
.ui-tabs .ui-tabs-nav li {
	top:0;
	border-bottom-width:0;
	margin:1px .2em 0 0;
	border: 1px solid transparent;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-widget-content .ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-widget-header .ui-tabs .ui-tabs-nav li.ui-state-hover,
.ui-tabs .ui-tabs-nav li.ui-state-active, .ui-widget-content .ui-tabs .ui-tabs-nav li.ui-state-active, .ui-widget-header .ui-tabs .ui-tabs-nav li.ui-state-active {
	border: 1px solid #aaaaaa;
	border-bottom: 1px solid transparent;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom:-1px;
}

#tabs  li.ui-sortable-helper > .ui-icon-close {
	margin-right: 0px;
}

/* fix due to hover tabs causing tabs in 2nd row to jump all over the place  - 0 */


/*JQuery UI overrides*/
.ui-front {
    z-index: 1500;
}
.ui-autocomplete{
    z-index: 2000;
}
.ui-tabs-nav
{
font-size:11px !important;
}

/*JQuery UI - Smoothness*/
/*.ui-autocomplete-input { margin: 0; padding: 0;height: 1.7em; }*/
.whiteBackground{
	background: white !important;
}
.greyBackground{
	background-color: #F7F7F7;
	color:black;
}
.transparentBackground{
	background: transparent !important;
}
.padding5{
	padding:5px !important;
}
.padding0{
	padding:0 !important;
}

.ui-custom-steps {
	background-image: url('/images/stepsIcon.png') !important;
}
.ui-textfield {
    font: inherit;
    color: inherit;
    background: none;
    text-align: inherit;
    outline: none;
    cursor: text;
}
/*input[type=text].ui-formStyled,input[type=password].ui-formStyled{
   height:1.8em;
   padding:5px;
}
body.borderBox input[type=text].ui-formStyled,body.borderBox input[type=password].ui-formStyled{
   height:2.8em;
   padding:.4em;
   margin-bottom:1px;
}*/
ui-formStyled form-control{
max-width:100%;
}
.form-control-inline {
    min-width: 0 !important;
    width: auto !important;
    display: inline !important;
}
select.ui-formStyled option{
   padding-top:7px;
   font-size:18px;
}
select.ui-formStyled{
   padding:7px 5px 4px;
   display:inline;
   font-size: 16px;
   padding: 6px 5px;

    height: auto;
}
ui-formStyled ui-widget-content{
	font-weight:normal;
}
 /* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" fa-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0;
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
}
.ui-button-icon-only .ui-icon[class*=" fa-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.fa-lg {
    margin-top: -0.45em;
}
.fa-lg
{
	line-height:1em;
}
/*iLightbox overrides*/
.ilightbox-overlay {
	z-index: 2000;
}

.ilightbox-loader {
	z-index: 2005;
}

.ilightbox-toolbar {
	z-index: 2010;
}
.ilightbox-thumbnails {
	z-index: 2009;
}
.ilightbox-holder {
	z-index: 2003;
}
.ilightbox-holder .ilightbox-container .ilightbox-caption {
	z-index: 1203;
}

.ilightbox-holder .ilightbox-container .ilightbox-social {
	z-index: 1203;
}
.ilightbox-holder .ilightbox-inner-toolbar {
	z-index: 1100;
}

.ilightbox-button {
	z-index: 2008;
}
.ilightbox-toolbar.parade{
	top:0 !important;
	right:0 !important;
	margin-top: -25px;
	display:block !important;
}
/*Fix to make close icon the same height as text to prevent stacking*/
.select2-selection__clear{
	border: 1px solid white;
}

.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * {
	line-height:normal;
}
.cke_button_label.cke_button__inlinesave_label {
    display: inline;
}
.cke_button_label.cke_button__readmore_label,.cke_button_label.cke_button__collapsibleitem_label {
    display: inline;
}
#showAdvancedOptionsField{
width:200px;
}
/*.checkbox{
margin:0px;
padding:0px;
}*/
/*form.less overrides*/
label{
    display: inline;
}
.table{
	margin-bottom:0;
}
label>input,label>textarea,label>select{
	font-weight:normal !important;
}
/*To enable ckfinder preview to appear over contentbuilder*/
#colorbox, #cboxOverlay, #cboxWrapper{z-index:10100 !important}

/*Help with migration to form-less*/
select.form-control{
	max-width:100%;
}
div.input-group select.form-control{
	max-width:none;
}
/*
.form-control{
    width: initial;
    display:inline-block;
}
*/
/*Checkbox overrides*/

.control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  padding: 30px;
  width: 200px;
  height: 210px;
  margin: 10px;
}
.control {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
/*  font-size: 18px;*/
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 0px; /* -2px was too high on advanced tables search */
    left: 0;
    height: 18px;
    width: 18px;
    background: #e6e6e6;
    border:1px solid gray;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #2aa1c0;
  margin-right: 4px;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
    left: .4em;
    top: -.1em;
    width: 7px;
    height: 16px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 4.1px;
    top: 3.7px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.wizard > .content > .body label{
	margin-bottom:0;
	display:inline;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    border: 1px solid #b9b8b8;
}
.vco-slider .slider-item .content-container.layout-media .text {
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}
.row-tool{
	z-index:2000 !important;
}
.ui-datepicker{
	z-index:20000 !important;	
}
.innerFieldContainer>div{
	max-width:100%;
	overflow:hidden;
}
/*Form builder overrides*/
.field-actions a:nth-child(2).toggle-form{
	margin-left:0;
}
/*.field-actions a:nth-child(1).show-advanced{
	margin-left:5px;
	padding-top: 5px;
}*/
.frmb .field-actions .show-advanced:hover {
    background-color: #b930c3;
    color: #fff;
}
.popover{
z-index:1600
}
button, input, optgroup, select, textarea {
    color: initial;
}
.tiva-event-list-full .event-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.tiva-event-list-full .event-intro::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.tiva-event-list-full .event-intro::-webkit-scrollbar
{
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}
.tiva-event-list-full .event-intro::-webkit-scrollbar-thumb
{
	background-color: #777;
}
.tiva-event-tooltip .registerButtons{
	display:none;
}
.tiva-event-list-full .event-intro {
    max-height: 250px;
    overflow: auto;
}
.eventsLandingPage .adminAccess button.btn.btn-primary {
    margin-top: 0 !important;
}
@media all and (max-width: 540px) {
    .center {
    	text-align:center;
    }
}
.vco-slider .slider-item .content-container.layout-media .media{
	text-align:center;
}
/*Make Noty text larger*/
#noty_top_layout_container .noty_text{
	font-size:16px;
}
.ui-widget input.btn, .ui-widget button.btn
{
	font-size:initial;
}
div.gridbox,div.gridbox * {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.gridGroup div.gridbox div.objbox {
	overflow-x:hidden
}
.control input.notMatch ~ .control__indicator{
	background:#FFBABA;
}
.nav-tabs~.tab-content.panel.panel-body
{
	border-top: none;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}
.nav-lg a{
    font-size: 1.3em;
}
.nav-xl a{
    font-size: 2em;
}
/*fix to allow menus to shrink*/
.nav.navbar-nav.sm>li>a
{
	padding-left:3px;
	padding-right:3px;
}
.checkbox>label, .radio>label{
	padding-left:30px;
}
.select2-dropdown.hidden{
	display:none !important;
}
/*
.modal.verticalCentre {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal.myModal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal.myModal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}*/
.modal.myModal .modal-header{
	padding-bottom:0;
	text-align:center;
}
.modal.myModal .modal-body {
    padding-top: 0;
}
.slider-content>div{
	background-color:rgba(255,255,255,.7);
	font-weight:bold;

}
body.opened-keditor-sidebar .keditor-content-area {
  margin-right: 0;
}
@media (min-width: 992px)
{
	.modal-xl {
	    width: 90%;
	}
}
.modal-header .close {
    margin-top: -10px;
    font-size:35px;
}
.sw-main>ul.nav>li>a>div {
    vertical-align: middle;
    padding: 0 5px;
}
.step-anchor>li>a{
	height:100%
}
.sw-main>ul.step-anchor.large>li>a>div {
    display: table-cell;
}
.sw-main>ul.nav.large>li>a>div {
    height: 70px; 
    padding: 0 30px;
    font-size:1.5em;
}
.sw-main>ul.nav>li>a>div>div
{
	max-width:200px;
}
.sw-main>ul.nav>li>a>div>div small
{
	font-size:50%;
}
.sw-theme-dots>ul.step-anchor>li>a:after{
	bottom:0 !important;
}
.sw-theme-circles>ul.step-anchor.large>li>a
{
	width:auto;
	height:auto;
	text-align: center;
	padding:0;
}
.sw-theme-circles>ul.step-anchor.large>li>a>div
{
	height: 150px;
	padding: 0;
	width: 150px;
}
.sw-theme-circles>ul.step-anchor.large>li>a>div>div
{
/*	width:90px;*/
}
.sw-main.sw-theme-arrows>ul.nav>li>a>div>div
{
	max-width:none;
}
.sw-theme-arrows>ul.step-anchor{
	display:flex;
}
.sw-theme-arrows>ul.step-anchor>li{
	flex-grow:1;
}
.sw-theme-arrows>ul.step-anchor>li:last-child{
	margin-right:30px;
}
.btn-huge{
    padding:30px;
    font-size:2em;
}
.nopadding {
   padding: 0;
   margin: 0;
}
.modal{
	z-index:10010;
}
.modal-backdrop{
	z-index:10009;
}
.cke_editable_inline .popupWindowPTLY {
	display: block;
}
.lobipanel{
	display:flex;
	flex-direction:column;
}
.lobipanel:not(.userResults):not(.quickSearResults) .panel-body {
	flex-grow:1;
}
.contentBuilder .row .module img{
	margin:0;
	max-width:none;
}
.contentBuilder .contentBuilder .snippetEditContainer {
	display:none;
}
html,body,td,td.cell,p,.btn{
    font-size:16px;
    font-family:arial,helvetica,sans-serif;
    line-height:normal;
}
/*ptly -1*/
@media screen and (min-width: 768px) { 
	.hoverProfileRow
	{
		display: flex;
		flex-direction: row;
	}
}
@media screen and (max-width: 768px) { 
	.hoverProfileRow>div,.hoverProfileRow>div>div
	{
		max-height:350px;
		overflow:hidden;
	}

}
.hoverProfileRow>div,.hoverProfileRow>div>div
{
	overflow:hidden;
}
@media screen and (min-width: 768px) { 

	.flex-square-container {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-flow: row;
	}
	.flex-square-container>*:before {
	    content:'';
	    float:left;
	    padding-top:100%;
	}
}
.flex-square-container {
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: space-around;
}
.flex-square-container>* {
    flex: 1 0 auto;
}

.hoverProfileContainer{
    position:relative;
    overflow:hidden;
}
.hoverProfileRow .hoverProfileContainer .mainProfile{
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 768px) { 
	.hoverProfileRow .hoverProfileContainer .mainProfile{
	    position: absolute;
	}
}
.hoverProfileContainer .mainProfile * {
    width: 100% !important;
    object-fit: cover;
    object-position: center;
    margin: 0 !important;
    height: 100%;
}

.hoverProfileContainer .hoverTitle{
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 20px;
	color:white;
	transition:all .5s linear;
	background-color:rgba(0,0,0,.2);
}
.hoverProfileContainer .hoverTitle h4{
	margin:0;
}
.hoverProfileContainer .hoverTitle:after{
	border-bottom: 3px solid #f00;
	content: '';
	display: block;
	width: 20%;
}
.hoverProfileContainer:hover .hoverTitle{
	opacity:0;
}
.hasContentBuilder .hoverProfileContainer .hoverTitle,.hasContentBox .hoverProfileContainer .hoverTitle{
	position: relative;
	opacity:1;
	background-color:rgba(0,0,0,.3);
}
.hoverProfileContainer:hover .hoverProfile{
    opacity:.8;
    margin-top:0 !important;
}
.hoverProfileContainer.slide .hoverProfile{
    margin-top:100%;
}
.hoverProfileContainer .hoverProfile{
    opacity:0;
    transition:all .5s linear;
    opacity:0;
    text-align: center;
    background-color: rgb(0, 29, 51);
    color: rgb(255, 255, 255);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
    padding: 3%;
}
.hasContentBuilder .hoverProfileContainer .hoverProfile{
	height:unset;
}


.hasContentBuilder .hoverProfileContainer,.hasContentBox .hoverProfileContainer {
	display:block;
}
.hasContentBuilder .hoverProfileContainer .mainProfile,.hasContentBox .hoverProfileContainer .mainProfile{
	position:relative;
	height: initial;
}
.hasContentBuilder .hoverProfileContainer .hoverProfile,.hasContentBox .hoverProfileContainer .hoverProfile{
	position:relative;
	margin-top:0;
	opacity:1;
}
/*ptly -0*/
.cke_reset_all.cke_dialog_container{
/*moved from 10010 to 10020 because view source was under "edit template"*/
	z-index:10020 !important;
}
#cke_7_bottom{
	z-index:10010 !important;
}
/*News module layout changes - OCT2021*/

div#continueReading a {
	color: #1F3D84;
	font-weight: bold;
	border: 1px solid #1F3D84;
	padding: 11px;
	border-radius: 20px;
	margin-left: 8px;
}

div#continueReading {
	background-color: #fff !important;
}

.bullModContainer .container-fluid #subjectText {
	color: #1F3D84;
	padding-bottom: 8px;
}

.col-xs-4.articleContainer {
	box-shadow: rgba(229, 234, 237, 0.816) 0px 3px 20px, rgba(0, 0, 0, 0.14) 0px 3px 13px;
	border: 1px solid rgb(239, 244, 247);
	border-radius: 20px;
	border-left: 1px solid #e5e6e8 !important;
	background-color: #e5e6e8;
}

#mainContent .contentContainer.action_check_bulletin div#ImageEvent {
	border-color: #fff !important;
	background-color: #e5e6e8 !important;
	border-top: 1px solid #e5e6e8 !important;
}

#mainContent .contentContainer.action_check_bulletin .bullModContainer .col-xs-4.articleContainer div:nth-child(3),#mainContent .contentContainer .bullModContainer .col-xs-4.articleContainer div:nth-child(3)  {
	background-color: #fff !important;
	border: #fff !important;
	border-top: none !important;
	padding: 20px !important;
}

.bullModContainer .container-fluid #continueReading {
	padding: 23px;
}

div#continueReading a {
	margin-left: 0px;
}

.bullModContainer .container-fluid #fullDescriptionText {
	margin-bottom: 0px;
}

div#continueReading a span:hover {
	color: #1F3D84 !important;
}

/* Business directory - Discount overlapping Fix - Oct 2021*/

div#cardDisplayContainer .business-card .media-body div {
	bottom: -22px !important;
}

div#cardDisplayContainer .business-card .content {
	padding-bottom: 12px;
	background-color: #fff;
}
/* Events - New design style*/	

div#mainContent .tiva-event-list-full .event-item-left
, .tiva-event-list-full .event-item-right
{		
	float: right !important;			
}



#mainContent .tiva-events-calendar-wrap {
      border: none !important;
    box-shadow: none !important;
}

#mainContent .tiva-event-list-full.tiva-event-list {
    background-color: #fff;
}

#mainContent .event-item {
  box-shadow: rgba(229, 234, 237, 0.816) 0px 3px 20px, rgba(0, 0, 0, 0.14) 0px 3px 13px;
    border: 1px solid rgb(239, 244, 247);
border: 1px solid #EFF4F7;
border-radius: 25px;
opacity: 1;
border-top:none !important;    
}


#mainContent .tiva-event-list-full .event-item-right {
    width: 68%;
}


#mainContent .tiva-event-list-full .event-item-left 
{width:30%;}

#mainContent .tiva-event-list-full .event-image img {
    border-radius: 20px;
}

#mainContent .tiva-event-list-full .event-item,.tiva-event-list-full .event-item:first-child  {
    max-height: 400px;
    overflow: auto;
    padding: 30px;
    padding-right: 10px;
    }

 #mainContent .tiva-event-list-full .event-name {
    font-size: 26px;
    color: #000;
    margin-bottom: 4px;
    font-weight: bold;
}

#mainContent .tiva-event-list-full .event-time, 
.tiva-event-list-full .event-date {
    margin-bottom: 3px;
    color: #3E3E3E   !important;;
    font-size: 19px  !important;;
    font-weight: bold  !important;;
}

#mainContent  .events-calendar-bar {
  padding-left: 20px;
}

#mainContent .tiva-event-list-full .event-intro 
{max-height:none !important}

#mainContent .tiva-event-list-full .event-intro > * 
{
	color: #3E3E3E !important;
	clear:left;
}

#mainContent .tiva-event-list-full .event-intro .registerButtons.btn-group 
{
	/*float: left !important;*/
	margin: 10px 0px;
}


#mainContent .tiva-event-list-full .event-intro .registerButtons a.btn.btn-success
{
    background-image: none;
    padding: 9px;
    border-radius: 6px;
    margin-right: 10px;
    border: 2px solid #DB7601;
    opacity: 1;
    font-size: 18px;
    background: #DB7601;
    color: #fff;
}
#mainContent .tiva-event-list-full .event-intro .registerButtons a.btn.btn-info{
    color: #3b4182;
    background-image: none;
     padding: 9px;
    border-radius: 6px;
    font-size: 18px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 2px solid #3b4182;
}


#mainContent .events-calendar-bar span.bar-btn.calendar-view  
{background:  #5AA4A3;} 


#mainContent .events-calendar-bar span.bar-btn.list-view.active,
#mainContent .events-calendar-bar span.bar-btn.list-view  {
background: #3b4182;}


#mainContent .events-calendar-bar span.bar-btn.calendar-view,#mainContent .events-calendar-bar span.bar-btn.list-view.active,#mainContent .events-calendar-bar span.bar-btn.list-view {
    font-size: 20px;
    padding: 8px 35px;
    border-radius:6px
}
#mainContent .events-calendar-bar  .calendar-view i {
    top: 10px;
  }

#mainContent .events-calendar-bar  .list-view i{
    top: 12px;
  }

/* Events Landing Page - new design - Nov2020*/

#mainContent .eventsLandingPage h1,#mainContent .eventsLandingPage h2 {
color: #122d52;
text-transform:uppercase;
letter-spacing:1px;
}

#mainContent .eventsLandingPage .panel.panel-default.col-md-4 {
    background-color: #303030;

animation-fill-mode: both;
animation-name: zoomIn;
animation-duration: 1s;
}


#eventSidebar h3,#eventSidebar h4 {
    color:#fff;
}


#mainContent .eventsLandingPage button#finishAndPay.btn.btn-success.btn-block {
    background-image: none !important;
    background-color:  linear-gradient(to bottom,#565d56 0,#DB7601 100%) ;
    background-color:  #DB7601;
    border: none;
margin-top: 10px;
}

#mainContent .eventsLandingPage button#finishAndPay.btn.btn-success.btn-block span {
    font-size:18px;
}

#mainContent .eventsLandingPage button.btn.btn-primary {
   
    background: #122d52;
    border: none;
    margin: 18px 0 !important;
}

#mainContent .eventsLandingPage {

   box-shadow: rgba(229, 234, 237, 0.816) 0px 3px 20px, rgba(0, 0, 0, 0.14) 0px 3px 13px;

}

#mainContent .eventsLandingPage {

  padding:20px ;
}




#mainContent .eventsLandingPage #addAdmin .input-group-btn button.btn.btn-primary {
   background: #122d52;
   margin-top: 0px !important;
   padding: 8px 10px;

}

#mainContent  .eventsLandingPage .adminAccess a {
 margin:5px 0;
}

#mainContent .eventsLandingPage span.select2-selection__arrow {
    margin-top: -12px;
}

#mainContent .eventsLandingPage .panel-body table#eventInfoTable td {
    color: #fff;
}

#mainContent .eventsLandingPage .panel-body .info {
    color: #eee;
    background-color:  #122d52;
    background-image: url(/images/icons/Info.png);
    margin: 15px 0 !important;
}

#mainContent .eventsLandingPage
#addtocal div#my-id.add-to-calendar
label.add-to-calendar-checkbox.btn.btn-primary.btn-block {
background: #122d52;
border: 1px solid #fff;

    }

/*events landing page extras*/

.isLoggedIn #mainContent  .eventsLandingPage .panel.panel-default.col-md-4{

    position: sticky;
    top:0;
    min-height: 100%;
  }

.isLoggedIn #mainContent .eventsLandingPage button#finishAndPay.btn.btn-success.btn-block
{
  margin-top:10px
   
}

 #mainContent  .eventsLandingPage .panel.panel-default.col-md-4{
      position: sticky;
    top:0;
    min-height: 100%;
      min-height: 420px; 
}

#mainContent .eventsLandingPage button#finishAndPay.btn.btn-success.btn-block
{
   
margin-top:50px;

}


#mainContent .eventsLandingPage .panel.panel-default.col-md-4 .panel-body div {
    color: #fff;
}

#mainContent .eventsLandingPage .panel.panel-default.col-md-4  .panel-body {
  margin-top:15%;}


@media screen and (max-width: 1024px) {
#mainContent .eventsLandingPage .panel.panel-default.col-md-4 {position:unset !important;min-height: unset !important;} 
}
@media screen and (max-width:768px){
	/*Donation page Images Mobile view Fix- Nov 2021 */
	#mainContent div#donationContentContainer img {
    height: unset !important;
}
      section#mainContentContainer div#mainContent .tiva-event-list-full .event-item-right
    {
        display: block !important;;
        float: none !important;
        width: 100% !important;
    }

    section#mainContentContainer div#mainContent .tiva-event-list-full .event-item-left{ 
        display: block !important;;
        float: none !important;
        width:70% !important;}

    section#mainContentContainer div#mainContent .tiva-event-list-full .event-item, 
    .tiva-event-list-full .event-item:first-child{max-height:400px;}
}
#payNowDisplay
{
	min-width:200px;
	position:sticky;
	bottom:0;
}
.cke_inner.cke_reset.cke_maximized{
	z-index: 10010 !important;
}
.input-group .select2 {
        width: 100%;
    }
meter {
  --optimum: forestgreen;
  --sub-optimum: gold;
  --sub-sub-optimum: crimson;

  /* The gray background in Firefox */
  background: var(--background);
  display: block;
  width: 100%;
}

/* The gray background in Chrome, etc. */
meter::-webkit-meter-bar {
  background: var(--background);
}

/* The green (optimum) bar in Firefox */
meter:-moz-meter-optimum::-moz-meter-bar {
  background: var(--optimum);
}

/* The green (optimum) bar in Chrome etc. */
meter::-webkit-meter-optimum-value {
  background: var(--optimum);
}

/* The yellow (sub-optimum) bar in Firefox */
meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: var(--sub-optimum);
}

/* The yellow (sub-optimum) bar in Chrome etc. */
meter::-webkit-meter-suboptimum-value {
  background: var(--sub-optimum);
}

/* The red (even less good) bar in Firefox */
meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: var(--sub-sub-optimum);
}

/* The red (even less good) bar in Chrome etc. */
meter::-webkit-meter-even-less-good-value {
  background: var(--sub-sub-optimum);
}
.input-group>.select2 {
  display: table-cell;
}
.input-group>.select2-hidden-accessible {
  display: none;
}
.flexColumn {
  display: flex;
  flex-direction: column;
  justify-content:center;
}
@media (min-width: 768px){
.flexRow {
  display: flex;
  flex-direction: row;
  justify-content:center;
	}
	.flexRow>img {
		height:100%
	}
}
.flexRow>*,
.flexColumn>* {
  flex-grow: 1;
}
.no-grow{
  flex-grow: 0!important;
}
.no-shrink
{
  flex-shrink: 0!important;
}
.flexRow>.break {
  flex-basis: 100%;
  height: 0;
}
.flexColumn>.break {
  flex-basis: 100%;
  width: 0;
}
.input-group.flexRow>.input-group-btn{
	width: auto !important;
}
.btn-group.no-border-radius button,.no-border-radius
{
	border-radius:0 !important;
}
.rendered-form .radio-group>div{
	margin-top:5px;
}
@media (min-width: 768px) {
	.pull-right-sm {
	  float: right;
	}
}
@media (min-width: 992px) {
	.pull-right-md {
	  float: right;
	}
}
@media (min-width: 1200px) {
	.pull-right-lg {
	  float: right;
	}
}
.ilightbox-wrapper>div{
	height:100%;
}
body.mobile .cke_screen_reader_only{
	display:none!important;
}
.hasContentBuilder .show-in-builder,.hasContentBuilder .popupWindowPTLY{
	display:block!important;
}
.hasContentBuilder .hide-in-builder{
	display:none!important;
}
.dependantContentContainer .previewTrigger{
	float:right;
	opacity:0;
}
.dependantContentContainer:hover .previewTrigger{
	opacity:.2;
}
.dependantContentContainer .previewTrigger:hover{
	opacity:1;
}
.glide {
    cursor: -webkit-grab
}

.glide.threeD .glide__slides {
    margin: 40px
}

.glide.threeD .glide__arrow {
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    border: 0;
    outline: 0
}

.glide.threeD .glide--dragging {
    cursor: -webkit-grabbing
}

.glide.threeD .frame {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 13.33333rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform
}
/*
@media (min-width: 42.5em) {
    .glide .frame {
        height:22.22222rem
    }
}
*/
.glide.threeD .frame>* {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(0,0,0,.5);
    border-radius: 1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color:white;
}

.glide.threeD .frame>:first-child {
    border-radius: 2px;
/*    -webkit-box-shadow: 0 .5rem 4rem 0 rgba(0,0,0,.5);
    box-shadow: 0 .5rem 4rem 0 rgba(0,0,0,.5); */
}

.glide.threeD .frame>:nth-child(2) {
    top: 0;
    right: 0;
    width: 3rem;
    -webkit-transform: translate3d(-1px,0,-3rem) rotateY(90deg);
    transform: translate3d(-1px,0,-3rem) rotateY(90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    border-width: 3px;
    border-right-width: 9px
}

.glide.threeD .frame>:nth-child(3) {
    top: 0;
    left: 0;
    width: 3rem;
    -webkit-transform: translate3d(1px,0,-3rem) rotateY(-90deg);
    transform: translate3d(1px,0,-3rem) rotateY(-90deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    border-width: 3px;
    border-left-width: 9px
}

.glide.threeD .frames {
    padding-top: 2rem;
    padding-bottom: 3rem
}

@media (min-width: 42.5em) {
    .glide .frames {
        padding-top:4rem;
        padding-bottom: 5rem
    }
}

.glide.threeD .frames__list {
    overflow: visible
}


.frames__item {
    -webkit-transform: perspective(2000px);
    transform: perspective(2000px)
}
#_cbhtml .is-modal > div:not(.is-modal-overlay)
{
	border:3px solid red;
}
.panel-default>.panel-heading{
	border-bottom:none;
}
.panel-body.flexColumn>*{
	overflow:auto;
}
.grid-stack-item-content .panel-body.flexColumn>* {
    overflow: hidden;
}
.context-menu-list.context-menu-root{
	z-index:100!important;
}
.dhx_grid-header-cell-text_content
{
	line-height:normal!important;
}
body.fullWidthPage #mainContent,body.fullWidthPage #mainContentTable{
	min-width:1200px;
	width:100% !important;
	max-width:2000px;
	margin:auto;
}
#mainContent{
	transition:all 1s linear;
}
.flexRow>input,.flexRow>select{
	height:auto;
}
.pinButtons>*{
	flex-grow:0;
}
.pinButtons>p:last-of-type{
	flex-grow:1;
}
/*Qeick Login width Fix - Events - signin required for users to register*/
#mainContent .eventsContainer #eventSidebar #registration {
    width: 100%;
}
.corner button{
    background-color: green;
    margin-right: 20px;
    position: relative;
    border-radius: 3px;
}
.corner button:after, .corner button:before {
    content: "";
    position: absolute;
    left: 100%;
    width: 20px;
    height: 50%;
}
.corner button:before {
    top: 0px;
    background: linear-gradient(to top right, green 50%, transparent 51%);
}
.corner button:after {
    bottom: 0px;
    background: linear-gradient(to bottom right, green 50%, transparent 51%);
}
.corner  button.btn-primary.outline:before {
    background: linear-gradient(to top right, #245580 50%, transparent 51%);
}
.corner  button.btn-danger.outline:before {
    background: linear-gradient(to top right, #c12e2a 50%, transparent 51%);
}
.corner  button.btn-primary.outline:after {
    background: linear-gradient(to bottom right, #245580 50%, transparent 51%);
}
.corner  button.btn-danger.outline:after {
    background: linear-gradient(to bottom right, #c12e2a 50%, transparent 51%);
}
#secondaryMenuContainer li.menu.activeMenu{
	border-bottom:1px solid black;
}
.btn{
white-space: normal;
}
.input-group .btn {
    white-space: unset;
}
body:not(.isLoggedIn) .alert.modOptions{
	display:none;
}