html{
 height:100%;
 min-height:100%;

 }
body {
    /*touch-action: none;*/
}

body, .ui-page {
 /*padding-top: constant(safe-area-inset-top) !important; 
 padding-top: env(safe-area-inset-top) !important; */
    -ms-overflow-style: none;
    min-height:100% !important;
    -webkit-touch-callout: none;/*TESTING*/
    touch-action: pan-x pan-y;    
}

h3 {
    -webkit-margin-before:0.3em;
    -webkit-margin-after:1.0em;
}
.center-wrapper {
    text-align:center;
}
.center-wrapper * {
    margin:0 auto;
}
.flag {
    color: #ed1c24;
}
.success {
    color: #86BB71; /*#009245;   */ 
}
.dull {
    color: #a3a3a3;
}
.success_light {
    color: #00df69;
}
.green {
    color: #86BB71; /*#009245;   */ 
}
.red {
    color: #ed1c24;    
}
.yellow {
    color: #FFD700;    
}
.orange {
    color: #eaaf51; /* #FF8C00;*/
}

.dark {
    color: #333333;
}

.unExported {
	color: #ed1c24 !important;
    text-shadow: none !important;
}

.redbg {
    background-color: #ed1c24 !important;
    color:#fff !important;
    text-shadow: none !important;
}


.redbgVideo {
    background-color: #ed1c24 !important;
    color:#000 !important;
    text-shadow: none !important;
}

.blue {
    color: #94C2ED; /*#3388cc;  */ 
}
.white {
    color:#fff;
}

.transparent {
    opacity: 0.6;
}

.shadow {
    text-shadow: 0 0 3px #000;
}

.alertText {
    color: #ed1c24;
    font-weight: bold;
    font-style: italic;
}

#user_name {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 10px;
    color: #fff;
    
}
.detailFlags {
    float:right;
}

#reg_no {
    font-size: 1.0em;
    color: #fff;
}

.ui-btn-left {
    z-index:6000;
}
.ui-btn-right {
    /*z-index:6000; DISABLE THIS DUE TO MAP LAYER CONTROL*/
}

.sectionHeader {
    vertical-align: middle;
    display: -webkit-box;
    display: -webkit-flex;
    display:flex; 
    align-items: center;
    background-color: #3388cc;
      margin: -16px;
      padding: 10px 20px 8px 20px;
      margin-bottom: 10px;
      color: #fff;
      text-shadow: none;
}

.sectionText {
    font-size: 1.4em;
    padding-top:2px;
    padding-left:6px;
}
.sectionIconRight {
    margin-left: auto;
}
.rightPadding {
    padding-right: 10px;
}

.sectionHeader .ui-slider-switch { width: 7em };


.wideButton {
  padding-left: 20px !important;
  padding-right: 20px !important;    
}

.noMargin {
    margin:0px !important;
}

.list_icon {
    float: left;
    width: 60px;
    text-align: center;
    margin-left: -10px;
}

