body {
  color: #5f5f5f;
}

/*--------------------------------Page header-----------------------*/
.didactus-page-header {
  background-color: #00AAC8;
}

.didactus-page-header a
header#top .user-logged h5,
header#top .user-logged .logged-user-nav-btn .logged-user-caret-container span,
.didactus-page-header,
header#top > a:first-child,
header#top h1 a,
header#top .navbar-default li a {
  color: #ffffff;
}

header#top .navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff
}

header#top > a:first-child {
  background-color: #5f5f5f;
}

header#top .user-not-logged li:hover,
header#top .user-not-logged li:focus,
header#top .user-logged .logged-nav-buttons:hover {
  background-color: #2dcc70
}

/*---------------------header - dropdown menu------------*/
header#top .dropdown-menu {
  background-color: #00AAC8;
}

header#top .user-logged .dropdown.open,
header#top .user-logged .dropdown-menu {
  background-color: #2dcc70
}

header#top .user-logged .dropdown-menu:before {
  border-color: transparent transparent #2dcc70 transparent;
}

header#top .user-logged .dropdown-menu li:hover, header#top .user-logged .dropdown-menu li:focus,
header#top .user-logged .dropdown-menu li:active {
  background-color: #53B976
}

header#top .user-logged .dropdown-menu li {
  border-bottom-color: #53B976;
}

header#top .user-logged .dropdown-menu li a {
  color: #ffffff;
}

/*--------------------------------------------searcher---------------------------------------------*/
#form-search {
  background-color: #ffffff;
}

#form-search .dropdown.open .dropdown-menu li a,
#form-search .dropdown #dropdownSearch,
#form-search button[type="submit"] {
  color: #ffffff
}

#form-search .dropdown {
  border-right-color: #dcdcdc;
}

#form-search .dropdown #dropdownSearch {
  background-color: #75c3d7;
}

#form-search .dropdown #dropdownSearch:hover,
#form-search .dropdown.open #dropdownSearch,
#form-search .dropdown.open .dropdown-menu {
  background-color: #2dcc70;
}

#form-search .dropdown.open .dropdown-menu:before {
  border-color: transparent transparent #2dcc70 transparent;
}

#form-search .dropdown.open .dropdown-menu li {
  border-bottom-color: #53B976
}

#form-search .dropdown.open .dropdown-menu li:hover, #form-search .dropdown.open .dropdown-menu li:focus {
  background-color: #53B976
}

#form-search button[type="submit"]:hover, #form-search button[type="submit"]:focus,
#form-search button[type="submit"]:active,
#form-search button[type="submit"] {
  background-color: #bdc3c7
}

/*----------------------------------registration---------------------------------------------*/
.registration-label a, .registration-label a:hover {
  color: #fff;
}

.registration-form button {
  background-color: #00AAC8;
  color: #fff;
}

.registration-form {
  color: #969696;
}

#approval_text {
  color: #969696;
}

.registration-form a {
  color: #969696;
!important;
}

.registration-form a:hover {
  color: #969696;
!important;
}

.registration-form {
  background-color: #fff;
}

.help-block {
  color: #a94442;
}

.authorize-background {
  background-color: #f0f0f0;
}

/*----------------------------------------------------Player--------------------------------------------------------*/
.modal-dialog-resource-fullscreen .modal-header {
  background: #5f5f5f;
  color: #fff
}

.resourceLightboxMenu > a {
  color: #fff;
}

.resourceLightboxMenu > a:hover, .resourceLightboxMenu > a:focus {
  color: #00aac8
}

.resourceLightboxMenu .popover {
  border-color: #5f5f5f
}

.resourceLightboxMenu .popover .popover-content {
  color: #5f5f5f;
}

/*---------------------------Preloader---------------------------*/
.resourceLightboxPreloader, .did-preloader {
  background-color: #ffffff !important;
}

/*--------------------------Tree----------------------------*/
/*------------------ vertical menu with icons---------------*/
#burger {
  background-color: #5f5f5f;
}

/*Tree vertical menu item*/
#burger a,
#burger a.lockdown-clicked:hover {
  color: #ffffff;
}

/*Tree vertical menu selected and hover item*/
#burger a:hover,
#burger a.active {
  color: #00aac8
}

#burger button:hover, #burger button.active, .static-icon:hover {
  color: #00aac8 !important
}

#burger button.lockdown-clicked:hover {
  color: #fff
}

#did-nav-content {
  background: #fff;
}

.mCustomScrollBox {
  background: #fff
}

#burger button {
  color: #fff;
}

