/* Minification failed. Returning unminified contents.
(2455,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
html {
    height: 100%;
    width: 100%;
    min-height: 100%;
}

body {
    height: 100%;
    width: 100%;
    font-family: 'Open Sans', 'Segoe UI', sans-serif, Helvetica;
    font-size: 14px !important;
    font-weight: 400;
    position: relative;
    color: #000;
    /* Margin bottom by footer height */
    /*margin-bottom: 20px;*/
    overflow: hidden;
}


/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
    border-radius: 0px;
}

    .navbar-fixed-top .navbar-collapse {
        max-height: calc(100vh);
        height: calc(100vh - 70px);
    }

    .navbar-fixed-top.navbar-inverse .navbar-nav > li.group {
        color: #9d9d9d;
    }

    .navbar-fixed-top.navbar-default .navbar-nav > li.group {
        color: #777;
    }


.nav.navbar-xs > li > a {
    padding-left: 30px;
}

    .nav.navbar-xs > li > a .menu-item-text {
        margin-left: 10px;
    }

.nav.navbar-xs .group {
    padding-left: 30px;
    margin-top: 10px;
}


/*.navbar-brand*/ .tp-brand {
    padding-top: 5px;
}

/*.navbar-brand*/ .logo {
    height: 48px;
    width: 160px;
    background-size: contain;
    background-repeat: no-repeat;
}

.navbar .container {
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 5px;
    padding-left: 5px;
    width: 99% !important;
}



/*
 * Sidebar
 */

/* Hide for mobile, show later */
.tp-sidebar {
    display: none;
    margin-top: 50px;
    display: block;
    padding: 20px;
    padding-top: 0px;
    /*overflow-x: hidden;
    overflow-y: auto; */ /* Removed to support floating menu when nav is collaped on md/lg screens */
    background-color: #222;
    height: calc(100vh - 70px);
    z-index: 100;
}

@media (min-width: 992px) {
    .tp-sidebar {
        display: block;
    }

        .tp-sidebar[data-expanded="false"] {
            width: 50px;
        }

            .tp-sidebar[data-expanded="false"] .nav.nav-sidebar {
                width: 50px;
            }

        .tp-sidebar[data-expanded="true"] .nav.nav-sidebar {
            width: calc(100% + 40px);
        }

        .tp-sidebar[data-expanded="false"] .nav.nav-sidebar > li > a {
            white-space: nowrap;
        }

        .tp-sidebar[data-expanded="false"] .nav-sidebar .menu-item-text {
            display: none;
        }

    .tp-main[data-expanded="false"] {
        width: calc(100vw - 50px);
    }

    .tp-sidebar[data-expanded="false"] .nav-sidebar > li:not(#breadCrumbSpacer) a:hover {
        min-width: 210px !important;
        z-index: 1200;
        background-color: #1984C8;
        background-image: none !important;
        display: inline-table;
    }

        .tp-sidebar[data-expanded="false"] .nav-sidebar > li:not(#breadCrumbSpacer) a:hover .menu-item-text {
            display: inline-block !important;
        }
}

@media (max-width: 991px) {
    .tp-sidebar {
        display: block;
        width: 50px;
    }

    .tp-main {
        width: calc(100vw - 50px);
    }

    .nav.nav-sidebar {
        width: 50px;
    }

        .nav.nav-sidebar .menu-item-text {
            display: none;
        }
}

.k-dropdown-xs-long {
    min-width: 300px;
    width: auto;
}

@media (max-width: 770px) { /*Special brake point*/

    .k-dropdown-xs, .k-dropdown-xs-long {
        width: 100%;
    }

    .grid-search-box {
        width: 100% !important;
    }

        .grid-search-box > input {
            width: 100% !important;
            margin-bottom: 15px;
        }
}



/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}

    .nav-sidebar > li > a {
        padding-right: 15px;
        padding-left: 15px;
        border-top-color: #666;
        border-top-width: 1px;
        border-top-style: solid;
        color: #EEF1F5;
    }

    .nav-sidebar > .active > a,
    .nav-sidebar > .active > a:hover,
    .nav-sidebar > .active > a:focus {
        background-color: #1984C8;
        background-repeat: no-repeat;
        background-position: center right;
        background-image: url(../Content/image/menu-widget-sm.png) !important;
        filter: alpha(opacity=30);
        opacity: 30;
    }


    .nav-sidebar > li > a:hover,
    .nav-sidebar > li > a:focus {
        background-color: #1984C8;
        filter: alpha(opacity=90);
        opacity: 90;
    }

        .nav-sidebar > li > a:hover > .menu-item-text,
        .nav-sidebar > li > a:focus > .menu-item-text,
        .nav-sidebar > li > a:hover > .menu-item-icon,
        .nav-sidebar > li > a:focus > .menu-item-icon {
            color: #EEF1F5;
        }


    .nav-sidebar .menu-item-icon {
        font-size: 20px;
        color: #666666;
        margin-right: 12px;
    }

    .nav-sidebar > .active .menu-item-icon {
        color: #EEF1F5;
    }

    .nav-sidebar .menu-item-text {
        font-size: 16px;
        color: #666666;
    }

    .nav-sidebar > .active .menu-item-text {
        color: #EEF1F5;
    }


/*
 * Grids
 */

/*Kendo background color overrides*/
.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #EEF1F5;
}

.k-toolbar, .k-grouping-header, .k-pager-wrap, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-calendar th, .k-dropzone-hovered {
    background-color: #EEF1F5;
}

