/************************************************
		APOLLOADMIN.NET
		STYLE DEFINITIONS
		VERSION 2.5
		Developed by Justin Kercher
        Apollo Internet Media
		Created: 20/01/2012
        Updated 30/04/2020

        NB: DO NOT MODIFY THIS DOCUMENT. APPLY
        OVERRIDES IN STYLE.CSS with !important rule
	************************************************/

	
	/**********************************************
        REQUIRED BY APOLLOADMIN.NET
    **********************************************/	

    .padding { padding: 15px; } /* Reponsive Padding - Apply to all content containers */
    .paddingTB, .padding-tb { padding-top: 15px; padding-bottom: 15px; }
    .noTBMargin { margin-top: 0px !important; margin-bottom: 0px !important; }

    .margin-tb { margin-top: 15px; margin-bottom: 15px; }
	
	/* Misc required classes */
	.messageBox { padding: 10px; color: #ffffff; background-color: #ccc; }

	.error, .message { padding: 10px; background-color: #f0f0f0; border: solid 1px #999999; margin: 10px 0px;  background-repeat: no-repeat; background-position: 10px 10px; border-radius: 4px; }
	    .message { display: block; }
	    .errorText { color: red !important; background-image: url(../images/icons/icon_alert.gif); padding-left: 30px; }
	    .messageText { color: green !important; background-image: url(../images/icons/tick.png); padding-left: 30px; }
	    .infoText { color: #336699 !important; background-image: url(../images/icons/icon_info.gif); padding-left: 30px; }
	
	/* Pagination */
	./*pagination { float: right; clear: none; width: auto; text-align: right; height: 30px; font-size: inherit; margin-bottom: 5px; }
	    .pagination .pageOff { text-decoration: none; text-align: center; height: 30px; line-height: 30px; padding: 4px; border: solid 1px silver; border-radius: 4px;  }
	    .pagination .pageOn { text-decoration: none; text-align: center; height: 30px; line-height: 30px; padding: 4px; border: solid 1px silver; background-color: #ececec; border-radius: 4px; }*/

        pagination {
          display: inline-block;
          padding-left: 0;
          margin: 20px 0;
          border-radius: 4px;
        }
        .pagination  {
          display: block;
          text-align: right;
          margin-bottom: 15px; 
        }
        .pagination  > a,
        .pagination  > span {
          position: relative;
          display: inline-block;
          padding: 6px 12px;
          line-height: 1.42857143;
          text-decoration: none;
          background-color: #ffffff;
          border: 1px solid #dddddd;
          margin-left: -1px;
        }
        .pagination :first-child > a,
        .pagination :first-child > span {
          margin-left: 0;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
        }
        .pagination :last-child > a,
        .pagination :last-child > span {
          border-bottom-right-radius: 4px;
          border-top-right-radius: 4px;
        }
        .pagination  > a:hover,
        .pagination  > span:hover,
        .pagination  > a:focus,
        .pagination  > span:focus {
          z-index: 3;
          background-color: #eeeeee;
          border-color: #dddddd;
        }

        .pagination > a.active {
          z-index: 2;
          color: #ffffff;
          background-color: #337ab7;
          border-color: #337ab7;
          cursor: default;
        }
	
    #leftSide { margin-bottom: 20px; }

    /***************************************************
        QUICK SEARCH RESULTS SETUP
    **************************************************/        
    .resultsGroup { padding: 0px 0px 20px 0px; text-transform: capitalize; }
        .resultsGroup h2 {  }
        .resultsGroup .resultViewAll { float: right; clear: none; text-align: right; }
            .resultsGroup .resultViewAll a  { text-decoration: none;  }
       
    .highlight { background-color: Yellow;  }
    
      
    /*************************************
		SIDE MENU LIST
	*************************************/
	  ul.sideMenu { list-style: none; margin: 0px; padding: 0px; }
	    ul.sideMenu li { font-weight: normal; }
	    ul.sideMenu li a, ul.sideMenu li.active ul a { background-color: #ececec; display: block; padding: 6px; color: #333333; text-decoration: none; margin: 0px 0px 1px 0px; border: solid 1px silver; text-align: left; }
	        ul.sideMenu li a:hover { background-color: #fff; }
            ul.sideMenu li.active a { background-color: orange; color: #fff; }
	        
	    ul.sideMenu li.sep { margin: 10px 0px; }
	    ul.sideMenu li.heading { font-weight: bold; }
	        
	        ul.sideMenu li ul { width: 100%; font-weight: normal; list-style: none; margin: 0px; padding: 0px; }
	            ul.sideMenu li ul li { border-left: solid 12px silver; }   
	            
    /*************************************
		IMAGE PRELOAD
	*************************************/ 
    .preload { display:block; background:transparent url(/images/ajax-small-loader.gif) no-repeat center center; }

    
    #fancybox-wrap * { -moz-box-sizing: content-box !important; box-sizing: content-box !important; }
    
    /*************************************
		BOOTSTRAP OVERRIDES
	*************************************/ 
	th { text-align: inherit; }
	.form-group { position: relative; }
	.pagination { margin: 0px; }
	
	.content-box-sizing, .content-box-sizing *, #fancybox-wrap, #fancybox-wrap * {   -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
    
    /* Navbar toggle for BS4 */
    .icon-bar {	width: 22px; height: 2px; background-color: #B6B6B6; display: block; transition: all 0.2s; margin-top: 4px }
    .navbar-toggler {  border: none;  background: transparent !important; }
    .navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }
    .navbar-toggler .middle-bar { opacity: 0; }
    .navbar-toggler .bottom-bar { transform: rotate(-45deg);  transform-origin: 10% 90%; }
    .navbar-toggler.collapsed .top-bar { transform: rotate(0); }
    .navbar-toggler.collapsed .middle-bar { opacity: 1; }
    .navbar-toggler.collapsed .bottom-bar { transform: rotate(0); }
	
    .form-control { height: 50px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
    .input-group-addon { border-radius: 0px; }
    .input-group-append .btn, .input-group-prepend .btn { height: 50px; border-radius: 0px; }

    .cookie-message { display: inline-block !important; float: none !important; }


	/*************************************
		USER ACCOUNT BOX ITEMS
	*************************************/ 
    .account-listing-item { border: solid 1px #dedede; padding: 15px; margin: 15px 0px; position: relative;}
        .account-listing-item .labels { position: absolute; top: 15px; right: 15px; }
        .account-listing-item .links { margin-top: 15px; }
        .account-listing-item .account-listing-item-event { display: block; }


	/*************************************
		RESPONSIVE VIDEO EMBED
	*************************************/ 
	 .responsive-embed { margin-top: 10px; margin-bottom: 10px; }
        .responsive-embed .responsive-embed-wrapper { position: relative; padding-bottom: 54%; /* 56.25 = 16:9 */ padding-top: 25px;	height: 0; }
            .responsive-embed .responsive-embed-wrapper iframe { position: absolute; top: 0;	left: 0; width: 100%; height: 100%; }		
            
    /*************************************
		RSS FEED USER CONTROL
	*************************************/ 
	.blog-entry { padding: 5px 10px; }
	    .blog-entry .rss-title { margin-bottom: 0px; font-weight: bold; }
	    .blog-entry .rss-date { font-style: italic; color: #666; margin-top: 0px; }
	    .blog-entry .rss-desc { }
		
	/*************************************
		SLIDE DOWN PANELS 2015
	*************************************/        
    .slide-down { display: block; position: relative; height: auto; z-index: 1000; right: 0px; width: 100%; z-index: 5; overflow: hidden; background-color: #fff; 
		 -webkit-box-shadow: inset 0px 29px 20px -34px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 29px 20px -34px rgba(0,0,0,0.5); box-shadow: inset 0px 29px 20px -34px rgba(0,0,0,0.5);  }
        .slide-down .slide-down-content { position: relative; display: none; margin: 20px 0px; overflow: hidden; padding: 15px 30px 15px 15px; }        
        .slide-down .slide-down-close { position: absolute; top: 15px; right: 0px; z-index: 2000; }               
                                
        .slide-down .logo-item { display: inline-block; border: solid 1px silver; background-color: #fff; margin: 2px; padding: 10px; }
            .slide-down .logo-item a { display: table-cell; width: 80px; height: 80px; text-align: center;  vertical-align: middle; }
            .slide-down .logo-item img { vertical-align: middle; max-width: 98%; max-height: 98%; }
        .slide-down h2 { clear: both; }      		
	

	/*************************************
		ENQUIRY FORMS
	*************************************/     

    ul.form-radio-list, ul.form-checkbox-list { list-style: none; padding: 0px; }
        ul.form-radio-list > li, ul.form-checkbox-list > li { display: block; margin: 5px; }

    @media (max-width: 767px) {
        .match-height { height: auto !important; }
    }

    @media(min-width: 768px) {
        ul.form-radio-list > li { display: inline-block; margin: 5px; text-align: center; width: auto; cursor: pointer;  }
        ul.form-radio-list > li > label { display: block; }

        ul.form-checkbox-list > li { display: inline-block; margin: 5px;  cursor: pointer; }

        /* Column height matching */
        .row.match-height-group { display: flex; flex-wrap: wrap; }
        .row.match-height-group > [class*='col-'] { display: flex; flex-direction: column; }
        .row.match-height-group > [class*='col-'] .match-height { height: 100%; }
    }