﻿.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #68919E !important;
    color: white !important;
    border-color: #808080;
}

.btn-primary {
    color: white !important;
    background-color: #68919E !important;
    width: 100%;
    border-color: #000000;
}

.bg-primary {
    color: white !important;
    background-color: #68919E !important;
    width: 100%;
}


.alert-primary {
    color: white !important;
    background-color: #68919E !important;
}

table a:not(.btn),
.table a:not(.btn) {
    color: #000;
    text-decoration:none; 
    /*text-decoration: underline;*/
}
.text-primary {
color: #68919E !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #68919E;
    border-color: #68919E;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 0, 247, 0.25);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #FF00B3;
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
    border-radius: 50%;
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #ff0000; /* red */
}

/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */
}
.star {
    visibility: hidden;
    font-size: 30px;
    cursor: pointer;
}

    .star:before {
        content: "\2605";
        position: absolute;
        visibility: visible;
    }

    .star:checked:before {
        content: "\2606";
        position: absolute;
    }