/* Base style for responsive page layout */

body,html {
    font-family:      "Open Sans",sans-serif;
    font-size:        16px;
    color:            #4F5255;
    background-color: #F5F5F5;
    margin:           0px;
    padding:          0px;
    box-sizing:       border-box;
}

.success {
    width:            96%;
    border:           2px solid #2D862D;
    border-radius:    5px;
    color:            #206020;
    background-color: rgba(45,134,45,0.1);
    margin:           16px 0px;
    padding:          8px 16px;
}

.failure {
    width:            96%;
    border:           2px solid #D45024;
    border-radius:    5px;
    color:            #D45024;
    background-color: rgba(255,209,194,0.2);
    margin:           16px 0px;
    padding:          24px 16px;
}

.warning {
    width:            96%;
    border:           2px solid #955D09;
    border-radius:    5px;
    color:            #955D09;
    background-color: rgba(255,230,194,0.2);
    margin:           16px 0px;
    padding:          24px 16px;
}

.msg_text {
    font-size:    14px;
    font-weight:  600;
    padding-left: 0px;
}

.space_above {
    margin-top: 4px;
}

.error {
    line-height:      8px;
    font-size:        13px;
    font-weight:      600;
    color:            #D45024;
    background-color: #FFFFFF;
    margin-top:       0px;
    padding:          3px 3px 8px 3px;
}

.error_input {
    border: 3px solid #D45024 !important;
}

.error_cookie {
    line-height:      8px;
    font-size:        16px;
    font-weight:      600;
    color:            #D45024;
    background-color: #FFFFFF;
    margin-top:       -8px;
    margin-bottom:    12px;
    padding:          16px 8px 16px 8px;
    border:           2px solid #D45024 !important;
}


.outer_container {
    width:  100%;
}

#main .outer_container {
    min-height:       100%;
    background-color: #F5F5F5;
}


.inner_container {
    width:         1136px;
    height:        100%;
    margin-left:   auto;
    margin-right:  auto;
}

h1 {
    
    padding-top:    0px;
    padding-bottom: 16px;
}

.feedback-form {
    background-color: #FFFFFF;
    box-shadow:       0 1px 4px 0 rgba(32,48,63,0.2);
    padding-top:      8px;
    padding-right:    32px;
    padding-bottom:   16px;
    padding-left:     32px;
    height:           100%;
}

.feedback-form h2{
    color:         #393D40;
    font-size:     16px;
    font-weight:   600;
    padding-right: 32px;
}

.feedback-form h3{
    color:       #000000;
    font-size:   20px;
    font-weight: 600;
}

.feedback-form input.regButton {
    font-size:     16px;
    font-weight:   600;
    padding:       8px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
/*    text-transform: uppercase;  */
    letter-spacing: 1px;
}

.feedback_question {
    color: #393D40;
}

.feedback-form textarea {
    background-color: #F7F7F7;
    border:           1px solid #CCCCCC;
    border-radius:    4px;
}

.feedback-form select {
    font-family: "Open Sans";
    font-size:   16px;
    color:       #393D40;
}

h2.seminar_title {
    color:     #4F5255;
    font-size: 18px;
}

h3 {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
}

.global_header {
/*    height:        80px;    */
}

header {
    height:           96px;
    position:         fixed;
    top:              0;
    z-index:          900;
    width:            100%;
    background-color: #FFFFFF;
/* */
    padding-top:      0px;
    padding-bottom:   0px;
}

header .outer_container {
    height: 96px;
}

header .customer_logo {
    float:       left;
    text-align:  left;
    width:       calc(50% - 8px);
    padding-top: 10px;
}

header .cahoot_logo {
    float:       right;
    text-align:  right;
    width:       calc(50% - 8px);
    padding-top: 18px;
}

header .header_cart {
    display:          none;
    background-color: #FFFFFF;
}

header .header_cart a {
    text-decoration: none;
}

.top_controls { /* container for nav bar, filter bar, breadcrumbs */
    position: relative;
/*    z-index:          900;
    position: fixed;
    top:      103;
*/
}    

table {
    layout: fixed;
}

table.spaced_rows {
    border-collapse: separate;
    border-spacing:  0 6px;
}


/* == table style - for debugging - copied from control panel == */
table.data {
    border: 1px solid #CCCFD3;
    background-color: #FFFFFF;
}

table.data tr.row0 {
    background-color: #F9F9F9;
}

table.data tr.row1 {
    background-color: #EEEEEE;
}

table.data tr.rowAlert {
    background-color: #FFE6C2;
}

table.data tr.hilite {
    background-color: #D7E4F2;
}

table.data th {
    margin: 0;
    padding: 6px 10px 4px 5px;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-align: left;
    background-color: #4B78C6;
    font-family: "Open Sans",Verdana, Arial,sans-serif;
    border-bottom: 1px solid #115098;
}

table.data td {
    color: #536482;
    font-size: 11px;
    padding: 3px 4px;
}



