@font-face {
      font-display: swap;
      font-family: 'Merriweather';
      font-style: normal;
      font-weight: 400;
      src: url('/fonts/merriweather-v32-latin-regular.woff2') format('woff2');
  }



/* GLOBAL INPUTS */

body {  
    margin:0px; padding:0px; font-family: 'Merriweather', serif; font-size:16px; color: #333333; font-weight: 400;  text-align: center; 
    height: 100%;
    overflow-x: hidden;
    position: relative;
}

input[type='file'] {
    height: 35px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px;  box-shadow: 1px 1px 5px #CCC; background-color: white; padding: 0px; margin: 0px; 
}

.checkbox-container input[type="checkbox"] {
  display: none;
}

/* Style custom checkbox */
.checkbox-container input[type="checkbox"] + label {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 2px solid #cccccc;
  background-color: white;
  cursor: pointer;
  position: relative;
}

/* Style checked custom checkbox */
.checkbox-container input[type="checkbox"]:checked + label {
  background-color: #24739E;
}

/* Style custom checkmark */
.checkbox-container input[type="checkbox"] + label::after {
  content: '\2713'; /* Unicode checkmark character */
  font-size: 30px; /* Adjust size as needed */
  font-weight: 900; /* Make the checkmark bolder */
  color: white;
  position: absolute;
  top: 20%;
  left: 60%;
  transform: translate(-50%, -50%);
  visibility: hidden; /* Hide checkmark by default */
  text-shadow: -1px -1px 0 #174761,  
  1px -1px 0 #174761,
 -1px  1px 0 #174761,
  1px  1px 0 #174761; /* Outline effect */
}

/* Show checkmark for checked custom checkbox */
.checkbox-container input[type="checkbox"]:checked + label::after {
  visibility: visible;
}





/* textarea {
    font-size: 17px; color: #656565; height: 40px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; box-shadow: 1px 1px 5px #CCC; margin: 0 auto; font-family: 'Merriweather', serif;
} */
/* textarea:focus {
    outline: none !important; border-color: #719ECE; box-shadow: 0 0 10px #719ECE; 
} */

textarea {
    font-size: 17px; color: #656565; height: 100px; font-weight: 400; margin: none; font-family: 'Merriweather', serif; border: none; box-shadow: none; padding-left: 20px; outline: none; resize: none; max-height: 300px; padding-top: 27px;
}
textarea:focus {
    border: none; box-shadow: none; padding: none; margin: none; outline: none;
}
.textarea-container {
    border-radius: 3px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; height: 100px; background-color: white; position: relative; outline: none !important;  margin-bottom: 25px;
}
.textarea-container:focus-within label { transform: translateY(-75%); font-size: 14px; opacity: 0.5; transition: all 0.2s ease-in-out; }
.textarea-container:focus-within .textarea-line { transform: scaleY(0.6); transition: transform 0.2s ease-in-out; }
.textarea-line { height: 2px; background-color: black; transform-origin: bottom; transition: transform 0.2s ease-in-out; }
.textarea_input { width: 100%; border: none; box-sizing: border-box; max-width: 100%;}
.no-border:focus + label,
.textarea_input:not(:placeholder-shown) + label { transform: translateY(-75%); font-size: 14px; opacity: 0.5; transition: all 0.2s ease-in-out; }
.no-border:focus + .textarea-line, .textarea_input:focus + .textarea-line { transform: scaleY(0.6); transition: transform 0.2s ease-in-out; }
.textarea_input::placeholder { opacity: 0; transition: opacity 0.2s ease-in-out; }
.textarea-container:focus-within .no-border::placeholder, .input-container:focus-within .textarea_input:not(:placeholder-shown)::placeholder {
    opacity: 0; transition: opacity 0.2s ease-in-out;
}
.textarea-container:focus-within { outline: none !important; border-color: #719ECE; box-shadow: 0 0 10px #719ECE; }

TEXT AREA IN FORUMS
#post_text { 
  height: auto !important; /* Override the height property */
}

select { 
    font-size: 17px; color: #656565; height: 55px; border: none; box-shadow: none; padding-left: 20px; margin: none; outline: none; padding-top: 20px;
}
select:focus {
    border: none; box-shadow: none; padding: none; margin: none; outline: none;
}

