/*starting on 8/8/22 -formerly named "site - Copy - Copy.css"*/
 

.code-view-fullscreen {
    font-size: 18px;
    text-align: center;
    align-self: center
}
 

code-view {
    display: block;
    line-height: 1.5rem
}

.code-view {
    outline: 1px solid #ddd
}

    .code-view ::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    .code-view ::-webkit-scrollbar-button {
        width: 0;
        height: 0
    }

    .code-view ::-webkit-scrollbar-thumb {
        background: #eee;
        border: 0 none #fff;
        border-radius: 50px
    }

        .code-view ::-webkit-scrollbar-thumb:hover {
            background: #fff
        }

        .code-view ::-webkit-scrollbar-thumb:active {
            background: #eee
        }

    .code-view ::-webkit-scrollbar-track {
        background: #666;
        border: 0 none #fff;
        border-radius: 44px
    }

        .code-view ::-webkit-scrollbar-track:hover {
            background: #666
        }

        .code-view ::-webkit-scrollbar-track:active {
            background: #333
        }

    .code-view ::-webkit-scrollbar-corner {
        background: transparent
    }

    .code-view .code-views-container {
        background-color: transparent
    }

    .code-view .sample-container {
        padding: .1rem
    }

    .code-view .code-view-tab-content:nth-child(n+2) {
        overflow: auto;
        background: #111;
        min-height: 100px;
        max-height: 600px
    }

    .code-view pre.code-wrapper {
        padding: 0;
        margin: 0
    }

        .code-view pre.code-wrapper:hover {
            box-shadow: none
        }

        .code-view pre.code-wrapper .cv-hljs-code-copy::before {
            margin: 0
        }

        .code-view pre.code-wrapper code {
            border-radius: 0
        }

        .code-view pre.code-wrapper .cv-hljs-code-copy {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            top: 0;
            right: 0;
            width: 100px;
            height: 40px;
            background: #111;
            color: rgba(255,255,255,.6);
            border: 1px solid #333;
            outline-style: none;
            font-size: 12px;
            font-weight: bold;
            transition: color .25s ease-in-out;
            border-radius: 0 0 0 0
        }

            .code-view pre.code-wrapper .cv-hljs-code-copy:hover {
                border-color: #09f;
                color: #09f
            }

        .code-view pre.code-wrapper .cv-hljs-code-copy--active {
            border-color: #09f;
            color: #09f
        }

        .code-view pre.code-wrapper .hljs {
            padding: .5em
        }

.code-view-navbar {
    overflow-x: auto;
    background-color: #e5f4fe;
    display: flex
}

    .code-view-navbar::-webkit-scrollbar {
        width: 2px
    }

    .code-view-navbar::-webkit-scrollbar-track {
        background: #f1f1f1
    }

    .code-view-navbar::-webkit-scrollbar-thumb {
        background: #888
    }

    .code-view-navbar .code-view-tab, .code-view-navbar .code-view-tab--active {
        position: relative;
        background-color: transparent;
        min-width: 87px;
        height: 47px;
        padding: 11.2px; /*.7rem;*/
        align-self: center;
        text-align: center;
        font-family: "Arial",sans-serif;
        font-size: 12.8px; /*.8rem;*/
        font-weight: 600;
        cursor: pointer
    }

        .code-view-navbar .code-view-tab:hover, .code-view-navbar .code-view-tab--active:hover {
            color: #09f
        }

    .code-view-navbar .code-view-tab--active {
        background-color: #fff;
        color: #09f
    }

        .code-view-navbar .code-view-tab--active::after {
            content: "";
            height: 2.5px;
            background: #09f;
            position: absolute;
            left: 0;
            right: 0;
            top: 0
        }
