.is-wrapper {
  opacity: 1!important;
}
.stripedContainer>*:nth-child(odd) {
    background-color: rgb(204 204 204 / 32%);
}
.rendered-form.row label>p{
	float:left;
}
.rendered-form.row p{
	margin:0!important;
}
.rendered-form.row{
	flex-wrap: wrap!important;
}
.rendered-form textarea{
	width:100%;
	border: 1px solid grey;
	height:250px
}
.editOptions a{ 
	display:block
}
.blur-image-container {
	--bg-image: url('/Library/ContentBoxSource5.5.3/public/assets/templates-simple/images/img-009.jpg'); /* This is the default image */
	position: relative;
/*	width: 100vw;
	height: 100vh;*/
/*	background-image: var(--bg-image);*/
	overflow: hidden;
}

.blur-image-container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: var(--bg-image);
	background-size: cover;
	background-position: center;
	filter: blur(20px);
/*	z-index: -1;*/
	opacity: .7;
}

.blur-image-container>div {
	position: relative;
	background-image: var(--bg-image);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	z-index: 1;
}

.blur-image-container>img {
    position: relative;
    width: 50%; /* You can adjust this as needed */
    margin: 0 auto;
    top: 25%; /* Adjust this as needed */
}

#BGslideshowContainer{
    z-index: -10;
    position: absolute;
}
.readOnlyText{
	display:block;
}


header{
/*	z-index:10; /*header overlaps content https://gtoba.terrace.qld.edu.au/*/
    position: relative; z-index increased to prevent buttons showing over menu (https://community.ags.school.nz/?code=u0001&) */
/*    z-index: 1010;  too high, was over the login tab*/
	z-index:1;
}
#underMenuContainer{
    z-index: -1;
    position: relative;
}
html,
body {
	height: 100%;
}

body.flexColumn #mainFullPageContainerDiv,
body.flexColumn>#mainContent {
	flex: 1 0 auto;
}

body.flexColumn>:not(#outsideMainFullPageContainerDiv):not(#mainContent) {
	flex-shrink: 0;
}

#mainContentContainer {
	display: flex;
	flex-direction: column;
	clear: both;
}

#mainContentContainer>div {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

#mainContentContainer>div>header,
#mainContentContainer>div>footer {
	flex-grow: 0;
}

#mainContentContainer>div>#mainContent,#mainAdminContent {
	flex-grow: 1;
}


/***************************************************
Content Box
***************************************************/

#mainContent, #mainAdminContent {
	width: 1200px;
	margin: auto;
	max-width: 100%;
}
#mainAdminContent {
	margin: 35px auto 0;
	padding-left:10px;
}
/*#mainContentContainer>div>#mainAdminContent{
	margin-top:0px;
}*/


.is-wrapper.is-edit .setupModuleEditor:empty,
.is-builder .setupModuleEditor:empty,
.is-wrapper.is-edit .PTLYDynMod:empty,
.is-builder .PTLYDynMod:empty {
	background-image: url(/images/modules/PTLYDynamicModules.png)!important;
	background-size: 100% auto!important;
	min-height: 100px!important;
	background-position-y: center!important;
	opacity: 1!important;
	margin: 10px!important;
	border: lightgray 1px solid!important;
}


/***************************************************/

body.borderBox *,
body.cke_editable *,
div.layoutmanager,
div.layoutmanager *,
div.layout-container,
div.layout-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body.fullWidth #navigationContainer div.alert {
	margin-left: -10px 65px 0 0 !important
}

fieldset {
	padding: 10px !important;
}

.bulletinImages {
	margin: 5px 10px 5px 5px;
}

#contactIconGroup i {
	height: 16px;
}

#menuContainer {
	z-index: 500;
}

body {
	/* ios safari auto resizes some text , probably due to px values */
	-webkit-text-size-adjust: 100%;
}

#adminContainer {
	max-width: 1000px;
	width: 100%;
	margin: auto;
	position: relative;
}

#mainFullPageContainerDiv {
	text-align: center;
	padding-top: 20px;
	width: 1200px;
	margin: auto;
	transition: all .5s linear;
}




#headerContainer {
	width: 1200px;
	text-align: left;
	margin: 0 auto;
	z-index: 10;
	clear: both;
	overflow: hidden;
}

#headerContainer>*,
#headerContainer table * {
	z-index: 110;
}

#adminContainer {
	padding-bottom: 10px;
}

div.info,div.success,div.warning,div.error,div.blank {
	border: 1px solid;
	margin: 10px 12px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px 7px;
	text-align: left;
}
@media (max-width: 767px) {
	margin: 10px 0;
}
div.blank div.info,div.blank div.success,div.blank div.warning,div.blank div.error,div.blank div.blank {
	margin: 10px 0;
}

div.blank {
	padding: 0;
	border: 0;
}

.inv {
	padding-left: 5px;
	padding-right: 5px;
}

.info.inv {
	background-color: #00529B;
	color: #ffffff;
}

.success.inv {
	background-color: #4F8A10;
	color: #ffffff;
}

.warning.inv {
	background-color: #9F6000;
	color: #ffffff;
}

.error.inv {
	background-color: #D8000C;
	color: #ffffff;
}

.info {
	color: #00529B;
}

.success {
	color: #4F8A10;
}

.warning {
	color: #9F6000;
}

.error {
	color: #D8000C;
}

div.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/images/icons/Info.png');
}

div.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/images/icons/Valid Green.png');
}

div.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/images/icons/Attention.png');
}

div.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/icons/Cancel.png');
}


div.alert:not([class*="alert-"]) *,
div.alert:not([class*="alert-"]) a {
	color: black !important;
}

div.alert:not([class*="alert-"]) {
	border: 1px solid #000000;
	margin: 3px;
	padding: 5px;
	background-color: #FFFF00;
	clear: both;
	font-weight: bold;
	cursor: pointer;
}

.transOn {
	opacity: .25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
}

.trans70 {
	opacity: .7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

.trans50 {
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

form {
	margin: 0px;
}

input.newDiary {
	background-color: #000066;
	color: #FFFFFF;
	font-weight: bold;
	border: 2 solid #FFFF00;
}

input.diary {
	background-color: #000066;
	color: #FFFFFF;
	font-weight: bold;
	border: 2 solid #FF0000;
}


#securityQuestions {
	padding-top: 15px;
}

#expressLogin p {
	margin-bottom: 20px;
}

#express_forth_left p {
	margin-top: 15px;
	margin-bottom: 25px;
	line-height: 20px;
}

#express_top_right small {
	/* font-size:10pt;*/
	color: #000000;
	font-weight: normal;
}

#express_top_right {
	border-left: solid 2px #999;
}

#third_container h1 {
	margin-bottom: 20px;
}

#third_container .heading {
	margin: 15px 0 0 15px;
}

#termsandconds {
	overflow: scroll;
	height: 300px;
	border: 1px solid #999;
	padding: 10px;
}

body #termsandconds {
	height: 310px;
}

#expressLogin .container {
	background-color: #FFFFFF;
	padding: 20px;
	margin-bottom: 15px;
	width: 950px;
	position: static;
}

.large_subcontainer_left {
	float: left;
	width: 530px;
	padding-right: 40px;
}

.small_subcontainer_right {
	float: left;
	width: 300px;
	padding: 0 30px;
}

.subcontainer_left {
	float: left;
	width: 45%;
	padding-right: 5%;
}

.subcontainer_right {
	float: left;
	width: 45%;
	padding-left: 5%;
}

.formLabel {
	color: #666666;
	font-weight: 700;
	padding: 4px 0 0;
	position: static;
	font-size: 1.1em;
}

#expressLogin .bottomleft {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 550px;
}


#expressLogin {
	margin-bottom: 20px;
}

.textbox {
	max-width: 100%;
	width: 265px !important;
	margin-bottom: 15px;
}

.field {
/*	margin-bottom: 20px;*/
}

#expressLogin select {
	padding-top: 2px;
}

#expressLogin .select {
	margin-bottom: 20px;
	width: 375px;
}

#fyearField input,
#no_yearsField input {
	width: 100px;
}

#expressLogin #dobField {
	margin-bottom: 20px;
}
#expressLogin input#bus_discount {
	margin: 13px 5px 0 0;
}

input.insecure {
	background: #FFBABA URL('/images/Login/passwordInsecure.png') no-repeat right !important;
}

input.mediocre {
	background: #FEEFB3 URL('/images/Login/passwordMediocre.png') no-repeat right !important;
}

input.secure {
	background: #DFF2BF URL('/images/Login/passwordSecure.png') no-repeat right !important;
}

input.vSecure {
	background: #DFF2BF URL('/images/Login/passwordVSecure.png') no-repeat right !important;
}

input.match {
	background: URL('/images/icons/valid green_small.png') no-repeat right !important;
}

.notMatch {
	background: #FFBABA URL('/images/icons/cancel_small.png') no-repeat right top !important;
}

div#networkingContainer input.example {
	color: gray;
}

#secretQuestions .subcontainer_left {
	overflow: hidden;
}


.requiredField div.formLabel,.required div.formLabel,
.requiredField .form-label,.required .form-label {
	padding-left: 10px;
	background: URL('/images/icons/asterix.png') no-repeat left top;
}
.requiredField.form-floating div.formLabel, .required.form-floating div.formLabel,
 .requiredField.form-floating .form-label, .required.form-floating .form-label {
    padding-left: 25px;
    background: URL('/images/icons/asterix.png') no-repeat 14px 19px;
}
.noListStyle {
	list-style: none;
	margin: 0px;
	padding: 0px!important;
}

#detailsContainer {
	position: relative;
	min-width: 760px;
	justify-content: flex-start;
}

#detailsContainer img {
	max-width: 300px
}

#detailsContainer input[type=text] {
	max-width: 100%
}

#detailsContainer>.fieldContainer {
	margin-top: 10px;
	margin-left: 150px;
	/*    float: left;*/
	height: 500px;
	overflow: auto;
	position: relative;
	width: 580px;
	background-color: white;
	padding-left: 15px;
	border: 1px solid #CCC;
}

body #detailsContainer>.fieldContainer {
	height: 510px;
	width: 595px;
}

#detailsContainer .fieldContainer:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#fieldsWrapper .newCatContainer {
	background: none repeat scroll 0 0 white;
	padding: 0 10px;
	position: absolute;
	right: -250px;
	z-index: 1;
}

#fieldsWrapper .snippet {
	background: url("/images/snippetTemplate.png") no-repeat scroll right center white;
	height: 150px;
	width: 95%;
	margin-right: 5%;
	border: 1px solid #DDD;
	padding: 5px;
}

body #fieldsWrapper .snippet {
	height: 155px;
}

#fieldsWrapper .newCatContainer {
	float: right;
	position: absolute;
	right: -240px;
	top: 0;
}

#detailsContainer .optionsContainer {
	border: 1px solid black;
	padding: 5px;
	/*max-width:225px;*/
	margin: 3px 0;
	background-color: white;
	/*	position: absolute;*/
	z-index: 10;
	width: 219px;
}

/*.fieldsContainer .heading {
	clear: both;
	font-weight: bold;
	padding: 5px 0;
	font-size: 16px;
	margin: 5px 0;
}*/

.fieldsContainer textarea {
	max-width: 100%;
}

.fieldsContainer .optionsContainer>div {
	margin-top: 8px;
}

#fieldsWrapper #bin {
	border: 1px solid black;
	padding: 5px;
	max-height: 150px;
	overflow: auto;
}

body #fieldsWrapper #bin {
	max-height: 155px;
}

#fieldsWrapper #newCatContainer {
	position: absolute;
	bottom: 0;
	left: 0;
}

#fieldsWrapper .titles {
	/*	font-size: 12px;*/
	color: #666666;
	font-weight: bold;
	padding: 7px 0;
}

.fieldItemContainer .titles {
	border: 1px solid #DDD;
	margin: 3px 0;
}

.fieldItemContainer.selected .titles {
	border: 1px solid red;
}

#userDetailsContainer {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
}
#userDetailsTop{
	overflow:visible;
}
#userDetailsContainer>div {
	flex-shrink: 0;
	flex-grow: 0;
}


#userDetailsContainer>div#userDetailsMiddle,
#userDetailsContainer>div#userDetailsMiddle,
#userDetailsContainer>div#userDetailsMiddle>div {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
}

#userDetailsContainer>div#userDetailsMiddle>form>div>div {
	flex-direction: row;
}


#detailsContainer .fieldsContainer>iframe {
	height: 97%;
}

.flexColumn {
	display: flex;
	flex-direction: column;
}
.flexColumn.show {
    display: flex !important;
  }
.flexColumn>* {
	flex-grow: 1;
    	min-height: 0;
}


#detailsContainer>.tab-content {
	width: calc(100% - 107px);
	display: inline-block;
	padding: 10px;
	margin-bottom: 5px;
}
#detailsContainer>ul{
	flex-shrink:0;
	justify-content:flex-start;
}
#detailsContainer #detailsHeader{
	max-width:200px;
}
body.mobile #detailsContainer #detailsHeader{
	max-width:100px;
}
#detailsContainer>ul li {
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 1px;
	max-height:90px;
	overflow:hidden;
}


#detailsContainer ul#detailsBody {
	margin-top: 10px;
	float: left;
	height: 448px;
	overflow: auto;
	width: 550px;
	background-color: white;
	padding-left: 15px;
	border: 1px solid #CCC;
}

body #detailsContainer ul#detailsBody {
	height: 448px;
}

#userDetailsContainer #lastUpdated {
	float: right;
	margin-top: 5px;
	font-size: 12px;
	margin-right: 5px;
}

#userDetailsContainer h2 {
	display: inline;
	padding-right: 10px;
}

body.mobile #detailsContainer>.fieldContainer {
	margin-left: 100px;
}

body.mobile #detailsContainer {
	min-width: unset;
}

body.mobile #detailsContainer>.fieldContainer {
	width: calc(100% - 100px);
}

body.mobile #detailsContainer>.fieldContainer {
	padding: 5px;
}

body.mobile .fieldsContainer li.liFieldEdit i {
	display: none
}

.fieldsContainer li.Floatright {
	clear: right;
	float: right;
}

.fieldsContainer li.Floatright .clickToFloat {
	display: none;
}

.fieldsContainer li.Doublewidth {
	clear: both;
	float: none;
/*	width: 95%;
	margin-right: 5%;*/
}

.fieldsContainer li.liFieldEdit.heading {
	clear: both;
}



.clearboth,
.clearBoth {
	clear: both;
}

.clearAfter:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

table.calendar td.hasEvent {
	background: #CCC;
	color: black;
}

ul#bullMod_mentor img {
	width: 75px;
}

div.bullModContainer ul#bullMod_news div.dateContainer {
	display: none;
}

div.bullModContainer.fullWidth ul#bullMod_news div.dateContainer {
	display: block;
	color: #BBBBBB;
	margin: 5px 0;
}

ul#bullMod_news div.fullView {
	display: none;
}

.bullModContainer div.dateContainer {
	display: none;
}

.bullModContainer.fullWidth div.dateContainer {
	display: block;
}

.bulletinThumbnail {
	/*    float: left;*/
	padding: 2px 5px 3px 1px;
	border: 0px;
	width: 70px;
}

.accordion_content .bulletinThumbnail {
	float: left;
}

div.bullModContainer div.displayContainer {
	margin: 5px;
	max-height: 500px;
	overflow-x: hidden;
}

body div.bullModContainer div.displayContainer {
	max-height: 505px;
}

div.bullFullView img#img0 {
	display: none;
}

div.bullFullView .imageContainer {
	overflow: hidden;
	height: 250px;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 415px;
	/* 2013-04-08 added as images being 'cropped' top left */
}

body div.bullFullView .imageContainer {
	height: 260px;
}

div.bullFullView .imageContainer img,
div.bullFullView .imageContainer img,
#module_welcome div.bullFullView .imageContainer img,
#module_welcome div.bullFullView .imageContainer img {
	max-width: 415px;
}


/* 2013-04-08 added as images being 'cropped' top left */

#lightwindow_contents div.bullFullView .imageContainer {
	width: 100%;
	/* 2013-04-08 center align in lightbox. previously was div.bullFullView { width: 500px }  but was causing the '*/
}

div.bullFullView .imageContainer img {
	/*    max-width: 100% !important;*/
	/*    max-height: 250px;*/
	width: 100%;
}

div.bullFullView .imageContainer img.bulletinThumbnail {
	/*    min-width: 200px;*/
}


/*div.bullFullView .messageContainer{
	overflow:auto;
	max-height:200px;
}*/

div.bullModContainer.fullWidth ul.bullMod_news {
	list-style-image: URL('/images/modules/newsListIcon.png');
	margin-left: 15px;
}

div.bullModContainer.fullWidth a.bullShowAll {
	margin-left: 20px;
}

div.bullFullView a.readArticle {
	display: none;
}

div.bullModContainer.fullWidth div.displayContainer a.readArticle {
	display: inline;
}

div.bullModContainer li.highlighted {
	background-color: #EEE;
}

ul#sidebarContainer td.cell {
	background: transparent;
}

ul#sidebarContainer ul.bullMod li {
	margin: 0 0 7px;
}

ul#bullMod_postcards_births img,
ul#bullMod_postcards_marriages img,
ul#bullMod_postcards_highlights img {
	max-width: 150px;
	height: auto;
}

div#bullContainer.Deaths div.text_container {
	margin: 0;
}

div.typeNews div.accordion_toggle {
	text-align: left;
	padding: 5px;
	margin-top: 5px;
	font-size: inherit;
	cursor: pointer;
}

div.typeNews div.container {
	height: 75px;
	overflow: hidden;
	border: 1px solid #999;
	border-top: 0;
	background-color: #EEE;
	color: black;
	padding: 5px;
	position: relative;
}

body div.typeNews div.container {
	height: 85px;
}

div.typeNews div.readMore {
	bottom: 5px;
	right: 5px;
	position: absolute;
}

div.typeNews div.dateContainer {
	margin: 10px 0;
	color: #BBBBBB;
}



/*unsubscribe styles*/

#unsubscribeContainer {
	margin: 5px 0 5px;
}


/*
#unsubscribeContainer #dcEmail,#unsubscribeContainer #dcSms
{
	margin-right:15px;
}

#unsubscribeContainer .optionContainer{
	float:left;
}
*/

#unsubscribeContainer label,
#unsubscribeContainer input {
	cursor: pointer;
}


div#adminPage #transactionOverflow {
	max-height: 150px;
	overflow: auto;
	clear: both;
}

div#adminPage #transactionsContainer .transaction {
	clear: both;
}

div#adminPage #transactionsContainer .transaction:nth-child(even) {
	background: #E2E2E2
}

div#adminPage #transactionsContainer .transaction:nth-child(odd) {
	background: #CAE4FF
}

div#adminPage .transaction .item {
	/*	float:left;
	width:80px;
	overflow:hidden;*/
	padding: 4px;
}

div#adminPage .transaction .item.wd {
	color: red;
}

div#adminPage #transactionHeader {
	font-weight: bold;
	margin-top: 10px;
	border-bottom: 1px black solid;
	margin-bottom: 1px;
}

div#adminPage #transactionFooter td {
	font-weight: bold;
	border-bottom: 3px black double;
	border-top: 1px black solid;
	margin-bottom: 10px;
	margin-top: 1px;
}

#detailsContainer textarea {
	min-width: 90%;
}


/* Carousel Definitions */

.horizontal_carousel {
	/*  float:left;*/
	margin: auto;
	width: 100%;
	height: 50px;
	position: relative;
	overflow: hidden;
}

.horizontal_carousel .previous_button {
	position: absolute;
	width: 18px;
	height: 50px;
	background: url('/images/modules/slideLeft.gif');
	z-index: 100;
	cursor: pointer;
}

.horizontal_carousel .previous_button_disabled {
	background: url('/images/modules/slideLeft_fade.gif');
	cursor: default;
}

.horizontal_carousel .next_button {
	position: absolute;
	right: 0px;
	width: 18px;
	height: 50px;
	background: url('/images/modules/slideRight.gif');
	z-index: 100;
	cursor: pointer;
}

.horizontal_carousel .next_button_disabled {
	background: url('/images/modules/slideRight_fade.gif');
	cursor: default;
}

.horizontal_carousel ul {
	margin: 0;
	padding: 0;
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	height: 50px;
}

.horizontal_carousel ul li img {
	display: block;
	background: #E3EDFA;
}


/*
.horizontal_carousel ul li {
  font-size:10px;
}                               
*/

.horizontal_carousel ul li {
	/*  width:120px;*/
	border: 0px solid green;
	color: #E3EDFA;
	margin: 0pt;
	padding: 0px 7px;
	list-style: none;
	float: left;
}


/*photoBoard carousel overwrites*/

.imageEdit .imageThumb {
	border: 2px #f7f7f7 solid;
	margin-bottom: 3px;
}

.imageEditOver .imageThumb {
	border: 2px #8cc540 solid;
	margin-bottom: 3px;
}

#carousel_photoB li.movePhotos .shaded {
	background-color: #8cc540
}

.imageEdit .imageEditIcon {
	opacity: .35;
	!important filter: alpha(opacity=35);
	-moz-opacity: 0.35;
	margin: 0 0 4px 1px;
	background: URL('/images/modules/edit_photo.png') no-repeat;
}

.imageEditOver .imageEditIcon {
	background: URL('/images/modules/edit_photo.png') no-repeat;
	margin: 0 0 4px 1px;
}

.imageEditOver .imageEditIconOver {
	background: URL('/images/modules/edit_photo_over.png') no-repeat;
	margin: 0 0 4px 1px;
}

.photoBContainer {
	padding: 20px;
	margin: 20px 12px;
	border: 1px #CECFCE solid;
	background-color: #F7F7F7;
}


/*position:relative }*/

.photoBContainer textarea {
	min-width: 0;
}

#photoboardContainer .photoBContainer {
	padding: 20px;
}

#carousel_photoB {
	width: 650px;
	/*-64*/
	height: 132px;
}

#carousel_photoB .container {
	width: 600px;
	margin: 0 22px;
	padding: 0px;
	height: 132px;
}

body #carousel_photoB .container {
	width: 644px;
}

#carousel_photoB ul {
	height: 132px;
}

#carousel_photoB ul li {
	width: 120px;
}

#carousel_photoB .previous_button {
	width: 22px;
	height: 132px;
	background: url(/images/modules/photoboard_left.png) no-repeat;
	margin: 30px 0;
}

#carousel_photoB .previous_button_over {
	background: url(/images/modules/photoboard_left.png) no-repeat;
}

#carousel_photoB .previous_button_disabled {
	background: url(/images/modules/photoboard_left_disabled.png) no-repeat;
}

#carousel_photoB .next_button {
	width: 22px;
	height: 132px;
	background: url(/images/modules/photoboard_right.png) no-repeat;
	margin: 30px 0;
}

#carousel_photoB .next_button_over {
	background: url(/images/modules/photoboard_right.png) no-repeat;
}

#carousel_photoB .next_button_disabled {
	background: url(/images/modules/photoboard_right_disabled.png) no-repeat;
}

#carousel_photoB .horizontal_carousel ul {
	height: 132px;
}


/*Vertical carousel definitions*/

.vertical_carousel {
	width: 100%;
	height: 320px;
	margin-top: 10px;
}

body .vertical_carousel {
	height: 330px;
}

.innerMainContent {
/*	padding: 5px 6px;*/
	min-height: 300px;
}

body .innerMainContent {
	min-height: 310px;
}


/*.action_viewTipping .innerMainContent,.action_verify .innerMainContent,.page_expressLogin .innerMainContent
{
	padding:0;
}*/

.breadcrumbMargin {
	margin-bottom: 0;
}


/*JQuery UI - Smoothness*/


/*	.ui-button { margin-left: 0px; margin-top: -3px; }
	.ui-button-icon-only .ui-button-text { padding: 0; } 
	.ui-autocomplete-input { margin: 0; padding: 0; }
	button.ui-button-icon-only {width: 1em;}
*/


/*Horizontal login overrides*/


/**************************** colors / customizations - 1 ****************************/

#quicklogin_container {
	background-color: #F3F3F4;
	padding:20px
}


/* login header colour */

#quicklogin_container #quicklogin_header {
	/*	background-color: #31307B;*/
	color: #ffffff;
}


/* override uneditable style */

#quicklogin_container #quicklogin_signin {
	background-color: transparent;
}


/* username, password fields  */


/*#quicklogin_container .textfield{
	border: 1px solid #555555;
}*/

#quicklogin_container .textfield:hover {}


/* login button  */

#quicklogin_container #quicklogin_signin .loginButton input {
	border: 1px solid #555555;
	background-color: #3190cB;
	color: #ffffff;
	font-weight: bold;
}

#quicklogin_container #quicklogin_signin .loginButton input:hover {
	border: 1px solid #888888;
	background-color: #31307B;
}


/* input field radius */

#quicklogin_container .textfield,
#quicklogin_container #quicklogin_signin .loginButton input {
	border-radius: 5px;
}


/* the following 2 border radius should be the same */

#quicklogin_container {
	border-radius: 8px;
}

#quicklogin_container #quicklogin_header {
	border-radius: 8px 8px 0 0;
}


/**************************** colors / customizations - 0 ****************************/


/**************************** layout - 1 ****************************/

#quicklogin_container {
	max-width: 294px;
	width: 100%;
	box-sizing: border-box;
}

