/* GENERAL */
body {
background-color: transparent;
background-position: top left;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-touch-callout: none;
/* -webkit-user-select: none; */
font-family: Helvetica, sans-serif;
color: #000;
}



body.background-image {
  position:relative;
}

a:link, a:visited, a.link {
text-decoration: none;
color: #00b5f1;
font-family: Helvetica, sans-serif;
}

.content h3.title {
color: #000;
font-family: Helvetica, sans-serif;
font-size: 30px;
padding: 15px 20px;
text-align: center;
}

h3.title, h3.page-title {
border: none;
padding: 0.4em 0.5em;
border-radius: 5px;
padding: 12px 10px;
}

.top-nav-actions a { text-decoration: none; }
.top-nav-actions a svg { padding:0px 8px; max-height: 40px; max-width: 44px; margin-top:20px;}
.top-nav a span{ color: transparent; }
/*.top-nav {
display: inline;
height: 75px;
overflow: hidden;
background-color: transparent;
margin-bottom: 0px;
}

.top-nav .logo {
float: left;
margin-left: 40px;
}

.top-nav .logo img
{
height: auto;
max-height: 65px;
width: auto;
max-width:620px;
margin-top:0px;
}*/

a.paperless-local-link {
  padding: 0 0px;
}

/*.chatter-layout .top-nav {
height: auto;
display: inline;
overflow: hidden;
background-color: transparent;
margin-bottom: 0px;
}
.chatter-layout .top-nav .logo img {
height: auto;
max-height: 65px;
width: auto;
max-width:620px;
}

.chatter-layout .top-nav .chatter-logo img {
height: auto;
max-height: 40px;
width: 80%;
max-width:320px;
margin-top:8px;
}

.chatter-layout .chatter-top-nav{
background-color: #666666;
height: 65px;
padding: 10px 0px 5px 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 99;

}

.top-nav .nav-icon {
font-size: 40px;
margin-right: 25px;
color: #000;
float: right;

}

.chatter-layout .chatter-top-nav .nav-icon {
font-size: 40px;

}
*/
.homescreen {
height: auto;
margin-top: 30px;
}
.homescreen.homescreen-shift-up {
margin-top: 0px;
}




/* HOME LAYOUT */
/* Banners */
/*.animated-slider {
  margin-left: 15px;
}

.scroller {
width: 100%;
height: 230px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 0px;
overflow-y: auto;
overflow-x: auto;
}

.scroller-inner {
padding: 0px;
height: 230px;
font-size: 0 !important;


overflow-x: scroll !important;
overflow-y: hidden !important;
white-space: nowrap !important;
}

.scroller-inner .banner {
width: 455px;
height: 230px;
margin: 0px 30px 0px 0px;
background-size: 455px 230px;
float: none !important;
display: inline-block !important;
white-space: normal !important;
vertical-align: top !important;

}*/

.scroller-inner .banner.none-assigned {
background-color:#afafaf;
border:1px solid #8b8b8b;
color: #3e3e3e;
text-align: center;
font-size:1.3em;
padding:60px 22px;
}
.scroller-inner .banner.none-assigned td {
color: #3e3e3e;
}

.add-banner-link {
font-size: 18px;
}

.scroller-inner .banner.last {
margin-right: 0px;
}

.scroller-inner .banner img {
height: 230px;
width: 455px;
}

.scroller-inner .banner video {
height: auto;
width: 100%;
}

/**
* Sliding Divs For Banners
*/
.sliding {
/* min-height: 100%; */
height: auto;
margin-bottom: 15px;
}
.sliding > .row {
overflow-x: scroll !important;
overflow-y: hidden !important;
white-space: nowrap !important;
}
.sliding > .row [class*="col-lg"],
.sliding > .row [class*="col-md"],
.sliding > .row [class*="col-sm"] {
float: none !important;
display: inline-block !important;
white-space: normal !important;
vertical-align: top !important;
}


/* Buttons */

#button-box {

}

.button-wrapper {
  margin-bottom: 15px;
  text-align: center;
}

.btn-col {margin-top: 20px;}
.buttons-container {
height: 100%;
margin-top: 8px;
/*-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: auto;
overflow-x: auto;*/
}

.buttons-container a{ padding: none;}

.button {
background-size: 138px 138px;
}

.button.last {
margin-right: 0px;
}

.button .label {
display: none;
/* padding-top: 50px; */
}
.homesreen-btn {
padding: 0 !important;
border: 0 !important;
height: 138px;
margin-top:15px;
}
.homesreen-btn img {
padding: 0 !important;
border: 0 !important;
}
.col-sm-8 .homesreen-btn img {
height: 138px;
width: 287px;
}

.col-sm-4 .homesreen-btn img {
height: 138px;
width: 138px;
}

.tilegroup {
margin: 15px 0px 0px 15px;
height: 300px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: auto;
overflow-x: auto;
}



/* Layout 3 homescreen buttons */
/* fixes off kilter spacing */

/*REMOVE SPACING ON LAYOUT 3 BTNS (CADILLAC 6/17)*/

/*.layout3-btn div {
  margin-top:20px;
  max-height:140px;
}

.layout3-btn img {
  height:140px;
  max-height:140px;
}
.layout3-btn.agenda-second-btn {
  padding-left:13px;
}

.layout3-btn.top-left-btn {
  padding-left:3px;
}*/

.layout-3-agenda-now-box {
  padding:20px;
}
.layout-3-agenda-link {
  margin-top:20px;
}
.layout-3-agenda-widget-container {
  padding-bottom:0px !important;
  /*margin-bottom: -14px !important;*/
}

/* Schedule Box */
.schedule-box {

  position: absolute;
/*height: 745px; *//* (230 * 2) + 15 */
/*font-size: 15px;
height: 290px;
background-repeat: no-repeat;
background-size: cover;*/
/* schedule box */
/*background-color: #333;
color: #fff;
margin-bottom: 15px;
cursor: pointer;
padding: 20px;
overflow:hidden;*/
}




.schedule-box h3 {
font-size: 30px;
}
.schedule-box h3.now{
padding-top: 0px;
}

.schedule-box h3 a.main-link {
color: #ffffff;
display:block;
height: 100%;
width: 100%;
}
.schedule-box h3 a.main-link:hover {
text-decoration: none;
}
.schedule-box .now-link {

}
/* If social Feed enabled*/
.clear-right{
clear: right;
}
.clear-left {
clear:left;
}