/*
.editing-buttons-container {
    padding: .5rem;
    border-top: 2px solid #ddd;
    font-size: .8rem;
    display: flex;
    align-items: center
}

    .editing-buttons-container::before {
        font-family: Material Icons;
        content: "open_in_new";
        margin-right: 2px;
        overflow: hidden
    }

    .editing-buttons-container .editing-label {
        margin-right: .4rem
    }

    .editing-buttons-container .stackblitz-btn, .editing-buttons-container .codesandbox-btn {
        display: inline-flex;
        padding: .2rem .4rem;
        margin: 0 0 0 .2rem;
        width: 100px;
        font-size: .7rem;
        font-weight: 400;
        text-transform: none
    }

        .editing-buttons-container .stackblitz-btn::before, .editing-buttons-container .codesandbox-btn::before {
            width: 20px;
            height: 20px;
            margin-right: 5px
        }

    .editing-buttons-container .codesandbox-btn {
        width: 120px
    }

.sample-title {
    margin-left: 8px
}

.color-palette {
    margin-bottom: 48px
}

.colors-row {
    display: flex;
    flex-flow: column nowrap;
    width: 100%
}

.color-container {
    color: #fff;
    padding: 0
}

.color-title {
    font-size: 18px;
    margin: 0;
    height: 70px;
    padding: 8px 16px
}

    .color-title a {
        color: inherit
    }

        .color-title a:hover {
            color: inherit
        }

.color-values {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    padding: 8px 16px
}

.color-container.primary-color {
    background: #0375be
}

.color-container.secondary-color {
    background: #e41c77
}

.color-container.accent-color {
    background: #fbb13c
}

.color-palette div.color-container.accent-color {
    color: #000
}

.color-container.success-color {
    background: #4caf50
}

.color-container.warn-color {
    background: #fbb13c
}

.color-container.gray-color {
    color: #000
}

    .color-container.gray-color h4.color-title {
        background: rgba(0,0,0,.38)
    }

    .color-container.gray-color div.color-values:first-of-type {
        background: rgba(0,0,0,.38)
    }

.color-container.error-color {
    background: #f44336
}

.primary-color div.color-values.m-100 {
    background: #82ceff;
    color: #000
}

.primary-color div.color-values.m-200 {
    background: #70c0f5;
    color: #000
}

.primary-color div.color-values.m-300 {
    background: #1d8cd3
}

.primary-color div.color-values.m-400 {
    background: #0a80cc
}

.primary-color div.color-values.m-500 {
    background: #0375be
}

.primary-color div.color-values.m-600 {
    background: #0166a7
}

.primary-color div.color-values.m-700 {
    background: #015a94
}

.primary-color div.color-values.m-800 {
    background: #014e80
}

.primary-color div.color-values.m-900 {
    background: #01416a
}

.secondary-color div.color-values.m-100 {
    background: #fcc5de;
    color: #000
}

.secondary-color div.color-values.m-200 {
    background: #e17fab;
    color: #000
}

.secondary-color div.color-values.m-300 {
    background: #dc5491
}

.secondary-color div.color-values.m-400 {
    background: #df3683
}

.secondary-color div.color-values.m-500 {
    background: #e41c77
}

.secondary-color div.color-values.m-600 {
    background: #dc0a6a
}

.secondary-color div.color-values.m-700 {
    background: #d30160
}

.secondary-color div.color-values.m-800 {
    background: #bf0157
}

.secondary-color div.color-values.m-900 {
    background: #a5044d
}

.accent-color div.color-values.m-100 {
    background: #fcf0dd;
    color: #000
}

.accent-color div.color-values.m-200 {
    background: #f4d4a2;
    color: #000
}

.accent-color div.color-values.m-300 {
    background: #f2c173
}

.accent-color div.color-values.m-400 {
    background: #f6b856
}

.accent-color div.color-values.m-500 {
    background: #fbb13c
}

.accent-color div.color-values.m-600 {
    background: #ffa81e;
    color: #fff
}

.accent-color div.color-values.m-700 {
    background: #ffa10c;
    color: #fff
}

.accent-color div.color-values.m-800 {
    background: #f69701;
    color: #fff
}

.accent-color div.color-values.m-900 {
    background: #e08901;
    color: #fff
}

.gray-color div.color-values.m-100 {
    background: rgba(0,0,0,.04);
    color: #000
}

.gray-color div.color-values.m-200 {
    background: rgba(0,0,0,.08);
    color: #000
}

.gray-color div.color-values.m-300 {
    background: rgba(0,0,0,.12)
}

.gray-color div.color-values.m-400 {
    background: rgba(0,0,0,.26)
}

.gray-color div.color-values.m-500 {
    background: rgba(0,0,0,.38)
}

.gray-color div.color-values.m-600 {
    background: rgba(0,0,0,.54);
    color: #fff
}

.gray-color div.color-values.m-700 {
    background: rgba(0,0,0,.62);
    color: #fff
}

.gray-color div.color-values.m-800 {
    background: rgba(0,0,0,.74);
    color: #fff
}

.gray-color div.color-values.m-900 {
    background: rgba(0,0,0,.87);
    color: #fff
}

.new__badge, .updated__badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 10px;
    user-select: none;
    padding: 4px;
    border-radius: 0;
    font-size: 10px;
    font-weight: bold
}

.new__badge {
    color: #fff;
    background: #30c146
}

.updated__badge {
    color: #fff;
    background: #4051b5
}

.new__badge {
    border-radius: 0;
    color: #fff;
    background: #30c146;
    font-size: 10px;
    font-weight: bold
}

.fancy-details details {
    padding: .25rem .5rem .25rem 1.25rem;
    margin-bottom: .25rem;
    border-radius: 0;
    position: relative
}

    .fancy-details details > * {
        margin-bottom: 4px
    }

    .fancy-details details summary {
        border-radius: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

        .fancy-details details summary::before {
            content: "+";
            color: #09f;
            position: absolute;
            left: 0;
            font-size: 1.25rem;
            display: flex;
            padding-top: .125rem;
            align-items: center
        }

        .fancy-details details summary:focus {
            outline-color: transparent
        }

        .fancy-details details summary:focus, .fancy-details details summary:hover {
            color: #09f
        }

    .fancy-details details[open] summary::before {
        content: "- "
    }

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

.sg-palette {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -0.5rem 1.5rem
}

.sg-color-block {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
    border-radius: 0;
    margin: .5rem;
    height: 80px;
    min-width: 100px;
    max-width: 250px;
    position: relative;
    border: 1px solid #ddd;
    color: #fff;
    padding-top: 10px;
    font-weight: 400;
    overflow: hidden
}

    .sg-color-block span {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        padding: 5px 8px;
        font-size: 12px;
        white-space: nowrap;
        background: #fff;
        font-weight: 500
    }

.sg-color-block--primary {
    background: #222
}

    .sg-color-block--primary span {
        color: #222
    }

        .sg-color-block--primary span::after {
            content: "#222"
        }

.sg-color-block--info {
    background: #4051b5
}

    .sg-color-block--info span {
        color: #4051b5
    }

        .sg-color-block--info span::after {
            content: "#4051B5"
        }

.sg-color-block--success {
    background: #00ae88
}

    .sg-color-block--success span {
        color: #00ae88
    }

        .sg-color-block--success span::after {
            content: "#00AE88"
        }

.sg-color-block--warning {
    background: #fcb13c
}

    .sg-color-block--warning span {
        color: #fcb13c
    }

        .sg-color-block--warning span::after {
            content: "#FCB13C"
        }

.sg-color-block--error {
    background: #f54336
}

    .sg-color-block--error span {
        color: #f54336
    }

        .sg-color-block--error span::after {
            content: "#F54336"
        }

.sg-color-block--secondary-1 {
    background: #09f
}

    .sg-color-block--secondary-1 span {
        color: #09f
    }

        .sg-color-block--secondary-1 span::after {
            content: "#0099FF"
        }

.sg-color-block--secondary-2 {
    background: #6a11ad
}

    .sg-color-block--secondary-2 span {
        color: #6a11ad
    }

        .sg-color-block--secondary-2 span::after {
            content: "#6A11AD"
        }

.sg-color-block--accent {
    background: #30c146
}

    .sg-color-block--accent span {
        color: #30c146
    }

        .sg-color-block--accent span::after {
            content: "#30C146"
        }

.sg-flex-row {
    display: flex
}

.sg-flex-column {
    flex-direction: column
}

.sg-align-i-center {
    align-items: center
}

.sg-align-c-center {
    align-content: center
}

.sg-badges {
    margin: 0 -0.5rem 1.5rem
}

    .sg-badges > * {
        margin: .5rem
    }

.dfx-seo-banner {
    display: flex;
    justify-content: center;
    margin: 20px auto;
    cursor: pointer
}

    .dfx-seo-banner > img {
        width: 100%
    }

.form-control {
    border-radius: 0
}
*/


 
/*.code-view-navbar {
    overflow-x: auto;
    background-color: #e5f4fe;
    display: flex
}

    .code-view-navbar::-webkit-scrollbar {
        width: 2px
    }

    .code-view-navbar::-webkit-scrollbar-track {
        background: #f1f1f1
    }

    .code-view-navbar::-webkit-scrollbar-thumb {
        background: #888
    }

    .code-view-navbar .code-view-tab, .code-view-navbar .code-view-tab--active {*/
       /* position: relative;*/
        /*background-color: transparent;
        min-width: 87px;*/
/*        height: 47px;*/
        /*padding: .7rem;
        align-self: center;*/
        /*text-align: center;
        font-family: "Arial",sans-serif;
        font-size: .8rem;
        font-weight: 600;*/
        /*cursor: pointer
    }

        .code-view-navbar .code-view-tab:hover, .code-view-navbar .code-view-tab--active:hover {
            color: #09f
        }

    .code-view-navbar .code-view-tab--active {
        background-color: #fff;
        color: #09f
    }

        .code-view-navbar .code-view-tab--active::after {*/
          /*  content: "";
            height: 2.5px;*/
            /*background: #09f;*/
           /* position: absolute;
            left: 0;
            right: 0;
            top: 0*/
        /*}*/
         
/*end of copied infragistics angular css----------------------------------------*/

/*.ui-iggrid-activerow .ui-state-focus {
    background-color: #a8d6e1 !important;
}

.ui-iggrid-selectedcell .ui-state-active {
    background-color: #a8d6e1 !important;
}*/
.ui-iggrid-headertext {
    white-space: normal !important;
    color: white !important;
}
.ui-iggrid .ui-ig-altrecord td.ui-state-active, .ui-iggrid .ui-ig-altrecord th.ui-iggrid-rowselector-class.ui-state-active, .ui-iggrid tbody .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-active, .ui-iggrid tbody .ui-ig-altrecord .ui-iggrid-mergedcellstop.ui-state-active, .ui-iggrid tbody .ui-iggrid-mergedcell.ui-state-active, .ui-iggrid tbody .ui-iggrid-mergedcellstop.ui-state-active, .ui-iggrid td.ui-state-active, .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active {
    background-color: #d5eaf0 !important;
}/*
#a8d6e1*/

/*.ui-ig-altrecord*/
.ui-iggrid-altrecord {
    background-color: #f0f6ff !important;
    /* eaf1fe e4ecf9  d9e4e7  #daebef
*/
}
.ui-iggrid-header {
    background-color: #82abe8 !important;
    /* #5b8fde #ced8e7*/ 
}
.title.ui-widget-header {
    background-color: #5a8ad7 !important;
    border-radius: 4px 4px 0px 0px;
   /* box-shadow: rgba(0,0,0,0.26) 0px 1px 5px 0px, rgba(0,0,0,0.12) 0px 2px 2px 0px, rgba(0,0,0,0.08) 0px 3px 1px -2px;*/
    border-color: transparent;
}

.title {
    font-size: 1.65rem;
    border-bottom: 1px solid #ccc;
    padding-top: .35em;
    padding-bottom: .25em;
    background-color: #5a8ad7 !important;
}
/*copying this here from infragistics file bc its somehow getting overriden (title bar in igeditdialog)*/

