/* WARNING */
/* This file should be used to add CUSTOM project CSS rules only! */
/* In case if you are going to modify BBWT rules please use ~/content/blueberry/site.css */
/* (BBWT project itself should always have this file empty) */
/* Ask David Vasser if you have any question */
md-radio-button {
  box-sizing: border-box;
  /* display: block; */
  margin-bottom: 16px;
  margin-right: 4;
  white-space: nowrap;
  cursor: pointer;
  margin-right: 40;
  position: relative; }

md-radio-button[disabled] {
  cursor: default; }

md-radio-button[disabled] .md-container {
  cursor: default; }

md-radio-button .md-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  /* left: 0; */
  right: auto; }

html[dir=rtl] md-radio-button .md-container {
  left: auto;
  unicode-bidi: embed; }

body[dir=rtl] md-radio-button .md-container {
  left: auto;
  unicode-bidi: embed; }

md-radio-button .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-radio-button .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

html[dir=rtl] md-radio-button .md-container {
  right: 0;
  unicode-bidi: embed; }

body[dir=rtl] md-radio-button .md-container {
  right: 0;
  unicode-bidi: embed; }

md-radio-button .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-radio-button .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

md-radio-button .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px; }

md-radio-button .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: '';
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto; }

md-radio-button.md-align-top-left > div.md-container {
  top: 12px; }

md-radio-button .md-off {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  transition: border-color ease 0.28s; }

md-radio-button .md-on {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: -webkit-transform ease 0.28s;
  transition: transform ease 0.28s;
  -webkit-transform: scale(0);
  transform: scale(0); }

md-radio-button.md-checked .md-on {
  -webkit-transform: scale(0.5);
  transform: scale(0.5); }

md-radio-button .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin-left: 30px;
  margin-right: 0;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  width: auto; }

html[dir=rtl] md-radio-button .md-label {
  margin-left: 0;
  unicode-bidi: embed; }

body[dir=rtl] md-radio-button .md-label {
  margin-left: 0;
  unicode-bidi: embed; }

md-radio-button .md-label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-radio-button .md-label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

html[dir=rtl] md-radio-button .md-label {
  margin-right: 30px;
  unicode-bidi: embed; }

body[dir=rtl] md-radio-button .md-label {
  margin-right: 30px;
  unicode-bidi: embed; }

md-radio-button .md-label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-radio-button .md-label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

md-radio-button .circle {
  border-radius: 50%; }

md-radio-group md-radio-button:not(:first-child) {
  margin-top: 16px; }

md-radio-group.layout-row md-radio-button {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 16px; }

html[dir=rtl] md-radio-group.layout-row md-radio-button {
  margin-left: 16px;
  unicode-bidi: embed; }

body[dir=rtl] md-radio-group.layout-row md-radio-button {
  margin-left: 16px;
  unicode-bidi: embed; }

md-radio-group.layout-row md-radio-button bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-radio-group.layout-row md-radio-button bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

html[dir=rtl] md-radio-group.layout-row md-radio-button {
  margin-right: 0;
  unicode-bidi: embed; }

body[dir=rtl] md-radio-group.layout-row md-radio-button {
  margin-right: 0;
  unicode-bidi: embed; }

md-radio-group.layout-row md-radio-button bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-radio-group.layout-row md-radio-button bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

md-radio-group.layout-row md-radio-button:last-of-type {
  margin-left: 0;
  margin-right: 0; }

md-radio-group:focus {
  outline: none; }

md-radio-group.md-focused .md-checked .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px; }

.md-inline-form md-radio-group {
  margin: 18px 0 19px; }

.md-inline-form md-radio-group md-radio-button {
  display: inline-block;
  height: 30px;
  padding: 2px;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0; }

@media screen and (-ms-high-contrast: active) {
  md-radio-button.md-default-theme .md-on {
    background-color: #fff; } }

md-checkbox {
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 20px;
  min-height: 20px;
  margin-left: 0;
  margin-right: 16px; }

html[dir=rtl] md-checkbox {
  margin-left: 16px;
  unicode-bidi: embed; }

body[dir=rtl] md-checkbox {
  margin-left: 16px;
  unicode-bidi: embed; }

md-checkbox bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-checkbox bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

html[dir=rtl] md-checkbox {
  margin-right: 0;
  unicode-bidi: embed; }

body[dir=rtl] md-checkbox {
  margin-right: 0;
  unicode-bidi: embed; }

md-checkbox bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-checkbox bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

md-checkbox:last-of-type {
  margin-left: 0;
  margin-right: 0; }

md-checkbox.md-focused:not([disabled]) .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px; }

md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  background-color: rgba(0, 0, 0, 0.12); }

md-checkbox.md-align-top-left > div.md-container {
  top: 12px; }

md-checkbox .md-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 0;
  right: auto; }

html[dir=rtl] md-checkbox .md-container {
  left: auto;
  unicode-bidi: embed; }

body[dir=rtl] md-checkbox .md-container {
  left: auto;
  unicode-bidi: embed; }

md-checkbox .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-checkbox .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

html[dir=rtl] md-checkbox .md-container {
  right: 0;
  unicode-bidi: embed; }

body[dir=rtl] md-checkbox .md-container {
  right: 0;
  unicode-bidi: embed; }

md-checkbox .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-checkbox .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