.menuTitle {
    font-weight: bold;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

.autocomplete-suggestions { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete-suggexstion { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete-suggestion .selected { background:#F0F0F0; }
.autocomplete-suggestion div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete-suggestion strong { font-weight:normal; color:#3399FF; }

.ps-caption{
    opacity:0.8 !important;
    display:block !important;
}

.ps-toolbar{
    opacity:0.8 !important;
    display:table !important;
}  

.ui-collapsible-heading .ui-btn-text{ display:block;}
.ui-collapsible-heading .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px;  border-radius: 1em 1em 1em 1em; background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;  border: 1px solid #CCCCCC; color: #222222;font-weight: bold;text-shadow: 0 1px 0 #FFFFFF; }

.footer-docs {
    clear: both;
    color: #666;
    text-align: center;
}

.mapIconTitle a {
    font-weight: bold!important;
    font-size:14px;
}


.ui-li-headerbutton {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    padding: .2em .5em;
    top: 15%;
    margin-top: -.9em;
    right: 0px;
}

.messageBlock{
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);                                      
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     width: 100%;
     border: 1px solid;
     color: #fff;
     padding: 5px;
     position: block;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     animation: animate-bg 5s linear infinite;
}

.message{
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);                                      
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     width: 100%;
     border: 1px solid;
     color: #fff;
     padding-top: 5px;
     padding-bottom: 5px;
     position: fixed;
     _position: absolute;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     animation: animate-bg 5s linear infinite;
     z-index:5000;
}

.message.info{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}

.message.error{
     background-color: #de4343;
     border-color: #c43d3d;
}
     
.message.warning{
     background-color: #eaaf51;
     border-color: #d99a36;
}

.message.success{
     background-color: #61b832;
     border-color: #55a12c;
}

.message.offline{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}

.ui-header.info{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}

.ui-header.error{
     background-color: #de4343;
     border-color: #c43d3d;
}
     
.ui-header.warning{
     background-color: #eaaf51;
     border-color: #d99a36;
}

.ui-header.success{
     background-color: #61b832;
     border-color: #55a12c;
}

.ui-header.offline{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}
.ui-header.pause{
     background-color: #eaaf51;
     border-color: #d99a36;
}


.message h3{
     margin: 0 0 5px 0;                                                  
}

.message p{
     margin: 0;                                                  
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}
.ui-popup {
	overflow-y:auto !important;
    overflow-x: auto !important;
}

/*general Popups*/
#popupSettings-popup, #popupFeedBack-popup, #login_2FAWearable-popup, #login_2FANFC-popup {
    width: 90%;
    left: 5%;
    right: 5%;
    max-width: 800px !important;
}
/* Notes Popups*/
#NoteDetail_popupNoteTakers-popup,#NoteDetail_popupRelatedNotes-popup,#NoteDetail_popupAttachments-popup,#NoteDetail_popupShowAttributes-popup, #NoteEdit_popupTune-popup, #NoteDetail_popupNewComment-popup, #NoteDetail_popupTags-popup, #NoteDetail_popupAddTag-popup  {
    width: 90%;
    left: 5%;
    right: 5%;
    max-width: 800px !important;
}

/* Citation Popups*/
#Citation_occurrencePersonPopulate-popup, #Citation_occurrenceLocationPopulate-popup, #Citation_occurrenceVehiclePopulate-popup, #Citation_ChargePopup-popup, #Citation_vehicleSearchResult-popup, #Citation_locationSearchResult-popup, #Citation_personLocationSearchResult-popup, #Citation_personSearchResult-popup,  #Citation_popupRecentLocation-popup, #Citation_personLocationPopulate-popup, #Citation_ROPersonSearchResult-popup, #Citation_ROLocationSearchResult-popup, #Citation_warnings-popup, #Citation_mapLoc-popup, #IRS_mapLoc-popup {
    width: 90%;
    left: 5%;
    right: 5%;
    max-width: 800px !important;
}
 
/* Report Popups*/
#ReportDetails_popupInsert-popup, #ReportDetails_PopupQuickTextInsert-popup, #OccurrenceDetails_popupReportTask-popup, #ReportDetails_popupReportTask-popup, #ReportDetails_popupTune-popup {
    width: 90% !important;
    max-width: 800px !important;
}

/* Tasking Popups*/
#TaskDetails_popupRemark-popup, #TaskDetails_popupCancel-popup, #TaskDetails_popupReset-popup, #TaskDetails_popupRework-popup {
    width: 90%;
    left: 5%;
    right: 5%;
    max-width: 800px !important;
}

/* Note Edit Popups*/
#NoteEdit_popupInsert-popup.ui-popup-active,#NoteEdit_PopupQuickTextInsert-popup.ui-popup-active, #NoteEdit_PopupInsertSummaryTextInsert-popup.ui-popup-active{ /*this required 20 hours of my life to figure out*/
    width: 90% !important;
    max-width: 800px !important;
}