/*.now-box-half .schedule-box h3 {
padding-left: 10px;
font-size: 22px;
margin-top:0;
margin-bottom: 0;
padding-top: 5px;
}
.now-box-half .schedule-box h3.now{
padding-top: 0px;
}

.now-box-half .schedule-box h3 a {
color: #ffffff;
display:block;
height: 100%;
width: 100%;
}
.now-box-half .schedule-box h3 a:hover {
text-decoration: none;
}
.now-box-half .schedule-box .now-link {
margin-top:-10%;
}
*/

/*.current-schedule-item {
  border:2px solid white;
  width: 100%;
float:left;
max-width:200px;
font-size:16px;
line-height: 1.4em;
padding-top:55px;
}
*/
/*
.current-schedule-item b {
font-size: 20px;
}
.calendar-graphic {
opacity: 0.1;
-moz-opacity: 0.1;
font-size: 230px;
position: relative;
z-index: 2;
}*/


.layout-3-agenda-widget{
  min-height:140px;
  margin-top:20px;
}

.layout-3.calendar-graphic{
  font-size:71px !important;
}

/*.current-date
{
position: relative;
font-size: 60px;
z-index: 10;
left:50px;
margin:0;
padding:0;
width:215px;
height:auto;
text-align: center;
}*/

.layout-3.current-date
{
  top:0 !important;
  left:50px !important;
  font-size:40px !important;
}

/*.now-box-half .current-schedule-item {
position: relative;
float:left;
width: 360px;
max-width: 360px;
font-size:16px;
line-height: 1.2em;
padding-top:3px;
display: block;
}
.now-box-half .current-schedule-item b {
font-size: 16px;
}
.now-box-half .calendar-graphic {
opacity: 0.1;
-moz-opacity: 0.1;
font-size: 60px;
position: relative;
z-index: 2;
right: 25px;
}
.now-box-half .current-schedule-name {
position: absolute;
display: block;
float: left;
}

.now-box-half .current-schedule-time {
width: 170px;
position: absolute;
right: 0;
top: -20px;
display: block;
float: right;
}

.now-box-half #current-date
{
position: absolute;
font-size: 28px;
z-index: 10;
top:35px;
right:25px;
margin:0;
padding:0;
width:55px;
height:auto;
text-align: center;
}*/
/*.now-box-half .now {
width: 400px;
}*/
.chat-body {
pointer-events: all;
}


.chat-form {
background-color: rgba(0, 0, 0, 0.6);
position: fixed;
top:0;
left:0;
bottom:0;
width: 100%;
height: 100%;
pointer-events: all;
z-index: 200;

}

.photo-form {
background-color: rgba(0, 0, 0, 0.6);
position: fixed;
top:0;
left:0;
bottom:0;
width: 100%;
height: 100%;
pointer-events: all;
z-index: 200;

}
.chat-form-inner {
display: block;
position: absolute;
background-color: #fff;
border-radius: 15px;
margin: 0 auto;
bottom: 70;
left:15%;
width: 24%;
height: 300px;
padding: 15px;
}

