/* Bootstrap overrides */

thoff {
	color:  black;
}

.google-visualization-table {
	color:  black;
}

.skinny-popover {
	--bs-popover-border-color: var(--bs-primary);
	--bs-popover-header-bg: var(--bs-primary);
	--bs-popover-header-color: var(--bs-white);
	--bs-popover-body-padding-x: 1rem;
	--bs-popover-body-padding-y: 0;
  }

html.wait, html.wait * { cursor: wait !important; }

.field-set {
	border-width: 1px;
	border-style: solid;
	border-color: white;
	border-radius: 0.1rem;
	background-color: #303030 !important;
	background-clip: border-box;
} 

/* Make .bg-light work like .card */
.bg-light {
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.175) !important;
	border-radius: 0.375rem;
	background-color: #303030 !important;
	background-clip: border-box;
}

div.us_brand > a > img {
    width: 140px;
    height: 40px;
}

.district:not(.active) {
	display: none;
}

.regionContainer {
	display: flex;
    float: left;
}

.red-text {
	color: red;
}

.red-text:focus {
	color: red;
}

.fdr-nr {
	color: white;
	position: relative;
}
.fdr-moderate {
	color: black;
	background-color: #78BE43 !important;
	position: relative;
}
.fdr-high{
	color: black;
	background-color: #F2CD14 !important;
	position: relative;
}
.fdr-extreme{
	color: white;
	background-color: #F58220 !important;
	position: relative;
}
.fdr-catastrophic{
	color: white;
	background-color: #D92D27 !important;
	position: relative;
}

.disaplayInput{
	display: none;
}

.fs-06 {
    font-size: 0.6rem!important;
}

.pad0-2 {
    padding-right: 0.2rem!important;
    padding-left: 0.2rem!important;
}

.end-06{
	position: absolute;
	right:0px;
	top:6px;
}

.btn-legend {
	--bs-btn-padding-y: 0.2rem;
	--bs-btn-padding-x: 0.3rem;
	--bs-btn-font-size: 0.6rem;
	--bs-btn-border-radius: 0.15rem;
}

.btn-legend-nb {
	--bs-btn-padding-y: 0.12rem;
	--bs-btn-padding-x: 0.13rem;
	--bs-btn-font-size: 0.3rem;
	--bs-btn-border-radius: 0.15rem;
}

.btn-tight {
	--bs-btn-padding-y: 0;
	--bs-btn-padding-x: 0;
}

.btn-super-tight {
	--bs-btn-padding-y: 0;
	--bs-btn-padding-x: 0;
	--bs-btn-border-width: 1px;
	--bs-btn-hover-border-color: #444;
	--bs-btn-hover-bg: #333;
	--bs-btn-border-radius: 5px;
}

.btn-title[disabled]{
	border: 0px;
	color: #ffffff;
	padding-left: 150px;
  }

