/* Accord Alternate Font */
/*
@font-face{font-family:'AccordAlt';src:url('../fonts/accord/AccordAlt-Regular.eot');src:url('../fonts/accord/AccordAlt-Regular.eot?#iefix')format('embedded-opentype'),url('../fonts/accord/AccordAlt-Regular.woff2')format('woff2'),url('../fonts/accord/AccordAlt-Regular.woff')format('woff'),url('../fonts/accord/AccordAlt-Regular.ttf')format('truetype'),url('../fonts/accord/AccordAlt-Regular.svg#AccordAlt-Regular')format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'AccordAlt';src:url('../fonts/accord/AccordAlt-Bold.eot');src:url('../fonts/accord/AccordAlt-Bold.eot?#iefix')format('embedded-opentype'),url('../fonts/accord/AccordAlt-Bold.woff2')format('woff2'),url('../fonts/accord/AccordAlt-Bold.woff')format('woff'),url('../fonts/accord/AccordAlt-Bold.ttf')format('truetype'),url('../fonts/accord/AccordAlt-Bold.svg#AccordAlt-Bold')format('svg');font-weight:bold;font-style:normal;}

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');  */
/* Search Settings */
body {
	/*font-family:'Open Sans', sans-serif;*/
	height:1838px !important;
	width:1080px !important;
	overflow:hidden;
	position:fixed;
	background: #cccccc;
	/* background-size:1070px 1838px;
	
	border: thin solid white; */
}
.primary {
	background: #ef4035;
	color: white;
}
.secondary {
	background: #2d2d2d;
	color: #ef4035;
}
.tertiary {
	background: #6d6e71; 
	color:white;
}
.tertiary-inverse {
	background: white;
	color: #6d6e71;
}
.accessible {
	background: white;
	color: #155196;
}
.accessible:hover {
	color: white;
	background: #155196;
}
.bldgmenu {
	background: rgba(0,0,0,0.75);
	color:white;
}
.bldgmenu .button {
	background: black;
	color: white;
	border-radius: 10px;
	border: white 3px solid;
}
.bldgmenu .button.active {
	background: #6d6e71;
}
#textinput {
	border-radius: 500rem;
	text-transform: uppercase;
	}
#noResults {
	display: flex;
	border-top:none;
	}
.ui.popup:before {width:0;height:0;}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: auto;
  cursor:pointer;
}

	
#textList .ui.secondary.segment {
	background-color: #f3f4f5;
	max-width: 90px;
	min-width:90px;
	text-align:center;
}
/* Keyboard Settings */
#keyboard .button {
	height:54px;
}
#keyboard .button_newrow {
	clear:both;
	}
#keyboard .button_del, #keyboard .button_enter {
    width: 103px;
    font-size: 1.3em;
}	
#keyboard .key {
	line-height:1.3em;
	vertical-align:middle;
	}
#keyboard .button_space {
	/*margin-left:105px;*/
	width:346px;
	margin-bottom:5px;
	}

#keyboard .button_firstrow {margin-top:5px;}

#keyboard {
	font-size:14px; 
	/*font-family:'Open Sans', sans-serif;*/
	font-weight:normal;
	margin:0 auto;
	padding:10px 10px 0px 25px;
	}
#virtualKeyboard {
	width: 100%;
	position: relative;
	/*margin-bottom:15px;*/
	/*left:5%;*/
	display:none;
	}
/* End Keyboard Settings */
#titleBar {
	height: 50px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#2d2d2d;
	color:#ef4035;
	font-size:2.5em;
	line-height:50px;
	text-decoration:underline;
	padding-left:50px;
}
/* Start Menu Buttons */
#bottomMenuBar {
	position:absolute;
	top:1628px;
	left:10px;
	height:200px;
	width:1060px;
	border-top:#6D6E71 solid 10px;
	background: #ef4035;
}
.startMenu.left {
	right:auto;
	left:1em;
	
}
.startMenu {
	position:relative;
	top:37.5px;
	left:35px;
	width:1000px;
	height:126px;
	}
.startMenu .ui.basic.button {
	height:125px;
	width:125px;
	position:relative;
	border-radius:5px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.33);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.33);
	}
