body {
  background-color: #eceef1;
  margin: 0;
  padding: 0;

  font: normal "Lucida Grande",verdana,arial,helvetica,sans-serif;
}

th {
  text-align: left;
}

a {
  color : #cc3744;
  text-decoration: none !important;
  cursor: pointer;
}

a.variant {
  color : #337ab7;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

a:hover, a:focus, .red_font_color {
  color: #cc3744;
}

a.variant:hover {
  color: #337ab7;
}

p {
  margin: 0;
}

ul {
  padding: 0;
  list-style: none;
}

table {
  margin: 0 0 1.1em;
  padding: 0;
  border-width: 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  table-layout: auto;
}

table.dataTable thead>tr>th.sorting_asc, 
table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting, 
table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc, 
table.dataTable thead>tr>td.sorting {
  text-align: left;
  /*border-right-style: solid;
  border-right-color: #ffffff;
  border-right-width: 1px;*/
}

table.dataTable thead th, table.dataTable thead td {
  padding: 5px;
  border-bottom: 1px solid #111;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #e5e5e5;
}

thead.data_heading {
  background-color: #999;
  color: #ffffff;
}

.col-sm-10.resetPosition {
  float: none;
  padding-left: 0;
  width: 100%
}

/*Log-in Form CSS */
#bodywrapper {
  width: 97%;
  margin: auto;
}

#header {
  zoom: 1;
  margin-bottom: 20px;
}

.img-responsive.auto-size {
  float: left;
}

#header::after {
  content: " ";
  display: table;
  clear: both;
}

#title_text_header {
  border-bottom: 1px solid #e1dccc;
  font-size: 150%;
  color: #10325d;
  padding: 0 8px .1em;
  margin-bottom: .9em;
  font-family: "hoefler text",georgia,"times new roman",serif;
}

#contentwrapper {
  background-color: #ffffff;
  border-radius: 20px;
  margin-bottom: 2em;
  box-shadow: 10px 0 13px -10px #888888;
}

#loginContentWrapper {
  background-color: #ffffff;
  border-radius: 20px;
  margin-bottom: 2em;
  box-shadow: 10px 0 13px -10px #888888;
}

#contentwrapper .tab_header {
  color: #10325d;
  margin-top: 0;
  border-bottom: 1px;
  border-bottom-style: solid;
  padding-bottom: 10px;
  font-size: 150%;
  border-bottom-color: #e1dccc;
  font-family: "hoefler text",georgia,"times new roman",serif;
}

#content {
  padding: 18px;
}

#site_logo_wrapper {
  max-width: 400px;
  float: left;
  padding-top: 20px;
  width: 100%;
}

#error {
  width: 100%;
  display: block;
  color: #ffffff;
  font-weight: bold;
  margin: 0 0 1.1em;
}

#menuwrapper {
  float: right;
  margin-top: 20px;
}

#menubodywrapper {
  width: 100%;
  margin-top: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#forgotPassword {
  color: #be2834;
  font-weight: normal;
}
#menubodywrapper::after {
  content: " ";
  display: table;
  clear: both;
}

#menuwrapper label.account {
  margin-left: 5px;
  color: #cc3744;
}

#menuwrapper li {
  float: left;
  margin: 0 16px .8em 0;
  padding: 0;
  background-image: none;
  line-height: 1.3;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#menuwrapper li a {
  padding: 5px 6px;
  background-color: #fff;
  color: #cc3744;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#menubodywrapper li {
  float: left;
  padding: 0;
  background-image: none;
  line-height: 1.3;
}

#menubodywrapper li.viewreport {
  margin-right: 0;
  float: right
}

#menubodywrapper li a.viewreport_btn {
  margin-right: 0;
}

#menubodywrapper li a {
  float: left;
  font-size: 17px;
  color: #cc3744; 
  padding: 5px 10px;
  background-image: none;
  background-color: #f9f9f9;
  line-height: 1.3;
  border-right: 1px solid #000000;
}

