/*
 * Base structure
 */

h3, h4 {
  font-weight: 100;
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

body {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  background: #F6F8FA;
  font-weight: 400;
}

body a {
  color: #00b0e3;
}

header {
  height: 53px;
  position: relative;
}

.content-wrapper {
  min-height: calc(100vh - 150px); /* 100% minus header and footer heights */
}

.container-fluid {
  max-width: 1180px;
  margin: 0 auto;
}

.navbar {
  color: #fff;
  font-size: 14px;
  font-weight: 200;
}

.navbar-inverse {
  border: none;
}

nav.navbar {
  border-bottom: 1px solid rgba(250, 250, 250, 0.5);
  box-shadow: none;
}

.navbar-nav li {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}

.nav-actions {
  padding: 10px 15px;
}

.navbar-nav > li > a {
  padding-top: 18px;
  padding-bottom: 17px;
}

.navbar .navbar-form {
  margin: 0;
}

.navbar .btn {
  vertical-align: top;
}

.navbar .navbar-input {
  color: #333;
  padding: 0 10px;
  height: 32px;
  border: none;
  border-radius: 2px;
}

body[data-authenticated="false"] #create-btn {
  display: none;
}

body[data-authenticated="false"] #upcoming-shifts {
  display: none;
}

body[data-authenticated="true"] .user-info-container .user-info {
  cursor: pointer;
}

body[data-authenticated="true"] .user-info-container .user-info,
body[data-authenticated="false"] .user-info-container form {
  display: block;
}

body[data-authenticated="false"] .user-info-container .user-info,
body[data-authenticated="true"] .user-info-container form {
  display: none;
  padding: 5px 15px;
}

.navbar #upcoming-shifts {
  cursor: pointer;
}

.navbar #upcoming-shifts svg {
  position: relative;
  top: 2px;
}

.navbar #upcoming-shifts .dropdown-menu {
  counter-reset: list-counter;
  padding: 10px 15px;
  width: 285px;
  margin-left: -50px;
  right: auto;
  cursor: initial;
}

.navbar #upcoming-shifts .dropdown-menu li,
.navbar #upcoming-shifts .dropdown-menu {
  color: #333;
  font-size: 12px;
  letter-spacing: initial;
  text-transform: none;
}

.navbar #upcoming-shifts .dropdown-menu h4 {
  margin-bottom: 10px;
}

.navbar #upcoming-shifts .dropdown-menu li {
  border-bottom: 1px solid #dddedf;
  margin: 5px;
  padding: 5px;
}

.navbar #upcoming-shifts .dropdown-menu li:last-child {
  border-bottom: none;
}

/*.navbar #upcoming-shifts .dropdown-menu li:before {
  content: counter(list-counter);
  counter-increment: list-counter;
  float: left;
  width: 25px;
  height: 25px;
  padding: 2px;
  background: #e9e9e9;
  text-align: center;
  border-radius: 2px;
  margin-left: -35px;
}
*/
.navbar #upcoming-shifts .dropdown-menu h4 {
  font-size: 18px;
}

.navbar #upcoming-shifts .dropdown-menu p {
  margin: 0;
}

.navbar #upcoming-shift-info {
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
}

.navbar .upcoming-shift-role {
  text-transform: capitalize;
}

.navbar .profile-picture {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  vertical-align: top;
}

.navbar .svg-icon-chevron-down {
  position: relative;
  top: 12px;
  margin-left: 8px;
}

.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-menu > li > a:hover {
  background: #00b0e3;
  color: #fff;
}

.navbar-nav.navbar-left .user-dashboard-link {
  display: none;
}

body[data-user] .navbar-nav.navbar-left .user-dashboard-link {
  display: block;
}

.subnav li:after,
.navbar .user-info-container[data-authenticated="true"]:after,
.navbar-nav li:after {
  background: #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 3px;
  left: 50%;
  position: absolute;
  right: 50%;
  -webkit-transition: left 334ms cubic-bezier(0.4, 0, 1, 1),right 334ms cubic-bezier(0.4, 0, 1, 1);
  transition: left 334ms cubic-bezier(0.4, 0, 1, 1),right 334ms cubic-bezier(0.4, 0, 1, 1);
}

.subnav li:hover:after,
.navbar .user-info-container[data-authenticated="true"]:hover:after,
.navbar-nav li:hover:after {
  left: 5px;
  right: 5px;
  -webkit-transition: left 334ms cubic-bezier(0, 0, 0.2, 1),right 334ms cubic-bezier(0, 0, 0.2, 1);
  transition: left 334ms cubic-bezier(0, 0, 0.2, 1),right 334ms cubic-bezier(0, 0, 0.2, 1);
}

.navbar-inverse .navbar-brand {
  letter-spacing: 2px;
}

#logo {
  margin-top: -12px;
  padding: 5px;
  width: 45px;
}

