.ui-dialog .ui-dialog-content {
    font-size   : 14px;
    font-weight : normal;
    line-height : 20px;
}

.tcWrapper {
    display     : none;
    font-size   : 11px;
    line-height : 14px;
    margin      : 3px;
    padding     : 3px 3px 3px 15px;
}

.tcHidden {
    display  : none;
    left     : -9999px;
    position : absolute;
}

#tcContainer {
    position : relative;
}

#tcTemplateConatiner {
    position : absolute;
    right    : 21px;
    top      : 2px;
}

.tcTemplateConatiner {
    position : absolute;
    right    : 21px;
    top      : 2px;
}

.tcLoader {
    background : transparent url('/images/ajax-loader.gif') 50% 6px no-repeat;
    display    : none;
    height     : 50px;
    margin     : 0;
    padding    : 0;
    width      : 100%;
}

div.col_wrapper label.tcLabel {
    font-weight : 600;
    height      : 1em;
    line-height : 1em;
    overflow    : hidden;
    text-align  : left;
    width       : 35px;
}

div.col_wrapper label.tcLblDis {
    color      : #AAAAAA;
    font-style : italic;
}

.list_body li.tcList {
    border     : 0;
    padding    : 3px 6px;
    text-align : left;
}

.list_body li.tcCentered {
    text-align : center;
}

.list_body .tcNoAction {
    color      : #666666;
    font-size  : 0.9em;
    font-style : italic;
}

.tcRemovedTitle {
    color           : #DD0000;
    font-style      : italic;
    text-decoration : line-through;
}

.tcRemovedDesc {
    color      : #DD0000;
    font-size  : 0.9em;
    font-style : italic;
}

.tcModifiedFromTitle {
    color           : #666666;
    font-style      : italic;
    text-decoration : line-through;
}

.tcModifiedFromDesc {
    color      : #666666;
    font-size  : 0.9em;
    font-style : italic;
}

.tcFutureTitle {
    color      : #666666;
    font-style : italic;
}

.tcFutureDesc {
    color      : #666666;
    font-size  : 0.9em;
    font-style : italic;
}

.tcModifiedToTitle {
    color : green;
}

.tcModifiedToDesc {
    color      : green;
    font-size  : 0.9em;
    font-style : italic;
}

.tcNewTitle {
    color : green;
}

.tcNewDesc {
    color      : green;
    font-size  : 0.9em;
    font-style : italic;
}

.tcSummaryTitle {
    color       : #222222;
    font-size   : 1.2em;
    font-weight : 600;
    padding     : 6px 6px 6px 12px;
}

.tcSummaryTitle a {
    color           : #222222;
    text-decoration : none;
}

.tcSummaryTitle a:hover {
    cursor          : pointer;
    text-decoration : underline;
}

.tcSummaryBody {
    color        : #555555;
    font-size    : 12px;
    line-height  : 17px;
    padding-left : 25px;
    width        : 761px; /* Simulate f31 to match terms textarea */
}

.tcSummaryBody a {
    color           : #555555;
    text-decoration : none;
}

.tcSummaryBody a:hover {
    cursor          : pointer;
    text-decoration : underline;
}

div.actionTermStatus {
    color       : #333333;
    float       : left;
    font-size   : 12px;
    line-height : 12px;
    margin      : 0 0 5px;
    padding     : 0 20px 0 0;
    position    : relative;
}

div.rhAddContainer {
    float      : left;
    margin-top : 1px;
    position   : relative;
}

div.actionFloatContainer {
    float      : left;
    margin-top : 1px;
    position   : relative;
}

a.rhActionDel {
    background : none, transparent url(/images/form_elements/newdelete.svg) 0 0/16px 16px no-repeat;
    display    : block;
    height     : 16px;
    left       : 23px;
    position   : absolute;
    top        : 2px;
    width      : 16px;
}
a.rhActionDel:hover {
    background : none, transparent url(/images/form_elements/newdelete_hover.svg) 0 0/16px 16px no-repeat;
}


a.caActionDel {
    background   : none, transparent url(/images/form_elements/newdelete.svg) 0 0/16px 16px no-repeat;
    /*position: absolute;*/
    display      : block;
    height       : 16px;
    /*top: 2px;
    left: 6px;*/
    margin-right : 8px;
    margin-top   : -1px;
    width        : 16px;
}
a.caActionDel:hover {
    background : none, transparent url(/images/form_elements/newdelete_hover.svg) 0 0/16px 16px no-repeat;
}

a.caActionTrans {
    background   : transparent url(/images/form_elements/folder-transfer.png) 0 0 no-repeat;
    display      : block;
    /*position: absolute;*/
    height       : 16px;
    margin-right : 12px;
    /*top: 2px;
    left: 6px;*/
    margin-top   : -1px;
    width        : 32px;
}

a.caActionEdit {
    background   : none, transparent url(/images/form_elements/newedit.svg) 0 0/16px 16px no-repeat;
    display      : block;
    height       : 16px;
    margin-right : 8px;
    margin-top   : -1px;
    width        : 16px;
}
a.caActionEdit:hover {
    background : none, transparent url(/images/form_elements/newedit_hover.svg) 0 0/16px 16px no-repeat;
}

a.caActionAdd {
    background      : none, transparent url(/images/form_elements/newadd.svg) 0 0/16px 16px no-repeat;
    color           : var(--heading-color);
    float           : left;
    font-size       : 13px;
    height          : 16px;
    line-height     : 18px;
    margin-right    : 8px;
    padding-left    : 24px;
    text-decoration : none;
}

a.caActionAdd:hover {
    text-decoration : underline;
    background      : none, transparent url(/images/form_elements/newadd_hover.svg) 0 0/16px 16px no-repeat;
}

/** Highlighted Referral Status Attribute **/
.rsa_Icon {
    background : none, transparent url(/content/images/form_elements/CertifiedtoAdult.svg) 0 0/20px 20px no-repeat;
    cursor     : pointer;
    display    : block;
    float      : left;
    height     : 20px;
    margin     : 2px;
    padding    : 0;
    width      : 20px;
}

/***********************
        Medical
***********************/
.medicalRestricted {
    background : none, transparent url(/content/images/individual_flags/statusflags_restrict.svg) 0 0/20px 20px no-repeat;
}

.medicalAllergy {
    background : none, transparent url(/content/images/individual_flags/statusflags_allergy.svg) 0 0/20px 20px no-repeat;
}

.medicalDiet {
    background : none, transparent url(/content/images/individual_flags/statusflags_diet.svg) 0 0/20px 20px no-repeat;
}

.medicalSpecialPrecaution {
    background : none, transparent url(/content/images/individual_flags/statusflags_precautions.svg) 0 0/20px 20px no-repeat;
}

/*************
  Homeless
************/
.homelessFlag {
    background : none, transparent url(/content/images/individual_flags/flag_homeless.svg) 0 0/20px 20px no-repeat;
    cursor: default;
    display: block;
    float: left;
    padding: 0;
    margin: 0 2px;
    height: 14px;
    width: 14px;
}

.homelessLarge {
    height: 19px;
    line-height: 19px;
    width: 19px;
}

/******************************
     Short Code Font Size
*******************************/
a.shortCode {
    border-radius : 3px;
    font-size     : 10px;
    text-align    : center;
}

/**
        Additional Active Terms Flags
 */

a.activeTermsFlag, a.activeTermsFlag.activeTermsFlagLarge {
    cursor    : default;
    display   : block;
    float     : left;
    font-size : 10px;
    height    : 19px;
    margin    : 0 2px;
    padding   : 0;
    width     : 19px;
}

/**
        Additional Financial Flags
 */

a.financialFlag, a.financialFlag.financialFlagLarge {
    cursor    : default;
    display   : block;
    float     : left;
    font-size : 10px;
    height    : 19px;
    margin    : 0 2px;
    padding   : 0;
    width     : 19px;
}

/**
        Additional Institution Flags
 */

a.institutionFlag, a.institutionFlag.institutionFlagLarge {
    cursor    : default;
    display   : block;
    float     : left;
    font-size : 10px;
    height    : 19px;
    margin    : 0 2px;
    padding   : 0;
    width     : 19px;
}

a.institutionFlagApron, a.institutionFlagApron.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat 0 0;
}

a.institutionFlagSuicide99, a.institutionFlagSuicide99.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -19px 0;
}

a.institutionFlagPrevSuicide, a.institutionFlagPrevSuicide.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -38px 0;
}

a.institutionFlagViolence, a.institutionFlagViolence.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -57px 0;
}

a.institutionFlagEscapeRisk, a.institutionFlagEscapeRisk.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -76px 0;
}

a.institutionFlagPregnant, a.institutionFlagPregnant.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -95px 0;
}

a.institutionFlagBedRest, a.institutionFlagBedRest.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -114px 0;
}

a.institutionFlagDoubleUp, a.institutionFlagDoubleUp.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -133px 0;
}

a.institutionFlagSpecialDiet, a.institutionFlagSpecialDiet.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -152px 0;
}

a.institutionFlag707B, a.institutionFlag707B.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -171px 0;
}

a.institutionFlagProp21, a.institutionFlagProp21.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -190px 0;
}

a.institutionFlagLaces, a.institutionFlagLaces.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -209px 0;
}

a.institutionFlagMagazines, a.institutionFlagMagazines.institutionFlagLarge {
    background : transparent url(/content/images/form_elements/institution_alertflags.png) no-repeat -228px 0;
}

/**
        End Additional Institution Flags
 */

a.statusFlag {
    background : transparent url(/content/images/form_elements/status-flags.png) 0 15px no-repeat;
    cursor     : default;
    display    : block;
    float      : left;
    height     : 14px;
    margin     : 0 2px;
    padding    : 0;
    width      : 14px;
}

a.statusFlag.statusFlagLarge {
    background  : transparent url(/content/images/form_elements/status-flags_large.png) 0 19px no-repeat;
    cursor      : default;
    display     : block;
    float       : left;
    height      : 19px;
    line-height : 19px;
    margin      : 0 2px;
    padding     : 0;
    width       : 19px;
}

a.statusFlagList {
    width: 20px !important;
    height: 20px !important;
    position: relative;
    left: -2px;
    top: -2.5px;
    transform: scale(0.75);
    margin: 0 -3px -3px -1px !important;
}

a.statusFlagWarrant {
    background-position: 0 0;
}

a.statusFlagDefendant {
    background-position: -14px 0;
}

a.statusFlagVictim {
    background-position: -28px 0;
}

a.statusFlagSMS {
    background-position: -42px 0;
}

a.statusFlagEmail {
    background-position: -56px 0;
}

a.statusFlagCaseLinkPRO {
    background-position: -70px 0;
}

a.statusFlagJail {
    background-position: -84px 0;
}

a.statusFlagConfinement {
    background-position: -126px 0;
}

a.statusFlagDefendantAdult {
    background-position: -98px 0;
}

a.statusFlagDefendantJuvenile {
    background-position: -112px 0;
}

a.statusFlagWarrant.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat 0 0;
}

a.statusFlagDefendant.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -19px 0;
}

a.statusFlagVictim.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -38px 0;
}

a.statusFlagSMS.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -57px 0;
}

a.statusFlagEmail.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -76px 0;
}

a.statusFlagCaseLinkPRO.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -95px 0;
}

a.statusFlagJail.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -114px 0;
}

a.statusFlagConfinement, a.statusFlagConfinement.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -209px 0;
}

a.statusFlagOwesMoney.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -133px 0;
}

