.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
   /* background-image: linear-gradient( #FF00B3,#FF0000);*/
    color: white !important;
    background-color: #931C1E;
    /* border-color: #E62245;*/
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../webfonts/OpenSans-Regular.ttf') format('truetype');
}



@font-face {
    font-family: 'Bitter-Regular';
    src: url('../webfonts/Bitter-Regular.ttf') format('truetype');
}
.btn-primary {
    color: white !important;
  /*  background-image: linear-gradient( #FF00B3,#FF0000);*/
    background-color: #82181A;
    width: 100%;
    /*border-color: #E62245;*/
    font-family: NibPro-Black;
    font-weight: bold;
}

.bg-primary {
    color: white !important;
    background-color: #E62245 !important;
    width: 100%;
}

.btn-dark:hover,
.btn-dark:active,
.btn-dark:visited,
.btn-dark:focus {
    background-color: #004178 !important;
    color: white !important;
}

.btn-dark {
    color: white !important;
    background-color: #004178 !important;
    width: 100%;
}


.btn-light:hover,
.btn-light:active,
.btn-light:visited,
.btn-light:focus {
    background-color: #87C3E7 !important;
    color: black !important;
}

.btn-light {
    color: black !important;
    background-color: #FCF7ED !important;
    width: 50%;
    height:200px;
    border-color: #808080;
    border-width: 3px;
}

.alert-success {
    color: #000000 !important;
    background-color: #dedede !important;
    border-color: #E51541;
    border-width: 3px;
}

.alert-warning {
    color: white !important;
    background-color: #a31f34 !important;
    border-color: #E62245;
    border-width: 3px;
}

.alert-info {
    color: #000000 !important;
    background-color: rgba(255,255,255,0.7) !important;
    border-color: #000000;
    border-width: 3px;
}
.alert-dark {
    color: #000000 !important;
    background-color: rgba(255,255,255,0.7) !important;
    border-color: #000000;
    border-width: 3px;
    border-style: double;
}
bg-light {
    background-color: #FCF7ED !important;
    
    /*border-color: #000000;
    border-width: 3px;*/
}


.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #82181A;
    border-color: #82181A;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(130, 24, 26, 0.25);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #82181A;
    /* 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(130, 24, 26, 0.25); /* pink, 25% opacity */
}
.alert-default {
    color: #000000 !important;
    background-color: rgba(255,255,255,0.7) !important;
    border-color: #000000;
    border-width: 3px;
    border-style: double;
}