.dashboard #dashboard-cards .dashboard-box {
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  border-color: #00aac8
}

.dashboard #dashboard-cards .dashboard-box h1, .dashboard #dashboard-cards .dashboard-box h2,
.dashboard #dashboard-cards .dashboard-box h3, .dashboard #dashboard-cards .dashboard-box h5,
.dashboard #dashboard-cards .dashboard-box > h3:first-of-type,
.dashboard #dashboard-cards .dashboard-box > h3:first-of-type a,
.dashboard #dashboard-cards .dashboard-box > h3:first-of-type a:hover,
.dashboard #dashboard-cards .dashboard-box > h3:first-of-type a:focus
.dashboard #dashboard-cards .dashboard-box h6,
.dashboard #dashboard-cards .dashboard-box h4 a,
.dashboard #dashboard-cards .dashboard-box ul li a,
.dashboard #dashboard-cards .dashboard-box ul li:last-child.full-list a {
  color: #ffffff
}

.dashboard #dashboard-cards .dashboard-box a {
  color: #dcdcdc
}

.dashboard #dashboard-cards .dashboard-box ul li,
.dashboard #dashboard-cards .dashboard-box ul li:last-child.full-list {
  border-color: #dcdcdc
}

.dashboard #dashboard-cards .dashboard-box ul li:hover,
.dashboard #dashboard-cards .dashboard-box ul li:focus,
.dashboard #dashboard-cards .dashboard-box ul li:hover:last-child.full-list,
.dashboard #dashboard-cards .dashboard-box ul li:focus:last-child.full-list {
  background-color: rgba(0, 0, 0, 0.2);
}

/*------------------------drag&drop-----------------------------------*/
.drag-destination.highlight {
  background-color: #ffd455 !important
}

.resource-box-container.drag-destination.highlight {
  border-color: #ffd455;
  background-color: rgba(255, 212, 85, 0.25) !important;
}

.resource-box-container.drag-destination.selected {
  background-color: rgba(151, 187, 27, 0.51) !important;
}

.drag-destination.selected {
  background-color: #97bb1b !important
}

/*---------------------------------Filters--------------------------------------*/
#filterContainer .clear-all {
  background-color: #5f5f5f;
  border-color: #5f5f5f;
}

#filterContainer .filter-dropdown {
  border-color: #00AAC8;
}

#filterContainer .filter-dropdown.open, #filterContainer .filter-dropdown:hover,
#filterContainer .filter-dropdown:focus {
  background-color: #00AAC8
}

#filterContainer .filter-dropdown.open button, #filterContainer .filter-dropdown:hover button,
#filterContainer .filter-dropdown:focus button {
  color: #fff
}

#filterContainer .filter-dropdown .dropdown-menu li button {
  color: #5f5f5f;
}

#filterContainer .filter-dropdown .dropdown-menu li.filter-clear-group {
  border-color: #787878;
}

#filterContainer .filter-dropdown .dropdown-menu li.filter-clear-group button {
  color: #a94442;
}

a#filterContainer .filter-dropdown .dropdown-menu li.filter-clear-group button:hover {
  color: #843534;
}

#filterContainer .filter-dropdown .dropdown-menu li.filter-clear-group button:hover {
  color: #843534;
}

.filters ul li button {
  color: #fff
}

.did-filters .filter-dropdown {
  border-color: #00b3d3;
}

.did-filters .filter-dropdown.open, .did-filters .filter-dropdown:hover,
.did-filters .filter-dropdown:focus {
  background-color: #00b3d3;
}

.did-filters .filter-dropdown.open button, .did-filters .filter-dropdown:hover button,
.did-filters .filter-dropdown:focus button {
  color: #fff
}

.did-filters .filter-dropdown .dropdown-menu li button {
  color: #5f5f5f;
}

.did-filters .filter-dropdown .dropdown-menu li.filter-clear-group {
  border-color: #969696
}

.did-filters .filter-dropdown .dropdown-menu li.filter-clear-group button {
  color: #a94442;
}

a.did-filters .filter-dropdown .dropdown-menu li.filter-clear-group button:hover {
  color: #843534;
}

.did-filters .filter-dropdown .dropdown-menu li.filter-clear-group button:hover {
  color: #843534;
}

.did-section-header .did-filter-box,
header .did-filter-box {
  border-left-color: #00aac8;
}

/*-------------------------------------------------------------------------------------------------*/
.nav-list ul li:nth-child(even),
.base-menu .simple-list .nav-list ul li:nth-child(even) {
  background-color: #00aac8
}