.startMenu .ui.basic.button.hidden {
	visibility:hidden;
}
.startMenu .ui.table {
	margin:0 !important;
}


#instructions {
	height: 125px;
    width: 50%;
    top: 37.5px;
    margin: 0 auto;
    color: white;
    font-size: 1.25em;
    position: absolute;
    left: 25%;
}
#btnAccessible.active .btncontent,#btnAccessible.active i{
	text-shadow:none;
	background-color:#155196 !important;
	color: white !important;
}
#btnAccessible:active, #btnAccessible.active{
	background-color:#155196 !important;
	color: white !important;
}
#btnAccessible {
	background-color:white !important;
	color: #155196 !important;

}

.startMenu .ui.basic.buttons .button:active,.startMenu  .ui.basic.button:active {
	color: black !important;
	background-color: rgba(0,0,0,1);
	box-shadow: none;
	/*0px 0px 0px 1px rgba(6, 14, 159, 1) inset, 0px 0px 0px 0px rgba(6, 14, 159, 0.15) inset;*/
}
.startMenu button .btncontent {
	position:absolute;
	bottom:0.75rem;
	width:100%;
	text-align:center;
	left:0;
	padding:0 .25em;
	font-weight:normal;
	font-size:1.5rem;
	line-height:1.5rem;
}

.startMenu i.huge.icon, .startMenu i.huge.icons {
	font-size:6em;
}
.startMenu i.big.icon, .startMenu i.big.icons {
	font-size:5.6em;
}
.startMenu i.large.icon, .startMenu i.large.icons {
	font-size:4.5em;
}

.startMenu button:active .btncontent, .startMenu .ui.icon.buttons .button:active > .icon, .startMenu .ui.icon.button:active  > .icon{
	color: white;
	/*text-shadow:
     -1px -1px 0 #060E9F,  
      1px -1px 0 #060E9F,
      -1px 1px 0 #060E9F,
       1px 1px 0 #060E9F;
	   */
}
.startMenu .ui.icon.buttons .button > .icon, .startMenu .ui.icon.button > .icon {
	/*line-height:0.75em;*/
	position:absolute;
	top:0.75rem;
	width:100%;
	left:0;
	text-align:center;
	/*text-shadow:
    -1px -1px 0 white,  
      1px -1px 0 white,
      -1px 1px 0 white,
       1px 1px 0 white; */
}
.startMenu i.search.huge.icon {
	top:0.35rem !important;
}
#mapBox {
	position:absolute;
	top:50px;
}
#scroller {
	margin: 0 auto;
	
}
/*
#btnDirectory {
	background-color:white !important;
	color:#5e5d60 !important;
}
#btnDirectory:active {
	background-color:#5e5d60 !important;
	color: white !important;
	box-shadow: none;
	border:solid white 2x;
}*/
.startMenu .ui.button:active {
	background-color:#5e5d60 !important;
	color: white !important;
	box-shadow: none;
	border:solid white 2x;
}
.startMenu .ui.button {
	background-color: white !important;
	color: #5e5d60  !important;
}
/*
#btnQR {
	background-color: white !important;
	color: black !important;
}
#btnText {
	background-color:white !important;
	color: black !important;
}
#btnStart {
	background-color:#ef4035 !important;
	color: black !important;
}
#btnEnd {
	background-color:#ef4035 !important;
	color: black !important;
}
#btnAll {
	background-color:#ef4035 !important;
	color: black !important;
}*/
.ui.button.routeInfo {
	color:#ef4035 !important;
	background-color: black !important;
}
.startMenu .ui.table td {
	padding:0 15px 0 0;
}
.startMenu button.routeInfo {
	background-color:#ef4035;
	color: black;
}
/* End Start Menu Buttons */
/*
.startMenu i.handicap {
	position:relative;
	top:-4px;
}
.startMenu i.sidebar {
	position:relative;
	top:-10px;
}*/
/* Directory Settings */
/*#directory button {
	
	height:110px;
	width:calc(110px + .78571429em);
	}
	*/
