﻿@media  (min-width: 1300px) {

    body {
        margin: 0;
        padding: 0;
        background-color: #EFF2FB;
        color: #555555;
        font-family: Verdana,arial,sans-serif;
        font-size: .8em !important;
        overflow: auto;
    }

    .CommenuBox {
        text-align: center;
        width: auto;
        margin: 5% 0% 0% 0%;
        overflow: auto;
        display: inline-block;
        vertical-align: middle;
    }

    #KendoActionlinks {
        color: #000000;
        font-weight: bold;
        font-size: 11px;
        text-decoration: underline !important;
    }

    .Loginwrapper {
        margin: 10px auto;
        width: 96%;
        /* min-width:1000px;
                 overflow: auto;*/
        height: auto;
        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: 610px;
        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: -32px 0 0 0;
        position: relative;
        bottom: -3.2%;
    }
    .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: -102px 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: -3.2%;
    }

    .contentMenu {
        margin: 10px;
        display: block;
        width: auto;
        text-align: center;
        min-height: 470px;
    }

    a > span > span {
        display: inline;
        position: absolute;
        margin-left: 2.8%;
        margin-top: 5.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: -32px 0 0 0;
        position: relative;
        bottom: -4.6%;
    }

    .contWrapper {
        width: auto;
        height: 500px; /*471px;*/
        overflow: auto;
        padding: 12px 12px 0 12px;
    }
    .bxIncident {
        width: 100%;
        height: 100%;
        float: right;
        overflow: auto;
    }
    .bx1 {
        background-color: #ADC5EA;
        border-right: 1px solid #89A8D8;
        box-shadow: 0 1px 5px #FFFFFF;
        float: left;
        margin: 0;
        margin-top: -8px;
        padding: 6px 0 0 0;
        width: 18.8%;
        height: 414px;
    }

    .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: 365px;
    }

    .editor-label {
        margin: 1em 0 0 0;
    }
    /*label 
{
     font-size:0.8em !important
}*/

    .editor-field {
        margin: 0.5em 0 0 0;
    }



    .radio {
        width: 14px;
        border: 0px;
        margin-top: 6px;
    }



    #checkNotes {
        width: 17px;
    }

    #checkQARMA {
        width: 17px;
    }



    /*Resourse*/

    #mainResource {
        height: 520px;
        float: left;
        width: 100%;
    }

    #leftmainResource {
        float: left;
        width: 20%;
        height: 500px;
        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: 497px;
    }

    #frame {
        border: 2px solid #ccc;
        background-color: #fff;
        height: 497px;
    }

    #StaffTrackerAdminCompetency div.k-grid-content {
        height: 200px !important;
        overflow-x: hidden;
    }

    #StaffTrackerEducationAdminCompetency div.k-grid-content {
        height: 200px !important;
        overflow-x: hidden;
    }

    #lstTrackerExpiration div.k-grid-content {
        height: 280px !important;
    }

    #MetaDataTV div.k-grid-content {
        height: 245px !important;
        overflow-x: hidden;
    }

   

    #lstScreenView div.k-grid-content {
        height: 245px !important;
        overflow-x: hidden;
    }

    #lstActionView div.k-grid-content {
        height: 245px !important;
        overflow-x: hidden;
    }

    #snackbar {
        max-height: 450px !important;
    }

    .bi-splitter {
        height: 412px !important;
    }

    .bi-bookmark-grid {
        height: 330px !important;
        width: 248px;
    }

        .bi-bookmark-grid .k-grid-content {
            height: 275px !important;
        }

    #Powerbitab-2 .bi-bookmark-grid {
        height: 295px !important;
        width: 248px;
    }

        #Powerbitab-2 .bi-bookmark-grid .k-grid-content {
            height: 240px !important;
        }
}
