/* Main css no themes (colors) in here */
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'), url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.woff2') format('woff2'), url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'), url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Bold.woff2') format('woff2'), url('fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Medium.woff2') format('woff2'), url('fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.woff2') format('woff2'), url('fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBold.woff2') format('woff2'), url('fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, form, iframe, div#content {
    border: none;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    line-height: 20px;
    /*font-size: 0.8em;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-family: arial,sans-serif;*/
    /*font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;*/
    /* ENTDEV-2674 1024 width does not work when frameleft menu is vertical
        min-width: 1024px;*/
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

a.button:link, a.button:hover {
    color: black;
    font-weight: normal;
    text-decoration: none;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

textarea {
    width: 500px;
}

/* main layout
----------------------------------------------------------*/
.header {
    width: 100%;
}

#frameLeftHeader {
    min-width: 1024px;
}

#body, .body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    overflow-y: hidden;
    padding-top: 54px;
}

#logo, .logo {
    float: left;
    padding-top: 0px;
    padding-left: 5px;
    width: 170px;
}

.errorIcon {
    float: left;
    margin: 5px;
}

#companyName {
    font-size: large;
    font-weight: bold;
    margin-right: 240px;
    margin-top: 12px;
    text-align: center;
}

#group {
    display: inline-block;
    float: right;
    margin-right: 20px;
}

#mainLeftNav {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 100%;
    margin-top: 54px;
}

#main-content {
    height: 100%;
    padding-left: 5px;
}

#iframe1 {
    width: 100%;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
    vertical-align: top;
    /*width: 1%;*/
}

/*#mainDashboard {
    overflow: hidden;
}*/

.no-space [class*="span"], .noLeftMargin {
    margin-left: 0;
}

#mainDashboard #tabs {
    margin: 4px 4px -5px 4px;
}

/* site title
----------------------------------------------------------*/

/* login
----------------------------------------------------------*/

/* menu / tabs
----------------------------------------------------------*/
.menu {
    float: left;
}

#tabs li:last-child a {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

#tabs li:first-child a {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}

#tabs span li:first-child a {
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

#tabs span:nth-last-child(2) li a {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

#tabs span:first-child li a {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}

/* tables
----------------------------------------------------------*/
table {
    line-height: 20px;
}

tr.pad8 td, td.pad8 {
    padding: 8px;
}

/* forms
----------------------------------------------------------*/
input[type="checkbox"] {
    margin-right: 5px;
}

.label {
    display: block;
    line-height: 1.4em;
    margin-bottom: 2px;
    margin-top: 8px;
}

.sideLabel {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.chkbxRelatedInfo div {
    vertical-align: top;
}

.chkbxRelatedInfo div {
    margin-bottom: 10px;
}

.Button, .button, input[type="button"] {
    cursor: pointer;
    margin-bottom: 5px;
}

/* misc
----------------------------------------------------------*/
.hide {
    display: none !important;
}

.zero {
    height: 0;
    width: 0;
}

input[disabled] {
    /*color:Silver;*/
    cursor: default;
}

::-ms-clear {
    display: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.inherit-height {
    height: inherit;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.top {
    vertical-align: top;
}

.bottom {
    vertical-align: bottom;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.buttonStrip {
    margin-top: 20px;
    margin-bottom: 20px;
}

.small-font {
    font-size: 10px;
}

.margin-top {
    margin-top: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.DropImage {
    margin: 0;
}

.searchIcon {
    padding-bottom: 2px;
    vertical-align: middle;
}

.error {
    background-image: url(Images/error.png);
    width: 20px;
    height: 25px;
    background-repeat: no-repeat;
    z-index: 100;
    /*vertical-align: bottom;*/
    float: right;
    /*margin-left: -12px;*/
}

.errorNoFloat {
    background-image: url(Images/error.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    z-index: 100;
    /*vertical-align: bottom;
    float: right;*/
}

.errorAbsolute {
    background-image: url(Images/error.png);
    width: 25px;
    height: 25px;
    position: absolute;
    /*top: 4px;
	left: 4px;*/
    background-repeat: no-repeat;
    z-index: 100;
    /*float: right;*/
}

.errorRelative {
    background-image: url(Images/error.png);
    width: 25px;
    height: 25px;
    position: relative;
    /*top: 4px;
	left: 4px;*/
    background-repeat: no-repeat;
    z-index: 100;
    float: right;
    /*top: -3px;*/
    margin-left: 2px;
}

table.RadCalendar {
    width: 100%;
}

#boloInnerWrapper .dataGridRow td,
#boloInnerWrapper .dataGridAlternateRow td,
#taskInnerWrapper .dataGridRow td,
#taskInnerWrapper .dataGridAlternateRow td {
    padding: 3px;
}

#taskInnerWrapper .dataGridRow a,
#taskInnerWrapper .dataGridAlternateRow a {
    text-decoration: none;
    font-weight: normal;
}

.noLink, .noLink:hover, .noLink:active,
a.noLink, a.noLink:hover, a.noLink:active,
a:link.noLink, a:link.noLink:hover, a:link.noLink:active {
    text-decoration: none;
    font-weight: normal;
    cursor: default;
}

.unread, a.unread:hover, td.unread a,
td.unread a.button:link, td.unread a.button:hover {
    color: #d80000;
    /*font-weight: bold;*/
}

.statusMessage {
    color: #d80000;
}

/* Sort arrow needs margin */
tr.dataGridHeader td a {
    margin-right: 10px;
}

div.webViewer, div.webViewer div {
    height: 100%;
}

div.noMarginLeft {
    margin-left: 0;
}

.rbInvestigatorStatus {
    display: inline-block;
    line-height: 0;
    margin-left: 5px;
}

.divRadGridWrapper {
    height: 100%;
    padding: 0 10px;
}

div.RadGrid tr.rgHoveredRow, .pointer {
    cursor: pointer;
}

/* RadTreeView align issue
----------------------------------------------------------*/
div.RadTreeView span.rtChecked {
    background-position-y: 0;
}

div.RadTreeView span.rtUnchecked {
    background-position-y: -13px;
}

div.RadTreeView span.rtIndeterminate {
    background-position-y: -26px;
}


/* grid system based off 12 columns
----------------------------------------------------------*/
.row {
    position: relative; /* ST 5.13.13 need this for errors that are absolute positioning */
    margin-left: -20px;
    *zoom: 1;
}

    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row:after {
        clear: both;
    }

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px;
}

.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}

.span180 {
    width: 200px;
}

.span180 {
    width: 180px;
}

.offset12 {
    margin-left: 980px;
}

.offset11 {
    margin-left: 900px;
}

.offset10 {
    margin-left: 820px;
}

.offset9 {
    margin-left: 740px;
}

.offset8 {
    margin-left: 660px;
}

.offset7 {
    margin-left: 580px;
}

.offset6 {
    margin-left: 500px;
}

.offset5 {
    margin-left: 420px;
}

.offset4 {
    margin-left: 340px;
}

.offset3 {
    margin-left: 260px;
}

.offset2 {
    margin-left: 180px;
}

.offset1 {
    margin-left: 100px;
}

/* Modernizr
----------------------------------------------------------*/
.no-cssgradients * {
    border-radius: 0 !important;
}

/* Responsive Styles
----------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
    ul#tabs {
        /*min-width:843px;*/
        max-width: 968px;
    }

        ul#tabs a {
            font-size: 14px;
            padding: 8px 6px;
        }

    span.notificationsHeader {
        font-size: 14px;
        display: block;
        padding: 8px;
    }

    table.MenuItem {
        font-size: 14px;
    }

    span.reportTitle {
        line-height: 34px;
        width: 200px;
    }
}