#quicklogin_container #quicklogin_header {
	padding: 8px;
	margin: 0 0 5px 0;
	font-size: 18px;
}

#quicklogin_container #quicklogin_header h1 {
	margin: 0;
}


/* first tiem user register */

#quicklogin_container .quicklogin_register_text {}

#quicklogin_container #quicklogin_signin {
	padding-top: 0px;
	margin-bottom: 5px;
}

#quicklogin_container #quicklogin_signin input.textfield {
	width: 96%;
	margin: 0 0 5px 0;
	padding: 5px;
}


/* difficulty logging in */

#quicklogin_container #quicklogin_signin .formtextlink {}

#quicklogin_container #quicklogin_signin .loginButton {
	float: right;
}


/**************************** layout - 0 ****************************/


.forum tr.toApprove {
	border: 1px dashed red;
}

.forum tr.header {
	/*	background-image:url('/images/bulletinGradient.png');
	background-repeat:repeat-y;
	background-color: #0071BD;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#0071BD', endColorstr='#181463');
	background: -webkit-gradient(linear, left top, right top, from(#0071BD), to(#181463));
	background: -moz-linear-gradient(left,  #0071BD,  #181463);
*/
}

.forum tr.header td,
.forum tr.header td.header {
	/*		background: transparent; 		*/
	/*		background-color:transparent; 	*/
	height: 2em;
	font-size: 1.5em;
	vertical-align: middle;
	padding-left: 5px;
}

.forum tr.header td:first-child {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}

.forum tr.header td:last-child {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}

.forum .col1 {
	min-width: 250px;
}

.forum .subject {
	margin-bottom: 1em;
}

.forum tr.spacing {
	height: 1em;
}

.forum tr.spacing td {
	background: transparent;
}

.forum tr.spacing hr {
	display: none;
}


/* not exactly sure why this is here. remove me maybe? causes IE 7,8 extra space issue
.forum tr.data {
	min-height: 16em;
}
*/

.forum tr.data td.cell {
	font-family: HelveticaNeue-Light, Verdana;
	color: #333;
	font-size: 13px;
	min-height: 4em;
	background-color: #EFEFEF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#DEE3DE');
	/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DEE3DE));
	/* for webkit browsers */
	background: -moz-linear-gradient(top, #EFEFEF, #DEE3DE);
	/* for firefox 3.6+ */
}

.forum td.cell .replies {
	display: block;
	text-align: center;
	font-size: 2em;
	color: #293094;
}

.forum .date {
	color: #999;
	padding-bottom: 1em;
}

.forum .day {
	font-size: 1.2em;
	padding-right: 1em;
}

.forum.list .day {
	display: block;
}

.forum.list .date {
	display: inline;
	font-size: 1em;
	color: #999;
}

.forum .nameContainer {
	display: block;
	color: #999;
	font-size: 13px;
}

.forum .name {
	color: black;
	display: block;
	padding-top: 1em;
}

.forum tr.data td:first-child {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}

.forum tr.data td:last-child {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}

.forum.list tr.data td .photo {
	margin-top: 0px;
}

.forum tr.data td .photo {
	float: left;
	width: 50px;
	margin-right: 1em;
	margin-top: 1em;
}

.forum tr:first-child {}

.forum>tr,
.forum>tbody>tr {
	height: 4em;
}

.forum .Button[value=View],
.forum .Button_over[value=View],
.forum .Button[value=View]:hover,
.forum .Button_over[value=View]:hover {
	background-image: url('/images/clickToView.png');
	width: 100px;
	height: 62px;
	color: transparent;
	font-size: 0;
	/* IE8 doesnt do transparent text */
}


/* #newUserContainer fixes - 1 remove old borders, add spacing to fields. */

#newUserContainer div#moduleDivider div.footer_left,
div#moduleDivider div.footer_right,
div#moduleDivider div.header_right,
div#moduleDivider.header_left {
	background-image: none;
}

#newUserContainer div#moduleDivider div.footer_left {
	background-color: #d3d3d4;
	background: none;
}

#newUserContainer div#moduleDivider div.footer_right {
	height: 2px;
}

#newUserContainer .fieldsContainer>ul>li {
	margin-bottom: 1em;
}

#newUserContainer .fieldsContainer>ul {
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d3d3d4;
	background-color: #FBFBFB;
}

#newUserContainer .fieldsContainer>ul {
	margin-top: 0.5em;
}

/*#newUserContainer h1 {
	font-size: 18px;
	color: #3A3A3A;
}

*/
/* #newUserContainer fixes - 0s */


a.infoLink {
	display: inline-block;
	height: 1em;
	background-image: url(https://ptly.com/potentiality/uploads/images/autoUpload/qn13.png);
	background-repeat: no-repeat;
	margin-left: 3px;
	padding-left: 40px;
	background-size: contain;
}


#searchResults {
	background-color: white;
	border: 1px solid #EEEEEE;
	min-height: 636px;
	padding: 15px;
}

ul.bullMod li.bullMod {
	cursor: default;
}

#enableDragDrop {
	z-index: 1;
}

.teamsContainer.first.audible {
	display: none;
}

.teamsContainer>label.active {
	border: 2px solid yellow;
}


/*Field Block styles*/

#tabs li .ui-icon-close {
	float: right;
	margin: 0 0 0 .3em;
	cursor: pointer;
}

.fieldBlockContainer #add_tab {
	cursor: pointer;
}


/* fix login box on tipping page white, text on white background */

div#tippingComp #quicklogin_register_text,
div#tippingComp #quicklogin_signin .formlabel {
	color: #000;
}



.popupWindowPTLY {
	display: none;
}
.offcanvas .popupWindowPTLY {
	display: block!important;
}

.cke_editable_inline .popupWindowPTLY {
	display: block;
}

.ptlyButton {
	padding: 6px 10px;
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	background-color: #056839;
	color: white;
	font-weight: bold;
}

.ptlyButton:hover {
	border: 1px solid #999999;
	background-color: #0B9444;
}

.ptlyButton:active {
	background-color: #60A66B;
	color: #eee;
}

.ptlyButton:disabled {
	background-color: #dddddd;
	color: #999;
}

.ptlyButton:disabled:hover {
	border: 1px solid #ccc;
}

.ui-dialog {
	max-width: 100%;
}

.ui-dialog-content {
	max-height: 600px;
	overflow: auto
}

.ui-ptly-postbox {
	background-image: url('/images/icons/postbox.png') !important;
	background-repeat: no-repeat !important;
}

body.serverLocation_EU .ui-ptly-postbox {
	background-image: url('/images/icons/postboxBrit.png') !important;
	background-repeat: no-repeat;
}

@media (min-width: 1000px) {
	body .desktopFullwidth {
		width: 1000px;
	}
	/* for forcing full page width */
	body.widerContainer .desktopFullwidth {
		width: 1200px;
	}
	/* for forcing full page width */
	body .desktopFullwidth.withPadding {
		width: 970px;
	}
	/*  for homepage modules. less than 1000 due to padding */
	    #UserDetailsBody .fieldsContainer {
	        overflow-x: hidden;
	    }
}

body.mobile #headerContainer {
	overflow: hidden;
}

body.mobile #headerContainer img {
	max-width: 100%;
}


.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}


/* hide on desktop & show on mobile */

body .showOnMobileOnly {
	display: none;
	visibility: hidden
}

body.mobile .showOnMobileOnly {
	display: inherit;
	visibility: inherit
}

body.mobile .showOnMobileOnly.toggle {
	display: none;
	visibility: hidden
}

body .hideOnMobileOnly {
	display: inherit;
	visibility: inherit
}

body.mobile .hideOnMobileOnly {
	display: none;
	visibility: hidden
}

body.mobile .hideOnMobileOnly.toggle {
	display: inherit;
	visibility: inherit
}

body.desktop .Showonmobileonly {
	display: none;
	visibility: hidden
}

body.mobile .Hideonmobile {
	display: none;
	visibility: hidden
}

#mainFooter {
	max-width: 100vw;
	width: 100%;
	margin: auto;
	overflow:hidden;/* cuts off popups, but not sure there are any*/
}


body.fullWidth #mainFooter {
	max-width: 100vw;
	width: 100%;
	overflow:hidden;
}

body.fullWidth #headerContainer {
	width: 100%;
}


/*.campaign.main div#leaderboards{
max-width:524px;
}*/

.campaign.main div#leaderboards div.greyContainer {
	clear: none;
}

.campaign.main div#leaderboards ul.ui-helper-clearfix:after {}

.campaign.main div#leaderboards ul.ui-helper-clearfix {
	overflow: hidden;
	/* or auto */
	zoom: 1;
	/* required for ie hasLayout */
}

.campaign.sidebar {
	margin: 0 10px;
	position: relative;
}

.campaign.main {
	margin: 0 10px;
}

.mobile .campaign.sidebar {
	top: 0;
	float: none;
}

#thermometerDisplay {
	margin-left: 140px;
	width: 200px;
	position: absolute;
	top: 70px;
}


.ui-front {
	z-index: 1500;
}

.ui-icon.event {
	background-image: url(/images/icons/payment-event.png) !important;
}

.ui-icon.donation {
	background-image: url(/images/icons/payment-donation.png) !important;
}

.ui-icon.merchandise {
	background-image: url(/images/icons/payment-merchandise.png) !important;
}

#profileIcons .ui-icon {
	margin: 2px 3px;
}

.tippingTableContents .ui-state-active {
	border: 1px solid #888 !important;
}

.ilightbox-holder.dark {
	background-color: white !important;
}

.ilightbox-container {
	padding: 3px !important;
}

.adminModHighlight {
	background-color: #F3F3F3;
	border: 1px solid #CCC;
}

img.blur {
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: url(/images/blur.svg#blur);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='30');
}

.LS_Container #readMore {
	/* top:370px;
	left:20px; */
	top: auto;
	bottom: 20px;
	left: auto;
	right: 20px;
	padding: 3px 10px;
	display: inline-block;
	font-size: 20px;
	color: #000;
	background-color: white;
	background-color: rgba(255, 255, 255, .6);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.LS_Container #date {
	/* top:370px;
	left:65%; */
	top: auto;
	bottom: 20px;
	left: 20px;
	padding: 3px 10px;
	width: 220px;
	font-size: 12px;
	color: #000;
	background-color: white;
	background-color: rgba(255, 255, 255, .6);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.LS_Container #subject {
	padding: 10px;
	max-height: 60px;
	width: 45%;
	overflow: hidden;
	top: 30px;
	left: 50%;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	background-color: white;
	background-color: rgba(255, 255, 255, .6);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.LS_Container #message {
	padding: 10px;
	max-height: 200px;
	overflow: hidden;
	top: 120px;
	left: 50%;
	width: 45%;
	font-size: 15px;
	color: #000;
	background-color: white;
	background-color: rgba(255, 255, 255, .6);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

#mainContentData .LS_Container #image1 {
	max-height: none;
	width: 40%;
}

.LS_Container #image1 {
	max-height: 75%;
	top: 5%;
	left: 20px;
	white-space: nowrap;
	border: 8px solid white !important;
}

.mobile .LS_Container #subject {
	max-height: 65px;
	width: 80%;
	top: 65%;
	left: 20px;
	font-size: 20px;
}

.mobile .LS_Container #image1 {
	width: 70%;
	top: 5%;
	left: 10%;
}

.mobile .LS_Container #message {
	display: none
}

.mobile .LS_Container #readMore {
	top: 355px;
	left: 10px;
	width: 60px;
	font-size: 14px;
}

.mobile img {
	max-width: 100%;
}

.mobile .LS_Container #date {
	top: 355px;
	left: 75%;
	width: 70px;
	font-size: 12px;
}

.emailConfirm {
	width: 20em;
}


/* iLightBox overrides*/



.ilightbox-toolbar.parade a {
	background-color: #000 !important;
}

.ilightbox-toolbar.parade a.ilightbox-play {
	background-position: 8px -55px !important;
}

.ilightbox-toolbar.parade a.ilightbox-play:hover {
	background-position: -30px -55px !important;
}

.ilightbox-toolbar.parade a.ilightbox-pause {
	background-position: 8px -81px !important;
}

.ilightbox-toolbar.parade a.ilightbox-pause:hover {
	background-position: -30px -81px !important;
}

.rotate45 {
	-ms-transform: rotate(45deg) !important;
	/* IE 9 */
	-webkit-transform: rotate(45deg) !important;
	/* Chrome, Safari, Opera */
	transform: rotate(45deg) !important;
}

.rotate180 {
	-ms-transform: rotate(180deg) !important;
	/* IE 9 */
	-webkit-transform: rotate(180deg) !important;
	/* Chrome, Safari, Opera */
	transform: rotate(180deg) !important;
}

.no-touch .scrollable.hover {
	overflow-y: hidden;
}

.no-touch .scrollable.hover:hover {
	overflow-y: auto;
	overflow: visible;
}

#contentLoading #secureLock {
	display: none;
	width: 45px;
}

#contentLoading.secure #secureLock {
	display: inline;
}

.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

.followPostError {
	color: #5ca2d5;
	font-family: monospace;
	font-size: 15pt;
	font-weight: 600;
	width: 5%;
}

.followPost {
	cursor: pointer;
	width: 5%;
}

.unFollowPost {
	cursor: pointer;
	width: 5%;
}

.totalFollowsF {
	color: #5ca2d5;
	font-family: monospace;
	font-size: 16pt;
	font-weight: 600;
}

.totalFollowsUF {
	color: #5ca2d5;
	font-family: monospace;
	font-size: 16pt;
	font-weight: 600;
}

#followText {
	color: #5ca2d5;
	font-family: monospace;
	font-size: medium;
	font-weight: 600;
}

#unFollowText {
	color: #5ca2d5;
	font-family: monospace;
	font-size: medium;
	font-weight: 600;
}


/*.ilightbox-wrapper{
	-webkit-user-select: initial;
	-moz-user-select: -moz-initial;
	-khtml-user-select: initial;
	-o-user-select: initial;
	user-select: initial;
}*/

.eventContainer>div {
	overflow: hidden;
}

#eventContainer>ul {
	width: calc(100% - 170px);
}

#eventExportContainer #exportOptions {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	-webkit-transition: height 0.5s;
}

#eventExportContainer:hover #exportOptions {
	height: 100px;
}

.action_printSnippet .innerMainContent {
	padding: 20px;
}


/* add a glyph to the menu */

.menuContainer .menu>ul>li>div:after {
	content: '\00bb';
	float: right;
}

.menuContainer .menu>ul>li>div:only-child:after {
	content: '';
}

.select2-container {
/*	line-height: 1.6;*/
}


/* removed because it caused an extra drop down icon, might have been a fix for an old version
.select2-selection{
	overflow:auto;
	max-height:300px;
}*/

/*.ilightbox-wrapper .select2-container,.ilightbox-wrapper .select2-container--bootstrap {
	z-index: 2010;
}*/

 
#giftAidWizard.wizard>.steps>ul>li {
	width: 20%;
}

#campaignDescription .editableSnippet .alert {
	clear: none;
}

#autocomplete_choices,
#autocomplete_choices div,
#autocomplete_choices li {
	color: black !important;
}

.profileIcons i {
	vertical-align: top;
	line-height: 21px;
	display: inline-block;
	margin-right: 3px;
	margin-top: 0 !important;
	background-repeat: no-repeat;
}


/*.profileIcons i:hover{
	font-size:25px;
	width:25px;
}
.profileIcons span:hover{
    height: 23px;
    width: 23px;
    background-size: cover;
}*/

.ui-menu .profileIcons .ui-icon {
	position: relative;
	width: 20px;
}

.profileIcons *:after {
	content: " ";
}

.profileIcons .fa-star {
	color: orange;
}

.profileIcons .fa-exclamation {
	color: red;
}

.profileIcons .fa-xlg {
	font-size: 25px;
	width: 25px;
}

.shadedBG {
	background-color: rgba(0, 0, 0, .08);
}

#contentOverlay {
	cursor: pointer;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: white;
	position: absolute;
	z-index: -1;
}

.ui-table-format>div.eventContainer {
	background: none #FCFCFC;
	margin: 10px 0;
	border: 1px solid #CCC;
}

.xgridContainer i.notIncluded {
	display: none;
	font-size: 1.5em;
}

#groupContactJSONContainer .xgridContainer i.included {
	font-size: 1.5em;
	display:inline-block;
}

#groupContactJSONContainer .xgridContainer td[bgcolor="#ff8989"] i.notIncluded {
	display:inline-block;
}
.xgridContainer button{
	padding-left:0;
}

#groupContactJSONContainer .xgridContainer td[bgcolor="#ff8989"] i.included {
	display: none;
}

#furtherEmailAdminOptions>div {
	/*
	float:left;
	width:200px;
*/
	padding: 10px 0;
}

#furtherEmailAdminOptions select {
	max-width: 300px;
}

.halfWidth {
	float: left;
	width: 48%;
	padding-right: 1%;
}

textarea.autogrow {
	height: 2em;
	width: 100%;
	max-width: 100%;
	min-height: inherit;
}


.eventsContainer .questionContainer:nth-child(3n+1) {
	clear: both;
}

#loginButtons {
	max-width: 280px;
	margin: auto;
}

#loginButtons button {
	cursor: pointer;
	font-size: 16px;
	border-radius: 5px;
	padding: 5px;
	width: 100%;
	margin: 5px 0;
	text-align: left;
	padding-left: 15px;
}

#loginButtons i {
	float: right;
	font-size: 1.3em;
}

#loginButtons #emailLogin {
	background-color: white;
	color: black;
	border: grey solid 1px;
}

#loginButtons #FBLogin {
	background-color: #3b5998;
	color: white;
	border: none;
	border: #3b5998 solid 1px;
}

#loginButtons #linkedInLogin {
	background-color: #0077b5;
	color: white;
	border: none;
	border: #3b5998 solid 1px;
}

body.fullWidth #mainFullPageContainerDiv {
	width: 100%;
}

#editMenu {
	padding: 2px 4px;
	position: absolute;
	bottom: -25px;
	margin-left: 40px;
	left:0;
}
#menuContainer #editMenu {
	z-index:100;
}

.fullWidth .alert.editModules {
	margin-left: 50px;
}

.specialContainer {
	background: #eeeeee;
	border: 1px solid #cccccc;
	padding: 5px 10px;
}

body .tippingTab {
	height: 34px;
	width: 167px;
}

body #leaderboard .tippingTab {
	height: 34px;
	width: 133px;
}

body .tippingTeamContainer {
	width: 110px !important;
	white-space: normal;
}


/*social media feed Twitter and Facebook combined classes*/

div#twitter-widget-custom div.social_feed {
	height: auto;
	background: none;
	background-repeat: no-repeat;
}

div#twitter-widget-custom div.social_feed div {
	height: auto;
	background: none;
	background-repeat: no-repeat;
}

div#twitter-widget-custom div.feed_container {
	height: 1000px;
	width: 100%;
	overflow: hidden;
}

div#twitter-widget-custom div.feed_container div.feed {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: white;
}

.social_feed .FeedItem #TimeSincePosted {
	float: right;
	margin-right: 31px;
	margin-top: 29px;
}

div#twitter-widget-custom .social_feed p.twitter-tweets.TWITTER,
div#twitter-widget-custom .social_feed p.twitter-tweets.FACEBOOK {
	background-image: none;
	float: left;
	width: 270px;
	margin-left: 2px;
	text-align: justify;
}

div#twitter-widget-custom .social_feed .twitter-footer-links {
	border-bottom: none;
}

.social_feed ul {
	border-radius: 5px / 4px;
	background-color: #EAEBEC;
	box-shadow: 0px 1px 0px #707077;
	margin-bottom: 1px;
	color: #8a8d8f;
}


/* sidebar header color */

.social_feed ul .name {
	color: #8a8d8f;
}

.social_feed div.feed {
	background-color: transparent;
}

.social_feed .fbImage {
	background-image: url('/images/socialmedia/facebook_16.png') !important;
	background-repeat: no-repeat;
	float: left;
	width: 27px;
	margin-top: 9px;
	margin-left: 0px;
	height: 26px !important;
}

.social_feed .TwiiterImage {
	background-image: url('/images/socialmedia/twitter_16.png') !important;
	background-repeat: no-repeat;
	float: left;
	width: 27px;
	margin-top: 4px;
	margin-left: 0px;
	height: 26px !important;
}

.social_feed .twitterUserImage img {
	margin-left: 8px;
}

.social_feed .fbUserImage img {
	float: left;
	margin-top: 1px;
}

.social_feed .SocialAccName {
	float: left;
	margin-left: 3px;
	margin-top: 12px;
}

.social_feed .fb-footer-links {
	float: left;
	height: auto;
	margin-left: 30px;
	margin-bottom: 10px;
}

.social_feed .FeedItem {
	float: left;
	border-bottom: 1px solid #b20738;
}

.social_feed .twitter-footer-links .tweet-links #text {
	display: none;
}

.social_feed .twitter-footer-links .tweet-links img {
	display: inline !important;
	height: 18px;
	margin-bottom: -5px;
}

.social_feed .twitter-footer-links {
	background-color: transparent;
	float: left;
	border-bottom: none;
	margin-left: 30px;
	margin-bottom: 5px;
}

.liFieldEdit .fa.fa-lock {
	color: red;
}

.liFieldEdit .fa.fa-unlock {
	color: green;
}


/*hide send to server becauase we can't install the the new ckfinder because the license has changed to "per domain"*/

.cke_dialog_body .cke_dialog_tab[title=Upload] {
	display: none;
}

.select2DropDown {
	min-width: 300px !important;
}

#menuOptions #showTo {
	max-height: 100px;
	overflow: auto;
}

.mainPage .contentBuilder {
	padding: 15px;
}
.contentBuilder{
	width:100%
}

#tableNamesContainer>ul {
	background-image: url('/images/SeatingTable.png');
	background-size: 100% 100%;
	min-height: 200px;
	width: 200px;
	padding: 28px!important;
	margin: 5px 5px 0 0;
	display: inline-block;
	vertical-align: top;
}
#tableNamesContainer>ul,#tableNamesContainer>ul>li {
	cursor: pointer;
}
#selectTableCaptainContainer #tableNamesContainer
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#selectTableCaptainContainer #tableNamesContainer .handle
{
	display:none;
}
#tableNamesContainer>ul#tableNames__Unallocated {
	border: 1px solid black;
	background-image: none;
}

#savedStepsContainer .fa-trash-o.delete {
	display: none;
}

.is-wrapper.is-edit .moduleContainer:after,.editableSnippet.hasContentBuilder .moduleContainer:after {
	text-align: center;
	content: "Modules can be added here once you have finished editing";
	font-size: 20px;
}

div.gridbox,
div.gridbox *,
#pagingAreaMsg,
#pagingAreaMsg * {
	box-sizing: content-box;
}

.tiva-event-list-full .event-intro {
	max-width: 95vw;
	overflow: hidden;
	padding:1px;
}

a.btn-primary {
	color: white !important;
}

#pageLoading {
	text-align: center;
	font-size: 30px;
	padding-top: 200px;
	margin: 0px auto;
	background-color: white;
}

body.desktop #pageLoading {
	padding-top: 300px;
}


/*New News format*/

div.bullModContainer .NewsContainer .fullDescription {
	opacity: 0.7;
	line-height: 1.42857;
	height: 0px;
	visibility: hidden;
	position: absolute;
	bottom: 0px;
	left: 10px;
	width: 219px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: height 650ms;
	-moz-transition: height 650ms;
	-o-transition: height 650ms;
	transition: height 650ms;
	display: -webkit-box;
	margin: 0 auto;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.bullModContainer .NewsContainer #ContainerMain:hover .fullDescription,
div.bullModContainer .NewsContainer #ContainerMain:hover #subject {
	height: 159px;
	visibility: visible;
	overflow: hidden;
	bottom: 50px;
}

div.bullModContainer .NewsContainer .greyContainer {
	margin: 0;
	padding: 0;
	border: 1px #FFF solid;
	background-color: #FFF;
	clear: both;
}

div.bullModContainer .NewsContainer a:link {
	font-weight: 600;
}

div.bullModContainer .NewsContainer a:visited {
	font-weight: 600;
}

div.bullModContainer .NewsContainer a:hover {
	font-weight: 600;
}

div.bullModContainer .NewsContainer a:active {
	font-weight: 600;
}

div.bullModContainer .NewsContainer #ContainerMain {
	float: left;
	position: relative;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}


div.bullModContainer .NewsContainer #subject {
	text-align: center;
	position: absolute;
	width: 219px;
	z-index: 2;
	overflow: hidden;
}

div.bullModContainer .NewsContainer #subjectBackgroundColor {
	z-index: 0;
	position: absolute;
	width: 100%;
	opacity: 0.7;
	height: 100%;
}

div.bullModContainer .NewsContainer #subjectText {
	z-index: 1;
	text-align: center;
	position: absolute;
	z-index: 2;
	width: 100%;
	border: none;
	background: none;
}

div.bullModContainer .NewsContainer #fullDescriptionBGColor {
	height: 159px;
	width: 219px;
	z-index: 0;
	position: absolute;
	opacity: 0.7;
}

div.bullModContainer .NewsContainer #fullDescriptionText {
	z-index: 1;
	position: absolute;
}


.bullModContainer .col-xs-4 {
	margin-bottom: 15px;
	padding-left: 0px;
}

.mobile .bullModContainer .col-xs-4 {
	display: contents;
}