a.statusFlagDelinquent, a.statusFlagDelinquent.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -152px 0;
}

a.statusFlagRestricted, a.statusFlagRestricted.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -228px 0;
}

a.statusFlagAllergy, a.statusFlagAllergy.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -247px 0;
}

a.statusFlagDiet, a.statusFlagDiet.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -266px 0;
}

a.statusFlagSpecialPrecaution, a.statusFlagSpecialPrecaution.statusFlagLarge {
    background: transparent url(/content/images/form_elements/status-flags_large.png) no-repeat -285px 0;
}

a.gangMemberFlag, a.gangMemberFlag.statusFlagLarge {
    background: transparent url(/content/images/individual_flags/flag_gang.svg) no-repeat 0 0;
}

a.timecrediteligible {
    cursor    : default;
    display   : block;
    float     : left;
    font-size : 10px;
    height    : 19px;
    margin    : 0 2px;
    padding   : 0;
    width     : 19px;
    background: transparent url(/content/images/individual_flags/flag_timecredit.svg) no-repeat 0 1px !important;
}

a.timecrediteligible.timecrediteligibleLarge {
    height    : 22px;
    width     : 22px;
}

a.flagHighProfile {
    cursor    : default;
    display   : block;
    float     : left;
    font-size : 10px;
    height    : 19px;
    margin    : 0 2px;
    padding   : 0;
    width     : 19px;
    background: transparent url(/content/images/individual_flags/flag_highprofile.svg) no-repeat 0 0 !important;
}

a.flagHighProfile.statusFlagLarge {
    height    : 20px;
    width     : 18px;
}

a.statusFlagCustom {
    border-radius : 3px;
    cursor        : pointer;
    display       : block;
    float         : left;
    height        : 14px;
    margin-right  : 5px;
    margin-top    : 3px;
    text-align    : center;
    width         : 14px;
}

a.statusFlagCustom.statusFlagLarge {
    height : 19px;
    width  : 19px;
}

a.statusFlagCustom img {
    border        : 0;
    border-radius : 3px;
    height        : 14px;
    width         : 14px;
}

a.statusFlagCustom.statusFlagLarge img {
    border        : 0;
    border-radius : 3px;
    height        : 19px;
    width         : 19px;
}

.statusFlagAddFlagArrow {
    border-left   : 5px solid transparent;
    border-radius : 3px;
    border-right  : 5px solid transparent;
    border-top    : 5px solid #7F8184;
    float         : left;
    height        : 0;
    margin-top    : 6px;
    width         : 0;
}

.statusFlagAddFlagArrow.statusFlagLarge {
    margin-top : 3px;
}

.statusFlagCustomSeparator {
    float      : left;
    font-size  : 10px;
    margin-top : -1px;
}

.statusFlagCustomSeparator.statusFlagLarge {
    margin-top : 0px;
}

.statusFlagSetStandard {
    float       : left;
    margin-left : 15px;
}

.statusFlagSetStandard.statusFlagLarge {
    margin-top : -2px;
}

.statusFlagSetCustom {
    float       : left;
    font-size   : 10px;
    margin-left : 2px;
    margin-top  : -3px;
}

.statusFlagSetCustomList {
    font-size   : 9px;
}

.statusFlagSetCustom.statusLarge {
    margin-top : -2px;
}

.statusFlagAddFlag {
    color       : #7F8184 !important;
    float       : left;
    font-size   : 10px;
    margin-left : 5px;
    margin-top  : 4px;
}

.statusFlagAddFlag a {
    color           : #7F8184 !important;
    text-decoration : none;
}

.statusFlagAddFlag.modifyFlag {
    display : none;
}

.statusFlagAddFlag.statusFlagLarge {
    margin-top : 6px;
}

.individualIconWrapper {
    float  : left;
    height : 14px;
}

.individualIconWrapper.statusFlagLarge {
    height     : 19px;
    margin-top : -2px;
}

.individualFlagIcons {
    float       : left;
    line-height : normal;
    padding-top : 7px;
}

.individualFlagIcons.statusFlagLarge {
    float       : left;
    line-height : normal;
    padding-top : 5px;
}

.individualFlagIcons.bannerIndividualFlagIcons {
    margin-top  : 0px;
    padding-top : 0px;
}

.statusFlagCustom.statusFlagUserColor {
    line-height : 14px;
}

.statusFlagCustom.statusFlagUserColor.statusFlagLarge {
    line-height : 19px;
}

/***** Google Maps CSS */
.clpMarker-Cont {
    position : relative;
}

.clpMarker-leftPane {
    color       : #444444;
    float       : left;
    font-size   : 1.0em;
    line-height : 1.4em;
    overflow    : hidden;
    width       : 85px;
}

.clpMarker-rightPane {
    color       : #444444;
    float       : left;
    font-size   : 1.0em;
    line-height : 1.4em;
    overflow    : hidden;
    width       : 235px;
}

.clpMarker-name {
    color           : var(--heading-color);
    font-size       : 1.1em;
    font-weight     : 600;
    text-decoration : none;
}

.clpMarker-name:hover {
    text-decoration : underline;
}

.clpMarker-redTitle {
    color       : #990000;
    font-size   : 1.3em;
    font-weight : 600;
    padding     : 0 0 6px 0;
    text-align  : center;
    width       : 100%;
}

.clpMarker-labelCol {
    color       : var(--heading-color);
    float       : left;
    font-weight : 600;
    overflow    : hidden;
    width       : 55px;
}

.clpMarker-labelCol.Wide {
    width : 95px;
}

.clpMarker-labelVal {
    float    : left;
    overflow : hidden;
    width    : 170px;
}

.clpMarker-labelVal.Short {
    width : 140px;
}

.slider-back-button {
    background     : transparent url('/content/images/form_elements/back_arrow_left.png') 0 0 no-repeat;
    background     : none, transparent url('/images/bluefin/back.svg') 0 0/16px 16px no-repeat;
    float          : left;
    height         : 20px;
    margin-left    : 7px;
    margin-top     : 10px;
    padding-left   : 6px;
    padding-right  : 3px;
    vertical-align : middle;
    width          : 20px;
}

/*****************************
    START Shared Data
*****************************/

.shareddata-menu {
    margin-right: 25px;
    cursor: pointer;
}

.shareddata-menu > img {
    display: inline; /* Inline is the default, but this is needed since some stylesheets define it as block */
    height: 20px;
    vertical-align: middle;
}

.shareddata-menu > span {
    margin-left: 6px;
    font-size: 1em;
    vertical-align: middle;
}

/*****************************
    END Shared Data
*****************************/

/*****************************
    START QuickView
*****************************/

.quickview-menu {
    height       : 34px;
    margin-right : 25px;
    margin-top   : 5px;
}

.quickview-menu label {
    font-size : 12px !important;
}

.quickview-text-wrapper {
    background-color      : #FFFFFF;
    border                : 1px solid #B6B6B6;
    border-radius         : 8px;
    cursor                : text;
    float                 : left;
    height                : 24px;
    overflow              : hidden;
    padding               : 6px;
    width                 : 510px;
}

/*
 * override jquery watermark plugin, which for some reason applies overflow
 * hidden to the element styles directly - hence !important (barf)
 */
span.watermark_container {
    overflow: unset !important;
}
.quickview-text-wrapper span.watermark_container {
    width : 95%;
}

.quickview-text-wrapper:hover {
    border : 1px solid var(--heading-color);
}

.quickview-icon {
    background  : transparent url("/images/bluefin/quickview-icon.png") 0 0 no-repeat;
    background  : none, transparent url('/svg.php?c=DDDDDD&svg=/images/bluefin/quick_view_watermark.svg') 0 0/16px 16px no-repeat;
    border      : 0px;
    cursor      : text;
    float       : left;
    height      : 20px;
    margin-left : 0px;
    margin-top  : 0px;
    width       : 20px;
}

.quickview-text {
    background-color : #FFFFFF;
    border           : none !important;
    color            : #444444 !important;
    cursor           : text !important;
    float            : left !important;
    font-size        : 16px !important;
    height           : 24px !important;
    line-height      : 24px !important;
    margin-left      : 6px !important;
    outline          : none !important;
    width            : 100% !important;
}

.quickview-go {
    background-color      : var(--heading-color);
    border-radius         : 16px;
    float                 : left;
    height                : 23px;
    margin-left           : 10px;
    margin-top            : 2px;
    max-height            : 33px;
    max-width             : 200px;
    min-width             : 25px;
    padding               : 5px;
    text-align            : center;
}

.quickview-go:hover {
    background-color : #3d4aa8;
    cursor           : pointer;
}

.quickview-go label {
    color       : #FFFFFF !important;
    cursor      : pointer;
    line-height : 16px;
    text-align  : center !important;
    width       : auto !important;
}

.quickview-data-wrapper {
    margin-bottom : 20px;
    width         : 100%;
}

.quickview-data-counter {
    font-size   : 12px;
    font-weight : 600;
    text-align  : left;
}

.quickview-data-header-row {
    background-color      : #D7D7D7;
    border-radius         : 4px;
    height                : 16px;
    margin-bottom         : 4px;
    margin-top            : 8px;
    padding-left          : 8px;
    padding-right         : 8px;
    padding-top           : 2px;
    width                 : 98%;
}

.quickview-data-header-col {
    float          : left;
    font-size      : 9px;
    font-weight    : 600;
    text-transform : uppercase;
}

.quickview-data-row {
    background-color      : #FFFFFF;
    border-radius         : 4px;
    cursor                : pointer;
    padding               : 8px;
    padding-bottom        : 22px;
    width                 : 98%;
}

.quickview-data-row:nth-child(even) {
    background-color : #FFFFFF;
}

.quickview-data-row:nth-child(odd) {
    background-color : #EBF4FB;
}

.quickview-row-even {
    background-color : #FFFFFF;
}

.quickview-row-odd {
    background-color : #EBF4FB;
}

.quickview-data-row:hover {
    background-color : var(--lightYellow);
}

.quickview-data-col {
    color           : #383838;
    float           : left;
    height          : 16px;
    margin-right    : 6px;
    overflow        : hidden;
    text-decoration : none;
    white-space     : nowrap;
}

.quickview-data-col a:not(.quickview-statusFlag) {
    display         : block;
    height          : 100%;
    text-decoration : none;
    width           : 100%;
}

.quickview-data-col a {
    display         : block;
    text-decoration : none;
}

.quickview-logo {
    background     : transparent url('/images/bluefin/quickview-logo.png') 0 0 no-repeat;
    background     : none, transparent url('/images/bluefin/quickview.svg') 0 0/16px 16px no-repeat;
    height         : 20px;
    vertical-align : middle;
}

.quickview-logo label {
    color       : #FFFFFF !important;
    font-size   : 16px;
    font-style  : italic;
    line-height : 16px;
    margin-left : 18px;
}

.quickview-logo-menu label {
    font-weight : 600 !important;
    position    : relative;
    top         : -2px;
}

.list-box-header-gray, .list-box-header-grey {
    background-color : #A6A8AB !important;
}

div.quickview-modal span.ui-icon {
    background-image : url('/js/jquery-ui/images/ui-icons_ffffff_256x240.png');
}

.quickview-statusFlag {
    cursor       : pointer !important;
    margin-left  : 1px !important;
    margin-right : 1px !important;
}

.quickview-aka-icon {
    background : transparent url(/images/bluefin/quickview-aka-icon.png) 0 0 no-repeat;
    background : none, transparent url(/images/bluefin/quickview-aka-icon.svg) 0 0/16px 16px no-repeat;
    display    : block;
    width      : 24px;
}

