/* @import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities'; */

.ct-notification .Vue-Toastification__toast--default {
  padding: 0;
  overflow: inherit;
  box-shadow: none;
  background-color: transparent;
}

.btn{
  padding: 6px 15px !important;
  font-weight: 500 !important;
}

.el-select__input{
  margin-left: 5px !important;
}

strong {
  font-weight: bold !important;
}

.vote-progress {
  position: relative;
  height: 5rem;
}

.vote-progress .candidate-image {
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  position: absolute;
  border-radius: 50%;
  background-color: white;
  border: 3px solid #00a4b5;
  box-shadow: 2px 1px 3px rgba(0,0,0,.2);
  z-index: 99;
}

.vote-progress .progress-bar {
  position: absolute;
  width: calc(100% - 5rem);
  height: 1.4rem;
  border-top-right-radius: .6rem;
  border-bottom-right-radius: .6rem;
  left: calc(5rem - 4px);
  top: calc(50% - .7rem);
  box-shadow: 3px 2px 3px rgba(0,0,0,.2);
  z-index: 0;
  padding: 2px;
  background-color: white;
}

.vote-progress .progress-bar .percentage {
  width: 45%;
  height: 100%;
  border-top-right-radius: .4rem;
  border-bottom-right-radius: .4rem;
  background-color: #00a4b5;
}

.percentage p{
  color: white;
  font-size: 10pt;
}

.vote-progress .candidate-label {
  position: absolute;
  height: 1.4rem;
  left: calc(5rem - 6px);
  top: calc(50% + 8px);
  padding-left: 8px;
}