/*::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 6px #868686;
    background-color: #F5F5F5;*/
    /*cursor: pointer;

}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
    cursor: pointer;

}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #a3a3a3;

}*/

.hambugerIcon svg {
    width: 16px;
    margin-right: 10px;
    position: relative;
    bottom: 2px;
}

.bg-blue {
    background-color: #26599a;
}

.nb-head {
    height: 42px;
}

.nb-head a.navbar-brand,
.nb-head .navbar-nav a.nav-link {
    color: #fff !important;
}

.nb-rightSide .nav-item svg {
    width: 14px;
    position: relative;
    top: 4px;
    margin-right: 22px;
}

.nb-rightSide .nav-item:nth-child(-n + 2):before {
    content: '';
    background-color: #fff;
    position: absolute;
    width: 1px;
    height: 15px;
    right: 12px;
    top: 12px;
}

.nb-rightSide .nav-item {
    position: relative;
}

.nb-rightSide .dropdown-menu {
    left: auto;
    right: 0px;
}

.userpart {
    display: flex;
    font-size: 12px;
}

.nb-rightSide .nav-item.dropdown .nav-link {
    padding: 0;
    margin-right: 20px;
}

.nb-rightSide .nav-item.dropdown a:after {
    position: absolute;
    right: 0;
    top: 20px;
    color: #fff !important;
}

.userLogo svg {
    width: 18px !important;
    height: 24px !important;
    margin-right: 10px !important;
    margin-top: 2px;
}

.userDetails p {
    font-size: 13px;
    color: #fff !important;
}

.userDetails p:last-child {
    font-size: 10px;
}