#banner {
    position:            relative;
    background-size:     cover;
    background-position: center;
    width:               100%;
    height:              320px;
}

#banner #inner_banner {
    position:     relative;
    width:        1136px;
    height:       100%;
    margin-left:  auto;
    margin-right: auto;
}

#banner #inner_banner #banner_text {
    position:       absolute;
    bottom:         60px;
    left:           0px;
    color:          #FFFFFF;
    font-family:    "Open Sans",sans-serif;
    line-height:    72px;
    font-size:      48px;
    font-weight:    bold;
    letter-spacing: 0.5px;
    text-shadow:    0px 2px 4px rgb(0,0,0,0.5);
}

/*
div#nav_menu {
    padding-top:      20px;
    padding-bottom:   42px;
    background-color: #FFFFFF;
    border-bottom:    1px solid #EEEEF1;
}
*/

nav {
    width:            100%;
    height:           64px;
    padding-right:    4px;
    padding-top:      0px;
    padding-bottom:   0px;
    background-color: #FFFFFF;
    border-bottom:    1px solid #EEEEF1;
}

nav#navigation_bar .inner_container {
    background-color: #FFFFFF;
}

.nav_sticky {
    z-index:        999;
    position:       fixed;
    top:            96px;
    width:          100%;
}

.filter_bar {
    height:           60px;
    background-color: #E9EAEC;
    border-bottom:    1px solid #EEEEF1;
}

.filter_bar .inner_container {
    background-color: #E9EAEC;
}

.filter_sticky {
    z-index:        999;
    position:       fixed;
    top:            160px;
    width:          100%;
}

.search_title {
    float:         left;
    font-size:     16px;
    font-weight:   700;
    line-height:   24px;
    padding-top:   18px;
    padding-right: 64px;
}
.search_checkbox {
    float:         left;
    font-size:     16px;
    font-weight:   400;
    padding-top:   18px;
    padding-right: 64px;
}
.search_checkbox label {
    position: relative;
    top:      -4px;
    left:     4px;
}
.search_field {
    float:       right;
    padding-top: 14px;
}
.search_field input{
    height:              30px;
    width:               290px;
    font-family:         "Open Sans";
    font-size:           16px;
    padding-left:        16px;
    background-image:    url('https://www.cahootlearning.com/webinars/assets/images/search_icon.png'); /* Add a search icon to input */
    background-size:     16px 16px;
    background-position: 272px 9px; /* Position the search icon */
    background-repeat:   no-repeat; /* Do not repeat the icon image */
    border:              none;
    border-radius:       30px;
}

/* hide cross in input field - IE11 */
::-ms-clear {
    display: none;
}


.nav_menu {
    padding-top: 23px;
    height:      41px;
    width:       65%;
    float:       left;
    background-color: #FFFFFF;
}

.extra_menu {
    padding-top: 23px;
    height:      41px;
    width:       35%;
    float:       right;
    text-align:  right;
    background-color: #FFFFFF;
}

.extra_menu .nav_cart {
    width:      50%;
    margin-top: -31px;
}

ul.main_menu {
    height: 100%;
    list-style-type: none;
    margin:          0px 0px 0px 0px;
    padding:         0px 0px 0px 0px;
}

ul.main_menu li.active a {
    padding: 0px 10px 11px 10px;
    margin:  0px 0px 0px 0px;
}

#breadcrumbs {
    height: 50px;
}

#breadcrumbs p {
    margin:         0px;
    padding-left:   0px;
    padding-top:    16px;
    padding-bottom: 8px;
}

#breadcrumbs .breadcrumb
{
    font-size:   14px;
    white-space: nowrap;
}

span.grs_breadcrumb
{
    color:           #4F5255;
    font-family:     "Open Sans",sans-serif;
    text-decoration: none;
}

span.grs_breadcrumb a
{
    color:           #4F5255;
    font-family:     "Open Sans",sans-serif;
    font-weight:     600;
    text-decoration: none;
}

span.grs_breadcrumb_arrow img {
    font-family:    "Open Sans",sans-serif;
    height:         10px;
    vertical-align: baseline;
    position:       relative;
    top:            4px;
    padding:        3px 3px 3px 6px;
    margin-top:     4px;
}

span.grs_breadcrumb_arrow img, ::before, ::after {
    box-sizing: unset;
}

ul.breadcrumbs_nav {
    list-style-type: none;
    margin-left:     -32px;
}

.nav_menu ul.main_menu li {
    display:      inline;
    margin:       0px 60px 0px 10px;
}

.extra_menu ul.main_menu li {
    display: inline;
    margin:  0px 10px 0px 60px;
}

ul.main_menu li {
    font-size:      14px;
    font-weight:    700;
    letter-spacing: 1px;
    margin-left:    10px;
}

ul.main_menu li a {
    color:           #4F5255;
    text-decoration: none;
    letter-spacing:  1px;
    margin:          0px 0px 0px 0px -10px;
}

ul.main_menu li a:hover {
    color: #798386;
}