/* Form Popups*/
#submitForm_occurrencePersonPopulate-popup, #submitForm_personLocationPopulate-popup, #submitForm_occurrenceLocationPopulate-popup, #submitForm_occurrenceVehiclePopulate-popup, #OccurrenceDetails_linkNotePopup-popup, #OccurrenceDetails_linkFormPopup-popup, #formMenu_linkFormPopup-popup,#CitationDetails_linkFormPopup-popup,#formMenu_linkFormPopup-popup, #OccurrenceDetails_addFormPopup-popup {
    width: 90%;
    left: 5%;
    right: 5%;
    max-width: 800px !important;
}

/* Virtual Response Popups*/
#OccurrenceDetails_newRequest-popup, #OccurrenceDetails_newInterviewPopup-popup, #Interview_quickTextPopup-popup {
    width: 90%;
    left: 5%;
    right: 5%;
    max-width: 800px !important;
}



#NoteDetail_popupAddAttachment-popup,#Squad_popupMemberDetail-popup,#NoteSearch_popupSelFlag-popup {
    width:300px;
}


/* Messaging Popups*/
#MessageDetails_popupMembers-popup, #popupShareDiscussion-popup {
    width:300px;
}

/*system popups*/
#PrintMonitor_popupPrinters-popup, #PrintMonitor_squadMemberSelect-popup {
    width: 90%;
    left: 5%;
    right: 5%;
    max-width: 800px !important;
}

#externalSearchresults-popup, #PIPReportDetail-popup {
    width: 90%;
    left: 5%;
    right: 5%; 
    max-width: 800px !important;
}

.detailGroup {
    display:inline!important;
    font-weight: bold!important;
}

.forcefull {
    white-space: nowrap !important;
    overflow: visible !important;
}


#menuHeader {
    width:100%;
    padding: 10px 0 10px 0;
    display: block;
   vertical-align: middle;
    background-image: url(../images/police-light-bar.jpg); 
    background-repeat: no-repeat; 
    /*background-position: center;
    background-attachment: fixed;   */    
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.middle {
    width:50%;
    display: inline-block;
}
.left {
    padding-top:30px;
    width:25%;
    float:left;
}
.right {
    padding-top:30px;
    width:25%;
    float:right;
}

.avatar {
    background-size: 80px 80px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

.avatar-crest {
    width: 80px;
    height: 80px;
}


.avatar-large {
    background-size: 120px 120px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    height:120px;
    width:120px;
}

.button-set {
    float:right;
    margin-right:10px;
}

#highlightInfo {
    font-weight: bold;
}

.menutext {
    position: absolute;
    margin-top: 11px;
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
 
}

.panelMenutext {
    position: absolute;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
 
}

.menutextSmall {
    position: absolute;
    margin-top: 7px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
}

.menuicon {
    display:inline-block;
    width:55px;
    text-align: center;
}

.ui-icon-fa-p {
    margin-top: 6px;
    margin-bottom: 0px;
}

.menuiconright {
    float: right;
    padding-right: 10px;
}

.situational_source {
    margin-left:-5px;
}

.situationalIcon {
    display:inline-block;
    width:25px;
    text-align: center;
}

.situationalText {
    position: absolute;
    margin-top: 5px;
    margin-left: 12px;
    font-size: 16px;
}

.map {
    margin:-16px;
}

#Situational, #NoteHistory {
    height: 100%;
    margin: 0;
    padding: 0;
}

#Situational .ui-panel-wrapper { 
     height: 100%!important;
}

#Situational .mapHolder {
    height: 100%!important;
    width: 100%!important;
    position: absolute!important;
    top: 0px!important;
    left: 0px!important;
    z-index: 10!important;
    overflow: hidden;
    touch-action:none;
    -ms-touch-action: none;
}

#NoteHistory .mapHolder {
    height: 100%!important;
    width: 100%!important;
    /*height: calc(100% - 45px);*/
    position: absolute!important;
    top: 0px!important;
    left: 0px!important;
    z-index: 10!important;
    overflow: hidden;
    touch-action:none;
    -ms-touch-action: none;
}

.mapHolder .kmlBubble {
    overflow: auto;
    max-height: 400px;
}


.removeMargin {
    margin-top: -16px;
    margin-left: -16px;
    margin-right: -16px;
    max-width: inherit;
}