.ui-dialog .ui-dialog-titlebar {
    background: #ecf0f1;
    color: #2C3E50;
    border-color: #ecf0f1
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}
/*"Deselect/sleelct all" default state is not visible otherwise: ui-corner-all*/
.ui-priority-secondary a { /*.ui-priority-secondary.ui-widget-header:not(.ui-iggrid-pagecurrent)  {*/
    color: gray;
}
/*.ui-iggrid-pagelinkcurrent{
    color: black !important;
}*/
/*.ui-iggrid-pageimg{
    color: white;
}*/
/*overrid infragistics flatly light green - for jursidcion website links*/
td > a, td > a:hover, h6 { /*.ui-widget a, .ui-widget a:hover {*/
    color: #0099ff !important;
}

.elevated {
    padding: 0px;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.26) 0px 1px 5px 0px, rgba(0,0,0,0.12) 0px 2px 2px 0px, rgba(0,0,0,0.08) 0px 3px 1px -2px;
}

.mimic-ui-iggrid-caption {
    text-align: center;
    color: #2C3E50;
    border: 1px solid #ecf0f1 !important;
    padding: 7.5px 5px;
    font: 12.5px Lato, 'Helvetica Neue'
}
/*.secondaryButton {
    background: url(../Images/ui-bg_inset-hard_45_2878d0_1x100.png) 50% 50% repeat-x !important;
}

    .secondaryButton:hover {
        background: url(../Images/ui-bg_inset-hard_45_5c9ade_1x100.png) 50% 50% repeat-x !important;
    }
    .secondaryButton:active {
        background: url(../Images/ui-bg_inset-hard_45_1a589c_1x100.png) 50% 50% repeat-x !important;
    }
*/

.ui-igcombo-button, button, .ui-iggrid-paging-item:not(ul), .ui-iggrid-paging-item > li, .ui-igedit-dropdown-button {
    /*color: white !important; */ /*for the combos*/
    background: url(../Images/ui-bg_inset-hard_45_2878d0_1x100.png) 50% 50% repeat-x !important;
/*    color: black !important;
*/}

    .ui-igcombo-button:hover, button:hover, .ui-iggrid-paging-item:hover:not(ul), .ui-iggrid-paging-item > li:hover, .ui-igedit-dropdown-button:hover {
        background: url(../Images/ui-bg_inset-hard_45_5c9ade_1x100.png) 50% 50% repeat-x !important;
    }

    .ui-igcombo-button:active, button:active, .ui-iggrid-paging-item:active:not(ul), .ui-iggrid-paging-item > li:active, .ui-igedit-dropdown-button:active {
        background: url(../Images/ui-bg_inset-hard_45_1a589c_1x100.png) 50% 50% repeat-x !important;
        
    }

.ui-igcombo-buttonicon {
    color: white !important;
}
/*
grayer buttons:
.ui-igcombo-button, button{
    background: url(../Images/ui-bg_inset-hard_45_849ebc_1x100.png) 50% 50% repeat-x !important;
}
.ui-igcombo-button:hover, button:hover{
    background: url(../Images/ui-bg_inset-hard_45_a2b3c8_1x100.png) 50% 50% repeat-x !important;
}
.ui-igcombo-button:active, button:active  {
    background: #5e89ce url("../Images/ui-bg_inset-hard_45_5e89ce_1x100.png") 50% 50% repeat-x !important;
}*/
    /*
button {
    background: url(../Images/ui-bg_inset-hard_45_849ebc_1x100.png) 50% 50% repeat-x !important;
}

    button:hover {
        background: url(../Images/ui-bg_inset-hard_45_a2b3c8_1x100.png) 50% 50% repeat-x !important;
    }

    button:active {
        background: #5e89ce url("../Images/ui-bg_inset-hard_45_5e89ce_1x100.png") 50% 50% repeat-x !important;
    }*/
    /* Red Buttons:
.primaryButton {
    background: url(../Images/ui-bg_inset-hard_45_dd262c_1x100.png) 50% 50% repeat-x !important;
}

    .primaryButton:hover {
        background: url(../Images/ui-bg_inset-hard_45_e6696d_1x100.png) 50% 50% repeat-x !important;
    }

    .primaryButton:active {
        background: url(../Images/ui-bg_inset-hard_45_c91b20_1x100.png) 50% 50% repeat-x !important;
    }
*/ /*
more neoner green button*/
    .primaryButton {
    background: url(../Images/ui-bg_inset-hard_45_009900_1x100.png) 50% 50% repeat-x !important;
}

    .primaryButton:hover {
        background: url(../Images/ui-bg_inset-hard_80_00ca00_1x100.png) 50% 50% repeat-x !important;
    }

    .primaryButton:active {
        background: url(../Images/ui-bg_inset-hard_45_0a730a_1x100.png) 50% 50% repeat-x !important;
    }
/*.primaryButton {
    background: url(../Images/ui-bg_inset-hard_45_8ad75a_1x100.png) 50% 50% repeat-x !important;
}

    .primaryButton:hover {
        background: url(../Images/ui-bg_inset-hard_80_a9dc9c_1x100.png) 50% 50% repeat-x !important;
    }

    .primaryButton:active {
        background: url(../Images/ui-bg_inset-hard_45_328200_1x100.png) 50% 50% repeat-x !important;
    }*/

.arrowButton {
    cursor: pointer;
}

    .arrowButton:hover {
        background-color: gray !important;
    }

    .arrowButton:active {
        color: lightgray !important;
    }
body {
    /* height:100%;*/

    min-width: 185px;
    /*    background-image: linear-gradient(to right bottom, #e2ebf9, #d6e2fc, #ccd9fe, #c6cfff, #c2c4ff);
*/ background-color: #ebf1f5;
    /*    background-image: linear-gradient(to right bottom, #e2ebf9, #bad1ff, #9cb4ff, #8b93ff, #8a6eff);
*/ /*    background-color: #252a54;

        #070f57 #cad3d9;    background-image: url('../images/smooth-wall-dark.png') !important;
*/
    /*background: url('../images/smooth-wall-dark.png') #cad3d9 !important;*/
    /*background-color: #899599;
    background-image: url(http://www.transparenttextures.com/patterns/3px-tile.png);*/
    /*background-color: #cad3d9;
    background-image: url(http://www.transparenttextures.com/patterns/outlets.png);*/
    /* option 6 brushed metal */
    /*background: -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
	background: -moz-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
	background: -ms-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
	background: -o-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
	background: radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
	background-size: 10px 10px, 10px 10px, 100% 100%;
	background-position: 1px 1px, 0px 0px, center center;
	top: 0;*/
}
/*7/15/22 bc uikit makes it big*/
body {
    font-size: 14px ;
}

html {
    background-color: #ebf1f5;
    /*  #001a4d; cad3d9 !important;
   background-image: url('../images/smooth-wall-dark.png') !important;*/
}

.uk-legend {
    font-size: 22.5px;
}
.uk-button{
    height: 38px !important;
}

.alignC {
    text-align: center;
}

.alignR {
    text-align: right;
}

.ui-iggrid-tablebody > tr > td {
    border-right: 1px solid rgba(0,0,0,.18) !important;
    /*border-color: #874c62 !important;*/
}

.ui-iggrid-table {
    font-size: 11px;
}



/* GENERAL - from ptrc  353535-loginbackgournd*/
html {
    /*height:100%*/
} 

.BodyBGKenStern {
    background: #C27878 !important;
}

.BodyBGTkclosed {
    background: #FF8ED3 !important;
}

.BodyBGPita {
    background: #FEEE95 !important;
}

.BodyBGLGL {
    background: #FFBA99 !important;
}

.BodyBGPitaLGL {
    background-image: linear-gradient(to right, #FFBA99, #FEEE95) !important;
}

#main {
    -webkit-box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: inset 0px 5px 5px 0px rgba(50, 50, 50, 0.25);
    width: 100%;
    padding-top: .5em;
}

button.ui-button {
    font-size: 1.25rem;
}

    button.ui-button:disabled {
        border: none;
        opacity: 0.5; /*avigail 3 13 24*/
    }

