﻿/* this file is common for all states irrespective of the website color. 
    So color specific changes must be done in the respective state files or color files    */

.field-label {
    border-radius: 0;
    text-shadow: none;
    font-weight: 400;
    display: inline-block;  
    margin:0px;
}

.srslabel  { 
    color:darkgray;
   background-color:darkgray;
}


.jtableAlignRight
{
    text-align: right;
}



.newAudit { 
    background-color: #99FF00; display:inline-block;
}

.updateAudit { 
    background-color: #15f4ee; display:inline-block;
}

.deleteAudit {
    background-color: #FF69B4; display:inline-block;
}

.extractAudit {
    background-color:yellow; display:inline-block;
}

.jtableAlignCenter
{
    text-align: center;
}
 .input-disabled{background-color:#EBEBE4;}


div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
height: auto !important;
margin-left: 4px;
}
div.jtable-column-header-container {height: auto !important;}


.displayText {  
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none; 
}
    
.forum {
     display:inline-block;
}
        .forum:hover { background-color: #F3F315; display:inline-block;}

input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl
{
    margin:0px;
}

input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    content: "County  \a0\a0 Agency"!important;
    width:80px!important;
    background-color:#468fcc!important;
    border-color:#468fcc!important;
}
.ace.ace-switch.ace-switch-5:checked+.lbl::after {
    left: 60px!important;
    background-color:#FFF!important;
}

.control-label-2 {
    margin-top: -8px;
}

.form-group-2{
        line-height: 2.7;
}

.widget-color-danger>.widget-header {
    background: #a94442;
    border-color:#a94442 !important;
}
.widget-color-success > .widget-header {
    background: #82af6f;
    border-color: #82af6f !important; 
}


.widget-color-orange>.widget-header {
    background: #ff892a!important;
    border-color:#ff892a!important;
}
 
.widget-color-Green > .widget-header {
    background:  #82af6f!important;
    border-color:  #82af6f!important;
}

.widget-box-green {
    border-color : #82af6f!important;
}

div #VisualLines {
    font-family: 'Lucida Console', Monaco, monospace;
}

        .fix-pad-left, .fix-pad-right, .fix-pad-mid {
    clear: none !important;
}

.fix-pad-left {
    padding-left: 3px !important;
}

.fix-pad-right {
    padding-right: 3px !important;
}

.fix-pad-mid {
    padding: 3px 3px !important;
}
.form-group {
    padding: 0;
    margin: 0;
}

.form-horizontal .form-group {
    margin-left: 0px!important;
    margin-right:0px !important;
}

.input-group.input-group-unstyled input.form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}

/*.input-group-unstyled {
    display:inline;
}*/

.post {
   position: relative;
   background-color: #fff;
   -webkit-box-shadow: 0 1px 3px rgba(100, 100, 100, 0.4), 0 0 40px rgba(100, 100, 100, 0.1) inset;
   -moz-box-shadow: 0 1px 3px rgba(100, 100, 100, 0.4), 0 0 40px rgba(100, 100, 100, 0.1) inset;
   box-shadow: 0 1px 3px rgba(100, 100, 100, 0.4), 0 0 40px rgba(100, 100, 100, 0.1) inset;
}
.rptdescription { position: absolute;
                  right:2px;
                  top:2px;
                  display : none;
}

.folded-corner {
   width: 0px;
   height: 0px;
   position: absolute;
   top: -1px;
   right: -1px;
   border-width: 0;
   border-style: solid;
   background: hsla(260,5%,60%,0.2);
   -webkit-box-shadow: 2px -2px 0px #fff, 0 1px 1px rgba(0,0,0,0.1), -1px 1px 1px rgba(0,0,0,0.1);
   -moz-box-shadow: 2px -2px 0px #fff, 0 1px 1px rgba(0,0,0,0.1), -1px 1px 1px rgba(0,0,0,0.1);
   box-shadow: 2px -2px 0px #fff, 0 1px 1px rgba(0,0,0,0.1), -1px 1px 1px rgba(0,0,0,0.1);
   -webkit-border-bottom-left-radius: 15px;
   -moz-border-radius: 0 0 0 15px;
   border-radius: 0 0 0 15px;
   border-color: #fff #fff transparent transparent;
   -webkit-transition: border-width 0.2s ease-out;
   -moz-transition: border-width 0.2s ease-out;
   -ms-transition: border-width 0.2s ease-out;
   -o-transition: border-width 0.2s ease-out;
   transition: border-width 0.2s ease-out;
}
.post:hover .folded-corner {border-width: 0 40px 40px 0;
}
.post:hover .rptdescription{display : block;
}