/*fix for photoswype on android/blackberry*/
body.ps-active, 
body.ps-building, 
div.ps-active, 
div.ps-building, 
div.ps-uilayer {
    background: transparent !important;
}

#PersonDetails_Name {
    -webkit-margin-before: 0.0em;
}

.audioPage {
  position: relative;
}

#audioRecorder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.fa {
    text-shadow: none;
}

.popupTextarea{
    height: 200px !important;
    max-height: 200px !important;
    overflow:auto !important;  
}

.popupLongTextarea{
    height: 400px !important;
    max-height: 400px !important;
}


.overflowTextarea {
    overflow:auto !important; 
}

.popupContent {
    width:100%;
    max-height: 300px !important;
    overflow:auto !important;  
    -webkit-overflow-scrolling: touch;
}

.popupTopPadding {
    padding-top:20px;
}

.popupPadding {
    padding-left:20px;
    padding-right:20px;
}

.bodyPadding {
    padding-left:10px;
    padding-right:10px;
}

/*sync header*/
#syncHeader h3 {
    margin: 0!important;
}
input {
    font-family:'FontAwesome',sans-serif;
}

/* scrolling text in popups*/
.leaflet-popup-content {
    -webkit-overflow-scrolling: touch;
    overflow:auto;  
    text-shadow: none;
}

.leaflet-popup-content-wrapper, .leaflet-popup-close-button {
    margin-top:43px;
}

.leaflet-popup {
    padding-bottom:20px;
}

.leaflet-map-control-box {
    width:40px;
    height:40px;
}

/*#Situational_Header {
    position: initial;
}
#Situational_ZoomHeader {
    margin:0% !important;
}
*/

.editoricon {
    padding:5px;
    text-align: center;
}


#noteDetail { /* specify page */
    /*height: 100%;*/
    min-height: 100% !important;
    padding: 0;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}

#noteDetail .ui-content {
  padding: 0;
  margin-left: 5px;
  margin-right: 5px;
}

.ui-content { /* divs will inherit page's height */
  height: inherit;
  border-width: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 1em;
}

.popup-content {
    padding:10px;
    overflow:auto !important;
}

.noteReadOnly {
    margin-bottom: 50px;
    margin-left:-10px;
    margin-right:-10px;
}
#editNavbar {
    /*position: fixed;
    width:100%;
    top: 0;*/
    position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      width: 100%;
}
.scrollingPopup {
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
    max-height:600px;
}
.headerImage {
    height: 30px;
    /*width: 30px;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.menuSpace {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}

.ui-listview.wrapping p {
    white-space: normal !important;
}

.ui-btn i {
    margin-right:10px;
}

.fullWidthLongPopupListHolder {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    max-height: 250px;
    margin-left:-16px !important;
    margin-right:-16px !important;
}

.fullWidthLongPopupList {
    padding-left:16px !important;
    padding-right:16px !important;
}

.longPopupList {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    max-height: 350px;
}

.popupListSmall a {
    font-size: 0.8em;
}

.scrolling {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

#NoteEdit,#ReportDetails { /* this is for the editor pages*/
    overflow: hidden;
    /*min-height: 460px !important;*/
    width:100%;
}


.scrollingDiv {
    overflow:auto !important;
    -webkit-overflow-scrolling: touch;
    max-height: 250px !important;
}

.scrollingDivLong {
    overflow:auto !important;
    -webkit-overflow-scrolling: touch;
    max-height: 350px !important;
}


.editContainer {
    width:100%;
    height:100%;
}

.fixfixed .noteEditor {
    width:100%;
    height:100%;
}

.fixHeader {    
    height:42px;
    width:100%;
}

@media only screen and (max-width: 767px) {
    #NoteEdit_editContent{
        height:100%;
    }
    #ReportEdit_editContent{
        height:100%;        
        margin-right: 0 !important;
        width: 100%;
    }
    /* Styles for mobile devices */
}/*Mobile*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
}/*Tablet*/