#content .ui.dimmer {
	background-color: rgba(0,0,0,.2);
}
#directionLoaded.ui.dimmer {
	background-color: rgba(0,0,0,.65);
}
#hotButtons {
/*	position:fixed;
	bottom:0; */
	width:100%;
	height:125px;
}
#hotButtons .grid > .row {
	padding:0;
}
#hotButtons  button{
	background-color:white !important;
	color:#5e5d60 !important;
	height:125px;
	width:125px;
    position: relative;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.33);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.33);
}
#hotButtons button .btncontent {
	position: absolute;
    bottom: 0.75rem;
    width: 100%;
    text-align: center;
    left: 0;
    padding: 0 .25em;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
#hotButtons button > .icon {
	position: absolute;
    top: 0.75rem;
    width: 100%;
    left: 0;
    text-align: center;
}
#hotButtons button i.huge{
	top: 0.35rem !important;
	font-size:6em;
}
#hotButtons button:active{
	background-color:#5e5d60 !important;
	color: white !important;
	box-shadow: none;
	border:solid white 2x;
}
#dirHead, #textHead {
	color: white;
    font-size: 3.5em;
    line-height: 50px;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
}
.colhead-left {
	color: #ef4035;
    font-size: 2.75em;
	text-align:left;
	margin-left:calc(100px - 1rem);
}
.colhead-right {
	color: #ef4035;
    font-size: 2.75em;
	text-align:right;
	margin-right:calc(100px - 1rem);

}
.ui.grid.no-margin > .row.no-top-padding {
	padding-top:0;
}
.ui.grid.no-margin > .row.no-bottom-padding {
	padding-bottom:0;
}
#directory, #textDirections {
    position: absolute !important;
    height: 1500px !important;
    width: 1000px !important;
    top: 87.5px !important;
    left: 40px !important;
    margin: 0 !important;
	background-color:rgba(0,0,0,.75)
}
#directoryList .ui.selection.list .list > .item.itmselect , .ui.selection.list > .item.itmselect {
	background-color: #636466;
	color:white;
}
.dirItem .ui.segment, .dirItem .header {
	color: #636466;
	font-size: 1.2em;
	padding: .25em 1em;
	
	
}
.dirItem .ui.segment .header {
	padding: .25em 0em;
}
.dirItem .ui.segment .description  {
	color: #636466;
	font-size: 1em;
	padding: .25em 0em;
}
#noResults .ui.segment {
	font-size: 1.2em;
	padding: .25em 1em;
	color: white;
}
.dirItem.itmselect .ui.segment,.dirItem.itmselect .ui.segment .header,.dirItem.itmselect .ui.segment .description {
	color: #ffffff;
}/*
.dirItem .ui.segment.code, .dirItem .ui.segment.clearicon {
	width: 250px;
}
.dirItem .ui.segment.name, .dirItem .ui.segment.name {
	width: 100%;
}
*/
#noResults {
	background-color: #F2711C;
}

.dirItem .ui.icon, #noResults .ui.icon {
	vertical-align:middle;
	line-height:1.25em;
}
.dirItem .ui.segment:nth-child(2){
	width:300px;
	text-align:center;
	
}
 #clearitem .ui.segment:first-child, #closeitem .ui.segment:first-child, #noResults .ui.segment:first-child  {
	 width:100px;
 }
