/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-image: linear-gradient(to bottom right, #f4f5ff, #eae9ed);
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}
table{
    background:#fff!important;
}
.btnsis {
    color: #ffffff !important;
}
.fixedDiv {
    position: fixed;
    /*margin-top: 100px;
    margin-left: 80px;*/
    /*top: 45%;
    left: 45%;
    width: 350px;*/
    border: 2px solid #1587f5;
    box-shadow: 10px 10px 5px #888888;
    z-index: 200;
}
.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #286090;
    color: white;
    padding: 10px 15px;
    border: none;
}
.card {
    padding: 35px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2) !important;
    transition: 0.3s;
    width: 250px;
    min-height: 210px;
    border: 1px solid #d9d7dc;
    margin: 5px;
    border-radius: 5px;
    background-color: #286090;
}

    .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
.card-full {
    padding: 35px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2) !important;
    transition: 0.3s;
    /*width: 250px;*/
    min-height: 210px;
    border: 1px solid #d9d7dc;
    margin: 5px;
    border-radius: 5px;
    background-color: #649ccc;
}

    .card-full:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
.navbar-inverse {
    background-color: #286090 !important;
}
/* Link */
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
        color: #fff !important;
    }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        color: #1f1d3a !important;
    }
    .navbar-inverse .navbar-brand {
        color: #fff !important;
    }
.btn-link:hover, .btn-link:focus {
    color: #1f1d3a !important;
    text-decoration: underline;
    background-color: transparent;
}
.vertical-rl {
    writing-mode: vertical-rl;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

dt, dd {
    display: inline-block;
    margin: 0;
}

dt {
    font-weight: bold;
}

    dt:after {
        content: ":";
    }
.frameBorder {
    background: white;
    border-radius: 5px;
    border: 2px solid rgba(0, 0, 0, 0.4);
    padding: 3px;
    
}

/*Button Animations*/

/*.pulse {
    animation: pulse 1s 1s forwards;
}

.jump {
    animation: jump 1s 2s forwards cubic-bezier(.84,-0.54,.31,1.19);
}*/

.waggle {
    animation: waggle 2s 1s forwards ease-out;
}

/*.sheen {
    position: relative;
    overflow: hidden;
}

    .sheen:after {
        animation: sheen 1s 4s forwards;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.5) 50%, transparent);
        transform: rotateZ(60deg) translate(-1em, 4em);
    }

.spin {
    animation: spin 1.5s 5s forwards cubic-bezier(.56,-0.35,.22,1.5);
}

.fade {
    animation: fade 1s 6.5s forwards;
}*/

/*@keyframes pulse {
    0% {
        background-color: orange;
    }

    25% {
        background-color: red;
    }

    50% {
        background-color: orange;
    }

    75% {
        background-color: red;
    }
}

@keyframes jump {
    0% {
        transform: none;
    }

    50% {
        transform: translateY(-2em);
    }
}*/

@keyframes waggle {
    0% {
        transform: none;
    }

    50% {
        transform: rotateZ(-20deg) scale(1.2);
    }

    60% {
        transform: rotateZ(25deg) scale(1.2);
    }

    67.5% {
        transform: rotateZ(-15deg) scale(1.2);
    }

    75% {
        transform: rotateZ(15deg) scale(1.2);
    }

    82.5% {
        transform: rotateZ(-12deg) scale(1.2);
    }

    85% {
        transform: rotateZ(0) scale(1.2);
    }

    100% {
        transform: rotateZ(0) scale(1);
    }
}

/*@keyframes sheen {
    100% {
        transform: rotateZ(60deg) translate(0, -4em);
    }
}

@keyframes spin {
    50% {
        transform: rotateZ(-20deg);
        animation-timing-function: ease;
    }

    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes fade {
    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.25;
    }

    100% {
        opacity: 1;
    }
}*/

.start-now, .start-now:after {
    animation-delay: 0;
}
.gradientButton1 {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,.05);
    color: #333;
    line-height: 15px;
    cursor: default;
}
/*.table img:hover {
    height:350px
}*/
.clip-ellipse {
    clip-path: ellipse(50px 60px at center);
}

.PViewPopUp {
    position: fixed;
    top: 10%;
    /*left: 5%;*/
    background: white;
    border: 1px solid #d2dbfb;
    border-radius: 5px;
    box-shadow: 5px 10px #888888;
    padding: 25px;
    background-color: #fff;
    z-index:1000;
   
}
.PView {
   max-height:500px;
   overflow:auto;
}
/*.picUploadDiv {
    position: fixed;
    top: 20%;
    background: white;
    border: 1px solid #d2dbfb;
    border-radius: 5px;
    box-shadow: 5px 10px #888888;
    padding: 25px;
    z-index:100;
}*/
.picUploadDiv {
    position: fixed;
    top: 20%;
    background: white;
    border: 1px solid #d2dbfb;
    border-radius: 5px;
    box-shadow: 5px 10px #888888;
    width: 300px;
    z-index: 100;
    left: 50%;
    transform: translate(-50%, 0);
}
.thumnailPic {
    height: 50px;
    border: 1px solid #d2dbfb;
    z-index: 10 !important;
}
    .thumnailPic:hover {
        position: relative;
        -ms-transform: scale(1.5); /* IE 9 */
        -webkit-transform: scale(1.5); /* Safari 3-8 */
        transform: scale(5.5,5.5);
        z-index: 9999 !important;
    }
.overlayLoader {
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    background: black;
    opacity: .5;
    z-index: 99999 !important;
}
#loader {
    position: fixed;
    top: 45% !important;
    left: 45% !important;
    width: 132px;
    height: 132px;
    background: #f3f4f7;
    border: 1px solid #2E71D7;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    z-index: 1001;
    font-size: 80px;
    padding-top: 5px
}
.buttonOff {
    padding: 10px 15px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #090e79;
    border: none;
    border-radius: 15px;
    box-shadow: 0 7px #999;
    min-width: 120px;
}
.buttonOn {
    padding: 5px 10px;
    font-size: 16px;
    min-width:120px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #000;
    border: none;
    border-radius: 10px;
    background-color: #9d9ada;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}
.buttonSMOff {
    padding: 10px 35px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #555dfa;
    border: none;
    border-radius: 10px;
    box-shadow: 0 7px #999;
}

.buttonSMOn {
    padding: 5px 35px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #000;
    border: none;
    border-radius: 10px;
    background-color: #1007d3;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}
@media screen and (max-width: 767px) {
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    table textarea {
      min-width:120px;
    }
}
@media print {
    @page {
        margin: 0;
    }

    body {
        margin: 1.6cm;
    }
}