.modal-dialog{
            width: 365px;
        }
        .diagram-img {
            display: flex;
            align-items: center;
            justify-content: center;
            vertical-align: middle;
            margin: 20px 0px 20px 0px;
        }

        /*start - To prevent closing popup window 18-04-2022*/
        .modal{
            pointer-events: none;
        }
        .modal-dialog{
            pointer-events: all;
         }
         /*end - To prevent closing popup window 18-04-2022*/

        .custom-percenatge div {
    transition: 0.5s all ease;
}
        .cr i {
            position: absolute;
            top: 1px;
            font-size: 11px;
            left: 1px;
               opacity:0;
            transform:scale(0);
            transition:0.5s all ease;

        }
        .checkbox  input:checked ~ .cr i {
            opacity:1;
            transform:scale(1);
}

        .exit-now {
            padding-bottom: 15px;
        }
        .diagram-inner {
            display: flex;
            justify-content: center;
            align-items: center;
            vertical-align: middle;
                margin-bottom: 20px;
        }
        .diagram-inner img {
            width: 80px;
            margin-right: 20px;
        }
        .diagram-inner p {
            font-size: 16px;
            font-weight: bold;
            margin-top: 10px;
        }
        .checkbox label, .radio label {
            padding-left: 30px;
        }
        .fa-check:before {
            content: "\f00c";
            color: #FCD53F;
            outline: 2px solid #FCD53F;
        }
        textarea.form-control {
            border-top-left-radius: 50px;
            padding: .375rem 1.75rem;
        }
        .checkbox label:after {
            content: '';
            display: table;
            clear: both;
        }
        .checkbox .cr {
          position: relative;
          display: inline-block;
          border: 1px solid #a9a9a9;
          border-radius: inherit;
            width: 15px;
            height: 15px;
          float: left;
          margin-right: 1.5em;
            -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
            box-shadow: -1px 1px 5px 0px #999;
            margin-top: 5px;
        }
        .checkbox .cr .cr-icon {
          position: absolute;
          font-size: .8em;
          line-height: 0;
          top: 50%;
          left: 15%;
        }
     
        .btn-exit {
            width: 185px;
            margin: 0px 25px;
            background: #104A83;
            height: 40px;
            font-size: 16px;
            font-weight: 400;
            box-sizing: border-box;
            border-radius: 8px;
            font-weight: 500;
            padding: 0px;
            outline: 0;
        }
        .btn-exit:hover{
            background: #fff;
            color: #104A83;
            border-color: #104A83;
        }
        .exit-head1{
            font-size: 16px;
            line-height: 25px;
            font-weight: bold;
            margin-top: 10px;
            margin-left: 5px;
        }
        .exit-yes {
            font-size: 16px;
            line-height: 25px;
        }
        .exit-yes .checkbox{
            margin-bottom: 20px;
            font-size: 14px;
        }
        #thankty p {
            font-size: 14px;
            text-align: left;
            line-height: 25px;
            margin: 0;
        }
        #Exit_popup_window p {
            font-size: 16px;
            text-align: center;
            line-height: 25px;
            margin: 0;
        }
        .exit-ty-msg img {
            display: block;
            margin: 15px auto;
        }
        .close-all {
            display: block;
            text-align: center;
            margin: 20px 0px;
            border-top: 1px solid #999;
            padding-top: 20px;
            color: #3D6896;
            font-size: 18px;
            font-weight: 500;
        }
            .close-all a:hover {
                text-decoration: none;
                color: #3D6896;
            }
        #vehicle{
            display: none;
        }

        @media screen and (max-width: 767px){
            .modal-dialog {
                width: 298px;
                margin: 100px auto;
            }
            .diagram-img{
                text-align: center;
            }
            .diagram-img img {
                display: block;
                margin: 0 auto;
            }
            .btn-exit{
                width: 120px;
            }
            .exit-yes{
                width: 270px;
                margin: 0 auto;
            }
            .diagram-inner {
                display: block;
            }
            .diagram-inner img {
                width: 100px;
                margin-right: 0px;
                margin: 0 auto;
                display: block;
            }
            .checkbox label, .radio label {
                padding-left: 0px;
            }
            .checkbox .cr {
                margin-right: 0.5em;
            }
            .exit-yes .checkbox {
                font-size: 13px;
            }
        }