.nav-list ul li:nth-child(odd),
.base-menu .simple-list .nav-list ul li:nth-child(odd) {
  background-color: #00b3d2
}

.simple-list .nav-list ul li:nth-child(even) {
  background-color: #f5f5f5;
}

.simple-list .nav-list ul li:nth-child(odd) {
  background-color: #fff;
}

.nav-list ul li.item-main,
.nav-list ul li.item-selected,
.base-menu .simple-list .nav-list ul li.item-selected {
  background-color: #5f5f5f
}

.nav-list ul li:hover {
  opacity: 0.8;
}

.simple-list .nav-list ul li a {
  color: #5f5f5f;
}

.simple-list .nav-list ul li.item-selected {
  background-color: #dcdcdc;
}

.nav-list ul li a.active {
  background-color: #5f5f5f;
  color: #fff
}

.nav-list ul li i,
.nav-list ul li a,
.nav-list ul li button,
.base-menu .simple-list .nav-list ul li a,
.simple-list .nav-list ul li.item-selected a {
  color: #fff;
}

.flat-list li {
  background-color: #00aac8;
}

.flat-list li:nth-child(odd) {
  background-color: #00b3d2
}

.flat-list li.item-selected {
  background-color: #5f5f5f
}

.flat-list li:hover {
  opacity: 0.8;
}

.flat-list li a.active {
  background-color: #5f5f5f;
  color: #fff
}

.flat-list li i,
.tree-list ul li a,
.flat-list li a,
.tree-list ul li i {
  color: #fff
}

.tree-list ul li {
  background-color: #00aac8;
}

.tree-list ul li a.active {
  background-color: #5f5f5f;
  color: #fff
}

.tree-list ul li i:hover {
  color: #00aac8
}

.tree-list ul.grades li {
  background-color: #5f5f5f
}

.tree-list ul.grades li li {
  background-color: #fff;
  color: #5f5f5f
}

.tree-list ul.grades li li a {
  color: #5f5f5f;
}

.tree-list ul.grades li li li {
  background-color: #fff;
  color: #5f5f5f
}

.tree-list ul.grades li li li.selected {
  background-color: #00b3d2
}

.tree-list ul.grades li li li.selected > a {
  color: #fff
}

.tree-list ul.grades li li i {
  color: #5f5f5f
}

.tree-list ul.grades li.selected {
  background-color: #00b3d2
}

.tree-list ul.grades li.selected > i,
.tree-list ul.grades li.selected > a {
  color: #fff;
}

.nav-list ul li.item-selected, .shared-bar.item-selected {
  background-color: #dcdcdc
}

.shared-bar.section-header.item-selected .section-header-title h2 a {
  color: #5f5f5f;
}

.nav-list ul li.item-selected a i,
.nav-list ul li.item-selected a {
  color: #5f5f5f;
}

.paper-view-layout .section-header .section-header-options a,
.paper-view-layout .section-header .section-header-options a:hover,
.paper-view-layout .section-header .section-header-options a:focus {
  color: #00aac8;
}

.paper-view-layout .section-header .section-header-options .filterToggle {
  color: #00aac8;
  border-color: #00aac8
}

.paper-view-layout .resources-cointainer .resource-box-container .resource-box .resource-box-title i,
.paper-view-layout .resources-cointainer .resource-box-container .resource-box .resource-box-title a,
.paper-view-layout .resources-cointainer .resource-box-container .resource-box .resource-box-info i,
.paper-view-layout .resources-cointainer .resource-box-container .resource-box .resource-box-additional-info i,
.paper-view-layout .resources-cointainer .resource-box-container .resource-box .resource-box-title span {
  color: #5f5f5f
}

.resources-cointainer.horizontal .resource-box-container .resource-box-title .type-icon,
.resources-cointainer.horizontal .collection-box-container .resource-box-title .type-icon {
  border-right-color: #dcdcdc;
}

.paper-view-layout .resources-cointainer.horizontal .resource-box-container,
.paper-view-layout .resources-cointainer.horizontal .resource-box-container:last-child,
.paper-view-layout .resources-cointainer.horizontal .resource-box-container .resource-box .resource-box-info ul li {
  border-color: #dcdcdc;
}

.paper-view-layout .resources-cointainer.horizontal .resource-box-container .resource-box .resource-box-info ul li a,
.paper-view-layout .resources-cointainer.horizontal .resource-box-container .resource-box .resource-box-additional-info ul li a,
.paper-view-layout .paper-view-tasks .section-header .section-header-title h1 {
  color: #5f5f5f;
}