.chat-form-inner .down-arrow{
position: absolute;
bottom: -20;
left: 40;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.photo-form .chat-form-inner .down-arrow{
position: absolute;
bottom: -20;
left: 50%;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chatter-bottom-menu{
background-color: #666666;
position: fixed;
bottom:0px;
left: 0px;
width: 100%;
height: 55px;
clear: both;
}
.chatter-bottom-menu .btn-write-post,
.chatter-bottom-menu .btn-camera,
.chatter-bottom-menu .btn-refresh-feed{
margin-top:5px;
}

.chatter-bottom-menu .chatter-menu-item {
color: #fff;
font-size: 18px;
padding: 14px 0px 7px 0px;
text-decoration: none;
}
.chatter-bottom-menu .chatter-menu-item > a {
text-decoration: none;
color: #fff;
}
.out .chat-form{
margin-left: 105px;
margin-top: 5px;
margin-bottom: -5px;
}

.chat-form .input-cont { clear:both; }
.chat-form .input-cont .form-control {
border: 2px solid #808080;
width: 100% !important;
margin-top: 0;
background-color: #fff !important;
border-radius: 8px;
height: 80%;
}

.chat-form .input-cont .form-control:focus {
border: 1px solid #4b8df9 !important;
}

.chat-form .btn-cancel {
/*position: relative;
float: left;
color: #808080;
font-size: 18px;
font-weight: normal;
padding-bottom: 5px;*/
}
/*.chat-form .btn-cont {
position: relative;
float: right;
color: #808080;
font-size: 22px;
font-weight: bold;
}
.chat-form .btn-cont a,
.chat-form .btn-cancel a {
color: #808080;
text-decoration: none;
}

.chat-form .btn-cont a{
border-radius: 5px;
border:1px solid #ccc;
background-color: #f2f2f2;
padding:5px 8px 3px 8px;
}*/

.chat-form .btn-camera {

color: #fff !important;
}
.chat-form-inner {
display: block;
width: 600px;
margin-left: auto;
margin-right: auto;
}

.chat-form-inner .chat-form-menu {
display: block;
}

.btn-camera a{color: #fff !important;height:34px;padding-top:8px;}

/*.chat-form .btn-cont .btn {
margin-top: 8px;
height: 35px;
padding-top: 8px;
}
.chat-form .btn-cont:hover .arrow {
border-right-color: #0362fd;
}
.chat-form .btn-cont:hover .btn {
background-color: #0362fd;
}*/
.blue.btn {
color: white;
background-color: #4b8df8;
border-color: "";
}

.form-control {
font-size: 14px;
font-weight: normal;
color: #333333;
background-color: white;
border: 1px solid #e5e5e5;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.chat-form .pull-right{
/*position: absolute;
right: 10px;
top: 0px;*/
}

.chat-form .input-cont .form-control {
border: 1px solid #ddd;
width: 100% !important;
margin-top: 0;
background-color: #fff !important;
margin-top: 10px;
}

.chats {
height: 616px;
min-height:310px;
overflow-y:scroll;
word-wrap: break-word;
-webkit-overflow-scrolling: touch;
pointer-events: all;
}

/** 4 button layout chatter highlights box ccc **/
.social-body .chats {
margin-top:5px;
display: block;
margin-left: auto;
margin-right: auto;
width: 450px;
padding-left: 0px;
padding-right: 0px;
/*max-height: 550px;*/
max-height: 500px;
overflow: scroll;
background-color: #f2f2f2;
padding: 10px;
padding-top: 30px;
-webkit-overflow-scrolling: touch;
}

/** 6 button layout chatter highlights box **/
.social-box .social-body .chats {
max-height: 250px !important;
background-color: #f2f2f2;
padding: 30px 10px 10px 10px;
}

.chatter-highlight-image {
width: 360px;
}

.social-body .chats li {border: none !important; font-size: 14px;}
.social-body .comment-box {
display: block;
width: 150px;
float: right;
text-align: right;
}
.social-body .post-feed-item {
display: block;
margin-left: 75px;
}
.social-body .post-author-photo {
display:block;
width: 70px;
height: 70px;
margin-left: 0px;
}

.social-help {
/*position: absolute;*/
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 5px;
}

.comments{display: none;list-style: none;padding-left: 0; background-color:rgba(0, 0, 0, 0.3);
margin-top: 10px;
padding-top: 10px;
}
.comments.show{display: block !important;}
.chats {
width: 100%;
padding-left: 80px;
}
.social-placeholder {margin-top:20px;}
.title-image {
margin-bottom: 20px;
}
.chatter-box {
pointer-events: none;
}
.like-post:not(.liked) {
color: #000 !important;
}
.like-comment:not(.liked){
color: #000 !important;
}
.comment-box {
width: auto;
margin-left:20px;
}
.post-author-photo {
display:block;
width: 70px;
height: 70px;
float: left;
margin-left: -80px;
}


.post-author-photo img{
width: 70px;
height: 70px;
height: auto;
margin-top: -10px;
margin-left:-10px;
/*border-radius: 30px;*/
border-radius: 2px solid #555;
}

.post-author-name.xs-layout{
display: block;
float:left;
font-size: 20px;
}
.post-author-photo-xs {
display:block;
width: 70px;
height: 70px;
float: left;
}
.post-author-photo_xs img{
float: left;
width: 70px;
height: 70px;
height: auto;
margin-top: 0px;
margin-left:0px;
border-radius: 2px solid #555;
}

/*.post-body {clear:left;}*/


.post-feed-item {
/*display: block;*/
}
.post-item-div {
display: block;
color: #000;
background-color: #fff;
clear:right;
padding: 10px;
}
.post-item {
display: block;
margin-bottom: 20px;
}

.post-author-name {
display: block;
font-size: 20px;
color: #fb6e3f;

}
.post-author-name.xs-layout{
display: none;
}
.post-body {
margin-top: 5px;
margin-bottom: 10px;
word-wrap: break-word;
font-size: 18px;
line-height: 1.2em;
font-weight: 300;
}

.post-body > a {
color:#fb6e3f;
}

.post-created{ padding-bottom: 5px;}
.post-created-at {
font-size: 12px;
color: #555;
}

.post-created-at.xs-layout{
display:none;
}

.post-footer {
border-top:1px solid #7c7c7c;
padding-top:10px;
font-size: 16px;
font-weight: bold;
}
.post-footer > a{
color: #000;
text-decoration: none;
}
.post-footer .seperator{
font-weight: normal;
}


.comment-author-photo {
display:block;
width: 70px;
height: 70px;
float: left;
margin-left: -70px;
}
.comment-author-photo img{
width: 60px;
height: 60px;
height: auto;
border-radius: 30px;
border-radius: 2px solid #555;
}
.comment-feed-item {
display: block;
}
.comment-item-div {
display: block;
color: #000;
clear:right;
}
.comment-item {
display: block;
margin-bottom: 20px;
padding-left: 120px;
}

.comment-author-name {
display: block;
font-size: 18px;
color: #000;
}
.comment-created-at {
margin-left: 20px;
font-size: 14px;
color: #555;
}
.coment-body {
margin-top: 10px;
margin-bottom: 10px;
word-wrap: break-word;
font-size: 22px;
font-weight: 300;
}


.img-holder {
margin-top: 10px;
display: block;

}
.show-more {
width: 100%;
display: block;
border: none;
background: #f1ad04;
color: #fff;
text-align: center;
padding: 20px;
font-size: 14px;
margin-bottom: 72px;
}
.img-holder:not(.img-small){max-width: 100%; height: auto;}
.img-holder:not(.img-small) img{max-width: 100%; height: auto;}
.img-holder .fa {color: #ccc;}
.img-holder:not(.img-small) .fa-expand {display: none;}
.img-holder.img-small {max-width: 400px; height: 100px;}
.img-holder.img-small img {max-width: 400px; height: 100px;}
.img-holder.img-small .fa-compress {display: none;}
.img-zoom {text-align: left;margin-top: -25px;margin-left:5px;}




.comment-ul .input-cont {
margin-right: 80px;
margin-left: 44px;
}
.comment-ul .input-cont .form-control {
border: 1px solid #ddd;
width: 100% !important;
margin-top: 0;
background-color: #fff !important;
}
.comment-ul .input-cont .form-control:focus {
border: 1px solid #4b8df9 !important;
}
.comment-ul .btn-cont {
margin-top: -42px;
margin-right:40px;
position: relative;
float: right;
width: 44px;
}

.comment-ul .btn-cont .arrow {
position: absolute;
top: 17px;
right: 43px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #4d90fe;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.comment-ul .btn-cont .btn {
margin-top: 8px;
}
.comment-ul .btn-cont:hover .arrow {
border-right-color: #0362fd;
}
.comment-ul .btn-cont:hover .btn {
background-color: #0362fd;
}

.comment-ul .btn-cont .btn {
margin-top: 8px;
}
.comment-ul {
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: normal;
color: #333333;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.comment-ul .input-cont .form-control {
border-bottom: none;
width: 100% !important;
margin-top: 0;
background-color: #fff !important;
}

.chat-hashtags {
background-color:#f2f2f2;
pointer-events: all;
height: 86%;
}
.chatter-trending-topics{
color: #000;
margin-top:15px;
padding: 10px 0;
font-size: 22px;
border-top: 1px solid #808080;
}

.hashtag-list {
list-style: none;
margin-right:0px;
padding-left:18px;
padding-right:0;
padding-bottom: 10px;
border-bottom: 1px solid #808080;
margin-bottom: 15px;
}

.hashtag-list li {
text-align:left;
margin-bottom:5px;
font-weight: normal;
font-size: 20px;
color:#fb692d;
}

.hashtag-list li a {
color:#fb692d;
}

.chatter-help {
font-size: 13px;
color:#fb692d;
display: block;
border-bottom: 1px solid #808080;
padding-bottom: 12px;
margin-bottom: 12px;
text-decoration: none;
line-height: 1.4em;
}
.chatter-help:hover{
text-decoration: none;
}

.current-hash-tag{
margin-bottom:10px;
font-weight: 800;
font-size: 20px;color: #fb692d;
}


.btn-refresh-feed{
position: relative;
}
/*.refresh-feed {width: 150px;}*/
.chat-form .input-cont {margin-left: 0 !important;}
.well{background-color:rgba(0, 0, 0, 0.3) !important;margin-top: 10px;}

.help-box{text-align:left;font-size: 14px;}
.help-header {display: block;text-align: left;font-weight: 800;font-size:20px;padding-bottom: 5px;}

.help-box > a {
color: #fb692d;
}

/* DESIGN */
/* buttons */

/*.button {
  margin: 0px 15px 15px 0px;
background-position: bottom center;
background-repeat: no-repeat;
text-align: center;
font-family: Helvetica, sans-serif;
}*/

.button .label {
text-align: center;
color: #000;
font-family: Helvetica, sans-serif;
}

/* banners */
.scroller-inner .banner {
background-color: transparent;
}

/*.schedule-box h3 {
color: #fff;
}*/

.material-container{
width:100%;
height:100%;
overflow: scroll;
overflow-y: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
margin-bottom:15px;
background-color: #fff;
}

.material-container > img {
width: 100%;
}


/*** LIBRARIES ***/

/* LAYOUT */
.material-link {
/*margin-bottom: 15px;*/
}

.material-link a {
display: block;
}

.library-container{
background-color: #fff;
height: 100%;
overflow: hidden;
}

.library-container .tab-content {
/* padding: 6px 6px; */
padding: 0px !important;
background-color: #fff;
height: calc(100% - 42px);
/*width: 100%;*/
}

.current-material {
    /* top: 40px; */
    margin: 0px;
    padding: 15px 15px;
    margin-bottom:0px;
    z-index: 99999;
    font-size: 26px;
}

#question-plugin-form {
  height: calc(100% - 42px);
}

.question-plugin-container {
border-radius: 0px;
padding:0.2em;
background-color: #fff;
height: 100%;
}

.library-container h3.title,
.library-container h3.page-title,
.question-plugin-container h3.title,
.question-plugin-container h3.page-title {
margin-top:0px;
border-radius: 0;
font-weight: 100;
margin-bottom: 0px;
}

.library-container #sidebar-nav {
border-right: 1px solid #eee;
padding-right: 0;
height: 90%;
overflow: scroll;
overflow-y: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}

li.material-link {
border-bottom: 1px solid #e3e3e3 !important;
margin-bottom: 0;
margin-top: 0 !important;
}

.material-link i:not(.hamburger-bars) {
opacity: 0;
margin-right: 50px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.material-link i.visible {
opacity: 1;
margin-right: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: all .5s;
-webkit-transition: all .5s;
}
.nav-pills > li > a,
.nav-pills > li > a:hover
.nav-pills > li > a:focus {
border-radius: 0;
padding: 15px;
font-weight: 100;
}


/*.material-content*/
/*{*/
/*width: 100%;*/
/*height: 400px;*/
/*overflow: scroll;*/
/*-webkit-overflow-scrolling: touch;*/
/*}*/

/*.html-container*/
/*{*/
/*height: auto;*/
/*width: 100%;*/
/*}*/

/*.pdf-container*/
/*{*/
/*height: auto;*/
/*width: 100%;*/
/*}*/

/*.html-container img*/
/*{*/
/*width: 100%;*/
/*}*/

/*** QUESTIONS ***/

/* LAYOUTS */

.question-categories {
padding: 20px 0px 0px 0px;
}

.question-input {
width: 100%;
min-height: 150px;
/*margin-bottom: 20px;*/
}

/* DESIGN */

.question-categories .form-control {
font-size: 22px;
text-align: center;
line-height: 1.4em;
height: auto;
}

.question-text {
font-size: 22px;
text-align: center;
line-height: 1.4em;
}

.question-plugin-content {
padding: 0px 5px;
}

#question-plugin-confirmation-background {
position:absolute;
top:0;
left:0;
z-index:10;
width:100%;
height:100%;
opacity:0.8;
background-color:#000;
}

#question-plugin-confirmation-message {
position:absolute;
top:0;
left:0;
z-index:12;
width:100%;
height:100%;
}

#question-plugin-confirmation-message .message-content {
width:95%;
margin:0 auto;
margin-top:15%;
text-align:center;
color:#000;
font-size:18px;
background-color:#fff;
padding:20px;
border-radius:8px;
}

