@font-face {
  font-family: 'Ainsle';
  src: url('../fonts/32F519_0_0.woff2') format('undefined'), url('../fonts/32F519_0_0.eot') format('embedded-opentype'), url('../fonts/32F519_0_0.woff') format('woff'), url('../fonts/32F519_0_0.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}


body {
    font-family: Ainsle, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Ainsle, sans-serif;
}

.background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-image: -webkit-linear-gradient(269deg, #fff 13%, #cecece), -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(181deg, #fff 13%, #cecece), linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-size: cover;  /* 100% */
}

#index-page,
#info-page,
#search-page {
	display:none;
	outline: none;
}

.page-section {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100%;
  padding: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#overall-container {
	width:100%;
	min-height:100%;
	display:flex;
	flex-direction:column;
}

.page-header-grid.ui.grid {
	/* margin between header and page content */
	margin-bottom: 24px;	
}

.page-header {
	text-align: center;
}

.page-footer {
	text-align: center;
	align-self: flex-end;
	margin: auto auto 0 auto;
	padding-top:20px;
}
.header span {
	color: #fff;
}

.header h2 {
		font-size:20px;	
}
.header h2,
.header h6 {
	color:white;
	margin: 0px;
	padding: 0px;	
}

.header h2.card-title {
	padding: 4px 0 0 1px;
}

.nav-icon {
	padding-top:7px;
	width:50px;
	text-align:center;
}

div.row.todaysDayOfWeek,
div.row.backButtonLabel {
	padding-top:6px;
	color:#27292A;
}
div.row.todaysDayOfWeek a {
		color:#27292A;
}

span.todaysDate {
	width:36px !important;
	height:36px !important;
	position:absolute;
	left:21.5px;
	top:32px;
	font-size:20px;
}

.ui.label img.backArrow {
	width:26px !important;
	height:26px !important;
	position:absolute;
	left:26px;
	top:26px	
}

.nav-icon a {
	text-align:center;
}

.profile-image {
	border-radius: 500rem;
}
.profile-name {
	text-align:center;
	max-width: 96px;
	margin: 0px -30px 0 -30px;
}

.large-nav {	
}
.large-nav-item {
	padding-top:7px;
	float: right;
	width:50px;
	margin: auto;
	text-align:center;
}
.large-nav-item-left {
	float: left;
	padding-top:0px;
}

#index-focus-placeholder {
	/*
	position:absolute;
	top:0;left:0;
	*/
	position:fixed;
	top:0;
	left:0;
	width: 1px;
	height: 1px;
	z-index:-1;
}

.search-input-hidden {
	position:absolute;
	z-index:-1;
}


/**************************************************/
/*	Lading page										 		*/
/**************************************************/

#landing-page .page-header {
	margin-top:50px;
	margin-bottom:20px;	
}


/**************************************************/
/*	Index Page / Shared												 		*/
/**************************************************/




.page-header-grid {
	margin-bottom:30px;
}
.ui.cards {
	justify-content:center;
}

.ui.card,.ui.cards>.card {
	/*
  border: 1px solid #757576;
  */
	border: 0px !important;
	border-radius: 8px;
	box-shadow: 3px 5px 11px 1px #bebebe;
  width: 244px;
}
.ui.cards>.card.full-card {
  height: 314px;
  overflow:hidden;
  border: 0px !important;
}

.card-header  {
	height: 54px;
}
.card-body {
	height: 210px;
}
.ui.card>.content.card-body,
.ui.cards>.card>.content.card-body {
	padding: 0 1em;
} 

.ui.card>.extra, 
.ui.cards>.card>.extra, .extra.content {
	height: 50px;
}
.ui.cards>.card>.extra.content.card-footer {
	padding: 0px 25px 2px 25px;
	display: table;
	width:100%;	
}


.ui.card,
.ui.cards>.card .content.card-header {
  padding: 10px 7px 10px 15px;
}

.ui.cards>.card .content.card-header,
.ui.cards>.card .content.search-link-header {
	border: 1px #757576 solid;
	border-radius: 8px 8px 0 0 !important;
	border-bottom: 0px;
	border-top: 1px #757576 solid !important;
}

.ui.cards>.card.card-search-card .content.card-header {
	border: 1px #757576 solid;
	border-radius: 8px !important;
	border-bottom: 1px #757576 solid !important;
	border-top: 1px #757576 solid !important;
}


.ui.cards>.card .content.card-body {
	border-top: 0px #ccc solid;
	border-left: 1px #757576 solid;
	border-right: 1px #757576 solid;
}
.ui.cards>.card .content.card-footer,
.ui.cards>.card .content.search-link {
	border: 1px #757576 solid;
	border-radius: 0 0 8px 8px !important;
	border-top: 0px  !important;
	border-bottom: 1px #757576 solid !important;
}

.pb-divider {
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background-color:rgba(0,0,0,.05)!important;	
}

.pb-divider-top {
	position:relative;
	margin:0;
	padding:0;
	top:6.75px;
	left:-20px;
	width:248px;
	height:1px;
	background-color:rgba(0,0,0,.09)!important;	
}

.card-title {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
	line-height: 36px;
}

.card-title a {
  color: #fff;
}

.app-icon-container {
	width: 52px;	
  text-align: center;
}
.card-icon-text {
  color: #fff;
	font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.5px;
  overflow:hidden;
  max-height: 14px;
  position:relative;
}