.paper-view-layout .paper-view-tasks .section-header .section-header-options a.btn,
.paper-view-layout .paper-view-tasks .show-more-all button,
.paper-view-layout .task-overview .show-more-all button,
.paper-view-layout .collections-overview .show-more-all button,
.paper-view-layout .resources-overview .show-more-all button,
.paper-view-layout .classes-overview .show-more-all button {
  color: #00aac8
}

.btn.btn-link.functional-button {
  color: #00aac8
}

.paper-view-layout .resources-cointainer .resource-box-container .resource-box {
  background-color: #f5f5f5;
}

/*----------------------------------------------user profile view----------------------------------------*/
.profile-container .masterheader {
  background-color: #dcdcdc
}

.profile-container .masterheader .btn-close {
  color: #ffffff
}

.profile-container .masterheader .btn-close:hover, body.profile .profile-container .masterheader .btn-close:focus,
.profile-container .primary-nav .profile-picture .edit-picture i:hover,
.profile-container .primary-nav .profile-picture .edit-picture i:focus {
  color: #2dcc70
}

.profile-container .primary-content .btn-edit:hover, body.profile .profile-container .primary-content .btn-edit:focus {
  background-color: #2dcc70
}

.profile-container .primary-nav {
  background-color: #5f5f5f;
  color: #ffffff
}

.profile-container .primary-nav .user-menu ul li a,
.profile-container .primary-content .btn-edit a {
  color: #ffffff;
}

.profile-container .primary-nav .user-menu ul li:hover,
.profile-container .primary-nav .user-menu ul li:focus {
  background-color: #787878;
}

.profile-container .primary-nav .user-menu ul li {
  border-color: #75c3d7;
}

.profile-container .primary-content {
  background-color: #ffffff;
}

.profile-container .primary-content .btn-edit {
  background-color: #75c3d7;
  color: #fff
}

.profile-picture-container {
  background-color: #fff;
}

/*------------------------------Resource box-------------------------------------------*/
.resource-box {
  background-color: #f5f5f5;
}

.resource-box-additional-info {
  color: #5f5f5f;
  background-color: #f5f5f5;
}

.resource-box .resource-box-additional-info,
.resource-box .resource-box-info,
.resource-box .resource-box-info ul.dropdown-menu li a:hover {
  color: #5f5f5f;
}

.resource-box .resource-box-info ul li a:hover, .resource-box .resource-box-info ul li a:focus,
.resource-box .resource-box-additional-info ul li a:hover, .resource-box .resource-box-additional-info ul li a:focus,
.resource-box .resource-box-image {
  color: #fff;
}

.resource-box .resource-box-image {
  position: relative;
}

.resource-box .resource-box-info ul li i,
.resource-box .resource-box-additional-info ul li i {
  color: #5f5f5f
}

.resources-cointainer.horizontal .resource-box.not-logged .resource-box-info,
.resources-cointainer.horizontal .resource-box .resource-box-additional-info,
.resources-cointainer.horizontal .resource-box.not-logged .resource-box-additional-info,
.resources-cointainer.horizontal .resource-box .resource-box-info {
  background-color: #fff
}

.resources-cointainer.horizontal .resource-box .resource-box-additional-info a:hover,
.resources-cointainer.horizontal .resource-box .resource-box-additional-info a:focus,
.resources-cointainer.horizontal .resource-box .resource-box-info a:hover,
.resources-cointainer.horizontal .resource-box .resource-box-info a:focus {
  color: #00aac8;
}

.resource-details .resource-details-starred {
  color: #fff;
}

figure.resource-preview figcaption pre, pre.clear-pre, figure.resource-preview {
  background-color: #fff;
}

.did-gray-text {
  color: #dcdcdc;
}

.border-bottom {
  border-bottom-color: #dcdcdc;
}

.border-top {
  border-top-color: #dcdcdc;
}

.row-light {
  background-color: #f9f9f9;
}

.img-student-not-accepted:after {
  background-color: rgba(0, 0, 0, 0.2);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}

/*----------------------------Section header----------------------------------------------------*/
.section-summary.dark-color {
  background-color: #5f5f5f !important;
  color: #fff !important;
}

.dark-font-color {
  color: #5f5f5f !important;
}

.light-color {
  background-color: #dcdcdc;
  color: #5f5f5f
}

/*-------------------------------section header-------------------------------*/
.section-header {
  background-color: #5f5f5f;
  color: #fff;
}

.section-header.main-color {
  background-color: #00aac8
}

.picture-button.main-text-color {
  color: #00aac8;
}