.highChartTable table, td, th
{
    border: 1px solid #D8D8D8;
    padding: 3px;
}

#HighChartTableOfContent 
{
    max-height:400px;
    overflow:auto;
}
#HighChartTableOfContent table
{
    margin-left: 20px;
}

.chosen-container-single{
padding: 1px 0px 1px 0px !important;
color:#858585 !important;
}

.chosen-container-multi {
    padding: 1px 0px 1px 0px !important;
    background-image: none !important;
    color:#858585 !important;
}

.chosen-search, .chosen-choices, .chosen-single {
    border: 1px solid #d5d5d5 !important;
    background-image: none !important;
    color:#858585 !important;
    min-height: 34px !important;
}

.chosen-container-multi .chosen-choices li.search-choice
{
    margin: 6px 0 4px 6px !important;
    color:#858585 !important;
}
.chosen-drop {
    border: 1px solid #d5d5d5 !important;
    color:#858585 !important;
}

.chosen-container>.chosen-single, [class*=chosen-container]>.chosen-single
{
    min-height:34px !important;
}

.row {
    margin-left: -11px !important;
    margin-right: -10px !important;
}

.chosen-search.has-error, .chosen-choices.has-error, .chosen-single.has-error .input-group .input-group-addon
{
    border-color:#f09784 !important
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.carousel-caption {
top:39px;    
}

.HeaderTextAlign{
font-family: 'Helvetica Neue', sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 1; 
text-shadow: 0px 2px 3px #428bca;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
}

.HeaderTextAlignTab{
font-family: 'Helvetica Neue', sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 1; 
/*text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;*/
text-shadow: 0px 1px 1px #4d4d4d;
}
.carousel-caption-mobile{
top:-10px;    
padding-right: 30px;
}

.HeaderTextAlignMobile{
font-family: 'Helvetica Neue', sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 1; 
/*text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;*/
text-shadow: 0px 1px 1px #4d4d4d;
}



 .Group1
 {
     background-color:beige;
 }

 .Group2
 {
     background-color:aliceblue;
 }

 .Group3
 {
     background-color:antiquewhite;
 }

 .Group4{
     background-color:#f1f1f1;
 }

 
 
 .Group5{
     background-color:#dfdfdf;
 }

 

/*#sidebar {
    margin-top: -19px;
}*/

.ui-icon-closethick {
    display:none;
}

/* CSS Loader */
.cssload-loader {
	width: 112px;
	height: 112px;
	line-height: 112px;
	margin: 37px auto;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	z-index: 0;
	text-transform: uppercase;
		-o-text-transform: uppercase;
		-ms-text-transform: uppercase;
		-webkit-text-transform: uppercase;
		-moz-text-transform: uppercase;
}

.cssload-loader:before,
.cssload-loader:after {
	opacity: 0;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	content: "\0020";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 75px;
	border: 4px solid rgb(0,0,0);
	box-shadow: 0 0 37px rgb(0,0,0), inset 0 0 37px rgb(0,0,0);
		-o-box-shadow: 0 0 37px rgb(0,0,0), inset 0 0 37px rgb(0,0,0);
		-ms-box-shadow: 0 0 37px rgb(0,0,0), inset 0 0 37px rgb(0,0,0);
		-webkit-box-shadow: 0 0 37px rgb(0,0,0), inset 0 0 37px rgb(0,0,0);
		-moz-box-shadow: 0 0 37px rgb(0,0,0), inset 0 0 37px rgb(0,0,0);
}

.cssload-loader:after {
	z-index: 1;
	animation: cssload-gogoloader 3.2s infinite 1.6s;
		-o-animation: cssload-gogoloader 3.2s infinite 1.6s;
		-ms-animation: cssload-gogoloader 3.2s infinite 1.6s;
		-webkit-animation: cssload-gogoloader 3.2s infinite 1.6s;
		-moz-animation: cssload-gogoloader 3.2s infinite 1.6s;
}

.cssload-loader:before {
	z-index: 2;
	animation: cssload-gogoloader 3.2s infinite;
		-o-animation: cssload-gogoloader 3.2s infinite;
		-ms-animation: cssload-gogoloader 3.2s infinite;
		-webkit-animation: cssload-gogoloader 3.2s infinite;
		-moz-animation: cssload-gogoloader 3.2s infinite;
}



@keyframes cssload-gogoloader {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

@-o-keyframes cssload-gogoloader {
	0% {
		-o-transform: scale(0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-o-transform: scale(1);
		opacity: 0;
	}
}

@-ms-keyframes cssload-gogoloader {
	0% {
		-ms-transform: scale(0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-ms-transform: scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-gogoloader {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

@-moz-keyframes cssload-gogoloader {
	0% {
		-moz-transform: scale(0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 0;
	}
}


.dollar-prefix{
    float: left;
    margin-top: 8px; 
}
/* CSS Loader End */

.jtable-title{
    display:none;
}


.jtablecaption{
    height:0px;
    width:100%;
    opacity: 0; 
    background-color:transparent;    
}

.ui-jqgrid-titlebar ui-widget-header{
    max-height:0px;
    width:0px;
    color:transparent;
}

.ui-jqgrid-caption{
    height:0px;
    width:0px;
    color:transparent;
}



    #footsie {  
    position: fixed; 
    right: 0;
    bottom: 0;
    left: 0; 
    padding: 1rem; 
    text-align: center; 
    height:60px;
    width: 100%; 
    border:1px solid;
    display: inline-block;
    overflow: hidden; 
    z-index: 999;
    }

.text-danger2 { 
    color:white;
    font-weight:bold;

}
.bg-danger2 {
    background-color: #a94442;
    color:white;
    font-weight:bold;
}


    
.text-success2 { 
    color:white;
    font-weight:bold;

}
.bg-success2 {
    background-color: #87b87f!important;
    color:white;
    font-weight:bold;
}
    
.text-info2 { 
    color:white;
    font-weight:bold;

}
.bg-info2 {
    background-color: #549AC1;
    color:white;
    font-weight:bold;
}

.login-box .toolbar-Test {
    background: #b73b3b;
    border-top: 2px solid #b73b3b;
}

.ProductTitle {
    margin-left: -12px;
    margin-right: -12px;
}

/*.chosen-container-single .chosen-single abbr {
    display: none !important;
}*/

.nav-list>li>a>.menu-icon {
    min-width : 25px !important;
}


 .esriAddressResults {
    display: block;
    z-index: 99;
    width: 100%;
    position: absolute;
    left: 0px;
    /*top: 100%;*/
    top: 0px;
    margin: -1px 0 0;
    border: 1px solid #c5d0dc;
    border-top: 0;
    padding: 0;
    background: #f8f8f8;
    -webkit-border-radius: 0 0 5px 5px;
    /*border-radius: 0 0 5px 5px;*/
}
.esriAddressResults ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.esriAddressResults li:hover { /* "selected" style */ 
    background-color: #ccc;
}

.esriAddressResult {
    padding: 6px;
    display: block;
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.esriAddressResult.focus {
    background-color: #ededed;
}
 .esriBusinessResults {
    display: block;
    z-index: 99;
    width: 90%;
    position: absolute;
    /*left: 210px;*/
    /*top: 100%;*/
    top: 36px;
    margin: -1px 0 0;
    border: 1px solid #eee;
    border-top: 0;
    padding: 0;
    background: #fff;
    -webkit-border-radius: 0 0 5px 5px;
    /*border-radius: 0 0 5px 5px;*/
}
.esriBusinessResult {
    padding: 6px;
    display: block;
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.esriBusinessResult.focus {
    background-color: #ededed;
}
.esriBusinessResults ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.clsCrimePublicationReportTable {
    overflow-x : hidden;
}

.clsErrorSuccessMessage {
    font-size: 15px;
    font-weight: 400;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.clsCrimeDataUnOrderedListText {
    padding-left: 0px;
}

.clsCrimeDataUnorderedList {
    color:#707070;
}

.clsFAQHeading {
    font-size: 21px;
    margin-top:10px;
}

.login-box .toolbar-lightred {
    background: #ca828e !important;
    border-top: 2px solid #ca828e !important;    
}

.login-box .toolbar-lightgreen {
    background: #5f9ea0 !important;
    border-top: 2px solid #5f9ea0 !important ;
}

.login-box .toolbar-darkred {
    background: #b73b3b;
    border-top: 2px solid #b73b3b;
}

#userprofilename{
    margin-top: 8px !important; 
}

@media (max-width: 767px) {
    .clsFAQSearch {
        padding-top: 5px;
    }
}
@media (min-width: 768px) {
    .nibrs-float-right {
        float: right !important;
    }
}
/*.chosen-container-multi .chosen-choices li.search-field input[type="text"], .chosen-container-single .chosen-default, ::placeholder {
    font-style: italic;
    color: #aaa !important;
    font-size: 10px;
    transform: none !important;
}*/

.chosen-container-multi .chosen-choices li.search-field input[type="text"], .chosen-container-single .chosen-default, ::placeholder {
    font-style: initial;
    font-family: unset;
    color: #aaa !important;
    font-size: 10px;
    transform: none !important;
}

