﻿.rightbxIncident {
    border-left: 1px solid #ccc;
    width: 75%;
    float: right;
    top: 56px;
    left: 24.9%;
    position: absolute;
    bottom: 0px;
    overflow: auto;
    overflow-x: hidden;
    height:auto;
}

.wrapperIncDetailrow1 {
    display: grid;
    grid-template-columns: 170px 265px 15px 400px;
    column-gap: 15px;
    padding: 1em;
    align-items: center;
}

.wrapperIncDetailrow2 {
    display: grid;
    grid-template-columns: 170px 265px 30px 400px;
    column-gap: 15px;
    row-gap: 1em;
    padding: 1em;
    align-items:center;
}

.wrapperIncDetailrow3 {
    display: grid;
    grid-template-columns: 183px 636px;
    column-gap: 1px;
    row-gap: 1em;
    padding: 1em;
}
.condTypeBasedRowInvestigation {
    display: grid;
    grid-template-columns: 183px 690px;
    column-gap: 1px;
    row-gap: 1em;
    padding-left:1em;
    color:red;
}
.unplanned {
    display: grid;
    grid-template-columns: 183px 30px 203px;
    column-gap: 1px;
    row-gap: 1em;
    padding-left: 1em;
}
.condTypeBasedRowModifiers {
    display: grid;
    grid-template-columns: 250px 250px 250px;
    grid-template-rows: auto;
    column-gap: 30px;
    row-gap: 1em;
    padding: 1em;
}
.wrapperIncDetailrow4 {
    display: grid;
    grid-template-columns: 186px 636px;
    column-gap: 1px;
    row-gap: 1em;
    padding: 1em;
}
.phyLabel {
    display: grid;
   /* grid-template-columns: 125px 10px;*/
    padding-left: 1em;
}
.EventHappenedInCenterlbl {
    display: grid;
    grid-template-columns: 200px 10px;
    padding-left: 1em;
}

.wrapperIncDetailrow5 {
    display: grid;
    grid-template-columns: 280px 25px 600px;
    row-gap: 1em;
    padding-left: 1em;
    align-items: center;
}
.star{
    display:none;
}
.astrickcolor {
    color: red;
    font-size: 15px;
    align-content: center;
}
.wrapperIncDetailrow6 {
    display: grid;
    grid-template-columns: 265px 610px;
    column-gap: 1px;
    row-gap: 1em;
    padding: 1em;
}
.k-datetimepicker {
    width: 82% !important;
}
.wrapperIncDetailrow7 {
    display: grid;
    grid-template-columns: 165px 250px 100px 250px;
    column-gap: 30px;
    row-gap: 1em;
    padding: 1em;
    align-items: center;
}

.paddingdivs {
    padding-left: 10px;
}

.tip {
    position: relative;
    display: inline-block;
}

    .tip .tooltiptext {
        visibility: hidden;
        width: 520px;
        background-color: white !important;
        color: black !important;
        text-align: left !important;
        border: solid 2px !important;
        border-color: #284065;
        box-shadow: 5px 5px 5px #284065 !important;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 100%;
        margin-left: -400px;
        padding: 5px;
    }

        .tip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 100%;
        }

    .tip:hover .tooltiptext {
        visibility: visible;
    }

.divincflex-row-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .divincflex-row-container > .divincflex-row-item {
        flex: 1 1 25%; /*grow | shrink | basis */
        height: 30px;
    }


.wrapperIncDetailrow8 {
    display: grid;
    grid-template-columns: 186px 670px;
    column-gap: 1px;
    row-gap: 1em;
    padding: 1em;
}

.wrapperIncDetailrow9 {
    display: flex;
    direction: ltr;
    gap: 12px;
    padding: 1em;
}

.wrapperIncDetailrow10 {
    display: grid;
    grid-template-columns: 290px 290px 290px 290px;
    column-gap: 30px;
    row-gap: 1em;
    padding: 1em;
}


.Transfergrid {
    width: 385px;
    display: grid;
    grid-template-areas: "a a";
    grid-auto-rows: 30px;
    margin-top: 1%;
}

.FollowupSec {
    display: grid;
    grid-template-columns: 300px 550px;
    grid-template-rows: auto;
    column-gap: 1px;
    row-gap: 1em;
    padding: 1em;
}

.riskManagmentSec {
    display: grid;
    grid-template-columns: 330px 400px;
    grid-template-rows: auto;
    column-gap: 1px;
    row-gap: 1em;
    padding: 1em;
}

.flexDivs {
    display: flex;
    flex-flow: column;
}
.flexDivspadding {
    display: flex;
    flex-flow: column;
    padding-left: 1em;
}

    .flexDivRows {
        display: flex;
        flex-flow: row;
        column-gap: 38px;
    }

#incidentttextarealist1 {
    width: 520px;
    height: 70px;
    margin-left: 20px;
    display: block;
}

.investgationrow {
    display: grid;
    grid-template-columns: 315px 585px;
    row-gap: 1em;
    align-items: center;
    margin-bottom:0.5%;
}
.align-center {
    align-self:center;
}
.additionalrow {
    display: grid;
    grid-template-columns: 194px 649px;
    column-gap: 1px;
    padding: 1em;
}
.marginbottomclass {
    margin-bottom: 0.5em
}

.paddingleft {
    padding-left: 1em
}
.paddingbottom {
    padding-bottom: 1em
}
.paddingtop {
    padding-top: 1em
}
.postdischargegrid {
    grid-template-columns: 700px;
    padding: 1em;
    padding-bottom:2em;
}