.bullModContainer .container-fluid #subjectText {
	min-height: 3em;
	overflow: hidden;
	margin-bottom: 0px;
	font-weight: 800;
	font-size: 12pt;
}

.bullModContainer .container-fluid #fullDescriptionText {
	height: 80px;
	overflow: hidden;
	margin-bottom: 15px;
}

.bullModContainer .container-fluid #continueReading {
	margin-bottom: 15px;
	padding: 8px;
}

.bullModContainer .container-fluid .readArticle {
	cursor: pointer;
}

.stripedTable>div {
	padding: 10px;
	border-top: lightgray 1px solid;
	border-left: lightgray 1px solid;
	border-right: lightgray 1px solid;
}

.stripedTable>div:last-child {
	border-bottom: lightgray 1px solid;
}

.stripedTable>div:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.1);
}

#topStatusBar {
	position: relative;
/*	z-index: 1011;*/
	z-index: 40;
	height: 0px;
	position: relative;
}

#topStatusBar>div {
	position: fixed;
	right: 0;
	transition: 0.3s ease;
}

.icon-stack {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}

.icon-stack-1x,
.icon-stack-2x,
.icon-stack-3x {
	position: absolute;
	left: 0;
	width: 100%;
}

.icon-stack-1x {
	line-height: inherit;
	position: absolute;
	left: 8px;
	top: -11px;
}

.icon-stack-2x {
	font-size: 1.5em;
}

.icon-stack-3x {
	font-size: 2em;
}

.spinner {
	display: inline-block;
	-webkit-transition: opacity 0.25s, width 0.25s;
	-moz-transition: opacity 0.25s, width 0.25s;
	-o-transition: opacity 0.25s, width 0.25s;
	transition: opacity 0.25s, width 0.25s;
}

.socialShare {
	width: 100%;
	text-align: right;
	height: 0;
	position: relative;
}

.socialShare a,
.socialShare>.socialBox {
	position: absolute;
	float: none;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	padding: 5px;
	background-color: transparent;
	width: 50px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	right: 10px;
	bottom: 10px;
}

.socialShare a:hover,
.socialShare a:visited {
	color: #fff;
}

.socialShare a {
	background-color: rgba(0, 0, 0, 0.2);
}

.socialShare>*>span {
	background-color: rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 8px;
	width: 40px;
	height: 40px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.socialShare>*>span:hover,
.socialShare>.open>span {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	transform: scale(1.25);
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.socialShare #socialGallery {
	/* left: -400%; */
	/* margin: 0 auto 0; */
	position: absolute;
	top: -5px;
	/* transform: translate(-50%, 0); */
	visibility: hidden;
	width: 400px;
	right: 0;
}

.socialShare #socialGallery a {
	visibility: hidden;
	opacity: 0;
	margin: 5px 2px;
	background-color: rgba(0, 0, 0, 0.6);
	position: relative;
	top: 10px;
}

.socialShare #socialGallery a>span {
	position: relative;
	top: 4px;
	left: 4px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.socialShare .socialToolBox {
	cursor: default;
	direction: rtl;
}

.socialShare .pointer {
	cursor: pointer
}

.socialShare .facebook:hover {
	background: #3b5998 !important
}

.socialShare .google:hover {
	background: #dd4b39 !important
}

.socialShare .instagram:hover {
	background: #517fa4 !important
}

.socialShare .tumblr:hover {
	background: #32506d !important
}

.socialShare .twitter:hover {
	background: #00aced !important
}

.socialShare .youtube:hover {
	background: #bb0000 !important
}

@media only screen and (max-width: 480px) {
	.socialShare #socialGallery {
		width: 120px;
	}
}


/*Fix placeholder cutoff*/
/*
.select2-container .select2-selection__rendered>*:first-child.select2-search--inline {
	width: 100% !important;
}

.select2-container .select2-selection__rendered>*:first-child.select2-search--inline .select2-search__field {
	width: 100% !important;
}
*/
.select2-container .optCollapse .select2-results__group {
	cursor: pointer;
}

.btn-group.fullWidth,
.btn-group.btn-block {
	display: flex;
}

.btn-group.fullWidth .btn,
.btn-group.btn-block .btn {
	flex: 1
}

body>img {
	/*cycle images are loaded at the end of the body tag, we don't want them taking room whilst loading*/
	display: none
}

#gridData div.sm {
	font-size: .7em;
	line-height: 1em;
	color: gray;
}

.context-menu-item {
	font-size: 1.4em;
}

::-webkit-scrollbar {
	background: transparent;
	height: 10px;
	width: 10px;
}

body::-webkit-scrollbar {
	width: initial;
	height: initial;
}

:hover::-webkit-scrollbar-thumb {
	background: #bdc1c6;
}

::-webkit-scrollbar-thumb {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #dadce0;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	min-height: 40px;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content {
	box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0
	}
	100% {
		background-position: 468px 0
	}
}

.menuLoading {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
	background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	-webkit-background-size: 800px 104px;
	background-size: 800px 104px;
	height: 30px;
	position: relative;
}

.profileImageContainer img {
	max-width: 300px;
}

#profileImageContainer img {
	max-width: 300px;
}

#mainFooter #lowerFooter {
	background-color: white;
}

#DDElementsContainer {
	position: relative;
}

.form-control-plaintext {
	background-color: transparent !important;
	border: none !important;
	font-size: 1em !important;
	border-bottom: 1px solid #000000 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.form-control-plaintext[readonly=readonly] {
	cursor: pointer;
}

img.placeholderImage {
	min-height: 150px;
}

.editContentIcon {
	z-index: 99;
	clear: none;
	position: relative;
}

.field-actions>a:before {
	margin-top: 6px;
}

.frmb.ui-sortable {
	height: 70vh;
	overflow: auto;
}

.editOptions {
	color: black;
}

ul.dropdown-cart {
	min-width: 250px;
}

ul.dropdown-cart li .item {
/*	display: block;*/
	padding: 3px 10px;
	margin: 3px 0;
}

ul.dropdown-cart li .item:hover {
	background-color: #f3f3f3;
}

ul.dropdown-cart li .item:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

ul.dropdown-cart {
	color: black;
}

/*ul.dropdown-cart li .item-left {
	float: left;
}*/

ul.dropdown-cart li .item-left .img,
ul.dropdown-cart li .item-left span.item-info {
/*	float: left;*/
	max-width: 150px;
}

ul.dropdown-cart li .item-left .img {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url(/images/icons/unknown_item.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

ul.dropdown-cart li .item-left span.item-info {
	margin-left: 10px;
}

ul.dropdown-cart li .item-left span.item-info span {
	display: block;
}
/*
ul.dropdown-cart li .item-right {
	float: right;
}*/

/*ul.dropdown-cart li .item-right button {
	margin-top: 14px;
}*/

#topStatusBar .navbar-nav .dropdown a.dropdown-toggle {
	padding: 3px 5px;
	color: white;
	padding: 3px 20px 3px 5px;
	color: white;
	border-right: 1px solid #777;
	margin-right: 5px;
}

#topStatusBar .navbar-nav .dropdown.open a.dropdown-toggle,
#topStatusBar .navbar-nav .dropdown a.dropdown-toggle:hover {
	color: black;
}

#topStatusBar .navbar-nav .fa-shopping-cart {
	width: 30px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

#topStatusBar .dropdown-toggle .badge {
	position: absolute;
	margin-left: -10px;
	margin-top: -5px;
}

#topStatusBar #loginStatus {
	display: inline-block;
	padding-top: 4px;
}

body.mobile #topStatusBar #loginStatus {
	display: none;
}

#topStatusBar .dropdown-menu .btn-group {
	display: flex;
}

#topStatusBar .dropdown-menu .btn-group .btn:first-child {
	flex: 1
}

.pulsate::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	animation: pulse 1s ease infinite;
	border-radius: 50%;
	border: 4px double red;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	60% {
		transform: scale(1.3);
		opacity: 0.4;
	}
	100% {
		transform: scale(1.4);
		opacity: 0;
	}
}

.btn.outline,
.btn.outline:active,
.btn.outline:focus {
	background-color: transparent;
	color: inherit;
	transition: all .25s;
	background-image: none;
}

.btn-primary.outline {
	color: #428bca;
}

.btn-success.outline {
	color: #5cb85c;
}

.btn-info.outline {
	color: #5bc0de;
}

.btn-warning.outline {
	color: #f0ad4e;
}

.btn-danger.outline {
	color: #d9534f;
}


/*.btn-primary.outline:hover,
.btn-success.outline:hover,
.btn-info.outline:hover,
.btn-warning.outline:hover,
.btn-danger.outline:hover {
    color: #fff;
}*/

#donationButtons>button {
	margin: 2px;
}

.badge-danger {
	background-color: #c12e2a !important;
}

.badge-danger:hover {
	background-color: #c9302c !important;
}

.badge-warning {
	background-color: #f89406 !important;
}

.badge-warning:hover {
	background-color: #c67605 !important;
}

.badge-success {
	background-color: #468847 !important;
}

.badge-success:hover {
	background-color: #356635 !important;
}

.badge-info {
	background-color: #3a87ad !important;
}

.badge-info:hover {
	background-color: #2d6987 !important;
}

.badge-inverse {
	background-color: #333333 !important;
}

.badge-inverse:hover {
	background-color: #1a1a1a !important;
}

.blur {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	-o-filter: blur(10px);
	filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur");
	filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='10');
	filter: blur(10px);
}

.btn-circle.btn-sm {
	width: 30px;
	height: 30px;
	padding: 0 0 4px 5px;
	border-radius: 15px;
	font-size: 8px;
	text-align: center;
}

.btn-circle.btn-md {
	width: 50px;
	height: 50px;
	padding: 7px 4px 9px 10px;
	border-radius: 25px;
	font-size: 10px;
	text-align: center;
}

.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	font-size: 12px;
	text-align: center;
}


newsTableTd {
	padding: 20px;
}

.is-light-text .moduleContainer * {
	color: initial;
}

html,
body,
.st-container,
.st-pusher,
.st-content {
	height: 100%;
}

.st-content {
	overflow-y: scroll;
	background: #f3efe0;
}

.st-content,
.st-content-inner {
	position: relative;
}

.st-container {
	position: relative;
	/*	overflow: hidden;*/
}

.st-pusher {
	position: relative;
	left: 0;
	z-index: 99;
	height: 100%;
	perspective: 1000px;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.st-menu-open .st-pusher {
	height: 200%;
}

.st-pusher::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: rgba(0, 0, 0, 0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.st-menu-open .st-pusher::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	visibility: hidden;
	width: 300px;
	height: 100%;
	background: #48a770;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.st-menu::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}


/* content style */

.st-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.st-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0, 0, 0, 0.4);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
	font-weight: 300;
	font-size: 2em;
}

