.rmp-rate-line label {
  display: block;
  font-weight: bold;
}

.rmp-rate-bold {
  font-weight: bold;
}

#update-rating, #rmp-save-settings, #rmp-save-customization {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#update-rating:hover,  #rmp-save-settings:hover, #rmp-save-customization:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  cursor: pointer;
}

#rmp-save-settings, #rmp-save-customization {
  margin-bottom: 10px;
}

#update-rating, #rmp-save-customization {
  margin-top: 10px;
}

#rmp-reset-settings, #rmp-reset-customization {
  background: #eb092b;
  background-image: -webkit-linear-gradient(top, #eb092b, #d90f3e);
  background-image: -moz-linear-gradient(top, #eb092b, #d90f3e);
  background-image: -ms-linear-gradient(top, #eb092b, #d90f3e);
  background-image: -o-linear-gradient(top, #eb092b, #d90f3e);
  background-image: linear-gradient(to bottom, #eb092b, #d90f3e);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#rmp-reset-settings:hover, #rmp-reset-customization:hover {
  background: #f6092c;
  background-image: -webkit-linear-gradient(top, #f6092c, #ee1144);
  background-image: -moz-linear-gradient(top, #f6092c, #ee1144);
  background-image: -ms-linear-gradient(top, #f6092c, #ee1144);
  background-image: -o-linear-gradient(top, #f6092c, #ee1144);
  background-image: linear-gradient(to bottom, #f6092c, #ee1144);
  text-decoration: none;
  cursor: pointer;
}

/*Options Page*/

.rmp-options {
  display: block;
}

.rmp-options-first {
  display: block;
}

.rmp-options-second {
  display: block;
  padding-bottom: 10px;
}


.rmp-option {
  position: relative;
  display: inline-block;
  font-size: 14px;
}

.rmp-clear {
  clear: both;
}

.rmp-divider {
  margin-top: 20px;
}

.rmp-notice {
  font-style: italic;
}

#rmp-notice-hidden {
  max-width: 400px;
  display: none;
}

#show-rmp-notice {
  cursor: pointer;
}

.rmp-options-first .form-group label {
  font-size: 14px;
}

#rmp-options-update-alert {
  font-weight: bold;
  margin-top: -5px;
}

#rmp-customization-update-alert {
  font-weight: bold;
  margin-top: -5px;
}

.rmp-social-input {
  width: 400px;
}

.rmp-customize-input {
  width: 400px;
}

.rmp-customize-style-input {
  width: 30px;
}

#rmp-table {
  border-collapse: collapse;
  width: 100%;
}

#rmp-table td, #rmp-table th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;;
}

#rmp-table tr:nth-child(even) {
    background-color: #dddddd;
}

.rmp-tab, #rmp-about {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

#rmp-about {
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  display: none;
}

#rmp-about-hide, #rmp-about-show {
  font-weight: bold;
  cursor: pointer;
}

/* Style the buttons inside the tab */
.rmp-tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    width: 120px;
}

/* Change background color of buttons on hover */
.rmp-tab button:hover {
    background-color: #d9d9d9;
}

div.rmp-tabcontent {
  display: none;
}

div.rmp-tabcontent.rmp-tabcontent-current {
  display: block;
}

button.rmp-tablinks.rmp-tabcontent-current {
  background-color: #bfbfbf;
}