.section-header .section-header-title h1 a, .section-header .section-header-title h2 a,
.section-header .section-header-title h3 a, .section-header .section-header-title h4 a {
  color: #fff
}

.section-header .section-header-options ul li.filterToggle {
  border-color: #fff;
  color: #fff;
}

.section-header .section-header-title.list-title i.arrow-left:after {
  border-left-color: #fff
}

.section-header .section-header-title i.arrow-left:after {
  border-left-color: #f0f0f0
}

.section-header .section-header-title i.arrow-right:after {
  border-right-color: #fff
}

.section-header .section-header-title i.arrow-bottom:after {
  border-bottom-color: #5f5f5f;
}

.section-header .section-header-title i.arrow-top:after {
  border-top-color: #5f5f5f;
}

.section-header.light-color {
  color: #5f5f5f !important;
  background-color: #dcdcdc !important
}

.section-header.light-color a:hover, .section-header.light-color a:focus {
  color: #fff;
}

.section-header.main-color i.arrow-right:after {
  border-left-color: #00aac8
}

.section-header.main-color i.arrow-bottom:after {
  border-top-color: #00aac8
}

.section-header.main-color i.arrow-top:after {
  border-bottom-color: #00aac8
}

.section-header.white-color {
  background-color: #fff;
  color: #5f5f5f
}

.section-header.white-color i.arrow-right:after {
  border-left-color: #fff
}

.section-header.white-color i.arrow-bottom:after {
  border-top-color: #fff
}

.section-header.white-color i.arrow-top:after {
  border-bottom-color: #fff
}

/*----------------------------------------------------------------------------------------------*/
/* ----------------------inputs---------------------------------------*/
input[type="file"] {
  border-color: #dcdcdc !important;
  background: #fff !important;
  color: #5f5f5 !important;
}

select, input {
  border-color: #dcdcdc;
  background-color: #fff;
}

select option {
  background-color: #fff !important;
  border-color: #dcdcdc !important;
}

.didactus-control-placeholder:-moz-placeholder,
.didactus-control-placeholder:-ms-input-placeholder,
.didactus-control-placeholder::-moz-placeholder,
.didactus-control-placeholder::-webkit-input-placeholder {
  color: #5f5f5;
}

::-webkit-input-placeholder {
  color: #5f5f5;
}

::-moz-placeholder {
  color: #5f5f5;
}

/* firefox 19+ */
:-ms-input-placeholder {
  color: #5f5f5;
}

/* ie */
input:-moz-placeholder {
  color: #5f5f5;
}

/* individual: webkit */
#input::-webkit-input-placeholder {
  color: #5f5f5;
}

#input::-webkit-input-placeholder {
  color: #5f5f5;
}

/* individual: mozilla */
#input::-moz-placeholder {
  color: #5f5f5;
}

/*----------------------------navigation--------------------------*/
.did-resource-tree .base-menu .simple-list .title *:not(a) {
  color: #5f5f5f
}

/*------------------------------------------------------------------------*/
.di.main-color {
  color: #00aac8;
}

.di.disabled {
  /*color: #dcdcdc !important;*/
}

/*--------------------resource details breadcrumb---------------*/
.breadcrumb-nav {
  background-color: #dcdcdc;
}

.breadcrumb-nav > li + li:before {
  color: #00AAC8;
}

.breadcrumb-nav li:last-child a {
  color: #5f5f5f;
}

.breadcrumb-nav > .active {
  color: #5f5f5f;
}

/*---------------------resource details dropdown------------------*/
.resource-item-dropdown {
  background-color: #ffffff;
}

.dropdown-menu.resource-item-dropdown {
  background-color: #ffffff;
  color: #5f5f5f;
}

.dropdown-menu.resource-item-dropdown > li > button {
  color: #5f5f5f;
}

/*----------------------------------------------------------------*/
.middle-header {
  color: #5f5f5f;
}

.resource-details .row .resource-details-starred.pull-left .di.icon-back {
  color: #5f5f5f;
}

/*-------------------------------donut-chart--------------------------*/
.donut-chart g path.punch-out {
  fill: #f5f5f5;
  stroke: #f5f5f5;
}

.donut-chart g path {
  stroke: #f5f5f5;
}

.donut-chart circle {
  fill: #fff;
}

/*--------------------------------------------------------------*/

.simple-list .title {
  background-color: #00b3d2;
  color: #fff;
}

.base-menu .simple-list .title {
  background-color: #fff;
  color: #fff;
}

