@CHARSET "UTF-8";
@media screen and (max-width: 500px) {
    .navbar-header {
        margin-top:10px
    }
}


.modal {
 overflow-y: auto;
}

.modal-open {
 overflow: auto;
}


.modal-open[style] {
padding-right: 0px !important;
}


.gray-back {
	background: #eeeeee;
}



.text-muted {
	color: #777;
}
.dm-form label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	padding-left: 10px;
	padding-top: 5px;
	font-size: small;
	font-weight: normal;
}

.disabled-all {
    pointer-events: none;
    opacity: 0.4;
}

.star-rating {
  line-height:32px;
  font-size:1.25em;
  cursor: pointer;
}

/**
 * this is to hide the search box of select2, as select2 hasn't a good way to hide
 */
.no-search .select2-search {
    display:none
}

.footer60 {
	height:63px;
}

.dont-break-out3 {
	word-wrap: break-word;
	word-break: break-word;
}

.dont-break-out2 {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}


.dont-break-out {
	


  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

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

.mid-align {
	text-align: center;
}

.full-width {
	width:100%;
}

.gray {
	color: #64666f;
}

.action-icon {
	width:32px;
	text-align:middle;
}

.dm-tooltip {
	height: auto;
	/*background: #333; */
	background:  #343642; 
	/*
  	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #343642), color-stop(100%, #5d5e68));
  	background: -webkit-linear-gradient(45deg, #343642 0%, #5d5e68 100%);
  	background: linear-gradient(45deg, #343642 0%, #5d5e68 100%);
  	*/
    opacity: 0.9;
	border-radius: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #eee;
	/*
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 6px;
	padding-right: 6px;
	*/
	/*
	font-family: lucida Grande;
	*/
	font-size: 14px;
	/*
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	*/
}

.no-border {
	border: 0;
}

.top-border {
	border-top: 1px solid #ddd;
}

.bottom-border {
	border-bottom: 1px solid #ddd;
}
/*
$gray-darker:           #222222 !default;
$gray-dark:             #333333 !default;
$gray:                  #64666f !default;
$gray-light:            #9e9fa5 !default; 
$gray-lighter:          #e2e2e4 !default; 
$gray-lightest:         #f5f5f6 !default;
*/


 
.dropdown-submenu {
    position: relative;
    
}
 

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    display:none;
    margin-top: -5px;
    margin-left: -1px;
    display:none;
    visibility:hidden;
     
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    visibility:visible
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

 
.dropdown-submenu:hover>a:after {
    border-left-color: #fff; 
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
     
}


.settings-card2 .media-list > li:first-child {
  border-top: 1px solid #e2e2e4;
  
}

.empty-prop {
	color: #962d3e;
}

/**
 * select2 placeholder cut-off fix
 */
.select2-container .select2-search__field:not([placeholder='']) {
  width: 100% !important;
  margin-right: 100000px;
}

.map-info-win {
	/*font-family: 'proxima-nova';*/
	width: 300px !important;
	/*font-weight: 400; */
	margin-right: 1px;
	padding: 0px 0px 0px 0px;  
	min-height:110px;
	overflow-y: auto;
	overflow-x: hidden;
}

.map-info-footer {
	border-top:1px solid #999999;
	padding-top:10px;
	 
}

.no-search .select2-search {
    display:none
}

/**
 * this overrides bootstrap default. Used for dual-list selection (tags)
 */ 
.btn-info {
    background-color: #ffffff;
    border-color: #2d7685;
    color: #2d7685;
    font-weight:bold;
}
/**
 * fix for select2 allowClear x to show for long value
 */
.select2-selection__clear {
    position: absolute !important;
    right: 20px !important;
}


 
div.vis-tooltip {
      font-size: 12px;
      white-space: normal;
      width: 50em;
      max-width: 350px; 
      word-wrap: break-word;
      padding: 5px;
}


.dm-input-file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}


.dm-input-file + label {
    /*font-size: 1.25em;
    font-weight: 700; */
    /*color: white;
    background-color: black; */
    display: inline-block;
    border: 1px solid #e2e2e4;
    padding: 5px 10px 5px 10px ;
}

.dm-input-file:focus + label,
.dm-input-file + label:hover {
    /*background-color: #962d3e; */
}

.dm-input-file + label {
	cursor: pointer;  
}

.dm-input-file:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.btn:selected {
	background-color: #962d3e;
}

/*
$gray-lighter:          #e2e2e4 !default; 
$gray-lightest:         #f5f5f6 !default;

$brand-primary:         #343642 !default;
$brand-success:         #29a336 !default;
$brand-info:            #348798 !default;
$brand-warning:         #f26522 !default;
$brand-danger:          #962d3e !default;
*/

.selected-target {
	color: blue;
}

.centered {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.centered2 {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	 
}



.covid-card a { color:#ffffff }
.covid-card a:link { color:#ffffff;  text-decoration: underline; }
.covid-card a:visited { color:#ffffff;  }
.covid-card a:hover { color:#ffffff;  }
.covid-card a:active { color:#ffffff;  ; }



.idp-button { 
 	 
 	border: 1px solid #888888;
 	border-radius: 10px;
 	margin-bottom:10px;
 	padding: 5px;
 	/*width: 100%;
 	text-align: center; */
 	background-color: #ffffff;
 	box-shadow: 2px 2px #e2e2e4; 
}
    
/**
* custom header
*/

.custom-header {
	background: #ffffff;
}

.custom-header-banner {
	height:30px;
	max-height: 30px;
	width: 100%;
	background-image: url(/dm/assets/images/logo/soho-banner-bar2.png);
  	background-repeat: repeat-x; 
}

.custom-header-banner-aad {
	height:30px;
	max-height: 30px;
	width: 100%;
	background-image: url(/dm/assets/images/logo/aad-banner-bar.png);
  	background-repeat: repeat-x; 
}

 

.custom-header-right {
	padding:10px;
	
}


.custom-header-right .heading-text2 {
	font-size: 18px;
	margin-left: 20px;
	margin-top: 20px;
}

.custom-header-right .custom-action {
	
	/*margin-left: 20px;*/
	margin-top: 10px;
	margin-bottom:20px;
	 
}

.custom-header-right .custom-action a {
	  
	margin-right: 20px;
	
}

.custom-header-logo-left {
	padding:10px;
	width: 100%;
	height: 100%;
	display: flex;
  justify-content: center;
  align-items: center;
   
}

.custom-header-logo-left img {
	display: block;
	margin: auto;
}

 
.custom-header-logo-left .profile-img-xl {
 
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
     -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);*/
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    
   /* line-height: 175px; */
   /* max-height: 175px; */
    height: 100%;
    width: 100%; 
    
    width:auto; 
    height:auto;
     
    margin-left: auto;
    margin-right: auto;
   
}

.custom-header-logo-left .profile-img {
    background: #fff;
    border-radius: 0%;
    color: var(--dm-gray4);
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    text-align: center;
    
}


.custom-header-logo-left .profile-img-xl img {
	max-height: 175px; 
    max-width: 200px;
    
    width:auto; 
    height:auto;
	
}


.ces-ahead {
	width:100%;
	padding: 1px;
	/* background: #E9F9ED;*/
	color: blue;
}

.ces-behind {
	width:100%;
	padding: 1px; 
	/* background: #F8CFC7; */
	color: red;
}

table.chart-data-table td {
	padding: 5px;
	border:1px solid #dddddd;
}