﻿



 fieldset {
            border: 1px solid green;
        }

        legend {
            padding: 0.2em 0.5em;
            border: 1px solid green;
            color: green;
            font-size: 90%;
            text-align: left;
            width: auto;
            margin-left: 6px;
        }


        .Loader,
        .Loader:before,
        .Loader:after {
            border-radius: 50%;
        }

        .Loader {
            color: rgba(0,0,0,0.5);
            font-size: 11px;
            text-indent: -99999em;
            margin: 0 auto;
            position: fixed;
            top: calc(50vh - 5em);
            left: calc(50vw - 5em);
            border: 4px solid rgba(0,0,0,0.3);
            box-sizing: border-box;
            border-top-color: #fff;
            width: 10em;
            z-index: 99999999;
            height: 10em;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: rot 2s infinite ease 0s;
            background: transparent;
        }

        .img {
            border-radius: 50%;
            color: #521751;
            font-size: 11px;
            text-indent: -99999em;
            margin: calc(50vh - 5em) auto;
            position: relative;
            box-sizing: border-box;
            width: 10em;
            z-index: 3;
            height: 10em;
            box-shadow: inset 0 0 0 1em;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            background: url(/Image_wait.png) no-repeat fixed center center;
            background-size: 8.3em 7.8em;
        }

        #backDrop {
            position: fixed;
            z-index: 999999;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.3);
        }


        @keyframes rot {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }


        .hidden{
            display:none
        }

/* Table ke Liye taki mobile mai scroll ho ske */
 .table-responsive-md {
        overflow-x:scroll
         
    }

    @media (min-width:800px) {
        .table-responsive-md {
           overflow-x:hidden
        }
    }



    /*Slider Code*/

      .slip_loder {
            border: 10px solid #f3f3f3;
            border-radius: 50%;
            border-top: 10px solid #3498db;
            width: 145px;
            height: 145px;
            -webkit-animation: spin 2s linear infinite; /* Safari */
            animation: spin 2s linear infinite;
        }
        /* Safari */
        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }


      a[data-tool-tip] {
            position: relative;
            text-decoration: none;
            color: rgba(255,255,255,0.75);
        }

            a[data-tool-tip]::after {
                content: attr(data-tool-tip);
                display: block;
                position: absolute;
                background-color: dimgrey;
                padding: 1em 1em;
                color: white;
                border-radius: 5px;
                font-size: 1.0em;
                bottom: 0;
                left: -90px;
                white-space: nowrap;
                transform: scale(0);
                transition: transform ease-out 150ms, bottom ease-out 150ms;
            }

            a[data-tool-tip]:hover::after {
                transform: scale(1);
                bottom: 170%;
            }