/* SIDEBAR */
.qms-sidebar-wrapper {
    z-index: 999;
    left: 0;
    width: 208px;
    height: calc(100% - 43px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 0;
    background-color: #fff;
    top: 42px;
    border-right: 1px solid #ccc;
}

.sidebar-qms h6 {
    border-bottom: 1px solid #ccc;
    padding: 6px;
    font-size: 13px;
    position: sticky;
    top: 0;
    background-color: #fff;
}

.sidebar-qms h6 svg {
    width: 9px;
    position: absolute;
    right: 10px;
    height: 9px;
    top: 9px;
    cursor: pointer;
}

.qms-listofmenu li {
    font-size: 12px;
    padding: 5px;
    list-style-type: none;
    cursor: pointer;
    margin: 3px 0px;
    margin-right: 10px;
}

.qms-listofmenu p {
    font-size: 12px;
    margin-bottom: 1px;
    padding: 3px 5px;
    font-weight: 600;
}

.qms-listofmenu ul {
    margin-bottom: 0;
}

.qms-sub-menu {
    padding-left: 8px;
}

.qms-listofmenu li:hover {
    background-color: #d9d8da;
}

.menu-opened {
    padding-left: 210px;
    padding-right: 0px;
}

.lm-list {
    background-color: #efefef;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 5px 11px;
    position: relative;
}

    .lm-list svg {
        position: absolute;
        width: 23px;
        right: 5px;
        top: 6px;
        height: 14px;
    }

.indicates-qms {
    font-size: 13px;
    color: #26599a;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 8px;
    padding-top: 5px;
    display: inline-block;
}

.indicates-qms svg {
    width: 13px;
    height: 14px;
    position: relative;
    bottom: 1px;
}

.indicates-qms svg * {
    stroke: #26599a;
}

.lm-table-cell {
    background-color: #efefef;
    padding: 5px;
    font-size: 12px;
}

.lm-table-cell table {
    width: 100%;
}

.lm-table-cell td {
    padding: 4px 7px;
}

.lm-table-cell tr td svg {
    width: 14px;
    height: 14px;
    position: relative;
    bottom: 1px;
}

/* RIGHT SIDE ACCORDION PART */
.qms-accordion-main .btn-header-link {
    display: block;
    text-align: left;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
}

.qms-accordion-main .btn-header-link .qms-updownArrowas {
    position: absolute;
    right: 10px;
    width: 10px;
    top: 0px;
}

.panel-title {
    font-size: 13px;
    position: relative;
    padding: 6px 7px;
}

.delete-qmsicon svg {
    width: 12px;
    top: 4px;
}

.delete-qmsicon {
    display: inline-block;
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    width: 24px;
    text-align: center;
    cursor: pointer;
}

.delete-qmsicon svg * {
    stroke: #f00;
}

.titlendelete {
    padding-top: 5px;
}

.formGroups label {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 3px;
    width: 100%;
    position: relative;
}

.formGroups input.form-control {
    height: 35px;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 12px;
}
.formGroups-row .e-multiselect {
    margin-top: 2px
}

.formGroups .form-group {
    margin-bottom: 5px;
}

.addMr {
    float: right;
    width: 15px;
    height: 14px;
}

.addMr * {
    stroke: #26599a;
}

.prblm-state textarea {
    height: 154px;
    box-shadow: none !important;
}

.formGroups {
    height: calc(100vh - 200px);
    overflow-y: auto;
    background-color: #fff;
    padding-bottom: 10px;
}

.buttonGroup {
    display: flex;
    margin-top: 10px;
    padding-left: 10px;
}

.qms-attachments li {
    display: flex;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    width: 150px;
    position: relative;
    font-size: 12px;
    background-color: #efefef;
    padding: 0 8px;
    float: left;
    margin-right: 5px;
    height: 29px;
    margin-bottom: 0;
    border-radius: 3px;
}

.qms-attachments {
    margin-bottom: 0;
}

.btn-blue-qms {
    background-color: #26599a;
    color: #fff;
    font-size: 12px;
    border: 1px solid #26599a;
    padding: 5px 15px;
    border-radius: 4px;
}
.btn-green-qms {
    background-color: #00A53D;
    color: #fff;
    font-size: 12px;
    border: 1px solid #00A53D;
    padding: 5px 15px;
    border-radius: 4px;
}

.closeIcon-qms {
    position: absolute;
    right: 9px;
    cursor: pointer;
}

.buttonGroup>button {
    float: left;
    margin-right: 10px;
}

.closeIcon-qms svg {
    width: 8px;
}

.qms-attachments li p {
    display: inline-block;
    width: calc(100% - 47px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 10px;
}

.groupOfBtnBottom {
    border-top: 1px solid #f1f1f1;
    padding-top: 10px;
    padding-right: 10px;
}

.qms-accordion-main .card-header {
    background-color: #efefef;
}

.btn-grey-qms {
    border: 1px solid #ccc;
    font-size: 12px;
    color: #000;
    padding: 5px 15px;
    background-color: #fff;
}

.groupOfBtnBottom button {
    border-radius: 4px;
}

.btn-outline-blue-qms {
    border: 1px solid #26599a;
    font-size: 12px;
    color: #26599a;
    padding: 5px 15px;
    background-color: #fff;
}

.lm-list:hover, .lm-list.active {
    box-shadow: 0px 0px 4px #0078d4;
    cursor: pointer;
    background-color:#ffffff;
}

.approvedbyTeam {
    font-size: 11px;
    color: #00A53D;
    font-weight: 400;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 70px);
    overflow: hidden;
    position: relative !important;
    top: 4px;
    right: -4px !important;
}

.icons-btns {
    background-color: #fff;
    border: 1px solid #26599a;
    height: 27px;
    position: relative;
    top: 2px;
}

.icons-btns svg {
    width: 15px;
    height: 15px;
    position: relative;
    bottom: 2px;
}

.rs-opt {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.rs-opt .input-group {
    width: 270px;
    margin-top: 1px;
    margin-right: 7px;
}

    .rs-opt .input-group .form-control {
        height: 28px;
        padding: 3px;
        font-size: 12px;
        text-indent: 4px;
        box-shadow: none;
    }

.rs-opt .input-group .input-group-append {
    height: 30px;
}

.rs-opt .input-group button {
    background-color: #26599a;
    padding: 1px;
    width: 38px;
    text-align: center;
    border-color: #26599a;
}

.rs-opt .input-group button svg {
    width: 14px;
}

.userDetails {
    line-height: normal;
}

/* DASHBOARD */
.cardDashboaRd .card {
    flex: 1 1 calc(10% - 10px);
    /* Adjust card width dynamically */
    max-width: 200px;
    /* Set a max width for large screens */
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 3px;
    /* Space between cards */
    margin-top: 12px;
    cursor: pointer;
}

.cardDashboaRd .card:hover {
    box-shadow: 0 0px 3px rgb(0 120 212);
}

.cardDashboaRd .card .count {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
    text-align: left;
    text-indent: 15px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.cardDashboaRd .card .label {
    font-size: 12px;
    color: #333;
    background-color: #F1F1F1;
    padding: 4px 3px;
    text-indent: 8px;
}


.icons-type svg {
    width: 22px;
    height: 21px;
}

.tableDashBoard thead th {
    background-color: #F1F1F1;
    padding: 6px 5px;
    font-weight: 500;
    font-size: 13px;
    border: 0;
}

.tableDashBoard table {
    border-collapse: separate;
    border-spacing: 0px 4px;
}

.tableDashBoard tbody tr td,
.tableDashBoard tbody tr th {
    background-color: #fff;
    padding: 7px 5px;
    font-size: 12px;
    border-left: 0;
    border-right: 0;
    border-color: #e3e3e3;
}

.pr-icons {
    width: 16px;
    height: 17px;
    position: relative;
    bottom: 2px;
    cursor: pointer;
}

.pr-icons * {
    stroke: #26599a;
}

.ac-icons svg {
    width: 18px;
    height: 17px;
    cursor: pointer;
}

.formGroups textarea {
    box-shadow: none !important;
}

.tableDashBoard tbody tr th:first-child {
    border-left: 1px solid #e3e3e3;
}

.tableDashBoard tbody tr td:last-child {
    border-right: 1px solid #e3e3e3;
}

.formGroups-row {
     background-color: #FFFFFF; 
    padding: 3px;
}

.imagePart-qms {
    background-color: #F9F9FB;
}

.rejectModal .modal-title {
    font-size: 14px;
}

.rejectModal .modal-header {
    padding: 7px 10px;
}

.rejectModal .form-group {
    font-size: 12px;
}

.rejectModal textarea {
    font-size: 12px;
}
div.formGroups-row label {
    position: relative;
    top: 0;
    right: 0;
}

.formGroups-row span.input-group-text {
    position: relative;
    right: 0;
    height: 35px;
}
.qmsWrapper section.header {
    background-color: #fff;
    height: 42px;
}
.formGroups-row .form-group span {
    position: relative;
    right: 0;
}
.formGroups-row .form-group span {
    margin-top: 5px;
}
.qms-accordion-main a span {
    position: relative;
    right: 0;
    display: block;
    bottom: 16px;
}
.formGroups-row span.input-group-text {
    margin-top: 0;
}
.commonGrid table {
    border-spacing: 0px 5px;
}

    .commonGrid table .e-rowcell {
        border-bottom: 1px solid #e8e8e8;
    }
#qms-mailthread_header .addMr {
    position: absolute;
    float: none !important;
    right: 30px;
    width: 15px;
    height: 15px;
    top: 12px !important;
}
.qms-accordion-main .btn-header-link .qms-updownArrowas {
    transform: rotate(-90deg) !important;
}
.qms-accordion-main .btn-header-link.collapsed .qms-updownArrowas {
    transform: rotate(0deg) !important;
}
.commonGrid span.e-headertext{
    font-size: 12px
}
.topView-Card {
    overflow-x: auto;
    white-space: nowrap;
}

.cardDashboaRd {
    display: flex;
    flex-wrap: nowrap; /* Prevents wrapping */
    gap: 2px; /* Adds spacing between cards */
}

.topView-Card .card {
    min-width: 150px; /* Ensures cards have a minimum width */
    flex-shrink: 0; /* Prevents cards from shrinking */
}
.vrfdBy{
   font-size: 12px;
   font-weight: 600;
}
.sepeRatePart {
    background-color: #33333314;
    margin-bottom: 7px;
    padding: 5px !important;
}
.removeParticularRow {
    position: absolute;
    right: 15px;
    top: 7px;
    z-index: 999;
}

    .removeParticularRow svg {
        width: 14px;
    }

        .removeParticularRow svg * {
            stroke: #f00;
        }

.formGroups-row {
    position: relative;
}

/*@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .formGroups {
        height: calc(100vh - 60px);
    }
    div#status_popup, #RaisedBy_popup, #Project_popup, #Files_popup, #RaisedTo_popup, #Process_popup, 
    #Account_popup, #AssignedTo_0_popup, #ActionType_0_popup, #BusinessSegment_popup {
        width: 375px !important;
        margin-top: 10px !important;
    }
    #BusinessUnit_popup {
        margin-left: 20px;
        width: 365px !important;
        margin-top: 10px !important;
    }
}*/
@media only screen and (min-width: 1201px) and (max-width: 1400px) {

    .qmsTable-grid .e-gridcontent .e-content {
        height: calc(100vh - 410px) !important;
    }
}
.icon-sec-tble svg {
    margin-right: 5px;
}

.QMSactionstatusopen ul li {
    display: inline-block;
    margin: 0 5px
}

.PendingStatus {
    opacity: 0.65 !important;
    cursor: no-drop;
    filter: grayscale(1);
}
.qmsTable-grid .e-gridcontent {
    height: calc(100vh - 250px);
    overflow-y: auto;
}
.bgColor-grey {
    background-color: #fff;
}
.titleMon-phase {
    font-size: 13px;
    font-weight: 600;
    padding-left: 3px;
    color: #26599a;
}
.qmsTable-grid .e-content tbody td.e-detailrowcollapse a,
.qmsTable-grid .e-content tbody td.e-detailrowexpand a {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.no-edit {
    cursor: not-allowed;
    pointer-events: none;
    color: black;
    background-color: white;
}
td.e-rowcell.e-rejection {
    color: red !important;
}
td.e-rowcell.e-reopen {
    color: red !important;
}
tr.e-row.e-red td:first-child {
    border-left: 2px solid red !important;
}
#Open_GridData tr.e-row.e-red td:not(.e-hide):nth-child(3) {
    border-left: 2px solid red !important;
}
.qms-listofmenu li.active {
    background-color: #cce4f7;
}

.contextMenu-list {
    width: 200px;
    padding-left: 0;
    box-shadow: 0px 0px 4px 0px #ccc;
}

    .contextMenu-list li {
        display: flex;
        justify-content: space-between;
        font-size: 13px;
        line-height: inherit;
    }

    .contextMenu-list li {
        display: flex;
        align-items: center;
        padding: 0px 8px;
        cursor: pointer;
    }

    .contextMenu-list li span.icons-list {
            display: flex;
            align-items: anchor-center;
            padding: 4px 0px;
        }

    .contextMenu-list li span.icons-list svg {
                padding-right: 10px;
                width: 17px;
            }

.donwload-lIst svg {
    width: 12px;
}
.context-menu {
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 100;
}

    .context-menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .context-menu li {
        display: flex;
        align-items: center;
        padding: 5px 0;
    }

    .context-menu .icons-list {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

    .context-menu .donwload-lIst {
        margin-left: auto;
    }

.file-upload-block {
    font-family: sans-serif;
    width: 100%;
}

    .file-upload-block .upload-title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 6px;
        font-size: 14px;
    }

    .file-upload-block .note {
        font-size: 12px;
        color: #555;
    }

.file-upload-wrappers {
    position: relative;
    display: flex;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    height: 40px;
}

    .file-upload-wrappers input[type="file"] {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 3;
    }

.file-placeholder {
    flex: 1;
    padding: 10px;
    color: #999;
    background: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.file-upload-block .upload-icon {
    width: 40px;
    background-color: #26599a;
    color: #fff;
    border: none;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.count .addMr {
    margin-left: 10px;
}
/*TOP header CSS*/
.header-under {
    display: inline-flex;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

    .header-under li {
        display: flex;
        font-size: 12px;
        padding: 5px 8px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid transparent;
        border-right: 1px solid #ccc;
    }

    .header-under svg {
        width: 10px;
        height: 10px;
        margin-left: 15px;
    }

    .header-under li.active {
        background-color: #ededed;
        border-bottom: 2px solid #26599a;
    }

    .header-under li {
        cursor: pointer;
    }

        .header-under li svg {
            opacity: 0;
        }
.bnt-sec-qms {
    font-size: 12px;
    color: #26599A;
    border-radius: 4px;
    margin: 0 5px 0 0;
    padding: 0px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .bnt-sec-qms svg {
        margin-left: 7px;
        position: relative;
        top: 0; 
    }

.fishbone {
    overflow: inherit;
    overflow-clip-margin: unset;
}

    .fishbone .bone {
        stroke: #999;
        stroke-width: 2;
    }

    .fishbone .bone-label {
        font-size: 12px;
        fill: #333;
        font-weight: normal;
    }

        .fishbone .bone-label.bold {
            font-weight: bold;
            fill: #0055aa;
        }

    .fishbone .center-bone {
        cursor: pointer;
        /* stroke: #666;
    stroke-width: 4; */
    }
    /* for 7 count */

    /* .fishbone .bone-shape1 {
      transform: translate(70px, -30px);
    }

    .fishbone .bone-shape2 {
      transform: translate(100px, 40px);
    }

    .fishbone .bone-shape3 {
      transform: translate(130px, -49px);
    }

    .fishbone .bone-shape4 {
      transform: translate(190px, 25px);
    }

    .fishbone .bone-shape5 {
      transform: translate(220px, -58px);
    }

    .fishbone .bone-shape6 {
      transform: translate(250px, 20px);
    }

    .fishbone .bone-shape7 {
      transform: translate(300px, -60px);
    }

    .fishbone .bone-label1 {
      transform: translate(-60px, -90px);
    }

    .fishbone .bone-label2 {
      transform: translate(-100px, -20px);
    }

    .fishbone .bone-label3 {
      transform: translate(-130px, -110px);
    }

    .fishbone .bone-label4 {
      transform: translate(-140px, -30px);
    }

    .fishbone .bone-label5 {
      transform: translate(-160px, -122px);
    }

    .fishbone .bone-label6 {
      transform: translate(-200px, -40px);
    }

    .fishbone .bone-label7 {
      transform: translate(-210px, -120px);
    } */

    /* for 10 count */

    .fishbone .bone-shape1 {
        transform: translate(67px, -37px);
    }

    .fishbone .bone-shape2 {
        transform: translate(102px, 47px);
    }

    .fishbone .bone-shape3 {
        transform: translate(145px, -51px);
    }

    .fishbone .bone-shape4 {
        transform: translate(185px, 30px);
    }

    .fishbone .bone-shape5 {
        transform: translate(217px, -63px);
    }

    .fishbone .bone-shape6 {
        transform: translate(250px, 25px);
    }

    .fishbone .bone-shape7 {
        transform: translate(296px, -65px);
    }

    .fishbone .bone-label1 {
        transform: translate(-59px, -97px);
    }

    .fishbone .bone-label2 {
        transform: translate(-69px, -12px);
    }

    .fishbone .bone-label3 {
        transform: translate(-77px, -110px);
    }

    .fishbone .bone-label4 {
        transform: translate(-78px, -30px);
    }

    .fishbone .bone-label5 {
        transform: translate(-90px, -122px);
    }

    .fishbone .bone-label6 {
        transform: translate(-100px, -32px);
    }

    .fishbone .bone-label7 {
        transform: translate(-96px, -124px);
    }

    .fishbone .bone-shape8 {
        transform: translate(322px, 27px);
    }

    .fishbone .bone-label8 {
        transform: translate(-121px, -33px);
    }

    .fishbone .bone-shape9 {
        transform: translate(370px, -60px);
    }

    .fishbone .bone-shape10 {
        transform: translate(390px, 34px);
    }

    .fishbone .bone-label10 {
        transform: translate(-142px, -25px);
    }

    .fishbone .bone-label9 {
        transform: translate(-110px, -121px);
    }

    .fishbone .bone-new {
        cursor: pointer;
    }

svg#fishbone {
    width: 100%;
    height: 100%;
    padding-top: 90px;
}

/* Style for the delete button */
.delete-button {
    cursor: pointer;
    font-size: 10px;
    fill: red;
    font-weight: bold;
}

.active-bone {
    fill: #0078d4;
}
.fishbonePart .bone-form svg.addMr {
    float: none;
    position: absolute;
    top: 9px;
    right: 20px;
}
.fishbonePart input.form-control {
    height: 30px;
    font-size: 12px;
    padding: 6px 6px;
   font-weight: 600;
   
}
.fishLabel-part, .parentFishForm {
    display: flex;
}

    .fishLabel-part svg, .parentFishForm svg {
        width: 14px;
        margin-left: 10px;
        position: relative;
        bottom: 2px;
    }
.fishbonePart input.form-control.active {
    background-color: #d4f1ff;
}


.tableFishbone th, .tableFishbone td {
    padding: 4px 10px;
    font-size: 12px;
}

.tableFishbone th {
    border-bottom: 0px !important;
}

#viewdetails .modal-dialog {
    max-width: 1000px;
}

.tableFishbone th {
    background-color: #c1e4ff;
    padding: 6px 9px;
}

.tableFishbone td span {
    position: relative;
    right: 0px;
}
.parentFishForm {
    padding-left: 15px;
}
.cardDashboaRd .card.activeclient {
    box-shadow: 0px 0px 2px 1px #2A6FDB;
}
.validated-icon,.approved-icon, .rejected-icon {
    border: 1px solid #ffffff;
    padding: 2px 10px;
    margin-right: 10px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

    .validated-icon svg,    .approved-icon svg, .rejected-icon svg {
        width: 12px;
        position: relative;
        bottom: 2px;
    }

    .approved-icon, .validated-icon {
        color: #01A44F;
        font-size: 12px;
    }

    .approved-icon.withborder, .validated-icon.withborder {
        border: 1px solid #01a450;
    }

    .rejected-icon svg {
        position: relative;
        bottom: 0;
        left: -4px;
    }

    .rejected-icon.withborder {
        border: 1px solid #dc3545;
    }

.rejected-icon {
    color: #dc3545;
}

.Awaiting-buttons.awaiting-cell {
    cursor: pointer;
    text-decoration: underline;
    color: #D88613;
}

.qmsTable-grid .e-grid.commonDashboardGrid td.e-active {
    border-bottom: 1px solid #2196F3 !important;
    border-top: 1px solid #2196F3 !important;
}

.app-btn {
    background-color: #fff;
    border: 1px solid #01a450;
    color: #01a450;
    padding: 0px 8px;
    height: 27px;
}

.rej-btn {
    background-color: #fff;
    border: 1px solid #dc3545;
    color: #dc3545;
    margin-left: 10px;
    padding: 0px 8px;
    height: 27px;
}
.groupOfBtnBottom svg {
    width: 13px;
    height: 13px;
}
td.user-app-name {
    padding-left: 30px;
}
.qms-left-menus {
    height: calc(100vh - 80px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .qms-left-menus .lm-list {
        margin-left: 3px;
        margin-right: 3px;
    }

.lm-table-cell {
    margin-left: 3px;
    margin-right: 3px;
}
.parentFishForm input {
    color: #333;
    font-weight: 400 !important
}

    .parentFishForm input::placeholder {
        color: #5b5b5b;
        opacity: 1; /* Firefox */
    }


    /*.parentFishForm input::-ms-input-placeholder {*/ /* Edge 12 -18 */
        /*color: #5b5b5b;
    }*/

.fishbonePart input.form-control {
    font-size: 13px;
}
.formGroups .form-control[disabled] {
    opacity: .5;
    cursor: not-allowed;
}
#custom_dropdown span.e-readonly *,
.formGroups input.form-control[disabled],
.formGroups .e-disabled, .formGroups select[disabled] {
    opacity: 0.5
}
.cardDashboaRd .icons-type img {
    width: 23px;
    height: 23px;
}
.nonconfirmation .config input[type="checkbox"] {
    font-size: unset;
    text-align: left;
    width: 17px;
    margin-top: 10px;
    height: 15px;
}
.header-under li:hover svg {
    opacity: 1;
}
.qmsTable-grid .e-gridcontent .e-content .e-content {
    height: auto !important;
}

.viewTableGrids-eye {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 14px;
}