.quickview-load-icon {
    background   : transparent url('/images/bluefin/quickview-load.png') 0 0 no-repeat;
    background   : none, transparent url('/svg.php?c=2798D5&svg=/images/bluefin/load_individual.svg') 0 0/16px 16px no-repeat;
    height       : 17px;
    margin-left  : auto;
    margin-right : auto;
    width        : 21px;
}

.quickview-load-button-icon {
    background      : transparent url('/images/bluefin/quickview-load.png') 0 0 no-repeat;
    background      : none, transparent url('/svg.php?c=FFFFFF&svg=/images/bluefin/load_individual.svg') 0 0/16px 16px no-repeat;
    border          : none;
    float           : left;
    height          : 17px;
    margin-right    : 6px;
    text-decoration : none;
    width           : 21px;
}

.quickview-load-button-text {
    float : left;
}

/*****************************
    END QuickView
*****************************/

/*****************************
    START In And Out Board
*****************************/

.inout-menu {
    height       : 16px;
    margin-left  : 2px;
    margin-right : 6px;
    margin-top   : 7px;
    width        : 45px;
}

.inout-submenu {
    background-color                   : #F8FAFB;
    border-bottom-left-radius          : 5px;
    border-bottom-right-radius         : 5px;
    color                              : black !important;
    cursor                             : pointer;
    display                            : none;
    height                             : 26px;
    overflow                           : visible;
    padding                            : 1px 10px;
    position                           : absolute !important;
    right                              : 100px;
    top                                : 88px;
    width                              : 95px;
    z-index                            : 25;
    /* try to match .ddsmoothmenu style */
    border-right: solid 1px #8C8C8C;
    border-bottom: solid 1px #8C8C8C;
    border-left: solid 1px #8C8C8C;
    box-shadow: 0 3px 6px rgb(136 136 136 / 50%);
}

.officer-of-the-day, .officer-of-the-day-override, .inout-current-user {
    font-size  : 0.8em !important;
    font-style : italic;
}

.inout-switch, .inout-viewonly {
    height : 16px;
    width  : 45px;
}

.inout-toggle {
    float  : right;
    height : 16px;
    width  : 52px;
}

.inout-toggle.in {
    background : none, transparent url('/content/images/inoutboard/popup_inout_in.svg') 0 0/52px 16px no-repeat;
}

.inout-toggle.in:hover {
    background : none, transparent url('/content/images/inoutboard/popup_inout_in_hover.svg') 0 0/52px 16px no-repeat;
}

.inout-toggle.out {
    background : none, transparent url('/content/images/inoutboard/popup_inout_out.svg') 0 0/52px 16px no-repeat;
}

.inout-toggle.out:hover {
    background : none, transparent url('/content/images/inoutboard/popup_inout_out_hover.svg') 0 0/52px 16px no-repeat;
}

.inout-viewonly {
    background : none, transparent url('/content/images/inoutboard/inout_view.svg') 0 0/45px 16px no-repeat;
}

.inout-viewonly:hover {
    filter: brightness(0.95);
}

.inout-switch.in {
    background : none, transparent url('/content/images/inoutboard/inout_in.svg') 0 0/45px 16px no-repeat;
}

.inout-switch.in:hover {
    background : none, transparent url('/content/images/inoutboard/inout_in_hover.svg') 0 0/45px 16px no-repeat;
}

.inout-switch.out {
    background : none, transparent url('/content/images/inoutboard/inout_out.svg') 0 0/45px 16px no-repeat;
}

.inout-switch.out:hover {
    background : none, transparent url('/content/images/inoutboard/inout_out_hover.svg') 0 0/45px 16px no-repeat;
}

#inout-modal-grid {
    min-height : 50px;
}

#inout-modal-grid tbody[role=rowgroup] tr[role=row] {
    height : 32px;
}

#inout-modal-grid tbody[role=rowgroup] tr[role=row]:nth-child(even) {
    background-color : #EBF4FB;
}

#inout-modal-grid tbody[role=rowgroup] tr[role=row]:hover {
    background-color : #F5F5F5 !important;
}

#officer-of-the-day div.currentDay {
    background-color : var(--lightYellow);
    margin-left      : -12px;
    margin-top       : -6px;
    padding-left     : 12px;
    padding-top      : 6px;
}

#officer-of-the-day-override div.currentDay {
    background-color : var(--lightYellow);
    margin-left      : -12px;
    margin-top       : -6px;
    padding-left     : 12px;
    padding-top      : 6px;
}

.ood, .oood {
    background-color : var(--lightYellow) !important;
}

.you {
    background-color : #F4ECE3 !important;
}

/*****************************
    END In And Out Board
*****************************/

/*****************************
    START CaseLinkPRO Styles
*****************************/

/* Start Check-In Activity List Styles */
.call-log-wrapper {
    border             : 1px solid #26A5DE;
    border-radius      : 5px 5px 0 0;
    height             : 100%;
    margin             : 0 0 20px 0;
    width              : 695px;
}

.call-log-wrapper li {
    float : left;
}

.call-log-wrapper ul.call-log-header {
    background  : #26A5DE;
    color       : #FFFFFF;
    font-weight : 600;
    height      : 24px;
    line-height : 24px;
    margin      : 0px;
    padding     : 0px;
}

ul.call-log-header li {
    /*border-right: 1px solid #fff;*/
    padding : 0 0 0 5px;
}

ul.call-log-results li.resultsli {
    color       : #2B3651;
    height      : 24px;
    line-height : 24px;
    padding     : 0 0 0 5px;
}

ul.call-log-results.zebraEven {
    background : #FFFFFF;
}

.call-log-wrapper li.call-log-dte {
    width : 130px;
}

.call-log-wrapper li.call-log-method {
    width : 82px;
}

.call-log-wrapper li.call-log-identifier {
    width : 107px;
}

.call-log-wrapper li.call-log-status {
    width : 156px;
}

.call-log-wrapper li.call-log-voice {
    width : 118px;
}

.call-log-wrapper li.call-log-audio {
    width : 65px;
}

a.call-log-play {
    background : url("/images/form_elements/jplayer-sprites.png") 0 -58px no-repeat;
}

a.call-log-play:hover {
    background-position : -28px -58px;
}

a.call-log-play.isPlaying {
    background-position : -56px -58px;
}

a.call-log-play.isPlaying:hover {
    background-position : -84px -58px;
}

.call-log-wrapper li.call-log-audio-expanded {
    display  : none;
    float    : none;
    padding  : 0 0 2px;
    position : relative;
    width    : 695px;
}

div.jPlayerWrapper {
    float : right;
    width : 175px;
}

/* End Check-In Activity List Styles */

/* Start Check-In Response Styles */
.check-in-summary-container {
    background         : url(/content/images/caselinkpro/checkin-li-bkg.png) repeat-x;
    border             : 1px solid #26A5DE;
    border-radius      : 5px;
    color              : #2B3651;
    float              : left;
    margin             : 0 0 15px 0;
}

.needs-review {
    border-color : #BE1E2D;
}

.check-in-summary-container ul li {
    border : none;
    float  : left;
    height : 100%;
}

ul.label-container {
    font-size   : 1.2em;
    font-weight : 600;
    height      : 24px;
    line-height : 24px;
}

.check-in-summary-container li.alert-col {
    background : #26A5DE;
    width      : 25px;
}

.check-in-summary-container li.alert-col-trans {
    border-top : 1px dotted #AAAAAA;
    width      : 25px;
}

.check-in-summary-container li.needs-review {
    background : #BE1E2D;
}

.description-container li.alert-col {
    border-top : 1px solid #26A5DE;
}

.description-container li.needs-review {
    border-top : 1px solid #BE1E2D;
}

ul.label-container li a.arrowBullet {
    background : url(/content/images/caselinkpro/checkin-toggle.png) no-repeat 0 0;
}

ul.label-container li.alert-col a {
    display     : block;
    height      : 24px;
    line-height : 24px;
    width       : 25px;
}

ul.label-container a.arrowDown {
    background-position : 0 -25px;
}

.check-in-summary-container li.question-col {
    padding : 0 0 0 20px;
    width   : 440px;
}

.check-in-summary-container li.answer-col {
    padding : 0 0 0 35px;
    width   : 175px;
}

ul.description-container {
    height      : 32px;
    line-height : 32px;
}

ul.description-container.offendermsg {
    height      : auto;
    line-height : inherit;
}

ul.description-container a {
    color           : #2B3651;
    text-decoration : none;
}

ul.description-container a:hover {
    cursor          : pointer;
    text-decoration : underline;
}

.check-in-summary-container li.description-col {
    border-top : 1px dotted #AAAAAA;
    padding    : 0 0 0 20px;
    width      : 240px;
}

.check-in-summary-container li.offendermsg-col {
    border-top  : 1px dotted #AAAAAA;
    line-height : 1.3em;
    padding     : 6px 20px;
    width       : 455px;
}

.check-in-summary-container li.offendermsg-col.noplayer {
    padding-right : 195px;
}

.check-in-summary-container li.player-col {
    border-top  : 1px dotted #AAAAAA;
    float       : right;
    padding     : 0;
    width       : 175px;

    /* needed to properly display multi-line answers */
    height      : unset;
    line-height : 1.5em;
    padding     : 8px 8px 8px 0;
}

.check-in-summary-container li.checkin-address {
    border-top  : 1px dotted #AAAAAA;
    line-height : 14px;
    width       : 235px;
}

.check-in-summary-container li.checkin-address div {
    margin : 3px 0 0 0;
}

.check-in-summary-container li.checkin-phone {
    border-top : 1px dotted #AAAAAA;
    width      : 235px;
}

.check-in-summary-container .checkin-response {
    border-top : 1px dotted #AAAAAA;
    width      : 175px;
}

.checkin-response.mgmt-wrapper {
    float   : left;
    margin  : -7px 0 0;
    padding : 0 0 6px;
}

.checkin-response a {
    display  : block;
    float    : left;
    margin   : 2px 6px 0 0;
    overflow : hidden;
}

.checkin-response a.approve {
    background : url("/images/form_elements/jplayer-sprites.png") 0 -76px no-repeat;
    height     : 28px;
    width      : 28px;
}

.checkin-response a.approve:hover {
    background-position : -28px -76px;
}

.checkin-response a.deny {
    background : url("/images/form_elements/jplayer-sprites.png") -56px -76px no-repeat;
    height     : 28px;
    width      : 28px;
}

.checkin-response a.deny:hover {
    background-position : -84px -76px;
}

.checkin-response a:hover {
    background-position : 0 -30px;
}

/* End Check-In Response Styles */

/* Start jPlayer Override Styles */
div.jp-audio, div.jp-video {
    background : none;
    border     : none;
}

div.jp-audio {
    margin : 2px 0 0 0;
    width  : 175px;
}

div.jp-interface {
    background : none;
}

div.jp-audio div.jp-type-single div.jp-interface {
    background : none, transparent url('/images/bluefin/back.svg') 0 0/16px 16px no-repeat;
    height     : 28px;
}

div.jp-audio ul.jp-controls {
    padding : 0;
    width   : 175px;
}

div.jp-audio div.jp-progress {
    height : 12px;
    top    : 2px;
}

div.jp-audio div.jp-type-single div.jp-progress {
    border             : 1px solid #26A5DE;
    border-radius      : 4px;
    left               : 32px;
    width              : 136px;
}

div.jp-audio div.jp-time-holder {
    top : 15px;
}