.st-menu ul li a {
	display: block;
	padding: 1em 1em 1em 1.2em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
	color: #f3efe0;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
	letter-spacing: 1px;
	font-weight: 400;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.st-menu ul li:first-child a {
	box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}

.st-menu ul li a:hover {
	background: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
	color: #fff;
}


/* Individual effects */


/* Effect 11: Scale and rotate pusher */

.st-effect-11.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-11 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-11.st-menu-open .st-pusher {
	-webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
	/* transform: translate3d(100px, 0, -600px) rotateY(-20deg); */
}

.st-effect-11.st-menu {
	opacity: 1;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-11.st-menu-open .st-effect-11.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-11.st-menu::after {
	display: none;
}


/* Effect 12: Open door */

.st-effect-12.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-12 .st-pusher {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-12.st-menu-open .st-pusher {
	-webkit-transform: rotateY(-10deg);
	transform: rotateY(-10deg);
}

.st-effect-12.st-menu {
	opacity: 1;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-12.st-menu-open .st-effect-12.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-12.st-menu::after {
	display: none;
}


/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */

.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
	padding-left: 300px;
}


[class^="cl-effect-"] a,
[class*=" cl-effect-"] a {
	color: #777;
}

@media (min-width: 767px) {
	[class^="cl-effect-"] .nav>li>a:focus,
	[class^="cl-effect-"] .nav>li>a:hover,
	[class*=" cl-effect-"] .nav>li>a:focus,
	[class*=" cl-effect-"] .nav>li>a:hover {
		background-color: transparent !important;
	}
	[class^="cl-effect-"],
	[class*=" cl-effect-"] {
		background-image: none !important;
		background-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}
	/* Effect 1: Brackets */
	.cl-effect-1>div>div>ul:first-child>li>a::before,
	.cl-effect-1>div>div>ul:first-child>li>a::after {
		display: inline-block;
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
		-moz-transition: -moz-transform 0.3s, opacity 0.2s;
		transition: transform 0.3s, opacity 0.2s;
	}
	.cl-effect-1>div>div>ul:first-child>li>a::before {
		margin-right: 10px;
		content: '[';
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		transform: translateX(20px);
	}
	.cl-effect-1>div>div>ul:first-child>li>a::after {
		margin-left: 10px;
		content: ']';
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	.cl-effect-1>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-1>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-1>div>div>ul:first-child>li>a:focus::before,
	.cl-effect-1>div>div>ul:first-child>li>a:focus::after {
		opacity: 1;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
	}
	/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
	.cl-effect-2>div>div>ul:first-child>li>a {
		line-height: 44px;
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		perspective: 1000px;
	}
	.cl-effect-2>div>div>ul:first-child>li>a span {
		position: relative;
		display: inline-block;
		padding: 0 14px;
		background: #2195de;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.csstransforms3d .cl-effect-2>div>div>ul:first-child>li>a span::before {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		background: #0965a0;
		content: attr(data-hover);
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		transition: background 0.3s;
		-webkit-transform: rotateX(-90deg);
		-moz-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
	.cl-effect-2>div>div>ul:first-child>li>a:hover span,
	.cl-effect-2>div>div>ul:first-child>li>a:focus span {
		-webkit-transform: rotateX(90deg) translateY(-22px);
		-moz-transform: rotateX(90deg) translateY(-22px);
		transform: rotateX(90deg) translateY(-22px);
	}
	.csstransforms3d .cl-effect-2>div>div>ul:first-child>li>a:hover span::before,
	.csstransforms3d .cl-effect-2>div>div>ul:first-child>li>a:focus span::before {
		background: #28a2ee;
	}
	/* Effect 3: bottom line slides/fades in */
	.cl-effect-3>div>div>ul:first-child>li>a {
		padding: 8px 0;
	}
	.cl-effect-3>div>div>ul:first-child>li>a::after {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 4px;
		background: rgba(0, 0, 0, 0.1);
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}
	.cl-effect-3>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-3>div>div>ul:first-child>li>a:focus::after {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	/* Effect 4: bottom border enlarge */
	.cl-effect-4>div>div>ul:first-child>li>a {
		padding: 0 0 10px;
	}
	.cl-effect-4>div>div>ul:first-child>li>a::after {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 1px;
		background: #000;
		content: '';
		opacity: 0;
		-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
		transition: height 0.3s, opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	.cl-effect-4>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-4>div>div>ul:first-child>li>a:focus::after {
		height: 5px;
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	/* Effect 5: same word slide in */
	.cl-effect-5>div>div>ul:first-child>li>a {
		overflow: hidden;
		padding: 0 4px;
		height: 1em;
	}
	.cl-effect-5>div>div>ul:first-child>li>a span {
		position: relative;
		display: inline-block;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
	.cl-effect-5>div>div>ul:first-child>li>a span::before {
		position: absolute;
		top: 100%;
		content: attr(data-hover);
		font-weight: 700;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.cl-effect-5>div>div>ul:first-child>li>a:hover span,
	.cl-effect-5>div>div>ul:first-child>li>a:focus span {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	/* Effect 5: same word slide in and border bottom */
	.cl-effect-6>div>div>ul:first-child>li>a {
		margin: 0 10px;
		padding: 10px 20px;
	}
	.cl-effect-6>div>div>ul:first-child>li>a::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #000;
		content: '';
		-webkit-transition: top 0.3s;
		-moz-transition: top 0.3s;
		transition: top 0.3s;
	}
	.cl-effect-6>div>div>ul:first-child>li>a::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 2px;
		height: 2px;
		background: #000;
		content: '';
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
	}
	.cl-effect-6>div>div>ul:first-child>li>a:hover::before {
		top: 100%;
		opacity: 1;
	}
	.cl-effect-6>div>div>ul:first-child>li>a:hover::after {
		height: 100%;
	}
	/* Effect 7: second border slides up */
	.cl-effect-7>div>div>ul:first-child>li>a {
		padding: 12px 10px 10px;
		color: #566473;
		text-shadow: none;
		font-weight: 700;
	}
	.cl-effect-7>div>div>ul:first-child>li>a::before,
	.cl-effect-7>div>div>ul:first-child>li>a::after {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 3px;
		background: #566473;
		content: '';
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transform: scale(0.85);
		-moz-transform: scale(0.85);
		transform: scale(0.85);
	}
	.cl-effect-7>div>div>ul:first-child>li>a::after {
		opacity: 0;
		-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
		transition: top 0.3s, opacity 0.3s, transform 0.3s;
	}
	.cl-effect-7>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-7>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-7>div>div>ul:first-child>li>a:focus::before,
	.cl-effect-7>div>div>ul:first-child>li>a:focus::after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
	.cl-effect-7>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-7>div>div>ul:first-child>li>a:focus::after {
		top: 0%;
		opacity: 1;
	}
	/* Effect 8: border slight translate */
	.cl-effect-8>div>div>ul:first-child>li>a {
		padding: 10px 20px;
	}
	.cl-effect-8>div>div>ul:first-child>li>a::before,
	.cl-effect-8>div>div>ul:first-child>li>a::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 3px solid #354856;
		content: '';
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
	}
	.cl-effect-8>div>div>ul:first-child>li>a::after {
		border-color: #000;
		opacity: 0;
		-webkit-transform: translateY(-7px) translateX(6px);
		-moz-transform: translateY(-7px) translateX(6px);
		transform: translateY(-7px) translateX(6px);
	}
	.cl-effect-8>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-8>div>div>ul:first-child>li>a:focus::before {
		opacity: 0;
		-webkit-transform: translateY(5px) translateX(-5px);
		-moz-transform: translateY(5px) translateX(-5px);
		transform: translateY(5px) translateX(-5px);
	}
	.cl-effect-8>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-8>div>div>ul:first-child>li>a:focus::after {
		opacity: 1;
		-webkit-transform: translateY(0px) translateX(0px);
		-moz-transform: translateY(0px) translateX(0px);
		transform: translateY(0px) translateX(0px);
	}
	/* Effect 9: second text and borders */
	.cl-effect-9>div>div>ul:first-child>li>a {
		margin: 0 20px;
		padding: 18px 20px;
	}
	.cl-effect-9>div>div>ul:first-child>li>a::before,
	.cl-effect-9>div>div>ul:first-child>li>a::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #000;
		content: '';
		opacity: 0.2;
		-webkit-transition: opacity 0.3s, height 0.3s;
		-moz-transition: opacity 0.3s, height 0.3s;
		transition: opacity 0.3s, height 0.3s;
	}
	.cl-effect-9>div>div>ul:first-child>li>a::after {
		top: 100%;
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	.cl-effect-9>div>div>ul:first-child>li>a span:first-child {
		z-index: 2;
		display: block;
		font-weight: 300;
	}
	.cl-effect-9>div>div>ul:first-child>li>a span:last-child {
		z-index: 1;
		display: block;
		padding: 8px 0 0 0;
		color: rgba(0, 0, 0, 0.4);
		text-shadow: none;
		text-transform: none;
		font-style: italic;
		font-size: 0.75em;
		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.cl-effect-9>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-9>div>div>ul:first-child>li>a:focus::before {
		height: 6px;
	}
	.cl-effect-9>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-9>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-9>div>div>ul:first-child>li>a:focus::before,
	.cl-effect-9>div>div>ul:first-child>li>a:focus::after {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	.cl-effect-9>div>div>ul:first-child>li>a:hover span:last-child,
	.cl-effect-9>div>div>ul:first-child>li>a:focus span:last-child {
		opacity: 1;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}
	/* Effect 10: reveal, push out */
	.cl-effect-10 {
		position: relative;
		z-index: 1;
	}
	.cl-effect-10>div>div>ul:first-child>li>a {
		overflow: hidden;
		margin: 0 15px;
	}
	.cl-effect-10>div>div>ul:first-child>li>a span {
		display: block;
		padding: 10px 20px;
		background: #0f7c67;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
	.cl-effect-10>div>div>ul:first-child>li>a::before {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		padding: 10px 20px;
		width: 100%;
		height: 100%;
		background: #000;
		color: #0f7c67;
		content: attr(data-hover);
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transform: translateX(-25%);
	}
	.cl-effect-10>div>div>ul:first-child>li>a:hover span,
	.cl-effect-10>div>div>ul:first-child>li>a:focus span {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		transform: translateX(100%);
	}
	.cl-effect-10>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-10>div>div>ul:first-child>li>a:focus::before {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		transform: translateX(0%);
	}
	/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
	.cl-effect-11>div>div>ul:first-child>li>a {
		padding: 10px 0;
		border-top: 2px solid #0972b4;
		color: #0972b4;
		text-shadow: none;
	}
	.cl-effect-11>div>div>ul:first-child>li>a::before {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		padding: 10px 0;
		max-width: 0;
		border-bottom: 2px solid #000;
		color: #000;
		content: attr(data-hover);
		-webkit-transition: max-width 0.5s;
		-moz-transition: max-width 0.5s;
		transition: max-width 0.5s;
	}
	.cl-effect-11>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-11>div>div>ul:first-child>li>a:focus::before {
		max-width: 100%;
	}
	/* Effect 12: circle */
	.cl-effect-12>div>div>ul:first-child>li>a::before,
	.cl-effect-12>div>div>ul:first-child>li>a::after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100px;
		height: 100px;
		border: 2px solid rgba(0, 0, 0, 0.1);
		border-radius: 50%;
		content: '';
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
		-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
		transform: translateX(-50%) translateY(-50%) scale(0.2);
	}
	.cl-effect-12>div>div>ul:first-child>li>a::after {
		width: 90px;
		height: 90px;
		border-width: 6px;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
		-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
		transform: translateX(-50%) translateY(-50%) scale(0.8);
	}
	.cl-effect-12>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-12>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-12>div>div>ul:first-child>li>a:focus::before,
	.cl-effect-12>div>div>ul:first-child>li>a:focus::after {
		opacity: 1;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
	}
	/* Effect 13: three circles */
	.cl-effect-13>div>div>ul:first-child>li>a {
		-webkit-transition: color 0.3s;
		-moz-transition: color 0.3s;
		transition: color 0.3s;
	}
	.cl-effect-13>div>div>ul:first-child>li>a::before {
		position: absolute;
		top: 100%;
		left: 50%;
		color: transparent;
		content: '•';
		text-shadow: 0 0 transparent;
		font-size: 1.2em;
		-webkit-transition: text-shadow 0.3s, color 0.3s;
		-moz-transition: text-shadow 0.3s, color 0.3s;
		transition: text-shadow 0.3s, color 0.3s;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		pointer-events: none;
	}
	.cl-effect-13>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-13>div>div>ul:first-child>li>a:focus::before {
		color: #000;
		text-shadow: 10px 0 #000, -10px 0 #000;
	}
	.cl-effect-13>div>div>ul:first-child>li>a:hover,
	.cl-effect-13>div>div>ul:first-child>li>a:focus {
		color: #ba7700;
	}
	/* Effect 14: border switch */
	.cl-effect-14>div>div>ul:first-child>li>a {
		padding: 0 20px;
		height: 45px;
		line-height: 45px;
	}
	.cl-effect-14>div>div>ul:first-child>li>a::before,
	.cl-effect-14>div>div>ul:first-child>li>a::after {
		position: absolute;
		width: 45px;
		height: 2px;
		background: #000;
		content: '';
		opacity: 0.2;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		pointer-events: none;
	}
	.cl-effect-14>div>div>ul:first-child>li>a::before {
		top: 0;
		left: 0;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	.cl-effect-14>div>div>ul:first-child>li>a::after {
		right: 0;
		bottom: 0;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: 100% 0;
		-moz-transform-origin: 100% 0;
		transform-origin: 100% 0;
	}
	.cl-effect-14>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-14>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-14>div>div>ul:first-child>li>a:focus::before,
	.cl-effect-14>div>div>ul:first-child>li>a:focus::after {
		opacity: 1;
	}
	.cl-effect-14>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-14>div>div>ul:first-child>li>a:focus::before {
		left: 50%;
		-webkit-transform: rotate(0deg) translateX(-50%);
		-moz-transform: rotate(0deg) translateX(-50%);
		transform: rotate(0deg) translateX(-50%);
	}
	.cl-effect-14>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-14>div>div>ul:first-child>li>a:focus::after {
		right: 50%;
		-webkit-transform: rotate(0deg) translateX(50%);
		-moz-transform: rotate(0deg) translateX(50%);
		transform: rotate(0deg) translateX(50%);
	}
	/* Effect 15: scale down, reveal */
	.cl-effect-15>div>div>ul:first-child>li>a {
		color: rgba(0, 0, 0, 0.2);
		font-weight: 700;
		text-shadow: none;
	}
	.cl-effect-15>div>div>ul:first-child>li>a::before {
		color: #000;
		content: attr(data-hover);
		position: absolute;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
	}
	.cl-effect-15>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-15>div>div>ul:first-child>li>a:focus::before {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0;
	}
	/* Effect 16: fall down */
	.cl-effect-16>div>div>ul:first-child>li>a {
		color: #6f8686;
		text-shadow: 0 0 1px rgba(111, 134, 134, 0.3);
	}
	.cl-effect-16>div>div>ul:first-child>li>a::before {
		color: #000;
		content: attr(data-hover);
		position: absolute;
		opacity: 0;
		text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
		-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
		-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
		transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		pointer-events: none;
	}
	.cl-effect-16>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-16>div>div>ul:first-child>li>a:focus::before {
		-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
		-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
		transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
		opacity: 1;
	}
	/* Effect 17: move up fade out, push border */
	.cl-effect-17>div>div>ul:first-child>li>a {
		color: #10649b;
		text-shadow: none;
		padding: 10px 0;
	}
	.cl-effect-17>div>div>ul:first-child>li>a::before {
		color: #000;
		text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
		content: attr(data-hover);
		position: absolute;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		pointer-events: none;
	}
	.cl-effect-17>div>div>ul:first-child>li>a::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		background: #000;
		opacity: 0;
		-webkit-transform: translateY(5px);
		-moz-transform: translateY(5px);
		transform: translateY(5px);
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		pointer-events: none;
	}
	.cl-effect-17>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-17>div>div>ul:first-child>li>a:focus::before {
		opacity: 0;
		-webkit-transform: translateY(-2px);
		-moz-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	.cl-effect-17>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-17>div>div>ul:first-child>li>a:focus::after {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	/* Effect 18: cross */
	.cl-effect-18 {
		position: relative;
		z-index: 1;
	}
	.cl-effect-18>div>div>ul:first-child>li>a {
		padding: 0 5px;
		color: #b4770d;
		font-weight: 700;
		-webkit-transition: color 0.3s;
		-moz-transition: color 0.3s;
		transition: color 0.3s;
	}
	.cl-effect-18>div>div>ul:first-child>li>a::before,
	.cl-effect-18>div>div>ul:first-child>li>a::after {
		position: absolute;
		width: 100%;
		left: 0;
		top: 50%;
		height: 2px;
		margin-top: -1px;
		background: #b4770d;
		content: '';
		z-index: -1;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		pointer-events: none;
	}
	.cl-effect-18>div>div>ul:first-child>li>a::before {
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	.cl-effect-18>div>div>ul:first-child>li>a::after {
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
	}
	.cl-effect-18>div>div>ul:first-child>li>a:hover,
	.cl-effect-18>div>div>ul:first-child>li>a:focus {
		color: #000;
	}
	.cl-effect-18>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-18>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-18>div>div>ul:first-child>li>a:focus::before,
	.cl-effect-18>div>div>ul:first-child>li>a:focus::after {
		opacity: 0.7;
	}
	.cl-effect-18>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-18>div>div>ul:first-child>li>a:focus::before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.cl-effect-18>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-18>div>div>ul:first-child>li>a:focus::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/* Effect 19: 3D side */
	.cl-effect-19>div>div>ul:first-child>li>a {
		line-height: 2em;
		margin: 15px;
		-webkit-perspective: 800px;
		-moz-perspective: 800px;
		perspective: 800px;
		width: 200px;
	}
	.cl-effect-19>div>div>ul:first-child>li>a span {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 0 14px;
		background: #e35041;
		-webkit-transition: -webkit-transform 0.4s, background 0.4s;
		-moz-transition: -moz-transform 0.4s, background 0.4s;
		transition: transform 0.4s, background 0.4s;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform-origin: 50% 50% -100px;
		-moz-transform-origin: 50% 50% -100px;
		transform-origin: 50% 50% -100px;
	}
	.csstransforms3d .cl-effect-19>div>div>ul:first-child>li>a span::before {
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;
		background: #b53a2d;
		content: attr(data-hover);
		-webkit-transition: background 0.4s;
		-moz-transition: background 0.4s;
		transition: background 0.4s;
		-webkit-transform: rotateY(90deg);
		-moz-transform: rotateY(90deg);
		transform: rotateY(90deg);
		-webkit-transform-origin: 0 50%;
		-moz-transform-origin: 0 50%;
		transform-origin: 0 50%;
		pointer-events: none;
	}
	.cl-effect-19>div>div>ul:first-child>li>a:hover span,
	.cl-effect-19>div>div>ul:first-child>li>a:focus span {
		background: #b53a2d;
		-webkit-transform: rotateY(-90deg);
		-moz-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	}
	.csstransforms3d .cl-effect-19>div>div>ul:first-child>li>a:hover span::before,
	.csstransforms3d .cl-effect-19>div>div>ul:first-child>li>a:focus span::before {
		background: #ef5e50;
	}
	/* Effect 20: 3D side */
	.cl-effect-20>div>div>ul:first-child>li>a {
		line-height: 2em;
		-webkit-perspective: 800px;
		-moz-perspective: 800px;
		perspective: 800px;
	}
	.cl-effect-20>div>div>ul:first-child>li>a span {
		position: relative;
		display: inline-block;
		padding: 3px 15px 0;
		background: #587285;
		box-shadow: inset 0 3px #2f4351;
		-webkit-transition: background 0.6s;
		-moz-transition: background 0.6s;
		transition: background 0.6s;
		-webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform-origin: 0% 50%;
		-moz-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
	}
	.cl-effect-20>div>div>ul:first-child>li>a span::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		color: #2f4351;
		content: attr(data-hover);
		-webkit-transform: rotateX(270deg);
		-moz-transform: rotateX(270deg);
		transform: rotateX(270deg);
		-webkit-transition: -webkit-transform 0.6s;
		-moz-transition: -moz-transform 0.6s;
		transition: transform 0.6s;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		transform-origin: 0 0;
		pointer-events: none;
	}
	.cl-effect-20>div>div>ul:first-child>li>a:hover span,
	.cl-effect-20>div>div>ul:first-child>li>a:focus span {
		background: #2f4351;
	}
	.cl-effect-20>div>div>ul:first-child>li>a:hover span::before,
	.cl-effect-20>div>div>ul:first-child>li>a:focus span::before {
		-webkit-transform: rotateX(10deg);
		-moz-transform: rotateX(10deg);
		transform: rotateX(10deg);
	}
	/* Effect 21: borders slight translate */
	.cl-effect-21>div>div>ul:first-child>li>a {
		padding: 10px;
		color: #237546;
		font-weight: 700;
		text-shadow: none;
		-webkit-transition: color 0.3s;
		-moz-transition: color 0.3s;
		transition: color 0.3s;
	}
	.cl-effect-21>div>div>ul:first-child>li>a::before,
	.cl-effect-21>div>div>ul:first-child>li>a::after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background: #000;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	.cl-effect-21>div>div>ul:first-child>li>a::before {
		top: 0;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	.cl-effect-21>div>div>ul:first-child>li>a::after {
		bottom: 0;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}
	.cl-effect-21>div>div>ul:first-child>li>a:hover,
	.cl-effect-21>div>div>ul:first-child>li>a:focus {
		color: #000;
	}
	.cl-effect-21>div>div>ul:first-child>li>a:hover::before,
	.cl-effect-21>div>div>ul:first-child>li>a:focus::before,
	.cl-effect-21>div>div>ul:first-child>li>a:hover::after,
	.cl-effect-21>div>div>ul:first-child>li>a:focus::after {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
}


ul.navbar-nav .fullWidthSubmenu {
	position: unset;
}

ul.navbar-nav .fullWidthSubmenu>ul {
	width: 100%!important;
	left:0!important;
}
#outerMenuContainer ul.navbar-nav .dropdown-toggle:after {
	content: none 
}

ul.navbar-nav .fullWidthSubmenu>ul>li>ul {
	display: block !important;
	left: unset !important;
	position: unset !important;
	border: none;
	box-shadow: none;
	width: 100%!important;
}
ul.navbar-nav .fullWidthSubmenu>ul>li>a>i{
	display:none;
}
/*
.select2-container--bootstrap {
	display: block;
	z-index:2000;
}

.select2-container--bootstrap .select2-selection {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	font-size: 14px;
	outline: 0
}

.select2-container--bootstrap .select2-selection.form-control {
	border-radius: 4px
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	font-size: 14px
}

.select2-container--bootstrap .select2-search__field {
	outline: 0
}

.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
	color: #999
}

.select2-container--bootstrap .select2-search__field:-moz-placeholder {
	color: #999
}

.select2-container--bootstrap .select2-search__field::-moz-placeholder {
	color: #999;
	opacity: 1
}

.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
	color: #999
}

.select2-container--bootstrap .select2-results__option {
	padding: 6px 12px
}

.select2-container--bootstrap .select2-results__option[role=group] {
	padding: 0
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
	color: #777;
	cursor: not-allowed
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
	background-color: #f5f5f5;
	color: #262626
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
	background-color: #337ab7;
	color: #fff
}

.select2-container--bootstrap .select2-results__option .select2-results__option {
	padding: 6px 12px
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -12px;
	padding-left: 24px
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -24px;
	padding-left: 36px
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -36px;
	padding-left: 48px
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -48px;
	padding-left: 60px
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -60px;
	padding-left: 72px
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{
	font-size: 1.5em!important;
}
.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search, .select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search .select2-search__field, .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search, .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search .select2-search__field{
	height:2em!important;
}
.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group
{
	font-size:1.5em;
}
.select2-container--bootstrap-5 .select2-dropdown {
    z-index: 1040;
}
.select2-container--bootstrap .select2-results__group {
	color: #777;
	display: block;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	white-space: nowrap
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	border-color: #66afe9
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
	border-color: transparent transparent #999;
	border-width: 0 4px 4px
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-color: transparent
}

.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-color: transparent
}

.select2-container--bootstrap .select2-selection__clear {
	color: #999;
	cursor: pointer;
	float: right;
	font-weight: 700;
	margin-right: 10px
}

.select2-container--bootstrap .select2-selection__clear:hover {
	color: #333
}

.select2-container--bootstrap.select2-container--disabled .select2-selection {
	border-color: #ccc;
	-webkit-box-shadow: none;
	box-shadow: none
}

.select2-container--bootstrap.select2-container--disabled .select2-search__field,
.select2-container--bootstrap.select2-container--disabled .select2-selection {
	cursor: not-allowed
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
	background-color: #eee
}

.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--bootstrap.select2-container--disabled .select2-selection__clear {
	display: none
}

.select2-container--bootstrap .select2-dropdown {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	border-color: #66afe9;
	overflow-x: hidden;
	margin-top: -1px
}

.select2-container--bootstrap .select2-dropdown--above {
	-webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 -6px 12px rgba(0, 0, 0, .175);
	margin-top: 1px
}

.select2-container--bootstrap .select2-results>.select2-results__options {
	max-height: 60vh;
	overflow-y: auto
}

.select2-container--bootstrap .select2-selection--single {
	height: 34px;
	line-height: 1.42857143;
	padding: 6px 24px 6px 12px
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
	position: absolute;
	bottom: 0;
	right: 12px;
	top: 0;
	width: 4px
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
	border-color: #999 transparent transparent;
	border-style: solid;
	border-width: 4px 4px 0;
	height: 0;
	left: 0;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
	color: #555;
	padding: 0
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--bootstrap .select2-selection--multiple {
	min-height: 34px;
	padding: 0;
	height: auto
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	line-height: 1.42857143;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
	color: #999;
	float: left;
	margin-top: 5px
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
	color: #555;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin: 5px 0 0 6px;
	padding: 0 6px
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
	background: 0 0;
	padding: 0 12px;
	height: 32px;
	line-height: 1.42857143;
	margin-top: 0;
	min-width: 5em
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	margin-right: 3px
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #333
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
	margin-top: 6px
}

.form-group-sm .select2-container--bootstrap .select2-selection--single,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap .select2-selection--single.input-sm {
	border-radius: 3px;
	font-size: 12px;
	height: 30px;
	line-height: 1.5;
	padding: 5px 22px 5px 10px
}

.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b {
	margin-left: -5px
}

.form-group-sm .select2-container--bootstrap .select2-selection--multiple,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.select2-container--bootstrap .select2-selection--multiple.input-sm {
	min-height: 30px;
	border-radius: 3px
}

.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice {
	font-size: 12px;
	line-height: 1.5;
	margin: 4px 0 0 5px;
	padding: 0 5px
}

.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field {
	padding: 0 10px;
	font-size: 12px;
	height: 28px;
	line-height: 1.5
}

.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear {
	margin-top: 5px
}

.form-group-lg .select2-container--bootstrap .select2-selection--single,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap .select2-selection--single.input-lg {
	border-radius: 6px;
	font-size: 18px;
	height: 46px;
	line-height: 1.3333333;
	padding: 10px 31px 10px 16px
}

.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow {
	width: 5px
}

.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b {
	border-width: 5px 5px 0;
	margin-left: -10px;
	margin-top: -2.5px
}

.form-group-lg .select2-container--bootstrap .select2-selection--multiple,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.select2-container--bootstrap .select2-selection--multiple.input-lg {
	min-height: 46px;
	border-radius: 6px
}

.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice {
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 4px;
	margin: 9px 0 0 8px;
	padding: 0 10px
}

.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field {
	padding: 0 16px;
	font-size: 18px;
	height: 44px;
	line-height: 1.3333333
}

.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear {
	margin-top: 10px
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #999;
	border-width: 0 5px 5px
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single {
	padding-left: 24px;
	padding-right: 12px
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered {
	padding-right: 0;
	padding-left: 0;
	text-align: right
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow {
	left: 12px;
	right: auto
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b {
	margin-left: 0
}

.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
	float: right
}

.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice {
	margin-left: 0;
	margin-right: 6px
}

.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}
*/
.select2-container--default .select2-results>.select2-results__options{
	max-height:500px!important;
}
.has-warning .select2-dropdown,
.has-warning .select2-selection {
	border-color: #8a6d3b
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
	border-color: #66512c
}

.has-warning.select2-drop-active {
	border-color: #66512c
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
	border-top-color: #66512c
}

.has-error .select2-dropdown,
.has-error .select2-selection {
	border-color: #a94442
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	border-color: #843534
}

.has-error.select2-drop-active {
	border-color: #843534
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
	border-top-color: #843534
}

.has-success .select2-dropdown,
.has-success .select2-selection {
	border-color: #3c763d
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
	border-color: #2b542c
}

.has-success.select2-drop-active {
	border-color: #2b542c
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
	border-top-color: #2b542c
}
/*
.input-group>.select2-hidden-accessible:first-child+.select2-container--bootstrap>.selection>.select2-selection,
.input-group>.select2-hidden-accessible:first-child+.select2-container--bootstrap>.selection>.select2-selection.form-control {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
	margin-left:0;
}

.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection,
.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.form-control {
	border-radius: 0
}

.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection,
.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection.form-control {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}


.input-group>.select2-container--bootstrap>.selection>.select2-selection.form-control {
	float: none
}

.input-group>.select2-container--bootstrap.select2-container--focus,
.input-group>.select2-container--bootstrap.select2-container--open {
	z-index: 3
}

.input-group>.select2-container--bootstrap,
.input-group>.select2-container--bootstrap .input-group-btn,
.input-group>.select2-container--bootstrap .input-group-btn .btn {
	vertical-align: top
}

.form-control.select2-hidden-accessible {
	position: absolute!important;
	width: 1px!important
}

@media (min-width:768px) {
	.form-inline .select2-container--bootstrap {
		display: inline-block
	}
}
*/
.select2-container--dark-adminlte .select2-selection--single {
	background-color: #374850;
	border: 1px solid #374850;
	border-radius: 4px;
	height: auto !important;
}

.select2-container--dark-adminlte .select2-selection--single .select2-selection__rendered {
	color: #999;
	line-height: 42px;
	font-size: 14px
}

.select2-container--dark-adminlte .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold
}

.select2-container--dark-adminlte .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--dark-adminlte .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px
}

.select2-container--dark-adminlte .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: 2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--dark-adminlte[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--dark-adminlte[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto
}

.select2-container--dark-adminlte.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default
}

.select2-container--dark-adminlte.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--dark-adminlte.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--dark-adminlte .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text
}

.select2-container--dark-adminlte .select2-selection--multiple .select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%
}

.select2-container--dark-adminlte .select2-selection--multiple .select2-selection__rendered li {
	list-style: none
}

.select2-container--dark-adminlte .select2-selection--multiple .select2-selection__placeholder {
	color: #999;
	margin-top: 5px;
	float: left
}

.select2-container--dark-adminlte .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px
}

.select2-container--dark-adminlte .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--dark-adminlte .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--dark-adminlte .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #333
}

.select2-container--dark-adminlte[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--dark-adminlte[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--dark-adminlte[dir="rtl"] .select2-selection--multiple .select2-search--inline {
	float: right
}

.select2-container--dark-adminlte[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--dark-adminlte[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--dark-adminlte.select2-container--focus .select2-selection--multiple {
	border: solid black 1px;
	outline: 0
}

.select2-container--dark-adminlte.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default
}

.select2-container--dark-adminlte.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container--dark-adminlte.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--dark-adminlte.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--dark-adminlte.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--dark-adminlte.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--dark-adminlte .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa
}

.select2-container--dark-adminlte .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield
}
.select2-container--dark-adminlte .select2-results__option[role=group] {
	padding: 0
}

.select2-container--dark-adminlte .select2-results__option[aria-disabled=true] {
	color: #999
}

.select2-container--dark-adminlte .select2-results__option[aria-selected=true] {
	background-color: #ddd
}

.select2-container--dark-adminlte .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--dark-adminlte .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--dark-adminlte .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em
}

.select2-container--dark-adminlte .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em
}

.select2-container--dark-adminlte .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em
}

.select2-container--dark-adminlte .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em
}

.select2-container--dark-adminlte .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em
}

.select2-container--dark-adminlte .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: white
}

.select2-container--dark-adminlte .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.navbar .NotVisible {
	border: 1px dashed #b70905 !important;
}

.lds-grid {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-grid div {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: darkgray;
	animation: lds-grid 1.2s linear infinite;
}

.lds-grid div:nth-child(1) {
	top: 8px;
	left: 8px;
	animation-delay: 0s;
}

.lds-grid div:nth-child(2) {
	top: 8px;
	left: 32px;
	animation-delay: -0.4s;
}

.lds-grid div:nth-child(3) {
	top: 8px;
	left: 56px;
	animation-delay: -0.8s;
}

.lds-grid div:nth-child(4) {
	top: 32px;
	left: 8px;
	animation-delay: -0.4s;
}

.lds-grid div:nth-child(5) {
	top: 32px;
	left: 32px;
	animation-delay: -0.8s;
}

.lds-grid div:nth-child(6) {
	top: 32px;
	left: 56px;
	animation-delay: -1.2s;
}

.lds-grid div:nth-child(7) {
	top: 56px;
	left: 8px;
	animation-delay: -0.8s;
}

.lds-grid div:nth-child(8) {
	top: 56px;
	left: 32px;
	animation-delay: -1.2s;
}

.lds-grid div:nth-child(9) {
	top: 56px;
	left: 56px;
	animation-delay: -1.6s;
}

@keyframes lds-grid {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}

.printSnippetContainer {
	height: 100%
}

.editableSnippet.hasContentBuilder .readmore-item::before {
	font-size: 10px;
	color: #000;
	content: "Read-more container"
}

.editableSnippet.hasContentBuilder .collapsible-item-heading {
	color: #72b73a;
	text-decoration: none;
}

.editableSnippet.hasContentBuilder .collapsible-item-collapse {
	display: block;
	min-height: 10px;
}

.editableSnippet.hasContentBuilder .readmore-item {
	padding: 8px;
	margin: 10px;
	border-radius: 8px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
}

.menu_search {
/*	z-index: 10000; is showing above offcanvas*/
}

#menuContainer .menu_search {
    width: 55px;
    min-width: 55px;
    flex-grow: 0 !important;
    transition: 0.4s linear;
    flex-direction: column-reverse;
}

.menu_search.open {
	z-index:45
}

@media (max-width: 767px) {
	.menu_search,
	.menu_search>div,
	.menu_search>div>div {
		width: 100%!important;
		height: auto!important;
	}
	.menu_search .searchbar>span {
		visibility: visible!important;
	}
}
#menuContainer .menu_search{
	width: 50px;
    direction: rtl;
}
#menuContainer .menu_search:hover>div,
#menuContainer .menu_search.open>div {
	min-width: 350px;
}
#menuContainer .menu_search>*{
    direction: ltr;
}
.menu_search>div {
	height: 100%!important;
	-ms-flex-pack: flex-end!important;
	justify-content: flex-end!important;
	display: -ms-flexbox!important;
	display: flex!important;
	flex-direction: row;
	overflow: hidden;
}
.menu_search{
	display:flex;
}
.menu_search>*{
	flex-grow:0;
	flex-shrink:0;
}
.menu_search .searchbar {
	background-color: #353b48;
	padding: 10px;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}

.menu_search .search_input {
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 40px;
	margin: 0;
	z-index: 10;
	font-family: inherit;
	font-size: 20px;
	color: #2c3e50;
	border-radius: 0;
}

#menuContainer .menu_search .search_input {
	opacity: 0;
	transition: 0.5s;
}

body.mobile .menu_search .search_input {
	opacity: 1;
}

.menu_search .searchResultsContainer {
	z-index: 401;
	display: none;
}

.menu_search .searchResultsContainer.open {
	display: block;
}

.menu_search .searchResults {
	height: 100%;
	background: rgba(167, 185, 208, .8);
	display: flex;
	align-content: flex-start;
	align-items: flex-end;
	flex-flow: row wrap;
	writing-mode: vertical-lr;
	position: absolute;
	max-width: 100vw;
	overflow: auto;
}

#menuContainer .menu_search .searchResults {
	flex-flow: row wrap-reverse;
	right: 0;
}

.menu_search .panel {
	max-height: 100%;
	display: flex;
	flex-direction: column;
	width: 350px;
	writing-mode: horizontal-tb;
	margin: 0 0 5px 5px;
}

.menu_search .panel-body {
	overflow: auto;
}

#menuContainer .menu_search:hover .searchbar>.search_input,
body #menuContainer .menu_search.open .searchbar>.search_input,
.menu_search.open .searchbar>.search_input {
/*	padding: 0 10px;*/
	caret-color: red;
	opacity: 1;
}

.menu_search .searchbar:hover>.search_icon,
.menu_search .searchbar.open>.search_icon {
	/*    background: white;*/
	color: #e74c3c;
}

.menu_search .searchbar>span {
	visibility: hidden;
}

.menu_search:hover .searchbar>span {
	visibility: visible;
}

.menu_search .search_icon {
	height: 40px;
	width: 40px;
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: white;
	text-decoration: none;
	font-size: 25px;
}

.menu_search .search_icon>i {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.menu_search .searchResultsContainer {
	min-width: 350px;
	position: absolute;
	right: 0;
}

.select2-container--dark-adminlte .select2-dropdown--below {
	background-color: #353b48;
	color: white;
}

.select2-container .searchoverinput {
	margin-top: -37px;
}


.quickSearResults.lobipanel .card-header a {
	padding: 0 !important;
	border-radius: 15px;
}

.quickSearResults.lobipanel .card-header a:hover {
	background-color: rgba(250, 250, 250, .3);
}


.quickSearResults.lobipanel .btn-link {
	font-weight: 400;
	color: #337ab7;
	border-radius: 0;
	text-align: left;
}

.quickSearResults.lobipanel .btn-link:focus,
.quickSearResults.lobipanel .btn-link:hover {
	color: #333;
	text-decoration: none;
}

.quickSearResults.lobipanel .media-left img {
	max-width: 64px;
}

.quickSearResults.lobipanel .media-body {
	white-space: normal;
}

.quickSearResults.lobipanel sup .badge {
	font-size: 9px;
}

.highlightMatch {
	background-color: yellow;
}

.userResults.lobipanel.panel-collapsed>p {
	display: none;
}

#savedSearchesContainer .btn-default span {
	white-space: pre-wrap;
}
/* 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: 0;
  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; was hiding shadows*/
}
/*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;
}*/
/* Bootstrap 5
.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;
}
@media screen and (min-width: 768px) { 
	.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; images were overflowing container */
}
.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>*:not([class^="is-"]):before {
	    content:'';
	    float:left;
	    padding-top:100%;
	}*/
}
.flex-square-container {
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: space-around;
}
.flex-square-container>*:not([class^="is-"]) {
    flex: 1 0 auto;
}

.hoverProfileContainer{
    position:relative;
    overflow:hidden;
    width:100%;
    flex-grow:1;
}
.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,.is-wrapper.is-edit .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%;
    bottom:0;
    overflow:auto;
    padding: 3%;
}

.hasContentBuilder .hoverProfileContainer,.is-wrapper.is-edit .hoverProfileContainer {
	display:block;
}
.hasContentBuilder .hoverProfileContainer .mainProfile,.is-wrapper.is-edit .hoverProfileContainer .mainProfile{
	position:relative;
	height: initial;
}
.hasContentBuilder .hoverProfileContainer .hoverProfile,.is-wrapper.is-edit .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;
}



#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;
  }


@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;
}
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;
  width:auto !important;
}
.input-group>.select2-hidden-accessible {
  display: none;
}
.flexColumn {
  display: flex;
  flex-direction: column;
  justify-content:center;
}
.flexRow {
  display: flex;
  flex-direction: row;
  justify-content:center;
}
.flexRow>img {
	height:100%
}