@media only screen and (min-width: 1025px) {
    .fixfixed .noteEditor {
       height: 100%;
    }      
    #NoteEdit_editContent{
        height:100%;
        margin-right: 0 !important;
    }
    #ReportEdit_editContent{
        height:100%;
        margin-right: 0 !important;
        width: 100%;
    }    
}/*Desktop*/


#menuPanel {
    width:272px;
}

.hiddenHeader {
    z-index:50!important;
}

.hideHeader {
    padding-top:0px !important;
}




video {
    min-height: 100%; 
    min-width: 100%; 
    height: 100%;
    width: 100%;
}

.videoHolder {
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .liveVideoFeed {
        max-width:80%; 
        max-height:60%;
        min-width:80%;
        min-height:450px;
        width:80%;
        height:60%;
        margin: 0 auto;
    }

    .videoHolder {
        max-width: 80%;
        max-height: 60%;
        margin: 0 auto; 
        display: flex; 
        justify-content: center;
        align-items: center;
    }
}




#mainMenuIcon, #secondMenuIcon, #offlineBar, #offlineMenuIcon {
    padding-top:10px;
    padding-bottom:10px;
    background-color: #2a2a2a;
}

#offlineBar h3 {
    color:#fff;
    text-shadow: none !important;
}

.subText {
    margin-left: 10px;
    margin-right: 10px;
}

.ui-block-a.icon {
    width: calc(100% - 45px);
}
.ui-block-b.icon {
    width: 45px;
    margin-top:12px;
    padding-left:7px;
}

.ui-block-a.twoicon {
    width: calc(100% - 80px);
}
.ui-block-b.twoicon {
    width: 80px;
    margin-top:12px;
    padding-left:7px;
}

.rightSubButton {
    /*position: absolute;
    top: 55px;
    right: 10px;*/
    float:right;
}

/*Force ListItem to have standard size icon*/
li.ui-li-has-thumb img {
    width: 80px;
    height: 80px; 
}

.photoHolder {
    position: relative;
    max-width:100%;
    max-height:95%;
}

.photoHolder img {
    width: 100%;
    height:100%;
}

.photoHolder .editIcon 
{
    position: absolute;
    bottom: 5px;
    right: 0px;
}

.split-custom-wrapper {
    /* position wrapper on the right of the listitem */
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.split-custom-button {
    position: relative;
    float: right;   /* allow multiple links stacked on the right */
    height: 100%;
    margin:0;
    margin-top:23px;
    min-width:3em;
    /* remove boxshadow and border */
    border:none;
    moz-border-radius: 0;
    webkit-border-radius: 0;
    border-radius: 0;
    moz-box-shadow: none;
    webkit-box-shadow: none;
    box-shadow: none;
}

.split-custom-button span.ui-btn-inner {
    /* position icons in center of listitem*/
    position: relative;
    margin-top:50%;
    margin-left:50%;
    /* compensation for icon dimensions */
    top:11px; 
    left:-12px;
    height:40%; /* stay within boundaries of list item */
}

.signaturePad {
    width:350px;
    height:130px;
    border:dashed 1px red;
}

canvas.jSignature {
    width:350px;
    height:130px !important;
    background-color: white;
    color:black;
}

.messageBar {
    position:relative;
    z-index:30;
    margin-left:-16px;
}


.chat-history {
    padding: 0px 0px 0px;
    margin-bottom:0px;
    overflow-y: scroll;
    list-style:none;
}
    
.chat-history .chat-message-data {
    margin-bottom: 15px;
    font-size:10pt;
}
    
.chat-history .chat-message-data-time {
    color: lighten(#EDEDED, 8%);
    padding-left: 6px;
}
    
.chat-history .chat-message {      
    color: white;
    padding: 10px 10px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
    text-shadow: none!important;
}

.chat-history .chat-message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #94C2ED;
    border-width: 10px;
    margin-left: -10px;
}

    
.chat-history .chat-my-message {
    background: #94C2ED;
}
    
.chat-history .chat-other-message {
    background: #86BB71;
}

.chat-history .chat-other-message:after {
    border-bottom-color: #86BB71;
    left: 93%;
}
 
.entry-message {
    padding: 5px;
}
    
.entry-message .entry-message-text {
    width: 100%;
    border: none;
    padding: 5px 5px;
    margin-bottom: 10px;
    resize: none;
    height:50px;
    max-height:50px;
}
    
.entry-message .entry-message-button {
    border: none;
    width: 55%;
    height: 19px;
    font-size: 13pt;
}

.online, .offline, .me {
    margin-right: 3px;
    font-size: 10px;
  }
 
.align-left {
  text-align: left;
}

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

.float-right {
  float: right;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.ui-bar-embedded {
    margin-top:-16px;
    margin-left:-16px;
    margin-right:-16px;
}

.rotate{
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.rotate.down{
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.rotate.side{
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

#index {
    /*background: url(../images/road-ahead4.png) no-repeat center center;default background*/
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    text-shadow: none !important;
    color: #fff;
	background-color: #666;
}

#index [data-role="header"] {
    background: transparent;
    border-style:none;
}
#index [data-role="content"] {
    background: transparent;
}




#services.ui-page{
    /*background: url(../images/road-ahead2.png) no-repeat center center;*/
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    text-shadow: none !important;
    color: #fff;
	background-color: #666;
}

#services .ui-panel-wrapper
{
    background: transparent;
}
#services [data-role="header"] {
    background: transparent;
    border-style:none;
}
#services [data-role="content"] h2 {
    background: transparent;
    color: #fff;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