div.jp-audio div.jp-type-single div.jp-time-holder {
    left  : 37px;
    width : 128px;
}

a.jp-stop, a.jp-previous, a.jp-next {
    margin : 0;
}

a.jp-play, a.jp-pause {
    height : 28px;
    margin : 0;
    width  : 28px;
}

div.jp-audio, div.jp-video {
    color : #2B3651;
}

/* Dark Blue Text #26A5DE */
div.jp-progress {
    background-color : #EBF4FB;
}

a.jp-play {
    background : url("/images/form_elements/jplayer-sprites.png") no-repeat scroll 0 0 transparent;
}

a.jp-play:hover {
    background : url("/images/form_elements/jplayer-sprites.png") no-repeat scroll -28px 0 transparent;
}

a.jp-pause {
    background : url("/images/form_elements/jplayer-sprites.png") no-repeat scroll -56px 0 transparent;
}

a.jp-pause:hover {
    background : url("/images/form_elements/jplayer-sprites.png") no-repeat scroll -84px 0 transparent;
}

div.jp-seek-bar {
    background : url("/images/form_elements/jplayer-sprites.png") repeat-x scroll 0 -28px transparent;
}

div.jp-play-bar {
    background : url("/images/form_elements/jplayer-sprites.png") repeat-x scroll 0 -43px transparent;
}

/* End jPlayer Override Styles */

/*****************************
    END CaseLinkPRO Styles
*****************************/

/*****************************
*   START Banner/Summary Screen Styles
*/

.ageMinor {
    background-color : #EBF4FB;
    border           : 1px solid var(--heading-color);
    border-radius    : 6px;
    color            : var(--heading-color);
    padding          : 1px 6px;
    text-decoration  : none;
}

.clpLabelRow {
    border-color              : #CCCCCC;
    -moz-border-image         : none;
    border-style              : dashed;
    border-width              : 0 0 1px;
    color                     : #2B3651;
    float                     : left;
    font-size                 : 12px;
    height                    : 15px;
    line-height               : 15px;
    margin                    : 0 0 2px;
    overflow                  : hidden;
    padding                   : 0 0 1px;
    width                     : 100%;
    -moz-border-bottom-colors : none;
    -moz-border-left-colors   : none;
    -moz-border-right-colors  : none;
    -moz-border-top-colors    : none;
}

.clpLabelRow.banner {
    border       : none;
    border-width : 0;
    margin       : 0;
}

.clpLabelRow a {
    color           : inherit;
    text-decoration : none;
}

.clpLabelRow a:hover {
    text-decoration : underline;
}

.clpLabelRow .LabelKey {
    float       : left;
    font-size   : 11px;
    font-weight : 600;
    overflow    : hidden;
    padding     : 0 12px 0 0;
    text-align  : right;
}

.clpLabelRow .LabelValue {
    float    : left;
    overflow : hidden;
}

.clpLabelRow .LabelHeader {
    color       : var(--heading-color);
    font-size   : 11px;
    font-weight : 600;
    height      : 15px;
    line-height : 16px;
    padding     : 3px 12px 2px 0;
}

.clpColumn {
    float  : left;
    margin : 0 25px 0 0;
}

.clpGroup {
    background-color : #FFFFFF;
    border           : 1px solid #BBBBBB;
    border-radius    : 0 6px 6px 6px;
    float            : left;
    margin           : 15px 0 10px 0;
    padding          : 5px 0px 0px 0px;
    position         : relative;
}

.clpGroup.notab {
    border-radius : 6px;
    margin-top    : 0;
}

.clpGroup.red {
    background-color : #D9363C;
    border-color     : #8C151A;
}

.clpGroup.red .clpGroupTab {
    background-color : #D9363C;
    border-color     : #8C151A #8C151A #D9363C;
    color            : #FFFFFF;
}

.clpGroup.red .clpLabelRow {
    border-color : #8C151A;
    color        : #FFFFFF;
}

.clpGroup.green {
    background-color : #BAF7B5;
    border-color     : #71AA6C;
}

.clpGroup.green .clpGroupTab {
    background-color : #BAF7B5;
    border-color     : #71AA6C #71AA6C #BAF7B5;
    color            : #2B3651;
}

.clpGroup.green .clpLabelRow {
    border-color : #71AA6C;
    color        : #2B3651;
}

.clpGroup.purple {
    background-color : var(--lightPurple);
    border-color     : var(--purple);
}

.clpGroup.purple .clpGroupTab {
    background-color : var(--lightPurple);
    border-color     : var(--purple) var(--purple) var(--lightPurple);
    color            : var(--darkPurple);
}

.clpGroup.purple .clpLabelRow {
    border-color : var(--purple);
    color        : var(--darkPurple);
}

.clpGroup.blue {
    background-color : #D2E1ED;
    border-color     : #1B497C;
}

.clpGroup.blue .clpGroupTab {
    background-color : #D2E1ED;
    border-color     : #1B497C #1B497C #D2E1ED;
    color            : #2B3651;
}

.clpGroup.blue .clpLabelRow {
    border-color : #1B497C;
    color        : #2B3651;
}

.clpGroupTab {
    background-color          : #FFFFFF;
    border-color              : #BBBBBB #BBBBBB #FFFFFF;
    -moz-border-image         : none;
    border-radius             : 6px 6px 0 0;
    border-style              : solid;
    border-width              : 1px;
    color                     : #465471;
    font-size                 : 11px;
    font-weight               : 600;
    height                    : 15px;
    left                      : -1px;
    line-height               : 16px;
    padding                   : 0 11px;
    position                  : absolute;
    top                       : -17px;
    -moz-border-bottom-colors : none;
    -moz-border-left-colors   : none;
    -moz-border-right-colors  : none;
    -moz-border-top-colors    : none;
}

.clpGroup .clpLabelRow {
    float: unset;
    margin: unset;
    padding: 2px 11px 2px;
    width: unset;
}

.clpGroup .clpLabelRow:last-child {
    padding-bottom: 5px;
    border-style: none;
    border-radius: 0px 6px 6px 6px;
}

.clpGroup .clpLabelRow.header {
    height: 19px;
    line-height: 19px;
    border-style: none;
    font-weight: bold;
}

.clpGroup .clpLabelRow.header label {
    padding: 2px 11px;
}

.clpGroup .clpLabelRow .LabelValue {
    float: unset;
}

.adcLink {
    background : url("/content/images/form_elements/ADC-login.png") no-repeat scroll 0 0 transparent;
    display    : block;
    float      : left;
    height     : 24px;
    margin     : 2px 0 2px 47px;
    padding    : 0;
    position   : relative;
    width      : 156px;
}

a.bannerShowSummary {
    background            : #626B82;
    border-radius         : 5px;
    color                 : #FFFFFF;
    display               : block;
    font-size             : .8em;
    height                : 16px;
    left                  : 14px;
    margin                : 0;
    min-width             : 89px;
    padding               : 0 2px 0 2px;
    position              : absolute;
    text-align            : center;
}

a.bannerShowSummary:hover {
    color           : #ffffffe2;
    cursor          : pointer;
    text-decoration : none;
}

/*****************************
*   END Banner Mods
*/

#save-userfile-clp {
    background-image    : url(/content/images/form_elements/Doc_Icons_Small_Shield.png);
    background-position : 8px 1px;
    background-repeat   : no-repeat;
    padding-left        : 24px;
}

iframe[id|="twitter-widget"] {
    width : 825px !important;
}

a.toggleMultSelChk {
    color           : var(--heading-color);
    font-style      : italic;
    position        : relative;
    text-decoration : none;
    top             : 9px;
}

.buiAction.viewReport {
    background : transparent url("/content/images/form_elements/view_report.png") 0 0 no-repeat;
    background : none repeat scroll 0 0%, url("/content/images/form_elements/view_report.svg") no-repeat scroll 0 0 / 16px 16px transparent;
}

.incidentReviewed {
    background : transparent url("/content/images/form_elements/incident_reviewed.png") 0 0 no-repeat;
    background : none repeat scroll 0 0%, url("/content/images/form_elements/incident_reviewed.svg") no-repeat scroll 0 0 / 48px 48px transparent;
    height     : 48px;
    margin     : 0px 26px 0px 12px;
    width      : 48px;
}

.incidentReviewedSmall {
    background   : transparent url("/content/images/form_elements/incident_reviewed.png") 0 0 no-repeat;
    background   : none repeat scroll 0 0%, url("/content/images/form_elements/incident_reviewed.svg") no-repeat scroll 0 0 / 20px 20px transparent;
    float        : left;
    height       : 20px;
    margin-right : 10px;
    width        : 20px;
}

.unseal_perm {
    background   : none, transparent url("/content/images/form_elements/unseal_perm.svg") 0 0 / 88px 65px no-repeat;
    display      : block;
    float        : left;
    height       : 65px;
    margin-right : 10px;
    width        : 88px;
}

.unseal_temp {
    background   : none, transparent url("/content/images/form_elements/unseal_temp.svg") 0 0 / 88px 65px no-repeat;
    display      : block;
    float        : left;
    height       : 65px;
    margin-right : 10px;
    width        : 88px;
}

.unseal_button {
    cursor                : pointer;
    float                 : left;
    margin                : 20px;
    width                 : 275px;
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
}

#tempButton {
    background-color : #EDD775;
}

#tempButton:hover {
    background-color : #EDD361 !important;
}

#permButton {
    background-color : #BFDFAF;
}

#permButton:hover {
    background-color : #B1DF9A !important;
}

.unseal_button_text {
    color       : #FFFFFF;
    font-size   : 30px;
    line-height : 65px;
}

.title_underline {
    border-bottom : 1px solid #2E6E9E;
    line-height   : 20px;
}

.dtgdPast {
    height : 20px;
}

.dtgdPast + .dtgdPast {
    margin-top : 6px;
}

.dtgd-list-data-row {
    box-sizing  : border-box;
    line-height : 11px;
    min-height  : 18px;
    padding     : 6px;
    width       : 100%;
}

.dtgd-list-header-row {
    background-color : #1D76BB;
    font-size        : 11px;
    height           : 28px;
    margin-bottom    : 5px;
    width            : 100%;
}

.dtgd-list-header-column {
    color       : #FFFFFF;
    float       : left;
    height      : 22px;
    line-height : 22px;
    padding     : 3px;
}

.dtgd-list-box {
    background-color      : #FFFFFF;
    border                : 1px solid #DDDDEE;
    border-radius         : 2px;
    padding               : 2px;
}

.dtgd-flagicon {
    float        : left;
    height       : 20px;
    margin-right : 10px;
    width        : 20px;
}

.dtgd-flagicon-old {
    float        : left;
    height       : 20px;
    margin-right : 4px;
    width        : 20px;
}

.dtgd-header-background {
    background-color : #C7E0F3;
    display          : block;
    left             : 0px;
    position         : absolute;
    top              : -40px;
    width            : 100%;
    z-index          : -1;
}

.highlightBorder {
    border                : 3px solid #BBDAF3;
    border-radius         : 5px;
    width                 : 100%;
}

.LabelItalic {
    font-style : italic;
}

.LabelLight {
    color       : #6D6E70;
    font-size   : 12px;
    font-weight : 400 !important;
}

.LabelIndent {
    text-indent : 5px;
}

.booking_banner {
    background-color : #EBF4FB;
    box-sizing       : border-box;
    margin-left      : -20px;
    min-height       : 40px;
    padding-top      : 4px;
    position         : fixed;
    top              : 138px;
    z-index          : 9999;
}

