/* Cobalt error standard - new version 2 */

.cobalt-form-error {
  color: red;
  font-weight: bold;
  font-size: 18px;
}

.cobalt-form-warning {
  color: red;
  font-style: italic;
  font-size: 14px;
}

/* rounded images for profile pics */
img.cobalt-rounded {
  object-fit: cover;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

/* Used by the message framework to add headings */

.cobalt-message-debug:before {
    font-size: 25px;
    content: 'Debug';
}
.cobalt-message-info:before {
    font-size: 25px;
    content: 'Info';
}
.cobalt-message-success:before {
    font-size: 25px;
    content: 'Success';
}
.cobalt-message-warning:before {
    font-size: 25px;
    content: 'Warning';
}
.cobalt-message-error:before {
    font-size: 25px;
    content: 'Error';
}

/* prevent text being changed to uppercase */
.cobalt-text-transform-off { text-transform: none !important; }

/* styles for pagination */

.pagination {
    margin-top: 1em;
}

.pagination a {
    text-decoration: none;
}

.pagination-number {
    padding: 0.5em 0.8em;
    border-radius: 2px;
    color: #fff;
    background-color: #6D85C7;
}

.pagination-number:hover,
.pagination-current {
    background-color: #3354AA;
}

.pagination-action {
    margin: 0 0.1em;
    display: inline-block;
    padding: 0.5em 0.5em;
    color: #B9B9B9;
    font-size: 1.3em;
}

.pagination-action:hover,
.pagination-previous,
.pagination-next {
    color: #3354AA;
}

/* Properly disable buttons */
.btn[disabled]{
  pointer-events:none;
  opacity:0.25
}

/* Avoid Tooltip flicker */
.tooltip {
    pointer-events: none;
}

/* Show a button as if it is an a link */
.cobalt-button-as-link {
  background: none!important;
  border: none;
  padding: 0!important;
  color: #069;
  text-decoration: underline;
  cursor: pointer;
}

/* turn cursor to wait */
/* CSS */
.cursor_wait {
  cursor: wait
}

/* hide ugly arrows for datatables */

.dataTable > thead > tr > th[class*="sort"]:before,
.dataTable > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}

/* circles used by the results pages */

.results-circle-full {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: gold;
}
.results-circle-full-100 {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: gold;
    color: black;
}

.results-circle-full-100:after {
    margin-left: 10px;
        padding-top: 3px;
        content: '✔';
}

.results-circle-half {
    margin-left: 10px;
    width: 30px;
    height: 15px;
    border-radius: 0 0 15px 15px;
    background-color: #cd7f32;
    margin-top: 15px;
}

.results-circle-three-quarter {
    margin-left: 10px;
    width: 0px;
    height: 0px;
    border-radius: 15px;
    border: 15px solid silver;
    border-top-color: transparent;
    -webkit-transform: rotate(45deg);
}
.results-circle-quarter {
    width: 15px;
    height: 15px;
    border-radius: 0 0 15px 0;
    background-color: lightskyblue;
    margin-top: 15px;
    margin-left: 25px;
}

/* style to stop text wrapping onto new line */

.cobalt-no-wrap {
    overflow: auto;
    white-space: nowrap;
}

/* logout style for Django > 4 */
.cobalt-logout {
    border: 0;
    color:white;
    cursor: pointer;
}
.cobalt-logout:hover {
    color: white !important;
}