.navTopper {width:100% !important; padding:0px; margin:0px;}
.organizationNavName {text-align:center; padding:10px 0px; margin:0px; text-transform: uppercase;}
.bannerImageContainer {max-height:400px; width:100% !important; overflow: hidden; padding: 0px;}
.bannerImage{width:100% !important;}
.wrapper {background-color: #f5f5f5;}
.pageContent, .footerContainer {background-color: #FFF; padding:20px;}
.landingDescription {margin-bottom:20px;}
@media all and (min-width:500px) {
    .pageContent {
        transform: translateY(-75px);
    }
    .webinarResourcePanel, .webinarFlushPanel, .webinarPaddedPanel {width:70%;}
    .adminMenuButton {width:70%;}
}
@media all and (max-width:500px) {
    .organizationNavName {padding:0px 0px;}

}
@media all and (max-width:800px) {
    h1.pageHeading {font-size:1.5rem !important; text-decoration:none;}
    .landingDescription {font-size:1.25rem !important; text-decoration:none;}
    .indexSubHeading {font-size:1.5rem !important; text-align:center; margin:0px;}
}
.navbar{min-height: 80px; background-color:#FFF !important;}
.adminSubmitButton {width: 100%; text-align:center; margin:20px 0;}
.alert {text-align:center; font-weight:800;}
.theme p {font-size:18px; line-height:1.5; font-weight:100; color:#000; }
.alert, .error {color:red; }
.adminMenuButton {margin-bottom:20px;}
.adminMain {width:100%;}
.paddedSubmitButton {margin-top:20px;}
.indexMenuButton {width:100%; margin:20px 0px;}
.webinarResourcePanel {background-color: #f5f5f5; margin:0 auto; padding:10px 20px; text-align:left;}
.webinarFlushPanel {margin:0 auto; padding:5px 0px; text-align:left;}
.webinarPaddedPanel {margin:0 auto; padding:10px 10px; text-align:center;}
.webinarPaddedPanel p {text-align:left;}
.webinarDescriptionText {font-size:15px; font-weight:600;}
#resource_1_file, .uploadButton, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, button.dt-button, div.dt-button, a.dt-button {line-height: 1em !important;}
.webinarForm .webinarFieldHolder {text-align:left !important; margin-top:1.25em;}
.webinarForm .webinarFieldHolder div {color:#000 !important;}
.webinarForm .webinarLabel {margin-left:2.5%; text-align:left;}

.indexMenuButton, .adminMenuButton {text-decoration:none; text-align:center;}
.registerButton { text-align:center; width:100%}
h1.pageHeading{padding-bottom:20px; text-align:center}
.pageHeading{padding-bottom:20px;}
.pageSubheading{padding-left:10%; padding-right:10%;}
.datepicker, .datetimepicker .bootstrap-datetimepicker-widget{color:#000 !important;}
.webinarTable td {vertical-align: top;}
.webinarTableText {text-align:left; padding:15px;}
.webinarTableImage {text-align:left; padding:15px;}
.minifiedButton {width:100px !important;}
.paddedSubmitButton {margin-top:20px;}
.centerButton {text-align:center;}
h1, h2, h3, p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, p {font-family: sans-serif;}

.footerContainer .copyright{font-size:12px !important; color: #595959 !important;}

.tooltip {
    position: relative;
    display: inline-block;
    opacity:1.0;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext {
    top: -5px;
    left: 105%;
}

.webinarForm #email {border-radius: 4px;}
.webinarForm .webinarFieldHolder .form-check-label {color:#FFF; font-size:14px; vertical-align: 55%;}
.webinarFieldHolder .forgotPassword {font-weight:700;}
.checkboxText {display: inline;}
.form-check-inline .form-check-input {vertical-align: bottom; padding-top:20px;}
.registrationDisclaimer{padding-top:15px;}
.minifiedButton {width:100px !important;}
.deleteWebinarIdentifierBox, .deleteResourceIdentifierBox {min-width:300px;}
.analyticsDataTable {font-size:14px; max-width:100%}
.centeredCell {text-align:center;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, button.dt-button, div.dt-button, a.dt-button {line-height: 1em !important;}
.titleCell {min-width:60%;}
.details {margin: 0 20%;}