#pdf-header {
    font-size: 2em;
    text-align: center;
    color: darkblue;
    padding: 15px 0;
    border-bottom: 3px solid #ddd;
    font-weight: bold;
    font-weight: 800;
}

#pdf-footer {
    border-top: 3px solid #ddd;
    padding: 15px;
    text-align: center;
    font-size: .8em;
}

    #pdf-footer .paging {
        padding-left: 5%;
    }

#Location .k-in {
    white-space: normal;
    padding-right: 10px;
}

#Incident .k-in {
    white-space: normal;
    padding-right: 10px;
}

#SecondaryLocation .k-in {
    white-space: normal;
    padding-right: 10px;
}

#Agency .k-in {
    white-space: normal;
    padding-right: 10px;
}

#exportOffsetGrid0200 .k-grid-content {
    padding-right: 0px !important;
}

#Location, #Incident, #SecondaryLocation, #Agency {
    overflow-x: hidden;
    overflow-y: hidden;
}

.firt-grid-header-div {
    float: left;
    margin-left: 15px;
    display: block;
}

div.showFullTextToolTip {
    overflow-x: hidden;
}

.narrative-auto-save-status {
    /*margin-top: 20px;*/
    width: 755px;
    position: relative;
    z-index: 2;
}

    .narrative-auto-save-status span {
        float: right;
    }

        .narrative-auto-save-status span.success {
            font-weight: normal;
        }

        .narrative-auto-save-status span.inprogress {
            font-style: italic;
        }

        .narrative-auto-save-status span.error-message {
            color: #d80000;
        }

/*
    NEW DASHBOARD
*/
.dashboard-panel {
    width: 100%;
}

.dashboard-panel-header {
    padding: 5px;
    border-radius: 4px 4px 0 0;
}

    .dashboard-panel-header .move {
        cursor: move;
        font-size: 1.2em;
        padding-right: 15px;
    }

    .dashboard-panel-header .remove-panel-instance {
        font-size: 1.3em;
    }


    .dashboard-panel-header .panel-actions {
        padding-right: 5px;
        margin-top: -2px;
    }

@media only screen and (max-width: 1024px) {
    .dashboard-panel-header h4 {
        font-size: 13px;
    }

    .dashboard-panel-body {
        font-size: 13px;
    }

        .dashboard-panel-body .k-grid tr td,
        .dashboard-panel-body .k-grid tr th {
            font-size: 11px;
        }

    .dashboard-panel-header .move {
        padding-right: 0px;
    }
}

.dashboard-menu-add {
    float: left;
    z-index: 4;
    margin-left: 10px;
    margin-top: 10px;
}

    /*.k-tabstrip-wrapper {
    float: left !important;
}*/

    .dashboard-menu-add a i.fa {
        font-size: 20px;
    }

    .dashboard-menu-add .editing {
        height: 32px;
        margin-top: -10px;
    }

        .dashboard-menu-add .editing button,
        .dashboard-menu-add .editing input[type="text"] {
            border: 0;
        }

        .dashboard-menu-add .editing input[type="text"] {
            height: 30px;
            padding-left: 2px;
        }