#menubodywrapper li a.no-new {
  border-right: none;
}

#menubodywrapper li:last-child a.new {
  border-right: 1px solid #000000 !important;
}

#menubodywrapper li:last-child a {
  border-right: 0 !important;
}

#menubodywrapper li a:hover {
  background-color: #e5e5e5;
}

#menubodywrapper li a.active {
  background-color: #be2834;
  color: #ffffff;
}

#menuwrapper li a:hover {
  background-color: #e5e5e5;
}

#menuwrapper li a.active {
  background-color: #be2834;
  color: #ffffff;
}

.general_column_spacing {
  padding-top: 10px;
}

/* Survey Form */
#viewreportwrapper, .display_none {
  display: none;
}

#addsurvey {
  display: none;
}

#addsurvey::after {
  content: " ";
  display: table;
  clear: both;
}

#survey_filter_table_layout th.exportcsv_btn {
  float: right;
}

#survey_frame_wrapper {
  width: 100%;
  border: none;
}

#viewreportwrapper th {
  text-align: left;
} 

table.fields {
  width: 100%;
}

table.fields td {
    padding: 0 0 8px;
}

a.forgetpassword {
  color: #cc3744;
  margin-left: 10px;
}

a.forgetpassword:hover {
  text-decoration: underline !important;
}

.dataTables_paginate.paging_simple_numbers a {
  color: inherit;
}

#main_wrapper {
  width: 1200px;
  position: relative;
  margin: auto;
  left: 0;
  right: 0;
}

#survey_data_table_layout_filter,
#viewreport_data_table_layout_filter,
#viewreport_data_table_country_filter,
#viewreport_data_table_wokrplan_filter {
  padding-bottom: 15px;
}

#heading_wrapper h3 {
  margin-bottom: 20px;
}

h3 {
  font-size: 150%;
}

#heading_wrapper h3.alignLeft {
  text-align: left;
}

#reportwrapper {
  display: block;
}

#viewreportwrapper h3 {
  font-size: 150%;
}

#viewreportwrapper h3.headerspace {
  margin-bottom: 20px;
}

#reportmenuwrapper .view_as_btn {
  float: right;
}

.datepicker_size {
  width: 100%;
  height: 34px;
  text-align: center;
}

/*add organization */

#organization_management {
  display: none;
}

#org_add_wrapper {
  display: none;
}

#orgform_wrapper {
  background-color: #ededed;
  width: auto;
  min-height: 200px;
  border-radius: 20px;
  padding: 20px;
  margin-top: 0;
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#orgform_wrapper::after {
  content: " ";
  display: table;
  clear: both;
}

#orgtable_wrapper {
  width: 100%;
}

#orgform_content {
  width: auto;;
  max-width: 500px;
  padding: 20px 0;
}

#orgform_wrapper .form-horizontal .control-label {
  width: auto;
  padding-left: 0;
  margin-bottom: 10px;
  float: left;
  padding-top: 0;
}


#orgform_wrapper tbody td label {
  font-weight: 700;
}

#organization_management .btn-primary {
  background-color: #be2834;
  border-color: #be2834;
}

.btn-primary {
  background-color: #be2834;
  border-color: #be2834;
  float: right;

}

.btn-primary:hover {
  background-color: #be2834;
  border-color: #be2834;
}

.btn-primary:active:focus {
  background-color: #be2834 !important;
  border-color: #be2834 !important;
}

.btn-primary:focus {
  background-color: #be2834;
  border-color: #be2834;
}

.btn-primary.cancel_btn {
  float: right;
  margin-right: 30px;
}

.btn-primary.status {
  float: left;
}

.btn-primary.status:active:focus {
  background-color: #be2834;
  border-color: #be2834;
}

.btn-primary.edit {
  float: right;
}

.btn-primary.edit:active:focus {
  background-color: #be2834;
  border-color: #be2834;
}

