body {
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

/*.nav.navbar-nav li a {
    color: black;
}

    .nav.navbar-nav li a:hover {
        background-color: lightgrey;
    }*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
max-width: 280px;
}*/

.editor-label, .display-label {
    clear: both;
    float: left;
    width: 160px;
    height: 24px;
    margin-top: 5px;
    text-align: left;
    vertical-align: central;
    font-size: 13px;
    line-height: 14px;
    overflow: hidden;
}

.editor-field, .display-field {
    position: relative;
    vertical-align: central;
    width: 100%;
}

.special-img {
    position: relative;
    top: -3px;
    float: left;
    left: -5px;
}

.special-toolimg {
    position: relative;
    top: 2px;
    float: left;
    left: -5px;
}

.profile-image {
    padding-top: 0;
    padding-bottom: 0;
}

html, .LeftNavigation {
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
    overflow: hidden;
}

.ContainerGRO {
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%; /*DO NOT USE !important for setting the Grid height! */
    overflow: hidden;
    position: relative;
}

    .ContainerGRO:before {
        content: '';
        /*height: 100%;*/
        bottom: 0px;
        position: relative;
    }

.HeightTaker {
    top: 0px;
    position: relative;
    z-index: 1;
    margin-left: 0px;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
    overflow: hidden;
}

.HeightTaker2 {
    margin-top: 0px;
    position: relative;
    z-index: 1;
    margin-left: 0px;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

.HeightTaker:after {
    content: '';
    clear: both;
    display: block;
}

.Wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
    overflow: hidden;
}

.LeftNavigation {
    float: left;
    width: 250px;
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}


.dash-head {
    float: left;
    margin-top: 3px;
    background-color: transparent;
}

.k-rpanel-toggle,
.k-rpanel-toggleMain,
.k-rpanel-toggleTask {
    width: 28px;
    height: 28px;
    border-width: 1px;
    background-color: transparent;
}

.panel-wrap {
    position: relative;
    max-width: 320px;
    border: 1px solid #e5e5e5;
    text-align: left;
    float: left;
    height: 100%;
}

.panel-wrap-search {
    position: relative;
    max-width: 352px;
    border: 1px solid #e5e5e5;
    text-align: left;
    float: left;
    height: 100%;
}

.result {
    float: left;
}

#sidebar,
#sidebarTask {
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

@media (max-width: 1000px) {
    #sidebar,
    #sidebarTask {
        /*background: #fff;*/
        padding: 0px;
        border-left: 1px solid #e5e5e5;
        /* show sidebar in container, demo only*/
        position: absolute;
        /*top: 44px;
        bottom: 88px;*/
        z-index: 10;
    }

        #sidebar.k-rpanel-expanded,
        #sidebarTask.k-rpanel-expanded {
            box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        }
}

.headerData {
    border: 1px;
    border-color: ButtonFace;
    top: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    position: relative;
    height: 42px;
    text-align: left;
    /*background-color:ButtonFace; */
    opacity: .99;
    z-index: 2;
}

.toolbarData {
    left: 0px;
    right: 0px;
    position: relative;
    height: 48px;
    text-align: left;
    overflow: hidden;
    /*background-color:ButtonFace; */
    z-index: 2;
    opacity: .99;
    width: 100%;
}

.SearchData {
    left: 0px;
    right: 0px;
    top: 6px;
    bottom: 4px;
    padding-bottom: 2px;
    position: relative;
    text-align: left;
    /*background-color:ButtonFace; */
    z-index: 2;
    opacity: .99;
}

.PDFViwerSimple {
    left: 0px;
    right: 0px;
    position: relative;
    height: 515px;
    width: 100%;
    text-align: left;
    /*background-color: ButtonFace;*/
    z-index: 2;
    opacity: .99;
}

.PDFViwerFull {
    left: 0px;
    right: 0px;
    position: relative;
    height: 557px;
    width: 100%;
    text-align: left;
    /*background-color: ButtonFace;*/
    border: 1px;
    border-color: ButtonFace;
    z-index: 2;
    opacity: .99;
}