.available-panel-disabled {
    -ms-opacity: 0.5;
    opacity: 0.5;
    cursor: not-allowed;
}

    .available-panel-disabled button {
        cursor: not-allowed !important;
    }

.empty-dashboard {
    padding-top: 10%;
}

.dashboard-container {
    padding-left: 15px;
    padding-top: 5px;
    padding-right: 5px;
}

    .dashboard-container .dashboard-name {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .dashboard-container > hr {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .dashboard-container .k-grid {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        border-radius: 0;
    }

    .dashboard-container .dashboard-panel-body {
        height: 100%;
        border-top: 0;
    }

        .dashboard-container .dashboard-panel-body .k-grid-norecords {
            height: 99% !important;
        }

    .dashboard-container .k-radio-label:before {
        border-width: 1px;
    }

    .dashboard-container .k-radio-label {
        line-height: 1.2em;
    }

    .dashboard-container .k-radio:checked + .k-radio-label:after {
        border-radius: 50%;
    }

    .dashboard-container .k-checkbox-label {
        display: inline;
    }

        .dashboard-container .k-checkbox-label:before {
            border-radius: 3px;
        }

    .dashboard-container .jumbotron {
        margin-top: 15%;
        margin-left: 25%;
        margin-right: 25%;
    }

.dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr td {
    font-size: 13px;
}

#main-content {
    padding-left: 0 !important;
}

#mainLeftNav {
    max-width: 170px;
}

.dashboard-menu-add .editing {
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    padding-left: 2px;
}

.manage-dashboards-list-sort-hint {
    font-weight: bold;
    padding: 5px 5px 5px 20px;
}

.management-window hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.menu-top-right-group-item {
    cursor: pointer;
    font-weight: bold;
}


.menu-top-right-group {
    float: left;
    cursor: pointer;
}

.menu-top-right-alert {
    float: left;
    cursor: pointer;
    object-fit: cover;
    max-height: 31px !important;
}

.menu-top-right-help-item {
    cursor: pointer;
    font-weight: bold;
}

.menu-top-right-alert-item {
    cursor: pointer;
    font-weight: bold;
}

.launchpad-container {
    height: 32px;
    width: 32px;
    margin-top: 8px;
    margin-left: 5px;
}

.menu-top-right-help {
    float: left;
    cursor: pointer;
    max-height: 31px !important;
    object-fit: cover;
}

.menu-top-right-items {
    float: right;
    /*margin-top: 7px;*/
    cursor: pointer;
    display: flex !important;
    padding-right: 20px;
}




.menu-top-right-user {
    float: right;
    max-height: 31px !important;
    object-fit: cover;
}

.menu-top-right-user-img {
    width: 37px !important;
    height: 36px !important;
    border: 0;
    border-radius: 50%;
}

.menu-top-right-user-dropdown {
    padding: 15px 2px 11px 2px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.menu-top-right-help-dropdown {
    padding: 15px 2px 11px 2px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.menu-top-right-help-user {
    background: white;
    min-height: 35px;
    display: none;
    text-align: left;
    width: 200px;
    position: absolute;
    z-index: 2;
    box-shadow: 1px 2px 1px 0 black;
}

    .menu-top-right-help-user span a {
        text-decoration: none;
    }

    .menu-top-right-help-user span {
        padding-left: 10px;
        line-height: 2em;
        display: block;
    }

        .menu-top-right-help-user span.first {
            padding-top: 5px;
        }

.menu-top-right-alert-user {
    background: white;
    min-height: 35px;
    display: none;
    text-align: left;
    width: 200px;
    position: absolute;
    z-index: 2;
    box-shadow: 1px 2px 1px 0 black;
}

    .menu-top-right-alert-user li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 10px;
        padding-right: 5px;
        line-height: 2em;
        margin-left: -40px;
    }

    .menu-top-right-alert-user li.first {
        padding-top: 5px;
    }

    .guardTourNotificationCount.badge:after {
        content: attr(data-count);
        position: absolute;
        background: #d92800;
        height: 2rem;
        top: 2.2rem;
        right: -0.7rem;
        width: 2rem;
        text-align: center;
        line-height: 2rem;
        font-size: 1rem;
        border-radius: 50%;
        color: white;
        border: 1px solid #d92800;
    }

    .guardTourNotificationCount.badge[data-count="0"]:after {
        display: none;
    }

.guardTourNotificationCount.redBadge {
    background: #d92800 !important;
}

    .alertButtonNotificationCount.badge:after {
        content: attr(data-count);
        position: absolute;
        background: #d92800;
        height: 2rem;
        top: 2.2rem;
        right: -0.7rem;
        width: 2rem;
        text-align: center;
        line-height: 2rem;
        font-size: 1rem;
        border-radius: 50%;
        color: white;
        border: 1px solid #d92800;
    }

    .alertButtonNotificationCount.badge[data-count="0"]:after {
        display: none;
    }

.alertButtonNotificationCount.redBadge {
    background: #d92800 !important;
}

.menu-top-right-user-name {
    background: white;
    min-height: 35px;
    display: none;
    text-align: left;
    width: 200px;
    position: absolute;
    z-index: 2;
}

    .menu-top-right-user-name span a {
        text-decoration: none;
    }

    .menu-top-right-user-name span {
        padding-left: 10px;
        line-height: 2em;
        display: block;
    }

#lblLogout {
    padding-left: 0;
}

    #lblLogout a {
        padding-left: 10px;
        width: 190px !important;
    }