input {
    color: black; /* overrides bootstrap's white */
}
/*7/27/22- so that igcombos from spans look normal:*/
/*avigail adding number 8/14/23*/
    input[type='text']:not(.ui-igedit-input, .ui-igcombo-field), input[type='password'], select {
        border-radius: 5px;
        outline: none;
        border: 1px solid #ccc !important;
        padding: 1px 4px;
        margin: 1px;
        color: black !important;
        /*        background: white !important;
*/
    }

        input[type='text']:focus, input[type='password']:focus, input[type='number']:focus, select:focus {
            border-color: #66afe9;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        }

    input[readonly='true'], input[readonly] {
        /*color:#ccc;*/
        background-color: rgba(0,0,0,.075) !important;
    }

textarea[readonly='true'], textarea[readonly] {
    background-color: rgba(0,0,0,.075) !important;
}

input[readonly='true']:focus, input[readonly]:focus {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*background-color:rgba(0,0,0,.075) !important;*/
}

input.nbr_right {
    text-align: right;
}

label.normalw {
    font-weight: normal;
}

select {
    border-radius: 5px;
    outline: none;
    border: 1px solid #ccc;
    padding: 3px 4px 2px;
    margin: 1px;
}

.boxed {
    background-color: #fff;
    border: 1px dotted teal;
    padding-bottom: .25em;
}

.boxed, .rounded, .rounded-top {
    border-radius: 6px;
}

.rounded-top {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.rounded-bottom {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}


/* HEADER */

#header {
    text-align: center;
    padding: .25em;
    height: 85px;
    /* background-image: url('../images/dark-grey-tile.png');*/
    background-color: #003282;
    /* background-color: red; */

/*    001a4d;
*/}

    #header > div {
        display: inline-block
    }

/* bread crumb */

#page-crumb {
    font-size: 1.5rem;
    display: inline-block;
    float: left;
    position: absolute;
    left: 0px;
    margin-left: .5em;
    font-weight: bold;
    color: white;
}

    #page-crumb span:first-child {
        font-size: 2.5rem;
        font-style: normal;
        vertical-align: middle;
        text-shadow: -2px 0 purple, 0 2px purple,2px 0 purple, 0 -2px purple
    }

    #page-crumb span:last-child {
        vertical-align: bottom;
    }


/* cursor controls */
#page-nav {
    font-size: 2rem;
    display: inline-block;
    float: right;
    margin-right: .25em;
    white-space: nowrap;
    position: relative;
}

    #page-nav > div {
        margin-left: .35em;
    }

.icon-green {
    color: #30b71d;
}

.cursor-arrow {
    position: relative;
    top: .15em;
}

.cursor-opt {
    position: relative;
    top: .25em;
}

.cursor-arrow, .cursor-opt {
    cursor: pointer;
    color: white
}

    .cursor-arrow:hover, .cursor-opt:hover {
        color: #30b71d
    }

#cursor-opt-calc > img {
    background-color: white;
}

    #cursor-opt-calc > img:hover {
        background-color: #30b71d
    }

#cursor-opt-reject:hover {
    color: orange
}

#cursor-opt-delete:hover {
    color: red
}

#cursor-opt-calc {
    position: static;
}

#cursor-page-info span {
    color: white;
    font-size: 2rem;
    vertical-align: bottom;
    padding: .15em
}

#cursor-page-x {
    height: 25px;
    width: 60px
}

#cursor-page-x,
#cursor-page-y {
    font-size: 1.5rem;
}

#cursor-page-y {
    color: white;
}

#cursor-arrow-prev span {
    position: relative;
    top: 3px;
}

#cursor-arrow-prev span,
#cursor-arrow-next span {
    font-size: 1.75rem;
    vertical-align: text-top;
}

#cursor-arrow-first > span {
    width: 14px
}

#cursor-arrow-next > span {
    width: 12px
}

#cursor-arrow-skip > span {
    margin-left: 6px
}

/* NAVIGATION BAR */

.lookup li {
    white-space: nowrap;
    width: 10em;
}

    .lookup li span {
        margin-left: .5em
    }

    .lookup li a {
        padding: 0px;
        padding-bottom: 1px
    }

    .lookup li input {
        width: 90px;
    }

#logout > a {
    font-size: 1.5rem;
    padding: .65em;
    font-weight: bold
}

#iconsearch {
    display: none;
}

#navbar div.container-fluid {
    padding-right: 0px
}

#bs-example-navbar-collapse-1 {
    padding-right: 0px
}

@media screen and (min-width: 995px) {
    #navbar {
        width: 690px /*615px*/
        /*width: 615px*/ /*615px*/
    }

        #navbar > nav {
        }
}

@media screen and (min-width: 768px) and (max-width: 995px) {
    #navbar {
        width: 575px
    }

    form.navbar-form.navbar-left {
        display: none;
    }

    #iconsearch {
        display: inline-block;
        line-height: 3.25;
        margin-left: 2px;
    }
}

@media screen and (max-width: 0px) {
}

/* QUICK SEARCH BAR */

#qksearch {
    /*
    position: absolute;
    left: 50%;
    width: 800px;
    margin-left: -400px;
    */

    position: fixed;
    /*top:3.25em;*/
    top: .0em;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 855px;
    z-index: 1000;
    min-width: 160px;
    padding: 0em 0em;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}

button.qksearch {
    width: 30px;
    height: 30px
}

    button.qksearch:hover {
        color: orange;
    }

input.qksearch {
    height: 30px !important;
}

    input.qksearch.sbl {
        width: 50px
    }

#txtQKSearchCity {
    width: 80px
}

#txtQKSearchTaxYear {
    width: 45px
}

#btnQKSearchUnPin {
    height: 30px;
    width: 30px;
    position: relative;
    top: -2px;
    cursor: pointer;
    background-color: white;
}

    #btnQKSearchUnPin:hover {
        background-color: orange
    }

/* LOGO (header-left) */

#logo > table {
    font-size: 2.25rem;
    color: white;
    border-spacing: 2px;
    border-collapse: separate;
}

    #logo > table td {
        background-color: black;
        border: 2px solid white;
        padding: 0em .35em
    }

#logo {
    float: left;
    /*width:75px;*/
    overflow: hidden;
    position: absolute;
    left: 0px;
}

    #logo > div > div {
        margin: 0 auto;
    }

    #logo #global-region-name {
        font-size: 2.5rem;
        font-weight: bold;
        vertical-align: middle;
        padding: 0em 1em;
        text-shadow: -2px 0 purple, 0 2px purple,2px 0 purple, 0 -2px purple;
    }

#hexaflip-logo1,
#hexaflip-logo2 {
    margin-bottom: 1rem;
}

    #hexaflip-logo1 .hexaflip-cube,
    #hexaflip-logo2 .hexaflip-cube {
        opacity: 0.9;
        filter: alpha(opacity=90);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

        #hexaflip-logo1 .hexaflip-cube .hexaflip-left,
        #hexaflip-logo2 .hexaflip-cube .hexaflip-left,
        #hexaflip-logo1 .hexaflip-cube .hexaflip-right,
        #hexaflip-logo2 .hexaflip-cube .hexaflip-right {
            background-color: #222 !important;
        }

        #hexaflip-logo1 .hexaflip-cube > div,
        #hexaflip-logo2 .hexaflip-cube > div {
            font-weight: 100;
            text-shadow: none;
        }

            #hexaflip-logo1 .hexaflip-cube > div:nth-child(1n+1) {
                background-color: #069ad5;
            }

            #hexaflip-logo1 .hexaflip-cube > div:nth-child(2n+2) {
                background-color: #fc5215;
            }

            #hexaflip-logo1 .hexaflip-cube > div:nth-child(3n+3) {
                background-color: #30b71d;
            }

            #hexaflip-logo1 .hexaflip-cube > div:nth-child(4n+4) {
                background-color: #eee;
                color: #222;
            }

            #hexaflip-logo2 .hexaflip-cube > div:nth-child(1n+1) {
                background-color: #30b71d;
            }

            #hexaflip-logo2 .hexaflip-cube > div:nth-child(2n+2) {
                background-color: #eee;
                color: #222;
            }

            #hexaflip-logo2 .hexaflip-cube > div:nth-child(3n+3) {
                background-color: #069ad5;
            }

            #hexaflip-logo2 .hexaflip-cube > div:nth-child(4n+4) {
                background-color: #fc5215;
                color: #FFF;
            }