.k-grouping-row td, td.k-group-cell, .k-resize-handle-inner {
    background-color: #EEF1F5;
}

.k-alt, .k-separator {
    background-color: #EEF1F5;
}

    .k-alt .k-alt, .k-header.k-alt {
        background-color: #EEF1F5;
    }

.k-primary, .k-overflow-container .k-primary {
    background-color: #337ab7;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background-color: #1984c8;
    border-color: #1984c8;
}

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

.k-grid tr td {
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.k-grid .k-grouping-row td {
    border-bottom-width: 1px;
}

.k-button:active, .k-button.k-state-active {
    background-color: #1984c8;
    color: #fff !important;
}

.k-grid-header th.k-header > .k-link {
    margin: 0;
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* This is to protect other sections of the portal */
.tp-grid-container .k-toolbar {
    border: 0;
    background-color: #fff;
    line-height: 0;
    box-shadow: none;
}

/*
 * ALL GRIDS: Policy, Claims, Apps
*/

.tp-grid {
    height: calc(100vh - 240px);
}

    .tp-grid .k-grid-content {
        height: calc(100% - 85px) !important;
    }

@media (max-width: 768px) {
    .tp-grid {
        height: 100%;
    }

        .tp-grid .k-grid-content {
            overflow-y: hidden;
        }
}


.tp-grid.reports {
    height: calc(100vh - 200px);
}

    .tp-grid.reports .k-grid-content {
        height: calc(100% - 42px) !important;
    }


/*
 * Grids inside a tabstrip in the policy detail
 */
.tp-policy-detail-grid {
    height: calc(100vh - 290px);
}

    /* Document's grid */
    .tp-policy-detail-grid.no-top-bar {
        height: calc(100vh - 250px);
    }

.tp-policy-detail-grid-c { /* When shows Callout we need a diff height */
    height: calc(100vh - 331px);
}

    .tp-policy-detail-grid-c.no-top-bar {
        height: calc(100vh - 299px);
    }

    .tp-policy-detail-grid .k-grid-content,
    .tp-policy-detail-grid-c .k-grid-content {
        height: calc(100% - 85px) !important;
    }

.tp-half-grid {
    height: calc(50vh - 185px);
}

.tp-insured-detail-grid {
    height: calc(100vh - 292px);
}

.tp-insured-detail-grid-c { /* When shows Callout we need a diff height */
    height: calc(100vh - 333px);
}

    .tp-insured-detail-grid .k-grid-content,
    .tp-insured-detail-grid-c .k-grid-content {
        height: calc(100% - 85px) !important;
    }


.tp-tab-grid {
    overflow-x: auto;
    overflow-y: auto;
}

.tp-child-grid {
    font-size: 13px;
}

.tp-row-margins {
    margin-left: 0px;
    margin-right: 0px;
}

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

/* Specific Grid. Commissions grid */
.tp-commissions-grid {
    height: calc(100vh - 240px);
}

    .tp-commissions-grid .k-grid-content {
        height: calc(100% - 125px) !important;
    }

.tp-box-sizing {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tp-whitespace-overflow {
    white-space: normal;
}
/*row containing a single-page paginated listview*/
.tp-listview-page {
    height: calc(100vh - 320px);
}

@media (max-width: 768px) {
    .tp-listview-page {
        height: 100%;
    }
}


/*
 * Dropdown Lists/Menus
 */
.tp-address-dropdown {
    font-size: 11px;
    font-weight: 500;
    margin-left: 20px;
}


/*
 * Dropdowns
 */
.dropdown-menu li > a {
    padding: 8px 14px;
    color: #555;
    text-decoration: none;
    font-weight: 300;
    line-height: 18px;
}


/*
 * Labels
 */
.tp-label {
    font-weight: 300;
    font-size: 10px;
    padding: 4px 5px 4px 5px;
    margin: 3px;
    text-transform: uppercase;
    cursor: default;
}

.tp-basic-label-padded {
    padding-top: 5px;
}


.tp-flag-container {
    display: inline-block;
    width: 100%;
}

.tp-flag {
    margin-top: 1px;
    margin-bottom: 0px;
    display: inline-block;
}

    .tp-flag > span {
        font-weight: 300;
    }

/*
 * hr elements
 */
.tp-hr-slim {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*
 * Tile info
 */
.tp-tile-info {
    border: 1px solid #61ABD9;
    border-left-width: 5px;
    margin: 12px;
    background-color: #D0E6F4;
}


/*
 * Tile
 */
.tp-tile {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .tp-tile .visual {
        width: 80px;
        height: 65px;
        display: block;
        float: left;
        padding-top: 10px;
        padding-left: 15px;
        margin-bottom: 15px;
        font-size: 35px;
        line-height: 35px;
    }

        .tp-tile .visual > i {
            color: #FFFFFF;
            opacity: 0.1;
            filter: alpha(opacity=10);
            margin-left: -35px;
            font-size: 110px;
            line-height: 110px;
        }

    .tp-tile .details {
        position: absolute;
        right: 15px;
        padding-right: 15px;
    }

        .tp-tile .details .number {
            padding-top: 10px;
            text-align: right;
            font-size: 34px;
            line-height: 36px;
            letter-spacing: -1px;
            margin-bottom: 0px;
            font-weight: 300;
            color: #FFF;
        }

            .tp-tile .details .number sup {
                font-size: 55%;
                top: -0.5em;
            }


        .tp-tile .details .desc {
            text-align: right;
            font-size: 16px;
            letter-spacing: 0px;
            font-weight: 300;
            color: #FFF;
            text-transform: capitalize;
        }

    .tp-tile .more {
        clear: both;
        display: block;
        padding: 6px 10px 6px 10px;
        position: relative;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 11px;
        opacity: 0.4;
        filter: alpha(opacity=40);
        color: #FFF;
        background-color: rgba(0, 0, 0, 0.34);
    }

    .tp-tile .empty {
        background-color: transparent;
        opacity: 0;
    }

    .tp-tile .more:hover {
        text-decoration: none;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .tp-tile .more > i {
        display: inline-block;
        margin-top: 1px;
        float: right;
    }


    .tp-tile.ctx-info {
        background-color: #39C;
    }

    .tp-tile.ctx-primary {
        background-color: #2360ef;
    }

    .tp-tile.ctx-warning {
        background-color: #fc3;
    }

    .tp-tile.ctx-danger {
        background-color: #fb3434;
    }

    .tp-tile.ctx-cool {
        background-color: #3C6;
    }

    .tp-tile.ctx-2cool {
        background-color: #939;
    }


/*
 * Tables
 */

.table > tbody > tr > td {
    vertical-align: middle;
}

.tp-remove-row {
    width: 32px !important;
    text-align: center;
}

.tp-bg-even {
    background-color: #EEF1F5;
}

.tp-repeated-section {
    margin-bottom: 10px;
}


.tp-nav-sidebar-toggle {
    color: #EEF1F5;
    /*float: right;*/
    text-align: right;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-top: 5px;
    font-size: 20px;
}

.tp-va-top {
    vertical-align: text-top !important;
}

.tp-va-bottom {
    vertical-align: bottom;
}

.tp-group-section {
}

    .tp-group-section .tp-group-header {
        font-weight: bold;
    }

.tp-checkbox-list {
    font-weight: normal;
}
/*
 * Main content
 */
.tp-main {
    padding: 0px;
    /*top: 51px;*/
    padding-top: 50px;
    background-color: #FFF;
}

@media (min-width: 768px) {
    .tp-main {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .tp-main {
        width: auto;
    }
}

.tp-main .page-header {
    margin-top: 0;
}


/*
 * Body
 */
.tp-body {
    overflow-y: auto;
    height: calc(100vh - 128px);
}

@media (min-width: 768px) {
    .tp-body {
        padding-right: 4px;
        padding-left: 4px;
    }
}

.tp-login-body {
    background-image: url("../Content/image/login-background-default.jpg");
    background-size: cover;
    overflow-y: auto;
}


/*
 *	Footer
 */
.tp-footer {
    position: absolute;
    /*bottom: calc(1px - 1px);*/ /* IE ei ei.. */
    width: 100%;
    /* Set the fixed height of the footer here */
    min-height: 20px;
    background-color: #212121;
}

    .tp-footer .tp-footer-links {
        padding-right: 5px;
        padding-left: 5px;
        margin-right: 5px;
        margin-left: 5px;
    }

        .tp-footer .tp-footer-links > a {
            color: #666;
            text-decoration: none;
            text-align: center;
            font-size: 10px;
            cursor: pointer;
        }

            .tp-footer .tp-footer-links > a:hover {
                color: #fc3;
            }


/*
 *	Breadcrumb
 */
.tp-breadcrumb {
    background-color: #EEF1F5;
    border-radius: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .tp-breadcrumb > li {
        color: #666666;
    }

        .tp-breadcrumb > li + li:before {
            content: ">\00a0";
        }

        .tp-breadcrumb > li > a {
            text-decoration: none;
            color: #666666;
        }

        .tp-breadcrumb > li > i {
            font-size: 20px;
        }

        .tp-breadcrumb > li > a > i {
            font-size: 20px;
        }

        .tp-breadcrumb > li > a:active,
        .tp-breadcrumb > li > a:hover {
            color: #069;
        }


/*  
 * Tab headers
 */
.tp-tabpage-heading {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 300;
    color: #000;
}

/*
 * Tab control
 */
.k-content .row > *,
.k-content .row > *::before,
.k-content .row > *::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* Forms inside a tab control */
.k-content .row .form-group .form-control {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*.k-content .form-horizontal > * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/


/*
 * Required field markers.
 */
.form-control[required],
input[tropics-datepicker][required],
input[tropics-timepicker][required],
.k-dropdown > span.required,
.k-combobox > span.required,
.required-div[required] {
    border-left: 5px solid red;
}

.k-autocomplete > input[type=text].form-control[required] {
    width: calc(100% - 5px) !important;
}


.tp-tab-container {
    height: 91%;
    padding-top: 15px !important;
}

    .tp-tab-container .form-horizontal input,
    .tp-tab-container .form-horizontal select {
        box-sizing: border-box !important; /* ??? */
    }


div.k-tabstrip > .k-content {
    background-color: #ffffff;
    border-width: 0;
    border-top-width: 1px;
    /*border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;*/
}

.k-tabstrip-items .k-state-active > span {
    border-top-style: solid;
    border-top-color: #cc3333;
    border-top-width: 4px !important;
}

.k-tabstrip-content {
    overflow: visible !important;
}
.k-tabstrip:focus {
    box-shadow: none !important;
}

/*
 * Callout
 */


.tp-callout {
    min-height: 35px;
    margin: 5px 0;
    font-size: 14px;
    border-left-width: 5px;
    border-left-style: solid;
}

    /* Reset Bs margin */
    .tp-callout h1,
    .tp-callout h2,
    .tp-callout h3,
    .tp-callout h4,
    .tp-callout h5,
    .tp-callout h6 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .tp-callout.bg-success {
        border-left-color: #006F02;
        background-color: #E3EED8;
    }

    .tp-callout.bg-danger {
        border-left-color: #A60B0F;
        background-color: #FBA29E;
    }

    .tp-callout.bg-primary {
        border-left-color: #0d5a9e;
        background-color: #1386eb;
    }

    .tp-callout.bg-info {
        border-left-color: #337AB7;
        background-color: #DCEDF6;
    }

    .tp-callout.bg-warning {
        border-left-color: #FF9E06;
        background-color: #FDD191;
    }

    .tp-callout.bg-muted {
        border-left-color: #BCBCBC;
        background-color: #EEF1F5;
    }


.tp-callout-bg {
    min-height: 35px;
    height: 100%;
    position: absolute;
    opacity: 0.3;
}

.tp-callout-text {
    padding: 8px 5px 10px 10px;
    /*left: 15px;*/
}

    .tp-callout-text div {
        float: none;
    }

.tp-callout-link {
    text-decoration: underline;
    color: #000000; /*2*/
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

    .tp-callout-link:hover {
        /*color:#ffcc33!important;*/
    }


/*
 * Page header
 */
.page-header {
    border-bottom: 0;
    margin-bottom: 15px !important;
}

.above-grid-row {
    padding-bottom: 5px;
}


/*
 *   General Action menu
 */
.tp-action-menu .title {
    padding: 3px 7px 3px 7px;
}

.tp-action-menu .k-item:not(.menuItem) a.k-link,
.tp-action-menu .k-item:not(.menuItem) span.k-link {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: rgb(51, 51, 51) !important;
    text-decoration: none !important;
}

.tp-action-menu .k-link {
    padding: 3px 7px 3px 7px;
}





/*
 * Action menu - Grids
 */
.gridMenu {
    overflow: visible !important;
}

    .gridMenu .tp-action-menu {
        display: inline-block;
    }

        /* This style affects the general layout of the grid */
        .gridMenu .tp-action-menu .k-link {
            padding: 3px 7px 3px 7px;
        }

            /* Specific style to the menu items */
            /*.gridMenu .tp-action-menu .k-item:not(.menuItem) a.k-link,
   .gridMenu .tp-action-menu .k-item:not(.menuItem) span.k-link
    {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        color: rgb(51, 51, 51) !important;
    }*/

            .gridMenu .tp-action-menu .k-link .k-icon {
                display: none;
            }

/*
 * Search box
 */
.grid-search-box * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-search-box > input {
    border-left-width: 1px;
    width: 250px;
    margin-left: 0px;
}

.grid-search-box div.search-icon {
    top: 9px;
    position: absolute;
    width: auto;
    font-size: 14px;
    right: 20px;
    color: #666666;
}

.grid-search-box div.fa-close {
    cursor: pointer;
}


/*
 * Kendo window
 */
/* Apparently Kendo does not comply well with Bs with content inside a window. This will fix-it */
.k-window .row, .k-window .row * {
    box-sizing: border-box;
}

.k-window .row {
    margin-left: 0px;
    margin-right: 0px;
}

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

.k-window-titlebar {
    border-bottom-style: none;
    background-color: #EEF1F5;
    /*height: auto !important;
    margin-top: 0 !important;*/
}

.tp-window-header {
    margin-bottom: 12px;
    margin-top: -20px;
    background-color: #EEF1F5;
}

    .tp-window-header h3 {
        font-size: 24px !important;
    }

.tp-window-footer {
    background-color: #EEF1F5;
    padding: 7px;
}

.tp-titlebar {
    clear: both;
    margin-bottom: 5px;
    background-color: #EEF1F5;
    width: 100%;
}

.tp-modal .modal-header {
    background-color: #EEF1F5;
    border-radius: 10px 10px 0px 0px;
    border-bottom-color: transparent;
}

    .tp-modal .modal-header .close {
        margin-top: -5px;
    }

.tp-modal.modal-wide .modal-dialog {
    width: 90%;
}

.tp-modal.modal-wide .modal-body,
.tp-modal .modal-body.scrollable {
    max-height: 75vh;
    overflow-y: auto;
}

/*.tp-modal .modal-body.scrollable {
    max-height: 700px;
    overflow-y: auto;
}*/

/*
 * Policy list
 */

.tp-status-filter {
    width: 300px;
}

/*.tp-policy-grid
{
    height: calc(100vh - 240px); 
}
    .tp-policy-grid .k-grid-content
    {
        height: calc(100% - 85px)!important; 
    }*/


/*
 * Policy Detail
 */
.tp-policy-detail.tp-action-menu ul[role=menu] {
    right: 35px;
}

/*
 * Application list
 */


.tp-application td[role=gridcell] > i.fa.fa-unlock {
    color: #3c6;
}

/*.tp-application-grid
{
    height: calc(100vh - 240px);
}
    .tp-application-grid .k-grid-content
    {
        height: calc(100% - 85px)!important;
    }*/



/*
 * Application
 */

.tp-wizard-bar {
    z-index: 1;
    left: initial;
    float: right;
    margin-bottom: 20px;
    padding: 5px;
    padding-right: 10px;
    background-color: #EEF1F5;
    width: 100%;
}

.tp-exp-mode-control {
    width: 70px;
    display: inline-block;
}

.tp-state-title {
    margin-top: 0px;
    font-size: 23px;
}

.tp-wizard-step {
    height: calc(100vh - 225px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .tp-wizard-step.no-bar {
        height: calc(100vh - 180px);
    }


.tp-lockable .fa-lock {
    display: inline-block;
}

.tp-lockable input,
.tp-lockable select {
    display: inline-block;
    width: calc(100% - 18px);
    float: right;
}

.tp-lockable .fa.fa-unlock {
    color: #3c6;
}


@media (min-width: 768px) {
    .tp-officers {
        overflow-x: auto;
    }

        .tp-officers table {
            table-layout: fixed;
        }

            .tp-officers table .col-md-6 {
                width: 420px;
            }

            .tp-officers table .col-md-4 {
                width: 200px;
            }

            .tp-officers table .col-md-3 {
                width: 140px;
            }

            .tp-officers table .col-md-2 {
                width: 120px;
            }

            .tp-officers table .col-md-1 {
                width: 100px;
            }
}

.tp-sub-question {
    margin-left: 4%;
}

.tp-question-list {
    overflow-x: hidden;
}

    .tp-question-list .k-toolbar {
        border: 0;
        background-color: transparent;
        box-shadow: none;
    }

    .tp-question-list .row {
        min-height: 45px;
        padding:5px;
    }

    .tp-question-list p.q {
        /*margin-top: 2px;
        margin-left: 5px;*/
    }


@media (max-width: 768px) {
    .tp-question-list {
        overflow-x: visible;
    }
}

.tp-view-question-list {
    padding-left: 20px;
}

    .tp-view-question-list hr {
        margin-top: 0px;
        margin-bottom: 10px;
    }

.tp-final-options .tp-header-message {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*.tp-final-options .tp-attachments-header {
    height: 60px;
}*/

.tp-attachment p {
    padding-top: 0.8em;
    padding-bottom: 8px;
    line-height: 2.66;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
}

.tp-attachment .footer {
}

.tp-attachment {
    padding-left: 0px;
    padding-right: 0px;
    border-width: 1px 1px 0px 0px;
    border-color: #d2d2d2;
    border-style: solid;
    margin-right: 15px;
}

.tp-mid-attachment {
    border-width: 1px 0px 1px 0px;
}

.tp-attachment .option {
    padding: 5px 10px;
    background-color: #fff;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 15px;
    border-top: 0px;
    margin-bottom: 0px;
}

.tp-attachment .footer {
    min-height: 57px;
}

    .tp-attachment .footer.small {
        min-height: 7px !important;
    }

.tp-upload-docs {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

    .tp-upload-docs .k-upload {
        border-right-width: 1px;
        border-radius: 0px;
    }

    .tp-upload-docs .k-upload-button {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }

        .tp-upload-docs .k-upload-button:focus {
            background-color: #286090;
            border-color: #122b40;
        }

        .tp-upload-docs .k-upload-button:hover {
            background-color: #286090;
            border-color: #204d74;
        }

    .tp-upload-docs .control-holder {
        padding-right: 10px;
    }

    .tp-upload-docs .options-holder {
        padding-left: 0px;
    }

.k-file-success .k-progress {
    background-color: #1984C8;
}

.k-dropzone {
    background-color: #EEF1F5;
}

.k-dropzone .k-upload-status {
    color: #1984C8;
    background-color: #EEF1F5;
}


.tp-final-options .optionbutton {
    padding-top: 20px;
    padding-bottom: 20px;
}



.tp-exception-container {
    max-height: 500px;
    overflow-y: auto;
}



/*
 * Admin wizard
 */
.tp-admin-wizard {
    min-height: 640px;
}

    .tp-admin-wizard > input {
        box-sizing: border-box !important; /* ??? */
    }



/*
 *    Maybe we shouldn't but this screen is tricky..
 */

#gridPlaceHolder {
    height: 575px;
    width: 100%;
    overflow: hidden;
}

    /* Table headers rotation - User Admin Grid */
    #gridPlaceHolder .k-grid-header-wrap > table {
    }


        #gridPlaceHolder .k-grid-header-wrap > table th.rotate {
            /* Something you can count on */
            height: 149px;
            white-space: nowrap;
        }

            #gridPlaceHolder .k-grid-header-wrap > table th.rotate > div {
                transform: translate(-25px,7px) rotate(225deg);
                width: 45px;
                overflow: visible;
            }

                #gridPlaceHolder .k-grid-header-wrap > table th.rotate > div > span {
                    border-bottom: 1px solid #ccc;
                    padding: 5px 10px 10px 10px;
                    transform: rotate(-180deg);
                    display: inline-block;
                    font-size: 11px;
                }

        #gridPlaceHolder .k-grid-header-wrap > table th.k-header {
            overflow: visible;
            border: 0px;
        }


.tp-user-rights-grid {
    height: 600px;
}

    .tp-user-rights-grid .k-grid-content {
        height: 405px !important;
    }


/*
 * Spinning wheel
 */
.e-loading-bg {
    background-image: url(../Content/kendo/Bootstrap/loading-image.gif);
    background-repeat: repeat;
}

.ui-progress {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    z-index: 10003;
}


.tp-tooltip {
    cursor: help;
}

.tp-payroll-container {
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
}
/*
 * Inline validator
 */

.inline-validator div {
    display: inline-block;
    background-color: red;
    color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    opacity: 0.8;
    margin-top: 2px;
    padding: 0px 3px;
    font-size: 12px;
}

/*
 * Froi: Override kendo ctrl width
 */
.tp-3rd-party {
    width: 100%;
}

.tp-bar-note {
    display: table-cell;
    vertical-align: middle;
    height: 34px;
}

.popover-holder {
    top: 9px;
    position: absolute;
    right: 0px;
    float: right;
}

.popover-holder-basic {
    top: 9px;
    position: absolute;
}

.tp-control-date .popover-holder {
    right: 57px;
}

.tp-report-container {
    height: calc(100% - 49px);
}

/*
 * Resets margin top of hx elements. This is when you need to stack up hx elements without waste space
 */
.tp-hx-clear h1,
.tp-hx-clear h2,
.tp-hx-clear h3,
.tp-hx-clear h4,
.tp-hx-clear h5,
.tp-hx-clear h6 {
    margin-top: 1px;
}

h3, .h3 {
    font-size: 28px;
}

.tp-profile {
    min-width: 150px;
}


    .tp-profile .icon {
        border-radius: 50%;
        background-color: #666666;
        height: 32px;
        width: 34px;
        float: left;
        margin-right: 15px;
        position: relative;
        top: -6px;
    }

        .tp-profile .icon > i {
            font-size: 22px;
            color: #fff;
            top: 4px;
            position: relative;
        }


.tp-text-link {
    cursor: pointer;
    text-decoration: none;
    color: #333 !important;
    font-weight: normal;
}

    .tp-text-link:hover {
        text-decoration: none;
        color: #333;
    }

    .tp-text-link:visited {
        text-decoration: none;
        color: #333;
    }


.popover {
    max-width: 100%;
    font-family: 'Open Sans', 'Segoe UI', sans-serif, Helvetica;
}

    .popover .row > *,
    .popover .row > *::before,
    .popover .row > *::after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }



.tp-popover-link {
    cursor: pointer;
    text-decoration: none;
}

    .tp-popover-link:hover {
        text-decoration: none;
    }

/*
* contact popover template - specified by template=".tp-contact-popover" so the angular directive can insert it into the base .popover element
*/
.tp-contact-popover {
    padding: 0px;
}

@media (min-width: 768px) {
    .tp-contact-popover {
        min-width: 650px;
        max-width: 50vw;
    }
}

@media (max-width: 768px) {
    .tp-contact-popover {
        min-width: 480px;
    }
}

.tp-contact-popover .popover-content {
    padding: 0px;
}

.tp-contact-popover .tp-contact-content {
    padding: 10px 15px;
}

    .tp-contact-popover .tp-contact-content span, .tp-contact-popover .tp-contact-content a {
        color: #3f3f3f;
        font-weight: 100;
    }

    .tp-contact-popover .tp-contact-content .row {
        padding: 3px 0px;
    }

.tp-contact-popover .tp-popover-header {
    background-color: #EEF1F5;
    padding: 10px 30px 15px 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .tp-contact-popover .tp-popover-header .h1 {
        color: #434546;
        font-weight: 100;
    }

.tp-preview-content .row {
    padding: 3px 0px;
}

.tp-preview-content span, .tp-preview-content a {
    color: #3f3f3f;
    font-weight: 100;
}

.tp-address-icon {
    color: #fb5b61;
}

.tp-phone-icon {
    color: #fcbd00;
}

.tp-email-icon {
    color: #26AD78;
}

.tp-info-icon {
    color: #6777da;
}

.tp-contact-icon {
    color: #b066cd;
}

.tp-billing-icon {
    color: #6dccd5;
}

.tp-claims-icon {
    color: #66add9;
}

.tp-icon-mini {
    font-size: .8em;
}

.tp-pointer {
    cursor: pointer;
}

.tp-no-padding {
    padding-left: 0px;
    padding-right: 0px;
}


.k-listview {
    border-style: none;
    min-height: 200px;
}

    .k-listview,
    .k-listview * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: none;
    }

.tp-tile-item {
    border-radius: 6px;
    border: 1px;
    border-color: #EEF1F5;
    border-style: solid;
    padding: 0px 15px 5px 15px;
    margin: 5px 0px 5px 0px;
    min-height: 200px;
    overflow-x: hidden;
}

    .tp-tile-item .row,
    .tp-tile-item .row > * {
        padding-bottom: 5px;
    }

.tp-tile-item-header {
    background-color: #EEF1F5;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    min-height: 65px;
    padding-top: 7px;
}

.tp-tile-note {
    min-height: 185px;
    height: 185px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

    .tp-tile-note:hover {
        border-color: #faca48;
        background-color: #EEF1F5;
    }

.tp-tile-note-header {
    background-color: #faca48;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    min-height: 36px;
    padding-top: 5px;
}

.tp-tile-officer {
    min-height: 300px;
    position: relative;
}

    .tp-tile-officer label {
        padding-top: 3px;
    }

.tp-tile-officer-add {
    min-height: 300px;
    color: #BBB;
    border-color: #BBB;
    background-color: #eef1f5;
}

.tp-tile-officer-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.tp-no-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.tp-right-tab-success {
    border-color: #5cb85c;
}

.tp-right-tab-primary {
    border-color: #1386eb;
}

.tp-right-tab-danger {
    border-color: #d9534f;
}

.tp-right-tab-info {
    border-color: #5bc0de;
}

.tp-right-tab-warning {
    border-color: #ec971f;
}

.tp-right-tab-muted {
    border-color: #EEF1F5;
}

.tp-right-tab-default {
    border-color: #777;
}

@media (min-width : 481px) {
    .tp-right-tab-success {
        border-right-width: 25px;
        border-right-color: #5cb85c;
        border-color: #5cb85c;
    }

    .tp-right-tab-primary {
        border-right-width: 25px;
        border-right-color: #1386eb;
        border-color: #1386eb;
    }

    .tp-right-tab-danger {
        border-right-width: 25px;
        border-right-color: #d9534f;
        border-color: #d9534f;
    }

    .tp-right-tab-info {
        border-right-width: 25px;
        border-right-color: #5bc0de;
        border-color: #5bc0de;
    }

    .tp-right-tab-warning {
        border-right-width: 25px;
        border-right-color: #ec971f;
        border-color: #ec971f;
    }

    .tp-right-tab-muted {
        border-right-width: 25px;
        border-right-color: #EEF1F5;
        border-color: #EEF1F5;
    }

    .tp-right-tab-default {
        border-right-width: 25px;
        border-right-color: #777;
        border-color: #777;
    }
}

.panel-default > .panel-heading {
    background-color: #EEF1F5;
    border-color: #EEF1F5;
}

.panel-body label {
    color: #777;
    font-weight: 100;
}

.panel-resource a, .panel-resource a:focus, .panel-resource a:hover {
    outline: 0;
    text-decoration: none;
}

.panel-resource .fa {
    color: #777;
}

.panel-resource > .panel-heading {
    border-bottom-width: 2px;
    border-bottom-color: #3f3f3f;
}

.panel-resource > .panel-body > div {
    margin-bottom: 8px;
}

.accordion-caret .accordion-toggle:hover {
    text-decoration: none;
}

.accordion-caret .accordion-toggle:after {
    font-size: 25px;
    vertical-align: -3px;
}

.accordion-caret .accordion-toggle:not(.collapsed):after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d7";
    margin-right: 0px;
    float: right;
}

.accordion-caret .accordion-toggle.collapsed:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    margin-right: 0px;
    float: right;
}

.tp-log-history circle {
    cursor: pointer;
}

.tp-log-history-list {
    height: 329px;
    overflow-y: auto;
}

    .tp-log-history-list h3 {
        margin-top: 0px;
    }

.tp-my-profile .tp-profile-container {
    padding: 10px;
}

.tp-my-profile .tp-profile-img {
    border-radius: 50%;
    background-color: #666666;
    width: 116px;
    height: 116px;
    margin: 0px auto;
}

.tp-my-profile .tp-profile-initials {
    position: absolute;
    top: 27px;
    color: #fff;
    text-align: center;
    width: 116px;
    text-transform: uppercase;
    font-size: 60px;
}

/* Styles coming from Site.css */
.text-small {
    font-size: small;
}

.text-smaller {
    font-size: smaller;
}



/* 
* Font Awesome Icon Override Classes
* Replace the content value with the corresponding font awesome unicode value to change the icon
 */
/*Main Menu*/
.main-menu-items-dashboard:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f015";
}

.main-menu-items-applications:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f044";
}

.main-menu-items-policies:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f15c";
}

.main-menu-items-claims:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0fa";
}

.main-menu-items-documents:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07b";
}

.main-menu-items-commissions:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0b1";
}