ul.main_menu.join_training {
    height:        32px;
    padding:       0px  16px 0px 0px;
    margin:        0px 74px 0px 0px;
    border-style:  solid;
    border-width:  0px 1px 0px 0px;
    border-color:  #D6D6D6;
}

.main_content {
    padding-top:   4px;
    padding-left:  0px;
}


#wrapper {
    position:         relative;
    background-color: #F5F5F5;
    min-height:       calc(100vh - 92px);
/*    min-height: 100vh;   100% of viewport height */
}   

#main {
    padding-bottom: 80px;   /* footer height */
}


#main .inner_container {
    background-color: #F5F5F5;
}

.action_link {
    color:           #4F5255;
    font-size:       16px;
    font-weight:     bold;
    text-decoration: none;
    padding:         8px 16px;
    border:          2px solid;
    border-radius:   4px;
}

.action_link:hover {
    text-decoration: none;
}

#presenter_list {
    margin-top:     -12px;
    padding-bottom: 0px;
}


#presenter_summary {
    min-height:    300px;
    float:         left;
    position:      relative;
    width:         100%;
    padding-left:  0px;
    padding-right: 0px;
    border:        1px solid #D6D6D6;
    margin-top:    0px;
    margin-bottom: 32px;
}

#presenter_details {
    position:       absolute;
    bottom:         0;
    box-sizing:     border-box;
    float:          left;
    width:          30%;
    height:         100%;
    padding-left:   32px;
    padding-bottom: 16px;
}

#presenter_photo {
    padding-top: 32px;
    width:       100%;
    height:      100px;
}
#presenter_text {
    width:         350px;
    height:        100px;
    margin-top:    -108px;
    padding-right: 10px;
    overflow:      overlay;
}

#presenter_profile {
    box-sizing:    border-box;
    float:         right;
    width:         70%;
    padding-top:   16px;
    padding-left:  32px;
    padding-right: 32px;
    font-size:     15px;
    line-height:   24px;
}

/* fix presenter anchor location */
.anchor a {
    position:   absolute;
    left:       0px;
    top:        -186px;
}
.anchor {
    position: relative;
}

.session_table {
    padding-top: 6px;
}

#session_datetime {
    padding-top: 12px;
    margin-left: 48PX;
    font-size:   16px;
    line-height: 24px;
}

.event_type_header {
    padding-bottom: 3px;
    margin-bottom:  24px;
}

.seminar_long_description p {
    margin-top: 0px;
}

.seminar_presenter_heading {
    font-size:   16px;
    font-weight: 700;
    line-height: 24px;
}

.seminar_presenter_link {
    font-size:       16px;
    font-weight:     700;
    line-height:     24px;
    text-decoration: none;
}

.seminar_presenter_link:hover {
    text-decoration: underline;
}

.real_seminar_links {
    padding:       1px 24px 1px 24px;
    border-radius: 8px;
}

.seminar_link {
    color:       #4F5255;
    font-size:   16px;
    font-weight: 700;
}

.seminar_summary {
    float:         left;
    width:         100%;
    max-width:     1136px;
    min-height:    286px;
    background-color: #FFFFFF;
    padding-left:  0px;
    padding-right: 0px;
    margin-bottom: 32px;
    box-sizing:    border-box;
    position:      relative;
}
 
#seminar_summary_image {
    float:      left;
    box-sizing: border-box;
}

#seminar_summary_info {
    float:     left;
    max-width: 70%;
    box-sizing: border-box;
}

#seminar_summary_info_text {
    padding: 0px 32px 32px 32px;
}

#seminar_summary_price {
    float:         right;
    width:         216px;
    box-sizing:    border-box;
    height:        100%;
    min-height:    280px;
    position:      absolute;
    top:           0;
    right:         0;
    padding-right: 32px;
}

#seminar_summary_info h2 {
}

#seminar_summary_info h2 a {
    text-decoration: none;
}

#seminar_title {
    padding-top: 0px;
}

#seminar_title h1 {
    margin-top:  0px;
}

#seminar_title h2 {
    color: #13406D;
}


#seminar_details {
    background-color: #FFFFFF;
    box-shadow:       0 1px 4px 0 rgba(32,48,63,0.2);
    margin-top:       16px;
    padding:          32px 32px 32px 32px;
    min-height:       504px;
    height:           100%;
    margin-bottom:    56px;
}

#seminar_details_info {
    float:       left;
    width:       calc( 100% - 456px );
    padding-top: 0px;
    position:    relative;
}

#seminar_details_info ul {
    margin-top: -4px;
}

#seminar_details_info ul li {
    padding-left:   4px;
    padding-bottom: 8px;
}

#seminar_details_info ul li ul {
     margin-top: 8px;
}

#seminar_details_price {
    float:            left;
    padding:          24px 24px 24px 24px;
    margin-left:      40px;
    margin-right:     0px;
    margin-bottom:    20px;
    text-align:       left;
    width:            368px;
