.users-content {
    background-image: url('/siteAssets/imgs/bkgd/FHblue.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: cover;
    height: auto;
    max-width:1000px;
    margin-left:250px;
    position: relative;
}

.home-content {
    background-image: url('/siteAssets/imgs/bkgd/FHblue.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: cover;
    height: 100vh;
    max-width:1000px;
    margin:0px auto;
    position: relative;
}

.pageHeadings {
    font-family: 'Frank Ruhl Libre', serif;
    color:#FFF;
    /* text-transform: uppercase; */
    text-align: center;
    font-size: 180%;
    padding-top:20px;
    letter-spacing: 1px;
    font-weight: 400;
}

.pageHolders {
    background-color: #fff;
    margin: 10px auto;
    border-radius: 5px;
    border: 1px solid #dddddd;
    padding: 20px 10px;
    border-radius: 3px;
    box-shadow: 0px 6px 20px 6px rgba(0, 0, 0, 0.1);
    font-family: 'DM Sans', sans-serif;
    overflow:auto;
    min-height: calc(100vh - 145px);
    max-width:1024px;

}
@media screen and (min-width: 650px) {
    .pageHolders {
        width: 90%;
    
    }
  }
  @media screen and (max-width: 650px) {
    .pageHolders {
        margin: 10px 5px;
    }
  }
.padTop10 {
    padding-top: 10px;
}
.padTop5 {
    padding-top: 5px;
}

.menuTrigger {
    position: absolute;
    right: 3%;
    top: 22px;

    z-index:10000;
}
.whiteMenuLine {
    width:30px;
    height:5px;
    background-color: white;
    float:left;
    clear:both;
    margin:3px;
}
.whiteMenuCross {
    display:none;
    width:25px;
    height:40px;
    padding:0px 7px;
    color:white;
    font-weight: 900;
    font-size:40px;
    position: relative;
    top: -8px;
}
.bodyContent {
    max-width:1283px;
    position:relative;
    margin:0px auto;
}
.logoTopmenu {
    padding:10px 0px 0px 20px;
    max-width:200px;
    margin:0px auto;
    width:100%;
}
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: absolute; /* Stay in place */
    z-index: 5; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #fff; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 0px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    border-right: 2px solid #003963;
    -webkit-box-shadow: 14px 0px 5px 0px rgba(45,83,140,.2);
-moz-box-shadow: 14px 0px 5px 0px rgba(45,83,140,.2);
box-shadow: 14px 0px 5px 0px rgba(45,83,140,.2);
  }
  .sidenav ul li ul {
      display:none;
      
  }
  /* The navigation menu links */
  .sidenav ul li {
    text-decoration: none;
    font-size: 18px;
    color: #2d2d2d;
    display: block;
    transition: 0.3s;
  }
  .sidenav ul li a {
    text-decoration: none;
    padding: 15px !important;
    font-size: 18px;
    color: #2d2d2d;
    display: block;
    transition: 0.3s;
    padding: 10px;
    border-bottom:1px solid #F1F3F1;
  }

  .sidenav ul li ul {
      padding:0px;
    
  }

  .sidenav ul li ul li a {
    text-decoration: none;
    padding: 10px !important;
    font-size: 15px;
    color: #4d4343;
    display: block;
    transition: 0.3s;
    padding: 10px;
    border-bottom:1px solid #F1F3F1;
    font-weight:bold;
  }
  .sidenav ul li ul li ul li a {
    text-decoration: none;
    padding: 10px !important;
    font-size: 15px;
    color: #4d4343;
    display: block;
    transition: 0.3s;
    padding: 10px;
    border-bottom:1px solid #F1F3F1;
    font-weight:normal;
  }
  /* When you mouse over the navigation links, change their color */
  .sidenav a:hover {
    background-color: #F1F3F1;
    color:#1b365d;
  }
  /* Position and style the close button (top right corner) */
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  
  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  #main {
    transition: margin-left .5s;
    padding: 20px;
  }
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (min-width: 1250px) {
    .sidenav {
        width: 250px !important; /* 0 width - change this with JavaScript */
        }
        .menuTrigger {
            display:none;
        }
  }
  
 
  @media screen and (max-width: 1249px) {
    body {
        min-width:350px !important;
        min-height:800px !important;

    }
        .menuTrigger {
            display:block;
        }
        .users-content {
            margin:0px auto;
            }

            /* .pageHeadings {
                
                max-width: 60%;
                /* margin: 0px auto; */
                /* margin-bottom: 16px !important;
                font-size: 150%;
                text-align: left;
                padding-left: 40px; */
            /* }  */
  }

  .centerme {
      margin:auto auto;
  }
  .textCenter {
      text-align: center;
  }
  .boldText {
      font-weight:bolder;
  }

  .riptidecentral-Alert-text {
    text-align: center;
    /* font-style: italic; */
    color:#b12929;
    /* box-shadow: 0px 1px 3px 1px rgba(204,202,204,0.20); */
    padding: 20px !important;
    margin: 0;
    float: none;
    display: block;
    border: 1px solid #eeeeee;
    line-height: 24px;
    margin-bottom: 10px;
    background: #f0fafc;
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 400;
  }

  .riptidecentral-Alert-text {
    text-align: center;
    /* font-style: italic; */
    color:#b12929;
    /* box-shadow: 0px 1px 3px 1px rgba(204,202,204,0.20); */
    padding: 20px !important;
    margin: 0;
    float: none;
    display: block;
    border: 1px solid #eeeeee;
    line-height: 24px;
    margin-bottom: 10px;
    background: #f0fafc;
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 400;
  }