.gridData {
    position: relative;
    text-align: left;
    /*z-index: 2;
    opacity: .99;*/
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

.gridDataMain {
    /*position: fixed;
    text-align: left;
    left: 0;*/
    bottom: 0;
    /*width: 100%;
    z-index: 2;
    opacity: .99;*/
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

#gData {
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

.gridDataContent {
    text-align: left;
    z-index: 2;
    opacity: .99;
    margin: 0;
    padding: 0;
    border-width: 0;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
/*.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('Images/ajax-loader.gif') 50% 50% no-repeat;
}*/

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
/*body.loading {
    overflow: hidden;
}*/

/* Anytime the body has the loading class, our
   modal element will be visible */
/*body.loading .modal {
        display: block;
    }*/

.k-window .k-window-content {
    padding: 0;
}

/* reset everything to the default box model */

*, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */
/* if this class is applied to a Kendo UI widget, its layout may change */
.form-control,
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-gantt {
    height: 100% !important;
}

.k-notification {
    border: 0;
}

/* Info template */
.k-notification-info.k-group {
    background: rgba(0%,0%,0%,.7);
    color: #fff;
}

.notification-info {
    width: 300px;
    height: 100px;
}

    .notification-info h3 {
        font-size: 1em;
        padding: 32px 10px 5px;
    }

    .notification-info img {
        float: left;
        margin: 30px 15px 30px 30px;
    }

/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.7);
    color: #ffffff;
}

.notification-error {
    width: 300px;
    height: 100px;
}

    .notification-error h3 {
        font-size: 1em;
        padding: 32px 10px 5px;
    }

    .notification-error img {
        float: left;
        margin: 30px 15px 30px 30px;
    }

/* Success template */
.k-notification-success.k-group {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
}

.notification-success {
    width: 240px;
    height: 100px;
    padding: 0 30px;
    line-height: 100px;
}

    .notification-success h3 {
        font-size: 1.7em;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
    }

    .notification-success img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

.hr, k-window hr, .modal hr, #viewfile hr, .k-window-content hr {
    display: block;
    margin-left: auto;
    margin-top: 0.5em;
    margin-right: auto;
    margin-bottom: 0.5em;
    border-style: inset;
    border-width: 1px;
}

.k-grid tbody tr {
    height: 36px;
}

.k-grid td {
    white-space: nowrap;
}

.divTable {
    margin-left: 2px;
    margin-right: 2px;
    display: table;
    /*width: 100%;*/
}

.divTableRow {
    display: table-row;
}

.divTableCellSearchField {
    display: table-cell;
    width: 210px;
}

.divTableCellSearchHeader {
    display: table-cell;
    width: 100px;
}

.divTableCellField {
    display: table-cell;
}

.divTableCellHeader {
    display: table-cell;
    width: 100px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

/*.label1line {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.5em;
}*/

/*.panel-body .label {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.5em;
}

.label1line {
    display: inline-table;
    line-height: initial;
    margin-bottom: 2px;
}*/

.k-window.k-window-maximized {
    box-sizing: content-box;
    max-width: none;
    max-height: none;
}


.k-window-titlebar {
    font-size: 16px !important;
    height: 20px !important;
    max-height: 20px !important;
}

/*.k-window-titlebar {
    height: 18px
}

.k-window-title {
    font-size: 16px
}*/

textarea {
    resize: none;
}

.RegisterTab {
    margin-top: 10px;
}

html body #pdfviewer {
    width: 100% !important;
    height: 100% !important;
}

html body #pdfviewerclon {
    width: 100% !important;
    height: 100% !important;
}

html legend {
    color: darkgray;
}

.modaloading {
    position: fixed;
    top: 0;
    left: 0;
    background-color: darkslategrey;
    z-index: 100;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loading {
    border-radius: 5px;
    font-family: Arial;
    font-size: 10pt;
    width: 200px;
    height: 80px;
    display: none;
    position: fixed;
    background-color: dimgray;
    border-color: black;
    color: whitesmoke;
    z-index: 999;
}

.k-loading-image:before,
.k-loading-image:after {
    display: none;
}

.k-loading-mask .k-loading-image {
    background-image: url('../Content/Theme/GIF_v3_MasterDocumental_64x59.gif');
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
}

/*.k-clear-value {
    margin-top: 6px;
}*/

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

.k-split-button .k-button {
    border-radius: 4px;
}

.k-split-button {
    border-radius: 4px;
}

li[data-action="documentNew"], li[data-action="documentSaveAs"], li[data-action="documentNewCombined"], li[data-action="openBrowser"], li[data-action="open"], li[data-action="close"], li[data-action="closeAllButThis"], li[data-action="closeAll"], li[data-action="openAssetManager"] {
    display: none !important;
}

/*.twd-global-search-wrapper {
    display: none !important;
}*/

.top-menu-area__switch > span {
    display: none !important;
}


.vertical-align {
    align-items: center;
}

.controlsMedia {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.containerMedia {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

#videoPlayer, #videoPlayerClon {
    flex-grow: 1;
}

#progressSlider, #volumeSlider, #progressSliderClon, #volumeSliderClon {
    flex-grow: 1;
}

.mediaSlider {
    width: 100% !important;
}