/*    height:           480px;    */
    color:            #4F5255;
}


.title_link a {
    text-decoration: none;
}

#seminar_details h2 .title {
    margin-top: 8px;
}

.sem_price_gst {
    padding-top: 48px;
    font-size:   12px;
    text-align:  right;
}

.sem_price_heading {
    color:       #4F5255;
    font-size:   12px;
    line-height: 17px;
    font-weight: 400;
    text-align:  right;
}

.sem_price_label {
    padding-top: 12px;
    color:       #4F5255;
    font-size:   16px;
    font-weight: 400;
    line-height: 22px;
    text-align:  right;
}

.sem_price_value {
    padding-top: 4px;
    color:       #000000;
    font-weight: 600;
    line-height: 22px;
    text-align:  right;
}

.sem_btn_box {
    width:  32px;
    height: 32px;
}


#add_seminars_heading {
    float:       left;
    font-weight: 700;
}

#additional_seminars {
    display:         flex;
    justify-content: start;
    flex-direction:  column;
    position:        relative;
}

#carousel {
    overflow:        auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    box-sizing:      border-box;
}

#carousel::-webkit-scrollbar {
    height: 0;
}

#prev,
#next {
    display:         flex;
    justify-content: center;
    align-content:   center;
    background:      white;
    border:          none;
    padding:         6px 8px 6px 10px;
    border-radius:   50%;
    outline:         0;
    cursor:          pointer;
    position:        absolute;
}

#prev {
    top:       50%;
    left:      0;
    border:    1px solid #CCC;
    transform: translate(50%, -50%);
    padding:   6px 7px 6px 5px;
    display:   none;
}

#next {
    top:       50%;
    right:     0;
    border:    1px solid #CCC;
    transform: translate(-50%, -50%);
}

#carousel_container {
    justify-content: start;
    display:         grid;
    grid-gap:        8px;
    grid-auto-flow:  column;
    margin:          auto;
    box-sizing:      border-box;
}

.carousel_item {
    justify-self:     start;
    background-color: #FFFFFF;
    width:            300px;
    height:           328px;
    margin-left:      1px;
    margin-right:     16px;
    margin-bottom:    1px;
}

.carousel_image {
    justify-self: start;
    width:  300px;
    height: 168px;
}


/* Customize the seminar radio-button box (the container) */
.radio_box {
    display:             block;
    position:            relative;
    left:                0px;
    padding-left:        35px;
    margin-bottom:       12px;
    cursor:              pointer;
    font-size:           22px;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

/* Hide the browser's default radio button */
.radio_box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position:         absolute;
  top:              0;
  left:             2px;
  height:           20px;
  width:            20px;
  background-color: #FFFFFF;
  border-radius:    50%;
  border:           1px solid;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content:  "";
  position: absolute;
  display:  none;
}

/* Show the indicator (dot/circle) when checked */
.radio_box input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_box .checkmark:after {
  top:           4px;
  left:          4px;
  width:         12px;
  height:        12px;
  border-radius: 50%;
}


/*
input.seminar_btn[type='button'] {
    border:              none;
    outline:             none;
    box-shadow:          0 2px 4px 0 rgba(32,48,63,0.2);
    color:               #FFFFFF;
    font-family:         "Open Sans",sans-serif;
    font-size:           14px;
    font-weight:         600;
    background-position: 108px 6px;
    background-repeat:   no-repeat;
    cursor:              pointer;
}
*/

.seminar_btn {
    border:        none;
    outline:       none;
    position:      absolute;
    right:         -16px;
    bottom:        8px;
    width:         106px;
    height:        28px;
    margin-bottom: 20px;
    padding:       4px 12px 0px 12px;
    text-align:    left;
    box-shadow:    0 2px 4px 0 rgba(32,48,63,0.2);
}

.seminar_btn span
{
    color:          #FFFFFF;
    font-family:   "Open Sans";
    font-size:      12px;
    font-weight:    600;
    display:        inline-block;
    width:          86px;
    vertical-align: middle;
}

.seminar_btn img
{
    width:    16px;
    height:   16px;
    position: absolute;
    top:      0;
    right:    0;
    padding:  7px 8px 9px 9px;
}

/*
.read_more {
    text-align:    right;
    margin-left:   96px;
    margin-right:  -32px;
    padding-right: 28px;
}
*/

#button_box {
    display: block;
}

.primary_button {
    float:      right;
    margin-top: 0px;
}

.secondary_button {
    float:      left;
    margin-top: 0px;
}

#shim_horizontal_32 {
    display: block;
    float:   left;
    width:   100%;
    height:  32px;
}

#shim_horizontal_48 {
    display: block;
    float:   left;
    width:   100%;
    height:  48px;
}

#shim_vertical {
    display: block;
    float:   left;
    width:   32px;
    height:  32px;
}

#seminar_liveonline {
    box-sizing: border-box;
    margin-top: -8px;
}

#seminar_recording {
    box-sizing: border-box;
    margin-top: -8px;
}