.question-btn {
  height: 80px;
  font-size: 28px !important;
  width:75%;
  margin: 0 auto;
}

/** question-plugin attendee in-app display ***/
.questions-plugin-message p{
  clear: both !important;
  text-align: center !important;
  padding: 5px 0px !important;
}
.question-page-title {
  background-color: transparent !important;
  color: #000 !important;
  font-weight: bold !important;
  border-radius: 0px !important;
  border: 1px solid #ccc !important;
  background-color: #f1f1f1 !important;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.question-page-title span{
  font-weight: normal !important;
  font-size: 0.8em !important;

}
.questionBody{
  clear: both !important;
  padding:0px 15px !important;
}

.questionBody h1.attendee-name{
  font-size: 1.2em !important;
  font-weight: bold !important;
  padding-bottom: 0px !important;
}
.questionBody textarea.qplugin-textarea{
  padding: 8px !important;
}
.questionBody .qplugin-category{
  padding-top: 3px !important;
  font-size: 0.8em !important;
}

.question-count{
  font-weight: bold !important;
  line-height: 2.0em !important;
}
.questions-container-qplugins
{
  height: 100%; !important;
  border:1px solid transparent !important;
  clear:both !important;
  overflow: scroll !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
}
.questions-container-qplugins.presenter
{
  /* height: 525px !important; */
}

