﻿

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


/*.nav-tabs {
    border-bottom: 1px solid rgba(150,213,235,.37 ) !important;
}

    .nav-tabs .nav-link {
        color: #96d5eb;
        background-color: rgba(220, 246, 255, 0) !important;
        border-color: rgba(150,213,235,.37 ) rgba(150,213,235,.37 ) rgba(150,213,235,0 ) !important;
    }

        .nav-tabs .nav-link:visited {
            color: #96d5eb;
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: #96d5eb !important;
            background-color: rgba(220, 246, 255, .22) !important;
            border-color: rgba(150,213,235,.37 ) rgba(150,213,235,.37 ) rgba(150,213,235,0 ) !important;
        }*/

.form .display-7 {
    color: #1D4189 !important;
}

.w-30{
    width:30% !important;
}
.w-40 {
    width: 40% !important;
}

.font16{
    font-size:20px !important;
}

.alert-danger {
    color: #E81F76;
    background-color: #f8f9fa;
    border: none;
}

.colorGreen {
    background-color: #def2b2;
    color: #1D4189;
}


.colorRed {
    background-color: #f8bbd6;
    color: #1D4189;
}

.subHeader {
    font-size: 22px;
    font-weight: 400;
}

.smallText {
}

.mediumText {
    font-size:18px;
}


.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.blink_me_Later {
    animation-delay: 0.2s;
}




.blinkingBorderAndBGBlink {
    -webkit-animation: blinkingBorderAndBGBlinkANIMATION 2s infinite; /* Safari 4+ */
    -moz-animation: blinkingBorderAndBGBlinkANIMATION 2s infinite; /* Fx 5+ */
    -o-animation: blinkingBorderAndBGBlinkANIMATION 2s infinite; /* Opera 12+ */
    animation: blinkingBorderAndBGBlinkANIMATION 2s infinite; /* IE 10+, Fx 29+ */
}


@keyframes blinkingBorderAndBGBlinkANIMATION {
    0%, 49% {
        background-color: #def2b2;
        border: 3px solid rgb(70, 173, 119);
    }

    50%, 100% {
        background-color: rgb(70, 173, 119);
        border: 3px solid #def2b2;
    }
}


@-webkit-keyframes blinkingBorderAndBGBlinkANIMATION {
    0%, 49% {
        background-color: #def2b2;
        border: 3px solid rgb(70, 173, 119);
    }

    50%, 100% {
        background-color: rgb(70, 173, 119);
        border: 3px solid #def2b2;
    }
}



.MinWidthButton {
    min-width: 88px;
}

.smallerButton{
    min-width:50px !important;

}