﻿@media (min-width: 1800px) {

    body {
        margin: 0;
        padding: 0;
        background-color: #EFF2FB;
        color: #555555;
        font-family: Verdana,arial,sans-serif;
        font-size: .9em !important;
    }
    #KendoActionlinks {
        color: #162C4A;
        font-weight: bold;
        font-size: 12px;
        text-decoration: underline !important;
    }

    table#table-body td, table#table-header th, table#table-footer td {
        border: 1px solid #000;
        overflow: auto;
        white-space: nowrap;
        font-size: 0.9em !important;
    }

    .Loginwrapper {
        margin: 10px auto;
        width: 96%;
        height: 921px;
        overflow: hidden;
        border: 1px solid #fdfeff;
        box-shadow: 1px 3px 9px #555;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .Loginwrapperhome {
        margin: 10px auto;
        width: 96%;
        /* min-width:1000px;
                    overflow: auto;*/
        height: 921px;
        border: 1px solid #fdfeff;
        box-shadow: 1px 3px 9px #555;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .Loginfoot {
        clear: both;
        margin: 0 0 0 0;
        width: auto;
        height: 22px;
        color: #d9e7f7;
        font-size: 11px;
        text-shadow: 1px 1px 1px #6983a6;
        text-align: right;
        padding: 9px 10px 1px 0;
        background-color: #94b1df;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        margin: 0px 0 0 0;
        position: relative;
        bottom: -16.8%;
    }
    .Loginfoothome {
        clear: both;
        margin: 0 0 0 0;
        width: auto;
        height: 22px;
        color: #d9e7f7;
        font-size: 11px;
        text-shadow: 1px 1px 1px #6983a6;
        text-align: right;
        padding: 9px 10px 1px 0;
        background-color: #94b1df;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        margin: 0px 0 0 0;
        position: relative;
        bottom: -16.2%;
    }

    .Resoursefoot {
        clear: both;
        margin: 0 0 0 0;
        width: auto;
        height: 22px;
        color: #d9e7f7;
        font-size: 11px;
        text-shadow: 1px 1px 1px #6983a6;
        text-align: right;
        padding: 9px 10px 1px 0;
        background-color: #94b1df;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        margin: 0px 0 0 0;
        position: relative;
        bottom: -32.5%;
    }

    .contentMenu {
        margin: 10px;
        display: block;
        width: auto;
        text-align: center;
        min-height: 628px;
    }

    .CommenuBox {
        text-align: center;
        width: auto;
        margin: 6% 0 0 -2%;
        overflow: auto;
        display: inline-block;
        vertical-align: middle;
    }

    a > span > span {
        display: inline;
        position: absolute;
        margin-left: 1.5%;
        margin-top: 4%;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        font-family: Verdana,arial,sans-serif;
        font-size: 1.1em;
        color: white;
        background: #ff8c00;
        border: solid 1px #FF4500;
        line-height: 180%;
        text-align: center;
    }

    .foot {
        clear: both;
        margin: 0 0 0 0;
        width: auto;
        height: 22px;
        color: #d9e7f7;
        font-size: 11px;
        text-shadow: 1px 1px 1px #6983a6;
        text-align: right;
        padding: 9px 10px 1px 0;
        background-color: #94b1df;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        margin: 0px 0 0 0;
        position: relative;
        bottom: -0.7%;
    }

    .contWrapper {
        width: auto;
        height: 785px;
        overflow: hidden;
        padding: 12px 12px 0 12px;
    }

    .bxIncident {
        width: 100%;
        float: right;
        overflow: auto;
        height: auto;
    }


    .bx1 {
        background-color: #ADC5EA;
        border-right: 1px solid #89A8D8;
        box-shadow: 0 1px 5px #FFFFFF;
        float: left;
        margin: 0;
        margin-top: -8px;
        min-height: 369px;
        padding: 51px 0 0 0;
        width: 18.8%;
        height: 681px;
    }

    .bxMetaData {
        background-color: #ADC5EA;
        border-right: 1px solid #89A8D8;
        box-shadow: 0 1px 5px #FFFFFF;
        float: left;
        margin: 0;
        margin-top: -8px;
        padding: 51px 0 0 0;
        width: 18.8%;
        height: 681px;
    }

    .contentdiv {
        float: left;
        width: 64%;
        height: 670px;
    }

    .editor-label {
        margin: 0.8em 0 0 0;
    }

    /*.editor-field 
    {
        margin:0.5em 0 0 0;
           font-size:0.9em !important
    }*/
    textarea {
        font-size: 0.9em !important;
    }

    input {
        font-size: 0.9em !important;
    }
    /*label
    {
        font-size: 0.9em !important;
    }*/
    confirm {
        font-size: 0.9em !important;
    }
    /*td
    {
        font-size: 0.9em !important;
    }*/
    .radio {
        width: 14px;
        border: 0px;
        margin-top: 6px;
    }

    #chkSign1 {
        width: 19px;
        border: none;
    }

    #chkSign2 {
        width: 19px;
        border: none;
    }

    #chkSign3 {
        width: 19px;
        border: none;
    }

    #checkNotes {
        width: 19px;
    }

    #checkQARMA {
        width: 19px;
    }
    /*Resourse*/

    #mainResource {
        height: 520px;
        float: left;
        width: 100%;
    }

    #leftmainResource {
        float: left;
        width: 20%;
        height: 800px;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        overflow: scroll;
    }

    #rightmainResource {
        float: right;
        width: 80%;
        height: 500px;
        border-bottom: 1px solid #ccc;
        background-color: #fff;
    }

    #ResourseDisplayDiv {
        position: absolute;
        top: 12%;
        left: 20%;
        width: 78.5%;
        height: 750px;
    }

    #frame {
        border: 2px solid #ccc;
        background-color: #fff;
        height: 750px;
    }

    #StaffTrackerAdminCompetency div.k-grid-content {
        height: 480px !important;
        overflow-x: hidden;
    }

    #StaffTrackerEducationAdminCompetency div.k-grid-content {
        height: 540px !important;
        overflow-x: hidden;
    }

    #MetaDataTV div.k-grid-content {
        height: 515px !important;
        overflow-x: hidden;
    }

    #lstTabView div.k-grid-content {
        height: 515px !important;
        overflow-x: hidden;
    }

    #lstScreenView div.k-grid-content {
        height: 515px !important;
        overflow-x: hidden;
    }

    #lstActionView div.k-grid-content {
        height: 515px !important;
        overflow-x: hidden;
    }

    #snackbar {
        max-height: 800px !important;
    }

    .bi-splitter {
        height: 710px !important;
    }

    .bi-bookmark-grid {
        height: 635px !important;
        width: 248px !important;
    }

        .bi-bookmark-grid .k-grid-content {
            height: 575px !important;
        }

    #Powerbitab-2 .bi-bookmark-grid {
        height: 600px !important;
        width: 248px !important;
    }

        #Powerbitab-2 .bi-bookmark-grid .k-grid-content {
            height: 540px !important;
        }

        .banner {
            display: flex;
            align-items: center;
            gap: 16px;
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 16px 20px;
            width: 910px;
            /*width: 100%;*/           
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
            margin-bottom: 10px;
        }

        .icon-wrapper {
            flex-shrink: 0;
            width: 45px;
            height: 45px;
            background: #2563eb;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .AscNewtext {
        flex: 1;
        min-width: 0;
    }

        .AscNewtext h4 {
            font-size: 14.5px;
            font-weight: 600;
            color: #111827;
            line-height: 1.4;
            margin: 0;
        }

        .AscNewtext p {
            font-size: 13px;
            color: #6b7280;
            margin-top: 2px;
            line-height: 1.5;
            margin: 0;
        }

        .ASCNewactions {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
        }

        .btn-primary {
            background: #2563eb;
            color: #fff;
            border: none;
            border-radius: 5px;
            padding: 9px 18px;
            font-size: 13px;
            font-weight: bold;
            cursor: pointer;
            white-space: nowrap;
            transition: background 0.15s ease;
        }

            .btn-primary:hover {
                background: #1d4ed8;
            }

        #btn-close {
            background: none;
            border: none;
            cursor: pointer;
            color: #9ca3af;
            padding: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            transition: color 0.15s ease, background 0.15s ease;
        }

            #btn-close:hover {
                color: #374151;
                background: #f3f4f6;
            }
    #floatingPill {
        position: fixed;
        top: 160px;
        right: 65px;
        background: #2563eb;
        color: #fff;
        padding: 10px 16px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        box-shadow: 0 6px 16px rgba(0,0,0,0.15);
        display: none;
        z-index: 9999;
        animation: pillSlideIn 0.4s ease-out;
    }
}