.dirItem .ui.segment:first-child, #clearitem .ui.segment:nth-child(2), #closeitem .ui.segment:nth-child(2), #noResults .ui.segment:nth-child(2) {
	width:100%;
	display:flex;
}
.ui.grid.no-margin {
	margin-top:0;
	margin-left:0;
}
.ui.grid.no-margin > .row {
	padding:0.5rem 0;
}
.ui.selection.list.list > .item:hover,  .ui.selection.list > .item:hover {
	/*background:rgba(0,163,226,.05);*/
	background:#8f9194;
	color:white;
	
}
.ui.grid>.column:not(.row).itmName {
	padding-left:40px;
	padding-right:0;
	text-align:left;
}
.ui.grid>.column:not(.row).itmCode {
    padding-left: 0;
    padding-right: 40px;
    text-align: right;
}
#textList {
	font-size:1.71428571em;
	/*margin-right:1.3em;*/
}
#textList .ui.segment {
	padding: 0.5em 0.5em;
}
#textList .ui.segments {
	margin:0;
}
#textList .ui.segments>.segment {
	border: none;
}
#directoryList {
	/*padding-right:1.3em;*/
	position:relative;
	width:820px;
	/*left:35px;*/
}
#body-content {
	height: 100%;
	width: 100%;
	position:relative;
	padding:10px;
	
}
.gradient {
	position:relative;
	top:0;
	left:0;
	height:calc(100% - 200px);
	width:1060px;
	background:white;
}
#content {
	height:1550px !important;
	width:1060px;
	position:absolute;
	top:50px;
	left:0;
	overflow:hidden;
}
#content.ui.segment {
	margin:0;
}
#errBox {
	position:absolute;
	margin:10px 40px;
	width:1000px;
	top:0px;
}
#mapHeader {
	display:none;
	position:absolute;
	top:0px;
	left:14px;
	right:14px;
	background-color:rgba(255,255,255,0.35);
}
#mapHeader .ui.header {
	color:white;
	font-weight:bold;
	
   text-shadow:

     -1px -1px 0 #060E9F,  
      1px -1px 0 #060E9F,
      -1px 1px 0 #060E9F,
       1px 1px 0 #060E9F;
}
#mapFloorBar {
	position: absolute;
    left: 10px;
    top: 1550px;
    width: 1060px;
    /* height: 50px; */
    margin: 0;
	background: regba(0, 0, 0, 0.33);
}
#mapFloorBar.multifloor {
	top: 1440px;
}
#mapFloorBar .ui.basic.button {
	background: #fbb218  !important;
	color: black !important;
	margin:7.5px auto;
	height:35px;
	width:125px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,1);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,1);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,1);
	font-size:1.25rem;
	padding: 0 0.5em;
}
#mapFloorBar .ui.basic.button:active {
	color: #fbb218  !important;
	background: black !important;
}
#mapFloorBar .column {
	text-align:center;
}
#mapMenuBar {
	position: absolute;
    left: 10px;
    top: 1608px;
    width: 1060px;
    margin: 0;
}

	
#mapMenuBar .ui.basic.button, .ui.basic.buttons .button {
	padding:0;
	height:50px;
	width:160px;
}
#mapMenuBar .ui.basic.button.zoom, .ui.basic.buttons.zoom .button {
	margin:7.5px auto;
	height:35px;
	width:125px;
	background: #6d6e71 !important;
	color: white !important;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.33);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.33);
	font-size:1.25rem;
	padding: 0 0.5em;
}
#mapMenuBar .ui.buttons {
	 margin: 7.5px auto;
	 -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.33);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.33);
}
#mapMenuBar .ui.buttons .or:before {
	background-color: #EF4035;
}
#mapMenuBar .language {
	background-color: #6d6e71;
	color:white;
}
#mapMenuBar .language.active {
	color: #6d6e71;
	background-color:white;
}
#mapMenuBar .ui.button>.icon:not(.button) {
	opacity: 1;
}
#mapMenuBar .ui.basic.button.zoom:active, .ui.basic.buttons.zoom:active .button:active,.ui.basic.button.zoom:hover, .ui.basic.buttons.zoom:hover .button:hover {
	background: white !important;
	color: #6d6e71 !important;
}
#mapMenuBar .ui.basic.button.wing, .ui.basic.buttons.wing .button {
	margin:0;
	height:50px;
	width:160px;
	background-color:black !important;
	color:white !important;
	border: solid 4px #c0c2c4;
	border-radius:10px;
	font-size:2.2rem;
	font-weight:bold;
}
#mapMenuBar .ui.basic.button.wing.active, .ui.basic.buttons.wing.active .button {
	background-color:#636466 !important;

}
#mapMenuBar.ui.grid>.column:not(.row),div.three.wide.column {
	padding-top:0;
	padding-bottom:0;
	text-align:center;
}
#building-menu, #route-buildings {
	background-color: rgba(0,0,0,0.8);
	overflow:hidden;
	z-index: 2500;
}
#building-menu .column, #directory-buildings .column, #route-buildings .column {
	text-align:center;
}
#building-menu .ui.basic.button.bldg, #directory-buildings .ui.basic.button.directory, #route-buildings .ui.basic.button.bldg {
	margin:0;
	height:50px;
	width:160px;
	background-color:black !important;
	color:white !important;
	border: solid 4px #c0c2c4;
	border-radius:10px;
	font-size:1.25rem;
	font-weight:bold;
	padding:0;
}
#building-menu .ui.basic.button.bldg:active, .ui.basic.buttons.bldg:active, #directory-buildings .ui.basic.buttons.directory:active, #route-buildings .ui.basic.buttons.directory:active {
	background-color:#636466 !important;

}
#directory-buildings.ui[class*="four column"].grid > .row > .column, #directory-buildings.ui[class*="four column"].grid > .column:not(.row)  {
	width: calc(25% - 2em);
}
#route-buildings.ui[class*="three column"].grid > .column:not(.row) {
	width: calc(33% - 2em);
}

