/*Event Custom Styles */

 @charset "utf-8";

 ul {
     list-style: none;
 }

 body,
 .ui-widget {
     font-family: "BentonSansRegular";
 }

 body {
     background: #FFF;
 }

 .clearfloat {
     clear: both;
     height: 0;
     line-height: 0
 }

 .main-content {
     width: 100%;
     margin: 0 auto;
     height: 100%;
     background: #fff;
 }

 .main-content .container {
     position: relative;
 }

/*AB css*/
body .nav-major {
    background-color: #000;
    padding: 0;
    box-shadow: none;
    transition: height 0.2s ease-in-out;
}

body .container .top-header {
    width: 100%;
    background: #fff;
    position: relative;
}

body .container .bottom-header{
    width: 100%;
    background-color: #000;
    position: relative;
}

body .container .header-section {
    padding: 15px 0px 15px;
    height: 65px;
    max-width: 1240px;
    margin: auto;
    position: relative;
    display: flex;
    text-align: center;
    align-items: center;
}


.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}
 /*single layout mode*/

 .content {
     width: 100%;
     height: 100%;
     margin: 30px auto;
     background: #fff;
     max-width: 960px;
 }

 .content #sub {
     width: 100%;
 }

 .content a:hover {
     text-decoration: none;
 }

 .sub-nav {
     width: 960px;
     padding: 0
 }

 .sub-nav #nav-tierciary {
     display: none;
 }

 .sub-nav #nav-tierciary li a:hover {
     color: #000;
 }

 .sub-nav #nav-tierciary li a.on,
 .sub-nav #nav-tierciary li a.on:hover {
     color: #ed8001;
 }

 .sub-nav #nav-tierciary li a.on:hover {
     text-decoration: underline;
 }

 .sub-nav #nav-tierciary li a.on span {}

 .sub-nav #nav-tierciary li a.on span:hover {}

 .sub-nav #nav-tierciary.double li {
     width: 145px;
 }

 .sub-nav #nav-tierciary li a.active {
     color: #ed8001;
 }

 .sub-nav #nav-tierciary li {
     padding-right: 20px;
     width: auto;
     float: left;
     margin-top: 10px;
     margin-left: 0px;
 }

 .sub-nav #nav-tierciary li a {
     font-weight: bold;
     font-size: 15px;
     margin-left: 0px;
 }

 /*end single layout mode*/
 /* --------- navigation --------- */

 .ui-tabs .ui-tabs-nav {
     background: #00a9f2;
     padding: 9px 0 0 10px;
     border-radius: 0;
     border: none;
 }

 #sub-nav {
     border: none;
     border-radius: 0;
     padding: 0;
 }

 #sub-nav {
     position: relative;
     display: block;
     width: 100%;
     background: #fff;
 }

 #sub-nav.nobkg {
     background: #fff;
 }

 #sub-nav.ui-tabs .ui-tabs-nav li a {
     margin: 0;
     color: #fff;
     padding: 5px 10px 0;
     height: 22px;
     font-size: 15px;
     margin-right: 5px;
     border-radius: 4px 4px 0 0;
     cursor: pointer;
     text-decoration: none;
 }

 #sub-nav.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
     padding-bottom: 0;
 }

 #sub-nav.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
     background: #fff;
     color: #000;
     border-radius: 4px 4px 0 0;
 }

 #sub-nav .shadetabs {
     height: 28px;
 }

 #sub-nav .shadetabs li a.active {
     background-color: #fff;
     background-position: left 0;
     color: #333;
 }

 #sub-nav .shadetabs li a.active span {
     background-color: #fff;
     background-position: right 0;
     color: #333;
 }

 #sub-nav .shadetabs li a .favorite-star {
     display: inline-block;
     margin-left: 2px;
     width: 12px;
     height: 11px;
     background: url(/assets/img/ab/favorite-star.png) no-repeat 1px -26px;
     *position: absolute;
     *right: 12px;
 }

 #sub-nav .shadetabs li.ui-tabs-selected a .favorite-star {
     background-position: 1px 1px;
 }

 #sub-nav .shadetabs li a.active .favorite-star {
     background-position: 0 1px;
 }

 #sub-nav .shadetabs li a.favorite span {
     padding-right: 15px;
 }

 #sub-nav .shadetabs li a.favorite span {
     *padding-right: 26px;
 }

 #sub-nav .shadetabs {
     height: 28px;
     margin-left: 0;
     margin-bottom: 0;
     font: normal 12px Verdana;
     list-style-type: none;
     text-align: left;
 }

 #sub-nav .shadetabs li {
     display: inline;
     margin: 0;
     background: none;
     border: none;
 }

 #sub-nav .shadetabs li a {
     height: 26px;
     float: left;
     text-align: center;
     color: #fff;
     font-weight: bold;
     font-size: 15px;
     text-decoration: none;
     margin-top: 10px;
     font-family: Arial, Helvetica, sans-serif;
     margin-right: 19px;
     background: #ed8001;
     border: none;
 }

 #sub-nav .shadetabs li a:hover {
     background: #b24a0f;
 }

 #sub-nav .shadetabs li a.selected {
     background: url(/assets/img/ab/btn-subtopnav-left.png) no-repeat left top;
     color: #000;
     text-decoration: none;
 }

 #sub-nav .shadetabs li a.selected span {
     height: 22px;
     padding-right: 18px;
     color: #000;
     padding-top: 6px;
     background: url(/assets/img/ab/btn-subtopnav-right.png) no-repeat right top;
 }

 .agenda-builder #sub-nav {
     top: -10px;
 }

 .agenda-builder .sub-nav {
     padding: 0;
 }

 #sub-nav #nav-tierciary {
     display: none
 }

 #sub .shadetabs {
     display: none
 }

 #overview .sub-nav #nav-tierciary {
     display: block
 }

 /*--------- login modal ---------*/

 .ui-dialog .ui-dialog-title {
     font-size: 18px;
 }

 .ui-dialog p {
     font-size: 14px;
 }

 .ui-dialog #user_form_fname_div label,
 .ui-dialog #user_form_lname_div label {
     font-size: 14px;
 }

 .ui-dialog #create_account_button:hover {
     text-decoration: underline;
 }

 /*--------- jqGrid ---------*/
 /* --------- multiselect --------- */

 .main-content .ui-multiselect-checkboxes li {
     float: left;
     width: 47%;
     *width: 45%;
     margin: 0 4px 0 5px;
     padding-right: 5px;
     padding-bottom: 7px;
     font-size: 12px;
 }

 .main-content .ui-multiselect-checkboxes label {
     font-weight: normal;
 }

 .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
     width: 100%;
     clear: both;
     border-bottom: 1px solid #d2d2d2;
     padding-top: 5px;
     padding-bottom: 3px;
     margin-bottom: 7px;
 }

 .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
     text-decoration: none;
     width: 100%;
     font-weight: normal;
     color: #454545;
 }

 .ui-multiselect-checkboxes li label.ui-state-hover {
     background: none;
     border: none;
     color: #454545;
     /* text-decoration:underline; */
 }