.menu-top-right-user-name span.first {
    padding-top: 5px;
}

.menu-top-right-user-img-hover {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.menu-top-right-user-notfound {
    font-size: 2em;
    padding: 5px;
    float: left;
    padding-bottom: 7px;
}

.menu-top-right-h-dropdown {
    padding: 15px 2px 11px 2px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.menu-top-right-alert-alter {
    float: left;
    cursor: pointer;
    max-height: 31px !important;
    object-fit: cover;
}

.menu-top-right-alert-position {
    font-size: 1.2em;
    padding: 4px;
    margin-right: 15px;
    height: 2.3em !important;
}

.menu-top-right-alert-dropdown {
    padding: 15px 2px 11px 2px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

i {
    text-align: center;
    vertical-align: middle;
    position: relative;
}

    i.fa-stack.menu-top-right-alert-position.badge {
        background-color: transparent !important;
    }

        i.fa-stack.menu-top-right-alert-position.badge:after {
            content: attr(data-count);
            position: relative;
            background: #d92800;
            height: 2rem;
            top: 2.2rem;
            right: -0.7rem;
            width: 2rem;
            text-align: center;
            line-height: 2rem;
            font-size: 1rem;
            border-radius: 50%;
            color: white;
            border: 1px solid #d92800;
        }

        i.fa-stack.menu-top-right-alert-position.badge[data-count="0"]:after {
            display: none;
        }

em {
    text-align: center;
    vertical-align: middle;
    position: relative;
}

    em.fa-stack.menu-top-right-alert-position.badge {
        background-color: transparent !important;
    }

        em.fa-stack.menu-top-right-alert-position.badge:after {
            content: attr(data-count);
            position: absolute;
            background: #d92800;
            height: 2rem;
            top: 2.2rem;
            right: -0.7rem;
            width: 2rem;
            text-align: center;
            line-height: 2rem;
            font-size: 1rem;
            border-radius: 50%;
            color: white;
            border: 1px solid #d92800;
        }

        em.fa-stack.menu-top-right-alert-position.badge[data-count="0"]:after {
            display: none;
        }

.menu-top-right-help-position {
    font-size: 2.3em;
    padding: 4px;
    float: left;
}

.application-overlay {
    z-index: 9999999;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
}

.global-application-overlay-spinner-wrapper.small {
    width: 50px;
    height: 50px;
    position: absolute;
    background-size: 50%;
    margin: 0;
}

.tooltip-inner {
    min-width: 100px;
    max-width: 500px;
}

.dashboard-panel-body ul li.k-state-active > span.k-link {
    font-weight: bold;
}

.dashboard-panel-body div.k-content.k-state-active {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

textarea.user-task-notes {
    font-family: 'Helvetica';
    width: 99%;
    height: 85%;
    border: none;
    resize: none;
}

.dashboard-panel-body .k-pager-sizes.k-label {
    font-size: 12px;
}

    .dashboard-panel-body .k-pager-sizes.k-label .k-widget.k-dropdown.k-header {
        font-size: 14px;
    }

.dashboard-panel-body .k-pager-info.k-label {
    /*font-size: 12px;*/
    display: none;
}

.tabbed-panel-inner-overlay {
    width: 100%;
    bottom: 0;
    top: 0;
    position: absolute;
    margin-top: 35px;
    z-index: 101;
}

.dashboard-panel-body .k-loading-image {
    background-image: url(../Images/loading-spinner.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    background-size: 50%;
    top: 50%;
    left: 45%;
}

#tabbedViewPanel .remove-button {
    padding: 0 0 0 5px;
    opacity: 0.4;
}

    #tabbedViewPanel .remove-button:hover {
        opacity: 1;
    }

    #tabbedViewPanel .remove-button i {
        font-size: 17px;
        text-shadow: black 1px 1px;
        margin-top: -3px;
    }

/***********************************
    END OF NEW DASHBOARD STYLES
***********************************/

.searches-btn-export,
.searches-btn-export:hover {
    text-decoration: none !important;
    font-weight: bold !important;
    display: inline-block;
}

.searches-btn-grid,
.searches-btn-grid:hover {
    text-decoration: none !important;
    font-weight: bold !important;
    display: inline-block;
}
.searches-btn-citation,
.searches-btn-save {
    display: inline-block;
}

.k-grid-maximize {
    display: inline-block;
}

.k-grid .popover {
    max-width: 420px !important;
}

@media only screen and (max-width: 1024px) {

    .firt-grid-header-div {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1370px) {
    .second-grid-header-div {
        margin-left: 5%;
    }
}

div.searches-btn-export-options > a.k-button.k-button-icontext.k-grid-print-multiple,
div.searches-btn-export-options > a.k-button.k-button-icontext.k-grid-excel,
div.searches-btn-export-options > a.k-button.k-button-icontext.k-grid-pdf {
    margin: 0 0 5px 0;
    width: 260px;
    text-align: left;
}

div.searches-btn-grid-options {
    width: 240px;
    padding-bottom: 8px;
}

div.searches-btn-grid-options > a#k-grid-clear-filters,
div.searches-btn-grid-options > a#k-grid-reset-column-order,
div.searches-btn-grid-options > a#k-grid-startover {
    margin: 0 0 5px 0;
    width: 260px;
}

div.searches-btn-citations-options {
    min-height: 88px !important;
    width: 260px;
}

div.searches-btn-citations-options > a#k-grid-mark-citation-unpaid,
div.searches-btn-citations-options > a#k-grid-mark-citation-paid {
    margin: 0 0 5px 0;
    width: 260px;
    text-align: left;
}

.save-search-title-container {
    width: 400px;
}

#exportPopoverBtnClose,
#gridOptionsBtnClose,
#unscheduledgridOptionsBtnClose,
#saveSearchBtnClose,
#citationsBtnClose {
    cursor: pointer;
}