#directory-buildings .ui.basic.active.button.directory, #route-buildings .ui.basic.active.button.bldg {
	background-color:#636466 !important;
}
.ui.sidebar .ui.grid {
	margin:1em;
}
#language-buttons {
	display: none;
}
#directory>.header, #textDirections>.header{
	padding: 1rem 1.5rem;
}
#dListHolder.collapse {
	/*height:430px;*/
	height:750px;
}
#dListHolder,#textHolder {
	/*position:relative;
	height:100%;*/
	background-color:white;
	width:950px;
	margin:0 auto;
	overflow:hidden;
/*	padding: 0 1.5rem; */
	padding: 10px 0;
	height:1080px;
	
	/*border-top:1px solid rgba(34, 36, 38, 0.15);*/
	border-bottom:1px solid rgba(34, 36, 38, 0.15);
	border-radius:10px;
	}
#textHolder {
	/*height:802px;*/
	
	height:calc(1250px - 1em);
}
#directoryScroller,#textScroller {
	position:relative;
	float:left;
	width:820px;
	margin: 0 35px;
	/*top:10px;*/
	}
#searchBox {
    width: 85%;
	overflow:hidden;
    margin:0 auto;
	padding:0 1em;
	/*position:absolute;
	bottom: calc(69px + 1em);*/
	/*left:7.5%;*/
	background-color: transparent;
	box-shadow:none;
	}
.listBounds {
	overflow:hidden;
	/*height:645px;*/
	height:100%;
}
.listBounds.collapse {
	/*height:1045px;*/
	height:100%;
}
#dListHolder .iScrollHorizontalScrollbar ,#textHolder .iScrollHorizontalScrollbar {
	/*position: absolute;
	left: 0px;
	right: 2px;
	bottom: 0px;*/
	z-index: 9999;
	height: 48px;
	
	overflow: hidden;
}

#dListHolder .iScrollHorizontalScrollbar.iScrollBothScrollbars,#textHolder .iScrollHorizontalScrollbar.iScrollBothScrollbars {
	right: 18px;
}

