.collapsible {
  background-color: #004242;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  border-radius: 20px;
}
.collapsible:focus {
  background-color: #004242;
  color: #004242;
}
.collapsibletoggle {
  background-color: #004242;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  border-radius: 20px 20px 0px 0px !important;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: white;
}
.contentres {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  border: 3px solid #00EEEE;
}


.dataTables_length {
  margin-top: 10px;
}
#showme-res_length {
  background-color: #004242;
  color: #ffffff;
  text-align: center;
  width: 100%;
  border-radius: 20px;
  margin-bottom: 10px;
}
#showme-res_length select{
  background-color: #004242;
  color: #00EEEE;
  margin: 0 5px;
  border: 2px solid #00EEEE;
}
#show_list_length {
  background-color: #064573;
  color: #ffffff;
  text-align: center;
  width: 100%;
  border-radius: 20px;
  margin-bottom: 10px;
}
#show_list_length  select{
  background-color: #064573;
  color: #00EEEE;
  margin: 0 5px;
  border: 2px solid #00EEEE;
}
/* .show_itemad {
  width: 50%;
  overflow-x: scroll;
  height: 50px;
} */

.favheart2 {
  color: #2943CF;
}

.favheart1 {
  color: #567D89;
}
.sortby {
  background-color: #004242;
  color: white;
  text-align: center;
  /* width: 50% !important;
  height: 200px; */
  border-radius: 10px;
  margin-left: 25%;
  margin-right: 25%;
 
}
.sortby {
  background-color: #004242;
  color: white;
  text-align: center;
  /* width: 50% !important;
  height: 200px; */
  border-radius: 10px;
  margin-left: 25%;
  margin-right: 25%;
 
}
.sortby ul{
  background-color: #004242;
  color: white;
 
}
@media (max-width: 591px){
  .sortby {
    margin-left: 0%;
    margin-right: 0%;
  }
}
.paginate_button{
  color: #004242 !important;
  font-weight: bold;
  font-size: 12px;
}
.paginate_button:hover {
  background-color: #2943CF !important;
  color: #ffffff;
  border: 2px solid #00EEEE !important;
}
.paginate_button:focus {
  background-color: #2943CF !important;
  color: #ffffff;
  border: 2px solid #00EEEE !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background: none !important;
  background-color: #2943CF !important;
 
}
 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  color: white !important;
  border: 2px solid #00EEEE !important;
   
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background-color: #2943CF !important;
  border: 2px solid #00EEEE !important;
  color: white !important;
}
.m-l30 {
margin-left: 30%;
}
.collapsible_edu {
  background-color: #064573;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  border-radius: 20px;
}
.collapsible_edu:focus {
  background-color: #064573;
  color: #064573;
}
.collapsible_edutoggle {
  background-color: #064573;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  border-radius: 20px 20px 0px 0px !important;
}
.saved_edu {
  background-color: #004242;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  border-radius: 20px 20px 0px 0px !important;
}
#fav-list_length{
  background-color: #004242;
  color: #ffffff;
  text-align: center;
  width: 100%;
  border-radius: 20px;
  margin-bottom: 10px;
}
#fav-list_length select{
  background-color: #004242;
  color: #00EEEE;
  margin: 0 5px;
  border: 2px solid #00EEEE;
}
#fav-material_length{
  background-color: #064573;
  color: #ffffff;
  text-align: center;
  width: 100%;
  border-radius: 20px;
  margin-bottom: 10px;
}
#fav-material_length select{
  background-color: #064573;
  color: #00EEEE;
  margin: 0 5px;
  border: 2px solid #00EEEE;
}
.cursornone{
  cursor: text !important;
}