/* begin passport styles*/

.passport-login-panel {
    padding:5px;
    border-radius: 4px;
    line-height:2.5em;
    text-align:center;
    colorXX:#407293;
    font-weight:normal;
    background-colorXX:#dceef8; /*#232F3E;*/
    box-shadowX: 2px 2px 3px #adadad;
    position:relative;
    left:0px;
    color:#3c7797;

    border: 2px solid #3b89c7;

    background-color:#d9edf6;

    background-colorX:#22689d;
    background-imageXX:url(images/ppBackOp.jpg)  !important;
    background-imageX:url(images/passporttexture4.png)  !important;
}

.passport-login-panelXXX {
    padding:5px;
    border-radius: 4px;
    line-height:2.5em;
    text-align:center;
    colorXX:#407293;
    font-weight:normal;
    background-colorXX:#dceef8; /*#232F3E;*/
    box-shadowX: 2px 2px 3px #adadad;
    position:relative;
    left:0px;
    color:#b39e64;

    border: 2px solid #b39e64;

    background-color:#3b89c7;

    background-colorX:#22689d;
    background-imageXX:url(images/ppBackOp.jpg)  !important;
    background-imageX:url(images/passporttexture4.png)  !important;
}

@media screen and (max-width: 767px) {
    .passport-login-panel {
        max-width: 400px;
    }
}

.passport-login-panel a {
    colorXX:#407293;
    colorX:#edd182;
    font-weightX:bold;
    font-size: 1.1em;
    padding: 0 5px 0 5px;
    margin: 0 -4px 0 -4px;
}

.passport-login-panel a:hover {
    color:#ffffff;
    background-color:#418bca;
}

.addbulletspace li{
    margin: 0 0 12px 0;
}

.passport-info{
    line-height:17px;
}


 #bsTable tr td  img.smImage {
        position: relative;
        width:156px;
        top:10px; 
        right:150px;
        border-style: solid;
        border-width:5px;
        border-color:#ffffff;
        cursor:pointer;
    }

 img.lgImage{
    width:870px;
    max-width: 100%;
    max-height: 100%;
    height: auto;
 }

/*end passport styles*/

/*begin updated dropdown button styles - available in newer bootstrap*/
.dropdown,.dropup{
	position:relative
}
.dropdown-toggle::after{
	display:inline-block;
	width:0;
	height:0;
	margin-left:.255em;
	vertical-align:.255em;
	content:"";
	border-top:.3em solid;
	border-right:.3em solid transparent;
	border-bottom:0;
	border-left:.3em solid transparent;
    
 
}
.dropdown-toggle:empty::after{
	margin-left:0
}
.dropdown-menu{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	padding:.5rem 0;
	margin:.125rem 0 0;
	font-size:1.5rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0,0,0,.15);
	border-radius:.25rem
}
.dropdown-divider{
	height:0;
	margin:.5rem 0;
	overflow:hidden;
	border-top:1px solid #e9ecef
}
.dropdown-item{
	display:block;
	width:100%;
	padding:.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0
}
.dropdown-item:focus,.dropdown-item:hover{
	color:#16181b;
	text-decoration:none;
	background-color:#efefef;
    cursor:pointer;
}
.dropdown-item.active,.dropdown-item:active{
	color:#fff;
	text-decoration:none;
	background-color:#007bff
}
.dropdown-item.disabled,.dropdown-item:disabled{
	color:#868e96;
	background-color:transparent
}
.dropdown-menu.show{
	display:block
}
.dropdown-header{
	display:block;
	padding:.5rem 1.5rem;
	margin-bottom:0;
	font-size:.875rem;
	color:#868e96;
	white-space:nowrap
}

.swddheader, .swddheader:hover{
    cursor:default;
    background-color:#efefef;
    color:#808080;
    padding:.25rem .5rem;
	clear:both;
	
}

.swddspecial{
    padding:.25rem .5rem;
    color:#adadad;
}


/*#divAutoFill {
    z-index: 1;
    position: fixed;
    top: 31.5%;

}
.popover {
    position: fixed;  /* I use !important because in this snippet bootstrap's styles overwrite mines but in general it is not nedded*/
/*}*/

/*end updated dropdown button styles - available in newer bootstrap*/











#navbar-brand-header-icon
{
    float:left;
    padding-top:5px !important;
    padding-right:8px !important;
}


/*begin elance mod job 1 to bring footer down */
        .footer {
			backgroundXXXXXX: #91DDB3 !important;
			margin-left: 190px !important;
			width:auto !important;
        }
        .sidebar.menu-min~.footer {
			margin-left: 43px !important;
        }
        @media (max-width: 991px) {
        	.footer {
        		margin-left:0px !important;
        	}
        }
        .footer .footer-inner .footer-content {
        	padding:0px 20px 4px 20px !important;
        	left:0px !important;
        	right:0px !important;
        	bottom:0px !important;
			backgroundxxx: white !important;
        }
        
