﻿.kendo-date-material-sm {
    font-size: 12px;
}
.text-invalid {
    color: #FA787E !important;
    /*font-weight: bold;*/
}
input:required, select:required, textarea:required {
    /*border: 1px solid #45b6af;*/
    border-bottom: 1px solid red !important;
}
label {
    font-size: 12px;
}
.table thead tr th {
    font-size: 12px;
    text-align: left;
}
.table tbody tr td {
    font-size: 12px;
    text-align: left;
}
.page-header.navbar.navbar-fixed-top {
    z-index: 1000!important;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

::-webkit-scrollbar {
    width: 5px; /* for vertical scrollbars */
    height: 5px; /* for horizontal scrollbars */
    border-radius: 15pt;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);    
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 15pt;
}

/* ANIMATIONS
============================================================================= */

/* leaving animations ----------------------------------------- */
/* rotate and fall */
@keyframes rotateFall {
    0% {
        transform: rotateZ(0deg);
    }

    20% {
        transform: rotateZ(10deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: rotateZ(17deg);
    }

    60% {
        transform: rotateZ(16deg);
    }

    100% {
        transform: translateY(100%) rotateZ(17deg);
    }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to {
        transform: translateX(-100%);
    }
}

/* rotate out newspaper */
@keyframes rotateOutNewspaper {
    to {
        transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0;
    }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
    from {
        opacity: 0.3;
        -webkit-transform: scale(0.8);
    }
}

/* slide in from the right */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    0% {
        opacity:0;
    }
    /*25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.50;
    }
    75% {
        opacity: 0.75;
    }*/
    100% {
        opacity: 100;
    }
}

.ng-enter {
    animation: fadeIn 0.3s both ease-in;
    z-index: 8888;
}

/*.ng-leave {
    animation: slideOutLeft 0.5s both ease-in;
    z-index: 9999;
}*/


.maps {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    
}

.maps iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.modal-xlg {
    width: 90%;
}
.bold{
    font-weight:bold;
}
.p-3 {
    padding: 3px;
}
.pt-3 {
    padding-top: 3px;
}