body
{
  background-color: #ffffff;
}
/* authenticate */

.logo-container
{
/*  border-bottom: 1px solid #e0e0e0;  */
}

.background-image-container
{
  border-top: 1px solid white;
  border-bottom: 1px solid #e0e0e0;
}

.logo-container span.logo3
{
  color: #2E74A7;
}

div.login-panel
{
  color: #555;
}
div.authBottomdivider
{
  background-color: #ffffff;
}

/* -------------- */
.search-fragment
{
  background-color: #2E74A7;
  border-bottom-color: #fff;
}
.search-fragment #searchStudySpan
{
  width: 20px;
  height: 20px;
  background: url('../../img/light/glass.svg');
}
.search-input-div
{
  background: #5a98bf url('../../img/light/glass.svg') no-repeat center center;
}
.search-input
{
  background-color: #3e4e59;
  color: #f7f7f7;
  border: 1px solid #5a98bf;
}
.search-input::-webkit-input-placeholder
{
  color: #ebebeb;
  opacity: 0.8;
}
.search-input::-moz-placeholder
{
  color: #ebebeb;
  opacity: 0.8;
}

header
{
  border-bottom: 2px solid #2E74A7;
  background-color: #f7f7f7;
}

/*Menu*/
#toolbarWrapper
{
  border-right: 2px solid #2E74A7;
  background-color: #f7f7f7;
}

.avatarWrapper
{
  color: #333;
}
.avatar
{
  border: 2px solid #6EBCEB;
  background-color: #f4f9ff;
}
.avatarWarning
{
  color: #8A6D3B;
  border-color: transparent transparent #FCF8E3 transparent;
}

.menu.buttons
{
  border-top: 1px solid #ebebeb;
}

.menu .menu-button
{
  color: #333;
  border-top: 1px solid white;
  border-bottom: 1px solid #ebebeb;
}

.menu .menu-button.selected
{
  background-color: #ffffff;
  color: #222;
}
.menu .menu-button:hover
{
  background-color: #ffffff;
}

.exam
{  
  background-color: #ffffff;
  padding-top: 1px;
}
.exam-data-wrapper
{
  border: 1px solid #a3a3a3;
  border-bottom: none!important;
  background-color: #fbfbfb;
}
.exam.clicked .exam-data-wrapper
{
  border: 1px solid #6EBCEB;
}
.exam.clicked .exam-footer
{
  border: 1px solid #6EBCEB;
  border-top: 1px solid #a3a3a3;
}
.exam-payed .exam-data-wrapper, .exam-shared .exam-data-wrapper
{
  border: 1px solid #76b42c;
  border-bottom: none;
}
.exam-data-wrapper .exam-data
{
  color: #333;
}
.exam .exam-icon
{
  background: url('../../img/light/study.svg') no-repeat left center;
}
.exam .share-icon
{
  background: url('../../img/light/share.svg') no-repeat left center;
}
.exam .notes-icon
{
  background: url('../../img/light/notes.svg') no-repeat left center;
}
.exam .notes-icon.active
{
  background-image: url('../../img/light/notes-active.svg');
}
.exam .exam-buttons.locked
{
  background: #2E74A7 url('../../img/light/eye-locked.svg') no-repeat 8px center;
  background-size: 26px;
}
.exam .exam-buttons.show
{
  background: #2E74A7 url('../../img/light/eye.svg') no-repeat 8px center;
  background-size: 32px;
}
.exam.clicked .exam-buttons
{
  background-color: #6EBCEB!important;
}
.exam .esp-popover .title
{
  background-color: #2E74A7;
  color: #fff;
}
.exam .exam-label
{
  color: #111;
}

.divider
{
  border-bottom: 1px solid #999;
}
.edit-overlay
{
  background: #eeeff2 url(../../img/light/edit.svg) no-repeat center center;
}
label.error
{
  color: #bf2026;
}
.help-block
{
  color: #555;
}
.title h2 small
{
  color: #333;
}
.avatar-big
{
  border: 2px solid #6EBCEB;
  background-color: #f0f3f7;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}
.page-panel
{
  /*background-color: #fff;*/
}
.table thead
{
  background-color: #fff;
}

.tab-pane.active
{
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
}

.option-box
{
  color: #333;
  background-color: #f0f3f7;
  border-color: #ddd!important;
}
.option-box.selected
{
  color: #fff;
  background-color: #6EBCEB;
  border-color: #2E74A7!important;
}
.menu-button-content
{
  color: #222;
}

#scrollPageNavMenu .menu-button.selected .menu-button-content
{
  color: #2E74A7;
}

@media only screen and (min-width: 200px)
{
  .search-fragment #searchStudySpan
  {
    margin-top: 9px;
  }
}

@media only screen and (min-width: 768px)
{
  .search-fragment #searchStudySpan
  {
    margin-top: 13px;
  }
  .exam
  {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  }
  .option-box
  {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  }
  .option-box.selected
  {
    box-shadow: none;
  }
}