.k-grid .k-button-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

.k-grid .k-button-danger:active,
.k-grid .k-button-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.k-grid .k-button-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.k-grid .star-saved-search {
    cursor: pointer;
}

#savedSearches {
    padding-top: 5px;
    padding-right: 11px;
    padding-left: 5px;
}

    #savedSearches .saved-search-options {
        height: 45px;
    }

input.save-search-title {
    width: 300px;
}

button.save-search-go-to-savedsearches {
    margin-top: 5px !important;
    margin-left: 0.3em !important;
    width: 390px;
}

.editing-report {
    padding-left: 10%;
    font-size: 17.5px;
    line-height: 1.4em;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, .8);
    margin-top: -44px;
    display: none;
    padding-bottom: 20px;
}

#searchPagesTemplateWrapper {
    margin: 0 auto;
    max-width: 100%;
}

#gridWrapper {
    padding-top: 5px;
    margin: 0 auto;
    max-width: 100%;
}

.gridTotalDisplayer {
    height: 32px;
    min-height: 32px;
    display: none;
    font-weight: bold;
    padding-top: 7px;
    display: block;
    margin-bottom: -5px;
}

.save-search-go-to-savedsearches-container {
    margin-top: 20px;
    margin-left: 5px;
    text-align: center;
}

.jumbotron-no-saved-searches-container {
    margin-top: 10%;
    border-radius: 5px;
    max-width: 745px;
}

.k-grid td[data-field=IsDefault] {
    text-overflow: clip;
}

.search-container {
    padding-left: 5px;
    padding-right: 11px;
    padding-top: 5px;
}

.k-window .k-footer span {
    margin-left: .4em;
}

.alertify-notifier {
    z-index: 10005;
}

.k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
    border-style: none !important;
}

.k-widget.k-tooltip {
    min-width: 100px;
}

/*Only for IE EDGE*/
@supports (-ms-accelerator:true) {
    .k-callout-s {
        bottom: -11px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .k-callout-s {
        bottom: -11px;
    }
}

div[data-role=columnselector] .kendo-columns-clearable {
    padding: 3px 18px 3px 4px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

    div[data-role=columnselector] .kendo-columns-clearable.kendo-columns-x {
        background-position: right 5px center;
    }

    div[data-role=columnselector] .kendo-columns-clearable.kendo-columns-onX {
        cursor: pointer;
    }

    div[data-role=columnselector] .kendo-columns-clearable::-ms-clear {
        display: none;
        width: 0;
        height: 0
    }

.alertify-notifier {
    z-index: 999999999999;
}

#export-message-wrapper {
    background: #fcf8d7;
    background: rgba(252, 248, 215, 0.95);
    position: absolute;
    border: 1px solid #999;
    top: 32%;
    left: 49%;
    display: none;
    width: 546px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#export-progress-message {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    z-index: 9999999;
    white-space: pre-line;
}

#cancel-exportation-button {
    z-index: 9999999;
    display: none;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 41%;
}

.k-button-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

.k-button-danger:active,
.k-button-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.k-button-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.k-treeview label {
    font-weight: normal !important;
}

.dashboard-panel-body .humanmessage {
    cursor: pointer;
    padding-left: 5px;
}

.dashboard-panel-body .openreport {
    padding-left: 5px;
}

.dashboard-panel-body .message-dashboard {
    white-space: normal;
}

    .dashboard-panel-body .message-dashboard button {
        font-size: 12px;
    }

.jumbotron.dashboard-no-panel-added span {
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}

@media only screen and (min-width : 1024px) and (max-width : 1440px) {

    /*MESSAGES PANEL*/
    .dashboard-panel-body .message-dashboard-toolbar .k-button span {
        display: none;
    }

    .dashboard-panel-body .message-dashboard-toolbar {
        font-size: 11px;
        font-size: 11px;
        margin-left: -3px;
    }

    .dashboard-panel-body .message-dashboard button {
        margin-top: -2px;
        margin-bottom: -2px;
    }

    .dashboard-panel-body .message-dashboard button {
        font-size: 11px;
        padding: 2px;
    }

    .dashboard-panel-body .message-dashboard {
        padding-bottom: 2px;
    }

    /*ALL PANELS*/
    .dashboard-panel-body.k-grid .k-grid-header > div > table > thead > tr,
    .dashboard-panel-body.k-grid table tbody,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr td,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr th,
    .dashboard-panel-body .k-pager-sizes.k-label .k-widget.k-dropdown.k-header,
    .dashboard-panel-body .k-pager-info.k-label,
    .dashboard-panel-body .k-pager-sizes.k-label,
    .dashboard-panel-body .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap,
    .dashboard-panel-body div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a.k-pager-refresh.k-link,
    div.k-grid-content.k-auto-scrollable > table > tbody > tr td,
    div.k-grid-header-wrap.k-auto-scrollable > table > thead > tr > th {
        font-size: 10px !important;
        padding-top: 0;
        padding-bottom: 0;
    }

    .dashboard-panel-body .k-grid tbody tr {
        height: 19px;
    }

    .dashboard-panel-body.k-grid tbody tr {
        height: 18px;
    }

    .dashboard-panel-body .k-header.k-grid-toolbar {
        padding: 5px;
        font-size: 11px;
    }

    .dashboard-panel-body .k-pager-sizes.k-label .k-dropdown {
        width: 45px;
    }

    .dashboard-panel-body div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > ul {
        margin-left: 0.9em;
    }

    .k-pager-input, .k-pager-sizes {
        display: none;
    }

    .k-grid-header th.k-with-icon .k-link {
        margin-right: 2px;
    }

    .dashboard-panel-body .k-tabstrip-items .k-state-default .k-link {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 11px;
        font-weight: normal;
    }

    .k-radio-label:before {
        width: 10px;
        height: 10px;
    }

    .k-radio:checked + .k-radio-label:after {
        top: 2px;
        left: 2px;
        width: 8px;
        height: 8px;
    }
}