#index [data-role="content"] h2 {
    background: transparent;
    color: #fff;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}


.ui-footer {
    margin-bottom: constant(safe-area-inset-bottom); /*for iPhoneX*/
}

.noPageMargin {
    margin: -16px;
}

@media all and (max-width: 50em) {
	.my-breakpoint .ui-block-a, 
	.my-breakpoint .ui-block-b, 
	.my-breakpoint .ui-block-c,
	.my-breakpoint .ui-block-d,
	.my-breakpoint .ui-block-e { 
		width: 100%; 
		float:none; 
	}
}

.iHand {
    cursor: pointer;
}

#PersonSearch_capture {
    width:100%;
}

.topSpace {
    padding-top:20px;
}

.leftAlign {
    text-align: left;
}

#LocationDetails_Header {
    opacity:0.3;
    height: 200px;
    margin:-16px; 
}
#LocationDetails_HeaderContent {
    position: absolute;
    top: 16px;
    left: 16px;
    width:100%;
}

[data-role="content"] {
    height: inherit !important;
    padding-bottom:20px;
}
.fullheight {
    height: inherit !important;
    padding-bottom:10px;
}


.ui-panel-inner {
    background-color: #333333;
}

.largeMarginTop {
    margin-top:110px !important;
}

.ui-header.ui-fixed-hidden {
    position: fixed !important;
}

.ui-footer.ui-fixed-hidden {
    position: fixed !important;
}

#winjsdatetimepickerContainer {
    text-shadow:none;
    color:white;
}

.ui-panel-inner .ui-field-contain .ui-controlgroup-controls {
	/*for Officer Layer radio button*/
	width:100% !important;
}

#PDF { /* specify page */
    height: 100% !important;
    min-height: 100% !important;
    padding: 0;
}

#PDF .ui-content {
    height: 100% !important;
    padding: 0;
    margin-left: 0px;
    margin-right: 0px;
}

#pdf-js-viewer {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;

}

#Citation_map, #IRS_map {
	height:300px;
}

#PIPContent {
	height:350px;
}


/* POPUP for dynamic pages (e.g. PIP) */
.modal {
  display: none; 
  position: fixed;
  z-index: 1; 
  left: 0;
  top: 0;
  width: 100%; 
  background-color: #333333;
}

.modal-header {
  padding-bottom: 10px;
  color: #FFF;
  text-shadow: none;
}

.modal-content {
  padding: 20px;
  color: #FFF;
  text-shadow: none;
}

.modal-footer {
	padding: 10px;
	min-height: 45px;
}
/* END POPUP for dynamic pages (e.g. PIP) */


.hiddenFile {
	position:absolute;
	top:-100px;
}

