#page-header{
   position:absolute;
   right:20px;
}

.eventDate {
	color: #666;
	font-weight:bold;
	border-left:4px solid green !important;
}

.tblloading{
	height:100%;
	width:100%;
}

.tblloading>tbody>tr>td{
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
.tblloading>tbody>tr>td>img{
	height:50px;
	width:50px;
	opacity:0.9;
}

.divloadingouter{
	position:absolute;
	background-color:lightgray;
	z-index:5;
	opacity:0.5;
	float:left;
	left:0px;
	top:0px;
}

.divloadinginner{
	position:absolute;
	z-index:5;
	float:left;
	margin-left:auto;
	margin-right:auto;
	top:40%;
	left:48%;
}

.divloadinginner>img{
	height:34px;
	width:34px;
}

.messagediv{
	position:fixed;
	top:0px;
	left:25%;
	z-index: 3;
}

/******************************/

/*** Event Sumary Action Menu ********/
#actionmenudiv,.actionmenudiv{
    background-color: #eee;
    border: 2px solid #ddd;
    padding: 5px;
    position: absolute;
    right: 25px;
    width: 250px;
    z-index: 1000;
}
#actionmenudiv a,.actionmenudiv a{
    border-bottom: 1px solid #ddd;
    display: inline-block;
    height: 40px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 15px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
}
#actionmenudiv a:last-child,.actionmenudiv a:last-child{
    height:40px;
    display:inline-block;
    text-align:left;
    padding-top:15px;
    padding-left:20px;
    padding-bottom:10px;
    width:100%;
    border-bottom:none;
}
#actionmenudiv a:hover,.actionmenudiv a:hover{
    background-color:white;
}

/************************************/


/**
 *
 * Apply Here your Custom CSS
 *
*/
.entypo-bookmarks{
	cursor:pointer;
}
.entypo-bookmark{
	cursor:pointer;
	color:#ddd;
}
div.panel-options > a[aria-expanded="true"] > i.entypo-down-open{
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
blockquote p {
	font-size:12px;
}
blockquote small {
	font-size:12px;
}
blockquote a {
	font-size:11px;
}
#tbdymoreevents{
	display:none;
}
#tbdymorenews{
	display:none;
}
.blurgraybackground{
	background-color:lightgray;
	opacity:0.9;
	 width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:999;
}
.tile-block{
	background-color:#eee;
	color:#333;
}
.tile-block .tile-header{
	background-color:#ddd;
	color:#333;
}
.tile-block .tile-header a, .tile-block .tile-header span, .tile-block .tile-header i{
	color:#333;
}

._emptyTable
{
	width:95%;
	height:95%;
	min-height:200px;
	border:none;
	text-align:center;
	font-family:Verdana;
	font-size:12px;
	color:#666 !important;
}

._emptyTable tr td
{  
	color:#666 !important;
}

.tile-stats .icon i{
	vertical-align: baseline;
}

#headerplaceholder{
   float:left;
   margin-top:-20px;
   margin-bottom: -69px;
}

#headerplaceholder>ul>li:nth-child(1){
   float:right;   
}

#headerplaceholder>ul>li:nth-child(1){
   float:right;   
   margin-top:15px;
}
#headerplaceholder>ul>li:nth-child(2){
   float:right;   
   margin-top:15px;
}

.secondary-menu{
	background-color:#eee !important;
	width:30px !important;
	z-index:1 !important;
	position:relative;
	height:100%;
}
.secondary-menu div{
	float:left;
	width:30px;	
	height:100px;
	padding-left:10px;
	font-weight:bold;
	padding-top:8px;
	cursor:pointer;    
}
.secondary-menu div:hover{
	background-color:lightgray;
}

.secondary-menu span {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    float: left;
    height: 90px;
    transform: rotate(-90deg);
    width: 80px;
}