/*end elance mod job 1 to bring footer down */        
        

		.form-group::after {
			content:none!important;
		}

		.main-content #frmMain .form-group {
			overflow:hidden;
		}

		.main-content #frmMain .form-group .form-group{
			overflow:visible;
		}


/* fix for top boxes */
.navbar-buttons {
	background-color:transparent!important;
}
.ace-nav .btn {
	vertical-align:top;
	top:0px!important;
}

.ace-nav #menu-toggler {
	margin:0px!important;
	top:0px!important;
}
.ace-nav>li {
	vertical-align:top;
}

/* Hide text for minimized sidebar */
.menu-min small {
	display:none;
}

/* multi class checkbox formatting */
input[type=checkbox] {
    position:absolute; z-index:-1000; top:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

#cblMultiClass input[type=checkbox] + label {
	padding-left:30px;
	height:25px; 
	display:inline-block;
	line-height:25px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:25px;
	vertical-align:middle;
	cursor:pointer;

}

#cblMultiClass input[type=checkbox]:checked + label {
	background-position: 0 -25px;
}

#cblMultiClass label {
    background-image:url(images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
}
/* end multi class checkbox formatting */


/* screen size changing */


@media screen and (max-width: 519px) {
    /*.wizard-steps li span.title, .footer-content, .navbar-header,  .navbar-header span,  .form-group input, .form-group select {
        font-size: 80% !important;
    }

    .form-group label, .control-label {
        font-size: 100% !important;
    }
    */

    #ctl00_lblWebFairName, #ctl01_lblWebFairName
    {
        font-size:60% !important;

    }


    .footer-content .copyright, .action-buttons, .smaller-80, #imgFooterLogo {display:none !important;    }
    
    .main-content
    {
        padding:0.5em !important;
    }
    
    
    #menu-toggler
    {
        width:47px !important;
        height:45px !important;
    }
    
        
    .btn-nav-full
    {
        display:none !important;

    }
    
    .btn-nav-min
    {
        display:inline !important;
    }
    
    #htmlCheckin, #btnMobileCheckin, #htmlApproval, #htmlAddons
    {
        display:inline;
    }
    
}

@media screen and (max-width: 767px) {
    #cblMultiClass label {
        background-image:url(images/checkboxsmall.png);
     }
    #cblMultiClass input[type=checkbox]:checked + label {
	    background-position: 0 -15px;
    }
    #cblMultiClass input[type=checkbox] + label {
	    height:15px; 
	    line-height:15px;
	    font-size:15px;    
    }
    
    .form-group select, .input-group-addon, .form-control /* sweb to correct the difference in height vs input controls*/
    {
        height:31px !important;
    }    
}


@media screen and (min-width: 520px) and (max-width: 767px) {
    .wizard-steps li span.title, .form-group label, .form-group input, .form-group select, .control-label {
        font-size: 100% !important;
    }
    



}

@media screen and (min-width: 768px) {
    .wizard-steps li span.title,    .form-group label, .form-group input, .form-group select, .control-label, .feesGrid input  {
        font-size: 115% !important;
    }
    
    .form-group select, .input-group-addon, .form-control /* sweb to correct the difference in height vs input controls*/
    {
        height:33px;
        
    }
    
    #htmlCheckin, #btnMobileCheckin, #lblMobileCheckin
    {
        /*display:none;*/
        display:inline;
    }
    
        #divPaymentInfo .form-group
        {
            margin-top:50px !important;
            margin-bottom:50px !important;
            margin-left:80px;
        }
    

}

/* fix for extra white spaces in minimized sidebar */
@media only screen and (max-width: 991px){
	.sidebar.menu-min~.footer {
		margin-left: 0!important;
	}
}

/* fix for groupped input and drop down */
@media only screen and (max-width: 1199px){
    input.form-control
    {
        height:37px !important;
    }
    
    input.spinner-input 
    {
        height:29px !important;
    }    
    
}

@media screen and (min-width: 1200px) {
    
    .form-group label, .form-group input, .form-group select, .form-group textarea, .control-label, .input-group-addon, .feesGrid input
    {
        font-size: 150% !important;
    }
    
    .form-group select, .input-group-addon, .form-control, .input-group-btn button /* sweb to correct the difference in height vs input controls*/
    {
        height:40px !important;
    }
    

}

/* end screen size changing */

#pnlDivisionSponsor img
{
    border-radius: 7px !important;
    -moz-border-radius: 7px !important;
} 


.form-group.required .control-label:after, .fa-asterisk.required, .feeRequired .feeName:before { 
   content:" \f069"; /*using class "glyphicon glyphicon-asterisk" is css \2a */
   color:#428BCA; /*this is dark red #BA3434  and this one is dark orange #E9A640;*/
   font-family: "FontAwesome" /* "Glyphicons Halflings";*/
}

.fa-exclamation-triangle.limited, .feeLimit .feeName:before{
   content:" \f071\0000a0 "; /*using class "glyphicon glyphicon-asterisk" is css \2a */
   color:#ffb900; /*this is dark red #BA3434  and this one is dark orange #E9A640;*/
   font-family: "FontAwesome"; /* "Glyphicons Halflings";*/
}