.select-container {
    border-radius: 3px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; height: 55px; background-color: white; position: relative; outline: none !important; margin-bottom: 15px;
}
.select-container:focus-within label { transform: translateY(-75%); font-size: 14px; opacity: 0.5; transition: all 0.2s ease-in-out; }
.label-textarea { position: absolute; top: 18px; left: 20px; font-size: 17px; pointer-events: none; transition: all 0.2s ease-in-out; } 
.select-container:focus-within .select-line { transform: scaleY(0.6); transition: transform 0.2s ease-in-out; }
.select-line { height: 2px; background-color: black; transform-origin: bottom; transition: transform 0.2s ease-in-out; }
.select_input { width: 100%; border: none; }
.no-border:focus + label,
.no-border:focus + .input-line, .select_input:focus + .input-line { transform: scaleY(0.6); transition: transform 0.2s ease-in-out; }
.select_input::placeholder { opacity: 0; transition: opacity 0.2s ease-in-out; }
.select-container:focus-within .no-border::placeholder, .select-container:focus-within .select_input:not(:placeholder-shown)::placeholder {
    opacity: 0; transition: opacity 0.2s ease-in-out;
}
.select-container label.selected {
    transform: translateY(-75%);
    font-size: 14px;
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
}
.label-container { color: #767676; font-weight: bold; }
.select-container:focus-within { outline: none !important; border-color: #719ECE; box-shadow: 0 0 10px #719ECE; }




select option{
    font-size: 16px;
}


/* TEXT INPUT STYLE */

input[type=text], input[type=email], input[type=password] { 
    border: 1px solid #333; font-size: 17px; color: #656565; height: 55px; border: none; box-shadow: none; padding-left: 20px; margin: none; outline: none; padding-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/* EXCLUE BUTTON AND SUBMITS */
/* input:focus:not([type="submit"]),
button:focus {
    border: none;
    box-shadow: none;
    padding: none;
    margin: none;
    outline: none;
} */

.input-container {
    border-radius: 3px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; height: 55px; background-color: white; position: relative; outline: none !important; margin-bottom: 15px;
}

.input-container:focus-within label { transform: translateY(-75%); font-size: 14px; opacity: 0.5; transition: all 0.2s ease-in-out; }
.label-input { position: absolute; top: 18px; left: 20px; font-size: 17px; pointer-events: none; transition: all 0.2s ease-in-out; } */
.input-container:focus-within .input-line { transform: scaleY(0.6); transition: transform 0.2s ease-in-out; }
.input-line { height: 2px; background-color: black; transform-origin: bottom; transition: transform 0.2s ease-in-out; }
.text_input { width: 100%; border: none; }
.no-border:focus + label,
.text_input:not(:placeholder-shown) + label { transform: translateY(-75%); font-size: 14px; opacity: 0.5; transition: all 0.2s ease-in-out; }
.no-border:focus + .input-line, .text_input:focus + .input-line { transform: scaleY(0.6); transition: transform 0.2s ease-in-out; }
.text_input::placeholder { opacity: 0; transition: opacity 0.2s ease-in-out; }
.input-container:focus-within .no-border::placeholder, .input-container:focus-within .text_input:not(:placeholder-shown)::placeholder {
    opacity: 0; transition: opacity 0.2s ease-in-out;
}
.label-container { color: #767676; font-weight: bold; }
.input-container:focus-within { outline: none !important; border-color: #719ECE; box-shadow: 0 0 10px #719ECE; }



.text {
    font-size: 15px; color: #656565; width: 300px; height: 35px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; box-shadow: 1px 1px 5px #CCC;
}
/* input:focus {
    outline: none !important; border-color: #719ECE; box-shadow: 0 0 10px #719ECE; 
} */

a { font-size: 16px; }


/* PHONE ONLY CSS */
@media only screen and (max-width: 799px) {
    .mob_hidden { display: none; }
    .show_tab { display: none; }
    .show_phone { font-size: inherit; }
    .hide_phone { display: none; }

    /* BACKGROUND COLORS */
    .mobile_whitepage { background-color: white; }

    /* DIVS AND TABLES(ALMOST ALL COLUMN DIVERS ARE SQUASHED (MADE TO SINGLE COLUMN) IN PHONE VIEW*/
    .col_container { width: 100%; display: table; }
    .right_70 { width: 100%; }
    .left_30 { width: 100%; }
    .welcome_small { width: 90%; margin: auto; height: 190px; }
    .error_box { display: inline-block; border-style:solid; border-color:red; }
    
    .home_col1 { width: 100%; text-align: right; display: block; }
    .home_col2 { width: 100%; text-align: center; padding-top: 15px; padding-bottom: 15px; }
    .home_col3 { width: 100%; text-align: left; display: block; }
    .col2-1 { width: 100%; text-align: left; }
    .col2-2 { width: 100%; text-align: left; }
    .home_container { padding-top: 20px; display: inline; margin: 0 auto; width: 100%; }
    .col_auto {  width: 100%; text-align: left; }
    .col_auto_child { display: block;  }
    .col_client_admin { width: 100%!important; display: block; line-height: 35px; overflow: hidden; text-align: left!important; font-size: 18px; font-weight: 400; }
    .col_client_admin::first-line { line-height: 35px; /* Set the line height for the first line */ }
    .col_client_admin::first-line + * { margin-top: -25px; /* Adjust vertical spacing between the first and second line */ }
    .wMessage { border-collapse: collapse; width: 100%; padding: 15px!important; margin: 0px; border: 1px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    
    .scroll_display_box { background: white; width: 99%; padding: 20px; max-height: calc(80vh - 100px); overflow-x: hidden; overflow-y: scroll;}
    .dialog_tos { z-index: 3; background-color: #fff; padding: 0px; text-align: center; width: 80%; max-height: calc(80vh - 100px); position: fixed; top: calc(49% + 0px); left: 45%; transform: translate(-50%,-50%); z-index: 9999999;}
    .dialog, .dialog2 { height: auto; width: 80%; background-color: #fff; padding: 40px 20px 40px 20px; text-align: center; max-width: 80%; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 200; max-height: calc(100vh - 150px); overflow-y: auto; }
    .dialog_column_button_left { width: 100%; }
    .dialog_column_button_right { width: 100%; padding-top: 25px; }

    .course_page { padding-top: 15px; padding-bottom: 0px; background: white; display: table; height: 100%; width:100%; }
    .course_page_col1 { display: none; }
    .course_page_col1_container { display: none; }
    .course_page_col2 { padding-top: 0px; vertical-align: top; width: 100%; text-align: center; background-color: white; padding-bottom: 20px; display: table-cell;}
    .course_page_col2_container { text-align: center; background: #FFFFFF; padding: 0; display: table-cell; width: 100%; }

    /* COLUMN AND DIVIDERS */
    .page_width { width: 90%; margin: auto; }
    .page_width_small { width: 90%; }
    .body_page { width: 100%; margin: 0 auto; padding: 0; text-align: center; }

    /* COLUMN WIDTHS */
    .speed_image1 { width: 0; }
    .speed_image2 { width: 0%; }
    .speed_bullet1 { flex-basis: 100%; width: 50%; }
    .speed_bullet2 { flex-basis: 100%; width: 50%; }
    .obligation_col1 { width: 100%; margin: auto; }
    .obligation_col2 { width: 100%; }
    .small_box { width: 100%; }

    /* COLUMN PADDING */
    .auto_padding_tiny { padding: 5px; margin: 5px; }
    .auto_padding_small { padding: 10px; margin: 10px; }
    .auto_padding { padding: 25px; margin: 25px; }
    .box_padding { padding: 30px 0; }
    .box_padding_top { padding-top: 30px; }
    
    /* TEXT AND INPUTS */
    .body_text { font-size: 17px; font-weight: 600; line-height: 25px; color: #676767;  }
    .tiny { font-size: 12px;  line-height: 20px; }
    .small { font-size: 14px; line-height: 28px; }
    .medium { font-size: 18px; line-height: 40px; } /* LINE HEIGHT HERE ALIGNS WITH LINE HEIGHT OF input[type=text] */
    .large { font-size: 21px; line-height: 38px; }
    .xlarge { font-size: 23px; line-height: 38px; }
    .title-large { font-size: 25px; line-height: 43px; }
    .homeBullets { line-height: 30px; font-size: 21px; list-style-type: none; }

    /* BUTTONS */
    .long_button { width: 100%; }
    .button-tiny { font-size: 13px; line-height: 12px; height: 28px; padding-left: 15px; padding-right: 15px; }
    .button-small { font-size: 15px; line-height: 35px; padding-left: 15px; padding-right: 15px; }
    .button-regular { font-size: 17px; line-height: 40px; }
    .button-large { font-size: 19px; line-height: 50px; }
    .button-xlarge { font-size: 21px; line-height: 53px; }
    .button-huge { font-size: 19px; line-height: 55px; }


    .speed_column_container {
      display: grid;
      grid-template-columns: 1fr; /* Single column */
      grid-template-rows: auto auto auto; /* Three rows: list in first, images in second and third */
      gap: 20px; /* Space between rows */
      padding: 0 10%; /* 10% padding on both sides for consistent alignment */
      align-items: center; /* Center-align items vertically in each row */
      justify-items: center; /* Center-align items horizontally */
  }
  
  /* Center the list in the first row */
  .speed_column_center {
      grid-row: 1; /* Place the <ul> in the first row */
      display: flex;
      flex-direction: column;
      align-items: center; /* Center-align the list items */
      text-align: left; /* Left-align text within the list */
      width: auto; /* Allow the width to adjust to the content */
  }
  
  /* Center the images in the second and third rows */
  .speed_column_left {
      padding-top: 50px;
      grid-row: 2; /* Place first image in the second row */
      display: flex;
      justify-content: center; /* Center the image */
  }
  
  .speed_column_right {
      grid-row: 3; /* Place second image in the third row */
      display: flex;
      justify-content: center; /* Center the image */
  }
  
  /* Consistent image width */
  .speed_column_right img,
  .speed_column_left img {
      width: 150px; /* Set a consistent width for images */
  }
    
}

/* TABLET ONLY CSS */
@media only screen and (min-width: 800px) and (max-width: 1249px) {
    .mob_hidden { display: none; }
    .show_phone { display: none; }
    .hide_tab { display: none; }
    .phone_show { display: none; }
    .show_pc { display: none; }
    .body_page_admin { width: 100%; margin: 0px; padding-left: 70px; text-align: center;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    /* COLUMN AND DIVIDERS */
    .page_width { width: 95%; margin: auto; }
    .page_width_small { width: 95%; }
    .body_page { width: 100%; margin: 0 auto; padding: 0; text-align: center; }

    /* TEXT AND INPUTS */
    .homeBullets { padding-left: 50px; line-height: 26px; font-size: 20px; list-style-type: none; }

    /* DIV SPACERS */
    .box_padding { padding: 50px 0; }
    .box_padding_top { padding-top: 50px; }


    /* COLUMN WIDTHS */
    .speed_image1 { margin: auto; }
    .speed_image2 { margin: auto; }
    .small_box { width: 85%; }

    /* COLUMN DIVIDERS */
    .obligation_col1 { float: left; width: 25%; margin: auto; }
    .obligation_col2 { float: left; width: 75%; }
    /* GUARANTEE PAGE */
    .guarantee_col1 { float: left; width: 60%; }
    .guarantee_col2 { float: right; width: 40%; }

    .speed_column_container {
      height: 325px;
      display: grid;
      grid-template-columns: 1fr min-content; /* Flexible left column, fixed-width right column */
      gap: 25px; /* 25px gap between the columns */
      padding: 0 10%; /* 10% padding on both sides for left and right alignment */
      align-items: start; /* Align items to the top */
  }
  
  /* Left-align the list and add 10% margin from the left */
  .speed_column_center {
      margin-top: -100px;
      grid-column: 1; /* Place the <ul> in the left column */
      display: flex;
      flex-direction: column;
      align-items: flex-start; /* Left-align the list items */
      margin-left: 10%; /* 10% margin from the left edge */
      width: auto; /* Allow the width to adjust to the content */
  }
  
  /* Right-align the image column */
  .speed_column_left,
  .speed_column_right {
      grid-column: 2; /* Place images in the right column */
      display: flex;
      flex-direction: column;
      align-items: flex-end; /* Right-align items within this column */
      margin-right: 10%; /* 10% margin from the right edge */
      gap: 20px; /* Space between stacked images */
  }
  
  /* Consistent image width */
  .speed_column_right img,
  .speed_column_left img {
      width: 150px; /* Set a consistent width for images */
  }

}

/* PHONE AND TABLET COMMON CSS */
@media only screen and (max-width: 1249px) {
    .pc_header {display: none; }

    /* DIV WIDTH AND ASSIGNMENTS */
    .small_form { width: 75%; }

    

    /* DIVS AND TABLES */
    .home_width { width: 100%; }
    

    /* PAYMENT PAGE  DIVS AND TABLES */
    .cart_column0 { width: 30px; padding-top: 3px; float: left;}
    .cart_column1 { width: 30px; padding-top: 3px; float: left; padding-left: 0px; }
    .cart_column2 { margin: auto; float: left; text-align: left; padding-top: 6px; padding-left: 3px; }
    .upgrade_description {  padding-left: 0px; margin-top: 0px; width: 100%; text-align: left; }
    .small_line_spacing { line-height: 1.5; padding-top: 15px; }

    /* SPACERS, SIZES, PADDING, AND DEFINITIONS */
    .mobile_form_box_padding { padding-top: 30px; padding-bottom: 15px; }



    /* COLUMN WIDTHS */
    .home_cloumn_bullet_box { width: 100%; }

    /* TEXT AND INPUTS */
    .medium { font-size: 18px; line-height: 40px; } /* LINE HEIGHT HERE ALIGNS WITH LINE HEIGHT OF input[type=text] */
    .large { font-size: 19; line-height: 38px; }

    /* OVERLAYS */
    .dialog-overlay-mobile { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 100; }

    /* HOME MENU FOR TABLET AND PHONE */
    .mobile_menu_holder { height: 50px; } /* THIS IS TO OFFSET THE HEIGHT OF THE FIXED MOBILE MENU */
    .sub_sub_menu {display: none; }
    #sub_sub_menu { display: none; }
    #pc_nav { display: none; }
    .nav-container{ min-width: 100%; }
    .nav { height: 50px; background: #343538; }
    .f-nav{ z-index: 999999999; position: fixed; left: 0; top: 0; width: 100%;}
    .mobile_menu_box { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; z-index: 999999999; }
    #mobile_dashboard { position: fixed; left: -300px; top: 50px; height: calc(100% - 50px); width: 300px; z-index: 999999999; overflow: auto; }
    .mobile_dash_label { text-align: center; padding-top: 10px; padding-bottom: 10px; z-index: 999999999999; font-size: 20px; font-weight: bold; color: white; }
    .main_container_open { position: absolute; height: 100%; width: 75%;}
    .mobile_menu_container { z-index: 100; }
    #mob_nav_menu_container { display: block; }

    /* MAIN MENU */
    .nav_menu_container { width: 100%; height: 50px; display: block; position: fixed; z-index: 999999999; }
    #home_menu { width: 100%; text-align: left; padding-left: 0px; }
    #home_menu ul { list-style-type: none; margin: 0; padding: 0; } 
    #home_menu li { float: left; width: 100%; list-style-type: none; padding-top: 1px; }
    #home_menu a { width: 100%; text-decoration: none; background-color: #343538;  text-align: left; position:relative; color:#FFFFFF;  font-weight:bold; cursor:pointer; line-height: 50px; display:block; }
    #home_menu a span { padding-left: 25px; }
    #home_menu #active a { width: 100%; text-decoration: none; background-color: #02A6E0; position:relative; color:#FFFFFF;  font-weight:bold; cursor:pointer; line-height: 50px; display:block; }
    #home_menu a:hover { width: 100%; background:#0181af; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; display:block; }


    .home_cert { max-width: 100%; height: auto; }


}

/* PC AND TABLET COMMON CSS */
@media only screen and (min-width: 800px) {

    /* COLUMN DIVIDERS */
    .col_container { width: 100%; display: flex; align-items: flex-start; }
    .right_70 { width: 70%; float: left; }
    .left_30 { width: 30%; float: right; }
    .welcome_small { min-width: 600px; max-width: 600px; display: table; margin-right: auto; margin-left: auto; }
    .home_container { padding-top: 20px; display: inline; margin: 0 auto; }
    .home_col1 { width: 45%; float: left; text-align: right; display: block; }
    .home_col2 { width: 10%; float: left; text-align: center; padding-top: 10px;}
    .home_col3 { width: 45%; float: right; text-align: left; display: block; } 
    .col2-1 { float: left; width: 50%; clear: both; text-align: left; }
    .col2-2 { float: right; width: 50%; text-align: left; }
    .col_container.height-diff .col2-2 { align-items: center; }
    .col_auto { display: flex; flex-wrap: wrap; /* Add this line to enable wrapping */ justify-content: space-between; }
    .col_auto_form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; /* Vertically center elements */ gap: 10px; /* Add space between elements */ }
    .col_auto_child { flex: 1 1 auto; width: fit-content; margin: 0 10px; /* Adjust the margin as needed for spacing */ }
    .course_home_container { display: flex; flex-wrap: wrap;}
    .course_home_container { display: flex; flex-wrap: wrap;}
    .course_home_box { margin: 10px; padding: 20px; background-color: #f0f0f0;  box-sizing: border-box; max-width: calc(50% - 20px); }
    .course_page { padding-top: 15px; padding-bottom: 0px; background: #EDEDED; display: table; height: 100%; width:100%; }
    .course_page_col1 { vertical-align: top; width: 25%; text-align: center; background: #EDEDED; display: table-cell;}
    .course_page_col1_container { text-align: center; background: #EDEDED; padding-right: 25px; display: table-cell;}
    .course_page_col2 { padding-top: 0px; vertical-align: top; width: 75%; text-align: center; background: #EDEDED; padding-bottom: 20px; display: table-cell;}
    .course_page_col2_container { text-align: center; background: #FFFFFF; padding: 0 25px 0px 25px; display: table-cell; width: 100%; }
    .dialog_column_button_left { width: 49%; float: left; font-size: 1.1em; }
    .dialog_column_button_right { width: 49%; float: right; font-size: 1.1em; }
    .col_client_admin { padding-left: 15px; line-height: 45px; overflow: hidden; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
      .col_client_admin::first-line { line-height: 45px; /* Set the line height for the first line */ }
      .col_client_admin::first-line + * { margin-top: -25px; /* Adjust vertical spacing between the first and second line */ }
      .client_admin_edit { min-width: 100px; max-width: 100px; display: flex; align-items: center; justify-content: center; }
    @media (min-width: 600px) {
        .course_home_box {
            max-width: calc(50% - 20px); /* Maximum width for each box on larger screens */
        }
    }
  
    .footer_admin { width: 100%; margin: 0px; padding-left: 70px; text-align: center;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  
  
    

    /* DIV SPACING AND PADDING */
    .auto_padding_tiny { padding: 5px; margin: 5px; }
    .auto_padding_small { padding: 10px; margin: 10px; }
    .auto_padding { padding: 25px; margin: 25px; }

    /* COLUMN WIDTHS */
    .speed_bullet1 { text-align: left; }
    .speed_bullet2 { margin: auto; }

    /* DIVS AND TABLES */
    .scroll_display_box { background: white; width: 100%; height: 400px; overflow-x: hidden; overflow-y: scroll; }
    .dialog_tos {
        height: auto; width: 600px; background-color: #fff; text-align: center; max-width: 600px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999999999;
    }
    .dialog,.dialog2 {
        height: auto; width: 600px; background-color: #fff; padding: 40px 40px 40px 40px; text-align: center; max-width: 600px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999999999;
    }

    /* TEXT AND INPUTS */
    .body_text { font-size: 17px; font-weight: 600; line-height: 25px; color: #676767;  }
    .body_text_spacing { line-height: 30px; }
    .tiny { font-size: 12px;  line-height: 20px; }
    .small { font-size: 14px; line-height: 28px; }
    .medium { font-size: 18px; line-height: 40px; } /* LINE HEIGHT HERE ALIGNS WITH LINE HEIGHT OF input[type=text] */
    .large { font-size: 21px; line-height: 38px; }
    .xlarge { font-size: 23px; line-height: 38px; }
    
    /* BUTTONS */
    .long_button { width: 100%; }
    .button-tiny { font-size: 14px; line-height: 18px; height: 30px; padding-left: 15px; padding-right: 15px; }
    .button-small { font-size: 15px; line-height: 25px; padding-left: 15px; padding-right: 15px; }
    .button-regular { font-size: 15px; line-height: 35px; }
    .button-large { font-size: 17px; line-height: 40px; }
    .button-xlarge { font-size: 19px; line-height: 50px; }
    .button-huge { font-size: 19px; line-height: 55px; }

    .white_page { padding: 25px; width: 90%; background: #FFFFFF; margin: 0 auto; }

}

/* PC ONLY CSS */
@media only screen and (min-width: 1250px), print {

    .show_tab { display: none; }
    .show_phone { display: none; }
    .show_mobile { display: none; }
    .mobile_div_spacer_small { display: none; }
    .negative_left { margin-left: -25px; }

    /* BACKGROUND COLORS */
    .mobile_whitepage { background-color: inherit; }

    /* TEXT AND INPUTS */
    .homeBullets { line-height: 24px; font-size: 19px; list-style-type: none; }
    .homeBullets li { line-height: 24px; font-size: 19px; list-style-type: none; height: 28px; }

    /* DIVS AND TABLES */
    .error { border: 1px solid red; outline: 1px solid red; }
    .error:focus {
      border: 1px solid red; 
      outline: 1px solid red;
    }
    .noerror { border: 1px solid #55A601; outline: 1px solid #55A601; }
    .pc_header { width: 1100px; max-width: 1100px; text-align: center; margin: auto; }
    .body_page { width: 1100px; max-width: 1100px; margin: 0 auto; padding: 0; text-align: center; }
    .body_page_admin { width: 1100px; margin: 0 auto; padding-left: 70px; text-align: center; }
    .our_phone { position: relative;  height: 0px; width: 0px; }
    .our_phone .holder { position: absolute; width: 200px; min-width: 200px; top: 6px; left: 900px; text-align: center; font-weight: bold; color: #24739E; }
    .lang_select_holder { font-size: 18px; padding-bottom: 6px; }


    /* PAYMENT PAGE  DIVS AND TABLES */
    .cart_column0 { width: 30px; padding-top: 3px; float: left;}
    .cart_column1 { width: 30px; padding-top: 3px; float: left; padding-left: 25px; }
    .cart_column2 { margin: auto; float: left; text-align: left; padding-top: 6px; padding-left: 3px; }
    .upgrade_description { padding-left: 50px; margin-top: -5px; width: 100%; text-align: left;  }

    /* DIV SPACERS AND PADDING */
    .box_padding { padding-top: 40px; padding-bottom: 40px; }
    .box_padding_top { padding-top: 40px; }

    /* COLUMN AND DIVIDERS */
    .home_width { width: 1100px; margin: auto; }
    .page_width { width: 100%; }
    .page_width_small { width: 75%; }
    
    .right_70 { width: 70%; float: right; }
    .left_30 { width: 30%; float: left; }
    .dialog-overylay-mobile { display: none; }

    /* COLUMN WIDTHS */
    .speed_image1 { margin: auto; }
    .speed_image2 { margin: auto; }
    .home_cloumn_bullet_box { width: 80%; }
    .obligation_col1 { float: left; width: 15%; margin: auto; }
    .obligation_col2 { float: left; width: 85%; margin-top: -8px; }
        /* GUARANTEE PAGE */
        .guarantee_col1 { float: left; width: 70%; }
        .guarantee_col2 { float: right; width: 30%; }
    .small_box { width: 65%; }

    /*Mobile Navigation*/
    .mobile_div_spacer { display: none; }
    .mobile_button_spacer { display: none; }
    .mobile_menu_container { display: none; }

    /* HOME MENU FOR PC */
    .nav-container{ min-width: 1100px; }
    .nav { height: 50px; background: #343538; }
    .f-nav{ z-index: 999; position: fixed; left: 0; top: 0; width: 100%;} /* this makeS menu fixed top */ 
    .nav_menu_container { width: 100%; height: 50px; display: block; }
    #mob_nav_menu_container { display: none; }
    #home_menu { margin: auto; text-align: center; font-size: 14px; }
    #home_menu ul { list-style-type: none; margin: 0; padding: 0; } 
    #home_menu li { float: left; list-style-type: none; }
    #home_menu a {text-decoration: none; background-color: #343538;  text-align: center; position:relative; color:#FFFFFF;  font-weight:bold; cursor:pointer; line-height: 50px;  -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; padding-left: 25px; padding-right: 25px; }
    #home_menu #active a {  text-decoration: none; background-color: #02A6E0;  text-align: center; position:relative; color:#FFFFFF;  font-weight:bold; cursor:pointer; line-height: 50px; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; padding-right: 25px; padding-left: 25px; }
    #home_menu a:hover { background:#0181af; text-align: center; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; padding-right: 25px; padding-left: 25px; }

    .wrapper-dropdown-5 { width: 160px; text-decoration: none; background: #343538; text-align: center; margin: 0 auto; position: relative; color: #fff; font-weight: bold; cursor: pointer; outline: none; line-height: 50px; transition: background-color .2s; display: block; z-index: 99; }
    .wrapper-dropdown-5:hover { background: #0181af; }
    .wrapper-dropdown-5:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border: 6px solid transparent; border-top-color: #4cbeff; }
    .wrapper-dropdown-5 .dropdown {
      position: absolute; top: 100%; left: 0; right: 0; box-sizing: border-box; width: 100%; background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,.2); border-top: none; border-bottom: none; list-style: none; transition: all .3s ease-out; max-height: 0; overflow: hidden; z-index: 99;
    }
    .wrapper-dropdown-5 .dropdown li { padding: 0 10px; }
    .wrapper-dropdown-5 .dropdown li a { line-height: 35px; display: block; text-align: left; text-decoration: none; color: #333; padding: 10px 0; transition: all .3s ease-out; border-bottom: 1px solid #e6e8ea; }
    .wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; }
    .wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
    .wrapper-dropdown-5 .dropdown li:hover a { color: #57a9d9; }
    .wrapper-dropdown-5.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: white; }
    .wrapper-dropdown-5.active:after { border-top-color: #82d1ff; }
    .wrapper-dropdown-5.active .dropdown { border-bottom: 1px solid rgba(0,0,0,.2); max-height: 400px; }

    .white_page { padding: 45px; width: 100%; background: #FFFFFF; margin: 0 auto; box-sizing: border-box;  }
    .form_box { 
        border-radius: 10px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; padding: 0; width: 100%; background: #FFFFFF; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;
    }
    
    .form_box_padding { padding: 20px; }
    .form_box_padding2 { padding: 40px; }

    .speed_column_container {
      display: flex;
      justify-content: space-between; /* Spreads the columns evenly */
      align-items: flex-start; /* Aligns columns at the top */
    }
    
    /* Column widths */
    .speed_column_left {
      width: 40%; /* Adjust width as needed */
      text-align: left;
    }
    .speed_column_right {
      width: 20%; /* Adjust width as needed */
      text-align: center;
    }
    
    .speed_column_center {
      width: 40%; /* Center column takes up more space */
    }
    
    /* Additional styling for alignment */
    .speed_column_left, .speed_column_right, .speed_column_center {
      vertical-align: top;
    }
    .home_cert {
      height: 250px;
    }

    
}








/* COMMON CSS FOR ALL DEVICES */


/* COURSE WORK PAGE (SECTION PAGE) */

/* New Course CSS */ 
.course_page_title { font-size: 21px; font-weight: bold; color: #24739E; padding-top: 5px; padding-bottom: 20px; }
.section_title { font-size: 21px; color: #008DBF; font-weight: bold; text-align: left; margin-top: 0px; padding-top: 35px; }
.course_quote { margin: auto; padding-top: 25px; font-size: 15px; font-style: italic; text-align: center; }
.course_content { font-size: 18px; line-height: 30px; text-align: justify; }
.cList { padding-bottom: 10px; }
.cList li { font-size: 18px; line-height: 28px; text-align: justify; padding-top: 5px; padding-left: 10px }
.list li { font-size: 18px; line-height: 28px; text-align: justify; padding-top: 5px; padding-left: 10px }

.course_section_title { font-size: 20px; color: #008DBF; font-weight: bold; }
.centered_section_title { font-size: 23px; color: #008DBF; font-weight: bold; text-align: center; margin-top: 0px; padding-top: 35px; }
.content_quote { font-size: 14px; font-style: italic; padding-top: 10px; }
.course_material_spacer { padding-top: 25px;}
.course_material { font-size: 16px; line-height: 24px; text-align: justify; padding-top: 0px; padding-bottom: 15px; }
/* .course_material ol {margin-top: -5px; } */
.course_image { max-width:100%; height:auto; }
.course_image_container { padding-top: 10px; padding-bottom: 35px; }

.course_box_course_name { font-size: 18px; color: #FFFFFF; }
.first_course_page_title { font-size:21px; font-weight: 400; color: #333333; padding-top: 15px; }
.course_available { padding-top: 15px; }
.course_page_button_spacer { padding-top: 10px; }
/* End New Course CSS */

/* BACKGROUND COLORS */
.black_box { background-color: #343538; }
.gray_box { background-color: #343538; }
.light-gray_box { background-color: #999; }
.blue_box { background-color: #1f5979; }
.light-blue_box { background-color: #4cbeff; }
.green_box { background-color: #55A601; }
.light-green_box { background-color: #69C904; }
.dark_green_box { background-color: #3F7D22; }
.red_box { background-color: #B02022; }
.white_box { background-color: white; }
.new_row_odd { background-color: #D8E1ED; }
.new_row_even { background-color: #E6EEF7; }

/* ALIGNMENTS */
.letter_spacing { text-justify: inter-word;} /* AUTO ADJUSTS LETTER SPACING FOR A JUSTIFIED TEXT BLOCK */
.wrap { word-wrap: break-word; }
.justify { text-align: justify; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.left { text-align: left; }
.right { text-align: right; }
.auto_margin { margin: auto; }
.spread { letter-spacing: 1px; }

/* DISPLAY TYPES */
.inline-block { display: inline-block; }
.inline { display: inline; }
.block { display: block; }

/* TEXT AND INPUTS */
.text-label { color: #9E9E9E; }
.red { color: #BA2323; }
.dark_blue { color: #173e53; }
.blue {  color: #1f5979; }
.light_blue { color: #4cbeff; }
.green { color: #3F7D22; font-weight: 700; }
.white { color: #FFFFFF; }
.light_gray { color: #999; }
.gray { color: #656565; }
.dark_gray { color: #343538; }
.white { color: white; }
.orange { color: orange;}

.font-huge { font-size: 26px; }
.font-xxxlarge { font-size: 24px; }
.font-xxlarge { font-size: 22px; }
.font-xlarge { font-size: 20px; }
.font-large { font-size: 18px; }
.font-normal { font-size: 16px; }
.font-small { font-size: 14px; }
.font-xsmall { font-size: 12px; }
.font-tiny { font-size: 11px; }
.font-xtiny { font-size: 10px; }

.height-large { line-height: 35px; }
.font-shadow { text-shadow: 2px 2px 4px #c9c8c8; }
.no-decoration { text-decoration: none; }

.price { color: #BA2323; font-size: calc(100% - 1px); font-weight: 500; font-family: sans-serif; text-align: right; } 
.number { font-family: sans-serif; }
.blue_bold { font-size: 15px; color: #1f5979; font-weight: bold; line-height: 31px; text-shadow: 2px 2px 4px #c9c8c8; list-style: none; text-align: left; margin: 0; padding: 0px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.bolder { font-weight: bolder; }
.welcome_text { line-height: 28px; color: #000; font-size: 16px; }
.nowrap { white-space: nowrap; } /* keeps text on the same line (prevents line breaks)

/* DIVS AND TABLES */
.no-scroll { overflow: hidden; }
.body_container { width: 100%; margin:0px auto; text-align: center; padding: 0; text-align: center;background-color: #EDEDED; }
.footer { background: #343538; border-top: solid 1px #000;  border-bottom: solid 1px #000; box-shadow: 1px 0 0 1px #ccc; }
.page_title_box .title { font-size: 25px; font-weight: 400; color: #333333; }
.home_verify { width: 80%; margin: auto; }
.home2 { width: 100%; text-align: center; background-color: #FFFFFF; }
.home2 .content2 li { padding-top: 15px; }
.shadow_box { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6); }
.clear { clear: both; }
.outline_box { width: 100%; background: #E8E8E8; outline: 1px solid #CCC; display: table; text-align: center; }
.form_error_message_container { color: #B02022; height: 45px; text-align: center; padding-top: 15px; }
.big_box { background: #FAC041; border: solid 1px #B0B0B0; padding: 0px; margin: 0px; color: #333333;  }
.email_message { height: 30px; max-height: 30px; overflow: hidden; vertical-align: middle; }
.box { background-color: white; text-align: left; border-radius: 0px; margin-bottom: 15px; box-shadow: 3px 2px 6px #CCC;  padding: 15px; }

/* DIV SAPCERS*/
.div_xlarge_spacer { padding-top: 100px; }
.div_large_spacer { padding-top: 50px; }
.div_spacer_large { padding-top: 50px; }
.login_div_spacer { padding-top: 30px; }
.login_error_message_padding { padding-top: 25px; }
.div_spacer { padding-top: 30px; }
.div_spacer_small { padding-top: 22px; }
.div_tiny_spacer { padding-top: 10px; }
.div_spacer_tiny { padding-top: 10px; }
.large_div_spacer { padding-top: 50px; }
.form_spacer { padding-top: 15px; margin: none;  }

/* FORUMS */
.forum_nav { width: 100%; text-align: left; font-size: 14px; }
.forum_holder { width: 100%; text-align: left; background-color: white; color: #333333; background: #FFFFFF;  }
.forum_column_holder { clear: both; cursor: pointer; background-color: white;  color: #333333; border-top: 1px solid #333333; display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.forum_column_holder:hover { background: #aad8e8; }
.forum_header { background-color: white; line-height: 45px; color: #008DBF; font-weight: bolder;  display: block; border: 1px solid #CCC; padding: 0; width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col_auto_forum { display: flex; flex-wrap: wrap; justify-content: space-between; }
.col_auto_forum_child { flex: 1 1 auto; width: fit-content; margin: 20px 0px; /* Adjust the margin as needed for spacing */ }
.forum_description { padding-left: 20px; }
.fcpadding { padding-top: 15px; } /* GIVES PADDING TO TOPICS/POSTS/LAST_POSTS TO ALIGN ON PC AND TAB */
/* FORUM COLUMNS FOR PHONE */
@media only screen and (max-width: 799px) {
  .fcpadding { padding-top: 0px; }
}
.wall_funtions { width: 100%; text-align: right; clear: both; padding-top: 5px; height: 15px;}
.new_wall_functions { display: none; }
.delete_post { float: right; width: 80px; }
.delete_post_topic { float: right;  }
.edit_post { float: right;  }
.cancel_edit { float: right; display: none; }



/* PAYMENT PAGE */
.pay_later { float: left; padding-top: 0px; padding-right: 10px; }


/* SPACERS, SIZES, PADDING, AND DEFINITIONS */
.form_label { padding-right: 20px; }
.form_row { padding-top: 15px; }
.inline-block { display: inline-block; }
.line_box { border-bottom: 1px solid #ccc; width: 100%; }
.footer_spacer { padding-top: 75px; }
.underline_div { border-bottom: 2px solid gray; }
.light_underline_div { border-bottom: 1px solid gray; }


/* COLUMN DIVIDERS */
.column_container { white-space: nowrap; text-align: justify;  }
.wrapeped_column_container { text-align: justify; }
.container::after { content: ""; display: inline-block; width: 100%; }
.column { display: inline-block; vertical-align: top; }
.column_left { float: left; vertical-align: top; }
.column_right { float: right; vertical-align: top; }
.wMessage { border-collapse: collapse; width: 100%; padding: 0px; margin: 0px; border: 1px solid white; }



.col_heading { float: left; line-height: 50px; font-size: 15px; color: #000; font-weight: bold; background-color: #f4f4f4; box-sizing: border-box; }
.review_sections_box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Adjust min and max width as needed */
  grid-gap: 10px;
}

.week_review_sections_box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adjust min and max width as needed */
  grid-gap: 10px;
}

.week_review_sections_box_es {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); /* Adjust min and max width as needed */
  grid-gap: 10px;
}

.review_sections_box .course_section,
.week_review_sections_box .course_section,
.week_review_sections_box_es .course_section {
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
}

/* Media queries for different viewport sizes */
@media screen and (max-width: 800px) {
  .review_sections_box, .week_review_sections_box {
      grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .review_sections_box, .week_review_sections_box {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 400px) {
  .review_sections_box, .week_review_sections_box {
      grid-template-columns: repeat(1, 1fr);
  }
}


/* COURSE PAGE SECTION MENU (LEFT) */
    .course_section {
        display: flex;
        align-items: center;
        margin-bottom: 0px;
        margin-left: -22px;
    }
    .course_section_checked { display: inline-block; width: 15px; height: 25px; padding-right: 10px;  background-image: url(/images/checked_green.png); background-repeat: no-repeat; }
    .course_section_unchecked { display: inline-block; width: 15px; max-height: 15px; padding-right: 10px; }


/* Z-INDEX CLASSES */

.z-index-0 { z-index: 0; }
.z-index-50 { z-index: 50; }
.z-index-100 { z-index: 100; } /* Z-INDEX USED FOR OVERLAY */
.z-index-150 { z-index: 150; }


/* OVERLAYS */
.dialog-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 100; }
.dialog-overlay-mobile { display: none; }

.button-blue { background-color:#1f5979; color:#FFFFFF;}
.button-blue:hover { background-color:#3492c5; color:#FFFFFF; }

.button-blue-large {background-color:#1f5979; color:#FFFFFF; }
.button-blue-large:hover { background-color:#1f5979; color:#FFFFFF;  }

.button-black { background-color:#343538; color:#FFFFFF;  }
.button-black:hover { background-color:#1f5979; color:#FFFFFF; }

.button-yellow { background-color:#d15921; color:#ffffff; }
.button-yellow:hover { background-color:#af3700; color:#ffffff; }

.button-green { background-color:#428000; color:#FFFFFF; }
.button-green:hover { background-color:#69C904; color:#FFFFFF; }

.button-red { background-color:#B02022; color:#FFFFFF; }
.button-red:hover { background-color:#751719; color:#FFFFFF; }

.button-white { background-color:#FFF; color:#333333; }
.button-white:hover { background-color:#1f5979; color:#FFFFFF; }

.button-disabled { background-color:#B5B5B5; color:#FFFFFF; }
.button-disabled:hover { background-color:#B5B5B5; color:#FFFFFF; cursor:not-allowed!important; }



/* BUTTONS AND LINKS */
.submit, .submit:hover { 
    position: relative; text-align: center; font-weight:bold; cursor:pointer; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; border:none; -webkit-appearance: none; -webkit-appearance: none; appearance: none; 
}

.submit:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.button, button:hover, button:visited, button:active {
    text-align: center;  font-weight:bold; cursor:pointer; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; -webkit-appearance: none; -webkit-appearance: none; appearance: none;
}




.drop_text_box { width: 100%; font-family: inherit; font-size: inherit; text-align: center; float: left; }
.dropdown-3_li_title {
    font-size: 21px; display: block; padding: 10px; text-decoration: none; color: #333; border-bottom: 1px solid #333; box-shadow: inset 0 1px 0 rgba(255,255,255,1); text-align: center; z-index: 4444; cursor:text;
}
.wrapper-dropdown-3 {
    position: relative; width: 100%; margin: 0 auto; padding: 10px 0px; background: #FFF; border-radius: 7px; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 1px 1px rgba(50,50,50,0.1); cursor: pointer; outline: none; text-align: left; font-family: 'Merriweather', serif;  font-size:18px; font-weight: 400; color: #008DBF; z-index: 99; display: table;
}
.wrapper-dropdown-3:after {
    content: ""; width: 0; height: 0; position: absolute; right: 15px; top: 50%; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #8aa8bd transparent;
}
.wrapper-dropdown-3 .dropdown {
    position: absolute; top: 140%; left: 0; right: 0; background: white; border-radius: inherit; border: 1px solid rgba(0,0,0,0.17); box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: normal; text-align: left; list-style: none; opacity: 0; pointer-events: none; z-index: 9999; display: none;
}
.wrapper-dropdown-3 .dropdown:after {
    content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 6px 6px 6px; border-style: solid; border-color: #fff transparent;    
}
.wrapper-dropdown-3 .dropdown:before {
    content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 8px 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent;    
}
.wrapper-dropdown-3 .dropdown li a {
    display: block; padding: 18px; font-size: 16px; text-decoration: none; color: #008DBF; border-bottom: 1px solid #e6e8ea; box-shadow: inset 0 1px 0 rgba(255,255,255,1); z-index: 9999;
}
.wrapper-dropdown-3 .dropdown li i { float: right; color: inherit; }
.wrapper-dropdown-3 .dropdown li:first-of-type a { border-radius: 7px 7px 0 0; }
.wrapper-dropdown-3 .dropdown li:last-of-type a { border: none; border-radius: 0 0 7px 7px; }
.wrapper-dropdown-3 .dropdown li:hover a { background: #008DBF; color: #FFFFFF; }
.wrapper-dropdown-3.active .dropdown { opacity: 1; pointer-events: auto; display: block; }

.menu_button { text-align: left; position:relative; color:#666666;  font-weight:555; cursor:pointer; line-height: 40px; outline: none!important; border: none!important; margin:auto; display:block; background-color: transparent; width: 100%; font-size: 17px;}
.menu_button:hover { color: #0181af; text-align: left; position:relative; font-weight:555; cursor:pointer; line-height: 40px; outline: none!important; border: none!important; margin:auto; display:block; background-color: transparent; width: 100%; font-size: 17px; }
.menu_button:focus { box-shadow: none; outline: none; border: none; }
.menu_button_active { text-align: left; position:relative; color:#000;  font-weight:555; cursor:pointer; line-height: 40px; outline: none !important; border: none !important; margin:auto; display:block; background-color: transparent; width: 100%;}
.menu_button_active:hover { color: #999; }
.menu_button_active:focus { box-shadow: none; outline: none; border: none; }
.menu_button_disabled { text-align: left; position:relative; color:#999;  font-weight:555; cursor:pointer; line-height: 40px; outline: none !important; border: none !important; margin:auto; display:block; background-color: transparent; width: 100%; }
.menu_button_disabled:hover { color: #999; }
.menu_button_disabled:focus { box-shadow: none; outline: none; border: none; }
.menu_button a {
    text-decoration: none;
  }


/* CHECK BOXES */

/* Hide the default checkboxes */
input[type="checkbox"] {
  display: none;
}

/* Container for checkbox */
.checkbox-container {
  display: table; /* Ensure container wraps around the checkbox and label */
}

/* Custom checkbox styling */
.blue-checkbox-small {
  display: inline-block;
  width: 25px; /* Adjust width of the checkbox */
  height: 25px; /* Adjust height of the checkbox */
  background-image: url('/images/check_boxes/unchecked.png'); /* Specify the path to your unchecked checkbox image */
  background-size: contain;
  cursor: pointer;
}input[type="checkbox"]:checked + .blue-checkbox-small {
  background-image: url('/images/check_boxes/checked_small.png'); /* Path to checked small checkbox image */
}

.blue-checkbox {
  display: inline-block;
  width: 30px; /* Adjust width of the checkbox */
  height: 30px; /* Adjust height of the checkbox */
  background-image: url('/images/check_boxes/unchecked.png'); /* Specify the path to your unchecked checkbox image */
  background-size: contain;
  cursor: pointer;
}
input[type="checkbox"]:checked + .blue-checkbox  {
  width: 30px; /* Adjust width of the checkbox */
  height: 30px; /* Adjust height of the checkbox */
  background-image: url('/images/check_boxes/checked.png'); /* Specify the path to your checked checkbox image */
}


/* EXAMS */
.exam_question { font-size: 18px; color: #444; line-height: 25px; font-weight: 600; }

/* ADMIN MENU */
.admin_menu_button:hover{ background-color:#0181af; text-align: left; position:relative; color:#FFFFFF;  border: none; font-weight:bold; cursor:pointer; line-height: 30px; display:block; }
.admin_menu_button { text-align: left; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 30px; display:block; font-size: 14px; }
.admin_menu_button a {text-align: left; position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.admin_menu_box { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; }
#admin_dashboard { position: fixed; height: 100%; background: #000; width: 70px; z-index: 999999999;}
#admin_dashboard3 { position: fixed; height: 100%; background: #000; width: 70px; z-index: 999999999; margin-top: 120px;}
.admin_dashboard2 { position: fixed; height: 100%; background: #000; width: 70px; z-index: 999999999; margin-top: 50px; }
.admin_dash_label { text-align: center; padding-top: 15px; padding-bottom: 25px; }




















































#countrySelect { height: 45px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; box-shadow: 1px 1px 5px #CCC; }
#stateSelect { height: 45px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; box-shadow: 1px 1px 5px #CCC; width: 100%; }

.select_overflow { max-height: 350px; }
.course_select { font-size:25px; font-weight: 400; color: #333333; line-height: 45px; text-align: center; }


/*table { text-align: center; }*/





.section_menu_button_disabled { text-align: left; position:relative; color:#999;  font-weight:555; cursor:pointer; line-height: 35px; outline: none !important; border: none !important; margin:auto; display:block; background-color: transparent; width: 100%;}

.course_section_number { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }




.cs_unchecked { display: block; float: left; width: 20px; height: 20px; padding-right: 5px; padding-top: 5px; }
.pc_section_holder { margin-left: -25px; }

.list_button { background-color: #343538;  text-align: center; position:relative; color:#FFFFFF;  font-weight:bold; cursor:pointer; line-height: 50px; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; }
.list_button:hover{ background:#0181af; text-align: center; position:relative; color:#FFFFFF;  border: none; font-weight:bold; cursor:pointer; line-height: 50px; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; }
.list_button a {text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}










.about_exam { text-align: center; }
.about_exam_spacer { padding-top: 35px; }

.exam_check_container { width: 25px; text-align: center; }
.exam_label_container { width: 100%; text-align: left; }
.exam_padding hr { width: 95%; margin-top: -10px; }
.exam_sub_question { padding-left: 16px; padding-top: 25px; width: 100%; text-align: left; }
.exam_sub_question span { font-size: 17px; color: #333333; font-weight: bold; }
.exam_sub_question_options { width: 100%; padding-top: 15px; }
.exam_sub_question_options span { font-weight: normal; }


#cancel_new_shipping_address{ width: 90px; font-size: 13px; line-height: 21px; margin-bottom: 4px;} 
#cancel_new_billing_address{ width: 90px; font-size: 13px; line-height: 21px; margin-bottom: 4px;} 
#change_address_button { width: 90px; font-size: 13px; line-height: 21px; }
#change_billing_address_button { width: 90px; font-size: 13px; line-height: 21px; }
#long_button { width: 100%; font-weight: bold;}
#long_button_border { width: 100%; border: solid 1px #828282; box-shadow: 2px 2px 5px #CCC;}
#confirm_order { width: 100%; }

#red { color: #B02022; }


a.red_link:link, a.red_link:visited { color: #B02022; text-decoration: underline; }
a.red_link:hover { color: #6E1314; text-decoration: underline; }
.small_red { color: #B02022; font-size: 14px; }
.red_number { font-family: sans-serif; color: #B02022; font-size: 19px; }










.small_delete { font-size: 14px; color: red; }





.title_paragraph { width: 100%; text-align: left; }



h1{  font-size:30px; font-weight: 400; color: #333333; }
a, a:link, a:visited {  text-decoration: underline; color: #333333; font-weight: 500; }
a:hover, a:active { font-weight: normal; color: #0181af; text-decoration: underline; font-weight: 500; }
img { border: 0px; /*     display: block; */ }
p,ol,ul {  font-size: 18px; color: #333333; }
.main_title { font-family: 'Merriweather', sans-serif; font-size: 45px; font-weight: 700; color: #333333; }


#totalprice { font-variant-numeric: lining-nums; }



.paypal  { float: left; padding: 10px 18px; display: box; }

.thin_box { border-top:1px solid #D9D9D9; }
.hiddenDiv { display: none; }
.visibleDiv { display: block;}
.spacer { background: white; width: 1px; }

.link {  font-size: 12px; color: #202F4F; }




.available_courses_text { display: none; }

.admin_nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0; position: 50px; height: 30px; }
.admin_nav { height: 30px; background: #E6EEF7; }
.admin_f-nav{ z-index: 999; position: fixed; left: 0; top: 200px; width: 100%;} /* this make our menu fixed top */ 
.large_holder { width: 800px; margin: 0px auto; }

.registration { padding: 0px 0px 0px 0px; width: 100%; display: table; }

#email_verified { width: 20px; height: 20px; vertical-align: top; margin-top: -2px; }
.reg_text { width: 700px; color: #333333; font-weight: 400;}
.reg_text2 { width: 722px; color: #333333; font-weight: 400;}
.reg_text3 { width: 734px; color: #333333; font-weight: 400;}
.reg { width: 200px; padding-top: 12px; padding-right: 8px; font-size:18px; font-weight: 400; color: #333333; }
.reg2 { padding-top: 0px; }
.register { width: 80%; text-align: center; padding-top: 25px; }
.reg_container { padding-top: 7px; }
/*.reg_col1 { width: 25%; float: left; text-align: right; padding-top: 12px; padding-right: 8px; font-size:18px; font-weight: 400; color: #333333; }*/
.reg_col1 { display: none;}
.reg_col2 { width: 100%; float: left; text-align: left; padding-left: 25px; }
.reg_col3 { margin: 0 auto; }
.reg_col3_text { padding-top: 10px; }
.reg_birth_col1 { width: 33%; float: left; }
.reg_birth_col2 { width: 34%; float: left; }
.reg_birth_col3 { width: 33%; float: right; }
.reg_box { width: 92%; height: 35px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; box-shadow: 1px 1px 5px #CCC; }
.reg_box_red { width: 92%; height: 35px; border-radius: 3px; border: 1px solid #B02022; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; box-shadow: 1px 1px 5px #B02022; }
.reg_complete_box { width: 90%; }
.reg_complete_spacer { padding-top: 25px; }
.reg_clear { clear: both; padding-top: 12px;  }



.col5_1 { width: 11%; float: left; text-align: center; clear: both; font-size: 15px; }
.col5_2 { width: 53%; float: left; text-align: left; font-size: 15px; }
.col5_3 { width: 11%; float: left; font-size: 15px; }
.col5_4 { width: 17%; float: left; font-size: 15px; }
.col5_5 { width: 8%; float: right; text-align: center; font-size: 15px; }

.col4_1 { width: 11%; float: left; text-align: center; clear: both; font-size: 15px; }
.col4_2 { width: 45%; float: left; text-align: left; font-size: 15px; }
.col4_3 { width: 28%; float: left; font-size: 15px; text-align: left; }
.col4_4 { width: 16%; float: left; font-size: 15px; }





.birthday_box { width: 95%; }
.birthyear_box { width: 95%; }
.birthmonth_box { width: 95%; }
.checkbox_box { width: 50px; }
.missing { border: 1px solid red; box-shadow: 2px 2px 5px #CCC; }
.missing_title { width: 100%; text-align: center; font-size: 18px; color: red; padding-top: 15px; padding-bottom: 15px; } 
.missing_object { line-height: 30px; color: red; }
.single_message_box { font-size: 18px; width: 100%; text-align: center; padding-top: 50px; padding-bottom: 50px; }




.contact_missing { width: 800px; }
.contact_input_missing { width: 100%; color: #B02022;  }
.contact_textarea_missing { width: 100%; max-width: 100%; min-width: 100%; height: 200px; max-height: 200px; min-height: 200px; color: #B02022; }

.reset_text { padding-top: 25px; padding-bottom: 25px; }
.reset_text_box { width: 90%; padding-bottom: 40px; }

.account_created { padding: 35px; }

.form_label2 { padding-right: 15px; padding-top: 12px; }


.select_course { width: 100%;}
.add_course_column1 { width: 100%; text-align: left; vertical-align: middle; padding-top: 15px; }
.course_cert_image { height: 300px; }
.add_course_price_holder { text-align: right; margin-right: 80px; margin-top: 25px;  }
.add_course_price { text-align: right; margin-right: 0px; padding-top: 25px; }

.col_spacer_course1 { width: 100%; padding-left: 50px; padding-right: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col_spacer_course2 { width: 100%; }
.col_spacer_course3 { width: 100%; }




.login_page { width: 70%; margin:0 auto; }
.login_form { width: 60%; margin: 0 auto; }
.login_form_column_container { width: 60%; margin: 0 auto; background-color: red; }
.login_form_column1 { width: 0%;  float: left; text-align: right; vertical-align: middle; padding-top: 15px; }
.login_form_column2 { width: 100%;  float: right; text-align: left; }
.login_container { width: 100%; display:table;  }
.login_box { width: 100%; height: 45px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; box-shadow: 1px 1px 5px #CCC;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.login_label_box { float: left; width: 29%; text-align: right; vertical-align: middle; padding-top: 18px; }
.login_input_box { float: right; width: 70%; text-align: left; padding-top: 8px;}
.login_input { width: 400px; }
.login_error { padding-bottom: 15px; }

.menu_cart { position: relative; top: 8px; right: 8px; }
.items_in_cart_menu { position: relative; top: -10px; left: 20px; color: #EDB200; line-height: 50px;}
.items_in_cart_menu_greater_than_10 { position: relative; top: -10px; left: 22px; color: #EDB200; }





.page_title_box { padding-top: 25px; padding-bottom: 25px; width: 100%; display: box; }
.cs_page_title_box { padding-top: 10px; padding-bottom: 18px; width: 100%; display: box; }


.form_box_medium { border-radius: 10px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; padding: 0; width: 775px; background: #FFFFFF; margin: auto; }
.form_box_title { padding-top: 20px; padding-bottom: 20px; font-size: 25px; width: 100%; text-align: center; }
.form_box_spacer { padding-top: 40px; padding-bottom: 40px; }
.form_col { width: 100%; text-align: center; }
.form_col span { width: 400px; background-color: red; }
.admin_user_edit { padding: 35px; }
.admin_account_edit { width: 400px; }
.styledRadio, .styledCheckbox { display: inline-block; }
.message_main { width: 100%; padding-top: 35px; padding-bottom: 50px; text-align: center; display: inline-block;}
.message_main .col1 { float: left; width: 25%; clear: both; text-align: right; padding: 5px 0 5px 0; background: white; }
.message_main .col2 { float: left; width: 580px; overflow: hidden; display: table-cell; text-align: left; padding: 5px 0 5px 0; background: white; }
.message_main .col3 { float: right; width: 22%; text-align: left; padding: 0px; background: white; }
.message_main .lable { padding-right: 8px; line-height: 35px; }
.message_main .form_input { width: 550px; }
.message_main .recipient_input { width: 275px; }
.message_main .hidden_recipient { display: none; }
.message_main .mirroredText { line-height: 20px; width: 550px; height: 350px;}
.message_main .form_textarea { line-height: 20px; width: 550px; height: 300px;}
.message_main .submit_container { width: 100%; }
.add_recipient_container {clear: both; display:inline-table; padding-top: 2px; padding-bottom: 2px; }
#add_recipient_button { width: 200px; }
.remove_recipient_container {clear: both; display:inline-table; padding-top: 4px; padding-bottom: 2px;}
#remove_recipient_button { width: 200px; }
#create_new_message { width: 100%; }
.dialog_box { display: none; }


.info { padding-top: 15px; text-align: left; } 
/*FAQ*/
.open { display: block; background: url(/images/box_images/plus.png) no-repeat 3px 28px; }
.close { display: block; background: url(/images/box_images/minus.png) no-repeat  3px 28px;  }
h2 { background: url(/images/box_images/plus.png) no-repeat 3px 28px; cursor: pointer; font-size: 18px; }
h2.close { background: url(/images/box_images/minus.png) no-repeat 3px 28px;}
.faq { text-align: left; border-radius: 10px; background-color:  #FFFFFF; margin-bottom: 15px; box-shadow: 3px 2px 6px #CCC;   padding-left: 10px; }
.faq_title { padding-top: 20px; padding-bottom: 20px; padding-left: 25px; padding-right: 10px; line-height: 35px; }
/*.faq_active { background-color:  #FAC041; }*/
.faq_active { background-color:  #FAC041; box-shadow: 5px 8px 5px #CCC; }
.answer { text-align: left; padding-left: 10px; padding-right: 10px; padding-bottom: 25px; margin-left: 25px; margin-top: -20px; line-height: 30px; }



.toggle_open {  display: block; background: url(/images/box_images/plus.png) no-repeat; background-position: left center; padding-left: 25px; cursor:pointer; }
.toggle_close { display: block; background: url(/images/box_images/minus.png) no-repeat; padding-left: 25px; cursor:pointer; }



.page_title { width: 100%; text-align: center; padding-top: 40px; padding-bottom: 40px; font-size:25px; font-weight: 400; color: #333333; }


.member_boxes { width: 100%; text-align: center; display: inline-block; background: white; }
.member_boxes .col1 { float: left; width: 29%; clear: both; text-align: center; background: white; }
.member_boxes .col2 { float: right; width: 69%; text-align: center; background: white; margin-left:22px;  }
.member_boxes .colSpacer { font-size: 14px; padding: 30px 15px 30px 15px; }
.sub_manage { text-align: left; padding: 15px 15px 15px 15px; font-size: 13px; font-weight: 400; color: #333333; }
.sub_manage p { padding-bottom: 10px; font-size: 13px; font-weight: 400; color: #333333; }
.sub_status { padding-top: 10px; padding-bottom: 10px; font-weight: 700; font-size: 13px; }
.sub_status .good { color: #3F7D22; font-weight: 900; }
.sub_expDate { padding-top: 5px; padding-bottom: 15px; font-weight: 700; font-size: 13px; }
.sub_expDate .good { color: #3F7D22; font-weight: 900; }

.account_manage { text-align: left; padding: 15px 15px 15px 15px; font-size: 13px; font-weight: 400; color: #333333; }
.account_status { padding-top: 10px; padding-bottom: 15px; font-weight: 700; font-size: 13px; }
.account_status .good { color: #3F7D22; font-weight: 900; }
.account_manage p{ font-size: 13px; font-weight: 400; color: #333333; padding-top: 5px; padding-bottom: 5px; }
.not_good { color: #B02022; }




#section_menu_holder { height: auto; position:relative; }
.sections_menu_scroll {
  z-index: 99999; position: fixed; margin-left: 0px; margin-top: -40px;
  top: 100px;
}

.ss_main_holder { width: 100%; overflow: visible; }
.ss_section_holder { margin: 0 auto; width: 95%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ss_section_column { width: 112px; display: inline-block; vertical-align: top; padding: 0px; }

.ss_six_column_left { width: 112px; display:block; float: left; }
.ss_six_column_right { width: 112px; display:block; float: right; }

.ss_two_column_left { width: 50%; float: left;}
.ss_two_column_right { width: 50%; float: right; }

.ss_three_column_left { width: 33%; float: left; }
.ss_three_column_right { width: 33%; float: right; }

.ss_four_column_left { width: 25%; float: left; }
.ss_four_column_right { width: 25%; float: right; }


/*Unsent Emails*/
.unsent_main_box { border: solid 1px #828282; box-shadow: 2px 2px 5px #CCC; }
#filter_text { width: 50%; }
.filter_box { width: 100%; }
#no_results { line-height: 100px; font-size: 16px; color: red; text-align: center; display: none; }
#no_results_spacer { display: none; }
#no_emails_box { height: 100px; border: solid 1px #828282; box-shadow: 2px 2px 5px #CCC; font-size: 16px; color: red; text-align: center; padding-top: 15px; }
#no_emails_box .no_emails { background: red; } 
.message_sort { font-size: 16px; line-height: 40px; text-align: left; padding-left: 0px; text-decoration: underline; cursor: pointer; }
#message_sort1 { padding-left: 10px; }
#message_sort3 {text-align: center; padding-left: 20px; }


.delete_email_list { display: block; float: right; padding-right: 15px; padding-top: 4px; }
.SortDsc, .SortAsc, .SortNone { height: 10px; width: 10px; float: right; position: relative; top: 3px; left: 5px; }
.SortAsc { background-image: url(/images/arrow-down.gif); }
.SortDsc { background-image: url(/images/arrow-up.gif); }
.SortNone { background-image: none; }
.loading_box { width: 100%; text-align: center; display: none; }

#displayMessage { display: none; width: 100%; line-height: 40px; color: #428003; font-size: 18px; padding-bottom: 50px; text-align: center; }
#message_link1 { display:inherit; width:375px; cursor: pointer; line-height: 45px; padding-left: 8px; }
#message_link2 { display: inherit; width:410px; cursor: pointer; line-height: 45px;}
#message_link3 { display: inherit; width:115px; cursor: pointer; line-height: 45px;}

.col2_container .col1_verify { float: left; width: 30%; clear: both; text-align: right; padding-top: 10px; }
.col2_container .col2_verify { float: right; width: 70%; text-align: left; padding-top: 10px; }


/*Admin Store*/

/*Categories*/
.categories { border-collapse: collapse; width: 100%; padding: 0px; margin: 0px; }
.categories .col1 { width: 70%; line-height: 45px; text-align: left; }
.categories .col2 { width: 10%; line-height: 45px; text-align: left;}
.categories .col3 { width: 10%; line-height: 45px; text-align: left;}
.categories .col4 { width: 10%; line-height: 45px; text-align: left;}
.operations { border-collapse: collapse; }
.operations td { padding: 0px; text-align: center; width: 10px; }
.categories span { padding-left: 8px; }

/*store*/
#number { font-family: sans-serif; }
.sale { color: #555555; font-size: 16px; text-decoration: line-through; font-weight: 200; font-family: sans-serif; }

.number_savings { color: #555555; font-size: 12px; font-weight: 200; font-family: sans-serif; }

.price_savings { color: #B02022; font-size: 13px; font-weight: 500; font-family: sans-serif; } 
.price_label { color: #555555; font-size: 13px; font-weight: 500; } 
.store_category { padding-top: 40px; text-align: left; font-size: 21px; }
.pricing_box { width: 65%; }
.pricing_spacer { padding-top: 20px; }

.item_container { width: 100%; padding-top: 15px; padding-bottom: 10px; clear: both; display: inline-block; }
.item_image_col { width: 11%; float: left; clear: both; display: table-cell; text-align: center; }
.item_product_col { width: 65%; float: left; text-align: left; display: table-cell; margin: auto;}
.item_cart_col { width: 14%; float: right; margin: auto;}



.item_product_wrap a { color: #24739E; font-weight: 600; text-decoration: none; font-size: 16px; } 
.item_product_wrap a:hover { color: #55A601; font-weight: 600; text-decoration: none; }
.item_product_wrap a:active { color: #4BA5D6; font-weight: 600; text-decoration: none; }
.item_product_wrap a:visited { color: #24739E; font-weight: 600; text-decoration: none; }
.item_product_wrap a:visited:hover { color: #55A601; font-weight: 600; text-decoration: none; }

.review_item_container { width: 100%; padding-top: 15px; padding-bottom: 10px; clear: both; display: inline-block; }
.review_item_image_col { width: 20%; float: left; margin: auto; }
.review_item_product_col { width: 60%; float: left; text-align: left; display: table-cell; margin: auto;}
.reivew_item_cart_col { width: 20%; float: right; margin: auto;}
.review_item_details { padding-top: 15px; text-align: left; font-size: 14px; }


.white_line_box { border-bottom: 1px solid #FFF; width: 100%; text-align: left; }

.item_spacer { border-bottom: 1px solid #CCCCCC;  }
.item_product_wrap { padding-left: 10px; font-size: 20px; font-weight: 600; }
.item_details { padding-top: 10px; font-size: 14px; }
.item_details p { font-size: 13px; }
.item_price { padding-top: 15px; }
.savings { padding-top: 3px; }
#add_cart { width: 150px; }
.left_in_stock { text-align: center; color: #24739E; padding-top: 8px; }

.cart_container { width: 100%; padding-top: 8px; padding-bottom: 10px;; clear: both; display: inline-block; }
.cart_image_col { width: 8%; float: left; clear: both; display: table-cell; text-align: center; }
.cart_product_col { width: 72%; float: left; text-align: left; display: table-cell; margin: auto;}
.remove_item { padding-top: 10px; }
.price_quantity {width: 28%; text-align: center; display: inline-block; }
.price_quantity .price_box { width: 50%; float: left; line-height: 35px; text-align: left; }
.price_quantity .quantity { width: 50%; float: right; text-align: right; }
.price_quantity .price_box p { padding-right: 5px; text-align: left; }
.quantity_spacer { padding-right: 0px; }
.change_quantity { width: 72px; }
.cart_price { padding-top: 8px; }
.cart_subtotal { padding-top: 10px; width: 100%; text-align: right; font-weight: 600; font-size: 18px; }
.cart_subtotal p { padding-right: 25px; }
.subtotal { color: #B02022; font-size: 18px; font-weight: 700; font-family: sans-serif; } 

.cart_empty { padding-top: 10px; font-size: 16px; color: #B02022; width: 100%; text-align: center; }
.empty_cart_continue_shopping { width: 100%; text-align: center; padding-top: 40px; } 

.checkout_address { width: 100%; display: inline-block; text-align: left; }
.checkout_label_col { width: 17%; float: left; margin: auto; font-size: 16px; font-weight: 700; }
.checkout__address_col { width: 73%; float: left; display: table-cell; margin: auto; font-size: 14px; }
.checkout_products_col { font-size: 16px; text-align: left; font-weight: 700; }
.checkout_button_col { width: 10%; float: right; margin: auto; }
.checkout_label_change { width: 100%; margin: auto; }
.checkout_label_change td { font-size: 16px; font-weight: 700; color: #B02022; }
#update_shipping_address { display: none; }
#update_billing_address { display: none; }

.missing_form_item { color: #B02022; }

.checkout_item_name { text-align: left; font-size: 15px; }
.checkout_item_quantity { font-size: 13px; }
.checkout_item_price { color: #B02022; font-size: 13px; font-weight: 600; }
.checkout_item_shipping {  font-size: 13px; }

.checkout_totals { display: inline-block; text-align: left; }
.checkout_totals p { font-weight: 700; font-size: 14px; padding-top: 10px; }
.checkout_totals .total { font-weight: 700; font-size: 19px; padding-top: 10px; }
.checkout_totals .total_price { color: #B02022; font-weight: 700; font-size: 19px; padding-top: 10px; }
.checkout_totals_col1 { float: left; padding-right: 40px; }
.checkout_totals_col2 { float: right; }
.center_page { width: 100%; text-align: center; }

.terms { width: 95%; padding-bottom: 15px; text-align: left; }








#add_session_note { width: 100%; background: #E1EEFA; }
.session_notes_field { width: 620px; }
.session_notes_field2 { width: 400px; padding-top: 10px; }
.session_notes_field3 { width: 215px; padding-top: 10px; }
.part_box { padding-top: 5px; }
.participant1 { width: 50%; float: right; }
.participant1 { width: 50%; float: left; }
#remove_part { line-height: 34px; height: 34px; }

.list_box { background-color: #343538;  text-align: center; position:relative; color:#FFFFFF;  font-weight:bold; cursor:pointer; line-height: 50px; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; }
.list_box:hover{ background:#0181af; text-align: center; position:relative; color:#FFFFFF;  border: none; font-weight:bold; cursor:pointer; line-height: 50px; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; }
.list_box_active{ background:#008DBF; text-align: center; position:relative; color:#FFFFFF;  border: none; font-weight:bold; cursor:pointer; line-height: 50px; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; }
.list_box_active:hover{ background:#008DBF; text-align: center; position:relative; color:#FFFFFF;  border: none; font-weight:bold; cursor:pointer; line-height: 100%; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; display:block; }
.centered { width: 100%; text-align: center; margin: 0px auto; }
#thin_button { height: 30px; line-height: 25px; }



.course_page_break { background: red; padding-top: 15px; width: 100%;  }
.course_page_block { text-align: center; padding-top: 15px; padding-bottom: 25px; }
.course_page_block_small { text-align: center; padding-top: 15px; padding-bottom: 0px; }
.course_page_end { padding-top: 15px; }
.course_page_premium_price { font-size: 21px; color: #B02022; font-weight: 600; font-family: sans-serif; text-align: center; width: 100%; }

.blue_link:link { color: #1f5979; font-size: 14px; }
.blue_link:visited { color: #1f5979; font-size: 14px; }
.blue_link:active { color: #1f5979; font-size: 14px; }
.blue_link:hover { color: #5CD4FF; font-size: 14px; }


.courses_box { text-decoration: none; display: block; width: 100%;  background: url(/images/box_images/plus.png) no-repeat left center; padding: 3px 10px 0 25px; cursor: pointer;  margin-left: 15px;  }


.your_course {text-decoration: none; height: 50px; line-height: 50px; }

.your_course_ready { float: right; width: 40%; text-align: center; padding-top: 15px; font-size: 15px; font-weight: 700; }
.your_course_rest { float: right;  width: 20%; }



/*.open { display: block; background: url(/images/box_images/plus.png) no-repeat; background-position: left center; padding-left: 25px;}
.close { display: block; background: url(/images/box_images/minus.png) no-repeat; padding-left: 25px; }
*/




.toggle_open {  display: block; background: url(/images/box_images/plus.png) no-repeat; background-position: left center; padding-left: 25px; cursor:pointer; }
.toggle_close { display: block; background: url(/images/box_images/minus.png) no-repeat; padding-left: 25px; cursor:pointer; }





.certificate_column_left { width: 59%; text-align: right; float: left; }
.certificate_column_right { width: 41%; text-align: left; float: right; }  
.course_premium_price { font-size: 21px; color: #B02022; font-weight: 300; font-family: sans-serif; text-align: right; } 
.course_textarea {   
  -moz-box-sizing: border-box;    /* For Firefox                          */
  -webkit-box-sizing: border-box; /* For Safari                           */
  box-sizing: border-box;
}


.cart_item_holder { border-bottom: solid #999 1px; padding-bottom: 18px; padding-top: 18px; display: table; width: 100%; vertical-align: middle; height: 100%; }
.cart_item_left { float:left; width: 80%; text-align: left; display: table-cell; }
.cart_item_middle { float: left; width: 12%; display: table-cell; padding-top: 14px; }
.cart_item_right { float: right; width: 8%; display: table-cell; padding-top: 14px; }


.exam_padding { padding-top: 10px; }
.exam_question_spacer { padding-top: 35px; }
.exam_question_col_1 { width: 30px; padding-top: 3px;}
.exam_question_col_2 { width: 100%; }
.course_line td { border-bottom: 1px solid #333333; padding: 15px 0 15px 0; }

.course_info_box { border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; }
.guarentee_text_box { float: left; height: 100%; width: 75%; }
.guarentee_image_box { float: right; width: 25%; }
.column_div { display: inline-block; width: 100%; height: 100%; }

.column_container2 { display: table; width: 100%; display: inline-block; }
.column_half_left { width: 50%; float: left; }
.column_half_right { width: 50%; float: right; }

.about_course_steps { background: white; }
.about_course_steps_container { padding-top: 25px; display: box; }

.cs_subjects_holder { display: block; }
.cs_subject { clear: both; padding-bottom: 50px; padding-top: 50px;  }
.cs_subject_title { border-bottom: 1px solid #333333; line-height: 40px; width: 100%; text-align: center; }
.cs_sections_holder { padding-top: 25px; }
.cs_section_1 { display: block; float: left;  width: 50%; text-align: left; line-height: 35px; }
.cs_section_2 { display: block; float: right; width: 50%; text-align: left; line-height: 35px; }
.cs_checked { display: block; float: left; width: 20px; height: 20px; padding-right: 5px; margin-top: 3px; background-image: url(/images/checked_blue.png); background-repeat: no-repeat; }
.cs_unchecked { display: block; float: left; width: 20px; height: 20px; padding-right: 5px; padding-top: 5px; }

/* 

 width: 200px; 
  text-decoration: none; 
  
  text-align: center; 
  margin: 0 auto;
  position:relative; 
  color:#FFFFFF;  
  font-weight:bold; 
  cursor:pointer; 
  outline: none;
  

  display:block;
  z-index: 9999; 

   */





  






.container {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container .wrapper {
  width: 95%;
  overflow: hidden;
  margin: 0px auto;
}
.container.section {
  color: #00aced;
}
 
.container.section .holder {
  width: 95%;
/*  padding: 20px 50px;*/
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} 

.container.section .holder {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.container.section .code { background: none; }

.container.section .code h2 { margin-top: 0px; color: #777; }

.container label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  padding: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.container table:hover {
  color: white;
  overflow: hidden;
  cursor: pointer;
  padding: 0px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background:#0181af;
}
.container .exam_check_container {
  padding-left: 25px;
  height: 40px;
}

.container label > * {
  display: inline-block;
  vertical-align: middle;
}

.container label > span {
  margin-left: 8px;
  font-size: 18px;
  margin-top: -4px;
}


.container #status {
  text-align: center;
  font-size: 20px;
  margin-bottom: 0px;
}


.container#checkbox span + .custom-checkbox {
  display: inline-block;
  margin-left: 15px;
}






  













/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}

/* DEMO 2 */

.drop_text_box { font-family: inherit; font-size: inherit; }



.active { 
  z-index: 9999;
}
.inactive { 
  z-index: 1;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}





.container {
  width: 100%;
  position: relative;
}


.clr_pc {
  clear: both;
  padding: 0;
  height: 0;
  margin: 0;
}
.container > header {
  margin: 10px;
  padding: 20px 10px 10px 10px;
  position: relative;
  display: block;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}

.container > header h1 {
  font-size: 30px;
  line-height: 38px;
  margin: 0;
  position: relative;
  font-weight: 300;
  color: #666;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}

.container > header h2 {
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  padding: 15px 0 5px 0;
  color: #888;
  font-family: Cambria, Georgia, serif;
  font-style: italic;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
}

/* Header Style */
.codrops-top {
  line-height: 24px;
  font-size: 11px;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  z-index: 9999;
  position: relative;
  font-family: Cambria, Georgia, serif;
  box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.codrops-top:before,
.codrops-top:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.codrops-top:after {
    clear: both
}

.codrops-top a {
  padding: 0px 10px;
  letter-spacing: 1px;
  color: #333;
  display: inline-block;
}

.codrops-top a:hover {
  background: rgba(255,255,255,0.6);
}

.codrops-top span.right {
  float: right;
}

.codrops-top span.right a {
  float: left;
  display: block;
}

/* Demo Buttons Style */
.codrops-demos {
    text-align:center;
  display: block;
  line-height: 30px;
  padding: 5px 0px;
}

.codrops-demos a {
    display: inline-block;
  margin: 0px 4px;
  padding: 0px 6px;
  color: #aaa;
  line-height: 20px;  
  font-size: 12px;
  font-weight: 700;
  text-shadow: 1px 1px 1px #fff;
  border: 1px solid #fff;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
  background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.codrops-demos a:hover {
  color: #333;
  background: #fff;
}

.codrops-demos a:active {
  background: #fff;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
  background: #f0f0f0;
  border-color: #d9d9d9;
  color: #aaa;
  box-shadow: 0 1px 0 rgba(255,255,255,0.3);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.support-note span {
  color: #ac375d;
  font-size: 16px;
  display: none;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}

.no-cssanimations .support-note span.no-cssanimations,
.no-csstransforms .support-note span.no-csstransforms,
.no-csstransforms3d .support-note span.no-csstransforms3d,
.no-csstransitions .support-note span.no-csstransitions {
  display: block;
}













.close_dialog_main {
  position: absolute;
  top: -15px;
  right: -27px;
  cursor: pointer;
}

.dialog-overlay[aria-hidden="true"],
.dialog[aria-hidden="true"] {
  display: none;
}

.dialog-overlay:not([aria-hidden="true"]),
.dialog:not([aria-hidden="true"]) {
  display: block;
}

.sr-only {
  opacity: 0;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.dialog_container { display: none; }







.client_col1 { width: 22%; line-height: 45px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; border-top: 1px solid #fff; }
.client_col2 { width: 10%; line-height: 45px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.client_col3 { width: 10%; line-height: 45px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.client_col4 { width: 35%; line-height: 45px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.client_col5 { width: 13%; line-height: 45px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.client_col6 { width: 10%; line-height: 45px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; border-top: 1px solid #fff; border-left: 1px solid #fff; }
#heading_label { background: #343538; color: #FFFFFF; }
.client_box { padding-left: 8px; }

.message_sort { text-align: center; }

.loading { display: none;   width:100px;
  height:100px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px; }
.dialog_buttons_holder { width: 97%; margin: auto; }



.account_info_text { padding-top: 4px; }
.change_email_error { position: absolute; right:0px; top: 50px; text-align: center; width: 100%; display: none; color: #B02022; }
.change_password_error { position: absolute; right:0px; top: 50px; text-align: center; width: 100%; display: none; color: #B02022; }

.reset_pw { width: 80%; margin: 0 auto; }
.verify_input { width: 450px; height: 35px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; box-shadow: 1px 1px 5px #CCC;}
.verify_main { width: 100%; text-align: justify; }




.account_info_col1 { float:left; width: 16%; display: table-cell; text-align: left; }
.account_info_col2 { float:right; width: 84%; display: table-cell; text-align: left; }

.recover_column1 { float:left; width: 25%; display: table-cell; text-align: right; }
.recover_column2 { float:left; width: 75%; display: table-cell; text-align: left; }
.recover_column1 span { display:inline-block; padding-right: 25px; padding-top: 15px;  }
.recover_column2 span { display:inline-block; width: 80%; }

.paragraph1 { padding-top: 0px; text-align: left; line-height: 25px; }
.paragraph2 { padding-top: 25px; text-align: left; line-height: 25px; }

.course_info_column_container { display: table; width: 100%; }
.course_info_column1 { float: left; width: 60%; display: block; height: 75px; text-align: left; position:relative; border-bottom: 1px solid gray; }
.course_info_column2 { float: left; width: 15%; display: block; height: 75px; text-align: center; position:relative; border-bottom: 1px solid gray;}
.course_info_column3 { float: left; width: 10%; display: block; height: 75px; text-align: center; position:relative; border-bottom: 1px solid gray; }
.course_info_column4 { float: right; width: 15%; display: block; height: 75px; text-align: center; position:relative; border-bottom: 1px solid gray;}

.course_info_column1 span { position:absolute; top:35%; padding-left: 15px; }
.course_info_column2 span { position:absolute; top:20%; left: 35%; }
.course_info_column3 span { position:absolute; top:35%; left: 25%; }
.course_info_column4 span { position:absolute; top:25%; left: 5%; }
.tab_padding { padding: 0px; }
#hours_id1 { width: 125px; }



.assessment_width1 { width: 75%; float: left; border-bottom: 1px #333 solid; text-align: left; clear: both; }
.assessment_width2 { width: 10%; float: left; border-bottom: 1px #333 solid; }
.assessment_width3 { width: 15%; float: right; border-bottom: 1px #333 solid; }
.padding_60 { padding-top: 60px; }


.footer_left { padding-left: 15px; float: left; display: table-cell; }
.footer_links { margin-left: auto; margin-right: auto; width: 900px; text-align: center; }




.time_remaining { padding: 5px 25px 5px 25px; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; background-color: #FFFFFF; }

.cs_time_holder { width: 100%; text-align: center; display: inline-block; }
.cs_hour_holder { float: left; width: 50%; text-align: center; font-size: 21px; }
.cs_minute_holder { float: right; width: 50%; text-align: center;  font-size: 21px; }
.cs_hour_label { float: left; width: 50%; text-align: center; font-size: 12px; color: #333333; }
.cs_minute_label { float: right; width: 50%; text-align: center;  font-size: 12px; color: #333333; }




.forum_name_padding { padding-left: 15px; }
.forum_admin { float: right; }

/* background-color: #008DBF; */


.forum_last_post_date_holder { font-size: 12px; }
.forum_last_post_user_holder { font-size: 12px; }
.no_posts { font-size: 12px; padding-top: 7px; }


.topic_column_holder { clear: both; height: 45px; cursor: pointer; display: block; background-color: white; padding-bottom: 0px; color: #333333; border-top: 1px solid #333333; }
.topic_column_holder:hover { background: #aad8e8; display: block; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }

.topic_last_post_date_holder { font-size: 12px; }
.topic_last_post_user_holder { font-size: 12px; }
.topic_no_posts { font-size: 12px; line-height: 30px; }

.topic_name_padding { padding-left: 15px; line-height: 45px; }
.topic_header_column1 { float: left; width: 60%; text-align: left; font-size: 16px; line-height: 45px; }
.topic_header_column2 { float: left; width: 10%; text-align: center; font-size: 16px; text-align: center; line-height: 45px; }
/* .topic_header_column3 { float: left; width: 10%; text-align: center; font-size: 16px; text-align: center; line-height: 45px; } */
.topic_header_column4 { float: left; width: 15%; text-align: center; font-size: 16px; text-align: center; line-height: 45px; }
.topic_header_column5 { float: right; width: 15%; text-align: center; font-size: 16px; text-align: center; line-height: 45px; }

.topic_column1 { float: left; width: 60%; text-align: left; font-size: 12px; line-height: 30px; }
.topic_column2 { float: left; width: 10%; text-align: center; font-size: 12px; text-align: center; line-height: 45px; }
/* .topic_column3 { float: left; width: 10%; text-align: center; font-size: 12px; text-align: center; line-height: 45px; } */
.topic_column4 { float: left; width: 15%; text-align: center; font-size: 12px; text-align: center; line-height: 45px; }
.topic_column4 { font-size: 12px; }
.topic_column5 { float: right; width: 15%; text-align: center; font-size: 12px; text-align: center; padding-top: 15px; }

.wall_holder { padding-bottom: 50px; }
.wall_poster_info_holder { padding-top: 25px; width: 100%; }
.wall_poster { float: left; width: 50%; font-weight: bold; }
.wall_post_date { float: right; width: 50%; text-align: right; font-weight: bold; }
.new_wall_post_date { float: right; width: 50%; text-align: right; font-weight: bold; display: none; }
.wall_text { padding-top: 45px; padding-left: 25px; line-height: 30px; }
.new_wall_text { padding-top: 25px; line-height: 30px; }
.post_text { line-height: 30px; }
.wall_text_after_edit { padding-top: 5px; padding-left: 25px; line-height: 30px; }



.edit_post_holder { display: none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.save_edit_holder { width: 100%; margin-top: -10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 1px 1px 10px #CCC; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.post_text_edit { width: 100%; max-width: 100%; min-width: 100%; min-height: 60px; padding-top: 5px; line-height: 30px; overflow: hidden; height: 50px; overflow-y: hidden;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.forum_functions { width: 100%; }
.forum_function_col1 {  float: left; width: 165px; }
.forum_function_col2 {  float: left; width: 165px; }

.topic_locked { color: #B02022; padding-bottom: 15px; padding-top: 15px; display: block; }

.new_topic_holder { width: 800px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.new_topic_subject_holder { display: none; }
.new_topic_subject_input_holder { width: 100%; float: right; }
.new_topic_subject { width: 700px; }
.new_topic_message_holder { display: none; }
.new_topic_message_input_holder { width: 100%; float: right; }
.new_topic_textarea { width: 700px; height: 150px; font-size: 18px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; box-shadow: 1px 1px 5px #CCC; margin: 0 auto; }
.new_topic_sticky_input_holder { width: 5%; float: left; text-align: left; padding-top: 6px; padding-left: 37px; }
.new_topic_sticky_holder { width: 15%; float: left; text-align: left; padding-top: 10px; padding-left: 0px;  color: #008DBF; font-size: 14px; }

.hidden { display: none; }
.hide { visibility: hidden; }

.dialog_new_topic {
  height: auto;
  max-width: 800px;
  background-color: #fff;
  padding: 20px;
  text-align: center;
  max-width: 80%;
  position: fixed;
  top: 50%;
  left: 50%;
  padding-bottom: 30px;
  transform: translate(-50%,-50%);
  z-index: 99999999;
  display: none; width: 800px;
}

/* Language select in header */


.language-dropdown-unique {
    position: relative;
    display: inline-block;
}

.dropdown-button-unique,.dropdown-button-unique:hover,.dropdown-button-unique:visited,.dropdown-button-unique:active {
    background-color: #0073e6;
    color: white;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: normal;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

 .dropdown-button-unique:hover {
    background-color: #005bb5;
}

.dropdown-button-unique:active {
    background-color: #005bb5;
}

.dropdown-content-unique {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 101;
    border-radius: 4px;
}

.dropdown-content-unique a {
    color: black;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    border-radius: 4px;
}

.dropdown-content-unique a:hover {
    background-color: #f1f1f1;
}

/* Admin Control Panel */