.navbar-brand {
  padding: 13px 9px;
  font-size: 16px;
  line-height: 28px;
  margin-right: 50px;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-inverse .navbar-nav > .active > a {
  box-shadow: inset 0 -5px 0 -2px #FFF;
  background: none;
}

.navbar-inverse .navbar-nav > .active > a:hover {
  background: none;
}

nav.subnav {
  background: #FFF;
}

nav.subnav li {
  color: gray;
  display: inline-block;
  padding: 10px 13px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all .3s;
  position: relative;
}

nav.subnav li:after {
  background: #0084bf;
}

nav.subnav li:hover {
  color: black;
}

nav.subnav li.active {
  color: #0084bf;
  box-shadow: inset 0 -5px 0 -2px #0084bf;
}

.subheader {
  padding: 20px;
  min-height: 110px;
  color: #fff;
}

.subheader .headshot-large {
  border-radius: 50%;
  width: 65px;
  margin: -5px 15px 0 0;
  display: inline-block;
}

.subheader .headshot-large.placeholder {
  width: 65px;
  height: 65px;
}

.subheader h3 {
  margin-top: 0;
  letter-spacing: 1px;
}

.subheader a {
  color: #fff;
}

.subheader a:hover {
  text-decoration: underline;
}

.main {
  margin-top: 10px;
}

.floating-module {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
}

.floating-module .module {
  position: relative;
  width: 250px;
  height: 300px;
  top: 45%;
  border: none;
  background: none;
  margin: auto;
  margin-top: -200px;
}

/*
 * Error page
 */

.error-page {
  text-align: center;
}

.error-page .error-code {
  margin: 0 0 5px 0;
  font-size: 72px;
  color: #f26c5f;
}

.error-page .error-status {
  font-size: 26px;
  margin-bottom: 15px;
  font-weight: 100;
}

/*
 * Dashboard page
 */

.dashboard-card {
  min-height: 210px;
}

.dashboard-card-inner .subheading {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*
 * Search page
 */

.subheader.search {
  text-align: center;
  font-weight: 100;
  height: 200px;
}

.subheader.search h1 {
  font-weight: 100;
}

.subheader.search .search-wrapper {
  margin-top: 30px;
  text-align: center;
}

.subheader.search .search-input-wrapper {
  position: relative;
}

.subheader.search .main-search .loader {
  display: none;
  right: 10px;
  top: 7px;
  position: absolute;
}

.subheader.search .main-search.loading .loader {
  display: inline-block;
}

.subheader.search select,
.subheader.search input[type="text"],
.subheader.search button {
  display: inline-block;
  height: 40px;
  vertical-align: top;
  font-size: 18px;
  font-weight: 100;
  border-radius: 1px;
}

.subheader.search select {
  width: 150px;
  text-transform: capitalize;
  background-color: #fff;
  padding: 0 15px;
  text-indent: 3px;
  border: 1px solid #ccc;
}

.subheader.search input[type="text"] {
  width: 600px;
  padding: 10px 15px;
  background: #fff;
  margin: auto;
  color: #333;
  border-radius: 1px;
}

.subheader.search .twitter-typeahead {
  width: 600px;
  color: #333;
  font-size: 16px;
  text-align: left;
}

.subheader.search .twitter-typeahead h4 {
  color: #a5a9ab;
  margin: 5px 10px;
  padding-bottom: 5px;
  letter-spacing: 1px;
}

.subheader.search .twitter-typeahead a {
  color: #333;
  line-height: 26px;
  display: block;
}

.subheader.search .twitter-typeahead .tt-see-all a {
  color: #00b0e3;
  display: block;
  font-weight: bold;
  margin: 0 10px;
}

.subheader.search .twitter-typeahead .tt-menu {
  border-radius: 0;
  border-top: none;
}

.subheader.search .twitter-typeahead .tt-dataset {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.subheader.search .twitter-typeahead .tt-dataset:empty ~ .tt-dataset,
.subheader.search .twitter-typeahead .tt-dataset:first-child {
  border-top: none;
  margin-bottom: 0;
}

.subheader.search .twitter-typeahead .tt-dataset:last-child h4 {
  padding-top: 5px;
}

.subheader.search .twitter-typeahead .tt-dataset:empty {
  display: none;
}

.subheader.search .twitter-typeahead .tt-hint {
  color: #b0b2b5;
}

.subheader.search .tt-cursor a,
.subheader.search .tt-selectable:hover a {
  color: #FFF;
  text-decoration: none;
}

.subheader.search button {
  width: 100px;
}

.search-results .search-module {
  width: 100%;
  background: #fff;
  border: 1px solid #dddedf;
  padding: 25px;
  margin: auto;
}

.search-results h3 {
  margin: 10px 0;
}

.search-results .result {
  border: 1px solid #dddedf;
  border-top: none;
  background-clip: padding-box;
  position: relative;
  transition: background-color .2s;
}

.search-results .result:hover {
  background: #F3F6F8;
}

.search-results .result:first-child {
  border-top: 1px solid #dddedf;
}

.search-results .result a {
  display: block;
  padding: 16px;
}

body[data-authenticated="false"] #pinned-teams {
  display: none;
}

.landing-teams {
  display: inline-block;
  width: 100%;
}

.search-results table {
  width: 100%;
}

.search-results th:first-child {
  width: 22%;
}

.search-results th,
.search-results td {
  border: 1px solid #dddedf;
  padding: 5px 10px;
}

.landing-teams h3,
.recently-viewed h3 {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #dddedf;
}

.module-card .landing-teams-name {
  width: calc(100% - 60px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  line-height: 20px;
}

/*.card-wrap {
  -webkit-columns: 3;
  -moz-columns: 3;
  -ms-columns: 3;
  -o-columns: 3;
  columns: 3;
  clear: right;
}*/

.card-wrap .card-column {
  width: 32%;
  margin-right: 1%;
  float: left;
}

/* .card-wrap.col-2 {
  -webkit-columns: 2;
  -moz-columns: 2;
  -ms-columns: 2;
  -o-columns: 2;
  columns: 2;
}*/

.card-wrap.col-2 .card-column {
  width: 49%;
  margin-right: 1%;
}

.card-wrap-alt.col-4 {
  -webkit-columns: 4;
  -moz-columns: 4;
  -ms-columns: 4;
  -o-columns: 4;
  columns: 4;
}

.module-card {
  background-color: #f9f9f9;
  border-radius: 1px;
  border: 1px solid #e2e2e2;
  display: inline-block;
  margin-top: 15px;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
}

.module-card .remove-card-column {
  position: absolute;
  top: 13px;
  right: 10px;
}

.module-card-heading {
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.module-card-heading h4 a {
  margin-top: 3px;
}

.module-card-heading .edit-card-heading {
  cursor: pointer;
}

.module-card-heading .edit-card-heading .pencil-icon:before {
  font-size: 15px;
}

.module-card .card-inner {
  position: relative;
  padding: 10px 0 10px 60px;
  margin-bottom: 10px;
  transition: background-color .3s;
}

.module-card .card-inner:hover {
  background-color: #F3F6F8;
}

.module-card .card-inner .remove-card-item {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 0;
  display: none;
}

.module-card .card-inner:hover .remove-card-item {
  display: block;
}

.module-card .card-inner-slim {
  padding-left: 50px;
  margin-bottom: 0;
}

.module-card .card-inner-user {
  width: 53%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.module-card .card-inner-extra {
  display: none;
}

.module-card .card-inner .svg-icon-chevron {
  cursor: pointer;
}

.module-card .card-inner[data-collapsed="false"] .svg-icon-chevron-down,
.module-card .card-inner .svg-icon-chevron-up {
  display: none;
}

.module-card .card-inner[data-collapsed="false"] .svg-icon-chevron-up,
.module-card .card-inner[data-collapsed="false"] .card-inner-extra {
  display: block;
}

.module-card .services-inner {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.module-card .add-item-wrapper[data-view="button"] .add-item-form,
.module-card .add-item-wrapper[data-view="form"] .add-card-item {
  display: none;
}

.module-card .add-item-form {
  padding: 0;
}

.module-card .add-item-form input[type="text"] {
  border-radius: 2px;
}

.module-card .add-item-form .add-item-actions {
  text-align: right;
  margin-top: 10px;
}

.module-card .card-picture {
  width: 50px;
  height: 50px;
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  margin-right: 20px;
  position: absolute;
  left: 0;
  top: 13px;
}

.module-card .card-picture-small {
  width: 40px;
  height: 40px;
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
}

.module-card .card-content {
  margin-top: 5px;
  padding-top: 5px;
  position: relative;
}

.module-card .card-content li {
  overflow: hidden;
  text-overflow: ellipsis;
}

.module-card a {
  color: #333;
}

.module-card .btn.card-btn {
  width: 100%;
  margin: 0;
}

/*
 * Teams page
 */

.subheader .edit-team-name {
  cursor: pointer;
}

.subheader .edit-team-name .pencil-icon:before {
  color: #FFF;
  opacity: .8;
 }

 .subheader .edit-team-name:hover .pencil-icon:before {
  opacity: 1;
 }

#team-edit-modal[data-advanced="false"] .settings-normal {
  display: unset;
}

#team-edit-modal[data-advanced="false"] .settings-advanced {
  display: none;
}

#team-edit-modal[data-advanced="true"] .settings-normal {
  display: none;
}

#team-edit-modal[data-advanced="true"] .settings-advanced {
  display: unset;
}

#team-edit-modal .advanced-toggle {
  text-align: center;
  cursor: pointer;
}

 body[data-authenticated="false"] #pin-team {
  display: none;
}