/* SESSION (header-right) */

#session {
    float: right;
    position: absolute;
    right: .25em;
}

#welcome {
    width: 100px;
    padding-top: .25em;
    padding-bottom: .25em;
    background-color: #eee;
    color: black;
    margin-bottom: .25em;
}

#user_alert {
    margin-bottom: .25em;
    background-color: red;
    color: white;
    padding: 5px;
    font-weight: bold;
    margin-right: 3px;
    border-radius: 5px;
}

#add_alert {
    margin-bottom: .25em;
    background-color: green;
    color: white;
    padding: 5px;
    font-weight: bold;
    margin-right: 3px;
    border-radius: 5px;
}
/* override 'sucker' default styles */
#region > li > a {
    background-color: purple;
    color: white;
    font-weight: bold;
}

#region li a {
    letter-spacing: .05em;
    text-transform: uppercase;
}

#region > li::after {
    margin-top: -1.15em;
    right: 8px;
}


/* UTILITY */
/*7/15/22.negative {
    border: 1px solid red
}*/

.rtl {
    direction: rtl
}

.show {
    display: block
}

.hide {
    display: none
}

.clear {
    clear: both
}

.bold {
    font-weight: bold
}

.hidden {
    visibility: hidden
}

.visible {
    visibility: visible
}

.inline {
    display: inline-block
}

.block {
    display: block
}

.alignR {
    text-align: right
}

.alignC {
    text-align: center
}

.alignL {
    text-align: left
}

.floatR {
    float: right
}

.floatL {
    float: left
}

.caps {
    font-variant: small-caps
}

.pointer {
    cursor: pointer
}

.readOnly {
    background-color: whitesmoke;
    color: #666
}

.uppercase {
    text-transform: uppercase
}

.success {
    color: lime
}

.error {
    color: red
}

.warning {
    color: orange
}

.nowrap {
    white-space: nowrap
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.width100 {
    width: 100%;
}

.clip {
    overflow: hidden !important
}

.rotate180, .flip {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate90R {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.rotate90L {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


/* dialog controls */

.dialog-search {
    -webkit-box-shadow: 0px 0px 9px 3px rgba(50, 50, 50, 0.75) !important;
    -moz-box-shadow: 0px 0px 9px 3px rgba(50, 50, 50, 0.75) !important;
    box-shadow: 0px 0px 9px 3px rgba(50, 50, 50, 0.75) !important;
}

    .dialog-search .ui-dialog-content {
        width: auto !important;
        overflow-y: hidden !important;
    }

    .dialog-search .dialog-search-grid {
        height: 450px;
    }

        .dialog-search .dialog-search-grid > div {
            margin: 0px auto !important;
        }

/* COMBO BOX UI CONTROL */

.sucker-combo, .sucker-combo ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 2;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.75);
}

    .sucker-combo a {
        display: block;
        width: 100px;
    }

    .sucker-combo li {
        float: left;
        width: 100px;
    }

        .sucker-combo li a {
            background-color: #eee;
            color: black;
            text-decoration: none;
        }

    .sucker-combo ul li a:hover {
        background-color: purple;
        color: white;
        font-weight: bold;
        cursor: pointer;
    }

    .sucker-combo > li > a {
        cursor: default;
    }

    .sucker-combo > li::after {
        content: " ";
        width: 0;
        height: 0;
        position: absolute;
        right: 10px;
        margin-top: -1em;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: white transparent;
    }

    .sucker-combo > li:hover::after {
        border-color: purple transparent;
    }

    .sucker-combo li ul {
        position: absolute;
        width: 100px;
        left: -999em;
        z-index: 10;
    }

    .sucker-combo li:hover ul {
        left: auto;
    }

    /* multi level support */
    .sucker-combo li ul ul {
        margin: -2em 0 0 150px;
    }

    .sucker-combo li:hover ul ul {
        left: -999em;
    }

    .sucker-combo > li li.multi-menu::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 10px;
        margin-top: -1.5em;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #2C3539;
    }

    .sucker-combo > li li.multi-menu:hover > a {
        background-color: purple;
        color: white;
        font-weight: bold;
    }

    .sucker-combo > li li.multi-menu:hover::after {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid white;
    }


/* handled with js by hoverintent => but we could update to use css3 transitions */
/*.sucker-combo li:hover ul, .sucker-combo li li:hover ul { left: auto;} */

/* chevron drop-down overrides */
.page-options .glyphicon {
    font-size: 2rem;
    top: -2px;
}

.page-options ul {
    width: 150px !important;
    font-size: 1.25rem
}

.page-options > li {
    width: 24px;
}

    .page-options > li > a {
        color: white;
        background-color: transparent;
        width: 24px;
        height: 16px;
        padding-bottom: 4px;
        position: relative;
        top: -8px;
    }

    .page-options > li::after {
        display: none
    }

    .page-options > li > ul a {
        width: 150px
    }

.page-options hr {
    width: 25px;
    margin: .25em auto;
    border: 1px solid black;
}

.page-options li.breaker,
.page-options li.breaker a {
    cursor: default
}

    .page-options li.breaker:hover,
    .page-options li.breaker a:hover {
        background-color: #eee;
        color: black;
    }

        .page-options li.breaker:hover hr {
            border: 1px solid black;
        }

ul.offset {
    right: -64px !important;
}

ul.page-options-100 {
    width: 100px !important;
    right: -38px !important;
}

    ul.page-options-100 a {
        width: 100px !important
    }

ul.page-options-140 {
    width: 140px !important;
    right: -58px !important;
}

    ul.page-options-140 a {
        width: 140px !important
    }

ul.page-options-200 {
    width: 199px !important;
    right: -86px !important;
}

    ul.page-options-200 a {
        width: 199px !important
    }

/* ARROWS */

.arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid white;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid white;
}


/* BOOTSTRAP CUSTOMIZATIONS */

.noclick {
    cursor: default;
}

form.navbar-form.navbar-left {
    padding-right: 0px;
}

#txtSearch {
    min-width: 175px;
    margin: 0px auto;
}

.dropdown-toggle {
    max-width: 200px
}

.navbar-brand {
    font-size: 1.5rem;
    padding: .65em;
    font-weight: bold
}

.navbar {
    margin-bottom: 0px;
    min-height: 40px !important;
    height: 40px;
}

.navbar-nav > li {
    height: 40px
}

    /*.navbar-nav > li > a:not(:hover) {*/
    /*    max-width: 225px;
        max-height: 40px;
        padding: .65em;*/
        /*color: white !important;*/
       /* background-color: transparent !important;*/
    /*}*/

    .navbar-nav > li > a, .navbar-brand {
        max-width: 225px;
        max-height: 40px;
        padding: .65em;
        color: white !important;
        background-color: transparent !important;
    }

        .navbar-nav > li > a:hover,
        .navbar-nav > li > a:active {
            color: #0099ff !important;
        }
        .navbar-nav > li > a:focus {
            color: white !important;
        }

.dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .dropdown-menu .divider {
        margin: 0px 0px
    }
/*
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: purple;
        color: white;
    }
*/
b.caret {
    display: none;
}

/* INFRAGISTICS CUSTOMIZATIONS */

.ui-iggrid-sortableheader > a, span.ui-iggrid-headertext {
    font-size: 1.25rem;
}

.ui-widget {
    font-size: 1.25rem;
}

th.multicolumnheader > span {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

/* daterangeplugin fix */
.ui-daterangepicker .ranges {
    clear: none;
}

/* LARGE PROGRESS CIRCLE */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../Content/images/ajax-loader.gif') 50% 50% no-repeat;
}

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

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

body.loading_naked {
    overflow: hidden;
}

    body.loading_naked .modal_naked {
        display: block;
    }

.modal_naked {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, 0 ) url('../Content/images/ajax-loader.gif') 50% 50% no-repeat;
}