.main-menu-items-reports:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f080";
}

.main-menu-items-insured-account:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f19c";
}

.main-menu-items-renewalquotes:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f073";
}

.main-menu-items-resources:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f02d";
}
/*General Actions Menu*/
.tp-actions-menu {
    background-color: #337ab7 !important;
    color: #fff !important;
}

    .tp-actions-menu:focus {
        background-color: #286090 !important;
    }

    .tp-actions-menu:hover {
        background-color: #286090 !important;
    }

.general-menu-items-download-policy:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f019";
}

.general-menu-items-see-billinginfo:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f555";
}

.general-menu-items-final-audit:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f688";
}

.general-menu-items-report-claim:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0fa";
}

.general-menu-items-submit-application:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f044";
}

.general-menu-items-submit-payment:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d6";
}

.general-menu-items-report-payroll:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f155";
}
/*Profile Actions Menu*/
.profile-menu-items-my-profile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06c";
}

.profile-menu-items-my-agency:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0b1";
}

.profile-menu-items-user-administration:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c0";
}

.profile-menu-items-log-out:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2f5";
}
/*Insured Account Detail*/
.insured-account-balance-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f19c";
}

.insured-account-policy-premium-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d6";
}

.insured-account-open-claims-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0fa";
}

.insured-account-loss-ratio-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06e";
}
/*Policy Detail*/
.policy-account-balance-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d6";
}