.register_button {
    font-size:        17px;
    font-weight:      bold;
    color:            white;
//    background-color: rgba( 0, 162, 174, 1 );
    padding-top:      8px;
    padding-bottom:   6px;
}

div.nav_cart {
    float:        right;
    margin-right: 0px;
}

.nav_cart a {
    padding-left:    4px;
    padding-right:   2px;
    margin-right:    0px;
    padding-bottom:  0px;
    text-decoration: none;
}

.nav_cart a img {
    position:        relative;
    bottom:          4px;
    margin-right:    0px;
    margin-left:     6px;
    margin-bottom:   0px;
}

.cart_total {
    font-size:        10px;
    font-weight:      700;
    color:            #FFFFFF;
    background-color: #FF6633;
    position:         relative;
    bottom:           25px;
    right:            10px;
    padding-left:     4px;
    padding-right:    4px;
    border-radius:    50%;
    -moz-border-radius:    50%;
    -webkit-border-radius: 50%;
}

.cart_empty {
    position:         relative;
    padding-left:     6px;
    padding-right:    6px;
}

#empty_cart {
    width:       50%;
    margin-left: 25%;
}

#member {
    overflow:         hidden;
    width:            100%;
 /*   background-color: #E9EAEC;   */
    margin-top:       0px;
    margin-bottom:    16px;
    margin-left:      0px;
    margin-right:     0px;
    padding-top:      16px;
    padding-bottom:   16px;
}

#member_question {
    float:        left;
    margin-left:  16px;
    padding-left: 16px;
}

#member_options {
    float:        left;
    padding-top:  16px;
    padding-left: 32px;
}

#member_nr_label {
    float:        left;
    margin-left:  16px;
    padding-left: 16px;
    padding-top:  0px;
}

#member_nr_field {
    float:        left;
    padding-top:  8px;
    padding-left: 64px;
    padding-bottom: 16px;
}

#member_form table {
    padding: 16px 0px 16px 24px;
}

#member_form table tbody tr th {
    padding:   8px 32px 8px 8px;
    font-size: 16px;
}

#member_form table tbody tr td {
    padding:   8px 32px 8px 8px;
    font-size: 16px;
}

input#member_number {
    font-size:    16px;
    height:       32px;
    width:        136px;
    padding-left: 8px;
}

.reg_form_subtext {
    font-size:   14px;
}

#add_to_cart table tr th {
    padding:   0px 0px;
    font-size: 14px;
}

#add_to_cart table tr td {
    padding:   0px 0px;
    font-size: 14px;
}

#cart {
    box-sizing:       border-box;
    position:         relative;
    overflow:         hidden;
    width:            100%;
    height:           100%;
    padding:          0px 0px 0px 0px;
    margin-right:     0px;
    margin-bottom:    56px;
    background-color: #FFFFFF;
/*    border:           0.5px solid #D2D6D9;    */
    box-shadow:       0 2px 4px 0 rgba(32,48,63,0.2);
}

#cart h1 {
    margin-top:     0px;
    margin-bottom:  0px;
    line-height:    36px;
    padding-bottom: 24px;
}


.cart_display {
    min-height: 520 !important;
}

.cart_confirmation {
    min-height: 630px;
}


#cart #seminars {
    float:      left;
    box-sizing: border-box;
    width:      65%;
    height:     100%;
    min-height: 480px;
    padding:    8px 32px 32px 32px;
}

#duplicate_seminars {
    float:          left;
    width:          95%;
    height:         100%;
    margin:         0px 32px 0px 32px;
    padding-top:    16px;
    padding-bottom: 32px;
}

#cart #seminars table {
    table-layout:     fixed;
    background-color: #FFFFFF;
}

#cart #seminars table th {
    color:       #79838C;
    font-size:   14px;
    padding:     0px 0px 10px 0px;
    line-height: 18px;
}

#cart #seminars table th a {
    color:           #79838C;
    text-decoration: none;
    border-bottom:   2px solid #79838C;
}

#cart #seminars table td {
    color:     #79838C;
    font-size: 16px;
    padding:   8px 12px;
}

#cart #seminars table#participant td {
    color:     #79838C;
    font-size: 16px;
    padding:   4px 12px 0px 12px;
}


.seminar_info {
    box-sizing: border-box;
    height:     64px;
}

.seminar_icon_box {
    float:          left;
    position:       relative;
    top:            0;
    left:           0;
/*    padding-right:  16px;    */
    padding-bottom: 16px;
}

.icon_box {
    float:      left;
    margin-top: -14px;
    height:     64px;
}

.seminar_text {
    position:    relative;
    top:         6px;
    left:        0px;
    height:      100%;
    white-space: normal;
}


.seminar_icon {
    position: relative;
    top:      10px;
    width:    32px;
    height:   32px;
}

.large_icon_box {
    float:      left;
    width:      100%;
    height:     48px;
}