.team-name-input {
  background: none;
  color: #FFF;
  padding: 0;
  font-size: 24px;
  text-transform: uppercase;
  border: none;
  font-weight: 100;
}

.subnav .timezone-display-container {
  padding: 10px 13px;
  color: gray;
  float: right;
}

.calendar-types label {
  -webkit-user-select: none;
  user-select: none;
  text-transform: capitalize;
  width: 70px;
}

.calendar-types .color-swatch {
  width: 12px;
  height: 12px;
  background: #69cded;
  display: inline-block;
  position: relative;
  top: 2px;
}

.calendar-types .color-swatch[data-type="primary"] {
  background: #F6A16C;
}

.calendar-types .color-swatch[data-type="secondary"] {
  background: #B2B0FA;
}

.calendar-types .color-swatch[data-type="shadow"] {
  background: #ACB9C2;
}

.calendar-types .color-swatch[data-type="manager"] {
  background: #65C3E8;
}

.calendar-types .color-swatch[data-type="vacation"] {
  background: #91C475;
}

.calendar-types .color-swatch[data-type="unavailable"] {
  background: #FF91CF;
}

.calendar-tip {
  line-height: 28px;
  margin-bottom: 30px;
  text-align: center;
  font-style: italic;
}

#oncall-now-heading h4 {
  display: inline-block;
}

body[data-authenticated="false"] #escalate-btn {
  display: none;
}

#escalate-plan {
  width: 35%;
}

#escalate-description {
  height: 100px;
  resize: vertical;
}

.text-actions > span {
  cursor: pointer;
  color: #000;
  opacity: .3;
  font-weight: bold;
}

.text-actions > span .grey-icon {
  opacity: 1;
}

.text-actions > span:hover {
  opacity: .5;
}

/* Teams.info */

.module-card .badge.toggle-rotation {
  background: white;
  color: #00b0e3;
  border: 1px solid #00b0e3;
  cursor: pointer;
  transition: border-color, background .15s;
}

.module-card .badge.toggle-rotation:hover {
  color: #0077B5;
  border-color: #0077B5;
  background: rgba(0,115,177,.1);
}

.module-card .badge.toggle-rotation[data-in-rotation="false"] .active-text,
.module-card .badge.toggle-rotation .inactive-text {
  display: none;
}

.module-card .badge.toggle-rotation[data-in-rotation="false"] .inactive-text {
  display: block;
}

.module-card .badge.toggle-rotation[data-in-rotation="false"] {
  border-color: rgba(0,0,0,.55);
  color: rgba(0,0,0,.55);
}

.module-card .badge.toggle-rotation[data-in-rotation="false"]:hover {
  border-color: rgba(0,0,0,.85);
  color: rgba(0,0,0,.85);
  background: rgba(0,0,0,.1);
}

.module-card[data-col-name="services"] .services-inner {
  max-height: 490px;
  overflow-y: auto;
}

/* Teams.info non-admin state */

div[data-admin="true"] [data-admin-action="true"] {
  display: initial;
}

div[data-admin="false"] [data-admin-action="true"] {
  display: none !important;
}

div[data-admin="false"] .team-info .toggle-rotation {
  pointer-events: none;
}

div[info-admin="true"] [info-admin-action="true"] {
  display: initial;
}

div[info-admin="false"] [info-admin-action="true"] {
  display: none !important;
}

div[info-admin="false"] .team-info .toggle-rotation {
  pointer-events: none;
}

/* Teams.schedules */

.schedule-container[data-collapsed="true"] .module-schedule-wrapper {
  display: none;
}

.schedule-container[data-collapsed="true"] .module-heading {
  margin: 0;
  padding: 0;
  border: none;
}

.schedule-container[data-collapsed="false"] .svg-icon-chevron-up,
.schedule-container[data-collapsed="true"] .svg-icon-chevron-down {
  display: none;
}

.schedule-container[data-collapsed="false"] .svg-icon-chevron-down,
.schedule-container[data-collapsed="true"] .svg-icon-chevron-up {
  display: initial;
}

.module-schedule-wrapper .timezone-display {
  margin-left: .5%;
}

.schedule-container .toggle-schedule-view {
  position: relative;
  top: 3px;
  cursor: pointer;
}

.module-schedule-create .form-control {
  max-width: 230px;
  display: inline-block;
}

.module-schedule-create .schedule-details > li {
  margin: 10px 0;
}

.module-schedule-create .schedule-role {
  text-transform: capitalize;
}

.module-schedule-create .rotation-item {
  margin: 14px 0 8px 0;
}

.module-schedule-create .glyph {
  position: relative;
  top: 3px;
}

.module-schedule-create .rotation-start-day {
  width: 115px;
}

.module-schedule-create .rotation-start-time {
  width: 95px;
}

.module-schedule-create .remove-rotation-item .svg-icon-close {
  top: 1px;
}

.module-schedule-create .remove-rotation-item svg {
  vertical-align: baseline;
  margin-left: 3px;
}

.module-schedule-create .add-rotation-item {
  cursor: pointer;
}

.module-schedule-create .schedule-actions {
  margin-top: 20px;
  padding-top: 15px;
  text-align: right;
}

.module-schedule-create .border-bottom {
  border-bottom: 5px solid #FDE3D2;
}

.module-schedule-create[data-role="secondary"] .border-bottom {
  border-color: #E6E6FF;
}

.module-schedule-create[data-role="shadow"] .border-bottom {
  border-color: #ACB9C2;
}

.module-schedule-create[data-role="manager"] .border-bottom {
  border-color: #CAEDFF;
}

.module-schedule-create[data-role="director"] .border-bottom {
  border-color: #FFC100;
}

.module-schedule-create[data-role="vacation"] .border-bottom {
  border-color: #91C475;
}

.module-schedule-create[data-role="unavailable"] .border-bottom {
  border-color: #FF91CF;
}

.module-schedule-create .schedule-type-container {
  margin-top: 5px;
  font-size: .9em;
}

.module-schedule-create .schedule-algo {
  border-left: 1px solid #ccc;
}