#dListHolder .iScrollVerticalScrollbar,#textHolder .iScrollVerticalScrollbar  {
	position: relative;
	z-index: 9999;
	width: 48px;
	border-radius: 24px;
	/*margin:10px 0;
		height:calc(100% - 20px);
		*/
	margin: 0;
	height: 100%;
	overflow: hidden;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,474747+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(top, rgba(204,204,204,0.5) 0%, rgba(71,71,71,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,0.5)), color-stop(100%,rgba(71,71,71,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(204,204,204,0.5) 0%,rgba(71,71,71,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(204,204,204,0.5) 0%,rgba(71,71,71,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(204,204,204,0.5) 0%,rgba(71,71,71,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(204,204,204,0.5) 0%,rgba(71,71,71,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80cccccc', endColorstr='#80474747',GradientType=0 ); /* IE6-9 */
}

#dListHolder .iScrollVerticalScrollbar.iScrollBothScrollbars,#textHolder .iScrollVerticalScrollbar.iScrollBothScrollbars {
	bottom: 52px;
}

#dListHolder .iScrollIndicator,#textHolder .iScrollIndicator {
	position: absolute;
	background: #00A3E2;
	border-width: 0px;
	border-style: solid;
	border-color: #FEFEFE #DDDDDD #DDDDDD #FEFEFE;
	border-radius: 25%;

	
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#dListHolder .iScrollHorizontalScrollbar .iScrollIndicator,#textHolder .iScrollHorizontalScrollbar .iScrollIndicator {
	height: 100%;
	background: -moz-linear-gradient(left,  #00A3E2 0%, #060E9F 100%);
	background: -webkit-linear-gradient(left,  #00A3E2 0%,#060E9F 100%);
	background: -o-linear-gradient(left,  #00A3E2 0%,#060E9F 100%);
	background: -ms-linear-gradient(left,  #00A3E2 0%,#060E9F 100%);
	background: linear-gradient(to right,  #00A3E2 0%,#060E9F 100%);
}

#dListHolder .iScrollVerticalScrollbar .iScrollIndicator,#textHolder .iScrollVerticalScrollbar .iScrollIndicator {
	/*width: 100%;*/
	width: 48px;
	margin-top:2px;
	max-height:48px;
	min-height:48px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef4035+10,eb001b+50,ef4035+90 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef4035+0,eb001b+100 */
background: rgb(239,64,53); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(239,64,53,1) 0%, rgba(255,90,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,64,53,1) 0%,rgba(255,90,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,64,53,1) 0%,rgba(255,90,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4035', endColorstr='#eb001b',GradientType=0 ); /* IE6-9 */

	
	border-radius:25px;
	border: rgba(235,0,27,1) 2px solid;
}
/* Footer Button Settings */
#restrooms {
	top: 0.35em;
    position: absolute;
    left: 7px;
	width:calc(100% - .78571429em - .78571429em);
}
#restrooms .icon {
	width: auto;
	
}
#dirFooter i.icon.angle.double.up:before,#dirFooter i.icon.angle.up:before,#dirFooter i.icon.angle.down:before,#dirFooter i.icon.angle.double.down:before,#txtFooter i.icon.angle.double.up:before,#txtFooter i.icon.angle.up:before,#txtFooter i.icon.angle.down:before,#txtFooter i.icon.angle.double.down:before{
	/*font-size:2em;*/
	font-weight:normal;
	color:#ffffff;
}
#dirFooter i.icon.check:before,#dirFooter i.icon.remove:before,#txtFooter i.icon.check:before,#txtFooter i.icon.remove:before  {
	font-size:0.75em;
	font-weight:normal;
	color:#ffffff;
}
#dirFooter i.icon.check.iconadjust,#dirFooter i.icon.remove.iconadjust,#txtFooter i.icon.check.iconadjust,#txtFooter i.icon.remove.iconadjust  {
	margin-top:-0.08em;
}
#dirFooter i.icon.angle.up.iconadjust,#txtFooter i.icon.angle.up.iconadjust  {
	margin-top:-0.06em;
}
#dirFooter .ui.basic.buttons .button,#dirFooter .ui.basic.button,#txtFooter .ui.basic.buttons .button,#txtFooter .ui.basic.button  {
	color:white !important;
	background-color: #636466 !important;
	font-weight:normal;
	box-shadow:none;
	font-size:1.2rem;
	/*box-shadow: 0px 0px 0px 1px rgba(6, 15, 159, 0.45) inset;*/
	border: 3px solid white;
	border-radius:10px;
}
#dirFooter i.icon.angle.up:before {
	/*margin-top:-.08em;
	margin-left: -.06em;*/
}
#dirFooter i.icons,#txtFooter i.icons  {
	position: absolute;
    left: 1.25em;
    top: 50%
}
#dirFooter .button , #txtFooter .button{
	position:relative;
}
#dirFooter .grid, #hotButtons .grid  {
	margin: 0 auto;
	width:100%;
}
#dirFooter .grid > .row, #hotButtons .grid > .row, #txtFooter .grid > .row {
	margin: 0 auto;
	padding:0;
}
#txtFooter .grid {
	margin:0 auto;
	width: 75%;
}
/*
#dirFooter .ui.labeled.icon.buttons > .button > .icons,#dirFooter  .ui.labeled.icon.button > .icons {
    top: 0em;
    left: 0em;
}*/
#dirFooter i.icons .icon:first-child,#txtFooter i.icons .icon:first-child  {
	color:#060F9F;
	position:inherit;
	transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
}
.ui.modal > .header:not(.ui) {
	font-size:2.42857143rem;
}
/*#dirFooter .ui.basic.buttons .button,#dirFooter .ui.basic.button,#txtFooter .ui.basic.buttons .button,#txtFooter .ui.basic.button {
	
	background: #ffffff !important;
}*/
/*
#dirFooter {
	background:rgba(0,163,226,.05);
}
*/
#dirFooter
#dirFooter .ui.basic.buttons .button:active, #dirFooter .ui.basic.button:active,#txtFooter .ui.basic.buttons .button:active, #txtFooter .ui.basic.button:active {
    background:white !important;
    color: #636466 !important;
    box-shadow:none;
	border-color: #636466;
}
#dirFooter .ui.button:active .icon,#txtFooter .ui.button:active .icon {
	opacity:1;
	color: #636466;
}
#dirFooter .ui.button:active .icon:before,#txtFooter .ui.button:active .icon:before {
	opacity:1;
	color: #636466;
}
#dirFooter .ui.labeled.icon.buttons .button, #dirFooter .ui.labeled.icon.button,#txtFooter .ui.labeled.icon.buttons .button, #txtFooter .ui.labeled.icon.button  {

	padding: 0.8em 0 0.7em 1.5em !important;
	/*line-height:2.5em;
	vertical-align:middle;*/
}
#dirFooter .ui.button > .icon {
	width:1.25em;
	background-color:transparent;

}
#dirFooter .ui.button > .icon:active:before {
	color: #636466;
}
#dirFooter .ui.button > .icon:active {
	width:1.5em;
	background-color:transparent;
	color: #636466;
}
#dirFooter .ui.button > .icon:active{
	width:1.5em;
	background-color:transparent;
	color: #636466;
}
#dirFooter .ui.labeled.icon.buttons > .button > .icons, #dirFooter.ui.labeled.icon.button > .icons,#txtFooter .ui.labeled.icon.buttons > .button > .icons, #txtFooter.ui.labeled.icon.button > .icons  {
	 top: 0em;
    left: 0em;
    position: absolute;
    height: 100%;
    line-height: 1;
    border-radius: 0px;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    width: 2.57142857em;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    text-align: center;
    color: '';
    /*box-shadow: -1px 0px 0px 0px transparent inset;*/
}
#dirFooter,#txtFooter {
	text-align:center;
	padding:0;
	/*position:fixed;
	bottom:0px;*/
	width:100%;
}
#txtFooter {
	
	
}
.fai {
	font-size: 1em;
	margin: 0 .42857143em 0 -.21428571em;
}
/* semantic font update */
.ui.input input,.ui.button,.ui.modal>.header {
	/*font-family:'Open Sans', sans-serif;*/
}
.ui.disabled.dimmer {
	padding: 0;
	display: none;
}
/*
i.circular.icon {
	padding:0 !important;
}*/

/*
#dirFooter i.inverted.circular.icon {
	background-color:rgba(0, 0, 0, 0.6) !important;
}
#dirFooter .ui.labeled.icon.button > .icon {
  width: 1.75em;
}
#dirFooter i.circular.icon:before {
	margin-left:-0.5em;
}
#dirFooter .button {
	/*width:125px;
}
#dirFooter i.circular.icon.up:before{
	margin-top:-0.6em !important;
}
#dirFooter i.circular.icon {
    border-radius: 500em !important;
    line-height: 1 !important;
    padding: 0.5em 0.5em !important;
    box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
    width: 1em !important;
    height: 1em !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0.5em !important;
    top: 50% !important;
    margin-top: -0.5em !important;
}*/