.large_seminar_icon {
    float:    left;
    position: relative;
    width:    48px;
    height:   48px;
}

.seminar_desc {
    padding:        7px 32px 6px 16px;
    font-size:      14px;
    font-weight:    600;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.add_seminar_desc {
    float:          left;
    width:          252px;
    height:         48px;
    padding:        0px 0px 0px 0px;
    font-size:      14px;
    font-weight:    600;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.add_seminar_title {
    float:            left;
    width:            100%;
    min-height:       108px;
    padding:          16px 8px 0px 16px;
    font-size:        18px;
    font-weight:      600;
    letter-spacing:   0.75px;
    box-sizing:       border-box;
    background-color: #FFFFFF;
}

#cart #summary {
    float:      left;
    box-sizing: border-box;
    width:      400px;
    height:     100%;
    margin:     0px;
    padding:    8px 48px 32px 16px;
    position:   absolute;
    top:        0;
    right:      0;
}

#cart #summary table {
    margin: 0px 16px;
    font-weight:    600;
}

#cart #summary table th {
    color:          #666666;
    font-size:      14px;
    padding-bottom: 10px;
    line-height:    18px;
}

#cart #summary table td {
    padding:   8px 0px 0px 0px;
}

#seminar_bottom {
    width:  100%;
    height: 80px;
}

#cart #promocode {
    width:          100%;
    padding-top:    32px;
    padding-bottom: 0px;
}

#summary_navigation {
    width:    calc( 100% - 464px );
    position: absolute;
    bottom:   32px;
    z-index:  800;
}

#cart_navigation {
    z-index:  10;
    width:    calc( 100% - 464px );
    position: absolute;
    bottom:   32px;
}

.promocode_field {
    width:          100%;
    height:         32px;
    margin-top:     2px;
    margin-left:    -16px;
    padding-left:   8px;
    font-size:      16px;
    border-radius:  4px;
    border:         1px solid #79838C;
    border-radius:  3px;
    box-shadow:     inset 0 -1px 0 1px rgba(0,0,0,0.5);
}

.button_border {
    border: 2px solid;
}

.task_button {
    margin-top:     4px;
    border-radius:  3px;
    font-family:    "Open Sans",sans-serif;
    font-size:      18px;
    font-weight:    bold;
    letter-spacing: 0.64px;
    padding:        12px 14px 12px 14px;
    cursor:         pointer;
}

.apply_button {
    width:            96px;
    height:           38px;
    margin-left:      2px;
    font-size:        16px;
    color:            #FFFFFF;
    background-color: #A6ACB2;
    border-radius:    3px;
}

.cart_button {
    font-size:      14px;
    border:         none;
    border-radius:  3px;
    color:          white;
    font-size:      18px;
    font-weight:    bold;
    font-family:    "Open Sans",sans-serif;
    letter-spacing: 0.64px;
    padding:        12px 12px;
    cursor:         pointer;
}

.inactive_button {
    background-color: #A7A9AA; 
    cursor:           context-menu;
}

.member_button {
    border:          none;
    border-radius:   3px;
    padding:         10px 10px 10px 10px;
    text-align:      center;
    text-decoration: none;
    display:         inline-block;
    margin:          0px 0px 0px 0px;
    cursor:          pointer;
}

.webinar_button {
    border:         none;
    border-radius:  3px;
    color:          white;
    font-family:    sans-serif;
    font-size:      16px;
    font-weight:    bold;
    letter-spacing: 1px;
    padding:        12px 120px;
    cursor:         pointer;
}

.referrer_button {
    margin-top:     4px;
    border:         none;
    border-radius:  4px;
    font-size:      16px;
    font-weight:    bold;
    letter-spacing: 0.5px;
    padding:        12px 32px 12px 32px;
    cursor:         pointer;
}


#participant_details {
    width:            95%;
    padding:          8px 32px 32px 32px;
    margin-bottom:    32px;
    background-color: #FFFFFF;
}

#cc_form {
    width:            95%;
    padding:          8px 32px 32px 32px;
    margin-bottom:    32px;
    background-color: #FFFFFF;
}

#update_reg_details table tr td {
    padding-top: 8px;
}

tr th.description {
    color:          #4F5255;
    font-weight:    bold;
    text-align:     left;
    letter-spacing: .73px;
}


tr td.description {
    color:          #4F5255;
    font-weight:    bold;
    width:          60%;
    text-align:     left;
    letter-spacing: .73px;
}

#seminars table th.promocode {
    text-align:  left;
    padding:     0px 0px;
}

#seminars table td.promocode {
    color:       #79838C;
    font-weight: bold;
    width:       60%;
    text-align:  left;
    padding:     8px 0px;
}

tr th.data,td.data {
    color:       #79838C;
    font-size:   16px;
    font-weight: bold;
    width:       20%;
    text-align:  right;
}

tr th.action,td.action {
    color:       #79838C;
    font-weight: bold;
    width:       48px;
    text-align:  right;
}

tr td.icon {
    width:       10%;
    text-align:  left;
}