@media (max-width: 768px){
	.flexRow {
	  flex-direction: column;
	}
}
.flexRow>*,
.flexColumn>* {
  flex-grow: 1;
}
.flexRow>*{
	min-width: 0;
}
.flexColumn>*{
	min-height: 0;
}
.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
,.is-edit .show-in-builder,.is-edit .popupWindowPTLY{
	display:block!important;
}
.hasContentBuilder .hide-in-builder,.is-edit .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)
}
.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:width 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%;
}
#secondaryMenuContainer li.menu.activeMenu{
	border-bottom:1px solid black;
}
.btn{
white-space: normal;
}
.input-group .btn {
    white-space: unset;
}
.daterangepicker .calendar{ /*override for clash between falcon and daterangepicker*/
	width: 20rem;
}
#noty_top_layout_container>li{
	margin-top:15px;
}
.gridColour1{background:#8dc5fd!important}.gridColour2{background:#ddcb68!important}.gridColour3{background:#ab61fe!important}.gridColour4{background:#ff78ed!important}.gridColour5{background:#aaffaa!important}.gridColour6{background:#ffffaa!important}.gridColour7{background:#ffaaaa!important}.gridColour8{background:#aaaaff!important}.gridColour9{background:#ffaaff!important}.gridColour10{background:#6fa671!important}
	.gridColour11{background:#46ff1e!important}.gridColour12{background:#aaffaa!important}.gridColour13{background:#ffde1e!important}.gridColour14{background:#aaaaaa!important}.gridColour15{background:#664d50!important}.gridColour16{background:#e6acac!important}.gridColour17{background:#ffd9bf!important}.gridColour18{background:#7f4840!important}.gridColour19{background:#d580ff!important}.gridColour20{background:#403010!important}
	.gridColour21{background:#1a4266!important}.gridColour22{background:#40ffd9!important}.gridColour23{background:#001180!important}.gridColour24{background:#998f00!important}.gridColour25{background:#0000d9!important}.gridColour26{background:#0000f2!important}.gridColour27{background:#4d6166!important}.gridColour28{background:#eeb6f2!important}.gridColour29{background:#402024!important}.gridColour30{background:#99754d!important}
	.gridColour31{background:#80b3ff!important}.gridColour32{background:#402310!important}.gridColour33{background:#29a629!important}.gridColour34{background:#40ff40!important}.gridColour35{background:#7f2200!important}.gridColour36{background:#008fb3!important}.gridColour37{background:#e5001f!important}.gridColour38{background:#ff0066!important}.gridColour39{background:#6e698c!important}.gridColour40{background:#bfeaff!important}
	.gridColour41{background:#4e3366!important}.gridColour42{background:#53a6a0!important}.gridColour43{background:#ff9180!important}.gridColour44{background:#134d41!important}.gridColour45{background:#3d6df2!important}.gridColour46{background:#293300!important}.gridColour47{background:#8c0025!important}.gridColour48{background:#b25f00!important}.gridColour49{background:#e59900!important}.gridColour50{background:#cc00ff!important}
	.gridColour51{background:#bcbf8f!important}.gridColour52{background:#c8ffbf!important}.gridColour53{background:#417339!important}.gridColour54{background:#cc668f!important}.gridColour55{background:#0d0d33!important}.gridColour56{background:#59163a!important}.gridColour57{background:#e6f23d!important}.gridColour58{background:#590000!important}.gridColour59{background:#70008c!important}.gridColour60{background:#0000cc!important}
	.gridColour61{background:#f200c2!important}.gridColour62{background:#ff6600!important}

	.dhx_grid .dhx_grid-row:nth-child(even){
		background-color: #f8f8f8;
	}
	.dhx_grid .dhx_grid-cell__content {
		line-height: normal!important;
	}
	.dhx_grid .dhx_grid-footer-cell, .dhx_grid .dhx_grid-header-cell,.dhx_grid .dhx_header-spans .dhx_span-cell {
		background: #e2efff;
	}
	.dhx_grid .dhx_grid-selected-row {
		background: rgba(0,161,255, 0.1);
	}

	.dhx_grid .dhx_grid-header-cell-text_content{
		white-space: break-spaces;
	}
/*default list for member search*/
div.action_list div.content { margin:10px; }
div#listContainer ul { list-style:none; margin:0px; padding:0px; }
div#listContainer ul a { text-decoration: none; color:#003399; }
div.user { margin:0px; padding:10px; border-bottom: solid 1px #E6E6E6 }
div.user #left { float:left; padding:0 10px 5px 0; }
div.user #left a {
    display: inline-block;
/*    width: 100%;*/
/*    height: 100%;*/
    background-image: url(http://alumni.ststephens.wa.edu.au/wa/ststephens/photos/profilePhotoImage/8232635.jpg?pwklo);
    background-size: cover;
    background-position: center;
    border: 1px solid black;
}
/*div.user #left img { border:1px solid #000000; width:57px }*/
div.user #center { float:left; /*width: 475px; */}
div.user #center small { font-size: 8pt; text-decoration: none; color:#990000; margin-left: 5px; }
div.user #center p { margin-top: 5px; }
.Goldmember, .Silvermember, .Bronzemember { padding-left: 22px; margin-top:25px; padding-top:2px; padding-bottom: 5px; padding-right: 0px; background-repeat:no-repeat; }
.Goldmember { background-image: url(/images/icons/gold.png); }
.Silvermember { background-image: url(/images/icons/silver.png); }
.Bronzemember { background-image: url(/images/icons/bronze.png); }
/*div.user.inactive { background: url(/images/inactiveUser.png) transparent no-repeat scroll center center; }*/
div.user #right { float:right; width: 250px; }
ul#memberlinks { list-style:none; margin:0px; padding:0px; }
ul#memberlinks li span { display:block; padding-top: 0px; padding-bottom: 2px; margin-bottom: 2px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #E6E6E6; }
div.user #right p { margin-top: 3px; margin-bottom: 4px; }
ul#adminlinks { list-style:none; margin:0px; padding:0px; }
ul#adminlinks li span { display:block; padding-top: 0px; padding-bottom: 2px; margin-bottom: 2px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #E6E6E6; }

#profilecontainer { background-image: url(/images/modules/profile_background.png); background-repeat: repeat-x; background-color:#FFFFFF; }
#profilecontainer a, #profilecontainer a:hover{ color: #003399; }

#profiletable { font-size:8pt; }
#profiletable.header { height: 15px; background-image:url(images/top.png); }
#profiletable #left { font-size: 10pt; }
#profiletable #left .profilephoto { text-align:center; border: 1px solid #333; background-color:#FFFFFF; margin-bottom: 15px; }
#profiletable #left img.noimage { padding: 45px 10px 45px 10px; }
/*#profiletable #left a { display:inline-block;background-position: center;background-repeat: no-repeat;background-size:contain;width:100% }*/
#profiletable #left img {width:100% }
#profiletable #left .sendmaillink { padding-bottom: 5px; margin-top: 5px; margin-bottom:0px;}
#profiletable #left .sendmaillink p { padding: 0px; margin-top: 5px; margin-bottom:5px; padding-left: 5px; }
#profiletable #left .sendmaillink li span .nameHeading { font-size: 11px; }
#profiletable #left .sendmaillink img { height:10px; width: 16px; border: none; }
#profiletable #left .adminfunctions { padding-bottom: 5px; margin-top: 5px; margin-bottom:0px; }
#profiletable #left .adminfunctions p { margin-top:0px; margin-bottom: 5px; }
#profiletable #left .adminfunctions a { display: block; margin-top: 0px; margin-bottom: 5px; border-bottom: solid 1px #CCC; }
#profiletable #left .infobox1, #profiletable #left .infobox2 { border:solid 1px #CCC; margin-bottom: 5px; }
#profiletable #left .infobox1 { margin-top:10px; }
#profiletable #left .infoboxheader { background-color:#D6D6D6; margin-bottom: 4px; padding: 3px; }
#profiletable #left .infoboxtext { padding: 3px; }
#profiletable #right { font-size:10pt }
#profiletable #right h1 { font-size:14pt; font-weight: bold; padding-top: 4px; padding-bottom:20px; vertical-align:top; }
#profiletable #right h2 { border-bottom: solid 1px #CCC; }
#profiletable #right .rightcontainer h1 { font-size:14pt; font-weight: bold; margin-top:15px; margin-bottom:15px; padding-bottom:0px; }
#profiletable #right .nameHeading { font-size: 11px; }
.clearboth,.clearBoth { clear: both }
#profiletable .lefttextbox { width: 130px; text-align:left; float:left; display: block; margin-bottom:5px; }
#profiletable .righttextbox { text-align:left; float:left; display: block; margin-bottom:5px; }
#profiletable #right .righttextbox #span_SN_skypeID img { margin-top:10px; /*height:32px;*/ border: medium none; display: block; }
#profiletable #right .righttextbox .socialnetworking { width: 280px; }
#profiletable .rightsmalltextbox { width: 75px; text-align:left; float:left; display: block; margin-bottom:5px; }
#profiletable .greybox { border: solid 1px #B2B2B2; margin-top:3px; padding: 5px; }
#profiletable .snlargeimage { height:32px; width: 32px; text-align:left; float:left; display: block; margin-right:5px; }
div#moduleDivider.header_left { background-position:bottom left; background-color:white; margin:0 -4px }
.innerMainContent div#moduleDivider.header_left { margin:0 -10px }
div#moduleDivider div.header_right { background-position:bottom right; padding:0; padding-bottom:11px }
div#moduleDivider div.footer_left { background-position:top left; background-color:#F3F3F4 }
div#moduleDivider div.footer_right { background-position:top right; height:25px }


.slick-slider .slider-image{
	display:inline-block!important;
}


/*  Tipping definitions */
div#tippingComp { background:url('/images/tipping/AFLtippingBG.jpg') #112B49 no-repeat scroll center top; background-size: 100% auto;color:white; }
div#tippingComp div.content td.cell { color:white; }
.tippingTable { color:#636467; font-size:12px; /*margin:auto;*/clear:both }
#leaderboard .tippingTable { position:relative; }
.tippingTab { padding:9px 5px 0 8px; height:25px; width:154px; float:left; font-weight:bold; font-size:16px; background-image:url('/images/tipping/tabBG.png'); color:#0054A6; }
#leaderboard .tippingTab { padding:9px 5px 0 8px; width:120px; height:20px; background-image:url('/images/tipping/lbTabBG.png'); }
.tippingRightTab { 
	padding:5px 5px 0 45px; 
	height:34px; 
	width:151px; 
	float:right; 
	font-weight:bold; 
	font-size:16px; 
	background-image:url('/images/tipping/tabRightBG.png'); 
	color:#0054A6; 
}
.tippingTableContents { clear:both; background-image:url('/images/tipping/tableBG.png'); float:left;width:100%; }
#leaderboard .tippingTableContents { border:1px #85858e solid; border-top:0; border-right:0; background:white none; font-size:11px }
.CBticked { background:url('/images/tipping/checkboxTicked.png') transparent no-repeat scroll center center; }
.CBunticked { background:url('/images/tipping/checkbox.png') transparent no-repeat scroll center center; }
div.over .CBticked { background:url('/images/tipping/checkboxTicked_over.png') transparent no-repeat scroll center center; }
div.over .CBunticked { background:url('/images/tipping/checkbox_over.png') transparent no-repeat scroll center center; }
div#tippingComp .Button { color: #fff; }
.tippingTeamContainer { position:relative; padding-left: 45px; float:left; width:75px; padding-top:3px; }
.tippingTeamImage { position:absolute; width:45px; text-align:center; top: -1px; left: 0px; }
.tippingTeamImage img{height:30px}
/*imported ladder*/
div.tippingTable table#standings tr.alt td{background-color:white;}

.teamsContainer {
	padding: 7px 0 7px 10px;
	clear: both;
	display:table;
	width: 100%;
	margin-bottom: 6px;
}

.teamsContainer>div,.teamsContainer>label{
	display:table-cell;
	vertical-align:middle;
	height:4em;
}
.teamsHeading {	background-color:#808285;color:white;font-size:14px;width:100%}
.teamsContainer.win {background-color:#8CC63F}
.teamsContainer.draw {background-color:#C4E19B}
.teamsContainer.odd {background-color:#DEDFE0}
div#leaderboard div.tippingTable{
	float:left;margin-bottom:10px;
}
div#leaderboard.paddedLeaderboards div.tippingTable:nth-child(odd) {
	float:left;clear:both;
}
div#leaderboard.paddedLeaderboards div.tippingTable:nth-child(even) {
	float:right;
}

/*NRL,S14 overrides*/
div#tippingComp.EPL, div#tippingComp.EURO2012, div#tippingComp.WORLDCUP2014 {background-image:url('/images/tipping/EPL2011BG.png');}
div#tippingComp.ALEAGUE { background-image:url('/images/tipping/ALeagueTippingBG.png');}
div#tippingComp.RUGBY { background-image:url('/images/tipping/NRLtippingBG.jpg');}
div#tippingComp.OLYMPICS,div#tippingComp.OLYMPICS2016 { background-image:url('/images/tipping/OLYMPICSBG.PNG');}
div#tippingComp.OLYMPICS2014 { background-image:url('/images/tipping/OLYMPICSBG.PNG');}
div#tippingComp.OSCARS { background-image:url('/images/tipping/oscarstippingBG.png');}
div#tippingComp.WIMBLEDON2016 { background-image:url('/images/tipping/wimbledonBG.jpg');}
div#tippingComp.WIMBLEDON2016 .teamsHeading { display: none; } /* hide home & away */

div#tippingComp.RLWC2013,div#tippingComp.RUGBYWC15 { background-image:url('/images/tipping/RLWCtippingBG.jpg');}
div#tippingComp.RBS { background-image:url('/images/tipping/NRLtippingBG.jpg');}
div#tippingComp.CWC2015 { background-image:url('/images/tipping/cricket-bg.png');}

div#tippingComp #tippingHeader {clear:both;margin-bottom:10px;width:100%;}

div#tippingComp .countdownBG {background-image:url(/images/tipping/countdownBg.gif);margin:2px;}
div#tippingComp div#tippingContainer.enableDraw .tippingTeamContainer { width:70px;}

div#tippingComp.OLYMPICS2016 .teamsContainer {
    padding: 7px 0 7px 65px;
/*    width: 287px;*/
    min-height:50px;
}
div#tippingComp.OLYMPICS2014 .teamsContainer {
    padding: 7px 0 7px 65px;
/*    width: 287px;*/
    min-height:50px;
}
div#tippingComp.OLYMPICS2016 .teamsContainer select{
    max-width: 100%;
} 
div#tippingComp.OLYMPICS2016 .teamsContainer.Football {
	background: url("/images/tipping/Olympics/football.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Rugby {
	background: url("/images/tipping/Olympics/rugby.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Golf {
	background: url("/images/tipping/Olympics/golf.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Archery  {
	background: url("/images/tipping/Olympics/Archery.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Swimming  {
	background: url("/images/tipping/Olympics/Swimming.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Synchronised  {
	background: url("/images/tipping/Olympics/synchronized swimming.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Road.Cycling  {
	background: url("/images/tipping/Olympics/Cycling-road.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Tennis  {
	background: url("/images/tipping/Olympics/Tennis.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Table.Tennis  {
	background: url("/images/tipping/Olympics/Table Tennis.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Badminton  {
	background: url("/images/tipping/Olympics/Badminton.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Beach.Volleyball  {
	background: url("/images/tipping/Olympics/Beach Volleyball.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Handball  {
	background: url("/images/tipping/Olympics/Handball.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Rowing  {
	background: url("/images/tipping/Olympics/Rowing.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Volleyball  {
	background: url("/images/tipping/Olympics/Volleyball.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Sailing  {
	background: url("/images/tipping/Olympics/Sailing.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Canoe.Slalom {
	background: url("/images/tipping/Olympics/Canoe Slalom.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Hockey  {
	background: url("/images/tipping/Olympics/Hockey.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Fencing  {
	background: url("/images/tipping/Olympics/Fencing.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Boxing  {
	background: url("/images/tipping/Olympics/Boxing.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Shooting  {
	background: url("/images/tipping/Olympics/Shooting.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Artistic.Gymnastics  {
	background: url("/images/tipping/Olympics/Gymnastics-Artistic.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Judo  {
	background: url("/images/tipping/Olympics/Judo.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Athletics  {
	background: url("/images/tipping/Olympics/Athletics.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Trampoline  {
	background: url("/images/tipping/Olympics/Trampoline.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Basketball   {
	background: url("/images/tipping/Olympics/Basketball.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Water.Polo  {
	background: url("/images/tipping/Olympics/Water Polo.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Equestrian   {
	background: url("/images/tipping/Olympics/Equestrian.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.SynchronisedSwimming  {
	background: url("/images/tipping/Olympics/Synchronised Swimming.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Cycling.Track   {
	background: url("/images/tipping/Olympics/Cycling-Track.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Weightlifting  {
	background: url("/images/tipping/Olympics/Weightlifting.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Wrestling {
	background: url("/images/tipping/Olympics/Wrestling.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Triathlon   {
	background: url("/images/tipping/Olympics/Triathlon.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Cycling.BMX   {
	background: url("/images/tipping/Olympics/Cycling-BMX.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Diving    {
	background: url("/images/tipping/Olympics/Diving.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Rhythmic.Gymnastics   {
	background: url("/images/tipping/Olympics/Gymnastics-Rhythmic.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Taekwondo    {
	background: url("/images/tipping/Olympics/Taekwondo.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Canoe.Sprint   {
	background: url("/images/tipping/Olympics/Canoe Sprint.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Mountain.Bike.Cycling   {
	background: url("/images/tipping/Olympics/Cycling-Mountain-Bike.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2016 .teamsContainer.Modern.Pentathlon   {
	background: url("/images/tipping/Olympics/Modern Pentathlon.png") no-repeat left center;
}

div#tippingComp.OLYMPICS2014 .teamsContainer.Alpine.Skiing   {
	background: url("/images/tipping/Olympics/alpine skiing.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Biathlon   {
	background: url("/images/tipping/Olympics/biathlon.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Bobsleigh   {
	background: url("/images/tipping/Olympics/bobsleigh.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Curling   {
	background: url("/images/tipping/Olympics/curling.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.CrossCountry   {
	background: url("/images/tipping/Olympics/cross-country.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Figure.Skating   {
	background: url("/images/tipping/Olympics/figure skating.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Ice.Hockey   {
	background: url("/images/tipping/Olympics/ice hockey.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Luge   {
	background: url("/images/tipping/Olympics/luge.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Nordic.Combined   {
	background: url("/images/tipping/Olympics/nordic combined.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Short.Track   {
	background: url("/images/tipping/Olympics/short track.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Ski.Jumping   {
	background: url("/images/tipping/Olympics/ski jumping.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Snowboard   {
	background: url("/images/tipping/Olympics/snowboarding.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Speed.Skating   {
	background: url("/images/tipping/Olympics/speed skating.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Skeleton   {
	background: url("/images/tipping/Olympics/skeleton.png") no-repeat left center;
}
div#tippingComp.OLYMPICS2014 .teamsContainer.Freestyle.Skiing   {
	background: url("/images/tipping/Olympics/freestyle skiing.png") no-repeat left center;
}

/*International definitions*/
div#interListContainer .nameContainer
{background:transparent url('/images/tipping/aust-tiny.png') no-repeat scroll right top}
div#interListContainer div.nameContainer.uk
{background:transparent url('/images/tipping/uk-tiny.png') no-repeat scroll right top}
div#interListContainer div.nameContainer.nz
{background:transparent url('/images/tipping/nz-tiny.png') no-repeat scroll right top}
div#tippingComp.AFL div#interListContainer div.nameContainer{background-image:none}


.daterangepicker .calendar th, .daterangepicker .calendar td{
	color:black;
}
#noty_topRight_layout_container>li{
	max-width:90vw;
}
.marker-cluster-large div, .marker-cluster-medium div, .marker-cluster-small div,
.marker-cluster-large,.marker-cluster-medium,.marker-cluster-small {
	border-radius:50%;
}
.marker-cluster-large div {
	padding:12px;
}
.marker-cluster-medium div {
	padding:8px
}
.marker-cluster-small div {
	padding:5px
}
.isDraft{
    position: absolute;
    right: 0;
    z-index: 2;
    font-size: 23px;
    padding: 5px;
    border: dashed grey 1px;
    margin-top: 30px;
}
svg {
    pointer-events: initial!important;
}
.grow{
	flex-grow:1;
}
.page-header .pageTitle{
	margin-left:20px;
}
a[role=button]{
	max-width:100%;
}
/* Overide Bootstrap */
a[role="button"].px-0 { padding-left: 0px!important; padding-right: 0px!important; }
a[role="button"].px-1 { padding-left: 0.25rem!important; padding-right: 0.25rem!important; }
a[role="button"].px-2 { padding-left: 0.5rem!important; padding-right: 0.5rem!important; }
a[role="button"].px-3 { padding-left: 0.75rem!important; padding-right: 0.75rem!important; }
a[role="button"].px-4 { padding-left: 1rem!important; padding-right: 1rem!important; }
a[role="button"].px-5 { padding-left: 1.25rem!important; padding-right: 1.25rem!important; }
a[role="button"].px-6 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; }
a[role="button"].px-7 { padding-left: 1.75rem!important; padding-right: 1.75rem!important; }
a[role="button"].px-8 { padding-left: 2rem!important; padding-right: 2rem!important; }
a[role="button"].px-9 { padding-left: 2.25rem!important; padding-right: 2.25rem!important; }
a[role="button"].px-10 { padding-left: 2.5rem!important; padding-right: 2.5rem!important; }
a[role="button"].px-11 { padding-left: 2.75rem!important; padding-right: 2.75rem!important; }
a[role="button"].px-12 { padding-left: 3rem!important; padding-right: 3rem!important; }
a[role="button"].px-14 { padding-left: 3.5rem!important; padding-right: 3.5rem!important; }
a[role="button"].px-16 { padding-left: 4rem!important; padding-right: 4rem!important; }
a[role="button"].px-20 { padding-left: 5rem!important; padding-right: 5rem!important; }

a[role="button"].py-0 { padding-top: 0px!important; padding-bottom: 0px; }
a[role="button"].py-1 { padding-top: 0.25rem!important; padding-bottom: 0.25rem!important; }
a[role="button"].py-2 { padding-top: 0.5rem!important; padding-bottom: 0.5rem!important; }
a[role="button"].py-3 { padding-top: 0.75rem!important; padding-bottom: 0.75rem!important; }
a[role="button"].py-4 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
a[role="button"].py-5 { padding-top: 1.25rem!important; padding-bottom: 1.25rem!important; }
a[role="button"].py-6 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; }
a[role="button"].py-7 { padding-top: 1.75rem!important; padding-bottom: 1.75rem!important; }
a[role="button"].py-8 { padding-top: 2rem!important; padding-bottom: 2rem!important; }
a[role="button"].py-9 { padding-top: 2.25rem!important; padding-bottom: 2.25rem!important; }
a[role="button"].py-10 { padding-top: 2.5rem!important; padding-bottom: 2.5rem!important; }
a[role="button"].py-11 { padding-top: 2.75rem!important; padding-bottom: 2.75rem!important; }
a[role="button"].py-12 { padding-top: 3rem!important; padding-bottom: 3rem!important; }
a[role="button"].py-14 { padding-top: 3.5rem!important; padding-bottom: 3.5rem!important; }
a[role="button"].py-16 { padding-top: 4rem!important; padding-bottom: 4rem!important; }
a[role="button"].py-20 { padding-top: 5rem!important; padding-bottom: 5rem!important; }

.isLoggedIn a.loginLink {
    display: none !important
}
.isLoggedIn .is-edit a.loginLink {
    display: inline-block !important
}
#bullMod_obituaries {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

#bullMod_obituaries .bullMod {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
}

#bullMod_obituaries .bullMod > div {
  border: 2px solid #cccccc;
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  margin: 10px 0;
}

#bullMod_obituaries .border {
  padding: 15px;
  text-align: left;
  font-family: Georgia, serif;
  color: #333;
  font-size: 1.2em; /* Adjust as needed */
  border-bottom: 1px solid #cccccc; /* Separates title */
}
#bullMod_obituaries .bullMod>div>div{
	padding:15px;
}
#bullMod_obituaries img {
  float: left;
  padding: 5px 15px 5px 0;
  border: 0;
  max-width: 250px;
  max-height: 250px;
}

#bullMod_obituaries .posted-date {
  color: #666;
  margin-bottom: 10px;
  font-style: italic;
}

#bullMod_obituaries p {
  color: #444;
  line-height: 1.6;
  margin-bottom: 15px;
  font-family: Georgia, serif;
}

#bullMod_obituaries .obituary-motto {
  font-style: italic;
  color: #444;
  margin-bottom: 15px;
  font-weight: bold;
}

#bullMod_obituaries .clear {
  clear: both;
}
#announcements-container{
  padding: 30px;
}

#announcements-container .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 30px;
  height:300px;
}


#announcements-container .card .container {
  padding: 2px 16px;
}

#announcements-container .card h4 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: bold;
}

/* Optional: If you want to have a hover effect on the cards */
#announcements-container .card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Resets and overrides if needed */
#announcements-container a {
  text-decoration: none;
  color: inherit;
}
#announcements-container .background-image {
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  position:absolute;
}
#announcements-container #births-board {
  background-image: url('/images/births.png');
}

#announcements-container #marriages-board {
  background-image: url('/images/weddings.png');
}

#announcements-container #obituaries-board {
  background-image: url('/images/deaths.png');
}

#announcements-container #community-highlights-board {
  background-image: url('/images/highlights.png');
}
#announcements-container .card .background-image {
    transition: all 0.6s ease;
}
#announcements-container .card:hover .background-image {
    transform: scale(1.1) !important;
    transition: all 0.9s ease !important;
}
#announcements-container .heading-container{
	z-index: 1;
    background: rgba(255, 255, 255, .2);
    margin-top:auto;
    transition: all 0.9s ease !important;
}
#announcements-container .card:hover .heading-container{
    background: rgba(255, 255, 255, 1);
}
#bullMod_obituaries .replies-container input[value=Reply]
,#bullMod_obituaries .bullAdd 
,#bullMod_obituaries .replies-container {
	display:none;
}
.form-floating .select2-selection{
	padding-top: 26px!important;
	padding-left: 16px!important;
	height: unset!important;
}
    
.form-floating .select2-container~label{
	z-index:1;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--falcon-input-color);
}
.form-floating .contentBuilder{
	padding-top:45px!important;
}
.form-label.floating-label{
	z-index:1;
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
	width:117%; /*compensate for scale shrinking the width*/
}
.form-floating>label{
	opacity:.65;
}
.fieldBlockContainer .nav-tabs{
	max-height:150px;
	overflow:auto;
}
div.form-label{
	font-family: var(--falcon-font-sans-serif);
}
.xgridContainer {
	flex-grow:1;
	display:flex;
	flex-direction: column;
}
.xgridContainer .xhdr{
	flex-grow:0
}
.selectAsButtonsContainer {
    position: relative;
    overflow: hidden;
}

.selectAsButtonsContainer .btn {
    transition: color .5s linear!important;
    background-color: transparent!important;
}
.selectAsButtonsContainer .btn:hover .title
{
	color:lightgrey;
}
.selectAsButtonsContainer .btn.active {
    position: relative;
    z-index: 1;
    color: #fff;
    background-color: transparent!important;
}

.selectAsButtonsContainer .btn-bg {
    position: absolute;
    z-index: 0;
    height: 100%;
    background-color: #007bff; /* This should match your active button background color */
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    pointer-events: none;
}
.scrolling-label {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%; /* Ensure label takes full width */
  position: relative;
}

select:focus ~ .scrolling-label span,
input:focus ~ .scrolling-label span {
  display: inline-block;
  animation: labelScroll 8s linear infinite;
}

@keyframes labelScroll {
  0% {
    transform: translateX(0);  /* Start with the label fully visible */
  }
  50% {
    transform: translateX(calc(-40%));  /* Scroll left fully until the last word is visible */
  }
  75% {
    transform: translateX(calc(-40%));  /* Pause at this position */
  }
  76% {
    transform: translateX(0);  /* Snap back to the original position */
  }
  100% {
    transform: translateX(0);  /* Hold position at the start */
  }
}
.offcanvas img{
	max-width:100%;
}
.offcanvas.minimized {
    width: 100px; /* Adjust as needed */
    height: 50px; /* Adjust as needed */
    overflow: hidden;
    transition: all 0.3s ease;
}

.offcanvas.minimized .offcanvas-body {
    display: none;
}
#menuContainer .panel .dropdown:hover>.dropdown-menu:not(.megamenu)
{
	flex-direction:row!important;
}
.searchResults .panel button{
	text-align:left;
}
/* Copyright Notice
 * bootstrap5-toggle v4.3.4
 * https://palcarazm.github.io/bootstrap5-toggle/
 * @author 2011-2014 Min Hur (https://github.com/minhur)
 * @author 2018-2019 Brent Ely (https://github.com/gitbrent)
 * @author 2022 Pablo Alcaraz Martínez (https://github.com/palcarazm)
 * @funding GitHub Sponsors
 * @see https://github.com/sponsors/palcarazm
 * @license MIT
 * @see https://github.com/palcarazm/bootstrap5-toggle/blob/master/LICENSE
 */


/*
* @added 3.0.0: Return support for "*-xs" removed in Bootstrap-4
* @see: [Comment](https://github.com/twbs/bootstrap/issues/21881#issuecomment-341972830)
*/
.btn-group-xs > .btn, .btn-xs {
	padding: .35rem .4rem .25rem .4rem;
	font-size: .875rem;
	line-height: .5;
	border-radius: .2rem;
}

.checkbox label .toggle, .checkbox-inline .toggle {
	margin-left: -1.25rem;
	margin-right: .35rem;
}

.toggle {
	position: relative;
	overflow: hidden;
}
.toggle:focus > .toggle-group > .btn,
.toggle:hover > .toggle-group > .btn{
	color:var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
}
.toggle:hover > .toggle-group > .toggle-handle,
.toggle:focus > .toggle-group > .toggle-handle {
	background-color: var(--bs-light);
	opacity: 0.5;
}
.toggle > input[type="checkbox"] {
	display: none;
}
.toggle > .toggle-group {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	left: 0;
	transition: left 0.35s;
	-webkit-transition: left 0.35s;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.toggle > .toggle-group > label, .toggle > .toggle-group > span { cursor: pointer; }
.toggle.off > .toggle-group {
	left: -100%;
}
.toggle.indeterminate > .toggle-group {
	left: -50%;
}
.toggle > .toggle-group > .toggle-on {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.toggle > .toggle-group > .toggle-off {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none; /* Bootstrap 4.0 Support via (Issue #186)[https://github.com/minhur/bootstrap-toggle/issues/186]) */
}
.toggle > .toggle-group > .toggle-handle {
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100%;
	width: 0px;
	border-width: 0 1px;
	background-color: var(--bs-light);
	border-color: var(--bs-light);
}

/** Support for input-group
 * @author (bryan-brancotte)[https://github.com/bryan-brancotte]
 * @see https://github.com/gitbrent/bootstrap4-toggle/issues/32#issuecomment-616974580
 */
.input-group .toggle > .toggle-group > .toggle-on,
.input-group .toggle > .toggle-group > .toggle-off{
    position: absolute;
}

.toggle:not(:hover):not(:focus).btn-outline-primary > .toggle-group > .toggle-handle {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}
.toggle:not(:hover):not(:focus).btn-outline-secondary > .toggle-group > .toggle-handle {
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}
.toggle:not(:hover):not(:focus).btn-outline-success > .toggle-group > .toggle-handle {
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}
.toggle:not(:hover):not(:focus).btn-outline-danger > .toggle-group > .toggle-handle {
	background-color: var(--bs-danger);
	border-color: var(--bs-danger);
}
.toggle:not(:hover):not(:focus).btn-outline-warning > .toggle-group > .toggle-handle {
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}
.toggle:not(:hover):not(:focus).btn-outline-info > .toggle-group > .toggle-handle {
	background-color: var(--bs-info);
	border-color: var(--bs-info);
}
.toggle:not(:hover):not(:focus).btn-outline-light > .toggle-group > .toggle-handle {
	background-color: var(--bs-light);
	border-color: var(--bs-light);
}
.toggle:not(:hover):not(:focus).btn-outline-dark > .toggle-group > .toggle-handle {
	background-color: var(--bs-dark);
	border-color: var(--bs-dark);
}

/* NOTE: Must come first, so classes below override as needed */
/* [default] (bootstrap-4.1.3 - .btn - h:38px) */
.toggle.btn { min-width: 3.7rem; min-height: 2.15rem; }
.toggle > .toggle-group > .toggle-on.btn { padding-right: 1.5rem; }
.toggle > .toggle-group > .toggle-off.btn { padding-left: 1.5rem; }

/* `lg` (bootstrap-4.1.3 - .btn - h:48px) */
.toggle.btn-lg { min-width: 5rem; min-height: 2.815rem; }
.toggle > .toggle-group > .toggle-on.btn-lg { padding-right: 2rem; }
.toggle > .toggle-group > .toggle-off.btn-lg { padding-left: 2rem; }
.toggle > .toggle-group > .toggle-handle.btn-lg { width: 2.5rem; }

/* `sm` (bootstrap-4.1.3 - .btn - h:31px) */
.toggle.btn-sm { min-width: 3.125rem; min-height: 1.938rem; }
.toggle > .toggle-group > .toggle-on.btn-sm { padding-right: 1rem; }
.toggle > .toggle-group > .toggle-off.btn-sm { padding-left: 1rem; }

/* `xs` (bootstrap-3.3 - .btn - h:22px) */
.toggle.btn-xs { min-width: 2.19rem; min-height: 1.375rem; }
.toggle > .toggle-group > .toggle-on.btn-xs { padding-right: .8rem; }
.toggle > .toggle-group > .toggle-off.btn-xs { padding-left: .8rem; }

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/library/bxslider/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(/library/bxslider/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(/library/bxslider/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/library/bxslider/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/library/bxslider/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard>.steps>ul,.wizard>.actions>ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard .tabcontrol ul > li
{
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}



/*
Wizard
*/

.wizard > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps
{
    display: inline;
    float: left;
    width: 30%;
}

.wizard > .steps .number
{
    font-size: 1.429em;
}

.wizard > .steps > ul > li
{
    width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
}

.wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
border: 1px solid grey;
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    background: #2184be;
    color: #fff;
    cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #9dc8e2;
    color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    background: #ff3111;
    color: #fff;
}

.wizard > .content
{
    background: #eee;
    display: block;
    margin: 0.5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:0;
    clear:both;
}

.wizard.vertical > .content
{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
/*    height: 95%;*/
    padding: 2.5%;
}

.wizard > .content > .body ul
{
/*    list-style: disc !important;*/
}

.wizard > .content > .body ul > li
{
    display: list-item;
}

.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

/*.wizard > .content > .body input
{
    display: block;
    border: 1px solid #ccc;
}*/

/*.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}*/

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error
{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard > .actions
{
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical > .actions
{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background: #2184be;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
}

.wizard > .loading
{
}

.wizard > .loading .spinner
{
}



/*
Tabcontrol
*/

.tabcontrol > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul
{
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover
{
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol > .content > .body ul
{
    list-style: disc !important;
}

.tabcontrol > .content > .body ul > li
{
    display: list-item;
}

/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: git-master
 *
 * Authors: Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://medialize.github.com/jQuery-contextMenu/
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *   GPL v3 http://opensource.org/licenses/GPL-3.0
 *
 */

.context-menu-list {
    margin:0; 
    padding:0;
    
    min-width: 120px;
    max-width: 250px;
    display: inline-block;
    position: absolute;
    list-style-type: none;
    
    border: 1px solid #DDD;
    background: #EEE;
    
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.context-menu-item {
    padding: 2px 2px 2px 24px;
    background-color: #EEE;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: -moz-none;
        -ms-user-select: none;
            user-select: none;
}

.context-menu-separator {
    padding-bottom:0;
    border-bottom: 1px solid #DDD;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
}

.context-menu-item.hover {
    cursor: pointer;
    background-color: #39F;
}

.context-menu-item.disabled {
    color: #666;
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
    cursor: default;
    background-color: #EEE;
}

.context-menu-submenu:after {
    content: ">";
    color: #666;
    position: absolute;
    top: 0;
    right: 3px;
    z-index: 1;
}

/* icons
    #protip:
    In case you want to use sprites for icons (which I would suggest you do) have a look at
    http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement 
    .context-menu-item.icon:before {}
 */
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url(/Library/jQuery-contextMenu/src/page_white_edit.png); }
.context-menu-item.icon-cut { background-image: url(/Library/jQuery-contextMenu/src/images/cut.png); }
.context-menu-item.icon-copy { background-image: url(/Library/jQuery-contextMenu/src/images/page_white_copy.png); }
.context-menu-item.icon-paste { background-image: url(/Library/jQuery-contextMenu/src/images/page_white_paste.png); }
.context-menu-item.icon-delete { background-image: url(/Library/jQuery-contextMenu/src/images/page_white_delete.png); }
.context-menu-item.icon-add { background-image: url(/Library/jQuery-contextMenu/src/images/page_white_add.png); }
.context-menu-item.icon-quit { background-image: url(/Library/jQuery-contextMenu/src/images/door.png); }

/* vertically align inside labels */
.context-menu-input > label > * { vertical-align: top; }

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
    margin-left: -17px;
}
.context-menu-input > label > span {
    margin-left: 5px;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
    display: block;
    width: 100%;
    
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}

.context-menu-input > label > textarea {
    height: 100px;
}
.context-menu-item > .context-menu-list {
    display: none;
    /* re-positioned by js */
    right: -5px;
    top: 5px;
}

.context-menu-item.hover > .context-menu-list {
    display: block;
}

.context-menu-accesskey {
    text-decoration: underline;
}

/*-------------------------------------
zTree Style

version:	3.4
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

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

.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
.ztree {margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
.ztree li ul{ margin:0; padding:0 0 0 18px}
.ztree li ul.line{ background:url(/Library/zTree/css/zTreeStyle/img/line_conn.gif) 0 0 repeat-y;}

.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
	text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a:hover {text-decoration:underline}
.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
	opacity:0.8; filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev {}
.ztree li a.tmpTargetNode_next {}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
	font-size:12px; border:1px #7EC4CC solid; *border:0px}
.ztree li span {line-height:16px; margin-right:2px}
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
	border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-image:url("/Library/zTree/css/zTreeStyle/img/zTreeStandard.png"); *background-image:url("/Library/zTree/css/zTreeStyle/img/zTreeStandard.gif")}

.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}

.ztree li span.button.switch {width:18px; height:18px}
.ztree li span.button.root_open{background-position:-92px -54px}
.ztree li span.button.root_close{background-position:-74px -54px}
.ztree li span.button.roots_open{background-position:-92px 0}
.ztree li span.button.roots_close{background-position:-74px 0}
.ztree li span.button.center_open{background-position:-92px -18px}
.ztree li span.button.center_close{background-position:-74px -18px}
.ztree li span.button.bottom_open{background-position:-92px -36px}
.ztree li span.button.bottom_close{background-position:-74px -36px}
.ztree li span.button.noline_open{background-position:-92px -72px}
.ztree li span.button.noline_close{background-position:-74px -72px}
.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.roots_docu{background-position:-56px 0}
.ztree li span.button.center_docu{background-position:-56px -18px}
.ztree li span.button.bottom_docu{background-position:-56px -36px}
.ztree li span.button.noline_docu{ background:none;}

.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}

.ztree li span.button.ico_loading{margin-right:2px; background:url(/Library/zTree/css/zTreeStyle/img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}

ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}

span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-position:-110px -80px; background-image:url("/Library/zTree/css/zTreeStyle/img/zTreeStandard.png"); *background-image:url("/Library/zTree/css/zTreeStyle/img/zTreeStandard.gif")}

ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}

/* level style*/
/*.ztree li span.button.level0 {
	display:none;
}
.ztree li ul.level0 {
	padding:0;
	background:none;
}*/
/*importing Select2*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background-color: #eee;
      border-color: transparent;
      color: inherit; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px; }
  .daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ranges li:hover {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }
    .ranges li.active {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px; }
      .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px; }
      .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }


@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print/*, (prefers-reduced-motion: reduce)*/ {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*!
 * Select2 v4 Bootstrap 5 theme v1.3.0
*/
.select2-container--bootstrap-5 {
  display: block;
}
select + .select2-container--bootstrap-5 {
  z-index: 1;
}

.select2-container--bootstrap-5 *:focus {
  outline: 0;
}
.select2-container--bootstrap-5 .select2-selection {
  width: 100%;
  min-height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .select2-container--bootstrap-5 .select2-selection {
    transition: none;
  }
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
  border-bottom: 0 solid transparent;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
  border-top: 0 solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--bootstrap-5 .select2-search {
  width: 100%;
}
.select2-container--bootstrap-5 .select2-search--inline .select2-search__field {
  vertical-align: top;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  top: 50%;
  right: 2.25rem;
  width: 0.75rem;
  height: 0.75rem;
  padding: 0.25em 0.25em;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  transform: translateY(-50%);
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover,
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear > span,
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear > span {
  display: none;
}

.select2-container--bootstrap-5 + .select2-container--bootstrap-5 {
  z-index: 1056;
}
.select2-container--bootstrap-5 .select2-dropdown {
  z-index: 1056;
  overflow: hidden;
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  border-radius: 0.25rem;
}
.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
  border-top: 0 solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
  border-bottom: 0 solid transparent;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search {
  padding: 0.375rem 0.75rem;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    transition: none;
  }
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
  max-height: 15rem;
  overflow-y: auto;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__message {
  color: #6c757d;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  color: #000;
  background-color: #e9ecef;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  color: #fff;
  background-color: #0d6efd;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-disabled=true] {
  color: #6c757d;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  padding: 0.375rem 0.375rem;
  font-weight: 500;
  line-height: 1.5;
  color: #6c757d;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  padding: 0.375rem 0.75rem;
}

.select2-container--bootstrap-5 .select2-selection--single {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  padding: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__arrow {
  display: none;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.35em 0.65em;
  margin-right: 0.375rem;
  margin-bottom: 0.375rem;
  font-size: 1rem;
  color: #212529;
  cursor: auto;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  width: 0.75rem;
  height: 0.75rem;
  padding: 0.25em 0.25em;
  margin-right: 0.25rem;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  border: 0;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove > span {
  display: none;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
  display: block;
  width: 100%;
  height: 1.5rem;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
  width: 100%;
  height: 1.5rem;
  margin-top: 0;
  margin-left: 0;
  font-family: inherit;
  line-height: 1.5;
  background-color: transparent;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  right: 0.75rem;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
  color: #6c757d;
  cursor: not-allowed;
  background-color: #e9ecef;
  border-color: #ced4da;
  box-shadow: none;
}
.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice {
  cursor: not-allowed;
}
.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  display: none;
}
.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty), .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty) {
  padding-bottom: 0;
}
.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty) + .select2-search, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty) + .select2-search {
  display: none;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-text ~ .select2-container--bootstrap-5 .select2-selection,
.input-group > .btn ~ .select2-container--bootstrap-5 .select2-selection,
.input-group > .dropdown-menu ~ .select2-container--bootstrap-5 .select2-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .select2-container--bootstrap-5 {
  flex-grow: 1;
}
.input-group .select2-container--bootstrap-5 .select2-selection {
  height: 100%;
}

.is-valid + .select2-container--bootstrap-5 .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5 .select2-selection {
  border-color: #198754;
}
.is-valid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .is-valid + .select2-container--bootstrap-5.select2-container--open .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.is-valid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
  border-bottom: 0 solid transparent;
}
.is-valid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
  border-top: 0 solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.is-invalid + .select2-container--bootstrap-5 .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5 .select2-selection {
  border-color: #dc3545;
}
.is-invalid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .is-invalid + .select2-container--bootstrap-5.select2-container--open .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.is-invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
  border-bottom: 0 solid transparent;
}
.is-invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
  border-top: 0 solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--bootstrap-5 .select2--small.select2-selection {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear,
.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.125rem 0.125rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear:hover,
.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search,
.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search .select2-search__field,
.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search,
.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search .select2-search__field {
  height: 1.5em;
}
.select2-container--bootstrap-5 .select2--small.select2-dropdown {
  border-radius: 0.2rem;
}
.select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--below {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--above {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-search .select2-search__field {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  padding: 0.25rem 0.25rem;
}
.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  padding: 0.25rem 0.5rem;
}
.select2-container--bootstrap-5 .select2--small.select2-selection--single {
  padding: 0.25rem 2.25rem 0.25rem 0.5rem;
}
.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  padding: 0.35em 0.65em;
  font-size: 0.875rem;
}
.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.125rem 0.125rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear {
  right: 0.5rem;
}
.select2-container--bootstrap-5 .select2--large.select2-selection {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear,
.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear {
  width: 1rem;
  height: 1rem;
  padding: 0.5rem 0.5rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear:hover,
.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search,
.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search .select2-search__field,
.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search,
.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search .select2-search__field {
  height: 1.5em;
}
.select2-container--bootstrap-5 .select2--large.select2-dropdown {
  border-radius: 0.3rem;
}
.select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--below {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--above {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search .select2-search__field {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
}
.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
}
.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  padding: 0.5rem 0.5rem;
}
.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  padding: 0.5rem 1rem;
}
.select2-container--bootstrap-5 .select2--large.select2-selection--single {
  padding: 0.5rem 2.25rem 0.5rem 1rem;
}
.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  padding: 0.35em 0.65em;
  font-size: 1.25rem;
}
.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  width: 1rem;
  height: 1rem;
  padding: 0.5rem 0.5rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear {
  right: 1rem;
}

.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.125rem 0.125rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover,
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search,
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field,
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search,
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
  height: 1.5em;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown {
  border-radius: 0.2rem;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  padding: 0.25rem 0.25rem;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  padding: 0.25rem 0.5rem;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single {
  padding: 0.25rem 2.25rem 0.25rem 0.5rem;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  padding: 0.35em 0.65em;
  font-size: 0.875rem;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.125rem 0.125rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  right: 0.5rem;
}

.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  width: 1rem;
  height: 1rem;
  padding: 0.5rem 0.5rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover,
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search,
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field,
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search,
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
  height: 1.5em;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown {
  border-radius: 0.3rem;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  padding: 0.5rem 0.5rem;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  padding: 0.5rem 1rem;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single {
  padding: 0.5rem 2.25rem 0.5rem 1rem;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  padding: 0.35em 0.65em;
  font-size: 1.25rem;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  width: 1rem;
  height: 1rem;
  padding: 0.5rem 0.5rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}
.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  right: 1rem;
}
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.sm-clean {
  background: #eeeeee;
  border-radius: 5px;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
  padding: 13px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #555555;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}
.sm-clean a.current {
  color: #D23600;
}
.sm-clean a.disabled {
  color: #bbbbbb;
}
.sm-clean a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.sm-clean a .sub-arrow::before {
  content: '+';
}
.sm-clean a.highlighted .sub-arrow::before {
  content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
  border-radius: 5px 5px 0 0;
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 5px 5px;
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.sm-clean li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-clean > li:first-child {
  border-top: 0;
}
.sm-clean ul {
  background: rgba(162, 162, 162, 0.1);
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
  font-size: 16px;
  border-left: 8px solid transparent;
}
.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

@media (min-width: 768px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-clean ul {
    position: absolute;
    width: 12em;
  }

  .sm-clean li {
    float: left;
  }

  .sm-clean.sm-rtl li {
    float: right;
  }

  .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
    float: none;
  }

  .sm-clean a {
    white-space: nowrap;
  }

  .sm-clean ul a, .sm-clean.sm-vertical a {
    white-space: normal;
  }

  .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-clean {
    padding: 0 10px;
    background: #eeeeee;
    border-radius: 100px;
  }
  .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    padding: 12px 12px;
    color: #555555;
    border-radius: 0 !important;
  }
  .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    color: #D23600;
  }
  .sm-clean a.current {
    color: #D23600;
  }
  .sm-clean a.disabled {
    color: #bbbbbb;
  }
  .sm-clean a.has-submenu {
    padding-right: 24px;
  }
  .sm-clean a .sub-arrow {
    top: 50%;
    margin-top: -2px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
    background: transparent;
    border-radius: 0;
  }
  .sm-clean a .sub-arrow::before {
    display: none;
  }
  .sm-clean li {
    border-top: 0;
  }
  .sm-clean > li > ul::before,
  .sm-clean > li > ul::after {
    content: '';
    position: absolute;
    top: -18px;
    left: 30px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #bbbbbb transparent;
  }
  .sm-clean > li > ul::after {
    top: -16px;
    left: 31px;
    border-width: 8px;
    border-color: transparent transparent #fff transparent;
  }
  .sm-clean ul {
    border: 1px solid #bbbbbb;
    padding: 5px 0;
    background: #fff;
    border-radius: 5px !important;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
  }
  .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    border: 0 !important;
    padding: 10px 20px;
    color: #555555;
  }
  .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    background: #eeeeee;
    color: #D23600;
  }
  .sm-clean ul a.current {
    color: #D23600;
  }
  .sm-clean ul a.disabled {
    background: #fff;
    color: #cccccc;
  }
  .sm-clean ul a.has-submenu {
    padding-right: 20px;
  }
  .sm-clean ul a .sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .sm-clean .scroll-up,
  .sm-clean .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }
  .sm-clean .scroll-up:hover,
  .sm-clean .scroll-down:hover {
    background: #eeeeee;
  }
  .sm-clean .scroll-up:hover .scroll-up-arrow {
    border-color: transparent transparent #D23600 transparent;
  }
  .sm-clean .scroll-down:hover .scroll-down-arrow {
    border-color: #D23600 transparent transparent transparent;
  }
  .sm-clean .scroll-up-arrow,
  .sm-clean .scroll-down-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-clean .scroll-down-arrow {
    top: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-clean.sm-rtl a.has-submenu {
    padding-right: 12px;
    padding-left: 24px;
  }
  .sm-clean.sm-rtl a .sub-arrow {
    right: auto;
    left: 12px;
  }
  .sm-clean.sm-rtl.sm-vertical a.has-submenu {
    padding: 10px 20px;
  }
  .sm-clean.sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-rtl > li > ul::before {
    left: auto;
    right: 30px;
  }
  .sm-clean.sm-rtl > li > ul::after {
    left: auto;
    right: 31px;
  }
  .sm-clean.sm-rtl ul a.has-submenu {
    padding: 10px 20px !important;
  }
  .sm-clean.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-vertical {
    padding: 10px 0;
    border-radius: 5px;
  }
  .sm-clean.sm-vertical a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
    background: #fff;
  }
  .sm-clean.sm-vertical a.disabled {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical a .sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .sm-clean.sm-vertical > li > ul::before,
  .sm-clean.sm-vertical > li > ul::after {
    display: none;
  }
  .sm-clean.sm-vertical ul a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical ul a.disabled {
    background: #fff;
  }
}

/*# sourceMappingURL=sm-clean.css.map */

/* Common */
.hidden-fields {
	display: none;
}
.cleardiv {
	clear: both;
}
.loading {
	text-align: center;
	margin: 130px 0;
}
.tiva-events-calendar {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Bar */
.events-calendar-bar {
	margin-top: 20px;
}
.events-calendar-bar .bar-btn.active {
	background: #5AA4A3;
}
.events-calendar-bar .bar-btn {
	color: #fff;
    background: #757575;
    padding: 3px 10px 3px 28px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    border: 0;
    margin-right: 10px;
	line-height: 26px;
	cursor: pointer;
	display: inline-block;
	position: relative;
}
.events-calendar-bar .bar-btn:hover {
	background: #5AA4A3;
}
.events-calendar-bar .back-calendar {
	padding: 3px 10px 3px 22px;
	margin-right: 0;
	float: right !important;
}
.events-calendar-bar .bar-btn i {
	position: absolute;
	left: 10px;
}
.events-calendar-bar .calendar-view i {
	top: 7px;
}
.events-calendar-bar .list-view i {
	top: 9px;
}
.events-calendar-bar .back-calendar i {
	top: 9px;
}

/* Calendar */
.tiva-calendar .calendar-table {
	table-layout: auto;
	box-sizing: content-box;
	border-right: 0;
}
.tiva-calendar .calendar-table th, .tiva-calendar .calendar-table td {
	border-bottom: none;
	border-right: none;
	padding: 8px;
}
.tiva-calendar .calendar-btn span {
	font-size: 14px;
	color: #fff;
}

/* Tooltip */
.calendar-day-event {
	position: relative;
}
.calendar-day-event .tiva-event-tooltip {
	position: absolute;
    z-index: 9999;
    width: 180px;
    left: 50%;
	margin: 0 0 0 -100px;
    bottom: 35px;
    background: #f5f5f5;
    opacity: 0;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px 2px rgba(145,145,145,.35);
    border-radius: 6px;
	pointer-events: none;
	padding: 10px;
	text-align: left;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.calendar-day-event .tiva-event-tooltip::before, .calendar-day-event .tiva-event-tooltip::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.calendar-day-event .tiva-event-tooltip::after {
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #f5f5f5;
	border-width: 8px;
	margin-left: -8px;
}
.calendar-day-event .tiva-event-tooltip::before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 9px;
	margin-left: -9px;
}
.calendar-day-event .tiva-event-tooltip .event-tooltip-item {
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.calendar-day-event .tiva-event-tooltip .event-tooltip-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.calendar-day-event .tiva-event-tooltip .event-time {
	display: inline-block;
	font-size: 12px;
	color: #fff;
    background: #757575;
    padding: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    margin-bottom: 5px;
	line-height: 22px;
}
.calendar-day-event .tiva-event-tooltip .event-time i {
	margin-right: 5px;
}
.calendar-day-event .tiva-event-tooltip .event-name {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 6px;
	color: #5AA4A3;
}
.calendar-day-event .tiva-event-tooltip .event-image  img {
	width: 100%;
	margin-bottom: 6px;
	border: 1px solid #EEE;
}
.calendar-day-event .tiva-event-tooltip .event-intro {
	font-size: 14px;
}
.calendar-day-event .tiva-event-tooltip .event-intro img {
    max-width: 100%;
    height: auto;
}
/* Events Calendar contain */
.tiva-events-calendar.full .tiva-events-calendar-wrap {
	margin: 25px 0 40px 0;
	border: 1px solid #dedade;
    box-shadow: 0 0 5px 2px rgba(145,145,145,.35);
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Calendar */
.tiva-calendar-full .calendar-table {
	margin-bottom: 0 !important;
}
.tiva-calendar-full .calendar-title , .tiva-calendar-full .calendar-btn {
	text-align: center !important;
	background: #5AA4A3;
	color: #ffffff;
	height: 30px;
	vertical-align: middle !important;
}
.tiva-calendar-full .calendar-btn {
	padding: 0 !important;
}
.tiva-calendar-full .calendar-btn span {
	cursor: pointer;
	font-size: 13px !important;
}
.tiva-calendar-full .calendar-title  {
	font-size: 15px;
	font-weight: bold;
	padding-top: 12px !important;
	padding-left: 30px !important;
}
.tiva-calendar-full .calendar-title span {
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
}
.tiva-calendar-full .calendar-title i {
	position: absolute;
	left: -22px;
	top: -1px;
}
.tiva-calendar-full .calendar-table tr th {
	text-align: center;
	color: #5AA4A3;
	background: #eeeeee;
	font-size: 14px;
}
.tiva-calendar-full .calendar-table tr th, .tiva-calendar-full .calendar-table tr td {
	width: 14.285714285714285%;
}
.tiva-calendar-full .calendar-day-blank {
	background: #f6f6f6;
}
.tiva-calendar-full .calendar-day-normal {
	height: 60px;
	font-size: 16px;
	text-align: right !important;
	padding: 6px 10px !important;
	color: #666;
}
.tiva-calendar-full .calendar-day-today {
	background: #d5e9e9;
}
.tiva-calendar-full .calendar-day-weekend {
	color: #ef4f69;
	line-height: 20px;
	font-size: 16px;
}
.tiva-calendar-full .calendar-event-name {
	color: #ffffff;
	background: #567BD2;
	font-size: 11px;
	margin-top: 5px;
	text-align: center;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	line-height: 20px;
	padding: 0 3px;
	cursor: pointer;
}
.tiva-calendar-full .calendar-event-name span {
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
}
.tiva-calendar-full .calendar-event-name.no-name {
	opacity: 0;
	visibility: hidden;
}
.tiva-calendar-full .calendar-event-name.color-1 {
	background: #567BD2;
}
.tiva-calendar-full .calendar-event-name.color-2 {
	background: #13baff;
}
.tiva-calendar-full .calendar-event-name.color-3 {
	background: #669933;
}
.tiva-calendar-full .calendar-event-name.color-4 {
	background: #ff8a23;
}
.tiva-calendar-full .calendar-event-name.first-day {
	margin-right: -11px;
	-moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
	-moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.tiva-calendar-full .calendar-event-name.middle-day {
	margin-left: -11px;
	margin-right: -11px;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.tiva-calendar-full .calendar-event-name.middle-day span {
	opacity: 0;	
}
.tiva-calendar-full .calendar-event-name.last-day {
	margin-left: -11px;
	-moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
.tiva-calendar-full .calendar-event-name.last-day span {
	opacity: 0;	
}

/* Event list */
.tiva-event-list-full {
	padding: 15px;
	background: #eeeeee;
	display: none;
}
.tiva-event-list-full .event-item {
	width: 100%;
	border-top: 1px dotted #666;
	margin-top: 20px;
	padding-top: 20px;
}
.tiva-event-list-full .event-item:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.tiva-event-list-full .event-item-left {
	width: 20%;
	min-height:1px;
	margin-right: 2%;
}
.tiva-event-list-full .event-item-right {
	width: 78%;
}
.tiva-event-list-full .event-image img {
	width: 100%;
	border: 1px solid #eee;
}
.tiva-event-list-full .event-name {
	font-size: 17px;
	color: #5AA4A3;
	margin-bottom: 4px;
}
.tiva-event-list-full .event-time, .tiva-event-list-full .event-date {
	margin-bottom: 3px;
	color: #ef4f69;
	font-size: 13px;
}
.tiva-event-list-full .event-time i, .tiva-event-list-full .event-date i {
	margin-right: 5px;
}
.tiva-event-list-full .event-intro {
	color: #666;
	font-size: 14px;
}
.tiva-event-list-full .link {
	cursor: pointer;
}

/* Event detail */
.tiva-event-detail-full {
	padding: 15px;
	background: #eeeeee;
	display: none;
}
.tiva-event-detail-full .event-image {
	text-align: center;
	margin-bottom: 20px;
}
.tiva-event-detail-full .event-image img {
	max-width: 100%;
	max-height:400px;
	border: 1px solid #eee;
}
.tiva-event-detail-full .event-name {
	font-size: 22px;
    color: #5AA4A3;
    margin-bottom: 15px;
}
.tiva-event-detail-full .event-time, .tiva-event-detail-full .event-date, .tiva-event-detail-full .event-location {
	margin-bottom: 5px;
	color: #666;
	font-size: 14px;
}
.tiva-event-detail-full .event-time i, .tiva-event-detail-full .event-date i, .tiva-event-detail-full .event-location i {
	margin-right: 5px;
	width: 14px;
}
.tiva-event-detail-full .event-location i {
	font-size: 18px;
}
.tiva-event-detail-full .event-desc {
	color: #666;
	border-top: 1px solid #e2e2e2;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 22px;
	line-height: 22px;
	font-size: 14px;
}
.tiva-event-detail-full .event-link {
	margin-bottom: 30px;
}
.tiva-event-detail-full .event-link a {
	color: #fff;
    background: #5AA4A3;
    padding: 8px 10px 8px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    border: 0;
	cursor: pointer;
	position: relative;
}
.tiva-event-detail-full .event-link a:hover {
	text-decoration: none;
}
.tiva-event-detail-full .event-link a i {
	margin-right: 5px;
}

/* Responsive */
@media (min-width: 768px) {
	.tiva-event-list-full .event-item-left {
		margin-right: 2% !important;
	}
	.tiva-event-list-full .event-item-left.pull-left, .tiva-event-list-full .event-item-right.pull-left {
		float: left !important;
	}
}
@media (max-width: 768px) {
	.tiva-calendar-full .btn-change-date {
		display: none;
	}
	.tiva-calendar-full .calendar-day-normal, .tiva-calendar-full .calendar-day-blank {
		padding: 2px !important;
	}
	.tiva-calendar-full .calendar-table tr th {
		padding: 5px 3px !important;
	}
	.tiva-event-list-full .event-item-left {
		margin-bottom: 10px !important;
	}
	.tiva-event-list-full .event-item-left, .tiva-event-list-full .event-item-right {
		width: 100%;
	}
}

/* Events Calendar contain */
.tiva-events-calendar.compact .tiva-events-calendar-wrap {
	margin: 25px 0 30px 0;
	border: 1px solid #dedade;
    box-shadow: 0 0 5px 2px rgba(145,145,145,.35);
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Calendar */
.tiva-calendar-compact .calendar-table {
	margin-bottom: 0 !important;
}
.tiva-calendar-compact .calendar-title , .tiva-calendar-compact .calendar-btn {
	text-align: center !important;
	background: #5AA4A3;
	color: #ffffff;
	height: 30px;
	vertical-align: middle !important;
}
.tiva-calendar-compact .calendar-btn span {
	cursor: pointer;
}
.tiva-calendar-compact .calendar-title  {
	font-size: 13px;
	font-weight: bold;
	padding: 4px 0 0 0 !important;
}
.tiva-calendar-compact .calendar-table tr th {
    text-align: center;
    color: #5AA4A3;
    background: #eeeeee;
	font-size: 11px;
	padding: 8px 0;
}
.tiva-calendar-compact .calendar-table tr th, .tiva-calendar-compact .calendar-table tr td {
	width: 14.285714285714285%;
	line-height: 19px;
}
.tiva-calendar-compact .calendar-day-blank {
	background: #f6f6f6;
	padding: 0 !important;
}
.tiva-calendar-compact .calendar-day-normal {
    text-align: center;
    color: #666;
	padding: 0 !important;
    height: 34px;
	vertical-align: middle !important;
}
.tiva-calendar-compact .calendar-day-normal .calendar-day-event {
	cursor: pointer;
}
.tiva-calendar-compact .calendar-day-today {
	background: #d5e9e9;
}
.tiva-calendar-compact .calendar-day-weekend {
	color: #ef4f69;
}
.tiva-calendar-compact .calendar-event-mark {
    position: absolute;
    top: -8px;
    right: 0;
    background: none !important;
}
.tiva-calendar-compact .calendar-event-mark::after {
	content: '';
    visibility: visible;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 16px solid #567BD2;
    border-left: 16px solid transparent;
}

/* Event list */
.tiva-event-list-compact {
	padding: 15px;
	background: #eeeeee;
	display: none;
}
.tiva-event-list-compact .event-item {
	width: 100%;
	border-top: 1px dotted #666;
	margin-top: 20px;
	padding-top: 20px;
}
.tiva-event-list-compact .event-item:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.tiva-event-list-compact .event-image img {
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 10px;
}
.tiva-event-list-compact .event-name {
	font-size: 16px;
	color: #5AA4A3;
	margin-bottom: 6px;
}
.tiva-event-list-compact .event-time, .tiva-event-list-compact .event-date {
	margin-bottom: 3px;
	color: #ef4f69;
	font-size: 13px;
}
.tiva-event-list-compact .event-time i, .tiva-event-list-compact .event-date i {
	margin-right: 5px;
}
.tiva-event-list-compact .event-intro {
	color: #666;
	font-size: 14px;
}
.tiva-event-list-compact .link {
	cursor: pointer;
}

/* Event detail */
.tiva-event-detail-compact {
	padding: 15px;
	background: #eeeeee;
	display: none;
}
.tiva-event-detail-compact .event-item {
	width: 100%;
	border-top: 1px dotted #666;
	margin-top: 20px;
	padding-top: 20px;
}
.tiva-event-detail-compact .event-item:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.tiva-event-detail-compact .event-image img {
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 10px;
}
.tiva-event-detail-compact .event-name {
	font-size: 16px;
	color: #5AA4A3;
	margin-bottom: 6px;
}
.tiva-event-detail-compact .event-time, .tiva-event-detail-compact .event-date, .tiva-event-detail-compact .event-location {
	margin-bottom: 5px;
	color: #666;
	font-size: 14px;
}
.tiva-event-detail-compact .event-time i, .tiva-event-detail-compact .event-date i, .tiva-event-detail-compact .event-location i {
	margin-right: 5px;
	width: 14px;
}
.tiva-event-detail-compact .event-location i {
	font-size: 18px;
}
.tiva-event-detail-compact .event-desc {
	color: #666;
	border-top: 1px solid #e2e2e2;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 22px;
	line-height: 22px;
	font-size: 14px;
}
.tiva-event-detail-compact .event-link {
	margin-bottom: 30px;
}
.tiva-event-detail-compact .event-link a {
	color: #fff;
    background: #5AA4A3;
    padding: 8px 10px 8px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    border: 0;
	cursor: pointer;
	position: relative;
}
.tiva-event-detail-compact .event-link a:hover {
	text-decoration: none;
}
.tiva-event-detail-compact .event-link a i {
	margin-right: 5px;
}
.spinner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.spinner-windows8 {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  margin-top: 100px;
}
.spinner-windows8 .wBall {
  position: absolute;
  width: 48px;
  height: 48px;
  opacity: 0;
  -moz-transform: rotate(225deg);
  -moz-animation: orbit 2.75s infinite;
  -webkit-transform: rotate(225deg);
  -webkit-animation: orbit 2.75s infinite;
  -ms-transform: rotate(225deg);
  -ms-animation: orbit 2.75s infinite;
  -o-transform: rotate(225deg);
  -o-animation: orbit 2.75s infinite;
  transform: rotate(225deg);
  animation: orbit 2.75s infinite;
}
.spinner-windows8 .wBall .wInnerBall {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #000000;
  left: 0px;
  top: 0px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  z-index: 2;
}
.spinner-windows8 .wBall:first-child {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.spinner-windows8 .wBall:nth-child(2) {
  -moz-animation-delay: 0.12s;
  -webkit-animation-delay: 0.12s;
  -ms-animation-delay: 0.12s;
  -o-animation-delay: 0.12s;
  animation-delay: 0.12s;
}
.spinner-windows8 .wBall:nth-child(3) {
  -moz-animation-delay: 0.24s;
  -webkit-animation-delay: 0.24s;
  -ms-animation-delay: 0.24s;
  -o-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.spinner-windows8 .wBall:nth-child(4) {
  -moz-animation-delay: 0.36s;
  -webkit-animation-delay: 0.36s;
  -ms-animation-delay: 0.36s;
  -o-animation-delay: 0.36s;
  animation-delay: 0.36s;
}
.spinner-windows8 .wBall:nth-child(5) {
  -moz-animation-delay: 0.48s;
  -webkit-animation-delay: 0.48s;
  -ms-animation-delay: 0.48s;
  -o-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
@-moz-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -moz-transform: rotate(180deg);
    -moz-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -moz-transform: rotate(300deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 0%;
  }
  30% {
    opacity: 1;
    -moz-transform: rotate(410deg);
    -moz-animation-timing-function: ease-in-out;
    -moz-origin: 7%;
  }
  39% {
    opacity: 1;
    -moz-transform: rotate(645deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 30%;
  }
  70% {
    opacity: 1;
    -moz-transform: rotate(770deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 39%;
  }
  75% {
    opacity: 1;
    -moz-transform: rotate(900deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 70%;
  }
  76% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -webkit-transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -webkit-transform: rotate(300deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 0%;
  }
  30% {
    opacity: 1;
    -webkit-transform: rotate(410deg);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-origin: 7%;
  }
  39% {
    opacity: 1;
    -webkit-transform: rotate(645deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 30%;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(770deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 39%;
  }
  75% {
    opacity: 1;
    -webkit-transform: rotate(900deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 70%;
  }
  76% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }
}
@-ms-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -ms-transform: rotate(180deg);
    -ms-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -ms-transform: rotate(300deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 0%;
  }
  30% {
    opacity: 1;
    -ms-transform: rotate(410deg);
    -ms-animation-timing-function: ease-in-out;
    -ms-origin: 7%;
  }
  39% {
    opacity: 1;
    -ms-transform: rotate(645deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 30%;
  }
  70% {
    opacity: 1;
    -ms-transform: rotate(770deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 39%;
  }
  75% {
    opacity: 1;
    -ms-transform: rotate(900deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 70%;
  }
  76% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }
}
@-o-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -o-transform: rotate(180deg);
    -o-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -o-transform: rotate(300deg);
    -o-animation-timing-function: linear;
    -o-origin: 0%;
  }
  30% {
    opacity: 1;
    -o-transform: rotate(410deg);
    -o-animation-timing-function: ease-in-out;
    -o-origin: 7%;
  }
  39% {
    opacity: 1;
    -o-transform: rotate(645deg);
    -o-animation-timing-function: linear;
    -o-origin: 30%;
  }
  70% {
    opacity: 1;
    -o-transform: rotate(770deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 39%;
  }
  75% {
    opacity: 1;
    -o-transform: rotate(900deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 70%;
  }
  76% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    transform: rotate(180deg);
    animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    transform: rotate(300deg);
    animation-timing-function: linear;
    origin: 0%;
  }
  30% {
    opacity: 1;
    transform: rotate(410deg);
    animation-timing-function: ease-in-out;
    origin: 7%;
  }
  39% {
    opacity: 1;
    transform: rotate(645deg);
    animation-timing-function: linear;
    origin: 30%;
  }
  70% {
    opacity: 1;
    transform: rotate(770deg);
    animation-timing-function: ease-out;
    origin: 39%;
  }
  75% {
    opacity: 1;
    transform: rotate(900deg);
    animation-timing-function: ease-out;
    origin: 70%;
  }
  76% {
    opacity: 0;
    transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    transform: rotate(900deg);
  }
}
.tooltip {
  z-index: 20000;
}
body.lobipanel-minimized {
  padding-bottom: 36px;
}
.lobipanel {
  position: relative;
  margin-bottom: 15px;
}
.lobipanel > .panel-heading {
  padding: 5px;
  position: relative;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.lobipanel > .panel-heading > .panel-title {
  float: left;
  max-width: calc(100% - 30px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 30px;
  padding-left: 15px;
}
.lobipanel > .panel-heading > .panel-title h1,
.lobipanel > .panel-heading > .panel-title h2,
.lobipanel > .panel-heading > .panel-title h3,
.lobipanel > .panel-heading > .panel-title h4,
.lobipanel > .panel-heading > .panel-title h5,
.lobipanel > .panel-heading > .panel-title h6 {
  margin: 0;
  line-height: 30px;
}
.lobipanel > .panel-heading > .panel-title input {
  color: inherit;
  line-height: 30px;
  border-radius: 2px;
  padding: 0 5px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #337ab7;
  outline: 0;
}
.lobipanel > .panel-heading > .panel-title input:focus {
  background-color: rgba(0, 0, 0, 0.15);
}
.lobipanel > .panel-heading .dropdown {
  display: inline-block;
  float: right;
  position: relative;
}
.lobipanel > .panel-heading .dropdown .dropdown-menu {
  left: auto;
  right: 0;
  min-width: initial;
  margin-top: 0;
  border-radius: 0;
}
.lobipanel > .panel-heading .dropdown .dropdown-menu > li > a .control-title {
  display: inline-block;
  margin-left: 15px;
}
.lobipanel > .panel-heading .dropdown .dropdown-toggle {
  border: none;
  outline: 0;
  background-color: transparent;
  text-align: center;
  padding: 0;
  width: 30px;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.lobipanel > .panel-heading .dropdown .dropdown-toggle .panel-control-icon {
  top: 0;
  line-height: 30px;
}
.lobipanel > .panel-heading .dropdown .dropdown-toggle:hover,
.lobipanel > .panel-heading .dropdown .dropdown-toggle:hover:focus {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.15);
}
.lobipanel > .panel-heading .dropdown.open .dropdown-toggle {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.15);
}
.lobipanel > .panel-heading:before,
.lobipanel > .panel-heading:after {
  content: " ";
  display: table;
}
.lobipanel > .panel-heading:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .lobipanel .panel-heading .panel-title {
    max-width: calc(100% - 180px);
  }
  .lobipanel .panel-heading .dropdown .dropdown-menu {
    position: static;
    display: inline-block;
    border: none;
    padding: 0;
    margin: 0;
    min-width: initial;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
  }
  .lobipanel .panel-heading .dropdown .dropdown-menu > li {
    display: inline-block;
  }
  .lobipanel .panel-heading .dropdown .dropdown-menu > li > a {
    cursor: pointer;
/*    color: inherit;*/
    padding: 0;
    outline: 0;
    text-align: center;
    width: 30px;
    font-size: 14px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display:inline-block;
  }
  .lobipanel .panel-heading .dropdown .dropdown-menu > li > a .panel-control-icon {
    top: 0;
    line-height: 30px;
  }
  .lobipanel .panel-heading .dropdown .dropdown-menu > li > a .control-title {
    display: none;
  }
  .lobipanel .panel-heading .dropdown .dropdown-menu > li > a:hover,
  .lobipanel .panel-heading .dropdown .dropdown-menu > li > a:focus:hover {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0.15);
  }
  .lobipanel .panel-heading .dropdown .dropdown-menu > li > a:focus {
    text-shadow: none;
    background-color: transparent;
  }
  .lobipanel .panel-heading .dropdown .dropdown-toggle {
    display: none;
  }
}
.lobipanel > .panel-body {
  overflow: auto;
  position: relative;
}
.lobipanel .panel-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.8;
}
.lobipanel.panel-collapsed > .panel-heading {
  border-bottom: none;
}
.lobipanel.panel-collapsed > .panel-heading .dropdown .dropdown-menu > li > a[data-func="unpin"],
.lobipanel.panel-collapsed > .panel-heading .dropdown .dropdown-menu > li > a[data-func="reload"],
.lobipanel.panel-collapsed > .panel-heading .dropdown .dropdown-menu > li > a[data-func="expand"] {
  display: none;
}
.lobipanel.panel-expanded,
.lobipanel.panel-unpin,
.lobipanel.panel-minimized.panel-unpin {
  margin-bottom: 0;
}
.lobipanel.panel-unpin {
  overflow: hidden;
  position: fixed;
  z-index: 10000;
  -webkit-box-shadow: 2px 2px 15px 5px rgba(10, 10, 10, 0.5);
  box-shadow: 2px 2px 15px 5px rgba(10, 10, 10, 0.5);
}
.lobipanel.panel-unpin > .panel-heading {
  cursor: move;
}
.lobipanel.panel-unpin.panel-minimized {
  float: left;
  position: initial;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 170px;
  margin-right: 5px;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading {
  padding: 0;
  cursor: pointer;
  border-bottom: none;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .panel-title {
  max-width: calc(100% - 60px);
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .panel-title h1,
.lobipanel.panel-unpin.panel-minimized > .panel-heading .panel-title h2,
.lobipanel.panel-unpin.panel-minimized > .panel-heading .panel-title h3,
.lobipanel.panel-unpin.panel-minimized > .panel-heading .panel-title h4,
.lobipanel.panel-unpin.panel-minimized > .panel-heading .panel-title h5,
.lobipanel.panel-unpin.panel-minimized > .panel-heading .panel-title h6 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu {
  position: static;
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  min-width: initial;
  width: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li {
  display: inline-block;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li > a {
  cursor: pointer;
  color: inherit;
  padding: 0;
  outline: 0;
  text-align: center;
  width: 30px;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li > a .panel-control-icon {
  top: 0;
  line-height: 30px;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li > a .control-title {
  display: none;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li > a:hover,
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li > a:focus:hover {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.15);
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li > a:focus {
  text-shadow: none;
  background-color: transparent;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-toggle {
  display: none;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li > a {
  display: none;
}
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li > a[data-func="close"],
.lobipanel.panel-unpin.panel-minimized > .panel-heading .dropdown .dropdown-menu > li > a[data-func="expand"] {
  display: inline-block;
}
.lobipanel.panel-unpin.panel-minimized > .panel-body,
.lobipanel.panel-unpin.panel-minimized > .panel-footer {
/*ptly - 1*/
/*  display: none !important;*/
	width: 1px !important;
	height: 1px !important;
	visibility: hidden;
	position: absolute;  
/*ptly - 0*/
}
.lobipanel.panel-expanded > .panel-heading {
  cursor: initial;
}
.lobipanel.panel-expanded > .panel-heading .dropdown .dropdown-menu > li > a[data-func="unpin"],
.lobipanel.panel-expanded > .panel-heading .dropdown .dropdown-menu > li > a[data-func="minimize"] {
  display: none;
}
.lobipanel.panel-expanded.panel-unpin > .panel-heading .panel-control[data-func="minimize"] {
  display: block;
}
.lobipanel-minimized-toolbar {
  position: fixed;
  height: 36px;
  padding: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20000;
  background: rgba(34, 115, 182, 0.51);
}
.lobipanel-placeholder {
  background-color: #f9f5d1;
  border: 1px dashed #919191;
  margin-bottom: 15px;
}

/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 100%;
    border: 1px solid #999;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
    max-height:200px;
    overflow:auto;
}

ul.token-input-list li {
    list-style-type: none;
}

ul.token-input-list li input {
    border: 0;
    width: 350px;
    padding: 3px 8px;
    background-color: white;
    -webkit-appearance: caret;
}

li.token-input-token {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #d0efa0;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: block;
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
    position: absolute;
    width: 250px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #d0efa0;
}

/* ptly - 1 */
ul.token-input-list li.token-input-input-token {
	overflow: hidden; /* enables long inputs not to overflow and stretch box */
}
ul.token-input-list {
/*    max-width: 450px; //will be bound by the containing element*/
}
/* ptly - 0 */

#menuContainer .dropdown:hover {
    z-index: 45
}
#menuContainer .navbar .nav-item a{
	white-space: normal;
/*	word-break: break-word;*/
}
#menuContainer .navbar-nav>li>a{
/*	padding:0!important;*/
}
#menuContainer .navbar:hover {
    z-index: 40
}

#menuContainer .offcanvas-end,#menuContainer .offcanvas-start {
    max-width: 80%
}

#menuContainer .fixed-onscroll.fixed-top {
    top: -60px;
    transform: translateY(60px);
    transition: transform 0.3s
    background-color: rgba(100,100,100,.8);
}

#menuContainer .autohide {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1030
}

#menuContainer .autohide.scrolled-down {
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out
}

#menuContainer .autohide.scrolled-up {
    transform: translateY(0);
    transition: all 0.3s ease-in-out
}

#menuContainer .dropdown .dropdown-menu,#menuContainer .navbar .dropdown-menu {
    margin-top: 0;
    box-shadow: 0 2px 4px rgba(34,34,34,0.15)
    border-top-left-radius: 0;
    border-top-right-radius: 0;    
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding:0;
}
#menuContainer ul.navbar-nav>li>ul{
	left:0!important;
}

#menuContainer .dropdown .dropdown-menu-end,#menuContainer .navbar .dropdown-menu-end {
    right: 0;
    left: auto
}

#menuContainer .dropdown .megasubmenu,#menuContainer .navbar .megasubmenu {
    padding: 1rem
}

#menuContainer .dropdown .dropdown-large,#menuContainer .navbar .dropdown-large {
    padding: 1rem
}


#menuContainer .icon-arrow:after {
    content: "&raquo;";
    font-style: normal;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    margin-top: -2px;
    opacity: 0.3;
    font-size: 80%
}

#menuContainer .screen-darken {
    display: block;
    height: 100%;
    width: 0%;
    z-index: 20;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34,34,34,0.2);
    transition: all 1s linear
}

#menuContainer .screen-darken.active {
    z-index: 25;
    opacity: 1;
    width: 100%;
    visibility: visible
}
/*Desktop only*/
@media (min-width: 992px) {
	#menuContainer .dropdown>.dropdown-menu:not(.megamenu).show
	,#menuContainer .dropdown:hover>.dropdown-menu:not(.megamenu)
	,#menuContainer .navbar>.dropdown-menu:not(.megamenu).show
	,#menuContainer .navbar:hover>.dropdown-menu:not(.megamenu) {
		max-height:90vh;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
	}
    #menuContainer .navbar,#menuContainer .navbar>div {
        padding:0;
    }
    #menuContainer .navbar .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 0.7rem!important;
        padding-right: 0.7rem!important;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
    }

    #menuContainer .navbar-dark .nav-link.show {
        background: rgba(255,255,255,0.12)
    }

    #menuContainer .navbar-light .nav-link.show {
        background: rgba(0,0,0,0.12)
    }

    #menuContainer .navbar-nav {
        align-items: center
    }
    #menuContainer .navbar-nav>li>a {
        text-align: center
    }

    #menuContainer .dropdown-menu li {
        position: relative;
	background-color:inherit;
    }

    #menuContainer .navbar .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
	max-height:100vh;
	flex-direction: column;
	flex-wrap: wrap;	
    }

    #menuContainer .dropdown-menu .submenu-left {
        right: 100%;
        left: auto
    }

    #menuContainer .dropdown-menu:not(.megamenu)>li:hover {
        background-color: #f1f1f1
    }

    #menuContainer .dropdown-menu>li:hover>.submenu {
        display: block
    }

    #menuContainer .megasubmenu {
        left: 100%;
        top: 0;
        min-height: 100%;
        min-width: 500px
    }

    #menuContainer .dropdown-menu-end .megasubmenu {
        left: auto;
        right: 100%;
        top: 0
    }

    #menuContainer .dropdown-menu>li:hover .megasubmenu {
        display: block
    }

    #menuContainer .dropdown-large {
        min-width: 520px
    }

	#menuContainer .dropdown .megamenu,#menuContainer .navbar .megamenu {
	    padding: 1rem
	}

	#menuContainer .dropdown .has-megamenu,#menuContainer .navbar .has-megamenu {
	    position: static!important
	}
    #menuContainer .megamenu {
        left: 0;
        right: 0;
        width: 100%
    }
    #menuContainer .dropdown-menu.show.megamenu{
	display:flex!important;
    }
    #menuContainer .dropdown-menu.show.megamenu>li{
	flex:1 1 0px;
    }
    #menuContainer .megamenu>li>a>.fa-angle-double-right{
    	display:none!important;
    }
    
    #menuContainer .dropdown-menu.show.megamenu>li>ul{
	position:static;
	display:block!important;
	border: none;
	box-shadow: none;
	visibility:visible!important;
	opacity:1!important;
	transform:none!important;
    }
    #menuContainer .nav-item.hover .dropdown-menu.animate {
        display: block;
        opacity: 0;
        visibility: hidden;
        margin-top: 0
    }

    #menuContainer .nav-item.hover .animate.fade-down {
        top: 90%;
        transform: rotateX(-80deg);
        transform-origin: 0% 0%
    }

    #menuContainer .nav-item.hover .animate.fade-up {
        top: 90px
    }

    #menuContainer .nav-item.hover .dropdown-menu .animate.fade-down {
        top: 0
    }

    #menuContainer .nav-item.hover .animate.dropdown-menu.show {
        display: flex; /*block was preventing menu from wrapping*/
        transition: 0.4s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg)
    }

    #menuContainer .nav-item.hover .animate.dropdown-menu>li:hover>.megasubmenu,#menuContainer .nav-item.hover .animate.dropdown-menu>li:hover>.submenu {
        display: flex;
        transition: 0.4s;
        opacity: 1;
        visibility: visible;
        top: 0;
        transform: rotateX(0deg)
    }

    #menuContainer .dropdown-menu li {
        position: relative;
	background-color:inherit;
    }

    #menuContainer .dropdown-menu li.has-megasubmenu {
        position: static!important
    }

    #menuContainer .dropdown-menu li:hover>.dropdown-menu,#menuContainer .dropdown-menu li:hover>.submenu {
        display: block;
        transition: 0.4s;
        opacity: 1;
        visibility: visible;
        top: 0%;
        transform: rotateX(0deg)
    }

    #menuContainer .dropdown-menu li:hover>.megasubmenu {
        display: block;
        transition: 0.4s;
        opacity: 1;
        visibility: visible;
        top: 0%;
        transform: rotateX(0deg)
    }
}
/*Mobile only*/
@media (max-width: 991px) {
    #menuContainer .dropdown-menu .dropdown-menu {
        margin-left:0.7rem;
        margin-right: 0.7rem;
        margin-bottom: 0.5rem;
    }
    #menuContainer li.dropdown>.dropdown-menu {
	background-color: transparent;
    }
    #menuContainer .navbar{
	    bottom: unset!important;
    }
    #menuContainer .dropdown .megamenu>li>ul
    {
    	display:block;
    }
    #menuContainer .dropdown .megamenu .contentBuilder{
    	display:none;
    }
    #menuContainer .mobile-expand{
    	padding:1em;
	margin-top:-.5em;
    }
}

