﻿.borderTable {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    empty-cells: show;
    margin-bottom: 10px;
    background: white;
    font-family: 'Ruda', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 16px;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 0px;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 0px;
}

    .borderTable td {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        empty-cells: show;
        font-family: Geneva,Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: Black;
        font-weight: bold;
        text-align: center;
    }

    .borderTable th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        empty-cells: show;
        background-color: #eeeeee;
        color: Black;
        text-align: center;
        font-size: 13px;
    }



.btn-primary {
    background-color: #1a4f72;
    border-color: #1a4f72;
    padding: 0.375rem 1rem;
    font-size: 0.9rem;
}


.overlay {
    display: none; /* hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(128,128,128,0.5); /* semi-transparent white/gray */
    z-index: 9994; /* below loader */
    pointer-events: auto; /* block clicks */
}
.loadertap2 {
    display: none;
    z-index: 9995; /* above overlay */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader_dots {
    width: 56px;
    height: 31.4px;
    background: radial-gradient(farthest-side,#2283c4 90%,#0000) 50% 0, radial-gradient(farthest-side,#2283c4 90%,#0000) 100% 0;
    background-size: 13.4px 13.4px;
    background-repeat: no-repeat;
    position: relative;
    animation: dots-pr30iymd 1.5s linear infinite;
}

    .loader_dots:before {
        content: "";
        position: absolute;
        width: 13.4px;
        height: 13.4px;
        border-radius: 50%;
        background: #2283c4;
        left: 0;
        top: 0;
        animation: dots-q6bpf4md 1.5s linear infinite, dots-b39z9imd 0.5s cubic-bezier(0,200,.8,200) infinite;
    }

@keyframes dots-pr30iymd {
    0%, 31% {
        background-position: 50% 0,100% 0;
    }

    33% {
        background-position: 50% 100%,100% 0;
    }

    43%, 64% {
        background-position: 50% 0,100% 0;
    }

    66% {
        background-position: 50% 0,100% 100%;
    }

    79% {
        background-position: 50% 0,100% 0;
    }

    100% {
        transform: translateX(calc(-100%/3));
    }
}

@keyframes dots-q6bpf4md {
    100% {
        left: calc(100% + 7.8px);
    }
}

@keyframes dots-b39z9imd {
    100% {
        top: -0.17px;
    }
}

.is-invalid {
    border-color: #dc3545; /* Red border */
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}