.policy-earned-preimum-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f19c";
}

.policy-incurred-losses-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f085";
}

.policy-loss-ratio-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e7";
}
/*Claim Detail*/
.claim-paid-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d6";
}

.claim-reserves-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f19c";
}

.claim-recoveries-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e7";
}

.claim-incurred-tile:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f085";
}

/* 
* Wide Search 
*/

.wide-search {
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition-property: display, width;
    margin-right: 0px; /* Resets the correct margin */
}

ul.wide-search {
    display: none;
}

    ul.wide-search.active {
        display: block;
    }


form.wide-search {
    width: 0px;
    display: none;
}

    form.wide-search.active {
        width: auto;
        display: block;
    }

    form.wide-search.anim.active {
        width: 240px;
    }

    form.wide-search input[type=text][required] {
        border-left: none !important;
    }

    form.wide-search.anim input[type=text] {
        width: 100% !important;
    }

    form.wide-search i.search-icon {
        top: -24px;
        position: relative;
        font-size: 14px;
        color: #666666;
        float: right;
        height: 0px;
        right: 5px;
    }

.tp-search-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
    color: #ccc;
    position: absolute;
    right: 23px;
    top: 8px;
}

.wide-search-results .k-grid .k-grid-content {
    min-height: 300px;
    max-height: 500px;
}