.btn-primary.delete_btn {
  float: none;
}

.datacell_align {
  text-align: center;
}

#topic_management .btn-primary {
  background-color: #cc3744;
  border-color: #cc3744;
  float: right;
}

#country_management .btn-primary {
  background-color: #cc3744;
  border-color: #cc3744;
  float: right;
}

#survey_form_wrapper .form-horizontal .control-label {
  padding-bottom: 5px;
  text-align: left;
}

#orgform_wrapper::after {
  content: " ";
  display: table;
  clear: both;;
}

#orgform_wrapper .radio.toLeft {
  float: left;
  font-size: 92%;
}

/* add user */

#user_management {
  display: block;
}

#user_datatable_wrapper::after {
  content: " ";
  display: table;
  clear: both;
}

#user_management_wrapper {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

#user_management_wrapper::after {
  content: " ";
  display: table;
  clear: both;
}

#report_management_wrapper {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  padding-top: 10px;
}

#report_management_wrapper::after {
  content: " ";
  display: table;
  clear: both;
}

#adduser_wrapper {
  width: 100%;
  text-align: left;
  height: auto;
  float: left;
}

#assign_organization_form {
  width: 100%;
}

#assign_role_wrapper {
  width: 100%;
  min-height: auto;
  max-width: 500px;
  text-align: right;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 11px;
}

.form-horizontal::after {
  content: " ";
  display: table;
  clear: both;
}

.form-horizontal #assign_role_wrapper .control-label {
  text-align: left;
  padding-left: 0;
  font-size: 92%;
  float: left;
}

.permission_wrapper {
  margin-right: 15px;
  float: left;
}

.adminlabel_wrapper {
  margin-right: 50px;
  float: left
}

.topiclabel_wrapper {
  margin-right: 35px;
  float: left
}


#user_management_wrapper .btn-primary {
  background-color: #be2834;
  border-color: #be2834;
  float: none;
  width: 100%
}

#reportmenuwrapper .btn-primary {
  background-color: #be2834;
  border-color: #be2834;
  float: none;
  width: 100%
}

.remove_filter_right_padding{
  padding-right: 10px;
}

.remove_right_padding{
  padding-right: 0px;
}

#workplan_report_export_csv{
  padding-right: 4px;
  padding-left: 4px;
}
/*
#workplan_report_export_pdf{
  font-size: 1.5vw;
}*/

#user_table_wrapper {
  width: 100%;

}

#user_add_wrapper {
  display: none;
}

#login_wrapper .form-horizontal .control-label {
  text-align: left;
}

#login_wrapper img {
  width: 100% !important;
  height: 50px !important;
}

#login_wrapper .btn-primary {
  background-color: #be2834;
  border-color: #be2834;
}

#login_wrapper .login_error {
  max-width: none;
}

/* add topic */

#topic_management {
   display: none;
}

#topic_table_wrapper {
  width: 100%;
}

/* add country */
#country_management {
  display: none;
}

#country_table_wrapper {
  width: 100%;
}

/* assign organization */
#assign_organization_wrapper {
  background-color: #ededed;
  width: auto;
  min-height: 200px;
  border-radius: 20px;
  padding: 20px;
  margin-top: 0;
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
}

#assign_organization_form_wrapper .form-horizontal .assign_role_spacing {
  padding-left: 0;
  text-align: left;
}

#assign_organization_form_wrapper .form-horizontal .remove_padding {
  padding: 0;
}

#assign_organization_form_wrapper {
  width: 100%;
}

#assign_organization_form_wrapper::after {
  content: " ";
  display: table;
  clear: both;
}

.assign_btn {
  float: left;
}

.assign_account_label {
  padding-left: 0;
}

.form-group label .assign_label_value {
  font-weight: normal;
}

/* survey form */

#survey_form_wrapper {
  display: none;
  max-width: 1100px;
  margin: auto;
  padding-bottom: 50px;
}