md-checkbox .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: '';
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto; }

md-checkbox .md-container:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px; }

md-checkbox .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px; }

md-checkbox .md-icon {
  box-sizing: border-box;
  transition: 240ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px; }

md-checkbox.md-checked .md-icon {
  border: none; }

md-checkbox.md-checked .md-icon:after {
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 6.66667px;
  top: 2.22222px;
  display: table;
  width: 6.66667px;
  height: 13.33333px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: ''; }

md-checkbox[disabled] {
  cursor: default; }

md-checkbox.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: table;
  width: 12px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: ''; }

md-checkbox .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin-left: 30px;
  margin-right: 0; }

html[dir=rtl] md-checkbox .md-label {
  margin-left: 0;
  unicode-bidi: embed; }

body[dir=rtl] md-checkbox .md-label {
  margin-left: 0;
  unicode-bidi: embed; }

md-checkbox .md-label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-checkbox .md-label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

html[dir=rtl] md-checkbox .md-label {
  margin-right: 30px;
  unicode-bidi: embed; }

body[dir=rtl] md-checkbox .md-label {
  margin-right: 30px;
  unicode-bidi: embed; }

md-checkbox .md-label bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

md-checkbox .md-label bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

/* AlignLeft */
.k-grid-sm-column-title {
  display: none; }

/* /AlignLeft */
.k-grid-wrap-center .k-grid-sm-column-title {
  display: none;
  position: absolute;
  right: 15px;
  font-weight: bold;
  padding-right: 100% !important; }

.k-grid td {
  max-width: 100px; }

.k-grid td span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.widget .k-grid td {
  white-space: normal;
  text-overflow: initial;
  overflow: auto; }

.hide-header .k-grid {
  margin-top: 5px; }

.k-grid.k-widget {
  overflow: hidden; }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  /* AlignLeft */
  .k-grid-sm-column-title {
    display: inline-block;
    font-weight: bold;
    position: relative;
    top: 5px;
    text-align: right; }
  .k-grid tr > td {
    border-left: none !important; }
  .k-grid tr > td[role=gridcell] div {
    display: inline-block; }
  /* /AlignLeft */
  .k-grid table, .k-grid thead, .k-grid tbody, .k-grid th, .k-grid td, .k-grid tr {
    display: block; }
  .k-grid thead tr {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important; }
  .k-grid tr {
    border: 1px solid #ccc !important; }
  .k-grid td {
    border: none;
    border-bottom: 1px solid #eee !important;
    position: relative !important;
    max-width: none; }
  .k-grid td:before {
    position: absolute !important;
    top: 2px !important;
    left: 6px !important;
    padding-right: 10px !important;
    white-space: pre-wrap !important; }
  .k-grid-wrap-center .k-grid-sm-column-title {
    display: block;
    float: right; }
  .k-grid-wrap-center .k-grid td {
    border: none;
    border-bottom: 1px solid #eee !important;
    position: relative !important;
    padding-left: 50% !important; }
  .k-grid-wrap-center .k-grid td:before {
    position: absolute !important;
    top: 2px !important;
    left: 6px !important;
    width: 45% !important;
    padding-right: 10px !important;
    white-space: pre-wrap !important; } }

/*#344D85;*/
/* 13.12.2023 - JE - #291541 */
@media (max-width: 300px) {
  html .bbwt2-header .login {
    display: none; } }

@media (max-width: 430px) {
  .branding-logoeye {
    display: none; }
  .login-box .row {
    margin-left: 0;
    margin-right: 0; } }

@media (max-width: 330px) {
  .btn-login-as-college-admin {
    margin-top: 10px; } }

@media (max-width: 768px) {
  footer#footer .links {
    margin: 0; }
  .bbwt-cookie-banner {
    /*margin-top: 60px;*/ }
  #mainMenuWrap {
    display: none; }
  html .bbwt2-header {
    margin-top: 50px; }
    html .bbwt2-header .login {
      margin-top: 5px; }
  body .bbwt-bs-menu {
    display: block; } }