.booking_header {
    background-color      : #D2E4F2;
    border-radius         : 3px;
    float                 : left;
    height                : 40px;
    margin-right          : 4px;
    white-space           : nowrap;
}

.booking_header.red {
    background-color : #FCD3C4;
}

.booking_header.green {
    background-color : #CFE5C0;
}

.booking_header_inner {
    padding : 5px 20px 5px 5px;
}

.booking_header_inner_row {
    margin-top : -6px !important;
    overflow: hidden;
}

.booking_header_inner_label {
    line-height : 15px !important;
    margin-top  : 0 !important;
    width       : auto !important;
}

.booking_header_label {
    color       : #919EAF !important;
    margin-top  : 0px !important;
    position    : absolute !important;
    text-indent : 6px !important;
    width       : auto !important;
}

.booking_header_title {
    color       : #000000 !important;
    font-size   : 12px !important;
    text-indent : 6px !important;
    width       : auto !important;
}

.booking_header_action {
    float        : right;
    margin-right : -16px;
    margin-top   : -3px;
}

.redAlert {
    background : none, transparent url("/content/images/form_elements/circle_alert.svg") 0 0 / 16px 16px no-repeat;
    display    : block;
    height     : 16px;
    left       : 2px;
    top        : 2px;
    width      : 16px;
}

.listBoxTallRow .list_body li {
    line-height    : 20px;
    min-height     : 20px;
    vertical-align : middle;
}

.merge_arrows {
    background : none, url("/content/images/form_elements/merge_arrow.svg") no-repeat scroll 0 0/100% 100% transparent;
    border     : none;
    display    : block;
    float      : left;
    height     : 34px;
    width      : 41px;
}

/* CASELOAD */

.primary_caseload_toggle {
    cursor       : pointer;
    display      : block;
    float        : left;
    height       : 25px;
    margin-left  : -2px;
    margin-right : 6px;
    width        : 20px;
}

.primary_caseload_toggle.mini {
    cursor       : pointer;
    display      : block;
    float        : left;
    height       : 12px;
    margin-right : 2px;
    margin-top   : 2px;
    width        : 12px;
}

.primary_caseload_toggle.primary {
    background : none, url("/content/images/form_elements/primcaseload_star.svg") no-repeat scroll 0 0/100% 100% transparent;
}

.primary_caseload_toggle.secondary {
    background : none;
}

.primary_caseload_toggle:not(.mini).secondary:hover {
    background : none, url("/content/images/form_elements/primcaseload_star.svg") no-repeat scroll 0 0/100% 100% transparent;
}

/* EMP CSS */

.emp-right-pane {
    overflow : auto;
    padding  : 12px 0 0 15px;
    position : absolute;
}

.emp-pane {
    background : linear-gradient(to bottom, #D7E8F5 0%, #ECF5FC 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7e8f5', endColorstr='#ecf5fc', GradientType=0); /* IE6-8 */
}

.emp-device-command {
    background : none;
    cursor     : pointer;
    display    : block;
    float      : left;
    margin     : 0;
    padding    : 0;
    position   : relative;
}

.emp_icon {
    background : none;
    cursor     : pointer;
    display    : block;
    float      : left;
    margin     : 0;
    padding    : 0;
    position   : relative;
}

.emp_icon.battery {
    height : 24px;
    width  : 24px;
}

#emp_enrollment_summary_device_commands_cont .emp-device-command {
    height : 40px;
    width  : 40px;
    margin : 0 1px 0 1px;
}

.emp-dashboard-tooltip .device-controls .emp-device-command {
    height       : 12px;
    margin-right : 4px;
    width        : 12px;
}

.emp-device-command.empty-slot {
    background : none, #EBF4FB;
}

/* ***********
 Curfew Check-In Now
 ************* */