.buttonwicon {
  background-position: 5px 4px;
  padding: 5px 5px 5px 28px;
}
.clearmobile {
    display: none;
}

.clearmobilenopad  {
    display: none;
}

@media screen and (max-width: 495px) {
    #eventStartHour {
        /* float:right; */
        }
        #eventStartMinute {
            /* float:right; */
            }
            #eventFinishMinute {
                /* float:right; */
                }
                
        #eventFinishHour {
            /* float:right; */
            }
            .clearmobile {
                display: block;
                clear:both;
                padding: 5px;
            }
            .clearmobilenopad  {
                display: block;
                clear:both;
            }
}
@media screen and (min-width: 601px) {
    .myhome {
        position: fixed;
        width: 600px;
        min-height: 520px;
        left: 50%;
        margin-left: -300px;
        top: 50%;
        margin-top: -360px;
        text-align: center;
        overflow: hidden;
        background-color: white;
        padding: 20px;
        border-radius: 5px;
    }
    .myApply {
        position: fixed;
        width: 600px;
        height: 450px;
        left: 50%;
        margin-left: -300px;
        top: 50%;
        margin-top: -225px;
        text-align: center;
    }
.applyaccess {
    position: fixed;
    width: 600px;
    height: 700px;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -350px;
    text-align: center;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
}
}
@media screen and (max-width: 600px) {
    .myhome {
        position: fixed;
        width: 300px;
        min-height: 420px;
        left: 50%;
        margin-left: -150px;
        top: 50%;
        margin-top: -300px;
        text-align: center;
        overflow:auto;
        background-color: white;

    overflow: hidden;
        padding: 20px;
    }
    .myApply {
        position: fixed;
        width: 300px;
        height: 320px;
        left: 50%;
        margin-left: -150px;
        top: 50%;
        margin-top: -160px;
        text-align: center;
        background-color: white;
    }
    .applyaccess {
        background-color: white;
    padding: 30px;
    width: 90%;
    margin: 0px auto;
    }
    .riptidecentral-Alert-text, .riptidecentral-Alert-text {
        padding: 10px !important;
       }
   .fullselect {
       width:100%;
   }
}

#eventtable {
    background-color:white;
}