.wide-search-results .k-grid td {
    white-space: normal;
}


.wide-search-help {
    max-width: 450px;
}


.tp-print-area * {
    font-size: 10px !important;
}
/* use to also hide in the print area window*/
.tp-print-area .tp-print-hide {
    display: none;
}

@page {
    margin: 1cm;
}

.tp-fade.ng-enter {
    transition: .5s linear all;
    opacity: 0;
}

    .tp-fade.ng-enter.ng-enter-active {
        opacity: 1;
    }

.tp-fade.ng-leave {
    transition: .5s linear all;
    opacity: 1;
}

    .tp-fade.ng-leave.ng-leave-active {
        opacity: 0;
    }

/* --- */
.tp-background-slideshow {
    list-style: none;
}

#loginForm {
    background: rgba(255,255,255, .75);
    padding: 25px;
    border-radius: 5px;
}

#tfaForm {
    background: rgba(255,255,255, 1);
    padding: 25px;
    border-radius: 5px;
}

.tp-sidebar .sidebar-logo {
    margin: 6px;
}

.tp-sidebar[data-expanded="false"] .sidebar-logo {
    display: none;
}

.tp-question-col {
    padding-right: 60px;
}

.imagetooltip {
    text-decoration: none;
    position: relative;
}

.imagetooltip span {
    display: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: black;
    background: none;
}