.times_box tr:nth-child(even) td {
    background: #F9F9F9;
}


#seminars table tr.shaded {
    background-color: #f5f5f5;
    white-space:      nowrap;
}

#seminars table tr.duplicate_series {
    background-color: rgba( 255, 102, 51, 0.2 );
}

.series_description {
    float:          left;
    padding-top:    8px;
    font-size:      14px;
    font-weight:    700px;
    line-height:    18px;
    color:          #4F5255;
    text-transform: uppercase;
}

.asterix {
    font-size:   12px;
    line-height: 17px;
    text-align:   left;
    color:        #4F5255;
}

.title {
    font-size:   16px;
    line-height: 22px;
    font-weight: 600;
}

.name {
    font-size:   16px;
    font-weight: 600;
    color:       #4F5255;
}


tr th.text, tr td.text {
    text-align: center;
}

.input_label {
    color:          #4F5255;
    font-size:      14px;
    font-weight:    600;
    letter-spacing: 0.4px;
}

.reg_input {
    height:           32px;
    margin-top:       0px;
    padding-left:     8px;
    font-family:      "Open Sans",sans-serif;
    font-size:        14px;
    background-color: #F7F7F7;
    border:           1px solid #E9E9EA;
    border-radius:    4px;
}

.input_full {
    width: 96%;
}

.input_half {
    width: 50%;
}

.input_full_no_label {
    width:      96%;
    height:     32px;
    margin-top: 8px;
}

.select {
    width:      194px;
    height:     32px;
    margin-top: 8px;
    font-size:  14px;
}

.select.error_input {
    padding-top: 8px;
    height: 30px;
}

.select select {
    margin-top:       -8px;
    padding-left:     4px;
    color:            #4F5255;
    height:           38px;
    font-family:      "Open Sans",sans-serif;
    font-size:        14px;
    background-color: #F7F7F7;
    border:           1px solid #E9E9EA;
    border-radius:    4px;
}

#cc_details select {
    width:         80px;
    height:        36px;
    margin-top:    0px;
    padding-left:  5px;
    font-family:   "Open Sans",sans-serif;
    font-size:     14px;
    border-radius: 4px;
}

#cc_details select#CreditCard__ddlExpiryMonth {
    width: 60px;
}

#cc_details select#CreditCard__ddlCardType {
    width: 144px;
}

.checkbox {
    padding: 16px 0px;;
}

.checkbox_label {
    padding-top:    8px;
    color:          #4F5255;
    font-size:      14px;
    font-weight:    600;
    letter-spacing: 0.4px;
}

.checkbox_highlighted {
    padding:       8px 16px 8px 16px;
    margin-bottom: -9px;
}

.checkbox input {
    position: absolute;
}

.checkbox label {
    color:        #4F5255;
    padding-left: 16px;
}

.checkbox_highlighted input {
    position: absolute;
}

.checkbox_highlighted label {
    display:        inline;
    vertical-align: top;
    padding-left:   16px;
}

.radio_vertical {
    padding: 2px 0px 2px 0px;
}

.radio_vertical label {
    vertical-align: top;
    padding-left:   4px;
    font-size:      14px;
}

.radio_vertical input[type="radio"] {
    margin: 3px 3px 0px 16px;
    width:  20px;
    height: 20px;
    border: 0;
}

select#Delegate__title {
    font-size:        14px;
    padding-left:     4px;
    margin-top:       -4px;
    height:           36px;
    background-color: #F7F7F7;
}

select#Organisation__country {
    font-size:        14px;
    padding-left:     4px;
    margin-top:       -4px;
    height:           36px;
    background-color: #F7F7F7;
}

select#Delegate__age {
    font-size:        14px;
    padding-left:     4px;
    margin-top:       -4px;
    height:           36px;
    background-color: #F7F7F7;
}

select#Delegate__career_experience {
    font-size:        14px;
    padding-left:     4px;
    margin-top:       -4px;
    height:           36px;
    background-color: #F7F7F7;
}

select#Delegate__education_level {
    font-size:        14px;
    padding-left:     4px;
    margin-top:       -4px;
    height:           36px;
    background-color: #F7F7F7;
}

input {
    font-family: "Open Sans";
}

input[type="checkbox"] {
    width:           20px;
    height:          20px;
    backgound-color: #FFFFFF !important;
    border-radius:   3px;
    vertical-align:  middle; 
    position:        relative;
    bottom:          .1em;
};
    
/*
#Button__summaryPayment.cart_button {
    width: 25%;
}
*/


#participant_details table tbody tr td {
    padding-top: 16px;
}

.action_control img {
    width:       12px;
    padding-top: 4px;
}

.support_box {
    float: left;
    width: 450px;
}

.support_heading {
    padding-bottom: 8px;
}

#support_contact {
    float: left;
    width: 50%;
}

#support_test {
    float:       left;
    margin-left: 48px;
}