/* Custom Arrow Boxes */

.custom_arrow_box {
    position: relative;
    background: #eee;
    top: 30px !important;
    /*border: 4px solid #red;*/
}

    .custom_arrow_box:after, .custom_arrow_box:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .custom_arrow_box:after {
        border-color: rgba(238, 238, 238, 0);
        border-bottom-color: #eee;
        border-width: 10px;
        margin-left: -10px;
    }

    .custom_arrow_box:before {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: transparent;
        border-width: 16px;
        margin-left: -16px;
    }





/*    from Ptrc propinfo.css*/
/*label {
    margin-bottom: 2px;
}

    label.liketxt {
        border: 1px solid #ccc !important;
        border-radius: 5px;
        padding: 1px 4px 1px 4px;
        background-color: rgba(0,0,0,.075) !important;
        font-weight: normal;
        height: 23px;
    }

.btnlist {
    padding: 10px 0px 0px 10px;
}

.savebtn {
    width: 90px;
    height: 40px;
}

.scroll_btn_cont {
    margin: 10px 10px 5px 10px;
    padding: 6px 10px 5px 10px;
    border-radius: 5px;
    border: 1px solid #ddd;*/
    /*background: #ddd url('../Content/themes/pepper_grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png');*/
/*}

.scroll_btn_first {
    background: url('../Content/images/Fast-Backward.png') no-repeat !important;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100% !important;
    border: 0 !important;
}

.scroll_btn_prev {
    background: url('../Content/images/Arrow-Left.png') no-repeat !important;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100% !important;
    border: 0 !important;
}

.scroll_btn_next {
    background: url('../Content/images/Arrow-Right.png') no-repeat !important;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100% !important;
    border: 0 !important;
}

.scroll_btn_last {
    background: url('../Content/images/Fast-Forward.png') no-repeat !important;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100% !important;
    border: 0 !important;
}

.search_icon {
    background: url('../Content/images/Search.png') no-repeat !important;
    display: block;
    width: 48px;
    height: 48px;
    background-size: 40px 40px !important;
    border: 0px !important;
}

.search_clear_icon {
    background: url('../Content/imagesl/Stop.png') no-repeat !important;
    display: block;
    width: 48px;
    height: 48px;
    background-size: 40px 40px !important;
    border: 0px !important;
}

.billing_icon {
    background: url('../Content/images/billing.png') no-repeat !important;
    display: block;
    width: 48px;
    height: 48px;
    background-size: 40px 40px !important;
    border: 0px !important;
}

.exmpt_detail {
    background: url('../Content/images/exmpt_detail.png') no-repeat !important;
    width: 20px;
    height: 17px;
    border: 0px !important;
    margin-top: 2px;
    padding-right: 0px !important;
}

.tablewrapper {
    position: relative;
}

.table {
    display: table;
    margin: 0px;
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
}

    .cell.empty {
        border: none;
        width: 100px;
    }

    .cell.rowspanned {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100px;
    }

.quick_search_cont {
    position: relative;
    margin: 10px 10px 5px 10px;
    padding: 0px;
    max-width: 995px;
}

.quick_search_row {
    display: table-row;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 0px;
}

.quick_search_cell_title {
    display: table-cell;
    width: 140px;*/
    /*background: #ddd url('../Content/themes/pepper_grinder/images/ui-bg_fine-grain_65_654b24_60x60.png');*/ /*color: #ffffff;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.quick_search_cell_title_div {
    float: left;
    width: 140px;
    padding: 0px 10px 7px 10px;
}

.quick_search_cell_crit {
    display: table-cell;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0px;
    height: 100%;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
    /*background: #ddd url('../Content/themes/pepper_grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png');*/
/*}

.quick_search_cell_submit {
    display: table-cell;
    width: 90px;
    padding: 5px 5px 0px 5px;
    margin: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;*/
    /*background: #ddd url('../Content/themes/pepper_grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png')*/
/*}

.quick_search_submit {
    height: 29px;
    padding-top: 2px;
    width: 90px !important;
}*/

/*Infragistics over write*/
/*.ui-iggrid-filterddlistitemicons {
    background: none !important;
}

.ui-iggrid-filterddlistitemcontainer {
    background-color: #c2e1ea !important;
}

.ui-iggrid-filtericoncontainer {
    background-color: #c2e1ea !important;
}

.ui-iggrid-filterddlistitemicons {
    background-color: #c2e1ea !important;
}*/
/********
    COLORS    
	2021-07-22 CS: all color elements below have :not(.ui-igedit-input) added to overwrite the property from site.css
	*More specific level gets precedence
*/
/*input.light_blue:not(.ui-igedit-input) {
    background-color: #9dd2ea !important;
}

input.light_purple:not(.ui-igedit-input) {
    background-color: #cdbafb !important;
}

input.light_red:not(.ui-igedit-input) {
    background-color: #ffd1d1 !important;
}

input.light_yellow:not(.ui-igedit-input) {
    background-color: #faf3a9 !important;
}

input.very_red:not(.ui-igedit-input) {
    background-color: red !important;
}

input.dark_red:not(.ui-igedit-input) {
    background-color: #c27878 !important;
}

input.pale_green:not(.ui-igedit-input) {
    background-color: #98D196 !important;
}

input.lgl_orange:not(.ui-igedit-input) {
    background-color: #FFBA99 !important;
}

#div_customer_balance > div > div {
    float: left;
    width: 97px;
}

    #div_customer_balance > div > div > label {
        width: 100%;
    }*/

/******** 
    ADVANCE SEARCH ITEMS
*/
/*#div_search_comments label { padding: 5px 10px 5px 10px; }
#div_search_comments input { margin: 5px 10px 5px 10px; }
#div_search_comments label.dsp_adv_search_user { width: 40px; }
#div_search_comments input.dsp_adv_search_user { width: 80px; }
#div_search_comments label.dsp_adv_search_type { width: 50px; }
#div_search_comments select.dsp_adv_search_type { width: 80px;  margin: 5px 10px 5px 10px;}
#div_search_comments label.dsp_adv_search_date { width: 40px; }
#div_search_comments input.dsp_adv_search_date { width: 80px; }
#div_search_comments label.dsp_adv_search_comments { width: 80px; }
#div_search_comments input.dsp_adv_search_comments { width: 373px; }*/

/*#asearchtranhist-tab-charges > div {
    float: left;
    width: 82px;
}

    #asearchtranhist-tab-charges > div > input, #asearchtranhist-tab-charges > div > label {
        width: 80px;
    }

#asearchtranhist-tab-payments > div {
    float: left;
    width: 82px;
}

    #asearchtranhist-tab-payments > div > input, #asearchtranhist-tab-payments > div > label {
        width: 80px;
    }

#asearchtranhist-tab-issuedchk > div {
    float: left;
    width: 102px;
}

    #asearchtranhist-tab-issuedchk > div > input, #asearchtranhist-tab-issuedchk > div > label {
        width: 100px;
    }

#asearchtranhist-tab-refchk > div {
    float: left;
    width: 102px;
}

    #asearchtranhist-tab-refchk > div > input, #asearchtranhist-tab-issuedchk > div > label {
        width: 100px;
    }

#div_search_comments > div:not(:first-of-type) {
    float: left;
    width: 82px;
}

#div_search_comments > div > input, #div_search_comments > div > label {
    width: 80px;
}

#div_search_comments > div > label {
    text-align: center;
}*/

/*#div_search_tran_history { overflow: hidden; margin-left: 10px; margin-top: 10px; padding-bottom: 0px !important; }*/
/*#div_search_tran_history {
    margin-left: 10px;
    margin-top: 10px;
    padding-bottom: 0px !important;
}

    #div_search_tran_history div.div_search_tran_hist_title {
        text-align: right;
        background-color: #DEF4FD;
        padding: 17px 10px 15px 0px;
        margin-right: 7px;
        width: 75px;
    }*/
    /*#div_search_tran_history div.div_search_tran_hist_item { background-color: #ffffff; padding: 5px 4px 10px 5px; }*/
    /*#div_search_tran_history label {
        text-align: center;
    }*/