/* START Form render CSS */
.formbuilder-checkbox {
	margin-bottom:25px;
}

.formbuilder-checkbox input[type="radio"] {
	display:inline;
}

.formbuilder-checkbox label {
	display:inline;
}

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

.formbuilder-radio input[type="radio"] {
	display:inline;
}

.formbuilder-radio label {
	display:inline;
}
/* END Form render CSS */

/* Begin PWA CSS addins */
body.ui-mobile-viewport, div.ui-mobile-viewport {
    overflow-y: auto;
}
/* .ui-mobile .ui-page-active {
    overflow-x: visible !important;
} */

.ui-mobile .ui-page-active{
    overflow-x: visible !important;  
}

#NoteListing_loadmore_holder{
    margin:1em !important;
}
.LoadMore_Holder {
    min-height:100px;
    padding:20px;
}

/* Adjustments made for pinch and zoom */
.scrollable-div {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    position: relative !important;
}
.image-container {
    width: 100% !important;
}
#CitationContent{
    padding-bottom:50px
}

/* Adjustments for the form renderer list items */
.rendered-form .formbuilder-checkbox-group input[type=checkbox], .rendered-form .formbuilder-checkbox-group input[type=radio], .rendered-form .formbuilder-radio-group input[type=checkbox], .rendered-form .formbuilder-radio-group input[type=radio]{
    Margin:-2px !important;
}
.formbuilder-checkbox-group .checkbox-group{
    margin-top: 10px;
}
    
#CitationDetails_addFormPopup-popup{
    min-width: 420px;   
}

.bottomRightAbsolute {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 9999;
}

.bottomRightAbsoluteLeft {
    position: fixed;
    bottom: 45px;
    right: 30px;
    z-index: 9999;
}

.bottomRightAbsoluteRight {
    position: fixed;
    bottom: 45px;
    right: 80px;
    z-index: 9999;
}

.spinner {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  #NoteEdit_editHeader{
    height: 40px;
    padding-top: 10px;
  }
  #ReportDetails_editHeader{
    height: 40px;
    padding-top: 10px;
  }  
  #NoteDetail_notes {
      word-break: break-word;
      overflow-wrap: break-word;
  }
  .fr-wrapper {    
    overflow-y: auto !important;
  }
  

  .custom-ai-icon {
    background: url('/images/Ai.png') no-repeat center;
    width: 30px;
    height: 30px;
  }
  .custom-ai-icon path {
    fill: #ffffff;
  }
  .icon-space{
    margin-top:2px;
    margin-bottom:1px;
    margin-right:5px;
    margin-left:5px;
  }

  .custom-ai-blue-icon {
    background-image: url('/images/Ai-Blue.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
  }

    .ui-popup {
        z-index: 9999 !important;
    }

    .small-text {
        font-size: 14px !important;
    }

    .large-text {
        font-size: 18px !important;
    }

    .extra-large-text {
        font-size: 24px !important;
    }

    #NoteEdit_popupRedact{
        z-index: 2147483647;
    }

    .fr-view {
        height: 100% !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .fr-box {
        text-shadow: none;
    }

    .recordingStatus {
        position: absolute;
        top: 65px;
        font-size: 10pt;
        text-shadow: none;
        right: 60px;
        color: white;
    }

    .froala-editor {
        border-radius: 0 !important;
    }
    
    /* Remove rounded corners from the toolbar if needed */
    .fr-wrapper, .fr-toolbar, .fr-second-toolbar{
        border-radius: 0 !important;
    }

    /* Full-height iframe styling */
#UserManualChapter_iFrame_Container {
    position: relative; /* Changed from fixed to relative */
    height: 650px; /* Set a reasonable default height */
    margin-top: 0px; /* Space between content and iframe */
    margin-left: -1em;
    margin-right: -1em;
    display: none; /* Hidden by default, will be shown via JavaScript when needed */
}

#UserManualChapter_iFrame {
    width: 100%;
    height: 100%;
    border: none;
}

#Interview .ui-content {
    padding: 0;
    margin-left: 0px;
    margin-right: 0px;
}