.imagetooltip span img {
    float: left;
    margin: 0px 4px 4px 0;
}

.imagetooltip:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: auto;
    max-width: 485px;
    min-height: 210px;
    margin-top: 12px;
    margin-left: 32px;
    overflow: hidden;
    padding: 4px;
}

.boldrightborder {
    border-right-style:solid !important;
    border-right-width:3px !important;
    border-right-color:gray !important;
}

.imitationgrid {
    width:100%;
    border-style:solid;
    border-color:#ccc;
    border-width:1px;
    padding:5px;
}
.imitationgrid tr {

}
.imitationgrid th {
    background-color: #EEF1F5;
    height: 40px;
}
.imitationgrid td {
    height: 40px;
}

#newPaymentBtn, #icPayMethodsBtn, #icAutopayBtn, #icPaperlessBtn, #icScheduledButton, #icPayByTextBtn {
    margin-left: 4px;
    margin-top: 4px;
}

#icScheduledButton {
    color: #fff;
    background-color:#003b81
}

#icScheduledButton:hover {
    background-color:#002e65
}

#icPayMethodsBtn {
    color: #fff;
    background-color: #777777;
    border-color: #5e5e5e;
}

#icPayMethodsBtn:hover {
    background-color: #5e5e5e;
}

#icAutopayBtn {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

