/*>>>>>>>>>>>> CONTENT PROFILE & GENERAL TABLE 1 PAGE CSS BEGINS HERE <<<<<<<<<<<<*/
.content .content_container_1 .play_or_view .general_table_1 th,
td {
  border: 1px solid #444;
  padding: 0.2rem 0px;
}
.content .content_container_1 .play_or_view .general_table_1 th {
  background-color: #364f6b;
  color: white;
  padding: 0.7rem 0px;
}
.content .content_container_1 .play_or_view .general_table_2 th,
td {
  border: 1px solid #444;
  padding: 0.2rem 0px;
}

.content .content_container_1 .play_or_view .profile {
  border: 1px solid #444;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.content .content_container_1 .play_or_view .profile caption {
  font-size: 1.5em;
  background-color: #364f6b;
  color: white;
  padding: 0.7rem 0px;
}

.content .content_container_1 .play_or_view .profile a {
  color: white;
}

.content .content_container_1 .play_or_view .profile a:hover {
  color: #fc5185;
}

.content .content_container_1 .play_or_view .profile .general_table_2_th {
  background-color: #364f6b;
  color: white;
  border: 1px solid #444;
  padding: 0.5rem 0px;
  text-align: center;
}

.content .content_container_1 .play_or_view .profile .general_table_2_tr {
  color: #444;
  text-align: center;
}

.content .content_container_1 .play_or_view .profile tr {
  background-color: white;
  padding: 0.35em;
}

.content .content_container_1 .play_or_view .profile th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}


/*>>>>>>>>>>>> CONTENT UPDATE PROFILE & GENERAL TABLE 1 PAGE CSS BEGINS HERE <<<<<<<<<<<<*/

.content .content_container_1 .play_or_view .profile .update_profile_input {
  color: #444;
  width: 98%;
  border: 1px solid #364f6b;
  border-radius: 7px;
  padding: 0.5rem 2px;
}

/*>>>>>>>>>>>> CONTENT ARCHIVED VIEW GENERAL TABLE 1 PAGE CSS BEGINS HERE <<<<<<<<<<<<*/

.content .content_container_1 .content_container_1_section_1 .archived_view_content .archive_view_table_menu {
  /* background-color: green; */
  color: white;
  width: 100%;
  border: 1px solid #444;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  text-align: center;
}

.content .content_container_1 .content_container_1_section_1 .archived_view_content .archive_view_table_menu caption {
  background-color: #364f6b;
  font-size: 1.5em;
  color: white;
  padding: 0.7rem 0px;
}

.content .content_container_1 .content_container_1_section_1 .archived_view_content .archive_view_table_menu th {
  background-color: #364f6b;
  color: white;
  padding: 0.7rem 0px;
  font-size: 1em;
  letter-spacing: 0.1em;
}

.content .content_container_1 .content_container_1_section_1 .archived_view_content .archive_view_table_menu a {
  color: white;
}

.content .content_container_1 .content_container_1_section_1 .archived_view_content .archive_view_table_menu a:hover {
  color: #fc5185;
}

.content .content_container_1 .content_container_1_section_1 .archived_view_content .general_table_1_tr  a {
  color: #444;
} 

.content .content_container_1 .content_container_1_section_1 .archived_view_content .archive_view_table_menu  tr:nth-child(even) {
  background-color: white;
  color: #444;
}

.content .content_container_1 .content_container_1_section_1 .archived_view_content .archive_view_table_menu  tr:nth-child(odd) {
  background-color: #d9d9d9;
  color: #444;
} 




/*>>>>>>>>>>>> CONTENT PLAY, VIEW & TABLE PAGE CSS BEGINS HERE <<<<<<<<<<<<*/
.content .content_container_1 .play_or_view .welcome_msg {
  /* background-color: yellow; */
  color: white;
}

.content .content_container_1 .play_or_view .logout {
  /* background-color: yellow; */
  color: #fc5185;
}