.form-control.width_auto {
  width: auto;
}

.col-sm-10.width_auto {
  width: auto;
}

.form-control.survey_dropdown {
  height: 34px;
  width: 100%;
  min-width: 250px;
}

.remove_label_spacing {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  text-align: left;
}

.btn.survey_button {
  width: 100%;
  min-width: 250px;
}

.topic_area_space {
  border: solid;
  border-width: 1px;
  border-top: 0;
  border-bottom: 0;
  padding: 50px;
  display: none;
}

#survey_form_wrapper .heading_bold {
  font-weight: bold;
}

#survey_form_wrapper .heading_space {
  margin-bottom: 30px;
}

#survey_form_wrapper .heading_space2 {
  margin-bottom: 20px;
}

.checkbox_indent{
  padding-left: 20px;
}

#survey_form_wrapper .italic {
  font-style: italic;
}

#survey_form_wrapper ul {
  list-style: inside;
  padding-left: 25px;
}

#topic-areas-text {
  margin-top: 30px;
  margin-left: 20px;
  margin-bottom: 30px;
}

.survey_bottom_spacing {
  margin-bottom: 30px;
}

#survey_form_wrapper .survey_dropdown_wrapper {
  float: none;
  padding-left: 0;
}

#survey_form_wrapper .survey_dropdown_wrapper::after {
  content: " ";
  display: table;
  clear: both;
}

#survey_form_wrapper .capacity_rating_size {
  max-width: 250px;
  width: 100%;
  height: 34px;
}

.text_area_size {
  width: 97%;
  /*max-width: 570px;*/
  padding: 6px !important;
}

.rating_textbox {
  width: 30px !important;
  height: 25px !important;
  text-align: center;
  padding: 0 6px !important;
  display: initial;
}

.other_textbox {
  width: 200px;
  padding: 6px 12px !important;
  display: initial;
}

#survey_submit, #new_survey_submit {
  display: none;
  margin-top: 30px;
  margin-left: 10px;
}

#survey_save, #new_survey_save, #survey_clone, #new_survey_clone, #survey_clone_redirect, #survey_clone_redirect_new {
  display: block;
  margin-top: 30px;
}

#survey_next_btn, #edit_survey_next_btn, #edit_clone_survey_next_btn{
  float: left;
  margin-top: 30px;
}

#new_survey_next_btn, #new_edit_survey_next_btn, #new_edit_clone_survey_next_btn{
  float: left;
  margin-top: 30px;
}

.show {
  display: block;
}

#countryform_wrapper {
  background-color: #ededed;
  width: auto;
  min-height: 200px;
  border-radius: 20px;
  padding: 20px;
  margin-top: 0;
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  /*display: none;*/
}

#country_add_wrapper { 
  display : none;
}

.btn_delete {
  float: none;
}

.cell_align_center {
  text-align: center;
}

.assign_role_border {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 10px;
}

.survey_toggle_banner_wrapper {
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  font-weight: bold;
  border-bottom: 0;
}

.survey_toggle_banner_wrapper a {
  color: #337ab7;
}

.survey_toggle_banner_wrapper:hover {
  background-color: #e5e5e5;
}

.show_survey {
  float: left;
}

.apply_border_bottom {
  border-bottom: 1px;
  border-bottom-style: solid;
}

.viewSurveyValue {
  color: red;
  font-weight: bold;
}

.headingSpaceTop {
  margin-top: 60px;
}

.ratingViewValue {
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
}

/* Dropdown Button */
.dropbtn-active {
    background-color: #be2834 !important;
    color: white !important;
}
.dropbtn {
    /*padding: 16px;
    font-size: 16px;*/
    border: none;
    cursor: pointer;
    -webkit-border-radius: 6px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    padding: 0 0 4px 0;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    right: 0;
    top: 22px;
    position: absolute;
    z-index: 99;
    background-color: #f9f9f9;
    min-width: 160px;
    border-radius: 6px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1 !important}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #be2834;
}