/*timezone dropdown*/
.timezone-select{
     margin-top: -20px;
}

 /* --------- breadcrumb --------- */
 /*SESSIONS*/

 .ui-widget-content .ui-jqgrid .ui-subgrid table {
     width: 100%
 }

 .ui-jqgrid .subgrid {
     width: 100%
 }

 .ui-jqgrid .ui-subgrid h3{
     font-size: 13px;
 }

 #sessions .sub-nav #nav-tierciary li {
     padding-right: 10px;
     margin-left: 10px;
 }

 #sessions .sub-nav #nav-tierciary li a {
     margin-left: 10px;
 }

 .filter-slider {
     background-position: 6px 5%;
 }

 .filter-slider.close {
     background-position: -27px 5%;
 }

 .filter-header a {
     padding: 15px 13px 13px 0px;
     background: none no-repeat 5px -20px;
     pointer-events: none;
 }

 .filter-header a:hover {
     text-decoration: none
 }

 .filter-header a:link,
 .filter-header a:visited {
     color: #454545
 }

 .filter-header .trigger.open {
     background: none no-repeat 5px 20px;
 }

 .grid-content {
     width: 100%;
     display: block;
     border-left: none;
     border-right: none
 }

 .session-grid {
     width: 721px;
 }

 .extra-download {
     height: 50px;
 }

 .breadcrumb .quicksearchSelection {
     width: 90%;
 }

 .filter-fields .blank {
     cursor: default;
     /*background: #fff;*/
     width: 190px;
     height: 20px;
     padding: 5px 10px 5px 20px;
     position: relative;
 }

 .filter-fields .blank:last-child {
     display: none;
 }

 #formkeywordExhSearch,
 #formkeywordSessionSearch {
     display: block;
     height: 100%;
     line-height: 50px;
 }

 .breadcrumb h3 {
     line-height: 1.1
 }

 .keyword {
     padding: 15px 0 5px;
 }

 .keyword-border {
     margin-bottom: 0px;
     width: 30px;
     height: 30px;
 }

 .keyword-search {
     top: -12px;
     height: 30px;
     background: url(/assets/img/ab/enter-keyword.gif) no-repeat 0 -25px;
     width: 150px;
 }

 .keyword-search.active {
     background-position: 0 -25px;
 }

 .keyword-submit {
     margin: 0;
     padding: 0;
     width: 30px;
     height: 30px;
 }

 .speakers .speaker-info{
     width: 150px;
 }
 .ui-jqgrid .subgrid .speakers{
     float: left;
     min-height: 160px;
     min-width: 250px;
 }
 /*SESSION AND SCHEDULE CHANGES*/

 .sessionchangeFitler a.login-favorite {
     text-decoration: none
 }

 /*SAMPLE AGENDA*/

 #sampleagenda .sampleagenda-share {
     /*float: left;*/
 }

 .overview-content .closedlanguage {
     clear: both;
 }

 /*SPEAKERS*/

 .speaker-filter {
     padding: 10px 10px;
 }

 .search-filter {
     width: 100%;
 }

 .search-filter .caption {
     font-size: 14px;
 }

 .pagination {
     width: 100%;
 }

 .speakers-panel {
     width: 99%;
     margin: 0 10px
 }

 /*EXHIBITORS*/

 #exhibitors .filter-fields {
     width: 100%
 }

 #exhibitor_info .company-title {
     text-align: left;
     width: 62%;
 }

 #exhibitor_info .company-title h1 {
     text-align: left;
     width: 100%;
 }

 #exhibitor_info .company-info {
     float: right;
     width: 60%
 }

 #exhibitor_info .company-description {
     width: 100%;
     padding-right: 15px;
 }

 #exhibitor_info .company-awds {
     margin-left: 275px;
     margin-bottom: 5px;
 }

 .ui-dialog .ui-state-default {
     color: #000
 }

 .ui-widget-content .ui-state-default {
     padding: 0px
 }

 .my-sessions {
     font-size: 14px;
     margin-bottom: 20px
 }

 .my-sessions .title {
     padding-bottom: 10px
 }

 .my-sessions .code {
     font-size: 12px;
     width: 10%;
     float: left
 }

 .my-sessions .info {
     font-size: 12px;
     width: 80%;
     float: left;
     padding-right: 5px
 }

 .my-sessions .info span {
     margin-right: 5px
 }

 .my-sessions .info .part-01 {}

 .my-sessions .info .part-02 {}

 .my-sessions .info .part-03 {}

 .my-sessions .info .part-04 {
     text-decoration: none;
     text-decoration-style: solid
 }

 .my-sessions .info .part-05 {}

 /*MYAGENDA*/

 .PABuserName {
     top: -40px;
     padding: 0px;
 }

 .PABuserName h3 {
     margin-bottom: 5px;
 }

 .intro {
     font-size: 14px;
     margin-left: 10px;
     margin-right: 10px;
     width: 80%;
     padding-top: 0px;
 }

 .intro p {
     font-size: 16px;
 }

 .intro p>strong {
     font-size: 18px;
 }

 .intro2 p {
     margin-bottom: 18px;
 }

 #myagenda ul.bulleted-list {
     list-style-type: disc;
 }

 ;

 .notes-long {
     padding-left: 0px;
 }

 .notes {
     padding-left: 10px;
 }

 .my-agenda .note-wizard {
     width: 230px;
 }

 /*OVERVIEW*/

 #overview {
     display: block
 }

 .overview-content .intro {
     width: 65%
 }

 .overview-content .intro p {
     font-size: 14px;
 }

 .overview-content .overview-section p,
 .overview-content .overview-section i {
     font-size: 14px;
 }

 .overview-content .bulleted-list {
     font-size: 12px;
 }

 .overview-content .personal-exp2 {
     padding: 0;
     margin: 0 20px 0 0;
     background: none;
     border: none;
 }

 /*SESSION CHANGES*/
 /*WIZARD*/

 #wizard_content table {
     font-size: 14px;
     width: 100%;
 }

 #wizard_content table>strong {
     font-size: 18px
 }

 #wizard_content td.button {
     padding-top: 5px;
 }

 #wizard_content .wizard_intro {
     margin-bottom: 15px;
     font-size: 14px;
 }

 #wizard_content .wizard_table {
     margin-left: auto;
     margin-right: auto;
 }

 #wizard_content .wizard_option {
     width: 80px;
     text-align: center;
 }

 #wizard_content td.wizard_text:first-child {
     padding-right: 10px;
 }

 #wizard_content td.wizard_text:last-child {
     padding-left: 10px;
 }

 /*BUTTON BACKGROUND */

 .oj-button,
 #email_submit_button,
 #email_close_button,
 .remove-favorites,
 .ui-jqgrid td input.oj-button {
     margin-left: 0px;
     margin-right: 5px;
 }

 .oj-button,
 .my-agenda .remove-favorites,
 #email_submit_button,
 #email_close_button,
 #agenda_logout_confirm .fm-button,
 .ui-dialog #user_form_submit_buttons_div a {
     border: medium none;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
 }

 .oj-button,
 #email_submit_button,
 #email_close_button,
 #agenda_logout_confirm .fm-button,
 .ui-dialog #user_form_submit_buttons_div a,
 .ui-dialog .ui-dialog-buttonpane button {
     font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
     background: none repeat scroll 0 0 #008FD3 !important;
     color: #ffffff !important;
     display: inline-block;
     padding: 10px 25px 10px;
     margin: 2px;
     font-size: 12px;
     font-weight: 600;
     border: none;
     text-align: center !important;
     text-decoration: none;
     text-transform: uppercase;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
     transition: all 200ms cubic-bezier(.42,0,.58,1);
 }

 .my-agenda .remove-favorites {
     background: none repeat scroll 0 0 #FF8D6D !important;
     color: #ffffff !important;
     display: inline-block;
     font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
     font-size: 1em;
     line-height: 1;
     text-align: center !important;
     text-transform: uppercase;
     text-decoration: none;
     transition: all 200ms cubic-bezier(.42,0,.58,1);
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
 }

 .oj-button span,
 .oj-button i {
     margin-right: 2px;
 }

 .link-button2 {
     display: inline-block;
     font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
     font-size: 15px;
     line-height: 22px;
     padding: 2px 9px;
     text-align: center !important;
     vertical-align: middle;
     content: "";
 }

 .link-button {
     color: #425563 !important;
     display: inline-block;
     font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
     font-size: 15px;
     line-height: 22px;
     padding: 2px 9px;
     text-align: center !important;
     vertical-align: middle;
     content: "";
 }

 .link-button2 span,
 .link-button2 i {
     margin-right: 25px;
 }

 a.link-button2 span:hover,
 a.link-button2:hover {
     text-decoration: underline;
 }

 .link-button span,
 .link-button i {
     margin-right: 6px;
 }

 a.link-button span {
     text-decoration: none;
 }

 a.link-button span:hover,
 a.link-button:hover {
     text-decoration: none;
 }

 .link-button:hover {
     color: #008768 !important;
 }

 .oj-button.small {
     padding: 0px;
     font-weight: normal;
     line-height: normal;
 }

 /*.ui-widget-content .oj-button.small {padding: 0px;}*/

 .oj-button.larger {
     padding: 4px 20px 4px;
     line-height: 26px;
 }

 .oj-button.link-button {
     background: none !important;
     background-color: #fff;
 }

 .oj-button.link-button:hover,
 .oj-button.link-button:focus {
     background: none !important;
 }

 .ui-widget-content a.oj-button {
     color: #000;
 }

 .ui-widget-content a.oj-button span {
     text-decoration: none;
 }
 /*share modal UI*/
 .at4-visually-hidden{
     display: none;
 }
 .at-resp-share-element .at-share-btn {
    display: inline-block;
    margin: 0 2px 5px;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    cursor: pointer;
    transition: .2s ease-in-out;
    border: 0;
    font-family: NotoSans,'Helvetica Neue',Helvetica,Arial,sans-serif;
    background-color: transparent;
}
.at-resp-share-element {
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}
.at-resp-share-element .at-share-btn .at-label {
    font-family: NotoSans,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 9pt;
    padding: 0 15px 0 0;
    margin: 0 0 0 5px;
    height: 2pc;
    line-height: 2pc;
    background: 0 0;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
    float: left;
}


 .my-agenda .remove-favorites:hover,
 .my-agenda .remove-favorites:focus {
     background: none repeat scroll 0 0 #E57E61 !important;
 }

 .oj-button:hover,
 #email_submit_button:hover,
 #email_close_button:hover,
 #agenda_logout_confirm .fm-button:hover,
 .ui-dialog #user_form_submit_buttons_div a:hover {
     background: none repeat scroll 0 0 #00A9F2 !important;
 }

 .btn-gray {
     background: none repeat scroll 0 0 #425563 !important;
 }

 .btn-gray:hover,
 .btn-gray:focus {
     background: none repeat scroll 0 0 #3b4c59 !important;
     color: #3b4c59;
 }

 .orange {
     background: none repeat scroll 0 0 #FF8D6D !important;
 }

 .orange:hover,
 .orange:focus {
     background: none repeat scroll 0 0 #E57E61 !important;
     color: #E57E61;
 }

 .ui-dialog .ui-dialog-buttonpane button.ui-state-hover {
     background: none repeat scroll 0 0 #00A9F2 !important;
     font-weight: bold;
 }

 .ui-dialog #user_form_submit_buttons_div a {
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
     transition: all 200ms cubic-bezier(.42,0,.58,1);
     border: none;
 }

 #agenda_logout_confirm .fm-button {
     padding: 5px 19px 5px 13px;
 }

 .ui-widget-overlay {
     height: 100%;
     min-height: 100%;
     position: fixed
 }

 .ui-dialog .ui-dialog-titlebar {
     margin-left: 0px;
     width: 100%;
 }

 .ui-dialog .ui-dialog-titlebar-close {
     right: -29px;
 }

 .ui-dialog .ui-dialog-titlebar-close:hover {
     right: -31px;
     width: 25px;
 }

 .ui-dialog #user_form_fname_div input,
 .ui-dialog #user_form_lname_div input,
 #user_form_dialog input {
     width: 100%;
 }

 .textbox {
     width: 150px;
     height: 30px;
     background: none;
 }

 .filter-link {
     width: 100%;
 }

 .atm-s a span {
     padding: 0;
 }

 .atm-s a#atic_more {
     display: none
 }

 table {
     border-collapse: inherit;
 }

 .ui-jqgrid .ui-subgrid table {
     width: 100%;
 }

 .session-grid .ui-widget-content,
 .ui-widget-content {
     border: 0px solid #dddddd;
 }

 .header-right {
     float: right;
 }

 .speakers-panel .speaker {
     height: 100%;
 }

 .speaker .speaker-info {
     min-height: 78px;
     max-width: 200px;
     width: 75%;
 }

 .my-agenda .events .item .expand {
     width: 35px;
 }

 .ui-button-text-only .ui-button-text {
     padding: 0;
 }

 .ui-jqgrid .ui-icon-plus,
 .ui-jqgrid .ui-icon-minus {
     padding: 1px;
     margin: 2px 4px;
     top: 0;
 }

 .ui-jqgrid tr.jqgrow td {
     line-height: 16px;
     padding: 10px 5px 10px 0;
 }
 .session-grid .ui-widget-content.jqgrow.ui-row-ltr td{
     font-size: 11.5px;
 }

 .ui-jqgrid .ui-icon-plus {
     background-image: url(/assets/img/ab/acoordian-arrow.png);
     background-size: 100%;
     background-position: 0 0;
     background-repeat: no-repeat;
     height: 16px;
     width: 16px;
 }


 .ui-jqgrid a:hover .ui-icon-plus {
     background-image: url(/assets/img/ab/acoordian-arrow.png);
     background-size: 100%;
     background-position: 0 -129.33333px;
     background-repeat: no-repeat;
     height: 16px;
     width: 16px;
 }

 .ui-jqgrid .ui-icon-minus {
     background-image: url(/assets/img/ab/acoordian-arrow.png);
     background-size: 100%;
     background-position: 0 0;
     background-repeat: no-repeat;
     height: 16px;
     width: 16px;
 }

 .ui-jqgrid a:hover .ui-icon-minus {
     background-image: url(/assets/img/ab/acoordian-arrow.png);
     background-size: 100%;
     background-position: 0 -129.33333px;
     background-repeat: no-repeat;
     height: 16px;
     width: 16px;
 }

 .my-agenda .events .item .expand .expand-button {
     background-image: url(/assets/img/ab/acoordian-arrow.png);
     background-size: 100%;
     background-position: 0 0;
     background-repeat: no-repeat;
     height: 16px;
     width: 16px;
 }

 .my-agenda .events .item .expand a.expand-button:hover {
     background-image: url(/assets/img/ab/acoordian-arrow.png);
     background-size: 100%;
     background-position: 0 -129.33333px;
     background-repeat: no-repeat;
     height: 16px;
     width: 16px;
 }

 .my-agenda .events .item .expand .expand-button.active {
     background-image: url(/assets/img/ab/acoordian-arrow.png);
     background-size: 100%;
     background-position: 0 0;
     background-repeat: no-repeat;
     height: 16px;
     width: 16px;
 }

 
 .my-agenda .addition .speakers {
     float: left;
     min-height: 150px;
 }

 /*Standard Button Styles*/

 .btn,
 #edit-submit-search {
     padding: 0.813rem 1.112rem;
     font-size: 1em;
     line-height: 1;
     display: inline-block;
     border-radius: 1px;
     transition: all 200ms cubic-bezier(.42, 0, .58, 1);
     border: none;
 }

 .btn.large {
     font-size: 1.25em
 }

 .btn:active,
 .btn:hover,
 .btn:focus {
     outline: none;
     box-shadow: none;
     text-decoration: none;
 }

 /*Standard Button colors default is blue*/

 .btn,
 #edit-submit-search {
     background-color: #008FD3;
     color: #fff;
 }

 .btn:hover,
 #edit-submit-search:hover {
     background-color: #00A9F2;
     color: #fff;
 }

 .btn.light-green,
 .btn#submit {
     background-color: #89BF42;
     color: #fff;
 }

 .btn.light-green:hover,
 .btn#submit:hover {
     background-color: #AAE252;
     color: #fff;
 }

 .btn.black {
     background-color: #121212;
     color: #fff;
 }

 .btn.black:hover {
     background-color: #333;
     color: #fff;
 }

 .btn.white {
     color: #333;
     background-color: #fff;
 }

 .btn.white:hover {
     background-color: #D1D1D1;
 }


 /*Ghost Button Styles*/

 .btn-ghost {
     border: 1px solid;
     padding: 0.75rem 1.049rem;
     font-size: 1em;
     line-height: 1;
     display: inline-block;
     border-radius: 1px;
     transition: all 200ms cubic-bezier(.42, 0, .58, 1);
 }

 .btn-ghost.large {
     font-size: 1.25em;
 }

 .btn-ghost:active,
 .btn-ghost:hover,
 .btn-ghost:focus {
     outline: none;
     box-shadow: none;
     text-decoration: none;
 }

 /*Ghost Button Colors Default is blue*/
 .btn-ghost {
     color: #008FD3;
     border-color: #008FD3;
 }

 .btn-ghost:hover {
     background-color: #008FD3;
     color: #fff;
 }

 .btn-ghost.white {
     color: #fff;
     border-color: #fff;
 }

 .btn-ghost.white:hover {
     background-color: #fff;
     color: #004a7d;
     ;
 }

 .btn-ghost.black {
     color: #333;
     border-color: #333;
 }

 .btn-ghost.black:hover {
     background-color: #333;
     color: #fff;
 }

 /*Rounded Buttons*/

 .btn.pill {
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
 }

.ui-widget-content .ui-jqgrid .subgrid-header {
     width: 15%;
}

 .ui-widget-content .ui-jqgrid .subgrid-content {
     width: 85%;
 }

 .ui-widget-content .ui-jqgrid .info {
     width: 65%;
 }

 /*banner*/
 .hero .inner-hero{
    background-image: url('../images/fusion2024_drupalevent_hero_medium_4.jpeg?v=20230127');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    height: 300px;
 }

 .gradient-primary.bg-image .display-5 {
    font-size: 40px;
    font-weight: 800;

}

 .bg-image .custom-breakpoint-container {
    max-width: 1140px;
}

 .bg-image .display-5 {
    color: #1C0C6E;
 }

 .bg-image .my-5 {
    margin-top: 6rem!important;
    margin-bottom: 3rem!important;
 }