@font-face {
    font-family: 'hk_groteskregular';
    src: url(http://www.system.drillcorp.com/assets/css/fonts/HKGrotesk-RegularLegacy.woff2) format('woff2'),
         url(http://www.system.drillcorp.com/assets/css/fonts/HKGrotesk-RegularLegacy.woff2) format('woff');
    font-weight: normal;
    font-style: normal;
}
.promptwrapper{
        opacity:0;
        visibility:hidden;
        width:400px;
        height:0px;
        background-color:white;
        border:1px solid #b3b3b3;
        position:absolute;
        left:50%;
        /* top:50%; */
        top:-200%;
        transform:translate(-50%,-50%);
        /* box-shadow:0px 5px 10px 5px rgba(0,0,0,.2); */
        transition: 300ms ease-in-out,
                    height 600ms ease-in-out,
                    opacity 800ms ease-in-out;
        
        user-select:none;
    }
    .chkbtn:checked ~ .promptwrapper{
        top:50%;
        visibility:visible;
        opacity:1;
        height:500px;
        /* transition: transform 3000ms ease-in-out; */
    }
    
    #header{
        height:50px;
        position:absolute;
        width:100%;
        background-color:#2196F3;
        box-shadow:0px 2px 2px 2px rgba(0,0,0,.2);
        user-select:none;
    }
    #header h5{
        position:absolute;
        padding-left:16px;
        top:25%;
        color:white !important;
        font-size:17px;
    }
    .promptcontent{
        position:absolute;
        top:20%;
        width:100%;
        padding:10px 5px 0px 5px;
    }
    .promptfooter{
        height:50px;
        position:absolute;
        width:100%;
        bottom:0px;
    }
    .promptfooter .line{
        width:100%;
        height:1px;
        background:silver;
    }
    .promptfooter .btn-primary{
        right:5px;
    }
    .promptfooter .btn-danger{
        right:126px;
    }
    .promptfooter button{
        padding-left:20px;
        padding-right:20px;
        position:absolute;
        top:10%;
    }
    .promptwrapper:target{
        display:block;
        opacity:10;
        width:450px;
        height:500px;
    }
    .closewrapper{
        width:50px;
        height:100%;
        position:absolute;
        right:0px;
        cursor:pointer;
    }.lblclose .fa-times{
        position:absolute;
        right:15px;
        font-size:15px;
        color:white;
        cursor:pointer;
        top:30%;
    }
    .lblclose{
        position:absolute;
        top:0px;
        right:0px;
        height:100%;
    }
    .closewrapper,.promptfooter label{
        margin:0px;
        cursor:pointer !important;
        font-style:normal !important;
        font-weight:normal !important;
    }
    .promptcontent textarea{
        height:100px;
    }
    .promptcontent label{
        font-style:normal !important;
        font-size:15px;
        font-weight: normal !important;
    }
    .chkbtn{
        display:none;
    }
    .lblchk{
        font-style:normal !important;
        font-size:14px;
        font-weight: normal !important;
        margin:0px;
        cursor:pointer;
    }
    .nav-link{
        border-radius:0px !important;
        font-size:14px;
        font-family: 'Monts', Courier, monospace;
        font-style: normal;
    }
    .sidebar .info p{
        padding-bottom:0px;
        margin-bottom:0%;
    }
    .promptcontent > input,textarea,select{
        font-size:13px !important;
    }
    .nav-pills,.mt-2{
        padding:0px !important;
        margin:0px !important;
    }
    .backdrop{
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.2);
    }
    .scrollbar-custom::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
        border-radius: 10px;
    }

    .scrollbar-custom::-webkit-scrollbar
    {
        width: 10px;
        background-color: #F5F5F5;
        height:8px;
    }

    .scrollbar-custom::-webkit-scrollbar-thumb
    {
        background-color: #0ae;
        border-radius:10px;
        background-image: -webkit-gradient(linear, 0 0, 0 100%,
                        color-stop(.5, rgba(255, 255, 255, .2)),
                        color-stop(.5, transparent), to(transparent));
    }
    .remarks-column{
        min-width:400px !important;
    }
    .name-column{
        min-width:150px;
    }