.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-bottom: 10px solid grey;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-top: 10px solid grey;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid grey;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid grey; 
}
.modal-background { background-color: gray; opacity: 0.7; }
#side-nav-toggle {
  background-color:#337ab7;
}
#side-nav-toggle:hover {
  background-color:#226da4;
}
.team-item, .contact-group-item { 
  background-color: #badaff;  
  border-bottom:1px solid black; 
  position: relative;
  padding:5px;
  font-size: large;
  min-height: 70px;
}
.team-item.active, .team-item:hover, .contact-group-item.active, .contact-group-item:hover { background-color: #BAFFFF; }
.team-item div:nth-of-type(1) { position:absolute;top:0;left:0; }
.team-item div:nth-of-type(2) { margin:0 0 0 55px; }
.team-item div:nth-of-type(2) > span { display:block; }
.team-item div:nth-of-type(2) > small { word-wrap: break-word; }
.team-image { width:40px; height: 54px; margin: 8px; }
.contact-group-item small { display: block; }
@media(max-width: 1023px){ .contact-group-item, .team-item { font-size:initial; } }
.inbox-item { 
  background-color: #FFF7BC;  
  border-bottom:1px solid black; 
  padding:13px;
  position: relative;
}
.inbox-item:hover { background-color: #FFF486; }
.inbox-item.new span.glyphicon { color: #B90000; }
.inbox-item.new > div:nth-child(3) { font-weight: bolder; }
.inbox-item span, .inbox-item small { display: block; margin-top: 3px; }
.inbox-item span.glyphicon { font-size: 3rem; margin:15px 0 0 10px; }
.inbox-item-text { margin-left:40px;line-height: 1.6rem; }
.glyph-container { position: absolute;top:0;left:0; }
@media (max-width: 1024px) {.message-window .inbox-item{font-size:small;}}
@media (min-width: 768px){ 
  .side-nav { height: 43vh; overflow-y: scroll; }
  .side-nav.no-inbox { height:73vh; }
  #side-nav-container { display: block; }
  .message-window { height:30vh; border-top: 1px solid black; }
  .message-window-title { height:4vh; background-color: #226da4; color:white; padding: 1vh 15px; font-weight: bolder; overflow: hidden; }
  .message-window-main { height:26vh; overflow-y: scroll; border-bottom: 1px solid black; }
  .message-inbox, .message-window-main { background-color: #FFFEEE; } 
  #conMenuBlockMessages { display:none; }
}
@media (max-width: 767px){ 
  .side-nav { /*max-height: 52vh;*/ overflow-y: auto; border-bottom:1px solid black; }
  .message-window, .message-window-title { display:none; } 
}
.autocomplete_completionListElement[style], .autocomplete_listItem, .autocomplete_highlightedListItem 
{
    background: white;
    border: 1px solid black;
    list-style-type: none !important;
    padding:0px !important;
}
.autocomplete_completionListElement li, .autocomplete_listItem li, .autocomplete_highlightedListItem li 
{
  padding:5px !important;
  border:1px solid grey;
  width:100%;
  margin:0px !important;
}
.autocomplete_completionListElement li:hover, .autocomplete_listItem li:hover, .autocomplete_highlightedListItem li:hover 
{
  background:#eeeeee !important;
}
.round-box-black
{border:1px solid black;border-radius: 6px;}
.round-box-grey
{border:1px solid grey;border-radius: 6px;}
.sticky-top
{
  position: sticky;
  top: 0px;
  z-index: 11;
}
.sticky-top > *:first-child
{
  background-color: #FFF;
  border:1px solid black;
  border-top: 0;
  padding: 10px 0 10px 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.sticky-bottom
{
  background-color: #FFF;
  position: sticky;
  bottom: 0px;
  padding-bottom: 3px;
  padding-top: 3px;
  border:1px solid black;
  border-bottom: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  z-index: 11;
}
.topHeader
{
  border:1px solid black;
  padding: 23px;
}
.topHeader .nav
{
  font-size: larger;
  line-height: 3rem;
}
.topHeader .nav .glyphicon
{
  font-size: 3rem;
  font-weight: bold;
}
.content-row
{
  border:1px solid black;
  border-top:0px;
  border-bottom:0px;
}
.main-content
{
  overflow-y: scroll;
  height: 77vh;
}
.side-nav
{
  background-color: #E0E0E0;  
  overflow-x: hidden;
}
.side-nav .panel
{
  padding:0;
  margin:0;
  background-color: #E0E0E0;  
  border:none;
  border-radius: 0;
  border-bottom:1px solid black;
}
.side-nav .panel .active
{
  background-color: #eee;
}
.side-nav .panel > a
{
  display: block;
  padding:13px;
  text-decoration: none;
  font-weight: bold;
  font-size:larger;
}
.page-footer{
  background-color: #CCCCCC;
  padding:7px 15px 0 15px;
  border: 1px solid black;
  font-size: small;
}
.page-footer address
{
  margin-bottom: 7px;
}
.page-footer div:nth-child(2) p
{
  margin:0 0 5px 0;
  font-size: smaller;
}
#creweyesfooterlogo
{
  width: 80%;
}
.legend
{
  padding:1px 15px 1px 15px;
  margin:0px 3px 0px 3px;
  border:1px solid black;
  border-radius: 6px;
}
.border-top
{
  border-top: 1px solid #EEE;
}
.border-bottom
{
  border-bottom: 1px solid #EEE;
}
.m-top
{
  margin-top: 15px;
}
.m-bottom
{
  margin-bottom: 15px;
}
.m-left
{
  margin-left: 15px;
}
.m-right
{
  margin-right: 15px;
}
.pad-top
{
  padding-top: 15px;
}
.pad-bottom
{
  padding-bottom: 15px;
}
.pad-right
{
  padding-right: 15px;
}
.pad-left
{
  padding-left: 15px;
}
.no-padding
{
  padding:0;
}
.no-margin
{
  margin: 0;
}
.text-bold
{
  font-weight: bold;
}
.text-underline
{
  text-decoration: underline;
}
.checkbox-no-margin > input[type="checkbox"]
{
  margin:0;
}
.form-validator[style*="visibility:hidden"], .form-control[style*="visibility:hidden"]
{
  display: none;
}
.w-100
{
  width: 100% !important;
}
.form-control.disabled
{
  background-color: #DEDEDE;
}
.form-control, .form-group span, span.form-group
{
  white-space: nowrap;
}
textarea.form-control 
{
  white-space: normal;
}
input[type="checkbox"], input[type="radio"]
{
  margin-right: 7px;
  vertical-align: top;
}
input[type="file"]
{
  line-height: 1.6rem;
}
*[style*="DarkRed"], *[style*="Green"],*[style*="darkred"], *[style*="green"], *[style*="background-color:Red"], *[style*="background-color: red"]
{
  color:white !important;
}
.main-content a, a:hover, a:focus
{
  text-decoration: underline;
  color: inherit;
}
a.btn
{
  text-decoration: none;
}

/*Desktop*/
@media (min-width: 768px)
{
  .midOr
  {
    line-height: 6rem; 
  }
  .sticky-margins
  {
    min-height:65vh;
    padding-top: 93px;
  }
  .topHeader
  {
    min-height:12vh;
  }
  .page-footer
  {
    min-height:10vh;
  }
}

/*mobile*/
@media (max-width: 767px)
{
  .sticky-margins
  {
    min-height:50vh;
    padding-top: 130px;
  }
}

@media print
{
  .noprint, .page-footer, .topHeader, .sticky-bottom, .sticky-top, .side-nav, .CSVbtn
  {
    display:none !important;
  }
  .main-content, .content-row
  {
    border:0;
    overflow-y: unset;
  }
  .sticky-margins
  {
    padding: 0;
  }
  a:link:after, a:visited:after 
  { 
    display: none;
    content: "";
  }
  *[style*="DarkRed"], *[style*="Green"], *[style*="background-color:Red"], *[style*="background-color: red"]
  {
    color:black !important;
  }
}