.emp-device-command.action-curfew-checkin-now {
    background : none, url("/content/images/emp/curfew_checkin_now.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

/* ***********
 Audible Alert
 ************* */
.emp-device-command.action-audible-alert {
    background : none, url("/content/images/emp/em_audible.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-audible-alert:hover {
    background : none, url("/content/images/emp/em_audible_hover.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-audible-alert.on {
    background : none, url("/content/images/emp/em_audible_on.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

/* ************
 Vibrate Device
 ************** */
.emp-device-command.action-vibrate-alert {
    background : none, url("/content/images/emp/em_vibrate.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-vibrate-alert:hover {
    background : none, url("/content/images/emp/em_vibrate_hover.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-vibrate-alert.on {
    background : none, url("/content/images/emp/em_vibrate_on.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

/* **************
 Immediate Action
 **************** */
.emp-device-command.action-immediate-contact {
    background : none, url("/content/images/emp/em_locate.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-immediate-contact:hover {
    background : none, url("/content/images/emp/em_locate_hover.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-immediate-contact.on {
    background : none, url("/content/images/emp/em_locate_on.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

/* *************
 Rapid Reporting
 *************** */
.emp-device-command.action-rapid-reporting {
    background : none, url("/content/images/emp/em_rapid_report.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-rapid-reporting:hover {
    background : none, url("/content/images/emp/em_rapid_report_hover.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-rapid-reporting.on {
    background : none, url("/content/images/emp/em_rapid_report_on.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

/* *************
 Unclasp Device
 *************** */
.emp-device-command.action-unclasp {
    background : none, url("/content/images/emp/em_unclasp.svg") no-repeat scroll center center/50% 50% #EBF4FB;
}

.emp-device-command.action-unclasp:hover {
    background : none, url("/content/images/emp/em_unclasp_hover.svg") no-repeat scroll center center/50% 50% #EBF4FB;
}

.emp-device-command.action-unclasp.on {
    background : none, url("/content/images/emp/em_unclasp_on.svg") no-repeat scroll center center/50% 50% #EBF4FB;
}


/* ***
 Siren
 ***** */
.emp-device-command.action-siren {
    background : none, url("/content/images/emp/em_siren.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-siren:hover {
    background : none, url("/content/images/emp/em_siren_hover.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-siren.on {
    background : none, url("/content/images/emp/em_siren_on.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

/* **
 Call
 **** */
.emp-device-command.action-call {
    background : none, url("/content/images/emp/em_call.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-call:hover {
    background : none, url("/content/images/emp/em_call_hover.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp-device-command.action-call.on {
    background : none, url("/content/images/emp/em_call_on.svg") no-repeat scroll center center/70% 70% #EBF4FB;
}

.emp_icon.battery.charging {
    background : none, url("/content/images/emp/battery_charging.svg") no-repeat scroll 0 0/100% 100% transparent;
}

.emp_icon.battery.full {
    background : none, url("/content/images/emp/battery_full.svg") no-repeat scroll 0 0/100% 100% transparent;
}

.emp_icon.battery.low {
    background : none, url("/content/images/emp/battery_low.svg") no-repeat scroll 0 0/100% 100% transparent;
}

.emp_icon.battery.critical {
    background : none, url("/content/images/emp/battery_critical.svg") no-repeat scroll 0 0/100% 100% transparent;
}

.emp_icon.battery.dead {
    background : none, url("/content/images/emp/battery_dead.svg") no-repeat scroll 0 0/100% 100% transparent;
}

.emp_battery_level {
    float : left;
}

.emp_enrollment_right_pane_tab {
    background-color : #DDDDDD;
    color            : white;
    cursor           : pointer;
    display          : block;
    float            : left;
    margin-right     : 4px;
    text-decoration  : none;
}

.emp_enrollment_right_pane_tab:hover {
    background-color : #BBBBBB;
    color            : white;
}

.emp_enrollment_right_pane_tab.active {
    background-color : #D7E8F5;
    color            : var(--heading-color);
}

.emp-status-icon {
    float        : left;
    height       : 16px;
    margin-right : 5px;
    width        : 16px;
}

.emp-status-tooltip {
    min-width : 700px;
}

.emp-notes-tooltip {
    min-width : 500px;
}

.emp-enrollment-card {
    margin     : 0 -9px 0 -15px;
    min-height : 43px;
    padding    : 5px 0 5px 15px;
}

.emp-enrollment-card.pending {
    background-color : #E4DEAC;
}

.emp-enrollment-card.pending .button {
    background-color : #E8D47A;
}

.emp-enrollment-card.active {
    background-color : #C2DFB9;
}

.emp-enrollment-card.active .button {
    background-color : #B0D690;
}

.emp-enrollment-card.inactive {
    background-color : #C9E0F1;
}

.emp-enrollment-card.inactive .button {
    background-color : #B6CAF6;
}

.emp-enrollment-card.terminated {
    background-color : #E2BCB6;
}

.emp-enrollment-card.terminated .button {
    background-color : #FF8484;
}

.emp-enrollment-card .button {
    float      : right;
    padding    : 0;
    position   : absolute;
    right      : 0;
    text-align : center;
    top        : 0;
}

.emp-enrollment-card:hover .button {
    display : block;
}

.emp-enrollment-card .button a, .emp-enrollment-card:hover .button a {
    color           : #000000;
    display         : block;
    font-style      : italic;
    height          : 45px;
    line-height     : 45px;
    text-align      : center;
    text-decoration : none;
    width           : 60px;
}

.emp-enrollment-card .button label {
    padding : 0 !important;
}

.emp-tooltipster {
    background    : #FFFFFF;
    border-radius : 5px;
    box-shadow    : 0 0 14px rgba(0, 0, 0, 0.3);
    font-size     : 11px;
    line-height   : 11px;
}

.emp-tooltipster .tooltipster-content {
    padding : 8px 10px;
}

.map-tab-card-outer-container {
    position : relative;
}

.map-tab-card-container {
}

.map-tab-card-container.dashboard {
    bottom     : 0;
    overflow-y : scroll;
    position   : absolute;
    top        : 72px;
    width      : 350px;
}

.emp-dashboard-map-pane .date-controls {
    background-color : #D8EBF7;
    height           : 71px;
    padding          : 11px;
}

.map-tab-card-container .card-header {
    background-color : #D6DFE5;
    color            : #3B4E62;
    font-weight      : 600;
    height           : 2em;
    line-height      : 1.5em;
    width            : 100%;
}

.map-tab-card-container .map-tab-card.dashboard {
    min-height : 2em;
    width      : 100%;
}

.map-tab-card-container .item {
    float    : left;
    height   : 1em;
    overflow : hidden;
    padding  : 3px 5px 3px 5px;
}

.map-tab-card-container .item.number {
    width : 10px;
}

.map-tab-card-container .item.status {
    width : 32px;
}

.map-tab-card-container .item.status img {
    cursor : pointer;
}

.map-tab-card-container .item.offender {
    cursor : pointer;
    width  : 135px;
}

.map-tab-card-container .item.battery {
    width : 65px;
}

.map-tab-card-container .item.active {
    width : 34px;
}

.map-tab-card .on-click-content .item.active {
    width : 12px;
}

.map-tab-card-summary {
    background-color : #FFFFFF;
    font-size        : 11px;
    padding          : 0.5em 0 0.5em 0;
    text-align       : center;
}

.map-tab-card-export {
    background : url(/content/images/emp/excel_download.svg);
    float      : right;
    height     : 11px;
    margin     : 0 0.5em 0.5em 0.5em;
    width      : 25px;
}

.map-tab-card-export:hover {
    background : url(/content/images/emp/excel_download_hover.svg);
}

.map-tab-card {
    background-color : #FFFFFF;
    border-bottom    : 1px solid #CACDD3;
    cursor           : pointer;
    font-size        : 11px;
    padding          : 0.5em 0 0.5em 0;
    width            : 100%;
}

.map-tab-card.dashboard {
    cursor : default;
}

.map-tab-card .record {
    height : 2em;
    width  : 100%;
}

.map-tab-card.active {
    background-color : #FFFEE6;
}

.map-tab-card .on-click-content {
    clear      : both;
    display    : none;
    margin-top : 15px;
    width      : auto;
}

.map-tab-card .additional-content {
    display : none;
}

.map-tab-card.active .on-click-content {
    display : block;
}

.map-tab-card.active .additional-content {
    display : block;
}

.map-tab-card .overview-title, .map-tab-card .overview, .map-tab-card .info-row {
    font-weight : 600;
    height      : 1.2em;
    line-height : 1.2em;
}

.map-tab-card .overview-title .title, .map-tab-card .overview .icon {
    float        : left;
    height       : 1.2em;
    margin-right : 5px;
    width        : 24px;
}

.map-tab-card .overview-title .actions-title, .map-tab-card .overview .actions {
    float       : left;
    margin-left : 75px;
    width       : 60px;
}

.map-tab-card .info-row {
    clear : both;
}

.map-tab-card .info-row.active-policies-row, .map-tab-card .info-row.active-policies-row .info-row-title {
    width : auto;
}

.map-tab-card .info-row-title {
    float       : left;
    font-weight : 600;
    height      : 1em;
    width       : 60px;
}

.map-tab-card .info-row-data {
    height   : 1em;
    overflow : hidden;
}

.map-tab-card .active-policies-row {
    margin-top : 15px;
}

.map-tab-card .overview {
    font-weight : normal;
    margin      : 5px 0 15px 0;
}

.map-tab-card .icon img {
    margin-left : 6px;
}

.map-tab-card .info-row {
    font-weight : normal;
}

.map-tab-card .active-policies {
    border-top   : 1px solid #C9CFD4;
    margin-right : 20px;
    width        : auto;
}

.map-tab-card .active-policy {
    border-bottom : 1px solid #C9CFD4;
    clear         : both;
    height        : 1.5em;
    width         : auto;
}

.map-tab-card .active-policy .policy {
    width : 206px;
}

.map-tab-card .additional-content {
    height  : auto;
    margin  : 0;
    padding : 0;
}

.map-tab-card.active .additional-content, .map-tab-card.active .on-click-content {
    margin       : 1em 0 0.5em 12px;
    padding-left : 1em;
}

.additional-content .address-title {
    font-weight : 600;
    width       : 100%;
}

.additional-content .address {
    margin-bottom : 5px;
}

.additional-content .address label {
    color     : inherit;
    font-size : 1em;
}

.additional-content .policy-violation-title {
    font-weight : 600;
    height      : 1em;
    margin-top  : 0.5em;
    width       : auto;
}

.additional-content .policy-violation-data {
    height : 1em;
}

.additional-content .info-row {
    height     : 1em;
    margin-top : 3px;
    width      : 100%;
}

.info-image-cont {
    height: 20em;
    display: flex;
    width: 100%;
    margin-top: 1em;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.info-image {
    height: 100%;
}

.info-row-column {
    float  : left;
    height : 1em;
    width  : 50%;
}

.info-row .info-title {
    float       : left;
    font-weight : 600;
    width       : auto;
}

.info-row .info-data {
    float       : left;
    margin-left : 3px;
    width       : auto;
}

.map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_normal.svg);
    background-size : 13px 13px;
    float           : left;
    height          : 13px;
    margin          : 5px;
    width           : 13px;
}

.map-tab-card.violation .map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_alert.svg);
    background-size : 13px 13px;
}

.map-tab-card.grace .map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_grace.svg);
    background-size : 13px 13px;
}

.map-tab-card.visit .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_complete.svg);
    background-size : 13px 13px;
}

.map-tab-card.visit.active .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_complete.svg);
    background-size : 13px 13px;
}

.map-tab-card.visit-in-progress .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_in_progress.svg);
    background-size : 13px 13px;
}

.map-tab-card.visit-in-progress.active .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_in_progress.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_0 .map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_keepaway_0.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_1 .map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_keepaway_1.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_2 .map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_keepaway_2.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_3 .map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_keepaway_3.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_4 .map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_keepaway_4.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_5 .map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_keepaway_5.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_6 .map-tab-card-track-icon {
    background      : url(/content/images/emp/trackpoint_keepaway_6.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_visit_0 .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_keepaway_0.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_visit_1 .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_keepaway_1.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_visit_2 .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_keepaway_2.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_visit_3 .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_keepaway_3.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_visit_4 .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_keepaway_4.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_visit_5 .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_keepaway_5.svg);
    background-size : 13px 13px;
}

.map-tab-card.away_visit_6 .map-tab-card-track-icon {
    background      : url(/content/images/emp/visit_keepaway_6.svg);
    background-size : 13px 13px;
}

.map-tab-card-row {
    height      : 1em;
    line-height : 1em;
    margin-left : 12px;
    padding     : 0.5em 1em 0 1em;
}

.map-tab-card-track-id {
    float : left;
}

.map-tab-card-battery {
    float        : right;
    margin-right : 0;
    overflow     : hidden;
    width        : 70px;
}

.map-tab-card-individual {
    float : left;
}

.map-tab-card-battery img {
    float  : left;
    height : 18px;
    margin : -3px 1px 0 0;
    width  : 18px;
}

.map-tab-card-date {
    float : left;
}

.map-tab-card-signal {
    float      : right;
    margin-top : 2px;
}

.signal-strength {
    height      : 10px;
    line-height : 11px;
    width       : 50px;
}

.signal-strength-solid-circle {
    background-color : #757C8E;
    border-radius    : 50%;
    float            : left;
    height           : 8px;
    margin-left      : 2px;
    width            : 8px;
}

.signal-strength-open-circle {
    background-color : #757C8E;
    border-radius    : 50%;
    float            : left;
    height           : 8px;
    margin-left      : 2px;
    width            : 8px;
}

.signal-strength-open-circle .open-circle-inner {
    background-color : #FFFFFF;
    border-radius    : 50%;
    height           : 6px;
    margin           : 1px;
    width            : 6px;
}

.emp-go-button {
    background-color      : #337ABE;
    border-radius         : 50%;
    color                 : #FFFFFF !important;
    cursor                : pointer;
    height                : 23px;
    line-height           : 23px;
    margin                : -2px 0 0 0 !important;
    text-align            : center;
    width                 : 23px !important;
}

.map-modifiers {
    height      : 40px;
    left        : 50%;
    padding-top : 8px;
    position    : absolute;
    right       : 10px;
    top         : 0;
}

.emp-go-button:hover {
    background-color : #5597D1;
}

.emp-map-modifier {
    display      : block;
    float        : right;
    height       : 24px;
    margin-right : 2px;
    width        : 24px;
}

.emp-map-modifier.share {
    background : url(/content/images/emp/share_map.svg);
}

.emp-map-modifier.share:hover {
    background : url(/content/images/emp/share_map_hover.svg);
}

.emp-map-modifier.visit {
    background : url(/content/images/emp/visit_toggle_active.svg);
}

.emp-map-modifier.visit.inactive {
    background : url(/content/images/emp/visit_toggle_inactive.svg);
}

.emp-map-modifier.visit.inactive:hover {
    background : url(/content/images/emp/visit_toggle_inactive_hover.svg);
}

.emp-map-modifier.direction {
    background : url(/content/images/emp/direction_toggle_active.svg);
}

.emp-map-modifier.direction.inactive {
    background : url(/content/images/emp/direction_toggle_inactive.svg);
}

.emp-map-modifier.direction.inactive:hover {
    background : url(/content/images/emp/direction_toggle_inactive_hover.svg);
}

.emp-map-modifier.line {
    background : url(/content/images/emp/line_toggle_active.svg);
}

.emp-map-modifier.line.inactive {
    background : url(/content/images/emp/line_toggle_inactive.svg);
}

.emp-map-modifier.line.inactive:hover {
    background : url(/content/images/emp/line_toggle_inactive_hover.svg);
}

.emp-map-modifier.global {
    background : url(/content/images/emp/global_toggle_active.svg);
}

.emp-map-modifier.global.inactive {
    background : url(/content/images/emp/global_toggle_inactive.svg);
}

.emp-map-modifier.global.inactive:hover {
    background : url(/content/images/emp/global_toggle_inactive_hover.svg);
}

.emp-map-modifier.hidden {
    background : url(/content/images/emp/hidden_toggle_active.svg);
}

.emp-map-modifier.hidden.inactive {
    background : url(/content/images/emp/hidden_toggle_inactive.svg);
}

.emp-map-modifier.hidden.inactive:hover {
    background : url(/content/images/emp/hidden_toggle_inactive_hover.svg);
}

.emp-map-modifier.away {
    background : url(/content/images/emp/keepaway_active.svg);
}

.emp-map-modifier.away.inactive {
    background : url(/content/images/emp/keepaway_inactive.svg);
}

.emp-map-modifier.away.inactive:hover {
    background : url(/content/images/emp/keepaway_inactive_hover.svg);
}

.emp-floating-icon {
    float        : left;
    height       : 16px;
    margin-right : 8px;
    width        : 16px;
}

.emp-dashboard-icon {
    height : 12px;
    width  : 12px;
}

.emp-schedule {
    background : none, url("/content/images/emp/calendar.svg") no-repeat scroll 0 0/100% 100% transparent;
}

.emp-schedule:hover {
    background : none, url("/content/images/emp/calendar_hover.svg") no-repeat scroll 0 0/100% 100% transparent;
}

.emp-green-add {
    background   : none, url("/images/form_elements/newadd.svg") no-repeat scroll 0 0/100% 100% transparent;
    display      : inline-block;
    float        : left;
    height       : 16px;
    margin-right : 8px;
    width        : 16px;
}
.emp-green-add:hover {
    background : none, url("/images/form_elements/newadd_hover.svg") no-repeat scroll 0 0/100% 100% transparent;
}

.map-playback-controls {
    height   : 40px;
    left     : 0;
    padding  : 8px 0 0 20px;
    position : absolute;
    right    : 50%;
    top      : 0;
}

.play_controls {
    display      : block;
    float        : left;
    height       : 24px;
    margin-right : 2px;
    width        : 24px;
}

.map-playback-scrubber {
    left     : 10px;
    position : absolute;
    right    : 10px;
    top      : 35px;
}

.playback-info {
    color       : #68798C !important;
    float       : left;
    line-height : 24px;
    margin-left : 10px;
}

.map-playback-scrubber.ui-widget-content {
    border : 1px solid #FFFFFF;
}

.map-playback-scrubber .ui-slider-range {
    background : #8391A6 !important;
}

.map-playback-scrubber.ui-slider {
    background : #C3D4E2;
}

.map-playback-scrubber .ui-slider-handle {
    background : #2B3651;
}

.play_controls.jump_to_beginning {
    background : url(/content/images/emp/jump_to_beginning.svg);
}

.play_controls.jump_to_beginning:hover {
    background : url(/content/images/emp/jump_to_beginning_hover.svg);
}

.play_controls.rewind {
    background : url(/content/images/emp/rewind.svg);
}

.play_controls.rewind:hover {
    background : url(/content/images/emp/rewind_hover.svg);
}

.play_controls.play {
    background : url(/content/images/emp/play.svg);
}

.play_controls.play:hover {
    background : url(/content/images/emp/play_hover.svg);
}

.play_controls.play.playing {
    background : url(/content/images/emp/pause.svg);
}

.play_controls.play.playing:hover {
    background : url(/content/images/emp/pause_hover.svg);
}

.play_controls.fast_forward {
    background : url(/content/images/emp/fast_forward.svg);
}

.play_controls.fast_forward:hover {
    background : url(/content/images/emp/fast_forward_hover.svg);
}

.play_controls.jump_to_end {
    background : url(/content/images/emp/jump_to_end.svg);
}

.play_controls.jump_to_end:hover {
    background : url(/content/images/emp/jump_to_end_hover.svg);
}

.dashboard-toggle {
    cursor : pointer;
    height : 32px;
    width  : 64px;
}

.dashboard-toggle.institutions {
    float      : right;
    margin-top : 3px;
}

#emp-dashboard-audio-toggle {
    background : url(/content/images/emp/em_audioalert_off.svg);
    cursor     : pointer;
    height     : 24px;
    margin-top : 4px;
    width      : 24px;
}

#emp-dashboard-audio-toggle.active {
    background : url(/content/images/emp/em_audioalert_on.svg);
}

.dashboard-grid-highlight {
    background-color : #FBF9BE !important;
}

.dashboard-on-call {
    background : url(/content/images/emp/on_call.svg);
    cursor     : pointer;
    display    : block;
    height     : 28px;
    width      : 28px;
}

.dashboard-on-call:hover {
    background : url(/content/images/emp/on_call_hover.svg);
}

.dashboard-toggle.map {
    background : url(/content/images/emp/dashboard_toggle_map.svg);
}

.dashboard-toggle.map:hover {
    background : url(/content/images/emp/dashboard_toggle_map_hover.svg);
}

.dashboard-toggle.list {
    background : url(/content/images/emp/dashboard_toggle_list.svg);
    margin     : 0;
}

.dashboard-toggle.list:hover {
    background : url(/content/images/emp/dashboard_toggle_list_hover.svg);
}

.emp-dashboard-map-pane {
    float        : left;
    height       : 100%;
    margin-right : 10px;
    width        : 350px;
}

.emp-dashboard-map {
}

.fill-height {
    height : 100%;
}

.emp-dashboard-auto-fill {
    bottom   : 0;
    left     : 0;
    position : absolute;
    right    : 0;
    top      : 40px;
}

.emp-dashboard-tooltip {
    min-width : 250px;
}

.emp-dashboard-tooltip .header {
    background-color        : #808184;
    border-top-left-radius  : 5px;
    border-top-right-radius : 5px;
    color                   : #FFFFFF;
    font-size               : 1.2em;
    font-weight             : 600;
    height                  : 1.5em;
    line-height             : 1.5em;
    margin                  : -8px 0 0 -10px;
    padding                 : 3px 10px 3px 10px;
    width                   : 100%;
}

.emp-dashboard-tooltip .statusFlagSetStandard {
    margin : 0;
}

.emp-dashboard-tooltip .row {
    height  : 1em;
    padding : 0.5em 0 0.5em 0;
    width   : 100%;
}

.emp-dashboard-tooltip .image {
    margin-top : 0.5em;
}

.emp-dashboard-tooltip .image img {
    border-radius : 5px;
}

.emp-dashboard-tooltip .flags {
    float : left;
}

.emp-dashboard-tooltip .supervision {
    color : #EA2327;
    float : left;
}

.emp-dashboard-tooltip .left-column {
    float : left;
    width : 29.5%;
}

.emp-dashboard-tooltip .right-column {
    float : left;
    width : 69.5%;
}

.emp-dashboard-tooltip .title {
    color       : #45638E;
    font-size   : 1em;
    font-weight : 600;
    margin-top  : 0.5em;
    width       : 100%;
}

.emp-dashboard-tooltip .phone-row {
    height       : 1em;
    padding-left : 20px;
    width        : 100%;
}

.emp-dashboard-tooltip .phone-type {
    float         : left;
    font-weight   : 600;
    width         : 125px;
    text-overflow : ellipsis;
    white-space   : nowrap;
    overflow      : hidden;
}

.emp-dashboard-tooltip .phone-number {
    float : left;
}

.emp-dashboard-tooltip .info {
    padding-left : 20px;
}

.check-button-wrapper {
    float        : left;
    margin-right : 1px;
}

.check-button-wrapper .ui-state-default {
    background    : 0;
    border        : 1px solid #BFC7CC;
    color         : #000000;
    font-weight   : 600;
    padding-right : 0 !important;
    text-align    : center;
}

.check-button-wrapper .ui-button-text {
    font-style : italic;
    padding    : 3px 5px 3px 5px;
}

.check-button-wrapper label.chkActive {
    background-color : #2797D4;
    color            : #FFFFFF;
}

.schedule-helper {
    background-color : #929497 !important;
    color            : #FFFFFF !important;
}

.listAction.email {
    background : url(/content/images/emp/email.svg);
}

.listAction.expire {
    background : url(/content/images/emp/expire.svg);
}

.listAction.expire:hover {
    background : url(/content/images/emp/expire_hover.svg);
}

/* END EMP */

.loadIndividual {
    background      : none, url("/content/images/form_elements/clp_loadind.svg") no-repeat scroll 0 0/100% 100% transparent;
    cursor          : pointer;
    float           : left;
    height          : 25px;
    text-decoration : none;
    text-decoration : none;
    width           : 25px;
}

.loadIndividual:hover {
    background      : none, url("/content/images/form_elements/clp_loadind_hover.svg") no-repeat scroll 0 0/100% 100% transparent;
    text-decoration : none;
}

/* Dynamic Forms */

.assessment-section-guideentry {
    padding-left: 10px; text-align: left;
}

.assessment-section-guideentry ul + p {
    margin-left: 8px;
}

.assessment-section-title, .dynamic-form-review-title, .assessment-section-information {
    background-color: #6E7DAA;
    padding: 5px 5px 0 10px;
}

div.col_wrapper .assessment-section-title label,
div.col_wrapper .dynamic-form-review-title label,
div.col_wrapper .assessment-section-information label {
    color: white;
}

.assessment-section-title + .min_div + .assessment-section-information {
    margin-top: -10px;
}

.assessment-section-title.child-control {
    background-color: transparent;
    padding-left: 10px;
}

.assessment-section-information label p strong {
    font-weight: normal;
}

.dynamic-form-control-wrapper, .dynamic-form-review-wrapper {
    padding : 10px 10px 5px 15px;
}

.assessment-review-divider {
    border-bottom : 1px solid #63B2D6;
    margin        : 5px 0 5px 0;
    width         : 100%;
}

.dynamic-form-control-wrapper.child-control, .dynamic-form-section-wrapper.child-control {
    background-color : #FFFFFF;
}

.dynamic-form-review-wrapper {
    background-color : #FFFFEB;
}

.dynamic-form-control.child-control {
    border-left  : solid 5px #E3E5F4;
    padding-left : 10px;
}

.dynamic-form-control-depth-1 {
    background-color : #E3E5F4;
}

.dynamic-form-control-depth-2 {
    padding-left : 40px;
}

.dynamic-form-control-depth-3 {
    padding-left : 80px;
}

.dynamic-form-control-depth-4 {
    padding-left : 120px;
}

.dynamic-form-control-depth-5 {
    padding-left : 160px;
}

.dynamic-form-control-depth-6 {
    padding-left : 200px;
}

.dynamic-form-control-depth-7 {
    padding-left : 240px;
}

.dynamic-form-control h3, .assessment-section-title h3 {
    padding : 5px 5px 5px 0;
}

.dynamic-form-control p, .assessment-section-title p {
    padding : 5px 5px 5px 0;
}

.dynamic-form-control ul, .assessment-section-title ul {
    padding-left : 10px;
}

.dynamic-form-control-wrapper .show-static {
    background-color: #FFF385;
    padding: 3px;
    font-weight: 650;
}

.assessment-review-left {
}

.assessment-review-right {
}

/* End Dynamic Forms */

/* CASE PLAN CSS */

.casePlanButton {
    background-color : transparent;
    border-color     : #FFFFFF;
    color            : #FFFFFF;
    float            : right;
    font-weight      : bold;
    height           : 25px;
    line-height      : 18px;
    margin-bottom    : -5px;
    margin-right     : 6px;
    margin-top       : 4px;
    position         : relative;
    width            : 40px;
}

.casePlanButton:hover {
    background-color : #FFFFFF;
    border-color     : #FFFFFF;
    color            : #929497;
}

.casePlanButtonComplete:hover {
    color : #8BC540;
}

.casePlanGroupHeader {
    background : none, transparent url(/content/images/form_elements/incomplete_gray.svg) 0 0/20px 20px no-repeat;
}

.casePlanGroupHeaderVerified {
    background : none, transparent url(/content/images/form_elements/complete_white.svg) 0 0/20px 20px no-repeat;
}

.casePlanPrevious {
    background : none, transparent url(/content/images/caseplan/CP_Prev.svg) 0 0/135px 32px no-repeat !important;
    bottom     : 10px;
    cursor     : pointer;
    display    : block;
    float      : left;
    height     : 32px;
    left       : 10px;
    position   : absolute;
    width      : 135px;
    z-index    : 10000;
}

.casePlanPrevious:hover {
    background : none, transparent url(/content/images/caseplan/CP_Prev_hover.svg) 0 0/135px 32px no-repeat !important;
}

.casePlanNext {
    background : none, transparent url(/content/images/caseplan/CP_Next.svg) 0 0/94px 32px no-repeat !important;
    bottom     : 10px;
    cursor     : pointer;
    display    : block;
    float      : right;
    height     : 32px;
    position   : absolute;
    right      : 10px;
    width      : 94px;
    z-index    : 10000;
}

.casePlanNext:hover {
    background : none, transparent url(/content/images/caseplan/CP_Next_hover.svg) 0 0/94px 32px no-repeat !important;
}

.hiddenButton {
    visibility : hidden;
}

#CasePlanReview_cont {
    background-color : #C7D3DD;
    box-sizing       : border-box;
    height           : auto;
    left             : 0;
    margin           : 0;
    padding          : 0;
    position         : absolute;
    top              : 0;
    width            : 100%;
}

#CasePlanReviewGoalBridge_cont {
    top : 120px;
}

.ReviewTitle {
    color       : var(--heading-color);
    font-size   : 18px;
    height      : 18px;
    left        : 20px;
    line-height : 18px;
}

.CasePlanReviewBreadCrumb {
    background-color      : #9DA9B7;
    border                : none;
    border-radius         : 20px;
    box-sizing            : border-box;
    color                 : #FFFFFF;
    cursor                : pointer;
    float                 : left;
    font-size             : 14px;
    font-weight           : bold;
    height                : 32px;
    line-height           : 32px;
    outline               : none;
    padding               : 0;
    text-align            : center;
    width                 : 32px;
}

.CasePlanReviewCurrentBreadCrumb {
    background : #FAAF40 none;
}

.CasePlanReviewCompletedBreadCrumb {
    background  : none, #FFFFFF url(/content/images/form_elements/completed_check_nopad.svg) 0 0/32px 32px no-repeat;
    text-indent : -999px;
}

.CasePlanReviewBreadCrumb + .CasePlanReviewBreadCrumb {
    margin-left : 25px;
}

.CasePlanReviewBreadCrumb + .CasePlanReviewBreadCrumb::before {
    border-bottom : 5px solid #90959C;
    box-sizing    : border-box;
    content       : '';
    display       : block;
    float         : left;
    height        : 19px;
    margin-left   : -22px;
    width         : 19px;
}

.CasePlanCloseAndFinishLater {
    bottom      : 18px;
    box-sizing  : content-box;
    color       : var(--heading-color);
    cursor      : pointer;
    font-size   : 1.2em;
    font-weight : bold;
    margin-left : -20px;
    position    : absolute;
    text-align  : center;
    width       : 100%;
}

.CasePlanReviewListActionEdit {
    background  : none, transparent url(/content/images/form_elements/modern_actions_edit.svg) 0 0/16px 16px no-repeat;
    color       : #BBC0C5 !important;
    display     : block;
    font-size   : 1.2em;
    height      : 16px;
    text-indent : 19px;
    width       : 16px;
}

.CasePlanReviewListActionEdit:hover {
    background      : none, transparent url(/content/images/form_elements/modern_actions_edit_hover.svg) 0 0/16px 16px no-repeat;
    color           : #929497 !important;
    display         : block;
    font-size       : 1.2em;
    height          : 16px;
    text-decoration : none !important;
    text-indent     : 19px;
    width           : auto;
}

.CasePlanReviewListActionView {
    background  : none, transparent url(/content/images/form_elements/modern_actions_view.svg) 0 0/16px 16px no-repeat;
    color       : #BBC0C5 !important;
    display     : block;
    font-size   : 1.2em;
    height      : 16px;
    text-indent : 19px;
    width       : auto;
}

.CasePlanReviewListActionView:hover {
    background      : none, transparent url(/content/images/form_elements/modern_actions_view_hover.svg) 0 0/16px 16px no-repeat;
    color           : #929497 !important;
    display         : block;
    font-size       : 1.2em;
    height          : 16px;
    text-decoration : none !important;
    text-indent     : 19px;
    width           : auto;
}

.CasePlanNeedExpand {
    display: block;
    width: auto;
    height: 16px;
    text-indent: 19px;
    color: #BBC0C5 !important;
    font-size: 1.2em;
    background: none, transparent url(/content/images/caseplan/CP_Need_Expand.svg) 0 0/16px 16px no-repeat;
}

.CasePlanNeedExpand:hover {
    color: #929497 !important;
    background: none, transparent url(/content/images/caseplan/CP_Need_Expand_hov.svg) 0 0/16px 16px no-repeat;
}

.CasePlanNeedCollapse {
    display: block;
    width: auto;
    height: 16px;
    text-indent: 19px;
    color: #BBC0C5 !important;
    font-size: 1.2em;
    background: none, transparent url(/content/images/caseplan/CP_Need_Collapse.svg) 0 0/16px 16px no-repeat;
}

.CasePlanNeedCollapse:hover {
    color: #929497 !important;
    background: none, transparent url(/content/images/caseplan/CP_Need_Collapse_hov.svg) 0 0/16px 16px no-repeat;
}

.CasePlanGoalExpand {
    display: block;
    width: auto;
    height: 16px;
    text-indent: 19px;
    color: #BBC0C5 !important;
    font-size: 1.2em;
    background: none, transparent url(/content/images/caseplan/CP_Goal_Expand.svg) 0 0/16px 16px no-repeat;
}

.CasePlanGoalCollapse {
    display: block;
    width: auto;
    height: 16px;
    text-indent: 19px;
    color: #BBC0C5 !important;
    font-size: 1.2em;
    background: none, transparent url(/content/images/caseplan/CP_Goal_Collapse.svg) 0 0/16px 16px no-repeat;
}

.CasePlanGoalEdit {
    display: block;
    width: auto;
    height: 16px;
    text-indent: 19px;
    color: #BBC0C5 !important;
    font-size: 1.2em;
    background: none, transparent url(/content/images/caseplan/CP_Need_AddEdit.svg) 0 0/16px 16px no-repeat;
}

.CasePlanGoalEdit:hover {
    color: #929497 !important;
    background: none, transparent url(/content/images/caseplan/CP_Need_AddEdit_hov.svg) 0 0/16px 16px no-repeat;
}

.CasePlanGoalView {
    display: block;
    width: auto;
    height: 16px;
    text-indent: 19px;
    color: #BBC0C5 !important;
    font-size: 1.2em;
    background: none, transparent url(/content/images/caseplan/CP_Need_View.svg) 0 0/16px 16px no-repeat;
}

.CasePlanGoalView:hover {
    color: #929497 !important;
    background: none, transparent url(/content/images/caseplan/CP_Need_View_hov.svg) 0 0/16px 16px no-repeat;
}

.CasePlanNeedAddEdit {
    display: block;
    width: auto;
    text-decoration: none;
    height: 16px;
    text-indent: 15px;
    font-size: 0.9em;
    line-height: 19px;
    background: none, transparent url(/content/images/caseplan/CP_Need_AddEdit.svg) 0 0/16px 16px no-repeat;
}

.CasePlanNeedAddEdit:hover {
    text-decoration: underline;
    background: none, transparent url(/content/images/caseplan/CP_Need_AddEdit_hov.svg) 0 0/16px 16px no-repeat;
}

/* END CASE PLAN CSS */

#zone-creation-map {
    float : left;
}

#sfrm-title-menu .k-i-arrow-s {
    display : none;
}

#sfrm-title-menu .k-item, #sfrm-title-menu .k-group {
    background-color : #CDDBE8;
    border           : none;
}

#sfrm-title-menu .k-state-active, #sfrm-title-menu .k-item:hover {
    background-color : #B3C4D8;
}

#sfrm-title-menu .root-node, #sfrm-title-menu .root-node > .k-state-active, #sfrm-title-menu .root-node:hover {
    background-color : transparent;
}

#sfrm-title-menu a {
    color : #333333;
}

#sfrm-title-menu .k-i-arrow-e {
    background : none;
}

/*
 * HACK: the 50% offset defined in kendo.common-bluefin.css
 *       is causing a vertical alignment issue now
 */
.k-menu.k-menu-vertical .k-item > .k-link > .k-i-arrow-e {
    top: unset;
}

.noble-link, .compass-link {
    cursor     : pointer;
    text-align : center;
    width      : 100%;
    height     : 35px;
    float      : left;
}

.noble-link img, .compass-link img {
    margin : 10px 0 0 0;
}

.summary-alert {
    background-color : #E53B2B;
    color            : #FFFFFF;
    font-size        : 13px;
    margin-bottom    : 8px;
    padding          : 6px;
    text-transform   : uppercase;
}

.summary-alert .shield {
    background   : url(../../images/AlertShield.svg) no-repeat 0 0/16px 16px;
    padding-left : 18px;
}

.summary-warning {
    background-color : #EFC31B;
    border-radius    : 5px 5px 0 0;
    font-size        : 13px;
    font-weight      : 600;
    margin-bottom    : 3px;
    padding          : 4px 8px;
}

.clp-player {
    display: flex;
    position: relative;
    background-color: #CFD1E5;
    border-radius: 5px;
    height: 25px;
}

.clp-player .button {
    background-color: #FFFFFF;
    border-radius: 50%;
    height: 21px;
    width: 21px;
    border: none;
    margin: 2px 0 2px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clp-player .button:hover {
    background-color: #f0f0f0;
}

.clp-player .scrubber {
    position: absolute;
    border-radius: 5px;
    height: 15px;
    left: 65px;
    right: 5px;
    top: 5px;
}

.clp-player .controls {
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 5px;
    height: 15px;
    left: 65px;
    right: 5px;
    top: 5px;
}

.clp-player .progress {
    position: absolute;
    background-color: var(--form-header-color);
    border-radius: 5px;
    width: 0;
    top: 0;
    left: 0;
    height: 15px;
}

.clp-player .total-time {
    position: absolute;
    right: 5px;
}

.clp-player .current-time {
    position: absolute;
    left: 5px;
}

.clp-player .play-arrow {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid var(--form-header-color);
    position: absolute;
    top: 7px;
    left: 12px;
}

.clp-player .pause-lines {
    width: 0;
    height: 13px;
    border-style: double;
    border-width: 0 0 0 10px;
    border-color: var(--form-header-color);
}

.tcm-eligibility {
    border-radius: 5px;
    border: solid 2px #7B7D81;
    min-height: 1.2em;
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
    margin: 5px 0 5px -2px;
}

.tcm-eligibility .not-eligible {
    width: 100%;
    background-color: #2A2925;
    height: 2px;
}

.tcm-eligibility .icon {
    height: 1.2em;
    width: 1.2em;
    margin: 5px 5px 5px 10px;
    float: left;
    border: 2px solid #2A2925;
    border-radius: 50%;
}

.tcm-eligibility .icon .inner {
    border: 2px solid #2A2925;
    border-top: none;
    border-right: none;
    height: 4px;
    width: 8px;
    margin: 2px 0 0 1px;
    transform: rotate(-45deg);
}

.tcm-eligibility .icon .inner-x-l {
    position: absolute;
    height: 11px;
    width: 2px;
    background-color: #2A2925;
    margin-left: 5px;
    margin-top: 1px;
    transform: rotate(-45deg);
}

.tcm-eligibility .icon .inner-x-r {
    position: absolute;
    height: 11px;
    width: 2px;
    background-color: #2A2925;
    margin-left: 5px;
    margin-top: 1px;
    transform: rotate(45deg);
}

.tcm-eligibility .title {
    margin-top: 7px;
    font-size: 1.2em;
    letter-spacing: 2px;
    float: left;
}

.tcm-eligibility .description {
    width: 100%;
    margin: 2px 5px 0 10px;
    float: left;
}

.tcm-eligibility.red, .tcm-activity-action.red {
    background-color: #ED5857;
}

.tcm-eligibility.yellow, .tcm-activity-action.yellow {
    background-color: #EFDE64;
}

.tcm-eligibility.green, .tcm-activity-action.green {
    background-color: #A1D667;
}

.tcm-eligibility.gray, .tcm-activity-action.gray {
    background-color: #85888A;
}

/**
 * Styles specific to the Court Case Events modal on the Juvenile Referral page
 * These are currently prefixed using the exact element ID where they will be used to avoid any conflicts
 */

#courtCaseEventCol { font-size: 120%; }

#courtCaseEventCol .list a { color: white; }

#courtCaseEventCol .list a:hover { text-decoration: none; }

#courtCaseEventCol #dateSortDir { margin-left: 4px; }

#courtCaseEventCol .list_body li {
    height: unset; /* rows can contain more than one line, so allow row height to be unbounded */
    padding: 4px;
}

#courtCaseEventCol .eventDate {
    display: inline-block;
    width: 288px;
}

#courtCaseEventCol .dueDate {
    display: inline-block;
    width: 144px;
}

#courtCaseEventCol .smallNote { color: #666666; }

#courtCaseEventCol div.smallNote {
    padding-top: 6px;
    font-size: 83%;
}

#courtCaseEventCol div.smallNote .pbk {
    display: flex;
    white-space: normal;
}

#courtCaseEventCol div.smallNote .pbk-column {
    width: 50%;
    display: inline-block;
}

#courtCaseEventCol div.smallNote .pbk-list-item {
    float: none;
    padding: 0;
}

.favorite-crime {
    float: left;
    cursor: pointer;
    height: 25px;
    width: 25px;
    margin: 0;
}

.favorite-crime input, .favorite-crime .chk_image_box {
    display: none;
}

.favorite-crime .chk_image_check {
    background: 0;
    color: #d6d6d6;
}

.favorite-crime .chk_image_check:after {
    content: 'star_outline';
}

.favorite-crime .chk_image_check.chkActive {
    color: #efc319;
}

.favorite-crime .chk_image_check.chkActive:after {
    content: 'star_rate';
}