.card-primary:not(.card-outline) > .card-header {
    background-color: #007bff;
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-primary:not(.card-outline) > .card-header a.active {
    color: #1F2D3D;
}

.card-primary.card-outline {
    border-top: 3px solid #007bff;
}

.card-primary.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-primary.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #007bff;
}

.bg-primary .btn-tool,
.bg-gradient-primary .btn-tool,
.card-primary:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.bg-primary .btn-tool:hover,
.bg-gradient-primary .btn-tool:hover,
.card-primary:not(.card-outline) .btn-tool:hover {
    color: #ffffff;
}
.card-danger:not(.card-outline) > .card-header {
    background-color: #dc3545;
}

.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-danger:not(.card-outline) > .card-header a.active {
    color: #1F2D3D;
}

.card-danger.card-outline {
    border-top: 3px solid #dc3545;
}

.card-danger.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-danger.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #dc3545;
}

.bg-danger .btn-tool,
.bg-gradient-danger .btn-tool,
.card-danger:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.bg-danger .btn-tool:hover,
.bg-gradient-danger .btn-tool:hover,
.card-danger:not(.card-outline) .btn-tool:hover {
    color: #ffffff;
}

.card.bg-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-danger .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
    background: #c62232;
    color: #ffffff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #ffffff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
    background: #e4606d;
    color: #ffffff;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.modal-content.bg-primary .close, .modal-content.bg-primary .mailbox-attachment-close, .modal-content.bg-secondary .close, .modal-content.bg-secondary .mailbox-attachment-close, .modal-content.bg-info .close, .modal-content.bg-info .mailbox-attachment-close, .modal-content.bg-danger .close, .modal-content.bg-danger .mailbox-attachment-close, .modal-content.bg-success .close, .modal-content.bg-success .mailbox-attachment-close {
    color: #ffffff;
    text-shadow: 0 1px 0 #000;
}

div.card-header h3.card-title{
}

div.card.bg-danger div.card-body{
}

.jumbotron {
    background: #ff0000;
    color: #FFF;
    border-radius: 0px;
}
.jumbotron-sm { padding-top: 24px;
    padding-bottom: 24px; }
.jumbotron small {
    color: #FFF;
}
.h1 small {
    font-size: 24px;
}

.new-blood-donor .asterisx {
    height: 0;
    font-size: 22px;
    color: #b90d0d;
    position: absolute;
    left: 20px;
    top: 32px;
}

.new-blood-donor .asterisx2 {
    font-size: 22px;
    color: #b90d0d;
}

.new-blood-donor .glyphicon-asterisk {
    font-size: 12px;
    color: #b90d0d;
}

.alert {
    margin-bottom: 10px;
    clear: both;
}
.input-group{
    clear: both;
}

.custom-alert {
    padding: 5px 10px;
    display: none
}

.smartyrequired:after {
    content:"*";
    color:red;
}

/* header */
.navbar {
    margin-bottom: 0px;
}
.name_lable{
    font-weight: bold;
    font-size: 15px;
    color: red;
}
.mobile_lable{
    font-weight: bold;
    font-size: 14px;
    color:blue;

}
.sponsor_logo{
    height: 200px;
    width: 200px;
    margin: 10px;
}
.candidate_logo{
    height: 200px;
    width: 150px;
    margin: 10px;
}
.candidate_photo{
    height: 250px;
    width: 200px;
    margin: 10px;
}


div.card-header h3.card-title{
}

div.card.bg-danger div.card-body{
}

.textwhite{
    color: #ffffff;
}

.textblack{
    color: #000;
}
.textred{
    color: #ff0000;
}
.bg-red{
    background: #ff0000;
}

.poster{
    height: 400px;
    width: 700px;
}

.rasoul-allah-poster{
    height: 500px;
    width: 700px;
}