.nice_box {
    box-sizing:       border-box;
    box-shadow:       0 2px 4px 0 rgba(0,0,0,0.5);
    background-color: #FFFFFF;
    border-radius:    4px;
    opacity:          1;
    margin-bottom:    56px;
}

.shadow_box {
    box-sizing:       border-box;
    box-shadow:       0 2px 4px 0 rgba(32,48,63,0.2);
    background-color: #FFFFFF;
    border-radius:    4px;
    opacity:          1;
}

.shadow_box:hover {
    box-shadow:       0 4px 10px 0 rgba(32,48,63,0.4);
}

.highlight_box {
    box-sizing:       border-box;
    background-color: #FFDFD4;
    border:           2px solid #FF5E29;
}

.test_box {
    width:   416px;
    padding: 20px 32px 16px 32px;
}

.times_box {
    box-sizing: border-box;
    position:   relative;
    overflow:   hidden;
    width:      100%;
    padding:    8px 24px 20px 24px;
    min-height: 744px;
}

.m20 {
    padding-bottom: 20px;
}

.h16 {
    height: 16px;
}


#times_australia {
    float:         left;
    box-sizing:    border-box;
    padding-right: 80px;
    font-size:     14px;
}

#times_international {
    float:        left;
    box-sizing:   border-box;
    font-size:     14px;
}

#footer {
    position:         absolute;
    bottom:           0;
    width:            100%;
    height:           80px;

    font-size:        12px;
    color:            #FFFFFF;
    background-color: #23272B;
    padding-bottom:   1px;
}

.footer_logo {
    float:        left;
    width:        25%;
    padding-top:  13px;
    padding-left: 12px;
}

.footer_logo img {
    height: 58px;
}

.footer_links {
    float:           left;
    width:           40%;
    padding-top:     33px;
    text-align:      center;
}

.footer_links ul {
    list-style-type: none;
}

.footer_links ul li {
    color:   #FFFFFF;
    display: inline;
}

.footer_links ul li a {
    color:           #FFFFFF;
    text-decoration: none;
}

.footer_links ul li a:hover {
    text-decoration: underline;
}


.footer_copyright {
    float:         right;
    width:         30%;
    padding-top:   45px;
    padding-right: 24px;
    text-align:    right;
}

.return {
    font-size:       16px;
    font-weight:     bold;
    text-decoration: none;
    color:           #4F5255;
}

.clearfix::after {
    content: "";
    clear:   both;
    display: table;
}
    

/* Join Webinar page */
.connect_box {
    float:   left;
    width:   370px;
}

.label {
    font-size:      14px;
    font-weight:    600;
}

.connect_field {
    padding-bottom: 16px;
}

.connect_field input {
    width:         294px;
    height:        36px;
    font-size:     16px;
    padding-left:  8px;
    padding-right: 0px;
}

.connect_info {
    float:       left;
    margin-left: 64px;
    width:       520px;
}


/* == seminar table ===================== */
table.seminar {
    border: 1px solid #CCCFD3;
    background-color: #FFFFFF;
}

table.seminar tr.row0 {
    background-color: #F9F9F9;
}

table.seminar tr.row1 {
    background-color: #EEEEEE;
}

table.seminar tr.row2 {
    background-color: #FF0000;
    color: #FFCF5f;
}

table.seminar tr.rowAlert {
    background-color: #FFE6C2;
}

table.seminar tr.hilite {
    background-color: #D7E4F2;
}

table.seminar th {
    margin:           0;
    padding:          6px 10px 4px 5px;
    color:            #FFFFFF;
    font-size:        14px;
    line-height:      14px;
    font-weight:      bold;
    text-align:       left;
/*    background-color: #4B78C6;  */
    font-family:      "Open Sans",Verdana, Arial,sans-serif;
    border-bottom:    1px solid #115098;
}

table.seminar td {
    color:          #536482;
    font-size:      14px;
    padding:        3px 4px;
    vertical-align: top;
}

table.seminar td.alert {
    color: #955D09;
}

table.seminar td.alert a {
    color: #955D09;
    border-bottom: 1px dotted #955D09;
}

table.seminar td a {
    color: #536482;
    border-bottom: 1px dotted #536482;
    text-decoration: none;
}

table.seminar td a:hover {
    border-bottom: 1px solid #536482;
    text-decoration: none;
}



/* Tooltips */

.tooltip {
  position:      relative;
  display:       inline-block;
/*  border-bottom: 1px dotted black;  */
}

.tooltip .tooltiptext {
  visibility:         hidden;
  width:              70px;
  background-color:   #23272B;
  color:              #fff;
  font-size:          14px;
  text-align:         center;
  border-radius:      6px;
  padding:            2px 0;
  position:           absolute;
  z-index:            1;
  bottom:             125%;
  left:               50%;
  margin-left:        -35px;
  opacity:            0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content:      "";
  position:     absolute;
  top:          100%;
  left:         50%;
  margin-left:  -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity:    1;
}

.h2_spacer {
    height: 71px;
}