.ui-sortable tr{
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
.ui-sortable tr:active{
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}

.table thead tr{
	height:38px;
}

.table thead th{
	font-weight:bold;
	color:#333 !important;
	padding-bottom:8px !important;
}

table thead tr th.sorting{
	cursor:pointer;
}

table .replace-inputs input{
	color:rgb(148, 148, 148);
}

.main-content{
	z-index:1;
	/* EXPOBOOKMX-1200 Fixing issue with view overlay in Convention Center and Host Cities pages. */
    /*position: relative;*/
}

.panel-title{
	font-size:12px;
	color:#333;
}

.panel-primary > .panel-heading, .panel > .panel-heading, .panel-default > .panel-heading {
	background-color:rgb(245, 245, 245);
    display: flex;
    justify-content: space-between;
}

.panel-heading{
	padding:0px !important;
}

.rowpointer tbody tr td
{
	cursor:pointer;
}

#prezeronghts-td,#postzeronghts-td,#gbmprezeronghts-td,#gbmpostzeronghts-td{
	cursor:pointer;
}

/* ******Quick Links****** */
.pagequicklinklst div{
	height:35px;
	float:left;   
}

.pagequicklink hr{
	margin-top:5px;
}

.pagequicklink span, .pagequicklink a{
	cursor:pointer;
	margin:10px;
	padding:10px;
	display: inline-block;
}

.pagequicklink span:first-child{
	margin-left:0px;
}

.pagequicklink{
  margin-top:10px;
  margin-left:30px;
  margin-right:10px;
}

div.well .pagequicklink {
    margin-left:10px; 
}

/************************/


#toast-container > div
{
	font-size: 14px !important;
}

#-error{
	display:none !important;   
}

#divfilters{
	width:100%;
	padding:20px;
	padding-left:35px;
	padding-right:35px;
	display:inline-table;
}

.panel-heading{
	height:42px;
}

.panel-primary > .panel-heading > .panel-options > a.panel-options-link-btn {
	background-clip: border-box;
	border-radius: 2px;
	color: #303641;
	display: inline-block;
	padding: 4px 2px;
	text-align: center;
	transition: unset;
	margin: 6px 0px 0px 0px;
	padding: 5px 10px;
}

.panel-primary > .panel-heading > .panel-options > a.panel-options-link-btn.btn-sm {
	line-height: 1.5;
}

.onoffrow,.onoffcol,.onoffall,.onoffcell{
	cursor:pointer;
}

@media (min-width: 241px) and (max-width: 767px){
.secondary-menu{
	background-color:#eee !important;
	width:100% !important;
}

.secondary-menu{
	width:100%;
	float:left;
	margin-bottom:20px;    
}
.secondary-menu div{
	float:left;
	width:120px;	
	height:30px;
	padding-left:10px;
	font-weight:bold;
	padding-top:8px;
	cursor:pointer;    
}
.secondary-menu br{
	display:none;
}

}

#imgprocessing{
	display:table-cell;
}

#textprocessing{
   display:table-cell;
   padding-left:45px;
   text-align:left;
   font-family:Arial;
   font-size:16px;
   font-weight:bold;
   width:100%;
   vertical-align:middle;
   height:100%;
   color: #522b76;
	/*color:rgb(255,179,100);*/
   /*color:rgb(53,77,89);*/
   
}

#subtextprocessing{
   padding-left:120px;
   margin-top:-50px;
   text-align:left;
   font-family:Arial;
   font-size:12px;
   font-weight:normal;
   width:100%;
   vertical-align:middle;
   height:100%;
   color: #522b76;
   float:right;
}

/*.modal-vertical-centered {
  transform: translate(0, 30%) !important;
  -ms-transform: translate(0, 30%) !important;
  -webkit-transform: translate(0, 30%) !important; 
}
*/

#processingmodal {
	/* new custom width */
	width: 350px;
	height:300px;
	margin-left:auto;
	margin-right:auto; 
	margin-top:auto;
	margin-bottom:auto; 
	overflow:hidden;    
}

#processingmodal>.modal-dialog>.modal-content{
	border:10px solid rgba(0, 0, 0, .5);
	border-radius: 10px;
	width: 325px;
}