.col_halfnobreak, .col_one_thirdnobreak, .col_two_thirdnobreak, .col_three_fourthnobreak, .col_one_fourthnobreak, .col_one_fifthnobreak, .col_two_fifthnobreak, .col_three_fifthnobreak, .col_four_fifthnobreak, .col_one_sixthnobreak, .col_five_sixthnobreak {
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 20px;
    float: left;
}
.col_halfnobreak {
    width: 48%;
}
.col_one_thirdnobreak {
    width: 30.63%;
}
.col_two_thirdnobreak {
    width: 65.33%;
}
.buttontpad {
    padding: 5px 9px;
    height: 20px;
}
.boldcell {
    font-weight: bold;
    padding-top: 7px;
}

.maxwidthinput {
    max-width: 119px;
}
.maxwidthinputwidthtext {
    max-width: 119px;
    float:left;
    margin-right:10px;
}

.timebox {
    max-width: 230px;
    white-space: nowrap;
}

.mediaLibraryVenueBox {
    width: 19%;
    float:left;
    height: 135px;
    margin:1% 1% 2% 0;
text-align:center;
    position:relative;
    font-size:80%;

}

@media screen and (max-width:780px) {
    .mediaLibraryVenueBox {
        width: 24%;
        height: 145px;
    }
}
@media screen and (max-width:580px) {
    .mediaLibraryVenueBox {
        width: 32.3%;
        
    }
}
@media screen and (max-width:440px) {
    .mediaLibraryVenueBox img {
        width: 90%;
    }
}
.mediaLibraryVenueBox a {
    font-size:100%;
} 
.mediaLibraryBox {
    width: 19%;
    float:left;
    height: 310px;
    margin:1% 1% 2% 0;
    overflow:hidden;
    position:relative;
    font-size:80%;
    background-color: #eff8f7;
}
@media screen and (max-width:750px) {
    .mediaLibraryBox {
        width: 24%;
    }
}
.inliner , .inliner2, .inliner3{
    width: 32%;
    display: inline-block;
    text-align:center;
}
.inliner25 {
    width: 24%;
    display: inline-block;
    text-align:center;
}
.imbutton {
    height: 31px !important;
    padding-top:11px !important;
}
@media screen and (max-width:550px) {
    .selectfieldevenshorter {
        max-width:200px;
    }
    .mediaLibraryBox {
        width: 32.3%;
        height: 223px;
    }
    .inliner{
        width: 35%;
        display: inline-block;
        text-align:center;
    }
    .inliner2{
        width: 35%;
        display: inline-block;
        text-align:center;
    }
    .inliner3{
        width: 27%;
        display: inline-block;
        text-align:center;
    }
    .inliner25 {
        width: 49%;
        display: inline-block;
        text-align:center;
    }
    .clearmymobile {
        clear:both;
    }
}

@media screen and (max-width:850px) {
    .clearmobilenopad  {
        display: block;
        clear:both;
    }
    .clearmobile850 {
        clear:both;
    }
}
.mediaLibraryFiles {
    position:absolute;
    bottom:0px;
    width:100%;
    text-align:center;  
    background-color:#2a2e31;color:#FFFFFF;padding:5px 0px;
    cursor:pointer;
    
}
.mediaLibraryFilesHome
{
    position:absolute;
    bottom:0px;
    width:98%;
    text-align:center;  
    color:#2d2d2d;
    padding: 5px 0px;
    background-color: #eff8f7;
    cursor:pointer;
    font-weight: 500;
}

.catboxs {
    position:absolute;
    bottom:20px;
    width:100%;
    background-color: RGB(255, 255, 255, 0.9);
    text-align: center;
    padding: 5px 0px 10px 0px;
    font-size: 95%;
    font-weight: 500;
}

.fullbox {
    cursor: pointer;
}
.displaymediaLibraryBox {
    margin:10px auto;
    max-width:800px;
    width:90%;
}


.paddme {
    padding: 5px 5px 5px 8px;
}

.thelink {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}

.addtopmargin {
    margin-top:20px !important;
}