.module-schedule-create .schedule-algo #schedule-algorithm {
  width: 250px;
  max-width: 250px;
  margin-bottom: 5px;
}

.module-schedule-create[data-scheduler="round-robin"] .round-robin-scheduler {
  border: 1px solid #ccc;
  color: #5c5b5c;
  border-radius: 4px;
  margin: 5px 0;
  padding: 10px;
}

.module-schedule-create[data-scheduler="round-robin"] .round-robin-scheduler ul {
  margin-top: 5px;
  max-height: 300px;
  overflow-y: scroll;
}

.module-schedule-create[data-scheduler="round-robin"] .round-robin-scheduler li {
  cursor: move;
  padding: 2px;
  transition: background .3s;
  user-select: none;
}

.module-schedule-create[data-scheduler="round-robin"] .round-robin-scheduler svg {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
  width: 25px;
}

.module-schedule-create[data-scheduler="round-robin"] .round-robin-scheduler li:hover {
  background: #efefef;
}

.module-schedule-create[data-scheduler="round-robin"] .round-robin-scheduler .dragging {
  opacity: .3;
}

.module-schedule-create[data-scheduler="round-robin"] .round-robin-scheduler .drag-over {
  border-bottom: 1px dashed #ccc;
}

.module-schedule {
  width: 24%;
  margin: 0 .5%;
  float: left;
  transition: box-shadow .15s;
}

.module-schedule .schedule-actions {
  border-top: 5px solid #FDE3D2;
  padding-top: 10px;
  margin-top: 10px;
}

.module-schedule[data-role="secondary"] .schedule-actions {
  border-color: #E6E6FF;
}

.module-schedule[data-role="shadow"] .schedule-actions {
  border-color: #ACB9C2;
}

.module-schedule[data-role="manager"] .schedule-actions {
  border-color: #CAEDFF;
}

.module-schedule[data-role="director"] .schedule-actions {
  border-color: #FFC100;
}

.module-schedule[data-role="vacation"] .schedule-actions {
  border-color: #91C475;
}

.module-schedule[data-role="unavailable"] .schedule-actions {
  border-color: #FF91CF;
}

.module-schedule[data-highlighted="true"] {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.2);
}

.module-schedule[data-role="primary"][data-highlighted="true"] .schedule-actions {
  border-color: #EF7E37;
}

.module-schedule[data-role="secondary"][data-highlighted="true"] .schedule-actions {
  border-color: #827BE9;
}

.module-schedule[data-role="shadow"][data-highlighted="true"] .schedule-actions {
  border-color: #7A8B98;
}

.module-schedule[data-role="manager"][data-highlighted="true"] .schedule-actions {
  border-color: #0091CA;
}

.module-schedule[data-role="director"][data-highlighted="true"] .schedule-actions {
  border-color: #C89B1C;
}

.module-schedule[data-role="vacation"][data-highlighted="true"] .schedule-actions {
  border-color: #469A1F;
}

.module-schedule[data-role="unavailable"][data-highlighted="true"] .schedule-actions {
  border-color: #FF1B90;
}

.module-schedule .label-col {
  width: 27%;
  max-width: 110px;
  vertical-align: top;
}

.module-schedule .data-col {
  text-transform: capitalize;
  display: inline-block;
}

.module-schedule .data-col.schedule-rotation {
width: 70%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.module-schedule .data-col.schedule-roster {
  text-transform: none
}

.module-schedule-create[data-advanced="1"] .schedule-basic,
.module-schedule-create[data-advanced="1"] .schedule-is-12-hr,
.module-schedule-create[data-advanced="0"] .schedule-advanced {
  display: none;
}

.module-schedule-create[data-advanced="0"] .schedule-basic,
.module-schedule-create[data-advanced="1"] .schedule-advanced {
  display: block;
}

.module-schedule-create label {
  min-width: 40px;
  margin: 0 15px;
}

.module-schedule-create label:first-child {
  margin-left: 0;
}

.module-schedule-create #twelve-hour {
  margin: 0 0 0 15px;
}

.module-schedule-create label[for="twelve-hour"] {
  margin: 4px;
  position: relative;
  top: 1px;
}

#populate-schedule-date {
  width: 100px;
  margin-left: 10px;
  display: inline-block;
}

#populate-schedule-threshold {
  margin-left: 10px;
}

#populate-schedule-btn {
  margin-top: -1px;
}

#modal-calendar-container {
  margin-top: 10px;
  padding-top: 10px;
}

#modal-calendar-container .inc-calendar {
  pointer-events: none;
}

/*
 * User settings page
 */

#user-settings-form td:first-child {
  width: 15%;
}

#user-settings-form td {
  padding: 10px 0;
}

#user-settings-form .profile-picture {
  position: relative;
  display: inline-block;
  border: 1px solid #dddedf;
}

/*#user-settings-form .profile-picture:hover:after {
  content: "Edit";
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
  width: 100%;
  height: 18px;
  color: #fff;
}*/

#user-settings-form .profile-picture img {
  width: 60px;
  height: 60px;
}

#user-settings-form input,
#user-settings-form select {
  width: 20%;
  max-width: 200px;
  display: inline-block;
}

#user-settings-form button {
  min-width: 95px;
}

/*
 * Team subscription page
 */

.subscription-actions {
  padding-top: 10px;
}

.module-subscription {
  width: 24%;
  margin: 0 .5%;
  float: left;
  transition: box-shadow .15s;
}

.module-subscription .subscription-actions {
  border-top: 5px solid #FDE3D2;
  padding-top: 10px;
  margin-top: 10px;
}

.module-subscription .subscription-actions > span {
  cursor: pointer;
  color: #000;
  opacity: .3;
  font-weight: bold;
}

.module-subscription .subscription-actions > span .grey-icon {
  opacity: 1;
}

.module-subscription .subscription-actions > span:hover {
  opacity: .5;
}

.module-subscription .label-col {
  width: 27%;
  max-width: 110px;
  vertical-align: top;
}

.module-subscription .data-col {
  text-transform: capitalize;
  display: inline-block;
  width: 167px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.module-subscription .subscription-actions {
  border-top: 5px solid #CCC;
  padding-top: 10px;
  margin-top: 10px;
  text-align: right;
}

.module-subscription-create .form-control,
#subscription-team-container {
    width: 150px;
    display: inline-block;
    margin: 5px;
    vertical-align: middle !important;
}

#subscription-team-container .tt-menu {
  width: 200%;
}
/*
 * User notifications page
 */

.notification-create-body {
  margin: 20px 0;
}

.notification-create-body input.form-control,
.notification-create-body select.form-control {
  display: inline-block;
  width: 150px;
  margin: 0 5px;
}

.notification-create-body select.multi-select-initial {
  margin: 0;
}

.notification-create-body input.notification-create-time {
  width: 75px;
}