.subtextpresent{
	vertical-align:top !important;
	padding-top:10px !important;
}

/*ScrollTop Control*/

#showMessages
{
	margin:2px;
	padding:2px;
	float:left;
	overflow-y: auto;
	overflow-x:hidden;
	max-height:380px;
	width:100%;
	
}
#scrolltotop {
    background-color: #21a9e1;
    border-color: #BBBBBB;
    color: #dedede;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
    moz-transition: bottom 250ms ease-in-out 0s;
    bottom: 5px;
    padding-top: 16px;
    padding-right: 13px;
    padding-left: 13px;
    right: 15px;
    padding-bottom: 5px;
}
#scrolltotop p
{
	color: #dedede !important;
	font-weight: bold !important;
	font-family: "helvetica neue",arial,sans-serif;
}
#scrolltotop i {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid #dedede;
    border-width: 1px 0px 0px 1px;
    display: inline-block;
    padding: 6px;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
}
#topcontrol
{
	z-index: 2;
}
.whitebutton
{
	background-color: #21a9e1;
	background-image: -moz-linear-gradient(center top , #FDFAFB, #F9F7F7 50%, #F6F3F4 50%, #F0EDED);
	border-color: #BBBBBB;
	color: #dedede;
	text-shadow: 0 1px rgba(255, 255, 255, 0.9);
	border-width: 0;
	box-shadow: 0 0 #FFFFFF, 0 1px 3px rgba(34, 25, 25, 0.5);
	display: block;    
	position: fixed;
	text-align: center;
	z-index: 4;
	    border-radius: 52px;
	cursor: pointer;
	font-size: 15px;
	font-family: "helvetica neue",arial,sans-serif;
	font-weight: bold !important;
	line-height: 1em;
	margin: 0;
	
}
.whitebutton p
{
	min-height:15px;
	margin-top:0px;
	font-size: 15px !important;
	font-family: "helvetica neue",arial,sans-serif;
	color: #dedede !important;
	font-weight: bold !important;
}
#scrolltotop:hover
{
	text-decoration:none;
}
#scrolltotop:focus
{
	outline:medium none;
}

#activeLinkTop{
	float:right;
}

#activeLinkContent>li{
	padding-top:10px;
}

.select2-input{
	width:100% !important;
}
.label-pageheader{
	background-color:#D7B61B;
	color:white;
}
.label-pagesubheader{
	background-color:rgb(32,80,129);
	color:white;
}

#divViewFilterContainer{
    display:none;
}

.floatright{
    float:right;
}
.exposelectcontainer{
    display:none;
    float:right;
    margin-top:-10px;
    cursor:pointer;
    min-width:250px;
}

.exposelectcontainervia{
    display:none;
    float:right;
    margin-top:-10px;
    cursor:pointer;
    min-width:250px;
    display: inline-table;
}

.exposelectlabel{
    cursor:pointer;
}
.error
{
    border: 1px solid Red !important;
    background-color:LightYellow !important;
}
.errorMessage
{  
    font-size: 10px;
    text-align: left;
    display:none;
    background-color:transparent;    
    color: Red;
}
.pointer{
    cursor:pointer;
}
.center{
    text-align:center;
}

.label-pagesubheader {
    background-color: rgb(32,80,129);
    color: white;
}

#actionmenudivoptions{
    position:absolute;
    width:200px;
    background-color:#eee;
    height:50px;
    z-index:1000;
    right:25px;
    padding:5px;
    border:2px solid #ddd;
}
#actionmenudivoptions a{
    height:40px;
    display:inline-block;
    text-align:left;
    padding-top:15px;
    padding-left:20px;
    padding-bottom:10px;
    width:100%;
    border-bottom:1px solid #ddd;
}
#actionmenudivoptions a:hover{
    background-color:white;
}
.popupicon{
    position: relative;
    font-size: 80%;
    vertical-align:super;
    background-color:greenyellow;
    height:12px;
    width:12px;
    float:right;
    top:-10px;
    right:-10px;
}