.question-plugin-btn{
  margin-right: 6px !important;
  margin-top: 8px !important;
  font-size: 0.7em !important;
}
.reply-question-plugin{
  text-align:right !important;
  margin-top: 8px !important;
  font-size: 0.8em !important;
}
.question-tab-btn
{
  opacity: 0.6 !important;
  background-color: #333 !important;
  border:1px solid #333 !important;
  font-size: 1.2em !important;
  min-width: 48% !important;
}
.qplugin-category{
  text-align: left !important;
  line-height: 2.0em !important;
}
.question-tab-btn.selected
{
  opacity: 1.0 !important;
  background-color: #333 !important;
  border:1px solid #333 !important;
  font-size: 1.2em !important;
}

.presenter-attendee-name{
  font-size: 1.2em !important;
  font-weight: bold !important;
}
p.question-plugin-instructions{
  padding:10px;
  font-size: 0.8em !important;
  line-height: 1.3em !important;
  background-color:#fff;
  text-align: center;
}
/*********/

/* Question reddit voting */
#question-voting-container {
  height: calc(100% - 42px);
  overflow: scroll;
  background-color: #fff;
}

#popular_questions .question-item, #question_recent .question-item {
  /* min-height: 100px; */
  margin: 0px auto 25px;
  border-bottom: 1px solid #bbb;
}
.col-md-12.question-item > div {
    padding: 10px 0px;
}
#popular_questions .question-standing span, #question_recent .question-standing span {
  display: block;
}
.voting {
  cursor: pointer;
  background: transparent;
  border: 0px !important;
  outline: 0 !important;
}
.voted {
  color: orange;
  cursor: pointer;
}

#question-anonymous {
  display: flex;
  align-items: center;
}

#question_voting {
  margin-top: 14px;
}

#question_voting .question-title {
  /* color: #000; */
}

#question_voting .asked-by {
  font-size: 14px;
}

/*********/

.homescreen-bottom-section {
padding-top: 15px;
}

.page-title {
border-bottom: 1px solid #666;
margin-bottom: 15px;
}

.card {
background-color: white;
padding: 15px;
margin-bottom: 15px;
}

.card-image {
display: inline-block;
height: 70px;
width: 70px;
font-size: 70px;
}

.card-image .glyphicon-user {
color: rgba(0, 0, 0, 0.2)
}

.card-info {
display: inline-block;
margin-left: 10px;
vertical-align: top;
}

.card-title {
font-weight: 400;
}

.card-meta {
color: #999999;
font-size: 12px;
font-weight: 100;
line-height: 1.7em;
}

.card-meta i {
width: 20px;
text-align: center;
}

.question-plugin-text {
padding: 10px 0px;
}


/* SCHEDULE ITEMS */

div.tab-content.schedule-items-list{
  padding-left:0px;
  padding-right:0px;
}

.schedule-items-list{
  padding:15px 0px;
  height: 92%;

}


.schedule-tabs {
/*background-color: #f1f1f1;*/
border-radius:4px 4px 0 0;
}
.schedule-tabs>li {
border-radius:4px 4px 0 0;
margin-right:5px;
}
.schedule-tabs>li>a {
background-color: #dfdfdf;
border:1px solid #cbcbcb;
font-size:16px !important;
}
.schedule-items-list .card-title { font-size: 20px;}
.schedule-items-list .card-meta {font-size: 17px;}

.nav-tabs.schedule-tabs > li > a {
border-radius:0;
}

.schedule-tabs > li > a {
border-radius: 0;
background-color: white;
font-size: 15px;
border-top: 0;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 2px solid white !important;/* matches border heigh for active tab*/
}

.schedule-tabs > li:first-of-type > a {
border-left: 0;
}

.schedule-tabs > li:last-of-type > a {
border-right: 0;
}

.schedule-tabs > li.active > a {
color: white !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 2px solid white !important;
border-style: inset;
}

.tab-content {
  padding: 15px;
  background-color: transparent;
}

/* Schedule item individual day view */

#schedule-items-today {
  height: calc(100% - 42px);
  overflow: scroll;
}
.individual-schedule-item {
  padding: 15px 0px;
  border-bottom: 1px solid #eee;
}

/** Progress View **/

  .active-agenda-item{
    padding: 30px;
    /*width: 80%;*/
  }
 .active-agenda-item .current-active-time{
      font-weight: bold;
      font-size: 3.0em;
      width: 31%;
      float:left;
      padding-top: 10px;
  }
  .active-agenda-item .current-active-title{
      width: 69%;
      float:right;
  }
  .active-agenda-item .current-active-title .title{
      font-weight: bold;
      font-size: 1.2em;
      letter-spacing: 1px;
      margin-bottom: 2px;
  }
  .active-agenda-item .current-active-title .location{
      font-size: 0.9em;
      letter-spacing: 1px;
  }
  .attendence{
      background-color: #b4b4b4;
      border:1px solid #dcd8d6;
      text-align: right;
      height: 30px;
      padding-left: 0px;
      padding-top: 12px;
  }
  .progress-bar{
      background-color: #ffff00;
      margin-top: -10px;
      height: 40px;
      margin-left: 2px;
      text-transform: uppercase;
      height: 150%;
      margin-bottom: -30px;
  }
  .capacity{
      float:right;
      margin-top: -5px;
      margin-right:5px;
  }


  .progressContainer {
    margin-top:10px;
  }

@media (max-width: 767px),
screen and (max-device-width: 767px)
{

    .active-agenda-item .current-active-time{
        font-weight: bold;
        font-size: 1.4em;
        width: 100%;
        float:none;
        padding-top: 2px;
        padding-bottom: 5px;
    }
    .active-agenda-item .current-active-title{
        width: 100%;
        float:none;
    }
    .active-agenda-item .current-active-title .title{
        font-weight: bold;
        font-size: 1.2em;
        letter-spacing: 1px;
        margin-bottom: 2px;
    }
    .active-agenda-item .current-active-title .location{
        font-size: 0.9em;
        letter-spacing: 1px;
    }
}


/** * **/

.btn-primary:not(#main_submit_btn):not([type="submit"]) {
color:#fff !important;
}

h4.card-title{
font-size: 22px !important;
font-weight: 800;
}

.card-meta{
margin-left: 20px;
}