.notification-actions {
  padding-top: 10px;
}

.module-notification {
  width: 24%;
  margin: 0 .5%;
  float: left;
  transition: box-shadow .15s;
}

.module-notification .notification-actions {
  border-top: 5px solid #FDE3D2;
  padding-top: 10px;
  margin-top: 10px;
}

.module-notification .notification-actions > span {
  cursor: pointer;
  color: #000;
  opacity: .3;
  font-weight: bold;
}

.module-notification .notification-actions > span .grey-icon {
  opacity: 1;
}

.module-notification .notification-actions > span:hover {
  opacity: .5;
}

.module-notification .label-col {
  width: 27%;
  max-width: 110px;
  vertical-align: top;
}

.module-notification .data-col {
  text-transform: capitalize;
  display: inline-block;
}

.module-notification .data-col.notification-role {
  display: inline-block;
  width: 167px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.module-notification .data-col.notification-roster {
  text-transform: none
}

.module-notification .notification-actions {
  border-top: 5px solid #CCC;
  padding-top: 10px;
  margin-top: 10px;
}

.module-notification .notification-event {
  text-transform: initial;
}

/*
 * Modal
 */

#input-modal .create-input {
  width: 100%;
}

/*
 * Footer
 */

footer {
  height: 20px;
  width: 100%;
  text-align: center;
}

footer li {
  list-style-type: none;
  display: inline-block;
  border-left: 1px solid #333;
  padding: 0 8px;
  line-height: 1;
  color: rgba(0,0,0,0.55);
  font-size: 14px;
}

footer li a {
  color: rgba(0,0,0,0.55);
}

footer li:first-child {
  border-left: none;
}

/*
 * Global add-ons
 */

.loader-li {
  width: 200px;
  margin: 25px auto;
  position: relative;
  top: 50%;
}

.loader-li .logo {
  background-image: url('data:image/png;base64,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');
  background-size: 90px;
  background-repeat: no-repeat;
  height: 90px;
  width: 90px;
  margin: 0 auto 32px;
  transform: translate(0,0);
  opacity: 1;
  transition: all .5s ease-out;
}

.loader-li .bar {
  width: 130px;
  height: 2px;
  margin: 0 auto;
  border-radius: 2px;
  background-color: #CFCFCF;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transform: rotateY(0);
  transition: transform .3s ease-in;
}

.loader-li .bar-inner {
  height: 100%;
  width: 68px;
  position: absolute;
  transform: translate(-34px,0);
  background-color: #0073B1;
  border-radius: 2px;
  animation: initial-loading 1.5s infinite ease;
}

@keyframes icon-rotate {
  0%, 100% {
    transform: rotate(0deg)
  }

  2% {
    transform: rotate(-15deg)
  }

  3% {
    transform: rotate(15deg)
  }

  4% {
    transform: rotate(-15deg);
  }

  5% {
    transform: rotate(15deg);
  }

  6% {
    transform: rotate(-15deg);
  }

  7% {
    transform: rotate(15deg);
  }

  8% {
    transform: rotate(-15deg);
  }

  9% {
    transform: rotate(15deg);
  }

  10% {
    transform: rotate(0deg);
  }
}