/*#div_search_tran_history input { margin: 5px 10px 5px 10px; }*/
/*#div_search_tran_history .dsp_adv_search_taxyear { width: 70px; margin-bottom: 0px !important; padding: 7px 0px 0px 10px; }*/
/*#div_search_tran_history label.dsp_adv_search_taxyear { width: 60px; }
#div_search_tran_history input.dsp_adv_search_taxyear { width: 60px; }
#div_search_tran_history label.dsp_adv_search_user { width: 80px; }
#div_search_tran_history input.dsp_adv_search_user { width: 80px; }
#div_search_tran_history label.dsp_adv_search_tranty { width: 100px; }
#div_search_tran_history input.dsp_adv_search_tranty { width: 100px; }
#div_search_tran_history select.dsp_adv_search_tranty { width: 100px; }
#div_search_tran_history label.dsp_adv_search_amount { width: 80px; margin-right: 5px; }
#div_search_tran_history input.dsp_adv_search_amount { width: 80px; margin-right: 5px; }*/

/********
    ADVANCE SEARCH ITEMS END
*/




/*******
    FIELD ITEMS
*/
/*div.casesinfo_divs { text-align: left; overflow: hidden; padding-bottom: 0px; margin-left: 10px; margin-top: 10px; }*/
/*div.casesinfo_divs {
    overflow: hidden;
    text-align: left;
    padding-bottom: 0px;
    margin-left: 10px;
    margin-top: -3px;
}

div.casesinfo_sub_title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 10px 5px 10px;
    color: #ffffff;
    font-weight: bold;
    background: url('../Content/themes/custom-start/images/ui-bg_gloss-wave_75_2191c0_500x100.png');
    background-size: 100%;
}

div.info_sub_title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 10px 5px 10px;
    color: #ffffff;
    font-weight: bold;
    background: url('../Content/themes/custom-start/images/ui-bg_gloss-wave_75_2191c0_500x100.png');
    background-size: 100%;
}*/
/*#div_main_info label { padding-left: 10px; }
#div_main_info input { margin-left: 10px; }
#div_main_info select { margin-left: 10px; }*/
/*#div_main_info label.dspCaseID {
    padding: 10px 5px 5px 10px;
    width: 80px;
}

#div_main_info input.dspCaseID {
    margin: 8px 5px 0px 5px;
    width: 80px;
}

#div_main_info label.dspStatus {
    padding: 10px 5px 5px 5px;
    width: 110px;
}

#div_main_info label.dspStatusVill {
    padding: 10px 5px 5px 5px;
    width: 90px;
}

#div_main_info select.dspStatus {
    margin: 8px 5px 0px 5px;
    width: 100px;
}

#div_main_info label.dspDuplicate {
    padding: 10px 5px 5px 5px;
    width: 80px;
}

#div_main_info input.dspDuplicate {
    margin: 8px 5px 0px 5px;
    width: 120px;
}

#div_main_info label.dspRecordCnt {
    padding: 10px 5px 0px 5px;
    width: 160px;
    font-size: 16px;
}

.width100 {
    width: 100px;
}*/
/*.color_taxyear { background-color: #D17CFF !important; font-weight: bold; }*/

/*label.dspTaxyear {
    padding: 10px 10px 5px 10px;
    width: 80px;
}

input.dspTaxyear {
    margin: 8px 10px 0px 10px;
    width: 47px;
    background-color: #D17CFF !important;
    font-size: 16px;
    font-weight: bold;
}

input.dspTaxyearSearch {
    margin: 8px 10px 0px 10px;
    width: 45px;
}

label.dspCreatedOn {
    padding: 10px 10px 5px 10px;
    width: 100px;
}

input.dspCreatedOn {
    margin: 8px 10px 0px 10px;
    width: 90px;
}

label.dspCreatedOnDt {
    margin: 8px 10px 0px 10px;
    width: 90px;
}

label.dspCreatedBy {
    padding: 10px 10px 5px 10px;
    width: 30px;
}

input.dspCreatedBy {
    margin: 8px 10px 0px 10px;
    width: 90px;
}

label.dspLastModOn {
    padding: 10px 10px 5px 10px;
    width: 140px;
}

input.dspLastModOn {
    margin: 8px 10px 0px 10px;
    width: 90px;
}

label.dspLastModBy {
    padding: 10px 10px 5px 10px;
    width: 30px;
}

input.dspLastModBy {
    margin: 8px 10px 0px 10px;
    width: 90px;
}

#div_main_info input.dspPropertyID {
    width: 210px;
}

#div_main_info label.dspPropertyID {
    width: 210px;
}

#div_main_info label.dspPOwnerNm, label.dspAddress, label.dspDescription {
    width: 260px;
}

#div_main_info input.dspPOwnerNm, input.dspAddress, input.dspDescription {
    width: 260px;
}

#div_main_info input.dspSection {
    width: 55px;
}

#div_main_info label.dspSection {
    width: 55px;
}

#div_main_info label.dspBlock {
    width: 50px;
    padding-left: 2px;
}

#div_main_info input.dspBlock {
    width: 50px;
    margin-left: 2px;
}

#div_main_info label.dspLot {
    width: 65px;
    padding-left: 2px;
}

#div_main_info input.dspLot {
    width: 65px;
    margin-left: 2px;
}

#div_main_info label.dspAddress2 {
    width: 360px;
    margin-top: 2px;
}

#div_main_info input.dspAddress2 {
    width: 360px;
    margin-top: 2px;
}

#div_main_info label.dspCity {
    width: 218px;
    margin-top: 2px;
}

#div_main_info input.dspCity {
    width: 218px;
    margin-top: 2px;
}

#div_main_info label.dspState {
    width: 78px;
    margin-top: 2px;
    margin-left: 2px;
}

#div_main_info input.dspState {
    width: 78px;
    margin-top: 2px;
    margin-left: 2px;
}

#div_main_info input.dspZip {
    width: 58px;
    margin-top: 2px;
    margin-left: 2px;
}

#div_main_info label.dspZip {
    width: 58px;
    margin-top: 2px;
    margin-left: 2px;
}

#div_main_info input.dspVillageAnd {
    width: 90px;
}

#div_main_info label.dspVillageAnd {
    width: 90px;
}

#div_main_info input.dspVillageAndSchD {
    width: 95px;
}

#div_main_info label.dspVillageAndSchD {
    width: 95px;
}

#div_main_info input.dspVillageAndClass {
    width: 52px;
}

#div_main_info label.dspVillageAndClass {
    width: 52px;
}

#div_main_info input.dspName {
    width: 117px;
}

#div_main_info label.dspName {
    width: 117px;
}

#div_main_info input.dspPhoneNbr, label.dspPhoneNbr {
    width: 112px;
}

#div_main_info input.dspEmail, label.dspEmail {
    width: 345px;
}

#div_main_info select.dspDoNotEmail, label.dspDoNotEmail {
    width: 235px;
}

#div_main_info input.dspTownName {
    width: 155px;
    margin-left: 0px;
}

#div_main_info input.dspTownCode {
    width: 27px;
}

#div_main_info input.dspVillName {
    width: 160px;
    margin-left: 0px;
}

#div_main_info input.dspVillNameHOT {
    background-color: yellow !important;
}

#div_main_info input.dspVillCode {
    width: 27px;
}

#div_main_info input.dspSwissCode {
    width: 90px;
}

.div_coll_items > div {
    float: left;
    width: 102px;
}

#assessment-tab-town > div {
    float: left;
    width: 104px;
}

    #assessment-tab-town > div > label {
        margin-left: 3px;
        width: 104px;
    }

#assessment-tab-village > div {
    float: left;
    width: 104px;
}

    #assessment-tab-village > div > label {
        margin-left: 3px;
        width: 104px;
    }*/