.circle {
width: 80px;
height: 80px;
text-align: center;
padding: 22px 0;
font-size: 32px;
-moz-border-radius: 70px;
-webkit-border-radius: 70px;
border-radius: 70px;
}

.schedule-item-times {
padding-top: 12px;
font-size: 22px;
font-weight: 100;
}

.schedule-item-locations {
margin-bottom: 15px;
margin-top: 15px;
}



/* DIRECTORIES */
.directory-list {

height: 92%;
overflow: scroll;
overflow-y: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}


/* INTERACTIVE MAP */
.map-image {
margin-top: 0px;
position: relative;
background-repeat: no-repeat;
margin: 0px auto;
}

.booth
{
position: absolute;
width: auto !important;
height: auto !important;
min-width: 44px;
max-width: 550px;
padding: 10px;
font-size: 20px;
border-radius: 5px;
float:left;
text-align: center;
box-shadow: 0px 0px 7px #222;
font-family:Helvetica;
display:block;
cursor:pointer;
}

.hide {
display: none;
}

.show {
display: inline;
}
.map-popup {
position: absolute;
background-color: #f1f1f1;
width:100%;
height: 100%;
top:0;
left:0;
margin-top: 100px;
z-index:300;
}
.map-popup .map-popup-title { background-color:#333; color: #fff; }

.map-popup-text {
padding:40px 50px 50px 50px;
font-size:22px;
line-height: 1.5em;
}

.map-popup-title {
padding:1em;
font-size:25px;
font-weight:bold;
padding: 50px 30px 50px 50px;
}
.close-container {
margin-top:-30px;
float:right;
display:block;
line-height: 1.1em;
width:200px;
margin-top:-25px;
text-align:center;
}

.close,
.close:link,
.close:visited,
.map-popup-close,
.map-popup-close:link,
.map-popup-close:visited {
opacity: 1.0;
text-shadow: none;
font-size: 0.7em;
font-weight: normal;
color: #fff;
}








/** ANIMATIONS FOR INTERACTIVE MAP **/

/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;

animation-duration: 1.2s;
-webkit-animation-duration: 1.2s;

animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;

visibility: visible !important;
}

@keyframes slideLeft {
0% {
transform: translateX(105%);
opacity: 0.0;
}
80%{
/*transform: translateX(10%);*/
opacity: 0.2;
}
100% {
transform: translateX(0%);
opacity: 1.0;
}
}

@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(105%);
opacity: 0.0;
}
80%{
/*-webkit-transform: translateX(10%);*/
opacity: 0.2;
}
100% {
-webkit-transform: translateX(0%);
opacity: 1.0;
}
}


/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;

animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;

animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;

visibility: visible !important;
}