@media screen and (min-width : 1400px) and (max-width : 1440px) {
    .message-dashboard-toolbar button span {
        display: none;
    }

    .dashboard-panel-body .k-header.k-grid-toolbar {
        padding: 5px;
    }

    .dashboard-panel-body .k-tabstrip-items .k-state-default .k-link {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .dashboard-panel-body.k-grid tbody tr,
    .dashboard-panel-body .k-grid tbody tr {
        height: 25px;
    }

    .dashboard-panel-body.k-grid .k-grid-header > div > table > thead > tr,
    .dashboard-panel-body.k-grid table tbody,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr td,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr th,
    .dashboard-panel-body .k-pager-sizes.k-label .k-widget.k-dropdown.k-header,
    .dashboard-panel-body .k-pager-info.k-label,
    .dashboard-panel-body .k-pager-sizes.k-label,
    .dashboard-panel-body .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap,
    .dashboard-panel-body div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a.k-pager-refresh.k-link {
        font-size: 12px !important;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media only screen and (min-width : 1440px) and (max-width : 1600px) {
    .message-dashboard-toolbar {
        font-size: 12px;
    }

    .dashboard-panel-body.k-grid tbody tr,
    .dashboard-panel-body .k-grid tbody tr {
        height: 24px;
    }

    .message-dashboard-toolbar button span {
        display: none;
    }

    .dashboard-panel-body.k-grid .k-grid-header > div > table > thead > tr,
    .dashboard-panel-body.k-grid table tbody,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr td,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr th,
    .dashboard-panel-body .k-pager-sizes.k-label .k-widget.k-dropdown.k-header,
    .dashboard-panel-body .k-pager-info.k-label,
    .dashboard-panel-body .k-pager-sizes.k-label,
    .dashboard-panel-body .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap,
    .dashboard-panel-body div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap > a.k-pager-refresh.k-link,
    div.k-grid-content.k-auto-scrollable > table > tbody > tr td,
    div.k-grid-header-wrap.k-auto-scrollable > table > thead > tr > th {
        font-size: 12px !important;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media only screen and (min-width : 1680px) {
    .dashboard-panel-body.k-grid tbody tr,
    .dashboard-panel-body .k-grid tbody tr {
        height: 30px;
    }

    .dashboard-panel-body.k-grid .k-grid-header > div > table > thead > tr,
    .dashboard-panel-body.k-grid table tbody,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr td,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr th {
        font-size: 13px !important;
        padding-top: 0;
        padding-bottom: 0;
    }

    div.k-grid-content.k-auto-scrollable > table > tbody > tr td,
    div.k-grid-header-wrap.k-auto-scrollable > table > thead > tr > th {
        font-size: 13px !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

@media only screen and (min-width : 1900px) {
    .dashboard-panel-body.k-grid tbody tr,
    .dashboard-panel-body .k-grid tbody tr {
        height: 30px;
    }

        .dashboard-panel-body.k-grid tbody tr td,
        .dashboard-panel-body .k-grid tbody tr td {
            line-height: 1.5em;
        }

    .dashboard-panel-body.k-grid .k-grid-header > div > table > thead > tr,
    .dashboard-panel-body.k-grid table tbody,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr td,
    .dashboard-panel-body > .k-tabstrip-wrapper > .k-tabstrip > .k-content.k-state-active > .k-grid tr th,
    div.k-grid-content.k-auto-scrollable > table > tbody > tr td,
    div.k-grid-header-wrap.k-auto-scrollable > table > thead > tr > th {
        font-size: 13px !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

#tabbedViewPanel {
    margin-top: -34px;
}

#setRefreshTimerWindow .refresh-timer {
    width: 100% !important;
    padding-right: 15px;
    padding-left: 0;
}

#setRefreshTimerWindow .k-numeric-wrap.k-state-hover {
    background-color: #fff;
}

.management-window button[disabled],
.management-window .k-colorpicker.k-state-disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

}

.remove-button-margin .k-button {
    margin: 0px;
}

.k-treeview .inactive-item {
    opacity: 0.9;
    color: grey;
    font-style: italic;
    display: none;
}

.k-treeview .location-filters-container {
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 1px;
    visibility: hidden;
}

.treeFilter {
    /*position: fixed;*/
    z-index: 1;
    margin-left: 5px;
    /*background-color: white;*/
    padding: 7px 0;
    width: 100%;
}

    .treeFilter input {
        width: 98%;
        color: #000000;
    }

    .treeFilter .search-term-clearable {
        background: url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
        border: 1px solid #999;
        padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
        border-radius: 3px;
        transition: background 0.4s;
    }

        .treeFilter .search-term-clearable:hover {
            background: url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
        }

        .treeFilter .search-term-clearable.search-term-x {
            background-position: right 5px center;
        }

        .treeFilter .search-term-clearable.search-term-onX {
            cursor: pointer;
        }

        .treeFilter .search-term-clearable::-ms-clear {
            display: none;
            width: 0;
            height: 0;
        }

td > i.actionHasTooltip.fa.fa-print,
td > i.actionHasTooltip.fa-envelope-o {
    margin-right: 5px;
}


.logoutAnchor {
    margin-left: -10px;
}

/* ENTDEV-16040 upgraded kendo to 2017.3 kendo changed to inline-flex */
.k-checkbox-label.checkbox-span {
    float: none;
}
/* end ENTDEV-16040 */

/*div.quickSearchFilter::-webkit-scrollbar {
    background: darkblue;
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}*/

div.quickSearchFilter {
    height: 330px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-left: -16px;
}

/*div.quickSearchFilter:hover::-webkit-scrollbar {
    background: #d80000;
}*/

.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 2px 6px 2px 6px !important;
    line-height: 1.8em;
    min-height: 1.8em;
}

.k-listbox .k-item, .k-popup .k-list .k-item {
    border-width: 0px !important;
    border-style: solid;
    border-color: transparent;
    padding: 0 0px !important;
}

#frameLeftBody {
    overflow: hidden;
}

.TelerikModalOverlay {
    width: 100% !important;
}

#noFiltersAppliedLabel {
    padding: 12px;
}

.container-no-padding {
    padding: 0 !important;
}

.filtersPanel {
    padding: 10px 0 10px 5px !important;
}

.ss-filtersPanel {
    padding: 0 !important;
}

#filtersPanelHandler {
    padding: 15px !important;
}

#gridFiltersAppliedLabel {
    margin: 0;
    padding: 8px 16px;
    font-size: 21px;
    position: relative;
    float: left;
}