.icon-rotate:hover {
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-name: icon-rotate;
  -moz-animation-name: icon-rotate;
  animation-name: icon-rotate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes initial-loading {
  0%,100% {
    transform: translate(-34px,0)
  }

  50% {
    transform: translate(96px,0)
  }
}

.loader {
  border-width: 3px;
  margin-left: -10px;
  top: 25px;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: pulsate;
  -moz-animation-name: pulsate;
  animation-name: pulsate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  border-radius: 30px;
  filter: alpha(opacity=0);
  opacity: 1;
  border: 3px solid #008cc9;
  display: block;
  height: 30px;
  margin: 0 auto;
  width: 30px;
}

.loader.loader-small {
  width: 20px;
  height: 20px;
}

@keyframes pulsate {
  from {
    transform: scale(0.1,0.1);
    opacity: .0
  }

  50% {
    opacity: 1.0
  }

  100% {
    transform: scale(1.2,1.2);
    opacity: .0
  }
}

@-webkit-keyframes pulsate {
  from {
    -webkit-transform: scale(0.1,0.1);
    opacity: .0
  }

  50% {
    opacity: 1.0
  }

  100% {
    -webkit-transform: scale(1.2,1.2);
    opacity: .0
  }
}

.view-loader {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.view-loader-inner {
  position: relative;
  top: 2px;
  visibility: hidden;
  z-index: 10;
  transition: visibility 0s .6s;
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  bottom: 0;
  right: 0;
  left: 0;
}

.view-loader-inner:before {
  display: block;
  background: #0073B1;
  opacity: 0;
  transform: scaleX(1);
  transition: transform .4s linear,opacity .6s;
  opacity: 1;
  animation: loading-bar 5s cubic-bezier(.1,.55,.15,.5);
  content: '';
  width: 100%;
  height: 2px;
}

@keyframes loading-bar {
  from {
      transform: scaleX(.01);
  }

  to {
      transform: scaleX(1);
      opacity: 0;
  }
}

.loading-view .view-loader {
  display: block;
}

.placeholder {
  display: inline-block;
  width: 150px;
  height: 10px;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  animation-name: fade;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: -webkit-linear-gradient(90deg, #e1e9ee, #d3dce2 50%);
  background: -moz-linear-gradient(90deg, #e1e9ee, #d3dce2 50%);
  background: -o-linear-gradient(90deg, #e1e9ee, #d3dce2 50%);
  background: linear-gradient(90deg, #e1e9ee, #d3dce2 50%);
}

@keyframes fade {
  from {
    opacity: .7
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: .7
  }
}

@-webkit-keyframes fade {
  from {
    opacity: .7
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: .7
  }
}

.icon-plus {
  border: 1px solid #b0b2b5;
  border-radius: 50%;
  font-size: 32px;
  color: #b0b2b5;
  line-height: 43px;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  display: block;
  margin: auto;
  font-style: normal;
}

.badge {
  background: #FDE3D2;
  color: #6A2300;
  font-size: 10px;
  font-weight: normal;
  text-transform: capitalize;
  min-width: 60px;
  margin-top: 2px;
}

.badge.badge-gray {
  border: 1px solid rgba(0,0,0,.55);
  background: #FFF;
  color: rgba(0,0,0,.55);
}

.badge[data-role="secondary"] {
  background: #E6E6FF;
  color: #2C2B9D;
}

.badge[data-role="shadow"] {
  background: #E1E9EE;
  color: #283E4A;
}

.badge[data-role="manager"] {
  background: #CAEDFF;
  color: #2B7EAC;
}

.badge[data-role="director"] {
  background: #FFEEAD;
  color: #5E480B;
}

.badge[data-role="vacation"] {
  background: #DCF0CB;
  color: #0E4507;
}

.badge[data-role="unavailable"] {
  background: #FFDFF6;
  color: #720059;
}

.module {
  border: 1px solid #dddedf;
  background: #FFF;
  padding: 15px;
  margin-bottom: 10px;
  color: #5c5b5c;
}

.module-top-edge {
  margin-top: 0;
}

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

.module-heading {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.col-left-edge {
  padding-left: 0;
  margin-left: 0;
}

.col-right-edge {
  padding-right: 0;
  margin-right: 0;
}

.striped:nth-child(even) {
  background: #f6f6f6;
}

.module h4 {
  margin-top: 0;
}

.light {
  color: #b0b2b5;
}

.dark {
  color: #333;
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.error-text {
  color: #FF2C33 !important;
}

.btn {
  box-shadow: none;
  border-radius: 2px;
  text-shadow: none;
  background-image: none;
}

.btn .loader {
  display: none;
  border: 3px solid white;
}

.btn.loading .loader {
  display: block;
}

.btn.loading .btn-text {
  display: none;
}

.btn.btn-white {
  background: none;
  padding: 6px 15px;
  border: none;
  box-shadow: inset 0 0 0 1px #FFF;
  color: #FFF;
  font-weight: 100;
  letter-spacing: 1px;
}

.btn.btn-white:hover {
  color: #FFF;
  box-shadow: inset 0 0 0 2px #FFF;
}

.btn.btn-blue {
  color: #00b0e3;
  border-color: #00b0e3;
  margin: 0 3px;
  background: #fff;
}

.btn.btn-blue:focus,
.btn.btn-blue:active,
.btn.btn-blue:hover {
  color: #0077B5;
  border-color: #0077B5;
  background: #fff;
}

.module-gray {
  border: 1px solid #dddedf;
  background: #f0f3f6;
}

.border-all {
  border: 1px solid #dddedf;
}

.border-bottom {
  border-bottom: 1px solid #dddedf;
}

.border-top {
  border-top: 1px solid #dddedf;
}

.invalid-input {
  border: 1px solid red !important;
}

.form-control.border-bottom {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
}

input[type="number"].form-control.border-bottom {
  /* Fix for chrome bug where input shakes on focus */
  line-height: 1;
}

.form-control.border-bottom:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid #008CC9;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: content-box;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.25);
  -webkit-transition: box-shadow .15s;
  transition: box-shadow .15s;
  color: rgba(0,0,0,.85);
  padding: 4px 12px;
  padding-right: 25px;
  width: 100%;
  background: url('../images/chevron-bottom.svg') right 9px top 13px no-repeat transparent;
}

label {
  font-weight: normal;
}

.pill {
  border-radius: 15px;
  background-color: #cfedfb;
  color: #333;
  padding: 3px 10px;
  margin: 5px;
  width: 100px;
  text-align: center;
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pill.removable {
  padding-right: 25px;
}

.pill.removable .close-icon {
  position: absolute;
  right: 4px;
  top: 0;
  padding: 2px 0 0 2px;
  cursor: pointer;
  color: #34b3e4;
}

.pill.removable:hover {
  border: 1px solid #005e93;
}

.pill.removable:hover .close-icon {
  border-left: 1px solid #005e93;
  color: #005e93;
}

.toggle-input {
  font-size: 14px;
  height: 32px;
  -webkit-user-select: none;
  user-select: none;
}

.toggle-input input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.toggle-input input[type="checkbox"]+label {
  position: relative;
  padding: 8px 50px 0 0;
  line-height: 10px;
  color: #b0b2b5;
}

.toggle-input input[type="checkbox"]+label:before {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 24px;
  top: 0;
  right: 0;
  left: auto;
  border-radius: 16px;
  transition: background-color .2s ease-out;
  background-color: #d0d3d6;
  border: 1px solid #a0a3a6;
  box-shadow: none;
}

.toggle-input input[type="checkbox"]:checked+label:before {
  background-color: #0084bf;
  border-color: transparent;
  box-shadow: 0 0 0 10px #0084BF inset;
}

.toggle-input input[type="checkbox"]+label:after {
  display: block;
  content: "";
  background-color: white;
  height: 20px;
  width: 20px;
  margin: 2px;
  position: absolute;
  top: 0px;
  right: 16px;
  left: auto;
  background-image: none;
  transform: scale(1);
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 2px 3px;
  border-radius: 13px;
  transition: all 0.3s ease;
}

.toggle-input input[type="checkbox"]:checked+label:after {
  transform: translateX(16px);
}

.multi-select {
  display: inline-block;
  position: relative;
  margin: 0 5px;
}

.multi-select-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.multi-select-options {
  position: absolute;
  background: #fff;
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 4px;
  z-index: 1;
  display: none;
}

.multi-select-options.visible {
  display: block;
}

.multi-select-options label {
  margin-left: 5px;
}

/* Typeahead CSS */
span.twitter-typeahead {
  width: 100%;
}

.twitter-typeahead .tt-hint,
.twitter-typeahead .tt-input {
  width: 100%;
}

.twitter-typeahead .tt-cursor {
  background: #00b0e3;
  color: #fff;
}

.twitter-typeahead .tt-suggestion {
  padding-left: 10px;
}

.twitter-typeahead .tt-suggestion:hover {
  cursor: pointer;
  background: #00b0e3;
  color: #fff;
}

.twitter-typeahead .tt-menu {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 0;
  width: 100%;
}

.input-group span.twitter-typeahead {
  display: block !important;
}

.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}

.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}

.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}

/* Icon font */

.svg-icon {
  position: relative;
  top: 4px;
}

.svg-icon > svg {
  vertical-align: top;
}

.grey-icon {
  color: #000;
  opacity: .2;
  cursor: pointer;
  transition: opacity .3s;
}

.grey-icon:hover {
  opacity: .5;
}

.svg-icon-question {
  display: inline-block;
  border: 1px solid;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  top: 5px;
  padding: 2px;
  cursor: pointer;
}

.svg-icon-question.svg-icon-no-modal {
  cursor: unset;
}

.svg-icon-question:hover {
  border-color: #91C475;
  fill: #91C475;
}

.audit-table th {
  white-space: nowrap;
}

.audit-table .sort-icon {
  display: none;
  margin-left: 3px;
}

.audit-table .sorting .sort {
  display: unset;
}

.audit-table .sorting_asc .sort-asc {
  display: unset;
}

.audit-table .sorting_desc .sort-desc {
  display: unset;
}

table.dataTable thead th {
    position: relative;
      background-image: none !important; /* Remove the DataTables bootstrap integration styling */
}

#audit-date {
  width: 100px;
  display: inline-block;
  margin: 3px;
  margin-bottom: 30px;
}

.audit-table .audit-context {
  white-space: pre;
  font-family: monospace;
}
/* [IN]Calendar */

#calendar-container {
  padding: 20px;
  padding-right: 21px;
}

.inc-toolbar {
  border-bottom: 1px solid #dddedf;
  color: #a5a9ab;
  font-weight: 100;
  position: relative;
  padding: 7px 0 10px 0;
}

.inc-toolbar-title {
  text-align: center;
  font-size: 16px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.inc-toolbar-controls {
  position: absolute;
  left: 10px;
  margin-top: 2px;
}

.inc-toolbar-controls > li {
  float: left;
  cursor: pointer;
  padding: 0 8px 10px 8px;
  margin-right: 10px;
  text-transform: capitalize;
}

.inc-toolbar-controls > li.active,
.inc-toolbar-controls > li:hover {
  box-shadow: inset 0 -5px 0 -2px #0092d7;
}

.inc-controls-title {
  min-width: 160px;
  position: relative;
  display: inline-block;
}

.inc-toolbar .loader {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.loading-events .inc-toolbar .loader {
  display: inline-block;
}

.inc-controls-prev,
.inc-controls-next {
  padding: 10px;
  margin: 0 10px;
  line-height: 1;
  cursor: pointer;
}

.inc-controls-prev:hover,
.inc-controls-next:hover {
  background: #f0f3f6;
}

.inc-toolbar #inc-controls-today {
  float: right;
  padding: 0 10px;
  margin: 0;
}

.inc-calendar {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  color: #a5a9ab;
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.inc-calendar table {
  position: relative;
  table-layout: fixed;
  width: 100%;
  border-top: none;
  border-bottom: 1px solid #ddddef;
}

.inc-calendar th {
  text-align: left;
  font-weight: 100;
  padding: 15px 0 7px 10px;
}

.inc-calendar td.inc-node {
  border-left: 1px solid #ddddef;
  border-right: 1px solid #ddddef;
  height: 100px;
  padding: 0 0 0 5px;
  vertical-align: top;
  text-align: left;
  cursor: crosshair;
}

.inc-calendar[data-view="template"] td.inc-node {
  cursor: default;
}

.inc-calendar .inc-week-row.today td,
.inc-calendar td.inc-day.today {
  background: #fff4d1;
}

.inc-calendar .today td.current-hour {
  background: #f5e79d;
}

.inc-calendar td.inc-node:hover {
  background: #f0f3f6;
}

.inc-calendar td.inc-node.selecting {
  color: #005188;
  position: relative;
}

.inc-calendar td.inc-node.selecting:after {
  content: "";
  width: 101%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(123, 185, 217, .7);
  border: 1px solid rgba(123, 185, 217, .7);
  z-index: 2;
}

.inc-calendar td.inc-day-out {
  background: #f0f3f6;
}

.inc-calendar .inc-week-day {
  width: 6em;
  font-weight: 100;
  background: #fff;
}

.inc-calendar .inc-week-header {
  padding-left: 0;
}

.inc-calendar td.inc-week-hour {
  height: 6em;
}

/* Events */
.inc-calendar .inc-month-row,
.inc-calendar .inc-week-row {
  position: relative;
}

.inc-calendar .inc-event {
  background: #FDE3D2;
  color: #6A2300;
  position: absolute;
  width: 100%;
  height: 20px;
  top: 0;
  left: 0;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #F6A16C;
  cursor: pointer;
  transition: background-color, color .2s;
}

.inc-calendar .inc-event[data-display="false"] {
  display: none;
}

.inc-calendar .inc-event .inc-event-date {
  display: none;
}

.inc-calendar .inc-event[data-highlighted="true"] .inc-event-date {
  display: inline;
}

.inc-calendar .inc-event[data-type="primary"] {
  top: 18px;
}

.inc-calendar .inc-event[data-type="secondary"] {
  background: #E6E6FF;
  color: #2C2B9D;
  border-color: #B2B0FA;
}

.inc-calendar .inc-event[data-type="shadow"] {
  background: #E1E9EE;
  color: #283E4A;
  border-color: #ACB9C2;
}

.inc-calendar .inc-event[data-type="manager"] {
  background: #CAEDFF;
  color: #003F67;
  border-color: #65C3E8;
}

.inc-calendar .inc-event[data-type="vacation"] {
  background: #DCF0CB;
  color: #0E4507;
  border-color: #91C475;
}

.inc-calendar .inc-event[data-type="unavailable"] {
  background: #FFDFF6;
  color: #720059;
  border-color: #FF91CF;
}

.inc-calendar .inc-event[data-type="primary"][data-force-highlighted="true"],
.inc-calendar .inc-event[data-type="primary"][data-highlighted="true"] {
  background: #EF7E37;
  border-color: #993A00;
  color: rgba(255,255,255,.9);
}

.inc-calendar .inc-event[data-type="manager"][data-force-highlighted="true"],
.inc-calendar .inc-event[data-type="manager"][data-highlighted="true"] {
  background: #0091CA;
  border-color: #006097;
  color: rgba(255,255,255,.9);
}

.inc-calendar .inc-event[data-type="secondary"][data-force-highlighted="true"],
.inc-calendar .inc-event[data-type="secondary"][data-highlighted="true"] {
  background: #827BE9;
  border-color: #544BC2;
  color: rgba(255,255,255,.9);
}

.inc-calendar .inc-event[data-type="shadow"][data-force-highlighted="true"],
.inc-calendar .inc-event[data-type="shadow"][data-highlighted="true"] {
  background: #7A8B98;
  border-color: #485D69;
  color: rgba(255,255,255,.9);
}

.inc-calendar .inc-event[data-type="vacation"][data-force-highlighted="true"],
.inc-calendar .inc-event[data-type="vacation"][data-highlighted="true"] {
  background: #469A1F;
  border-color: #22670F;
  color: rgba(255,255,255,.9);
}

.inc-calendar .inc-event[data-type="unavailable"][data-force-highlighted="true"],
.inc-calendar .inc-event[data-type="unavailable"][data-highlighted="true"] {
  background: #FF1B90;
  border-color: #AC0A70;
  color: rgba(255,255,255,.9);
}

.inc-calendar[data-selecting="true"] .inc-event {
  pointer-events: none;
  opacity: .5;
}

.inc-calendar[data-view="template"] .inc-event {
  cursor: default;
}

.inc-modal {
  background: #FFF;
  width: 400px;
  padding: 20px;
  border: 1px solid #dddedf;
  box-shadow: 0 2px 6px rgba(75,75,75,0.3);
  position: absolute;
  top: 0;
  z-index: 10;
  user-select: text;
}

.inc-modal > h4 {
  color: #5c5b5c;
}

.inc-modal .divider-text {
  text-align: center;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: bold;
  color: #d9d9d9;
  position: relative;
}

.inc-modal .divider-text:after,
.inc-modal .divider-text:before {
  border: 1px solid #d9d9d9;
  width: 50%;
  top: 45%;
  position: absolute;
  display: block;
  content: "";
}

.inc-modal .divider-text:before {
  right: 55%;
  margin-right: 30px;
}

.inc-modal .divider-text:after {
  left: 55%;
  margin-left: 30px;
}

.inc-modal[data-role="primary"] .inc-event-details {
  border-color: #F6A16C;
}

.inc-modal[data-role="secondary"] .inc-event-details {
  border-color: #B2B0FA;
}

.inc-modal[data-role="shadow"] .inc-event-details {
  border-color: #ACB9C2;
}

.inc-modal[data-role="manager"] .inc-event-details {
  border-color: #65C3E8;
}

.inc-modal[data-role="vacation"] .inc-event-details {
  border-color: #91C475;
}

.inc-modal[data-role="unavailable"] .inc-event-details {
  border-color: #FF91CF;
}

.inc-modal-top-actions {
  float: right;
  cursor: pointer;
}

.inc-modal-actions {
  border-top: 1px solid #dddedf;
  text-align: right;
  padding-top: 10px;
  margin-top: 10px;
}

.inc-modal-actions .error-text {
  text-align: left;
}

.inc-modal .label-col {
  vertical-align: top;
  width: 25%;
}

.inc-modal .label-col.label-swap-linked {
  width: 35%;
  line-height: 28px;
}

.inc-modal .label-col.label-swap-linked-to {
  width: 41%;
  line-height: 28px;
}

.inc-modal .data-col {
  color: rgba(0,0,0,.85);
}

.inc-modal .input-col {
  display: inline-block;
  width: 75%;
}

.inc-modal input[type="text"] {
  padding: 4px 5px;
  margin: 0 5px 0 0;
  color: rgba(0,0,0,.85);
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-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;
}

.inc-modal input[type="radio"],
.inc-modal input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: top;
}

.inc-toolbar select,
.inc-modal select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: content-box;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.25);
  border-radius: 4px;
  -webkit-transition: box-shadow .15s;
  transition: box-shadow .15s;
  color: rgba(0,0,0,.85);
  padding: 4px 25px 4px 5px;
  width: 100%;
  background: url('../images/chevron-bottom.svg') right 9px top 13px no-repeat transparent;
}

.inc-create-event-modal .inc-event-override {
  display: none;
}

.inc-create-event-modal[data-12-hour="true"] .override-content {
  display: none;
}

.inc-create-event-modal[data-override="true"][data-12-hour="false"] .inc-event-override {
  display: block;
}

.inc-event-details-modal .inc-event-details {
  display: none;
}

.inc-event-details-modal[data-mode="swap"] .inc-event-details-swap,
.inc-event-details-modal[data-mode="view"] .inc-event-details-view,
.inc-event-details-modal[data-mode="edit"] .inc-event-details-edit {
  display: block;
}

.inc-event-details-modal[data-mode="swap"] .inc-modal-swap .inc-icon,
.inc-event-details-modal[data-mode="edit"] .inc-modal-edit .inc-icon {
  fill: #0084bf;
}

.inc-event-details-modal .inc-event-details-swap {
  display: none;
}

.inc-event-details-modal[data-swap="true"] .inc-event-details-swap {
  display: block;
}

.inc-event-details-modal[data-mode="edit"] .inc-event-details-edit {
  position: relative;
}

.inc-event-details-modal[data-mode="edit"] [data-linked-editable="false"] {
  max-height: 30px;
  transition: all .3s;
}

.inc-event-details-modal[data-mode="edit"] .inc-event-details-edit[data-edit-linked="true"] [data-linked-editable="false"] {
  max-height: 0;
  margin: 0;
  overflow: hidden;
}

.inc-event-details {
  border-top: 5px solid #dddedf;
  margin-top: 10px;
  padding-top: 10px;
}

.inc-event-user {
  display: none;
  border-bottom: 1px solid #dddedf;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.inc-event-details li {
  margin-bottom: 8px;
}

.inc-event-details .toggle-input label[for="toggle-swap-mode"] {
  padding-right: 40px;
}

.inc-event-details .label-override {
  margin-top: 3px;
}

#inc-override-event-list [data-type="primary"],
.inc-event-details-swap [data-type="primary"] {
  color: #F6A16C;
}

#inc-override-event-list [data-type="manager"],
.inc-event-details-swap [data-type="manager"] {
  color: #65C3E8;
}

#inc-override-event-list [data-type="secondary"],
.inc-event-details-swap [data-type="secondary"] {
  color: #B2B0FA;
}

#inc-override-event-list [data-type="shadow"],
.inc-event-details-swap [data-type="shadow"] {
  color: #ACB9C2;
}

#inc-override-event-list [data-type="vacation"],
.inc-event-details-swap [data-type="vacation"] {
  color: #91C475;
}

#inc-override-event-list [data-type="unavailable"],
.inc-event-details-swap [data-type="unavailable"] {
  color: #FF91CF;
}

/* Read Only Overrides */

.inc-calendar[data-read-only="true"] .inc-edit-action {
  display: none;
}

.inc-calendar[data-read-only="true"] td.inc-node {
  cursor: default;
  pointer-events: none;
}

/* Icons */

.inc-icon {
  display: inline-block;
  padding: 2px;
  color: #a5a9ab;
  fill: #a5a9ab;
}

.inc-icon svg {
  vertical-align: top;
}

.inc-icon-close svg {
  position: relative;
  top: 3px;
}

.inc-icon-question-circle {
  position: relative;
  top: 5px;
  cursor: pointer;
}

.inc-icon-question-circle:hover {
  fill: #91C475;
}

/* DatePicker Styles */

#inc-date-picker-widget {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  padding: 5px;
  overflow: hidden;
  background: #FFF;
  border: 1px solid #dddedf;
  border-radius: 4px;
  box-shadow: 1px 1px 6px rgba(75,75,75,0.3);
  z-index: 101;
}

#inc-date-picker-widget .inc-toolbar {
  color: grey;
  padding: 5px 0;
}

#inc-date-picker-widget table {
  border-bottom: none;
}

#inc-date-picker-widget .inc-date-picker-node {
  font-weight: 100;
  padding-left: 3px;
  cursor: pointer;
  color: grey;
}

#inc-date-picker-widget .inc-date-picker-node:hover {
  background: #65C3E8;
  color: #FFF;
}

#inc-date-picker-widget .inc-date-picker-node.selected {
  background: #337ab7;
  color: #FFF;
}

#inc-date-picker-widget .inc-controls-prev,
#inc-date-picker-widget .inc-controls-next {
  padding: 6px;
}

#inc-date-picker-widget .inc-controls-title {
  min-width: 100px;
}

#inc-date-picker-widget .inc-node {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
}

#inc-date-picker-widget th {
  padding-left: 3px;
}