@keyframes fadeIn {
0% {
transform: scale(0);
opacity: 0.0;
}
60% {
transform: scale(0);
opacity: 0.0;
}
80% {
transform: scale(1.1);
}
90% {
transform: scale(0.9);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}

@-webkit-keyframes fadeIn {
0% {
-webkit-transform: scale(0);
opacity: 0.0;
}
60% {
-webkit-transform: scale(0);
opacity: 0.0;
}
80% {
-webkit-transform: scale(1.1);
}
90% {
-webkit-transform: scale(0.9);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}


/*
==============================================
popIn
==============================================
*/

.popIn{
animation-name: popIn;
-webkit-animation-name: popIn;

animation-duration: 2.0s;
-webkit-animation-duration: 2.0s;

animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;

visibility: visible !important;
}


.popIn2{
animation-name: popIn;
-webkit-animation-name: popIn;

animation-duration: 2.3s;
-webkit-animation-duration: 2.3s;

animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;

visibility: visible !important;
}


.popIn3{
animation-name: popIn;
-webkit-animation-name: popIn;

animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;

animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;

visibility: visible !important;
}



@keyframes popIn {
0% {
transform: scale(0);
opacity: 0.0;
}
85% {
transform: scale(0);
opacity: 0.0;
}
90%{
transform: scale(0.95);

}
95% {
transform: scale(1.15);
}
97% {
transform: scale(0.98);
}
100% {
transform: scale(1);
opacity: 1.0;
}
}

@-webkit-keyframes popIn {
0% {
-webkit-transform: scale(0);
opacity: 0.0;
}
85% {
transform: scale(0);
opacity: 0.0;
}
90%{
-webkit-transform: scale(0.95);
}
95% {
-webkit-transform: scale(1.15);
}
97% {
-webkit-transform: scale(0.98);
}
100% {
-webkit-transform: scale(1);
opacity: 1.0;
}
}


/*
==============================================
showPopup
==============================================
*/

.showPopup{
animation-name: showPopup;
-webkit-animation-name: showPopup;

animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;

animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;

visibility: visible !important;
}

@keyframes showPopup {
0% {
transform: scale(0);
opacity: 0.0;
display: block;
}
100% {
transform: scale(1);
opacity: 1.0;
display: block;
}
}

@-webkit-keyframes showPopup {
0% {
-webkit-transform: scale(0);
opacity: 0.0;
display: block;
}
100% {
-webkit-transform: scale(1);
opacity: 1.0;
display: block;
}
}

/*
==============================================
hidePopup
==============================================
*/

.hidePopup{
animation-name: hidePopup;
-webkit-animation-name: hidePopup;

animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;

animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;

visibility: visible !important;
}

@keyframes hidePopup {
0% {
transform: scale(1);
opacity: 1.0;
}
99%{
transform: scale(0);
opacity: 0.0;
}
100% {
transform: scale(0);
opacity: 0.0;
display: none;

}
}

@-webkit-keyframes hidePopup {
0% {
-webkit-transform: scale(1);
opacity: 1.0;
display: block;
}
99%{
-webkit-transform: scale(0);
opacity: 0.0;
display: none;
}
100% {
-webkit-transform: scale(0);
opacity: 0.0;
display: none;
}
}


/*
==============================================
fadeInQuestion
==============================================
*/


.fadeInQuestion{
animation-name: fadeInQuestion;
-webkit-animation-name: fadeInQuestion;

animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;

animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;

visibility: visible !important;
}

@keyframes fadeInQuestion {
0% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@-webkit-keyframes fadeInQuestion {
0% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}

.fadeOutQuestion{
animation-name: fadeOutQuestion;
-webkit-animation-name: fadeOutQuestion;

animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;

animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;

visibility: visible !important;
}

@keyframes fadeOutQuestion {
0% {
opacity: 1.0;
}
100% {
opacity: 0.0;
}
}
@-webkit-keyframes fadeOutQuestion {
0% {
opacity: 1.0;
}
100% {
opacity: 0.0;
}
}

#interactiveMapQuestionChoices {
float: right;
position: relative;
left: -50%;
text-align: left;
}

/**
 * Sliding Bootstrap Col
 */
.sliding{
  /*min-height: 100% !important;*/
  height: auto !important;
}
.sliding > .row {
   overflow-x:scroll !important;
   overflow-y:hidden !important;
   white-space:nowrap !important;
}
.sliding > .row [class*="col-lg"], .sliding > .row [class*="col-md"], .sliding > .row [class*="col-sm"] {
    float:none !important;
    display:inline-block !important;
    white-space:normal !important;
    vertical-align:top !important;
}


/** EF STYLES **/

.top-nav {padding-right:10px;}
.top-nav a { text-decoration: none; }
.top-nav a svg { padding:0px 8px; max-height: 40px; max-width: 44px; margin-top:-15px;}

.content h3.title {
color: #000;
font-family: Helvetica, sans-serif;
font-size: 30px;
padding: 15px 20px;
text-align: center;
}

/*h3.title, h3.page-title {
border: none;
padding: 0.4em 0.5em;
border-radius: 5px;
padding: 12px 10px;
}*/

/*.schedule-box { padding:15px 10px 20px 5px; border:1px solid yellow; }
.schedule-box a {color:#000;}
*/
.announcement-link { margin:15px;  border-radius: 8px; }
.announcement-icon { width:10%; padding:0; float:left; text-align: center; }

.announcement-icon svg {
    fill: #717981;
    width: 100%;
    max-height: 80px;
}
.announcement-body { width:90%; text-align: left; color:#59636a; padding:4px 0 0 2px; font-size: 0.9em; line-height: 1.1em; }

/*
.current-schedule-item {
  width: 600px !important;
  display: block !important;
  background-color: white !important;
}*/

#schedule_box a.main-link { padding-top: 95px; }


.schedule-icon {display:block !important; width: 25%; float: left; text-align: right;  }
.schedule-icon svg {fill: #8a8a8a; width: 90%; max-height: 50px; padding-top:0px;margin-right: 15px; /*margin-top: -1.3em;*/}
.schedule-icon span { color: transparent; }
.schedule-body { display:block !important; float:left; width:75%; border-left:7px solid #56b8db; padding: 0px 10px; }

.now-link { width: 100%; display: block; padding-top: 2vh;}

.schedule-body .current-schedule-name {font-size: 1.0em; line-height: 1.0; font-weight: 600;}
.schedule-body .current-schedule-time { font-size:0.8em;  }
.schedule-body .current-schedule-date { font-size:1.0em; line-height: 1.5em;  }


/* LIBRARY + AGENDA ****************************************/
.menu-icon {color:#fff; background-color: #64c0aa; max-height:75px; text-align: center;}
.left-menu { float:left; width:20%; background-color:#f8f8f8; /*min-height: 90%;*/ height: 100%; }
.left-menu .menu-icon {  padding:18px; font-size: 2.5em; }
.right-content {width: 80%; min-height: 90%; float:left; }
.right-content .page-title { font-size:1.3em; max-height: 75px; padding:25px 30px; }
.right-content .page-title .title {float:left; width: 80%;}
/* .right-content .top-container {background-color:#f8f8f8;} */

.right-content .back-button {float:right; color: #000; width: 20%; text-align: right;}
.right-content .back-button a {color:#000; text-decoration: none;}
.right-content .page-content {padding:20px;}
.right-content .page-content .tab-pane {display: none;}
.right-content .page-content .tab-pane.active {display:block;}

.left-menu .menu-items { overflow: scroll; min-height: 70%;}
.left-menu .menu-items ul{ margin:0px;  padding-left:15px;}
.left-menu .menu-item { display: block !important; padding: 20px 10px; width: 100%; }
.left-menu .menu-item a { color:#000; text-decoration: none; }
.left-menu .menu-item span {display:inline-block;border-left:4px solid transparent; }
.left-menu .menu-item.active span{ padding:5px 6px;font-weight: bold; border-left:4px solid #000;}

.right-content .menu-icon { display: none; float:left; padding:10px 0px; text-align: center; font-size: 1.7em;max-width: 20%;}


.mobile-menu {display: none; background-color: #fff; padding-top: 5px; white-space: nowrap; max-width: 100%; width: 100%;overflow: scroll; -webkit-overflow-scrolling:touch; border-bottom: 15px solid #000;}
/*.mobile-menu .menu-items ul li { display:inline !important; padding:10px 20px 0px 20px;  min-width: 120px;}*/
.mobile-menu .menu-items ul li { display:inline; padding:10px 20px 0px 20px;  min-width: 120px;}
.mobile-menu .menu-items ul li a {color:#000; text-decoration: none;}
.mobile-menu .menu-item.active span{ padding:3px 0px; margin:0 20px; font-weight: bold; border-bottom: 4px solid #000;  }

.mobile-menu .menu-item:first-child span { margin-left:0px; }
.mobile-menu ul {padding-left:20px; margin-bottom: 10px;}

.day-header { font-size:1.1em; padding:2px 0px;text-align: center; background-color: #222446;color: #fff; }
.day-header-date {font-size: 1.2em; line-height: 1.5em; margin-top:-5px;}

.item-th, .description-th {width:50%;}

.agenda-container .page-content {padding: 0px; height: calc(100% - 80px);}
.agenda-list {overflow: scroll; -webkit-overflow-scrolling:touch; /*max-height: 80%*/ height: 100%; }
.day-container .day-agenda-items {padding:20px;}
.day-container .day-agenda-items table {width:100%;}
.day-container .day-agenda-items table tr th { width: 50%; border-bottom: 1px solid #333; padding:10px 0px; font-size: 1.4em; font-weight: normal; }
.day-container .day-agenda-items table tr td{  padding: 15px 0px; border-bottom: 1px solid #ccc;}
.day-container .day-agenda-items table tr:last-child td {border-bottom: none;}
.day-container .day-agenda-items .schedule-item-name {font-size: 1.3em; padding-bottom: 5px;}
.day-container .day-agenda-items .schedule-item-location,
.day-container .day-agenda-items .schedule-item-date { font-size: 0.9em;padding-bottom: 4px; }
.schedule-info-container {padding-left:5px; }

.agenda-container .mobile-menu {border-bottom:none;}

/* #schedule_box { display: block !important; flex: none !important;  clear: both !important; margin-top: 200px; } */
/*.current-plugin-link a.link {margin-top:18px !important;}*/
.plugin-btn { background-color: brown; border-radius: 6px; letter-spacing: 1px; padding: 5px 10px; color: #ffffff; font-size: 11px;}
/* MOBILE DEVICES */
  /* mobile in general */
  @media screen
    and (min-width : 320px)
    and (max-width : 1000px) {

        #schedule_box a.main-link { padding-top: 45px; }
        /*.schedule-icon { padding: 10px 0 10px;  }*/
        /*.schedule-body { font-size: 125%;  }*/

        .top-nav {padding-right: 10px;}
        .top-nav a svg {padding:0px 6px; max-height: 32px; margin-top:-22px;}
        .homescreen-container { overflow: auto; -webkit-overflow-scrolling:touch;}

        /* LIBRARY + AGENDA */
        .day-header { font-size:1.0em; }
        .day-header-date {font-size: 1.2em; font-weight: bold; line-height: 1.5em; margin-top:-7px;}

        .left-menu { display:none; }
        .right-content {width: 100%; }
        /* .right-content .menu-icon {display: inline-block; padding: 15px 15px} */
        .agenda-container .page-title { margin-bottom: 0px; height: 42px; }
        .right-content .page-title { width:100%;float:left; padding: 10px; }
        .right-content .page-title .title {width: 72%; overflow: hidden; padding-top:4px; min-height:29px;}
        .right-content .back-button { width: 22%;  padding-top: 4px;  }
        .right-content .back-button a {font-size: 0.6em;}
        .mobile-menu {display: block; }
        .top-container { height: 80px; }

        .description-td {display: none; width: 0;}
        .description-th {display: none; width: 0;}
        .item-th {width: 100%; display: none;}
        .schedule-item-description {
          font-size: 0.8em;
        }
        .schedule-item-library-link {
          padding-top:10px;
        }
    }

   /**** PHONES ****/

    /* iphone 4 */
    @media screen
      and (width : 320px)
      and (height: 480px)
    {
        .homescreen-container { /*max-height: 406px;*/ }
        .tablet-content-container{ display: none; }
        .top-nav a svg {max-height: 30px;}

        .right-content .page-title { width:78%;}
        .right-content .back-button { width: 19%;  padding-top: 10px;}
        .right-content .back-button a {font-size: 0.5em;}
        /* .agenda-list {max-height:310px;} */
        .page-content {
          height: calc(100% - 80px);
        }
        .right-content {max-height: 87%; min-height: 50%;}
    }

    /* iphone 5 */
    @media screen
      and (width : 320px)
      and (height : 568px)
    {

        .top-nav- a svg {max-height: 29px;}

        .homescreen-container { max-height: 489px; }
        .tablet-content-container{ display: none; }
        .right-content .page-title { width:80%;}
        .right-content .back-button { width: 19%;  padding-top: 10px;}
        .right-content .back-button a {font-size: 0.5em;}
        /* .agenda-list {max-height:380px;} */
        .page-content {
          height: calc(100% - 80px);
        }
        .right-content {min-height: 50%;}
    }

    /* galaxy note 3  */
    @media screen
      and (min-width : 360px)
      and (max-width : 640px)
    {

        /* .homescreen-container { max-height: 566px; } */
        .tablet-content-container{ display: none; }
        /* .agenda-list {max-height:470px;} */
        .page-content {
          height: calc(100% - 80px);
        }
        .right-content {min-height: 70%;}
    }

    /* iphone 6 */
    @media screen
      and (width : 375px)
      and (height : 667px)
    {
        .homescreen-container { max-height: 593px; }
        .tablet-content-container{ display: none; }
        .right-content {min-height: 80%;}
        /* .agenda-list {max-height:490px;} */
        .page-content {
          height: calc(100% - 80px);
        }
    }

    /* iphone 6 plus */
    @media screen
      and (width : 414px)
      and (height : 736px)
    {
        .homescreen-container { max-height: 662px; }
        .tablet-content-container { display: none; }
        /*.right-content {min-height: 80%;}*/
        /* .agenda-list {max-height:560px;} */
        .page-content {
          height: calc(100% - 80px);
        }
    }

    /* nexus 6 */
    @media screen
      and (width : 412px)
      and (height : 732px)
    {
        .homescreen-container { max-height: 658px;}
        .tablet-content-container { display: none; }
        /* .agenda-list {max-height:560px;} */
        .page-content {
          height: calc(100% - 80px);
        }
    }


    /******* TABLETS *******/

    @media screen
      and (min-width: 1024px) {
        .page-content {
          height: calc(100% - 50px);
        }
        /*.agenda-list,*/ .left-menu .menu-items {max-height:618px;}
    }

    /* ipad */
    @media screen
      and (height : 768px)
      and (width : 1024px)
    {
        /*.agenda-list,*/ .left-menu .menu-items {max-height:618px;}
    }

    /* ipad pro */
    @media screen
      and (height : 1024px)
      and (width : 1366px)
    {
        .top-nav-actions {padding-right:20px;}
        .right-content,.left-menu {min-height: 92%;}
        .agenda-list, .left-menu .menu-items {max-height:875px;}
    }

    /* nexus 7 */
    @media screen
      and (height : 600px)
      and (width : 960px)
    {
        .top-nav {padding-right:20px;}
        .right-content,.left-menu {min-height: 80%;}
        .agenda-list, .left-menu .menu-items {max-height:435px;}
    }



/************/


/* Navigation bar for internal pages */
.page-nav {
  height: 42px;
  margin: 0px;
  background: #bcbec0;
  display: flex;
  align-items: center;
}

.page-nav .item-title {
  font-size: 1.2em;
}

.page-nav .item-title-back {
  font-size: 0.8em;
}

/* HIDE ON SMALL DEVICES - do not delete */
.hidden-xs {
  display: none;
}



/*Loading Animation for submit buttons*/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  margin: 4px;
  border: 3px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}