/*---------------------------------- users statistics table --------------------------------------*/
.did-table,
.did-table .did-table-header {
  color: #5f5f5f;
}

.did-table.did-table-hover-colored .did-table-row:hover {
  background: #f5f5f5;
}

.did-table.did-table-hover-colored .did-table-row:hover [class*="did-table-cell"]:hover {
  background: #f0f0f0;
}

.did-table .did-table-row [class*="did-table-cell"] {
  border-bottom-color: #f5f5f5;
  border-right-color: #f5f5f5;
}

/*----------------------------------List item box---------------------------------------------------*/
.did-subtitle {
  color: #dcdcdc;
}

.did-tool-box .btn,
.did-tool-box button,
.did-tool-box a,
.did-title-box a {
  color: #5f5f5f !important;
}

.did-tool-box .btn,
.did-tool-box button:hover,
.did-tool-box a:hover,
.did-title-box a:hover {
  color: #5f5f5f;
}

.did-tool-box.main-color .btn,
.did-tool-box.main-color button,
.did-tool-box.main-color a,
.did-title-box.main-color a {
  color: #fff !important;
}

.did-tool-box.main-color .btn,
.did-tool-box.main-color button:hover,
.did-tool-box.main-color a:hover,
.did-title-box.main-color a:hover {
  color: #fff;
}

.did-tool-box.main-color .dropdown-menu .btn,
.did-tool-box.main-color .dropdown-menu button,
.did-tool-box.main-color .dropdown-menu a,
.did-title-box.main-color .dropdown-menu a {
  color: #5f5f5f !important;
}

.did-tool-box.main-color .dropdown-menu .btn,
.did-tool-box.main-color .dropdown-menu button:hover,
.did-tool-box.main-color .dropdown-menu a:hover,
.did-title-box.main-color .dropdown-menu a:hover {
  color: #5f5f5f;
}

.did-tool-box.main-color-outline .btn,
.did-tool-box.main-color-outline button,
.did-tool-box.main-color-outline a,
.did-title-box.main-color-outline a {
  color: #00aac8 !important;
}

.did-tool-box.main-color-outline .btn,
.did-tool-box.main-color-outline button:hover,
.did-tool-box.main-color-outline a:hover,
.did-title-box.main-color-outline a:hover {
  color: #00aac8;
}

.did-tool-box.main-color {
  background-color: #00aac8;
  color: #fff;
}

.did-title-box.main-color {
  background-color: #00aac8;
  color: #fff;
}

.did-show-grid .did-list-item *[class*="-box"] {
  border-top-color: #dcdcdc;
  border-left-color: #dcdcdc;
}

.did-show-grid .did-list-item:last-of-type *[class*="-box"] {
  border-bottom-color: #dcdcdc;
}

.did-title-box i.arrow-left:after {
  border-left-color: #f0f0f0
}

/*---------------------------Modal item list-----------------------------------------------------------*/
.list-item {
  border-top-color: #dcdcdc;
}

.list-item:hover {
  background-color: #f5f5f5;
}

.list-item .icon {
  border-right-color: #dcdcdc;
}

.list-item .date {
  border-left-color: #dcdcdc;
}

/*---------------------------Multi data list-----------------------------------------------------------*/
.multi-data-list {
  border-color: #ddd;
  background-color: #fff;
}

.dropdown-menu.multi-data-list-dropdown {
  background-color: #fff;
  color: #5f5f5f;
}

.dropdown-menu.multi-data-list-dropdown > li > a {
  color: #5f5f5f;
}

/*-----------------ng-tags-input------------------------------------------------------------*/
tags-input .tags .tag-item {
  color: #FFFFFF;
}

tags-input .autocomplete .suggestion-item.selected .did-subtitle {
  color: #bdc3c7;
}

tags-input .autocomplete .suggestion-item.selected .did-subtitle em,
tags-input .autocomplete .suggestion-item em,
tags-input .autocomplete .suggestion-item .did-subtitle em,
tags-input .autocomplete .suggestion-item.selected em,
tags-input .autocomplete .suggestion-item.selected {
  color: #5f5f5f;
}

.has-error tags-input .tags {
  border-color: #843534;
}