#icAutopayBtn:hover {
    background-color: #2e6da4;
}

#icPaperlessBtn {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

#icPaperlessBtn:hover {
    background-color: #4cae4c;
}

#icPayByTextBtn {
    color: #fff;
    background-color: #003b81; 
    border-color: #002e65; /
}

#icPayByTextBtn:hover {
    background-color: #002e65; 
}

/*.k-button-group .k-button.k-focus, .k-button-group .k-button:focus {
    
}*/
.k-button-solid-base.k-active, .k-button-solid-base.k-selected, .k-button-solid-base:active {
    background-color: #1984c8;
    color: white !important;
}
.k-button-solid-primary {
    color: #333;
}


.k-loading-color{
    background-color:gray;
    height:auto;
}
/*.ui-progress{
    position:unset !important;
}*/

.payment-input-inv {
    appearance: none;
    background-color: #fff;
    color: #C01324;
    font-family: Arial, sans-serif;
    font-size: 13.3333px;
    font-weight: 400;
    border: none;
    outline: none;
    cursor: text;
}
.payment-input-val {
    appearance: none;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 13.3333px;
    font-weight: 400;
    border: none;
    outline: none;
    cursor: text;
}

/* Telerik Upgrade Changes */
.k-input, .k-picker, .k-grid, .k-table, .k-table-thead, .k-table-md, .k-toolbar, .k-button-md, .k-list-md, .k-tabstrip, .k-listview, .k-popup, .k-upload {
    font-family: inherit;
    font-size: inherit;
}

.k-picker-solid {
    background-color: #ffffff;
}

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

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

/* Center Actions button inside grid cells */
.gridMenu.text-center .btn-group > .btn,
.gridMenu.text-center .btn-group .btn,
.gridMenu.text-center .btn {
    float: none !important;
}

.gridMenu.text-center .btn-group {
    display: block !important;      /* switch to block so margin:auto works */
    width: fit-content !important;  /* shrink to content */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Global: download icon color inside ANY Kendo grid. */
.k-grid td i.fa-download {
    color: #1984C8 !important;
}

.k-grid td a[onclick*="download"] > i.fa-download,
.k-grid td a[title="Download"] > i.fa-download {
    color: #1984C8 !important;
}

/* Hover / focus states */
.k-grid td a:hover i.fa-download,
.k-grid td a:focus i.fa-download {
    color: #0d5a9e !important;
}

/* Disabled state (if you ever add .disabled or .k-state-disabled) */
.k-grid td a.disabled i.fa-download,
.k-grid td .k-state-disabled i.fa-download {
    color: #999 !important;
}