#menuContainer .navbar-styled {
    background-color: #ffca2a;
    box-shadow: 0 2px 3px rgba(100,100,100,0.1);
    font-size: 14px
}

#menuContainer .navbar-styled .navbar-toggler {
    color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.1)
}

#menuContainer .navbar-styled .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

#menuContainer .navbar-styled .navbar-brand {
    font-weight: 600;
    font-size: 18px
}

#menuContainer .navbar-styled .navbar-nav .nav-link {
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
    border: 2px solid transparent
}

#menuContainer .navbar-styled .navbar-nav .nav-item.show .nav-link,#menuContainer .navbar-styled .navbar-nav .nav-item:hover .nav-link {
    border-bottom: 2px solid orange;
    color: #111
}

#menuContainer .navbar-styled .dropdown-menu {
    border: 0;
    background-clip: initial;
    border-radius: 0;
    box-shadow: 0 1px 5px rgba(70,70,70,0.2)
}

#menuContainer .navbar-styled .dropdown-menu .dropdown-item {
    padding: 0.6rem 1.5rem;
    border-bottom: 1px solid #f1f1f1
}
#menuContainer #menuContainer nav.fixed-top{
	background-color:#dddadaed!important;
}
#menuContainer #menuContainer nav.fixed-top a{
	color:black;
}