.soldout{
    color:#c9c9c9;
}

i.fa-exclamation-triangle.soldout {
color:#BA3434  !important; 
}

 .feeLimit .soldout:before{
   content:" \f071\0000a0 "; /*using class "glyphicon glyphicon-asterisk" is css \2a */
   color:#BA3434; /*this is dark red #BA3434  and this one is dark orange #E9A640;*/
   font-family: "FontAwesome"; /* "Glyphicons Halflings";*/
}


.form-group .requiredPre:after { 
   content:" \f069"; /*using class "glyphicon glyphicon-asterisk" is css \2a */
   color:#428BCA; /*this is dark red #BA3434  and this one is dark orange #E9A640;*/
   font-family: "FontAwesome" /* "Glyphicons Halflings";*/
}

.form-group .requiredText:after { 
   content:"\0000a0\0000a0\f128"; /*using class "glyphicon glyphicon-asterisk" is css \2a */
   color:#428BCA; /*this is dark red #BA3434  and this one is dark orange #E9A640;*/
   font-family: "FontAwesome" /* "Glyphicons Halflings";*/
}
   
.validator
{
    color:White !important;
    top:1px !important;/*was 5*/
    font-size:11px !important;
    line-height: 16px !important;/*was 30*/
    margin-top:8px !important;
}


#btnCopyFromLastEntry
{
    margin-left:10px;
}


.swbutton
{
    margin-right:5px !important;
    margin-top:5px !important;
    margin-bottom:5px !important;

}

.swButtonHolder i, .swButtonHolder button
{
    margin-top:7px;
    margin-left:5px   !important;
    margin-right:17px;

}

.swButtonHolder button
{
    padding-left:22px  !important;
     padding-right:15px  !important;
}



.control-label.left
{
    text-align:left !important;
}

#pnlExistingExhibitorInfo .form-group
{
    margin-top:0px !important;
    margin-bottom:0px !important;
}

#divInstructions
{
    margin:10px !important;
    line-height: initial;

}

.instructionBackground, #sidebarX, #ctl00_pnlCart, #ctl01_pnlCart
{
    background-color:White !important;
    background-image:url(images/paper.png)  !important;
}

/*to give room on the bottom of pull out/sidebar cart since it is a different color*/
#ctl00_dgCart, #ctl01_dgCart{
    margin-bottom:20px;
}

.cartReviewExhibitorTotal
{
    background-color:#f0f0f0;
}

/* for default switch element */
input[type=checkbox].ace.ace-switch + .lbl::before {
   xtext-indent: -21px;
   xwidth:50px !important;
   xfont-size:0.67em !important;
}
input[type=checkbox].ace.ace-switch:checked + .lbl::before {
   xxtext-indent: 80px;
}

#helpUXID {
    cursor: pointer;

}

#txtYes {
    margin-top:50px;
}

#sidebar, #ctl00_sidebar {
    border-bottom-right-radius: 7px !important;
    -moz-border-radius-bottomright: 7px !important;
}

#sidebar-collapse {
    /*border-bottom-right-radius: 7px !important;
    -moz-border-radius-bottomright: 7px !important;*/
    background-color:transparent ;
}

#sidebar, #sidebar-collapse,  #sidebar-collapse i {

border:none;
}

#main-containerXXX  /*main background*/
{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;	
}

.table-condensed{
    margin-bottom:0px !important;
}

*[id^='hid']{
    display:none;
}


#ctl00_sidebar  {
    background-color:transparent !important;
    border:none;
}

#pnlCart div#Div1,center #pnlCart, #Div2, #pnlResults, #sidebar-shortcuts , #sidebar  {
    background-color:transparent !important;
}
#ctl00_pnlCart, #ctl01_pnlCart{
    background-color:white;
}
 .btn-group .input-group-btn{
	 color:White !important
 }
 #sidebar-collapse, #ctl00_pnlCart, #ctl01_pnlCart, #sidebar-shortcuts {
    border-bottom-right-radius: 7px !important;
    -moz-border-radius-bottomright: 7px !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cfcfcf;
  opacity: 1; /* Firefox */
}

.swfieldComment div{
    font-size:60% !important;
    background-color:#fff6cc;
    margin:2px 0 0 10px;
    text-align:left;
    padding:3px 5px 3px 5px !important;
    float:right;
    border-radius: 7px !important;
    -moz-border-radius: 7px !important;

}



.highlight{
    background-color:#ffe666;
    padding: 0 3px 0 3px;
    margin: 0 -2px 0 -2px;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}



#DataGrid1 td.labReceiptItem .reviewIcon img {
    width: 24px;
    height: auto;
}
#DataGrid1 td.labReceiptItem .reviewIcon {
    margin-left: 15px;
}

/*accessibility added 2025 */

:not(.open) .dropdown-toggle:focus {
    outline: revert;
}