tags-input.ng-invalid .tags {
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

tags-input .tags .tag-item {
  background: #75c3d7;
  border-color: #75c3d7;
}

/*------------------Paper-view-layout----------------------------*/
.paper-view-layout,
.paper-view-layout .section-root,
.paper-view-layout.type-a > section,
.paper-view-layout.type-b > section {
  background-color: #ffffff;
}

.paper-view-layout.type-a .section-header .section-header-title dl dt input:focus {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
}

.paper-view-layout.type-a .section-header .section-header-options a.btn {
  color: #00aac8
}

.paper-view-layout.type-a .section-header .section-header-options .di.icon-back {
  color: #ffffff;
}

.paper-view-layout.type-a .section-header.light-color .section-header-options .di.icon-back {
  color: #5f5f5f;
}

.paper-view-layout.type-a .title-with-label .section-header {
  background-color: #dcdcdc;
}

.paper-view-layout.type-a .title-with-label .section-header h1,
.paper-view-layout.type-a .title-with-label .section-header h2,
.paper-view-layout.type-a .title-with-label .section-header h3,
.paper-view-layout.type-a .title-with-label .section-header p,
.paper-view-layout.type-a .section-header .section-header-title h1,
.paper-view-layout.type-b .items-overview .section-header .section-header-title h1,
.paper-view-layout .section-toolbox i[class*="icon-"],
.paper-view-layout .section-toolbox a,
.paper-view-layout.type-a .section-overview .form-group h2 {
  color: #5f5f5f;
}

.paper-view-layout.type-b .items-overview .section-header .section-header-title h2 {
  color: #929292;
}

.paper-view-layout.type-a .title-with-label .section-header-options a.btn,
.did-secondary-text-color .btn,
.did-secondary-text-color button,
.did-secondary-text-color a,
.did-secondary-text-color a {
  color: #00aac8
}

.paper-view-layout.type-b .items-overview .section-header .control-group {
  color: #5f5f5f;
}

.paper-view-layout.type-a .section-overview.type-a {
  background-color: #f9f9f9;
}

/*------------------------------------siple grid-----------------------------------*/
.row.did-grid-item {
  border-top-color: #dcdcdc;
}

.did-params-group-changed {
  color: #a94442;
}

.resourceLightboxMenu a:hover, .resourceLightboxMenu a:focus,
.resourceLightboxMenu button:hover, .resourceLightboxMenu button:focus {
  color: #00aac8
}

.resourceLightboxPageSwitcher a, .resourceLightboxPageSwitcher button {
  color: #dcdcdc;
}

.resourceLightboxPageSwitcher a:hover, .resourceLightboxPageSwitcher a:focus,
.resourceLightboxPageSwitcher button:hover, .resourceLightboxPageSwitcher button:focus {
  color: #00aac8
}

.resourceLightboxPageSwitcher a:hover:not (.switcherDisabled ),
.resourceLightboxPageSwitcher button:hover:not (.switcherDisabled ) {
  color: #fff
}

.resourceLightboxPageSwitcher .switcherDisabled {
  color: #787878;
}

.resources-cointainer.horizontal .resource-box .student-box-info {
  background-color: #fff;
}

.resource-box-container.student-box-container .resource-box-image a {
  color: #00aac8;
}

/*---------------------------bootstrap------------------------------*/
.btn-primary {
  color: #ffffff;
  background-color: #00aac8;
  border-color: #0094af;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #00aac8;
  border-color: #0094af;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: rgba(0, 170, 200, 0.8);
  border-color: #0094af;
}

.form-control {
  color: #5f5f5f;
  border-color: #dcdcdc;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.btn-link {
  color: #00aac8;
}

.btn-link:hover {
  color: rgba(0, 170, 200, 0.8);
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

a {
  color: #00aac8;
}

a:hover {
  color: #00aac8;
}

.did-btn-normal {
  color: #ffffff;
  background-color: #5f5f5f;
  border-color: #525252;
}

.did-btn-normal:hover,
.did-btn-normal:focus,
.did-btn-normal:active,
.did-btn-normal.active,
.open > .dropdown-toggle.did-btn-normal {
  color: #ffffff;
  background-color: #5f5f5f;
  border-color: #525252;
}

/*-----------------------------------Body focus----------------------------*/

.form-control:focus,
.form-control:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active,
input:focus,
input:active {
  outline: none !important;
}

header#top > a:first-child:focus,
header#top > a:first-child:active,
header#top .navbar-default li a:focus,
header#top .navbar-default li a:active,
.did-btn-normal:hover,
.did-btn-normal:focus,
.did-btn-normal:active,
.did-btn-normal.active,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
#form-search .dropdown #dropdownSearch:focus,
#form-search .dropdown #dropdownSearch:active,
#burger a:active,
#burger a:focus,
#burger button:active,
#burger button:focus,
header#top .navbar-header a:active,
header#top .navbar-default li button:active,
header#top .navbar-header a:focus,
header#top .navbar-default li button:focus,
header#top .dropdown-menu li a:active,
header#top .dropdown-menu li button:active,
header#top .dropdown-menu li a:focus,
header#top .dropdown-menu li button:focus,
.did-picture-button.dropdown-toggle button:active,
.did-picture-button.dropdown-toggle button:focus,
.dropdown.pull-right button.did-picture-button:active,
.dropdown.pull-right button.did-picture-button:focus,
.did-secondary-text-color button:active,
.did-secondary-text-color button:focus,
.profile-picture:focus,
.profile-picture:active,
button.close:focus,
button.close:active,
#form-search button[type="submit"]:focus,
#form-search button[type="submit"]:active,
a:focus img,
a:active img,
.dashboard-icon:focus i,
.dashboard-icon:active i,
a:focus p.task-title,
a:active p.task-title,
label.fileUpload:focus {
  outline: none !important;
}

tags-input.ng-invalid .tags.focused {
  border-color: #00b3d2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

tags-input.ng-invalid .tags.focused {
  border: 1px solid #00b3d2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.has-error tags-input .tags.focused {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

/*--------------------------------------Login page------------------------------------------------*/
.didactus-idp .main-panel .main-panel__subsection--form .main-panel__subsection--form__submit-btn {
  text-align: center;
  background-color: #00aac8 !important;
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  line-height: 42px;
  outline: 0;
  width: 100%;
}

.create-private-group-section,
.large-info {
  color: #00aac8;
}

a.did-picture-button:hover {
  text-decoration: none;
}

.paddingTop15 {
  padding-top: 15px
}

.column-right.wide {
  display: table;
  width: 100%;
}

#mCSB_2_container {
  width: 100% !important
}

#passwordChangeSuccess a {
  text-decoration: underline;
}

.link-box a, label[for=remember] {
  display: inline-block;
  padding: 7px 0;
}

label[for=remember] {
  margin-left: 7px;
}

.student-details {
  background-color: #f5f5f5;
}

/*result grading*/
.sgs-set-grade-section .sgs-grade-select-btn {
  border: 1px solid #00AAC8;
  background-color: #00AAC8;
}

.sgs-view-grade-section .sgs-grade-select-btn {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
}

.sgs-grade-select-btn.sgs-grade-close-select-btn {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
}

.sgs-grade-save-btn {
  border: 1px solid #2dcc70;
  background-color: #2dcc70;
}

.sgs-grade-save-btn-background {
  background-color: #f5f5f5;
}

.sgs-grade-save-btn i {
  color: #ffffff;
}

.sgs-inner-bar {
  background-color: #f5f5f5;
  border: solid 1px #dcdcdc;
}

.sgs-view-grade-section .sgs-inner-bar {
  background-color: #00AAC8;
  color: #ffffff;
  border: 1px solid #0A84EC;
}

.sgs-grade-pseudo-select button {
  transition: background-color 0.5s ease;
  background-color: #ffffff;
}

.sgs-grade-pseudo-select .sgs-grade-selected,
.sgs-grade-pseudo-select li:hover button {
  background-color: #00AAC8;
}

.sgs-grade-text-mode .sgs-grade-pseudo-select .sgs-grade-selected .sgs-grade-text,
.sgs-grade-pseudo-select li:hover button .sgs-grade-text {
  color: #ffffff;
}

.sgs-grade-text-mode .sgs-grade-pseudo-select .sgs-grade-text {
  transition: color 0.5s ease;
  color: #5f5f5f;
}

.sgs-grade-text {
  color: #ffffff;
}

.sgs-set-grade-section .has-error input {
  border-color: #a94442 !important;
}

.sgs-view-grade-section .sgs-grade-select-btn .sgs-grade-text {
  color: #5f5f5f;
}

/*result grading - END*/

/*localization management button*/
.items-overview .open-add-language-modal {
  color: #5f5f5f;
}

/*localization management button-END*/

/*tutorials slide*/
.modal-backdrop.modal-backdrop-tutorial {
  background-color: #00AAC8;
}

.tutorial-page-index {
  color: #ffffff;
}

.tutorial-do-not-show a,
.tutorial-do-not-show a:hover {
  color: #ffffff;
}

.tutorial-do-not-show a:hover {
  text-decoration: underline;
}

.tutorial-nav button,
.tutorial-nav button.btn-default[disabled],
.tutorial-nav button.btn-default:hover,
.tutorial-nav button.btn-default:active,
.tutorial-nav button.btn-default:focus {
  color: #ffffff;
}

/*tutorials slide - END*/