.cloud{
    display:none;
    background-color:rgba(112, 101, 101, 0.2);
    position:fixed;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    z-index:2;
}

/*Data Table*/

.sortcol {    
    cursor: pointer;
}

.sortcol>span {
    float: right;
}

.sortcol>span>img {
    width: 15px;
    height: 15px;
}

.dwn {
    display: none;
}

#pager li {
    cursor: pointer;
}

div.dataTables_wrapper > div.dataTables_filter {
    border-left: solid 1px #ebebeb;
    border-radius: 3px 3px 0 0;
}

.tile-light-gray { background: lightgray; }

.tile-light-gray.shadow { box-shadow: 8px 8px 10px #a09f9f; }

.tile-light-gray:hover { background: #c9c3c3; }

.tile-light-green { background: lightgreen; }

.tile-light-green.shadow { box-shadow: 8px 8px 10px #429b42; }

.tile-light-green:hover { background: #6bd36b; }

.tile-light-blue { background: #c4ccff; }

.tile-light-blue.shadow { box-shadow: 8px 8px 10px #898daf; }

.tile-light-blue:hover { background: #adb6ea; }

.action-link {
    background-color: lightgray;
    color: #333;
    width: 80px;
    border: 1px solid lightgray;
    border-right: none;
    margin-top: 0 !important;

}
.action-link>.caret {
    border-top-color: #333;
    border-bottom-color: #333 !important;
}

.expand-link {
    width: 80px;
    background-color: transparent;
    border:1px solid lightgray;
    padding: 8.5px !important;
    color: #333;
    margin-top: 0 !important;
}

.no-left-radius {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.no-right-radius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/*.expand-link:before {
     content:"Expand +";
}*/

.expand-link[aria-expanded="false"]:before{
  content:"Expand +";
}

.expand-link[aria-expanded="true"]:before{
    content:"Collapse -";
}

.panel-heading:before, .panel-heading:after {
    content: none !important;
}

.panel-heading > .panel-title {
    display: flex;
    align-items: center;
    padding-left: 15px !important;
}

.panel-heading > .panel-options {
    display: flex;
    align-items: center;
    margin-right: 5px !important;
    padding-right: 0 !important;
}

.panel-heading > .panel-options > a:not(.btn) {
    margin-top: 0 !important;
    margin-right: 10px !important;
}

.exposelectlabel label.expand-icon {
    background-color: rgb(32,80,129);
    height: 27px;
    margin-bottom: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 30px;
    padding-left: 3px;
    border: none !important;
}

.exposelectlabel label.expand-icon i {
    color: white;
    font-size: 16px;
    font-weight: normal;
    width: 30px;
}

.exposelectlabel span.label.label-pagesubheader {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 27px;
    padding-right: 0;
    padding-top: 6px;
}

.fancy-label {
    align-items: center;
    background-color: rgb(32, 80, 129);
    border-radius: 3px 0 0 3px;
    color: white;
    display: flex;
    font-size: 15.75px;
    padding: 5px 10px;
    padding-right: 0;
    text-align: center;
}


.fancy-arrow {
    align-items: center;
    background-color: rgb(32, 80, 129);
    border: 2px solid rgb(32, 80, 129);
    border-bottom-right-radius: 3px;
    border-left: none;
    border-top-right-radius: 3px;
    display: flex;
    font-size: 16px;
    justify-content: center;
    width: 30px;
}

.fancy-arrow::before {
    color: white;
    content: '\e873';
    font-family: 'Entypo';
    transition: transform 150ms;
}

.fancy-wrapper {
    cursor: pointer;
    display: flex;
    float: right;
}

.fancy-wrapper-dropdown {
    display: none;
    float: right;
    min-width: 250px;
}

.fancy-wrapper-dropdown .select2-container .select2-choice > .select2-chosen {
    font-size: 12px;
    font-weight: normal;
    width: 275px;
}