/* Common */
.hidden-fields {
	display: none;
}
.cleardiv {
	clear: both;
}
.loading {
	text-align: center;
	margin: 130px 0;
}
.tiva-events-calendar {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Bar */
.events-calendar-bar {
	margin-top: 20px;
}
.events-calendar-bar .bar-btn.active {
	background: #5AA4A3;
}
.events-calendar-bar .bar-btn {
	color: #fff;
    background: #757575;
    padding: 3px 10px 3px 28px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    border: 0;
    margin-right: 10px;
	line-height: 26px;
	cursor: pointer;
	display: inline-block;
	position: relative;
}
.events-calendar-bar .bar-btn:hover {
	background: #5AA4A3;
}
.events-calendar-bar .back-calendar {
	padding: 3px 10px 3px 22px;
	margin-right: 0;
	float: right !important;
}
.events-calendar-bar .bar-btn i {
	position: absolute;
	left: 10px;
}
.events-calendar-bar .calendar-view i {
	top: 7px;
}
.events-calendar-bar .list-view i {
	top: 9px;
}
.events-calendar-bar .back-calendar i {
	top: 9px;
}

/* Calendar */
.tiva-calendar .calendar-table {
	table-layout: auto;
	box-sizing: content-box;
	border-right: 0;
}
.tiva-calendar .calendar-table th, .tiva-calendar .calendar-table td {
	border-bottom: none;
	border-right: none;
	padding: 8px;
}
.tiva-calendar .calendar-btn span {
	font-size: 14px;
	color: #fff;
}

/* Tooltip */
.calendar-day-event {
	position: relative;
}
.calendar-day-event .tiva-event-tooltip {
	position: absolute;
    z-index: 9999;
    width: 180px;
    left: 50%;
	margin: 0 0 0 -100px;
    bottom: 35px;
    background: #f5f5f5;
    opacity: 0;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px 2px rgba(145,145,145,.35);
    border-radius: 6px;
	pointer-events: none;
	padding: 10px;
	text-align: left;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.calendar-day-event .tiva-event-tooltip::before, .calendar-day-event .tiva-event-tooltip::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.calendar-day-event .tiva-event-tooltip::after {
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #f5f5f5;
	border-width: 8px;
	margin-left: -8px;
}
.calendar-day-event .tiva-event-tooltip::before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 9px;
	margin-left: -9px;
}
.calendar-day-event .tiva-event-tooltip .event-tooltip-item {
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.calendar-day-event .tiva-event-tooltip .event-tooltip-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.calendar-day-event .tiva-event-tooltip .event-time {
	display: inline-block;
	font-size: 12px;
	color: #fff;
    background: #757575;
    padding: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    margin-bottom: 5px;
	line-height: 22px;
}
.calendar-day-event .tiva-event-tooltip .event-time i {
	margin-right: 5px;
}
.calendar-day-event .tiva-event-tooltip .event-name {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 6px;
	color: #5AA4A3;
}
.calendar-day-event .tiva-event-tooltip .event-image  img {
	width: 100%;
	margin-bottom: 6px;
	border: 1px solid #EEE;
}
.calendar-day-event .tiva-event-tooltip .event-intro {
	font-size: 14px;
}
.calendar-day-event .tiva-event-tooltip .event-intro img {
    max-width: 100%;
    height: auto;
}
/* Events Calendar contain */
.tiva-events-calendar.full .tiva-events-calendar-wrap {
	margin: 25px 0 40px 0;
	border: 1px solid #dedade;
    box-shadow: 0 0 5px 2px rgba(145,145,145,.35);
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Calendar */
.tiva-calendar-full .calendar-table {
	margin-bottom: 0 !important;
}
.tiva-calendar-full .calendar-title , .tiva-calendar-full .calendar-btn {
	text-align: center !important;
	background: #5AA4A3;
	color: #ffffff;
	height: 30px;
	vertical-align: middle !important;
}
.tiva-calendar-full .calendar-btn {
	padding: 0 !important;
}
.tiva-calendar-full .calendar-btn span {
	cursor: pointer;
	font-size: 13px !important;
}
.tiva-calendar-full .calendar-title  {
	font-size: 15px;
	font-weight: bold;
	padding-top: 12px !important;
	padding-left: 30px !important;
}
.tiva-calendar-full .calendar-title span {
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
}
.tiva-calendar-full .calendar-title i {
	position: absolute;
	left: -22px;
	top: -1px;
}
.tiva-calendar-full .calendar-table tr th {
	text-align: center;
	color: #5AA4A3;
	background: #eeeeee;
	font-size: 14px;
}
.tiva-calendar-full .calendar-table tr th, .tiva-calendar-full .calendar-table tr td {
	width: 14.285714285714285%;
}
.tiva-calendar-full .calendar-day-blank {
	background: #f6f6f6;
}
.tiva-calendar-full .calendar-day-normal {
	height: 60px;
	font-size: 16px;
	text-align: right !important;
	padding: 6px 10px !important;
	color: #666;
}
.tiva-calendar-full .calendar-day-today {
	background: #d5e9e9;
}
.tiva-calendar-full .calendar-day-weekend {
	color: #ef4f69;
	line-height: 20px;
	font-size: 16px;
}
.tiva-calendar-full .calendar-event-name {
	color: #ffffff;
	background: #567BD2;
	font-size: 11px;
	margin-top: 5px;
	text-align: center;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	line-height: 20px;
	padding: 0 3px;
	cursor: pointer;
}
.tiva-calendar-full .calendar-event-name span {
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
}
.tiva-calendar-full .calendar-event-name.no-name {
	opacity: 0;
	visibility: hidden;
}
.tiva-calendar-full .calendar-event-name.color-1 {
	background: #567BD2;
}
.tiva-calendar-full .calendar-event-name.color-2 {
	background: #13baff;
}
.tiva-calendar-full .calendar-event-name.color-3 {
	background: #669933;
}
.tiva-calendar-full .calendar-event-name.color-4 {
	background: #ff8a23;
}
.tiva-calendar-full .calendar-event-name.first-day {
	margin-right: -11px;
	-moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
	-moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.tiva-calendar-full .calendar-event-name.middle-day {
	margin-left: -11px;
	margin-right: -11px;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.tiva-calendar-full .calendar-event-name.middle-day span {
	opacity: 0;	
}
.tiva-calendar-full .calendar-event-name.last-day {
	margin-left: -11px;
	-moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
.tiva-calendar-full .calendar-event-name.last-day span {
	opacity: 0;	
}

/* Event list */
.tiva-event-list-full {
	padding: 15px;
	background: #eeeeee;
	display: none;
}
.tiva-event-list-full .event-item {
	width: 100%;
	border-top: 1px dotted #666;
	margin-top: 20px;
	padding-top: 20px;
}
.tiva-event-list-full .event-item:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.tiva-event-list-full .event-item-left {
	width: 20%;
	min-height:1px;
	margin-right: 2%;
}
.tiva-event-list-full .event-item-right {
	width: 78%;
}
.tiva-event-list-full .event-image img {
	width: 100%;
	border: 1px solid #eee;
}
.tiva-event-list-full .event-name {
	font-size: 17px;
	color: #5AA4A3;
	margin-bottom: 4px;
}
.tiva-event-list-full .event-time, .tiva-event-list-full .event-date {
	margin-bottom: 3px;
	color: #ef4f69;
	font-size: 13px;
}
.tiva-event-list-full .event-time i, .tiva-event-list-full .event-date i {
	margin-right: 5px;
}
.tiva-event-list-full .event-intro {
	color: #666;
	font-size: 14px;
}
.tiva-event-list-full .link {
	cursor: pointer;
}

/* Event detail */
.tiva-event-detail-full {
	padding: 15px;
	background: #eeeeee;
	display: none;
}
.tiva-event-detail-full .event-image {
	text-align: center;
	margin-bottom: 20px;
}
.tiva-event-detail-full .event-image img {
	max-width: 100%;
	max-height:400px;
	border: 1px solid #eee;
}
.tiva-event-detail-full .event-name {
	font-size: 22px;
    color: #5AA4A3;
    margin-bottom: 15px;
}
.tiva-event-detail-full .event-time, .tiva-event-detail-full .event-date, .tiva-event-detail-full .event-location {
	margin-bottom: 5px;
	color: #666;
	font-size: 14px;
}
.tiva-event-detail-full .event-time i, .tiva-event-detail-full .event-date i, .tiva-event-detail-full .event-location i {
	margin-right: 5px;
	width: 14px;
}
.tiva-event-detail-full .event-location i {
	font-size: 18px;
}
.tiva-event-detail-full .event-desc {
	color: #666;
	border-top: 1px solid #e2e2e2;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 22px;
	line-height: 22px;
	font-size: 14px;
}
.tiva-event-detail-full .event-link {
	margin-bottom: 30px;
}
.tiva-event-detail-full .event-link a {
	color: #fff;
    background: #5AA4A3;
    padding: 8px 10px 8px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    border: 0;
	cursor: pointer;
	position: relative;
}
.tiva-event-detail-full .event-link a:hover {
	text-decoration: none;
}
.tiva-event-detail-full .event-link a i {
	margin-right: 5px;
}

/* Responsive */
@media (min-width: 768px) {
	.tiva-event-list-full .event-item-left {
		margin-right: 2% !important;
	}
	.tiva-event-list-full .event-item-left.pull-left, .tiva-event-list-full .event-item-right.pull-left {
		float: left !important;
	}
}
@media (max-width: 768px) {
	.tiva-calendar-full .btn-change-date {
		display: none;
	}
	.tiva-calendar-full .calendar-day-normal, .tiva-calendar-full .calendar-day-blank {
		padding: 2px !important;
	}
	.tiva-calendar-full .calendar-table tr th {
		padding: 5px 3px !important;
	}
	.tiva-event-list-full .event-item-left {
		margin-bottom: 10px !important;
	}
	.tiva-event-list-full .event-item-left, .tiva-event-list-full .event-item-right {
		width: 100%;
	}
}

/* Events Calendar contain */
.tiva-events-calendar.compact .tiva-events-calendar-wrap {
	margin: 25px 0 30px 0;
	border: 1px solid #dedade;
    box-shadow: 0 0 5px 2px rgba(145,145,145,.35);
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Calendar */
.tiva-calendar-compact .calendar-table {
	margin-bottom: 0 !important;
}
.tiva-calendar-compact .calendar-title , .tiva-calendar-compact .calendar-btn {
	text-align: center !important;
	background: #5AA4A3;
	color: #ffffff;
	height: 30px;
	vertical-align: middle !important;
}
.tiva-calendar-compact .calendar-btn span {
	cursor: pointer;
}
.tiva-calendar-compact .calendar-title  {
	font-size: 13px;
	font-weight: bold;
	padding: 4px 0 0 0 !important;
}
.tiva-calendar-compact .calendar-table tr th {
    text-align: center;
    color: #5AA4A3;
    background: #eeeeee;
	font-size: 11px;
	padding: 8px 0;
}
.tiva-calendar-compact .calendar-table tr th, .tiva-calendar-compact .calendar-table tr td {
	width: 14.285714285714285%;
	line-height: 19px;
}
.tiva-calendar-compact .calendar-day-blank {
	background: #f6f6f6;
	padding: 0 !important;
}
.tiva-calendar-compact .calendar-day-normal {
    text-align: center;
    color: #666;
	padding: 0 !important;
    height: 34px;
	vertical-align: middle !important;
}
.tiva-calendar-compact .calendar-day-normal .calendar-day-event {
	cursor: pointer;
}
.tiva-calendar-compact .calendar-day-today {
	background: #d5e9e9;
}
.tiva-calendar-compact .calendar-day-weekend {
	color: #ef4f69;
}
.tiva-calendar-compact .calendar-event-mark {
    position: absolute;
    top: -8px;
    right: 0;
    background: none !important;
}
.tiva-calendar-compact .calendar-event-mark::after {
	content: '';
    visibility: visible;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 16px solid #567BD2;
    border-left: 16px solid transparent;
}

/* Event list */
.tiva-event-list-compact {
	padding: 15px;
	background: #eeeeee;
	display: none;
}
.tiva-event-list-compact .event-item {
	width: 100%;
	border-top: 1px dotted #666;
	margin-top: 20px;
	padding-top: 20px;
}
.tiva-event-list-compact .event-item:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.tiva-event-list-compact .event-image img {
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 10px;
}
.tiva-event-list-compact .event-name {
	font-size: 16px;
	color: #5AA4A3;
	margin-bottom: 6px;
}
.tiva-event-list-compact .event-time, .tiva-event-list-compact .event-date {
	margin-bottom: 3px;
	color: #ef4f69;
	font-size: 13px;
}
.tiva-event-list-compact .event-time i, .tiva-event-list-compact .event-date i {
	margin-right: 5px;
}
.tiva-event-list-compact .event-intro {
	color: #666;
	font-size: 14px;
}
.tiva-event-list-compact .link {
	cursor: pointer;
}

/* Event detail */
.tiva-event-detail-compact {
	padding: 15px;
	background: #eeeeee;
	display: none;
}
.tiva-event-detail-compact .event-item {
	width: 100%;
	border-top: 1px dotted #666;
	margin-top: 20px;
	padding-top: 20px;
}
.tiva-event-detail-compact .event-item:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.tiva-event-detail-compact .event-image img {
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 10px;
}
.tiva-event-detail-compact .event-name {
	font-size: 16px;
	color: #5AA4A3;
	margin-bottom: 6px;
}
.tiva-event-detail-compact .event-time, .tiva-event-detail-compact .event-date, .tiva-event-detail-compact .event-location {
	margin-bottom: 5px;
	color: #666;
	font-size: 14px;
}
.tiva-event-detail-compact .event-time i, .tiva-event-detail-compact .event-date i, .tiva-event-detail-compact .event-location i {
	margin-right: 5px;
	width: 14px;
}
.tiva-event-detail-compact .event-location i {
	font-size: 18px;
}
.tiva-event-detail-compact .event-desc {
	color: #666;
	border-top: 1px solid #e2e2e2;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 22px;
	line-height: 22px;
	font-size: 14px;
}
.tiva-event-detail-compact .event-link {
	margin-bottom: 30px;
}
.tiva-event-detail-compact .event-link a {
	color: #fff;
    background: #5AA4A3;
    padding: 8px 10px 8px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    border: 0;
	cursor: pointer;
	position: relative;
}
.tiva-event-detail-compact .event-link a:hover {
	text-decoration: none;
}
.tiva-event-detail-compact .event-link a i {
	margin-right: 5px;
}