.searchToolIcons {
    display: inline-block !important;
    text-align: left !important;
    margin: 0 0 5px 0 !important;
    width: 245px !important;
}

.filters-applied {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
}

.no-margin {
    margin: 0 !important;
}

.filterDisplayerInput {
    padding: 8px 6px !important;
    margin: 3px !important;
}

    .filterDisplayerInput .close {
        padding-right: 0 !important;
    }

#mainLeftNav ul.k-menu-group li.k-separator {
    height: 1px;
    max-height: 1px;
}



a.k-pager-refresh.k-link {
    border-radius: 0;
    padding: 6px 6px;
    min-width: 2.3em;
    height: 2.3em;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-left: auto;
    -ms-flex-order: 10;
    order: 10;
}

#grid {
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%;
}

#dailyEventSearch div:first-child,
#parkingPermitSearch div:first-child,
#gridVisitorSearch div:first-child,
#digitalMediaSearch div:first-child,
#allReportsSearch div:first-child,
#gridBoloSearch div:first-child,
#caseSearch div:first-child,
#citationSearch div:first-child,
#fieldInterviewSearch div:first-child,
#followUpSearch div:first-child,
#foundItemSearch div:first-child,
#lostItemSearch div:first-child,
#towedSearch div:first-child,
#trespassSearch div:first-child {
    margin-top: 0px;
    margin-bottom: 3px;
    margin-right: 0px;
    flex-shrink: 0;
    display: -ms-inline-flexbox;
    display: block;
    align-items: stretch;
    align-content: center;
    vertical-align: middle;
    overflow: visible;
}




#gridResultsDisplayer div:first-child {
    margin-top: 0px;
    margin-bottom: 3px;
    margin-right: 0px;
    flex-shrink: 0;
    display: -ms-inline-flexbox;
    display: block;
    align-items: stretch;
    align-content: center;
    vertical-align: middle;
    padding-top: 3px;
}


#custom-fields-button {
    padding: 9px;
}

.popover {
    position: fixed !important;
}

.treeview-checkbox {
    width: 14px;
}

.k-checkbox-label {
    
    vertical-align: bottom;
   padding-top: 1px;
}

#gridWrapper .k-grid-header-wrap.k-auto-scrollable {
    overflow: hidden !important;
}

.k-window .k-footer {
    display: inline-table !important;
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
}

.nibrs-validation-menu-warning {
    background-image: url(Images/error.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: 2px;
    float: right;
    right: 5px;
    display: none;
}

.warning-show {
    display: block !important;
}

/*  ENTDEV-31690/ENTDEV-31821 LMK 8.29.2022  */
@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}


.radwindow-btn > .btn-group > .btn:last-child:not(:first-child), .radwindow-btn > .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.radwindow-btn > .btn-group .btn + .btn, .radwindow-btn > .btn-group .btn + .btn-group, .radwindow-btn > .btn-group .btn-group + .btn, .radwindow-btn > .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.radwindow-btn > .btn-group-vertical > .btn, .radwindow-btn > .btn-group > .btn {
    position: relative;
    float: left;
}

.radwindow-btn > .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.radwindow-btn > .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.radwindow-btn > .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.radwindow-btn > .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.radwindow-btn > .btn-group-sm > .btn, .radwindow-btn > .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.checkbox-round {
    width: 1.1em;
    height: 1.1em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #0563A4;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background-clip: content-box;
    padding: 0.2em;
}