.bbwt-bs-menu {
  display: none; }
  .bbwt-bs-menu .navbar-nav > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 20px; }
  .bbwt-bs-menu .navbar-inverse {
    background-color: #344d85;
    background-image: none; }
  .bbwt-bs-menu .navbar-inverse .navbar-nav > li > a, .bbwt-bs-menu .navbar-inverse .navbar-brand {
    color: #ffffff;
    text-decoration: none;
    text-shadow: none; }
  .bbwt-bs-menu .navbar-inverse .navbar-nav > .active > a, .bbwt-bs-menu .navbar-inverse .navbar-nav > .active > a:hover, .bbwt-bs-menu .navbar-inverse .navbar-nav > .active > a:focus {
    /*background-color: $color_bg_selected;*/
    border: 1px solid #007EC3;
    color: #B4CDFF;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .bbwt-bs-menu .navbar-inverse .navbar-toggle:hover, .bbwt-bs-menu .navbar-inverse .navbar-toggle:focus {
    background-color: #B4CDFF; }
  .bbwt-bs-menu ul.navbar-nav li:hover a {
    color: #B4CDFF; }
  .bbwt-bs-menu .collapse {
    display: none; }
  .bbwt-bs-menu .dropdown .dropdown-menu {
    display: none; }
  .bbwt-bs-menu .dropdown.open .dropdown-menu {
    display: block; }
  .bbwt-bs-menu .navbar-collapse {
    max-height: 450px; }
  .bbwt-bs-menu ul.dropdown-menu {
    list-style-type: none; }
  .bbwt-bs-menu .navbar-nav .dropdown .dropdown-menu > li > a {
    color: #ffffff;
    text-decoration: none;
    line-height: 35px; }
  .bbwt-bs-menu .navbar-nav .dropdown .dropdown-menu > li:hover > a {
    color: #B4CDFF; }
  .bbwt-bs-menu .navbar-inverse .navbar-nav > li.open > a,
  .bbwt-bs-menu .navbar-inverse .navbar-nav > li.open > a:hover,
  .bbwt-bs-menu .navbar-inverse .navbar-nav > li.open > a:focus {
    background-color: #007EC3;
    color: #ffffff; }
  .bbwt-bs-menu .navbar-inverse .navbar-nav > li.open:hover > a {
    color: #B4CDFF; }
  .bbwt-bs-menu .navbar-brand img {
    height: 40px;
    transform: scale(-1, 1);
    position: relative;
    top: -8px; }
  .bbwt-bs-menu .navbar-brand em {
    color: #EFEFEF;
    font-size: 25px;
    position: relative;
    top: -5px; }
  .bbwt-bs-menu .collapsing {
    display: none; }

/*html {
    overflow-y: scroll;
}*/
.label-upper-hint {
  color: transparent;
  visibility: hidden; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder {
  color: transparent; }

/* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent; }

/* FF 19+ */
input:focus:-ms-input-placeholder {
  color: transparent; }

/* IE 10+ */
/*rgb(239,239,239);*/
.summaryTable td {
  padding-left: 4px; }

.summaryTable th {
  padding-left: 4px; }

.bs-form-horizontal .k-combobox > span > input {
  height: 32px; }

.profile-dashboard-layout #drop-area.dragging .drop-zone {
  border: 1px dashed #bbbbbb;
  cursor: copy; }

.profile-dashboard-layout #drop-area.dragging .drop-zone.dragging {
  border-color: #007EC3; }

/* BEGIN: Data Audit Grid Styles */
.kendo-std-grid-root .change-type-Delete {
  color: darkblue; }

.kendo-std-grid-root .change-type-Create {
  color: green; }

.panel-body {
  padding: 10px 10px 0 10px; }

.page-content-without-header {
  padding-top: 20px; }

.k-grid td span .change-type-Delete {
  color: darkblue; }

.k-grid td span .change-type-Create {
  color: green; }

.k-grid .k-state-selected td span .change-type-Delete {
  color: white; }

.k-grid .k-state-selected td span .change-type-Create {
  color: white; }

/* END: Data Audit Grid Styles */
/* BEGIN: form-radio-inputs */
.form-radio-inputs input[type="radio"] {
  margin-right: 0; }

.form-radio-inputs label {
  margin-right: 20px; }

/* END: form-radio-inputs */
/* BEGIN: kendoDateInput */
.bs-form-horizontal .kendo-date-input .k-datepicker .k-icon {
  margin-top: 7px; }

.bbwt-cookie-banner {
  padding: 0px; }

.bbwt-cookie-banner .container .row {
  padding: 2px; }
  .bbwt-cookie-banner .container .row .btn {
    margin-top: 3px; }

.kendo-date-input .k-datepicker .k-icon {
  margin-left: 6px;
  margin-top: 9px; }

.progress {
  margin-top: 20px; }

body td.k-state-selected.k-state-focused a {
  color: white; }

.diary .row {
  width: 455px;
  margin: auto; }

/* override _customizableStyles.css */
tbody td.k-state-selected.k-state-focused a {
  color: white !important; }

tbody td.k-state-selected.k-state-focused.k-state-hover a:hover {
  color: black !important; }

/* END: kendoDateInput */
/* BEGIN: Tabs */
/*  There is much logical fix for the problem of content going out of the tabs. 
    The true reason of the problem is that bootsrap box model is border-box but kendo's is content-box. 
    So they are generally incompatible. But making border-box for inner elememts does work. 
    And what makes it preferrable approach is that it is consistent with any further hierarchical additions of the inner elements.
    See the preferrable approach somewhere in the file.
    For more details: http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap
    Moreover fixing box model with margins looks awkward comparing to fixing of the box model itself.
*/
.k-tabstrip-tab-content .k-tabstrip-tab-content-inner {
  margin: 0; }

.k-tabstrip-tab-content .k-tabstrip-tab-content-inner .bs-form-horizontal {
  margin: 20px 0 0 35px; }

.k-tabstrip-tab-content .k-tabstrip-tab-content-inner .k-grid {
  margin-top: 0;
  margin-bottom: 0; }

.kendo-date-input {
  width: 130px;
  display: inline-block; }

.form-horizontal input[type="number"] {
  width: 130px; }

/* END: Tabs */
/* BEGIN: Alerts */
.k-window-titlebar .k-window-actions a .k-icon {
  margin-top: 0; }

.modal-forced-alerts-content .actions {
  text-align: center;
  margin-top: 10px; }

.app-mv {
  border-left: solid 1px #c5c5c5;
  border-right: solid 1px #c5c5c5;
  border-radius: 4px; }

.app-mv-header {
  border-top: solid 1px #c5c5c5;
  padding: 5px 10px;
  background-color: #F5F5F5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.modal-forced-alerts-content .app-m-root {
  border-left: solid 1px #c5c5c5;
  border-right: solid 1px #c5c5c5; }

.app-m-root {
  border-top: solid 1px #c5c5c5;
  border-bottom: solid 1px #c5c5c5;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.app-m-message:hover .app-m-message-header {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  background-color: #ebebeb; }

.app-m-message:hover .app-m-message-header small > span {
  color: #6C6C6C; }

.app-m-empty {
  padding: 10px 0; }

.app-m-empty span {
  font-size: 16px; }

.app-m-message {
  border-top: solid 1px #c5c5c5;
  border-bottom: solid 1px #c5c5c5; }

.app-m-message-header {
  border-bottom: solid 1px #c5c5c5;
  padding: 5px 10px; }

.app-m-message-title.non-viewed {
  font-weight: bold; }

.app-m-message-title.forced {
  color: #a94442; }

.app-m-message-body {
  padding: 10px 10px; }

.app-m-message-header {
  background-color: #F5F5F5; }

.app-m-message-header small > span {
  font-size: 10px; }

.app-m-message-admin {
  background: #c5c5c5; }

.app-m-message-admin ul {
  list-style-type: none;
  margin-left: -30px;
  color: white;
  margin-bottom: 0; }

.app-m-message:hover .app-m-message-admin ul {
  color: #6C6C6C; }

.app-m-message-admin ul li {
  display: inline-block; }

.app-m-message-admin ul li span {
  font-size: 10px; }

.app-m-message-admin ul li a {
  font-size: 10px;
  cursor: pointer;
  padding-right: 10px;
  visibility: hidden; }

.app-m-message:hover .app-m-message-admin ul li a {
  visibility: visible; }

.app-m-message-viewed {
  padding: 0 10px;
  text-align: right; }

.app-m-message-viewed span {
  font-size: 10px; }

/* END: Alerts */
/* BEGIN: Branding */
.style-settings-row {
  margin-bottom: 1em; }

.style-settings-row .k-picker-wrap .k-i-arrow-s {
  margin-top: 7px; }

.branding-logo {
  max-height: 73px;
  width: 200px;
  padding: 10px; }

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }

.branding-logo-too-large {
  color: red; }

.style-settings-row .branding-color-reset {
  margin-left: 10px;
  visibility: hidden;
  opacity: 0.0;
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }

.style-settings-row:hover .branding-color-reset {
  visibility: visible;
  opacity: 1.0;
  transition-duration: 0.7s;
  transition-timing-function: ease-out; }

/* END: Branding */
.login-box {
  max-width: 400px;
  margin: 0 auto; }

.registration-box {
  max-width: 400px;
  margin: 0 auto; }

/*
    Workaround for conflict of kendo and twitter sizing models:
    http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap
*/
/*.k-tabstrip {
    margin: 0 -25px;
}*/
/*#tabstrip0 {
    margin: 0 -25px;
}*/
.k-tabstrip .row {
  box-sizing: border-box; }

.k-tabstrip .k-tabstrip {
  box-sizing: border-box; }

/*k-content should not be involded into sizing stuff: http://docs.telerik.com/kendo-ui/styles-and-layout/appearance-styling
.k-tabstrip .k-content {
    box-sizing: border-box;
}*/
.k-tabstrip [class^="col-xs-"], div[class*=" col-xs-"], [class^="col-sm-"], div[class*=" col-sm-"] {
  box-sizing: border-box; }

.k-tabstrip .container {
  box-sizing: border-box; }

.k-tabstrip textarea {
  box-sizing: border-box; }

.form-horizontal .control-label {
  text-align: left; }

.fill-parent {
  width: 100% !important; }

.stage-cell {
  border-top: 1px solid black;
  border-left: 1px solid black;
  display: inline-block;
  text-align: center;
  width: 40px; }

.stage-cell:nth-child(7) {
  border-right: 1px solid black; }

.stage-cell.has-bottom-border {
  border-bottom: 1px solid black; }

.project-validate .ng-invalid-text {
  border-color: #F5453D !important; }

.project-validate .ng-invalid-required, .project-validate .ng-invalid-required > .k-dropdown-wrap {
  border-color: #dbdbdb; }

/*Instead of the directive please use just rco-required class below. In most cases in will be enough.*/
.requiredAsterisk:after {
  content: " *";
  color: #007EC3 !important; }

.rco-required {
  /*Do not use this, because it prevents breaking in multiword labels completely, which is not good:
    white-space:nowrap;*/ }
  .rco-required::after {
    content: "*";
    color: #007EC3 !important;
    margin-left: 5px; }

/*Need to reset the colour manually cause browsers ignore change from ng-invalid to ng-valid. Copy pasted the colour from kendo styles*/
.ng-valid-required > .k-dropdown-wrap {
  border-color: #ccc; }

textarea.description-text {
  height: 110px; }

.container .page-header h1, .container .page-header h1 > span {
  font-size: 24px;
  line-height: 35.2px;
  font-weight: 500;
  font-family: 'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Arial, Helvetica, Verdana, sans-serif;
  padding-left: 7px; }

/*show only upload button*/
.asrt .k-dropzone {
  border-width: 0;
  display: inline;
  padding: 0; }

.asrt div.k-widget {
  display: inline;
  border-width: 0; }

.asrt em {
  display: none; }

.asrt strong.k-upload-status {
  display: none; }

.margin-vertical-10 {
  margin: 10px 0 10px 0; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-5 {
  margin-top: 5px; }

.page-content {
  margin-right: 15px;
  margin-left: -15px; }

.margin-bottom-0 {
  margin-bottom: 0; }

.bs-form-horizontal input[type="text"].form-control {
  padding-top: 0; }

.k-dropdown-hfix .bs-form-horizontal .form-control.k-dropdown span span.k-input {
  height: 27px; }

.bs-form-horizontal .k-dropdown-wrap .k-select span.k-icon.k-i-arrow-s {
  position: relative;
  top: 2px; }

.bs-form-horizontal .kendo-date-time-input-root .k-datetimepicker .k-picker-wrap span.k-icon {
  margin-bottom: 9px; }

.bordered-grid .k-grid tr td {
  border-bottom: 1px solid #ccc; }

.inline-block {
  display: inline-block; }

.row {
  box-sizing: border-box !important; }

[class^="col-"], [class*=" col-"] {
  box-sizing: border-box !important; }

.hide-header .k-grid .k-header {
  display: none; }

.k-event {
  border: 0;
  border-radius: 6px; }

.event-editor {
  padding: 0 20px; }

.widget h3 {
  border: 0; }

.k-menu .k-state-default .k-state-border-down {
  background-color: transparent; }

.k-menu .k-animation-container {
  margin-top: -4px;
  /* Per Issue #129292 */ }

/*Need further tuning*/
.recurrence-editor .k-edit-label {
  text-align: left;
  width: 33%; }

.profile-dashboard-layout .drop-zone {
  /*The same as pts's comment box border*/
  border: 1px solid #bbbbbb;
  height: 80px;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  display: inline-block; }

.profile-dashboard-layout .drop-zone .draggable {
  /*display:inline-block;*/
  vertical-align: middle;
  /*Need line height equal parent's one. See comments for http://stackoverflow.com/a/9249396/585819*/
  line-height: 80px;
  display: inline-block; }

.profile-dashboard-layout .draggable {
  cursor: pointer; }

.k-calendar .k-state-selected {
  background-color: Highlight; }

.k-calendar .k-state-focused {
  box-shadow: none !important;
  /*-webkit-box-shadow: none !important;*/ }

.k-calendar .has-event {
  color: red; }

#mainMenu {
  /*height: $menu-height;
    margin: 0 $main-menu-margin;
    margin-left: 0;*/ }
  #mainMenu > li:last-child {
    border: 0; }
  #mainMenu li {
    border-right: 1px solid #4792bc; }
    #mainMenu li a, #mainMenu li > span {
      font-size: 15px;
      /*I don't know why but on rco old size it is 13px of the same size*/
      padding: 0 14px;
      line-height: 50px; }

/*Please test IE before trying to be smart and tune margin-top to the very pixel. 
     IE (IE1) needs two extrapixels and I'm tired fixing it after everybody smart. 
     I know that there is a seemed annoying white line below but otherwise the page becomes scrollable there, which looks strange.*/
#footer {
  min-height: 28px;
  margin-top: 28px; }
  #footer .links {
    padding: 0 15px;
    width: 100%;
    display: block;
    float: none;
    line-height: 28px;
    margin: 0 20px; }
    #footer .links a {
      padding: 4px 14px;
      text-align: center; }
    #footer .links a:first-child {
      padding-left: 0;
      text-align: left; }
  #footer .white-logo {
    /*margin-top: 8px;*/
    /*It depends on footer heigh but formula is not clear yet*/ }
  #footer .copyright {
    padding: 0 !important;
    margin: 2px 0 0 0; }

.margin-0 {
  margin: 0; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

html body {
  background-color: #f6f6f6; }

html .bbwt2-header {
  background-color: white;
  border-bottom: 1px solid #EEEEEE; }

.widget {
  background-color: #f8f8f8;
  border-radius: 10px;
  /*box-shadow: 0px 30px 40px rgba(0,0,0,.1) inset;*/
  /*-webkit-box-shadow: 2px 2px 19px 0px rgba(0,0,0,0.56);
    -moz-box-shadow: 2px 2px 19px 0px rgba(0,0,0,0.56);
    box-shadow: 2px 2px 19px 0px rgba(0,0,0,0.56);*/
  padding: 4px;
  margin-bottom: 20px;
  /*border: 2px solid rgb(200,200,200);*/ }

.widget {
  border: 4px solid transparent;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }

ul#mainMenu .k-popup a {
  line-height: 30px; }

#alert-form .form-group {
  margin-left: 0;
  margin-right: 0; }

.important-text-wrap {
  text-align: center;
  margin-bottom: 10px; }

.color-warning {
  color: red; }

.k-scheduler-navigation .k-nav-next {
  border-left-width: 1px; }

input.k-input[placeholder] {
  color: #6f6f6f; }

input.k-input::-webkit-input-placeholder {
  color: #6f6f6f; }

input.k-input::-moz-placeholder {
  color: #6f6f6f; }

input.k-input:-moz-placeholder {
  color: #6f6f6f; }

input.k-input:-ms-input-placeholder {
  color: #6f6f6f; }

.k-calendar .k-other-month a.k-link {
  color: lightgray !important; }

.k-datetimepicker .k-picker-wrap .k-icon {
  margin: 0 4px; }

a:hover {
  cursor: pointer; }

.k-scheduler-navigation .k-nav-current {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 17px;
  padding-right: 17px;
  min-width: 140px;
  text-align: center; }

.swapped ul, .swapped ul li {
  transform: matrix(1, 0, 0, -1, 0, 0);
  -moz-transform: matrix(1, 0, 0, -1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  -o-transform: matrix(1, 0, 0, -1, 0, 0);
  -ms-transform: matrix(1, 0, 0, -1, 0, 0); }

.k-button[class] {
  border: 0;
  color: #fff !important;
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  padding: 5px 21px !important;
  font-size: 14px;
  background: #007EC3 !important;
  /*#344D85 !important;*/
  min-height: 14px;
  line-height: 14px;
  height: 36px;
  font-weight: 700; }
  .k-button[class]:hover {
    background: #036371 !important;
    /*#213257 !important;*/
    color: #fff !important; }
  .k-button[class] span {
    line-height: 14px; }

.grid-with-progress-heighlighted tr.assigned-completed {
  background-color: #bbffbb; }

.grid-with-progress-heighlighted tr.some-completed {
  background-color: #FFE271; }

.grid-with-progress-heighlighted tr.nothing-completed {
  background-color: #ffbbbb; }

.grid-with-progress-heighlighted tr.not-applicable {
  background-color: #F7F3C8; }

.grid-with-progress-heighlighted tr td {
  border-right: 4px solid white;
  border-bottom: 4px solid white; }

.grid-with-progress-heighlighted tr td:first-child {
  border-left: 4px solid white; }

.grid-with-progress-heighlighted tr:first-child td {
  border-top: 4px solid white; }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .k-pager-sizes {
    width: 3.5em;
    overflow: hidden;
    white-space: nowrap; }
  .k-pager-info {
    display: none; } }

.protect-internal-spans span {
  font-family: inherit;
  font-size: inherit; }

.quest-description {
  border: none;
  background-color: transparent;
  font-weight: normal;
  font-size: 15px;
  font-family: arial;
  padding: 1px;
  margin: 0 0 0 0; }

.selected-stage-wrap .selected-stage {
  border: 1px solid gray;
  border-top: 0; }

.selected-stage-wrap:first-child .selected-stage {
  border-top: 1px solid gray; }

md-radio-button {
  margin-right: 40px !important;
  display: inline !important;
  /*.md-off {
        border-color: green !important;
    }*/
  /*Use md-no-ink attribute:
        .md-ripple-container{
        display:none !important;
    }*/ }
  md-radio-button[aria-checked="true"] .md-off {
    border-color: #009688 !important; }
  md-radio-button[aria-checked="false"] .md-off {
    border-color: #009688 !important; }
  md-radio-button .md-on {
    background-color: #009688 !important; }
  md-radio-button .md-label {
    margin-left: 0 !important;
    margin-right: 30px !important; }
    md-radio-button .md-label span {
      font-weight: normal !important;
      font-size: 14px !important;
      color: inherit !important; }
  md-radio-button .md-container {
    left: auto !important;
    right: 0 !important; }

/*md-tabs {
    md-tab-item {
        //use to not capitalize titles:
        text-transform: none !important;

        &.ng-click-active {
            .md-ripple-container {
                background-color: $rco-default-color !important;

                .md-ripple.md-ripple-placed {
                    background-color: $rco-default-color !important;
                }
            }
        }

        .md-ripple-container {
            //background-color: yellow !important;
            .md-ripple.md-ripple-placed {
                background-color: $rco-default-color !important;
            }
        }
    }

    md-ink-bar {
        background-color: $rco-default-color !important;
        //color: blue !important;
    }
}*/
.k-window .k-window-titlebar {
  height: 50px;
  z-index: 10005;
  border: 0px solid white; }
  .k-window .k-window-titlebar .k-window-actions {
    background-image: url("images/wnd-actions-bg.png");
    background-repeat: no-repeat;
    background-position-x: right;
    right: 0px;
    width: 60px;
    height: 50px; }
  .k-window .k-window-titlebar .k-window-actions:empty {
    display: none; }
  .k-window .k-window-titlebar .k-window-title {
    font-size: 24px;
    text-align: center; }
  .k-window .k-window-titlebar .k-window-actions .k-i-close {
    width: 50px;
    height: 50px;
    margin-left: 4px;
    margin-top: -2px; }

.trainee-heighlight {
  color: #A349A4; }

.ui-tooltip {
  z-index: 20000 !important;
  background-color: white; }

/*.rco-status {
    padding: 8px;
    border: 2px solid grey;
    border-radius: 5px;
    text-align: center;
}*/
.k-progressbar {
  width: 100%;
  overflow: hidden; }

.k-progressbar .k-state-selected {
  width: 10%;
  position: relative;
  overflow: visible;
  background-color: #c9d929;
  border-color: #c9d929; }

.k-progressbar .k-progress-status {
  position: absolute;
  right: 0;
  color: black;
  /*visibility:hidden;*/
  text-align: left; }

.k-progressbar .k-progress-status:after {
  content: "%"; }

.k-progressbar .k-progress-status-wrap {
  width: 100% !important; }

.rco-status {
  padding: 8px;
  border: 2px solid grey;
  border-radius: 5px;
  text-align: left;
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 40px;
  background-size: 22px; }
  .rco-status.assigned-completed {
    border-color: #aadc2a;
    background-color: #aadc2a;
    background-image: url(images/checkmark_white.png); }
  .rco-status.some-completed {
    border-color: #ffd100;
    background-color: #ffd100;
    background-image: url(images/checkmark_inprogress_white.png); }
  .rco-status.nothing-completed {
    border-color: #ff4545;
    background-color: #ff4545;
    color: black;
    background-image: url(images/checkmark_nothing_white.png); }

.k-progressbar > .k-progress-status-wrap > .k-progress-status {
  display: none; }

/*.rco-status.rco-disabled {
    border-color: #E2E2E2;
    color: #E2E2E2;
}*/
.text-centered {
  text-align: center; }

.margin-left-5 {
  margin-left: 5px; }

.rco-popup-content {
  position: relative;
  padding-right: 16px; }

.popup-close-button {
  font-weight: bold;
  min-height: 16px;
  min-width: 16px;
  background-position: -48px -48px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  outline: none; }

/*.ui-tooltip-content{
    width:400px;
}*/
div.k-window-content input[type='text'].ng-invalid-required {
  border-color: #dbdbdb; }

.popup-buttons-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .popup-buttons-centered button {
    margin-left: 10px; }

.occurrences-cont {
  max-height: 500px;
  overflow-y: scroll; }
  .occurrences-cont td {
    font-size: smaller; }

.widget #calendar .k-scheduler-views .k-state-default a {
  padding: 0 7px; }

.ui-helper-hidden-accessible {
  display: none; }

.kendo-std-grid-root .ksg-filter-container {
  margin-top: 10px; }

.kendo-std-grid-root .ksg-grid-container .k-grid {
  margin-top: 10px; }

.access-grid td span {
  white-space: normal; }

div.k-recur-view label {
  margin-right: 12px; }
  div.k-recur-view label input[type="checkbox"], div.k-recur-view label input[type="radio"] {
    margin-right: 2px; }

div.k-recur-view .k-edit-field > ul.k-reset .k-dropdown, div.k-recur-view .k-edit-field > ul.k-reset .k-datepicker, div.k-recur-view div[name="recurrenceRule"] > .k-dropdown {
  width: 120px !important; }

input::-ms-clear {
  display: none; }

table[role="grid"] tbody[role="rowgroup"] tr[role="row"] td[role="gridcell"]:last-child a, table[role="grid"] tbody[role="rowgroup"] tr[role="row"] td[role="gridcell"]:last-child a:hover, table[role="grid"] tbody[role="rowgroup"] tr[role="row"] td[role="gridcell"]:last-child .btn {
  color: #ffffff !important;
  padding: 3px 4px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 9px;
  text-decoration: none;
  background-color: #007EC3;
  /*#344D85;*/ }

table[role="grid"] tbody[role="rowgroup"] tr[role="row"] td[role="gridcell"]:last-child a:active {
  background-image: none;
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-image: none; }

table[role="grid"] tbody[role="rowgroup"] tr[role="row"] td[role="gridcell"]:last-child a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

table[role="grid"] tbody[role="rowgroup"] tr[role="row"] td[role="gridcell"]:last-child a[disabled] {
  background-color: #808080; }

.container .page-header h1 {
  margin: 0; }

.page-header {
  margin: 15px 0; }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both; }

.k-button.small-button {
  padding: 4px 5px !important;
  font-weight: normal;
  margin: 0px 0 0 0px;
  height: 26px;
  line-height: 26px;
  max-width: 55px !important; }

.padding-left-0 {
  padding-left: 0; }

.padding-right-0 {
  padding-right: 0; }

.stage h4 {
  border-bottom: none; }

.stage .per-year-label {
  text-align: center; }

.stage .per-year-value {
  text-align: center; }

.k-combobox span.k-icon.k-i-arrow-s {
  margin-top: 9px; }

.k-more-events.k-button[class] {
  background-color: grey !important;
  font-weight: normal; }

.bs-callout-warning {
  border-left-color: #aa6708 !important; }
  .bs-callout-warning h4 {
    color: #aa6708 !important; }

.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px; }
  .bs-callout h4 {
    margin-top: 0;
    margin-bottom: 0; }

.sticky-note {
  /*shape-outside doesn't work in FF and IE: 
        .shape {
        //shape-outside: polygon(90% 80%, 90% 100%, 100% 80%);
        shape-outside: image(images/sticky-note-corner.png);
        float: right;
        width: 100%;
        height: 250px;
        //background-color: lightgray; 
        //-webkit-clip-path: polygon(90% 80%, 90% 100%, 100% 80%);
    }*/ }
  .sticky-note .sn-header {
    margin: 0;
    line-height: 50px; }
  .sticky-note .sn-block {
    background-color: #f9de69; }
    .sticky-note .sn-block input {
      text-overflow: ellipsis;
      padding: 0 10px;
      box-sizing: border-box;
      line-height: 20px;
      width: 100%;
      border: 0;
      outline: none;
      text-align: center;
      font-weight: bold;
      background-color: #f9de69; }
      .sticky-note .sn-block input.sn-page-title {
        text-align: left;
        font-weight: normal; }
  .sticky-note .sn-label {
    line-height: 20px;
    padding-left: 10px; }
  .sticky-note .sn-content:before {
    border-style: solid;
    border-width: 24px 24px 0 0;
    display: block;
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 0;
    content: "";
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.2); }
  .sticky-note .sn-content {
    border: 0;
    height: 180px;
    width: 100%;
    /*.non-editable{
            height: 50px;

        }*/
    position: relative; }
    .sticky-note .sn-content textarea {
      height: 141px;
      width: 100%;
      resize: none;
      background: none;
      padding: 0 10px;
      border: none;
      outline: none;
      vertical-align: top;
      background-color: #f9de69;
      box-sizing: border-box; }
  .sticky-note .corner {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px; }
  .sticky-note .big-arrow {
    height: 50px;
    width: 50px; }
    .sticky-note .big-arrow.left {
      background: url("images/BigLeftArrow.png") no-repeat center !important; }
    .sticky-note .big-arrow.right {
      background: url("images/BigRightArrow.png") no-repeat center !important; }
  .sticky-note .sn-pre-bottom {
    height: 15px;
    background-color: #f9de69;
    text-align: center; }
  .sticky-note .sn-bottom {
    height: 24px;
    margin-right: 24px;
    background-color: #f9de69;
    /*&:after {
            border-style: solid;
            border-width: 24px 24px 0 0;
            display: block;
            //position: absolute;
            //right: 0;
            //bottom: 0;
            width: 0;
            content: "";
            box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.2);
        }*/ }
  .sticky-note .test {
    height: 144px;
    width: 100%; }

.stickyNotePopup {
  border: none !important;
  padding: 0 !important;
  background-color: transparent !important;
  box-shadow: none; }
  .stickyNotePopup .k-window-titlebar {
    display: none; }
  .stickyNotePopup .k-window-content {
    padding: 0;
    background-color: transparent !important; }
  .stickyNotePopup .row .popup-close-button {
    right: 15px;
    background-position: -48px -16px; }
  .stickyNotePopup .k-button[class] {
    background-color: #5D5B25 !important; }
  .stickyNotePopup .sn-pre-bottom .k-button {
    margin-top: 5px;
    width: 50px; }
  .stickyNotePopup .sticky-note .sn-block input:hover {
    background-color: #fbe99a; }
  .stickyNotePopup .sticky-note .sn-content {
    border: 0;
    height: 180px;
    width: 100%; }
    .stickyNotePopup .sticky-note .sn-content textarea:hover {
      background-color: #fbe99a; }

.sn-widget .k-button.small-button {
  margin-top: 2px;
  float: right;
  width: 40px;
  height: 20px;
  line-height: 20px;
  margin-right: 4px; }

.popup-footer.recover-password-dialog-footer {
  padding: 0 0 20px; }
  .popup-footer.recover-password-dialog-footer button {
    margin: 0 10px;
    width: 120px; }

.wrapped-children-margin-15 {
  margin-top: -15px; }
  .wrapped-children-margin-15 input {
    margin-top: 15px; }

ul.side-menu-list {
  list-style: none; }
  ul.side-menu-list li {
    color: white;
    cursor: pointer;
    outline: none; }
    ul.side-menu-list li span {
      line-height: 47px;
      padding: 0 1em;
      display: block; }
    ul.side-menu-list li .k-icon {
      position: relative;
      float: right; }
  ul.side-menu-list li:hover {
    color: #7e7373; }
  ul.side-menu-list li.menu-item-expanded:hover {
    color: white; }
  ul.side-menu-list ul {
    list-style: none;
    padding-left: 10px; }
    ul.side-menu-list ul span {
      line-height: normal; }
  ul.side-menu-list .collapsing-menu-panel {
    transition: all linear 0.5s; }
  ul.side-menu-list .collapsing-menu-panel.ng-hide {
    opacity: 0; }

ul.side-menu-list {
  list-style: none; }

ul.side-menu-list li {
  color: white;
  cursor: pointer;
  outline: none;
  width: 100%; }

ul.side-menu-list > li {
  border-bottom: solid 1px white; }

ul.side-menu-list li span {
  line-height: 47px;
  padding: 0 1em;
  display: block; }

ul.side-menu-list li .glyphicon {
  position: relative;
  float: right;
  font-size: 12px;
  display: inline; }

ul.side-menu-list li:hover {
  color: #2A333A;
  background-color: #CDBE7F; }

.run-list a {
  text-decoration: none; }

.run-list .k-grid {
  margin-top: 5px; }

.planned-run-day-list li {
  margin-bottom: 0; }

ul.side-menu-list li.selected-menu-item {
  font-weight: 600;
  color: #2A333A;
  background-color: #CDBE7F; }

ul.side-menu-list ul {
  list-style: none;
  padding-left: 10px; }

ul.side-menu-list ul span {
  line-height: normal; }

ul.side-menu-list .collapsing-menu-panel {
  transition: all linear 0.5s; }

ul.side-menu-list .collapsing-menu-panel.ng-hide {
  opacity: 0; }

.k-icon, .k-sprite, .k-button-group .k-tool-icon {
  font-size: 0 !important; }

/*# sourceMappingURL=Content/Site.css.map */