.card-icon-text:after {
	/* this truncates the app name via fade */
  position: absolute;
  left:0;
  top:0;
  height: 100%;
  width: 100%;
  content: "";
  /*
  background:linear-gradient(to left, #2BB5E8, transparent 50% );
  background:-webkit-linear-gradient(to left, #2BB5E8,, transparent 50% );
	*/
}




/*
.card-icon-text .fading-truncator {
  content:'';
  width:100%;
  height:100%;    
  position:absolute;
  left:0;
  top:0;
  background:linear-gradient(to left, #2BB5E8, transparent);
}
*/
/*
.card-icon-text {
  background:linear-gradient(to left, #2BB5E8, transparent);
  background:linear-gradient(transparent 10px, #2BB5E8);
  content:'';
  width:100%;
  height:100%;    
  position:absolute;
  left:0;
  top:0;
}
*/



/* embed version of cards */

.ui.cards>.card.card-with-embed .card-body {
	height: 260px;
}

.ui.cards>.card.card-with-embed .card-body {
	height: 260px;
}

.ui.cards>.card.card-with-embed .embed-container iframe {
	min-width: 215px !important;
}

.ui.cards>.card.card-with-embed>.content.card-body {
    padding: 0 0em;
}

.ui.card, .ui.cards>.card.card-dark  {
	box-shadow: 3px 5px 11px 1px #666;
}


.ui.cards>.card .content.card-header,
.ui.cards>.card .content.search-link-header {
	border-color: #454546 !important;
}

.ui.cards>.card.card-search-card .content.card-header {
	border-color: #454546 !important;
}


.ui.cards>.card .content.card-body {
	border-color: #454546 !important;
}
.ui.cards>.card .content.card-footer,
.ui.cards>.card .content.search-link {
	border-color: #454546 !important;
}



div.ui.icon.input {
	width: 214px;
	height: 37px;
	margin-top:10px;
}
div.ui.icon.input .icon {
	margin-top:10px;
}

.search-search div.ui.icon.input {
	width:242px;
}

.links-holder {	
	margin-top:12px;
	margin-bottom:12px;
	overflow-y:auto;
}

.card-link-list {
  position: static;
  /*height: 155px;*/
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0 10px 0 0;
}

.card-list-item {
	list-style: none;
	padding: 0px 6px 6px 3px;
  color: #37b6e7;
  font-size: 13px;
  text-align: left;
}
.ui.primary.button.main-action {
	margin-bottom:10px;
	height: 37px;
}

.card-info-text {
	font-size:12px;
	line-height:14px;
	text-align:center;
	display: table-cell; 
	vertical-align: middle;	
}


.info-icon {
	position: absolute;
	right:5px;
	bottom:5px;	 	
}

.edit-icon {
	position: absolute;
	left:5px;
	bottom:5px;	 	
}


/* Card info popover */

.ui.cards>.card .full-card-info {
	color: #fff;
	padding: 20px;	
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	border: 0px solid #757576;
  border-radius: 7px !important;
  width: 100%;
	height:100%;
}
.full-card-info-header {
	height: 40px;
	font-size:smaller;
}
.full-card-info-header a {
	color: #fff;
}
.full-card-info-main {
	height: 182px;
	overflow-y: auto;
	margin-bottom: 10px;
	font-size:smaller;
}

.card-list-item.info {
	padding-left: 0px;
}
.card-list-item.info a {
	color:white;
}

.full-card-info-footer {
	height: 50px;
}

.full-card-info-footer button.ui.button {
	background-color:white;
}

/**************************************************/
/*	Info Page         												 		*/
/**************************************************/

.ui.segments.info-cards {
	max-width:750px;
	margin: 0px auto;
}
.info-cards div h2 img {
	vertical-align: middle;
	padding-right:10px;
}
.card-list-item.info a {
	font-size:1rem;
}
.no-top-margin {
	margin-top:0px;
}

/**************************************************/
/*	Search Page         												 	*/
/**************************************************/

#card-results,
#link-results,
#search-search-results {
	margin-top:30px;
}

.card-search-link,
.card-search-card,
.card-search-search {
	cursor: pointer;
}

.search-search {	
	height: 34px;
	padding: 7px 0 0 0;
	margin: 0 7px 0 25px;
}
.search-search a {
	line-height:22px;
}
.search-results {
	width: 260px !important;
}
.search-results h3 {
	text-align:center;
}
.ui.card>.content.search-link-header {
	padding: 2px 10px 1px 14px;
}

.pb-divider-search-link-top {
	position:relative;
	margin:0;
	padding:0;
	top:2px;
	left:-14px;
	width:242px;
	height:1px;
	background-color:rgba(0,0,0,.09)!important;	
}

.ui.card>.content.search-link-header h6 {
	padding-top: 6px;
}
.ui.card>.content.search-link-header img {
	padding-top:6px;
}
.ui.card>.content.search-link {
	padding: 6px 5px 5px 5px;
	text-align:center;
}
#search-page input {
	width: 260px;
}

.search-cursor {
	position:absolute;
	font-size:22px;
	display:none;	
}

.search-cursor-current {
	/* marker for result that has cursor */
}
.search-cursor-target {
	/* marker for results that can have cursor */
}

				
.page-header-grid.dark h3.message,
.page-header-grid.dark div.row.todaysDayOfWeek a ,
.page-header-grid.dark .profile-name,
.page-header-grid.dark .backButtonLabel {
	color: #fff;

}

.page-header-grid.dark .search-input,
.page-header-grid.dark .search-input:focus {	
	color: white;
}