/*sora   */
/*.admin-modifiable {
    pointer-events: none;
}*/
/*#div_customer_balance { overflow: hidden; margin-left: 10px; margin-top: 10px; background-color: #DEF4FD; padding-bottom: 0px !important; }*/
/*#div_customer_balance { margin-left: 10px; margin-top: 10px; background-color: #DEF4FD; padding-bottom: 0px !important; }
#div_customer_balance input.dspCustBalance { width: 100px; }
#div_customer_balance label.dspCustBalance { width: 100px; text-align: center; }
#div_customer_balance div.div_customer_balance_title_2ln { text-align: right; padding: 22px 20px 0px 0px; width: 75px; height: 55px; }
#div_customer_balance div.div_customer_balance_title_1ln { text-align: right; padding: 22px 10px 0px 0px; width: 75px; height: 55px; }
#div_customer_balance div.div_customer_balance_items { display: table-cell; background-color: #ffffff; padding: 5px 4px 10px 5px; }*/

/*#div_appraisal_info { margin-left: 10px; margin-top: 10px; }*/

/*label.dspTownAssess, input.dspTownAssess {
    margin-left: 3px;
    width: 100px;
}

label.dspTownAssess {
    font-size: 12px;
}

label.dspAssessAppr, input.dspAssessAppr {
    margin-left: 3px;
    width: 120px;
}

label.dspTownAssessShort, input.dspTownAssessShort {
    margin-left: 3px;
    width: 65px;
}

input.dspTownAssessDate {
    margin-left: 3px;
    width: 100px;
}

input.dspTownAssessTime {
    margin-left: 3px;
    width: 70px;
}

label.dspPropertyElem, input.dspPropertyElem {
    margin-left: 5px;
    margin-right: 5px;
    width: 70px;
}

label.dspPropertyElemDbl, input.dspPropertyElemDbl {
    margin-left: 5px;
    margin-right: 5px;
    width: 150px;
}

label.dspPropertyElemBig {
    margin: 0px 5px 0px 5px;
    width: 310px;
}

textarea.dspPropertyElemBig {
    margin: 0px 5px 0px 5px;
    width: 310px;
    height: 100px;
    max-width: 310px;
}

label.dspQuickSearch {
    margin-left: 10px;
    width: 70px;
    font-weight: normal;
    margin: 10px 10px 0px 10px;
}

input.dspQuickSearch {
    margin-left: 10px;
    width: 120px;
    margin-top: 5px;
    margin-right: 10px;
}

input.dspAdminMemo {
    width: 798px;
    height: 200px;
}

.calculator_icon {
    background: url('../Content/images/Calculator.png') no-repeat !important;
    background-size: 100% !important;
    width: 48px;
    height: 48px;
    border: 0px !important;
}

.quick_search_icon {
    background: url('../Content/images/QSearch.png') no-repeat !important;
    background-size: 36px 36px !important;
    width: 36px;
    height: 36px;
    border: 0px !important;
}

.clear_quick_search_icon {
    background: url('../Content/images/stop.png') no-repeat !important;
    background-size: 36px 36px !important;
    width: 36px;
    height: 36px;
    border: 0px !important;
}

.save_icon {
    background: url('../Content/images/Save.png') no-repeat !important;
    background-size: 42px 42px !important;
    width: 43px;
    height: 43px;
    border: 0px !important;
}

.div_pepper {
    background: #ddd url('../Content/themes/custom-start/images/ui-bg_gloss-wave_75_2191c0_500x100.png');
    background-size: 100%;
}

.div_light_pepper {*/
    /*background: #ffffff url('../Content/themes/custom-start/images/ui-bg_gloss-wave_75_2191c0_500x100.png');*/
/*}

#div_inv_info label {
    padding-left: 10px;
}

#div_inv_info input {
    margin-left: 10px;
}

    #div_inv_info input.dspInvItem {
        width: 90px;
    }

#div_inv_info label.dspInvItem {
    width: 90px;
}

#div_inv_info input.dspInvLngItem {
    width: 210px;
}

#div_inv_info label.dspInvLngItem {
    width: 210px;
}

#div_inv_info textarea.dspInvItem {
    margin-left: 10px;
    border-radius: 12px;
}*/
/*******
    FIELD ITEMS END
*/




/*******
    CALCULATOR    
*/

/* Basic reset */
/** {*/
    /*margin: 0;
	padding: 0;
	box-sizing: border-box;
	font: bold 14px Arial, sans-serif;*/
/*}*/

/* Finally adding some IE9 fallbacks for gradients to finish things up */

/* A nice BG gradient */
/*#div_prop_calculator {
    height: 100%;
    background: white;*/
    /*background: radial-gradient(circle, #fff 20%, #ccc);*/
    /*background-size: cover;
}*/

/* Using box shadows to create 3D effects */
/*#calculator {
    width: 325px;
    height: auto;
    margin: 10px;
    padding: 20px 20px 9px;
    background: #9dd2ea;
    background: linear-gradient(#9dd2ea, #8bceec);
    border-radius: 3px;
    box-shadow: 0px 4px #009de4, 0px 10px 15px rgba(0, 0, 0, 0.2);
}*/

/* Top portion */
/*.top span.clear {
    float: left;
}*/

/* Inset shadow on the screen to create indent */
/*.top .screen {
    height: 40px;
    width: 212px;
    float: right;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: inset 0px 4px rgba(0, 0, 0, 0.2);*/
    /* Typography */
    /*font-size: 17px;
    line-height: 40px;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: right;
    letter-spacing: 1px;
}*/

/* Clear floats */
/*.keys, .top {
    overflow: hidden;
}*/

    /* Applying same to the keys */
    /*.keys span, .top span.clear {
        float: left;
        position: relative;
        top: 0;
        cursor: pointer;
        width: 66px;
        height: 36px;
        background: white;
        border-radius: 3px;
        box-shadow: 0px 4px rgba(0, 0, 0, 0.2);
        margin: 0 7px 11px 0;
        color: #888;
        line-height: 36px;
        text-align: center;*/
        /* prevent selection of text inside keys */
        /*user-select: none;*/
        /* Smoothing out hover and active states using css3 transitions */
        /*transition: all 0.2s ease;
    }*/

        /* Remove right margins from operator keys */
        /* style different type of keys (operators/evaluate/clear) differently */
        /*.keys span.operator {
            background: #FFF0F5;
            margin-right: 0;
        }

        .keys span.eval {
            background: #f1ff92;
            box-shadow: 0px 4px #9da853;
            color: #888e5f;
        }

    .top span.clear {
        background: #ff9fa8;
        box-shadow: 0px 4px #ff7c87;
        color: white;
    }*/

    /* Some hover effects */
    /*.keys span:hover {
        background: #9c89f6;
        box-shadow: 0px 4px #6b54d3;
        color: white;
    }

    .keys span.eval:hover {
        background: #abb850;
        box-shadow: 0px 4px #717a33;
        color: #ffffff;
    }

    .top span.clear:hover {
        background: #f68991;
        box-shadow: 0px 4px #d3545d;
        color: white;
    }*/

    /* Simulating "pressed" effect on active state of the keys by removing the box-shadow and moving the keys down a bit */
    /*.keys span:active {
        box-shadow: 0px 0px #6b54d3;
        top: 4px;
    }

    .keys span.eval:active {
        box-shadow: 0px 0px #717a33;
        top: 4px;
    }

    .top span.clear:active {
        top: 4px;
        box-shadow: 0px 0px #d3545d;
    }*/

/*******
    CALCULATOR END    
*/

#loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/Images/ajax-loader.gif') white no-repeat center;
    opacity: 0.75;
    z-index: 99999;
}

.ui-iggrid .ui-tooltip.ui-widget, .ui-tooltip.ui-widget {
    background-color: #82abe8 !important;
}

.ui-iggrid-deleteicon.ui-icon.ui-icon-circle-close {
    color: white !important;
}
.address .ui-iggrid-deletebutton.ui-state-default.ui-corner-all {
    left: 716px !important;
}

.phone .ui-iggrid-deletebutton.ui-state-default.ui-corner-all {
    left: 311px !important;
}


.email .ui-iggrid-deletebutton.ui-state-default.ui-corner-all {
    left: 371px !important;
}