.strokeme
{
	color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

fieldset.scheduler-border {
    border: 0px groove #ddd !important;
    padding: 0 0 0 0 !important;
    margin: -10px 0 0 0 !important;
}

.scheduler-border {
	font-size: 0.4em !important;
	font-weight: bold !important;
	text-align: right !important;
	border-bottom:1;
}

.datalable {
	bottom: 6px !important;
    position: relative;
}

.list-group{
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

.dropactive{
	background-color: rgb(55,90,127) !important;
}

.mh{
	max-height: 100px;
}

.mh100px{
	max-height: 100px;
}

.mh200px{
	max-height: 200px;
}

.mh300px{
	max-height: 300px;
}

.mh400px{
	max-height: 400px;
}

td > .dorelative {
	position: relative;
}

.float-left-top {
	position: absolute;
	left: 0;
	top: 0;
}

.float-right-top {
	position: absolute;
	right: 0;
	top: 0;
  } 

.float-right-top-td {
	position: absolute;
	right: 0;
	top: 0;
	padding: 4px 0px 0px 0px;
} 

.float-left-top-td {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	padding: 0px 0px 0px 0px;
} 

.float-right-bottom-td {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0px 0px 4px 0px;
} 

.float-left-bottom-td {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0px 0px 4px 0px;
} 

.expandcontainer {
	position: relative;
}

.table>:not(caption)>*>*{
	padding: 0 0 0 0;
}

.form-control:disabled {
	background: #999999;
	text-decoration:line-through;
  }

#matrix-container {
	font-family: "Single";
	font-size: 10px;
	font-smooth: never;
	-webkit-font-smooth: never;
	max-height:110px;
	max-width: 320px;
	height: 110px;
	width: 320px;
	color: white;
	background-color: black;
}

.ql-editor{
	border-style:dashed;
	border-color: Yellow;
	overflow: hidden !important;
	overflow-x: hidden !important; 
    overflow-y: hidden !important;
	line-height:1 !important;
	padding: 0px 0px 0px 0px !important;
	white-space: nowrap !important;
}

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

.ql-align-center{
	text-align: center !important;
}

.ql-align-justify{
	display:flex;
	justify-content: space-between;
}



.ql-view{
	line-height:1 !important;
	padding: 0px 0px 0px 0px !important;
	white-space: nowrap !important;
}

.matrix-out{
	line-height:1 !important;
	padding: 0px 0px 0px 0px !important;
	white-space: nowrap !important;
}

.ylwbrd{
	border:1px;
	border-style:dashed;
	border-color: Yellow;
}

.grnbrd{
	padding:0px 0px 0px 0px;
	margin-top: 2px;
	border:1px;
	border-style:dashed;
	border-color: Green;
}

@font-face {
	font-family: "Single";
	src: url(../fonts/7x13.ttf) format("truetype")
}



/*@font-face {
	font-family: "7x14";
	src: url(../fonts/7x14.ttf) format("truetype")
}

@font-face {
	font-family: "8x13";
	src: url(../fonts/8x13.ttf) format("truetype")
}

@font-face {
	font-family: "9x15";
	src: url(../fonts/9x15.ttf) format("truetype")
}*/
.CloakingList>a>.labelText,.caret{
	display: none;
}

.ql-snow .ql-picker {
	color: black !important;
}

.ql-toolbar.ql-snow {
	background-color: white;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value]::before {
  content: attr(data-value) !important;
}

/*.ql-snow .ql-picker.ql-size .ql-picker-label[data-value]::before
{
  content: attr(data-value) !important;
}*/

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Small"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Small"]::before {
    content: 'Small';
    font-size: 10px !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Medium"]::before, 
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Medium"]::before {
    content: 'Medium';
    font-size: 14px !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Large"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Large"]::before {
    content: 'Large';
    font-size: 18px !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="X-Large"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="X-Large"]::before {
    content: 'X-Large';
    font-size: 22px !important;
}

.devid
{
	font-family: "Cousine", monospace;
  	font-weight: 400;
  	font-style: normal;	
	src: url(https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap) format("truetype");
	
}

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

.devid>a:hover{
	font-weight: bolder;
}

.ddmof{
	position:fixed !important;
}


/*.ql-snow .ql-picker.ql-font {
	width: 150px !important;
	white-space: nowrap;
  }

.ql-font span[data-value="Normal"]::before
{
	font-family: "Single";
}

.ql-font span[data-value="Bold"]::before
{
	font-weight: "bold";
}

.ql-font span[data-value="Italic"]::before
{
	font-style: "italic";
}*/

/*.ql-font span[data-value="7x14"]::before
{
	font-family: 7x14;
}
.ql-font span[data-value="8x13"]::before
{
	font-family: 8x13;
}
.ql-font span[data-value="9x15"]::before
{
	font-family: 9x15;
}*/

html {
	--globalScale: 1;
}

.ql-font-Small {
	font-family: "Single";
	font-size: calc(var(--globalScale,1)*25px);
}
.ql-font-Medium {
	font-family: "Single";
	font-size: calc(var(--globalScale,1)*40px);
}
.ql-font-Large {
	font-family: "Single";
	font-size: calc(var(--globalScale,1)*44px);
	letter-spacing: calc(var(--globalScale,1)*3px);
}
.ql-font-X-Large {
	font-family: "Single";
	font-size: calc(var(--globalScale,1)*58px);
	letter-spacing: calc(var(--globalScale,1)*4px);
}
/*
.ql-font-7x14 {
	font-family: 7x14;
}
.ql-font-8x13 {
	font-family: 8x13;
}
.ql-font-9x15 {
	font-family: 9x15;
}*/

.fishhead {
	border-style: dotted;
	font-family: "Single";
}

#dataTable {
	overflow-y:clip;
}

.loader-overlay {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color:rgba(0,0,0,0.5);
	z-index: 1109;
  }

  .popup-spinner{
	margin-top: 15%;
	top: 0;
	// position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1110;
  }