.table-align-center {
  text-align: center;
}

.error_icon {
  font-size: 20px !important;
  color: #be2834;
  width: auto;
  height: auto;
  /*display: none !important;*/
}

.text_content {
  width: 100%;
  text-align: justify;
}

#navigation li.welcome_user_li {
  display: block;
}

#navigation li.welcome_user_li_res {
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

#navigation::after {
  content: " ";
  display: table;
  clear: both;
}

#menu_res_btn {
  cursor: pointer;
  display: none;
}

#close_menu_res {
  cursor: pointer;
  color: #cc3744;
  display: none;
}

.left {
  float: left;
}

#work_plan {
  resize: vertical;
  width: 90%;
  margin-bottom: 20px;
}

#survey_title_header .toLeft {
  float: left;
}

#survey_title_header .remove_margin {
  margin: 0;
}

#survey_title_header {
  margin-top: 20px;
  margin-bottom: 20px;
}

#survey_title_header::after {
  content: " ";
  display: table;
  clear: both;
}

#error_heading_wrapper {
  background-color: #cc3744;
  padding: 10px 10px;

}

#error_message_wrapper {
  border-width: 1px;
  border-style: solid;
  border-color: #cc3744;
  padding: 15px 10px;
  color: #cc3744;
  background-color: #ffffff;
}

#error_heading_wrapper .remove_margin {
  margin: 0;
}

#error_heading_wrapper .contentLeft {
  float: left;
}

#error_heading_wrapper::after {
  content: " ";
  display: table;
  clear: both;
}

#orgtable_layout_length,
#user_table_layout_length,
#country_table_layout_length,
#survey_data_table_layout_length,
#survey_disable_data_table_layout_length,
#viewreport_data_table_layout_length,
#viewreport_data_table_country_length,
#viewreport_data_table_wokrplan_length {
  margin-top: 10px;
  float: left;
  margin-right: 10px;
}

#orgtable_layout_filter,
#user_table_layout_filter,
#country_table_layout_filter,
#survey_data_table_layout_filter,
#survey_disable_data_table_layout_filter,
#viewreport_data_table_layout_filter,
#viewreport_data_table_country_filter,
#viewreport_data_table_wokrplan_filter {
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
}

#orgtable_layout_length::after,
#user_table_layout_length::after,
#country_table_layout_length::after,
#survey_data_table_layout_length::after
#survey_disable_data_table_layout_length::after {
  content: " ";
  display: table;
  clear: both;
}

#orgtable_layout_filter::after,
#user_table_layout_filter::after,
#country_table_layout_filter::after,
#survey_data_table_layout_filter::after,
#survey_disable_data_table_layout_filter::after {
  content: " ";
  display: table;
  clear: both;
}

.set_padding_left_zero {
  padding-left: 0;
}

#site_logo_wrapper::after {
  content: " ";
  display: table;
  clear: both;
}

#topic_role_wrapper {
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px;
  border-top: solid 1px;
  margin-bottom: 30px;
}

#topic_role_wrapper .header_space {
  padding-bottom: 10px;
}

.clear_margin_top {
  margin-top: 0;
}

.right_pointer {
  width: auto;
  padding: 0;
}

#add_user_form_wrapper {
  border-right-style: solid;
  border-right-width: 2px;
  border-color: #ffffff;
}

.remove_padding {
  padding: 0;
}

#modal_survey_info_wrapper {
  margin-top: 10px;
}

#date_error_wrapper {
  display: none;
  padding-left: 10px;
  color: #be2834;
  font-weight: normal;
}

#addcountry_wrapper {
  width: auto;
  max-width: 500px;
  padding: 20px 0;
}

#survey_filter_table_layout {
  margin-top: 10px;
}