.checkbox-round:checked {
    background-color: #0563A4;
    
}
/* New Media Page Css */
.mediaupload-page {
    padding: 0 20px 30px 20px;
}
.mediaupload-page .sectionHeader{
    color: #171A72;
    font-family: 'robotobold', sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.mediaupload-page .row {
    margin: 0;
}
.upload-grid, .upload-grid table {
    width: 100%;
}
.upload-grid table, .upload-grid table th, .upload-grid table td {
    border: 1px solid #C0C0C0;
    border-collapse: collapse;
    vertical-align: top;
    font-family: 'Inter', sans-serif;
}
.upload-grid table th {
    background: #E8E8F1;
    padding: 14px 10px;
    margin: 0;
    text-align: left;
    color:#1C1F89;
    font-size:15px;
    font-family: 'Inter', sans-serif;
}
.upload-grid table th.action-cell, .upload-grid table td.action-cell {
    text-align: center;
}
.upload-grid table td {
    padding: 10px;
    margin: 0;
}
.dragdrop-cell {
    width: 5%;
    vertical-align: top;
    text-align: center;
}
.thumbnail-cell {
    width: 25%;
}
.title-cell {
    width: 25%;
}
.description-cell {
    width: 30%;
}
.action-cell {
    width: 10%;
}
.upload-grid td .upload-input span {
    display: block !important;
}

.upload-grid input[type="text"] {
    border: 1px solid #8C8C8C;
    padding: 5px 10px;
    font-size: 14px;
    font-weight:400;
    color: #111827;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    height: auto;
    font-family: 'Inter', sans-serif;
}

#selectDigitalMediaRow.upload-section {
    border: 2px dashed #0563A480;
    background: #0563A40F;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    margin-bottom:25px !important;
}

.upload-section .upload-hits {
    padding: 0px 60px 0px 0px;
}

.dragdrop-hints {
    font-size: 20px;
    color: #0563A4;
    font-weight: 600;
    background: url('Images/upload-icon.svg') no-repeat left;
    display: inline-block;
    padding: 0px 0px 0px 30px;
    font-family: 'robotobold', sans-serif;
}

.maximum-files {
    font-size: 16px;
    color: #111827;
    font-weight: 400;
    font-family: 'robotoregular', sans-serif;
}
.uploaded-datagrid .upload-grid {
    margin-bottom:-3px;
}
.uploaded-datagrid .upload-grid thead {
    display:none;
}
.uploaded-datagrid .uploaded-parenttable tbody tr:first-child .upload-grid thead {
    display: table-header-group;
}
.upload-grid-thumbnail img{
    display: block;
    width: 100%;
    height: auto;
}
.upload-filename {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    font-family: 'Inter', sans-serif;
}
.upload-grid-thumbnail a{
    display: block;
    margin-bottom:5px;
}
.upload-grid-thumbnail label {
    display: block;
}
.addto-collection-btn{
    margin-bottom:20px;
    padding-top:25px;
    text-align:center;
}
.addto-collection-btn input[type="submit"], .upload-field input.ruBrowse {
    background: #0563A4;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border-radius: 4px;
    padding: 9px 25px;
    border: none;
    height: auto;
    width: auto;
    cursor:pointer;
    font-family: 'Inter', sans-serif;
}
.upload-field input.ruBrowse:hover,
.upload-field .ruButtonHover, .upload-field .ruButtonHover:hover {
    color: #fff !important;
}
.upload-field .RadAsyncUpload {
    width: auto !important;
}
.upload-field .ruFileWrap {
    height: auto !important
}
.grid-btns-group {
    display: flex;
    width: 100%;
    justify-content: center;
}
.removebtn, .editbtn, .updatebtn, .cancelbtn {
    font-size: 0;
    border: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 0;
    margin: 0px 10px;
}
.removebtn {
    background: url('Images/delete-icon.svg') no-repeat center;
}
.editbtn {
    background: url('Images/edit-icon.svg') no-repeat center;
}
.updatebtn {
    background: url('Images/submit-icon.svg') no-repeat center;
    background-size:20px;
}
.cancelbtn {
    background: url('Images/close-icon.svg') no-repeat center;
}
.dragdrop-icon {
    background: url('Images/dragdrop-icon.svg') no-repeat center;
    height: 33px;
    width: 20px;
    cursor: pointer;
    display: inline-block;
    background-size: 20px;
}
.nodata-message {
    margin-bottom: 25px;
    text-align: center;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
}
.grid-uploadfile .RadUpload {
    width:100% !important
}
.grid-uploadfile .RadUpload .ruFileWrap {
    height: auto;
}
.grid-uploadfile input.ruButton {
    position: absolute;
    right: 5px;
    top: 3px;
    background: #0563A4;
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
}
.grid-uploadfile input.ruButtonHover, .grid-uploadfile input.ruButtonHover:hover {
    color: #fff;
    cursor: pointer;
}
.default-radiobtn {
    display: flex;
    padding-top: 5px;
    width: 100%;
    align-items: flex-start;
}
.default-radiobtn input[type=radio]{
    margin: 4px 10px 0px 0px !important;
}
.default-radiobtn label {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    font-family: 'Inter', sans-serif;
}

.red {
    color: #D13239;
}

.green {
    color: darkgreen;
}

#digital-media-main .k-upload-status-animation:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 900ms infinite;
    animation: ellipsis steps(4,end) 900ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

#digital-media-main .k-upload-status{
    width: 150px !important;
}