.content .content_container_1 .play_or_view .success {
  padding-top: 7px;
  padding-bottom: 5px;
  color: #3a6e3a;
  border: 1px solid #3a6e3a;
  background: #bcf5bc;
}

.content .content_container_1 .play_or_view .error {
  padding-top: 7px;
  padding-bottom: 5px;
  color: #884b4b;
  border: 1px solid #884b4b;
  background: #f5bcbc;
}

.content .content_container_1 .play_or_view .play_or_view_content {
  padding-top: 10px;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1 {
  background-color: whitesmoke;
  width: 100%;
  align-items: center;
  border-collapse: collapse;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1 {
  /* background-color: salmon; */
  margin-bottom: 15px;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  table,
th,
td {
  border: 1px solid #444;
  padding: 0.25rem 0px;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  th {
  background-color: #364f6b;
  color: white;
  padding: 0.7rem 0px;
}

.content .content_container_1 .play_or_view .general_table_1 tr:nth-child(odd) {
  background-color: #d9d9d9;
  color: white;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .header_1 {
  background-color: #364f6b;
  text-align: center;
  color: white;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .header_1
  .header_1_data {
  padding: 0.5rem 0px;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .row
  .input_field {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  text-align: center;
  border: 1px solid #364f6b;
}
.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .row
  .data_1 {
  color: #444;
  text-align: center;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .row
  .data_2 {
  color: #444;
  text-align: center;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .row
  .data_3 {
  text-align: center;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .result_field_ {
  color: #444;
  text-align: center;
  font-weight: bold;
}
.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .change_to_green {
  color: green;
  text-align: center;
  font-weight: bold;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .change_to_red {
  color: red;
  text-align: center;
  font-weight: bold;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .row_3_data_1 {
  text-align: center;
  color: #444;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .row_3_data_2 {
  text-align: center;
  color: #444;
}

.content .content_container_1 .play_or_view .play_or_view_content .prognostic {
  background-color: #364f6b;
  width: 250px;
  padding: 0.5rem 1rem;
  color: white;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 1.08em;
  font-family: 'Lora', serif;
}
.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .prognostic_btn {
  /* background-color: #444; */
  padding-top: 8px;
  text-align: center;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .prognostic:hover {
  color: white !important;
  background-color: #fc5185;
}

/*>>>>>>>>>>>> CONTENT PLAY, VIEW & TABLE PAGE CSS ENDS HERE  <<<<<<<<<<<<*/

/*>>>>>>>>>>>> CONTENT CALENDAR  PAGE TABLE CSS BEGINS HERE  <<<<<<<<<<<<*/
.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .cal_row {
  text-align: center;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .show_and_search_cal_row {
  background-color: #364f6b;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .show_and_search_cal_row
  button {
  background-color: #364f6b;
  color: white;
  margin: 0;
  padding-right: 5px;
  border: none;
  font-size: 17px;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .show_and_search_cal_row
  button:hover {
  color: #fc5185;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .cal_row
  .cal_row_th,
.cal_row_td {
  color: #444;
  text-align: center;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .show_and_search_cal_row
  .cal_row_td_show_all {
  background-color: #364f6b;
  width: 50%;
  height: 40px;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .show_and_search_cal_row
  .cal_row_td_show_all
  a {
  color: white;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .show_and_search_cal_row
  .cal_row_td_show_all
  a:hover {
  color: #fc5185;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .show_and_search_cal_row
  .cal_row_td_search {
  background-color: #364f6b;
  width: 50%;
  height: 40px;
  color: white;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .show_and_search_cal_row
  .input_field {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #364f6b;
  text-align: center;
  color: #444;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .cal_row
  .cal_th_title {
  background-color: #364f6b;
  height: 30px;
  color: white;
  font-weight: bold;
  font-size: 17px;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .cal_row
  i {
  color: white;
  padding: 0 5px;
}

.content
  .content_container_1
  .play_or_view
  .play_or_view_content
  .general_table_1
  .cal_row
  i:hover {
  color: #fc5185;
}