#survey_filter_table_layout .remove_grid_padding_left {
  padding-left: 0;
  margin-bottom: 5px;
}

#survey_filter_table_layout .remove_grid_padding_right {
  padding-right: 0px;
  margin-bottom: 5px;
}

.modal_delete {
  background-color: #be2834;
  border-color: #be2834;
  color: #ffffff !important;
  float: none;
}

.modal_delete:hover {
  color: #ffffff;
}

/*#survey_data_table_layout_wrapper a:focus {
  color: #cc3744;
}*/

#survey_part1_wrapper {
  display: block;
}

#survey_part2_wrapper {
  display: none;
}

#new_survey_part1_wrapper {
  display: block;
}

#new_survey_part2_wrapper {
  display: none;
}

.removePaddingLeft {
  padding-left: 0;
}

.removePaddingRight {
  padding-right: 0 !important;
}

.removeMarginLeft {
  margin-left: 0;
}

.set900Weight {
  font-weight: 900;
}

.textAlignRight {
  text-align: right !important;
}

#refresh_captcha_btn {
  line-height: 220%;
  color: #be2834;
  font-size: 20px;
  cursor: pointer;
  float: right;
}

#captcha_wrapper {
  display: none;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.new_add_surveys_btn {
  border-right: 0 !important;
}

.paginate_button a, .black_font_color {
  color: #000000;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current,.previous,.next):hover a {
  color: #ffffff;
}

.pagination>li>a:focus, .pagination>li>a:not(.disabled):hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: #ffffff !important;
}

.workplan_wrapper {
  float: left;
  border: solid 1px;
  margin-top: 20px;
  padding: 20px;
  display: none;
  width: 100%;
}

.workplan_font_checkbox{
    font-size: 14px;
    font-weight: 500 !important;
}

.minusBtn, .addBtn {
  font-size: 20px;
  line-height: 2;
}

.addBtnWrapper {
  display: inline-block;
  position: absolute;
  bottom: 0;
}

.addBtn {
  color: green !important;
}

.workplan_wrapper .wpContent:first-of-type .row:first-of-type .minusBtn {
  visibility: hidden;
}

.workplan_choice_container {
  position: relative;
  padding-bottom: 40px;
}

.tooltipColor {
  color: #000000 !important;
}

.techRowSpace {
  margin-bottom: 10px;
}

.padding_ten{
  padding: 10px;
}

.table_border_one{
  border: 1px solid #000;
  border-bottom: 0px;
}

.table_border_one:last-child{
  border: 1px solid #000;
}

.table_border_right_one{
  border-right: 1px solid #000;
}

.inline_flex{ display: inline-flex !important; }

.inline_grid{ display: inline-grid; }

.grid{ display: grid; }

.margin_right_5{
  margin-right: 5px;
}

.line_height_25{
  line-height: 25px;
}

.background_color_yellow{
  background-color: #ffff00;
}

.save_as_final_btn{
  opacity: 1;
  font-size: 14px !important;
}

.save_as_final_btn:hover{
  background-color:#e03a47;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

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

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
}

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

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltiptext{
  padding: 5px !important;
  left: -40% !important;
}

.checkbox_img_position_page1{
  display: block;
  width: 12.5px;
  height: 12.5px;
  margin-right: 3px;
  margin-top: 3px;
  margin-left: -24px;
}

.checkbox_img_position_page2{
  position: absolute;
  left: -18px;
  top: 4px;
  width: 11px;
}

/* Capacity Mapping Level Table */

#mapping_level_table {
  border: 1px solid #ddd;
}

#mapping_level_table > tbody > tr > td:first-child {
  width: 150px;
}

.assessment-part-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.expand-collapse-outer-container{
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

#part1-expand-collapse-btn, #part2-expand-collapse-btn{
  background-color: #be2834;
  color: #ffffff;
  cursor: pointer;
  width: 90px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border: 1px solid transparent;
  border-radius: 4px;
}