/* DAN TEMP CSS */

body:not(#danb):not(#tomas_vankat) .danbOnly {
  display: none !important;
}

.easy #header .navbar-toggle {
  border-color: #ddd;
  float: left;
}

.easy a.navbar-brand {
  color: transparent;
}

/* ==========================
scrooling style
===========================*/

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #afd8f8;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #afd8f8;
}

/* end crooling */

.easy .systemMessageBoxEnvelope {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  height: 60px;
}

.easy .systemMessageBoxEnvelope label.envelopeLabel {
  position: relative;
  border: 1px solid #337ab7;
  min-height: 15px;
  min-width: 340px;
  padding: 11px;
  display: block;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #afd8f8;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.easy .teamChatInternalEnvelope {
  margin-top: 0px;
}

.easy .teamChatInternal {
  display: inline-block;
  width: 100%;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  margin-top: 0px;
}

.teamChatInternal.minimized {
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 0px;
  border-bottom: 0px;
  overflow: hidden;
}

.teamChatInternal.maximized {
  z-index: 100;
  background-color: #ffffff;
  max-height: calc(100vh - 50px);
  position: absolute;
  left: 0px;
  overflow-y: auto;
}

.easy .teamChatInternalEnvelope {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  height: 60px;
  z-index: 100;
}

#center-header .page-header {
  display: inline-block;
}

.easy .systemMessageBox {
  display: inline-block;
  width: 100%;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  margin-top: 0px;
}

.systemMessageBox.minimized {
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0px solid #3e81c1;
  overflow: hidden;
}

.systemMessageBox.maximized {
  z-index: 100;
  background-color: #ffffff;
  max-height: calc(100vh - 100px);
  position: relative;
  left: 0px;
  top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #3e81c1;
  overflow-y: auto;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}

.systemMessage {
  display: inline-block;
  width: 320px;
  border: 1px solid;
  border-radius: 5px;
  border-color: #e7e7e7;
  background-color: #f8f8f8;
}

div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage .messageClose {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 5px;
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
}

div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage .messageClose .fa-light {
  display: block;
}

.systemMessageBoxEnvelope .systemMessage .messageClose {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 5px;
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
}

.systemMessageBoxEnvelope .systemMessage .messageClose .fa-light {
  display: block;
}

div.systemMessageBox div.systemMessage .messageHeader {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage .messageHeader {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

div.systemMessageBox div.systemMessage .message {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0px 30px 0px 0px;
  margin: 0px;
}

div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage .message {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0px;
  margin: 0px;
}

div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage .message.noLink {
  cursor: default;
}

div.systemMessageBoxEnvelope .systemMessageBox .systemMessage .message.noLink {
  cursor: default;
}

div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage .message.followLink {
  cursor: pointer;
}

div.systemMessageBoxEnvelope .systemMessageBox .systemMessage .message.followLink {
  cursor: pointer;
}

div.systemMessageBox div.systemMessage.danger,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage.danger {
  background-color: #d9534f;
  color: #fff;
}

div.systemMessageBox div.systemMessage.warning,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage.warning {
  background-color: #f0ad4e;
  color: #fff;
}

div.systemMessageBox div.systemMessage.success,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage.success {
  background-color: #5cb85c;
  color: #fff;
}

div.systemMessageBox div.systemMessage.info,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage.info {
  background-color: #5bc0de;
  color: #fff;
}

div.systemMessageBox div.systemMessage.primary,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage.primary {
  background-color: #337ab7;
  color: #fff;
}

div.systemMessageBox div.systemMessage.default,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage.default {
  background-color: #ffffff;
  color: #333;
}

div.systemMessageBox div.systemMessage.information:before,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage.information:before {
  content: "\f05a";
  font: normal normal normal 30px/1 FontAwesome;
  position: absolute;
  left: 13px;
  top: 9px;
}

div.systemMessageBox div.systemMessage.newTicket:before,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage.newTicket:before {
  content: "\f0eb";
  font: normal normal normal 30px/1 FontAwesome;
  position: absolute;
  left: 16px;
  top: 7px;
}

div.systemMessageBox div.systemMessage.check:before,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage.check:before {
  content: "\f046 ";
  font: normal normal normal 30px/1 FontAwesome;
  position: absolute;
  left: 12px;
  top: 10px;
}

div.systemMessageBox div.systemMessage .messageIcon,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage .messageIcon {
  font-size: 30px;
  position: absolute;
  left: 0px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
}

div.systemMessageBox div.systemMessage .messageIcon .fa,
div#fixed-sidebar-right ul.menu.fixed#rightMessageBox li.systemMessage .messageIcon .fa-light {
  display: block;
  line-height: 50px;
}

.systemMessage .message {
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  margin-bottom: 10px;
  font-size: 12px;
  padding: 2px 10px;
}

.systemMessage .fa-light {
  display: none;
}

.systemMessage .fa-stack {
  display: none;
}

#fixed-sidebar-right {
  display: block;
  min-height: 100vh;
  padding-right: 0px;
  padding-left: 0px;
  width: 50px;
}

#fixed-sidebar-right .mod-menu {
  display: block;
  min-height: 100vh;
}

#fixed-sidebar-right .mod-menu #rightMessageBox {
  display: block;
  min-height: 100vh;
  width: 50px;
  position: absolute;
  right: 0px;
  padding-left: 0px;
}

div.systemMessageBox div.systemMessage {
  height: 50px;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 1px;
  padding-left: 50px;
  padding-right: 5px;
  line-height: 50px;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  opacity: 1;
  position: relative;
  left: 0px;
  margin-left: 0px;
  padding-top: 0px;
}

div#fixed-sidebar-right ul.menu.fixed li {
  background-color: #f8f8f8;
  border: 1px solid #337ab7;
  height: 50px;
  width: 400px;
  margin-bottom: 3px;
  padding-left: 50px;
  padding-right: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  opacity: 1;
  position: relative;
  right: 0;
  top: 0 !important;
  transition: top 1s;
  -webkit-transition: top 1s;
}

div#fixed-sidebar-right ul.menu.fixed li.show {
  margin-left: -340px;
  width: 400px;
  cursor: default;
  position: relative;
  right: 0;
  transition: top 1s;
  -webkit-transition: top 1s;
}

div#fixed-sidebar-right ul.menu.fixed li.clip {
  margin-left: 0px;
  width: 400px;
  cursor: default;
  position: relative;
  right: 0;
  transition: top 1s;
  -webkit-transition: top 1s;
}

div#fixed-sidebar-right ul.menu.fixed li.toSlideUp {
  top: 100vh !important;
}

.independentLabel.wide {
  width: auto;
}

.independentLabel .skillDescription {
  font-weight: normal;
  margin-left: 10px;
  font-size: small;
}

.calendarTable.calendarDay.inline tr.week.header th.dayName {
  background-color: #afd8f8;
}

button.nextMonthAjax {
  background-color: transparent;
  box-shadow: none;
  border: none;
  text-shadow: none;
}

button.prevMonthAjax {
  background-color: transparent;
  box-shadow: none;
  border: none;
  text-shadow: none;
}

button.nextMonthAjax:hover {
  color: #ffffff;
}

button.prevMonthAjax:hover {
  color: #ffffff;
}

.easy span.shiftCreate,
.easy span.shift,
.easy span.shiftMinus,
.easy span.shiftPlus,
.easy span.calendarWeek {
  color: #31708f;
}

.easy span.shiftCreate:hover,
.easy span.shift:hover,
.easy span.shiftMinus:hover,
.easy span.shiftPlus:hover,
.easy span.calendarWeek:hover {
  color: #ffffff;
}

.dayTasks .queueTask.user.dayCalendar .queueTaskControl .likeInput {
  padding: 0px 5px 0px 0px;
}

.dayTasks .queueTask.user.dayCalendar label {
  display: inline-block;
  width: 20px;
  text-align: center;
  padding-top: 0px;
  vertical-align: initial;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.dayTasks .queueTask.user.dayCalendar .queueTaskControl.minimized {
  display: block;
  min-height: 16px;
  border-bottom: 0px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 0px;
  opacity: 1;
}

.dayTasks .queueTask.user.dayCalendar .queueTaskControl .fa.flyRight {
  min-height: 16px;
  padding-top: 3px;
}

.userQueueFull {
  margin-top: 5px;
  display: inline-block;
  width: 100%;
  border: 1px solid #bac5d1;
  border-radius: 10px;
  padding: 0px;
  background-color: #fff;
}

.easy .userQueueFull .queueTaskForm .taskFieldBox .likeInput {
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 13px;
  line-height: 18px;
  min-height: 18px;
  padding: 5px 10px 5px 10px;
  margin: 2px 0px 10px 2px;
  color: rgb(255, 255, 255);
  height: auto;
}

.easy .userQueueFull .queueTaskForm .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: rgba(255, 255, 255, 0.8);
}

.easy .queueTaskForm .chatInternal.showChat {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  border-radius: 0px;
  padding: 5px 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 1000px;
  overflow-y: auto;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.easy div.userQueueFull div.queueTaskControl {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: 5px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  padding: 10px 5px 10px 5px;
  margin-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.easy div.userQueueFull div.queueTaskControl:hover {
  border: 1px solid rgba(255, 255, 255, 1);
}

.easy .userQueueFull .queueTaskForm .queueTaskControl .queueTaskFormControlIcons .fa-light {
  padding: 2px 10px;
  cursor: pointer;
  font-size: 20px;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  position: relative;
  vertical-align: middle;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.easy .userQueueFull .queueTaskForm .queueTaskControl .queueTaskFormControlIcons .fa:hover {
  color: #ffffff;
  padding: 0px 8px;
  font-size: 24px;
}

.queueTaskForm .chatInternal #chatMessage {
  width: 100%;
}

.queueTaskForm .taskControlBar {
  display: block;
  text-align: right;
}

.panel-footer.mini {
  padding: 0px 15px;
}

.easy .teamChatInternal .teamChatMessage:last-child,
.easy .chatInternal .teamChatMessage:last-child {
  border-bottom: 1px solid transparent;
}

.easy .queueTaskForm .taskEmails.showEmails {
  overflow: auto;
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 1400px;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.easy .userQueueFull .queueTaskForm .taskEmails .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

textarea.form-control,
.easy textarea.form-control {
  resize: vertical;
  overflow-x: hidden;
}

.easy .queueTaskForm .taskAttachments.showAttachments {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 800px;
  overflow-y: auto;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.easy .queueTaskForm .taskAttachments .panel {
  box-shadow: none;
}

.easy .userQueueFull .queueTaskForm .taskAttachments .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.easy .queueTaskForm .taskStatusEnvelope.showStatus {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 300px;
  overflow-y: auto;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.easy .queueTaskForm .taskStatusEnvelope .panel {
  box-shadow: none;
}

.easy .userQueueFull .queueTaskForm .taskStatusEnvelope .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.queueTaskForm .taskDateTimeEnvelope.hideDateTime {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

.easy .queueTaskForm .taskDateTimeEnvelope.showDateTime {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 250px;
  overflow-y: auto;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.easy .queueTaskForm .taskDateTimeEnvelope .panel {
  box-shadow: none;
}

.easy .userQueueFull .queueTaskForm .taskDateTimeEnvelope .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.userQueueTasksFull .queueTask .queueTaskControl .taskHighlights .fa.active {
  color: inherit;
  opacity: 1;
}

.userQueueTasksFull .queueTask.active .queueTaskControl .taskHighlights .fa.active {
  color: #fff;
  opacity: 1;
}

.userQueueTasksFull .queueTask:hover .queueTaskControl .taskHighlights .fa.active {
  color: #fff;
  opacity: 1;
}

.userQueueTasksFull {
  position: relative;
  min-height: 50px;
}

.userQueueTasksFull .userQueueRemoveSortingButton {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #337ab7;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #fff;
  padding: 4px 2px 0px 2px;
  border: 1px solid transparent;
  border-radius: 5px;
  z-index: 100;
}

.userQueueTasksFull .userQueueRemoveSortingButton:hover {
  border: 1px solid #3e81c1;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.userQueueTasksFull .userQueueShowHideSleeping {
  position: absolute;
  right: 4px;
  top: 24px;
  color: #337ab7;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #fff;
  padding: 4px 2px 0px 2px;
  border: 1px solid transparent;
  border-radius: 5px;
  z-index: 100;
}

.userQueueTasksFull .userQueueShowHideSleeping:hover {
  border: 1px solid #3e81c1;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.easy .teamChatInternal .teamChatMessage.notice,
.easy .chatInternal .teamChatMessage.notice {
  border-bottom: 1px solid #3e81c1;
  background-color: transparent;
  color: #555;
  text-shadow: none;
}

.easy .teamChatInternal .teamChatMessage .chatMsgIcon.notice,
.easy .chatInternal .teamChatMessage .chatMsgIcon.notice {
  color: #337ab7;
  text-shadow: none;
  position: absolute;
  right: 2px;
  top: 5px;
}

.easy .teamChatInternal .teamChatMessage.notice .chatMsgIcon.question,
.easy .chatInternal .teamChatMessage.notice .chatMsgIcon.question {
  display: none;
}

.easy .teamChatInternal .teamChatMessage.notice .chatMsgIcon.answer,
.easy .chatInternal .teamChatMessage.notice .chatMsgIcon.answer {
  display: none;
}

.easy .teamChatInternal .teamChatMessage.question .chatMsgIcon.notice,
.easy .chatInternal .teamChatMessage.question .chatMsgIcon.notice {
  display: none;
}

.easy .teamChatInternal .teamChatMessage.answer .chatMsgIcon.notice,
.easy .chatInternal .teamChatMessage.answer .chatMsgIcon.notice {
  display: none;
}

.easy .taskAttachments .attachmentsBox {
  min-height: 20px;
  max-height: 200px;
  background-color: #fff;
  border-radius: 3px;
  padding: 3px;
  margin-top: 3px;
  width: 100%;
  overflow: auto;
}

.easy .taskAttachments .panel .panel-body {
  max-height: 480px;
  overflow: auto;
}

.easy .taskAttachments .taskAttachment {
  border: 1px solid #3e81c1;
  background-color: #afd8f8;
  border-radius: 5px;
  color: #3e81c1;
  margin-bottom: 4px;
}

.easy .taskAttachments .attachmentFieldBox {
  display: inline-block;
  padding: 2px 5px;
  cursor: pointer;
}

.easy .taskAttachments .attachmentFieldBox .fieldLabel {
  font-size: 12px;
  display: inline-block;
  margin: 0px;
}

.easy .taskAttachments .attachmentFieldBox .fieldValue {
  font-size: 12px;
  display: inline-block;
  margin: 0px 10px;
}

.easy .queueTaskForm .taskLinks.showLinks {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 800px;
  overflow-y: auto;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.queueTaskForm .taskLinks.hideLinks {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

.easy .queueTaskForm .taskLinks .panel {
  box-shadow: none;
}

.easy .userQueueFull .queueTaskForm .taskLinks .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.easy .taskLinks .linksBox {
  min-height: 20px;
  max-height: 200px;
  background-color: #fff;
  border-radius: 3px;
  padding: 3px;
  margin-top: 3px;
  width: 100%;
  overflow: auto;
}

.easy .taskLinks .panel .panel-body {
  max-height: 420px;
  overflow: auto;
}

.easy .taskLinks .taskLink {
  border: 1px solid #3e81c1;
  background-color: #afd8f8;
  border-radius: 5px;
  color: #3e81c1;
  margin-bottom: 4px;
}

.easy .taskLinks .linkFieldBox {
  display: inline-block;
  padding: 2px 5px;
  cursor: pointer;
}

.easy .taskLinks .linkFieldBox .fieldLabel {
  font-size: 12px;
  display: inline-block;
  margin: 0px;
}

.easy .taskLinks .linkFieldBox .fieldValue {
  font-size: 12px;
  display: inline-block;
  margin: 0px 10px;
}

.easy .userQueueTasksFull .queueTask.ui-sortable-placeholder {
  width: 150px;
}

.easy .userQueueTasksFull .queueTask.ui-sortable-helper {
  cursor: move !important;
}

.easy .userQueueTasksFull .queueTask.ui-sortable-helper * {
  cursor: move !important;
}

.dayTasks .queueTask.user.dayCalendar label.wide {
  display: block;
  padding-top: 0px;
  text-shadow: none;
  font-size: 12px;
  font-weight: bold;
  width: calc(100% - 11px);
  text-align: left;
  padding-left: 10px;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  margin-top: 3px;
  margin-bottom: 2px;
}

.dayTasks .queueTask.user.dayCalendar .likeInput.wide {
  margin-bottom: 5px;
  margin-top: 0px;
  background-color: rgba(255, 255, 255, 0.2);
  display: block;
  max-width: 100%;
  font-size: 13px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
  padding: 2px 5px 2px 10px;
}

.queue .queueTask.newQueue .maximized {
  max-height: 200px;
  opacity: 1;
  overflow: hidden;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

.queue .queueTask.newQueue .minimized {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

.easy .queue .queueTask.newQueue .taskFieldBox {
  display: block;
  width: 100%;
}

.easy .queue .queueTask.newQueue label.wide {
  display: block;
  padding-top: 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding-left: 10px;
  background-color: transparent;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  margin-top: 3px;
  margin-bottom: 2px;
  text-shadow: none;
}

.easy .queue .queueTask .likeInput.wide {
  margin-bottom: 3px;
  text-shadow: none;
  font-size: 12px;
  line-height: 14px;
  display: block;
  padding: 2px 5px 3px 11px;
  background-color: rgba(0, 0, 0, 0.2);
}

.queue .queueTask.newQueue .queueTaskControl .taskTag .taskInfo label {
  display: inline-block;
  width: 20px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 0px;
  vertical-align: middle;
}

.easy .queue .queueTask.newQueue {
  overflow-y: visible;
}

.easy .emailAttachmentBox .taskAttachment {
  border: 1px solid #3e81c1;
  background-color: #afd8f8;
  border-radius: 5px;
  color: #3e81c1;
  margin-bottom: 4px;
}

.easy .emailAttachmentBox .taskLink {
  border: 1px solid #3e81c1;
  background-color: #afd8f8;
  border-radius: 5px;
  color: #3e81c1;
  margin-bottom: 4px;
}

.easy .emailAttachmentBox .attachmentFieldBox {
  display: block;
  width: 100%;
  padding: 2px 5px;
  cursor: pointer;
}

.easy .emailAttachmentBox .linkFieldBox {
  display: block;
  width: 100%;
  padding: 2px 5px;
  cursor: pointer;
}

.easy .emailAttachmentBox .attachmentFieldBox .fieldLabel {
  margin: 0px;
  width: auto;
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
  display: inline;
}

.easy .emailAttachmentBox .linkFieldBox .fieldLabel {
  margin: 0px;
  width: auto;
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
  display: inline;
}

.easy .emailAttachmentBox .attachmentFieldBox .fieldValue {
  font-size: 12px;
  display: inline-block;
  margin: 0px 10px;
}

.easy .emailAttachmentBox .linkFieldBox .fieldValue {
  font-size: 12px;
  display: inline-block;
  margin: 0px 10px;
}

.easy .emailAvailableAttachmentBox .taskAttachment {
  border: 1px solid #3e81c1;
  background-color: #afd8f8;
  border-radius: 5px;
  color: #3e81c1;
  margin-bottom: 4px;
  position: relative;
}

.easy .emailAvailableAttachmentBox .draggableAttachment .close {
  position: absolute;
  right: 6px;
  top: 4px;
  display: none;
}

.easy .emailAvailableAttachmentBox .draggableAttachment .addAttachment {
  position: absolute;
  right: 15px;
  top: 4px;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
}

.easy .emailAttachmentBox .draggableAttachment {
  position: relative;
}

.easy .emailAttachmentBox .draggableAttachment .close {
  position: absolute;
  right: 5px;
  top: 0px;
  display: inline-block;
}

.easy .emailAttachmentBox .draggableAttachment .addAttachment {
  position: absolute;
  right: 5px;
  top: 0px;
  display: none;
}

.easy .emailAvailableAttachmentBox .taskLink {
  border: 1px solid #3e81c1;
  background-color: #afd8f8;
  border-radius: 5px;
  color: #3e81c1;
  margin-bottom: 4px;
  position: relative;
}

.easy .emailAvailableAttachmentBox .attachmentFieldBox {
  display: block;
  width: 100%;
  padding: 2px 5px;
  cursor: pointer;
}

.easy .emailAvailableAttachmentBox .linkFieldBox {
  display: block;
  width: 100%;
  padding: 2px 5px;
  cursor: pointer;
}

.easy .emailAvailableAttachmentBox .attachmentFieldBox .fieldLabel {
  margin: 0px;
  width: auto;
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
  display: inline;
}

.easy .emailAvailableAttachmentBox .linkFieldBox .fieldLabel {
  margin: 0px;
  width: auto;
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
  display: inline;
}

.easy .emailAvailableAttachmentBox .attachmentFieldBox .fieldValue {
  font-size: 12px;
  display: inline-block;
  margin: 0px 10px;
}

.easy .emailAvailableAttachmentBox .linkFieldBox .fieldValue {
  font-size: 12px;
  display: inline-block;
  margin: 0px 10px;
}

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

.easy .emailAttachmentBox {
  min-height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.queueTaskForm .taskEmails .emailsBox {
  overflow: auto;
  min-height: 20px;
  max-height: 600px;
  background-color: #fff;
  border-radius: 3px;
  padding: 3px;
  margin-top: 3px;
  width: 100%;
}

.queueTaskForm .taskEmails .emailsBox .taskEmailMessage {
  color: #000;
  position: relative;
  border-radius: 10px;
  margin-bottom: 10px;
}

.queueTaskFormInfo .taskEmails .emailsBox .taskEmailMessage {
  color: #000;
  position: relative;
  border-radius: 10px;
  margin-bottom: 10px;
}

.easy .taskEmails .taskEmailMessage:last-child {
  border-bottom: 1px solid transparent;
}

.easy .taskEmails .taskEmailMessage.question {
  border-bottom: 1px solid #e6325a;
  background-color: #ffdddd;
  color: #555;
  text-shadow: none;
}

.easy .taskEmails .taskEmailMessage.answer {
  border-bottom: 1px solid #3e81c1;
  background-color: #d9edf7;
  color: #555;
  text-shadow: none;
}

.easy .taskEmails .taskEmailMessage.escalation {
  border-bottom: 1px solid #dce629;
  background-color: #fdffd2;
  color: #555;
  text-shadow: none;
}

.easy .taskEmails .taskEmailMessage.escalation .messageHeaderRow1 {
  padding-left: 10px;
  padding-right: 70px;
}

.easy .taskEmails .taskEmailMessage.escalation .messageHeaderRow2 {
  padding-left: 10px;
  padding-right: 70px;
}

.easy .taskEmails .taskEmailMessage .messageHeader {
  background-color: transparent;
  color: #555;
}

.easy .taskEmails .taskEmailMessage.question .messageHeaderRow2 {
  padding-left: 52px;
}

.easy .taskEmails .taskEmailMessage .messageHeader .date {
  font-size: 10px;
  vertical-align: middle;
  cursor: default;
}

.easy .taskEmails .taskEmailMessage .messageHeader .user {
  margin-left: 5px;
  font-size: 11px;
  font-weight: bold;
  cursor: default;
  vertical-align: middle;
}

.easy .taskEmails .taskEmailMessage .chatMsgIcon {
  display: block;
  padding: 0px;
  height: 50px;
  width: 50px;
  font-size: 20px;
}

.easy .taskEmails .taskEmailMessage .chatMsgIcon.question {
  color: #e6325a;
  text-shadow: none;
  position: absolute;
  left: 5px;
  top: 5px;
}

.easy .taskEmails .taskEmailMessage .chatMsgIcon.question .fa-question {
  color: #fff;
  text-shadow: none;
}

.easy .taskEmails .taskEmailMessage .chatMsgIcon.answer {
  color: #337ab7;
  text-shadow: none;
  position: absolute;
  right: 2px;
  top: 5px;
}

.easy .taskEmails .taskEmailMessage.question .messageHeaderRow1 {
  padding-left: 70px;
  padding-right: 10px;
}

.easy .taskEmails .taskEmailMessage.question .messageHeaderRow2 {
  padding-left: 70px;
  padding-right: 10px;
}

.easy .taskEmails .taskEmailMessage.answer .messageHeaderRow1 {
  padding-left: 10px;
  padding-right: 70px;
}

.easy .taskEmails .taskEmailMessage.answer .messageHeaderRow2 {
  padding-left: 10px;
  padding-right: 70px;
}

.easy .taskEmails .taskEmailMessage .message {
  display: block;
}

.easy .taskEmails .taskEmailMessage .message.subject {
  color: #555;
  font-weight: bold;
  font-size: 12px;
  padding: 0px;
}

.easy .taskEmails .taskEmailMessage .message.parsedContent {
  color: #555;
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
  padding: 0px 10px;
}

.easy .taskEmails .taskEmailMessage .message.content {
  color: #555;
  font-weight: normal;
  font-style: italic;
  font-size: 12px;
  padding: 0px 10px;
}

.easy .taskEmails .taskEmailMessage .message.attachments {
  color: #555;
  font-weight: normal;
  font-size: 12px;
  padding: 0px 10px;
}

.easy .taskEmails .taskEmailMessage .message.attachments .emailAttachment {
  display: inline-block;
  background-color: #e6e6e6;
  padding: 0px 10px 0px 25px;
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #a8a8a8;
  position: relative;
  cursor: pointer;
}

.easy .taskEmails .taskEmailMessage .message.attachments .emailAttachment:hover {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
}

.easy .taskEmails .taskEmailMessage .message.attachments .emailAttachment.file:before {
  content: "\f0c6";
  font: normal normal normal 16px/1 FontAwesome;
  position: absolute;
  left: 7px;
  top: 4px;
}

.easy .taskEmails .taskEmailMessage .message.attachments .emailAttachment.html:before {
  content: "\f13b";
  font: normal normal normal 16px/1 FontAwesome;
  position: absolute;
  left: 7px;
  top: 4px;
}

.easy .taskEmails .taskEmailMessage.notice .chatMsgIcon.question,
.easy .chatInternal .teamChatMessage.notice .chatMsgIcon.question {
  display: none;
}

.easy .teamChatInternal .teamChatMessage.notice .chatMsgIcon.answer,
.easy .chatInternal .teamChatMessage.notice .chatMsgIcon.answer {
  display: none;
}

.easy .taskEmails .taskEmailMessage.question .chatMsgIcon.answer {
  display: none;
}

.easy .taskEmails .taskEmailMessage.answer .chatMsgIcon.question {
  display: none;
}

.easy .taskEmails .taskEmailMessage.escalation .chatMsgIcon.answer {
  display: none;
}

.easy .taskEmails .taskEmailMessage.escalation .chatMsgIcon.question {
  display: none;
}

.easy .taskEmails .taskEmailMessage .inlineHtmlFrame {
  width: 100%;
  height: auto;
  border: none;
  background: none;
}

.easy .taskEmails .taskEmailMessage .messageHeader {
  cursor: pointer;
}

.easy .taskEmails .taskEmailMessage .messageContentEnvelope {
  max-height: 0px;
  overflow: hidden;
}

.easy .taskEmails .taskEmailMessage.active .messageContentEnvelope {
  max-height: none;
}

.form-control,
.easy .form-control {
  font-size: 12px;
}

.envelopeLabel .refreshIcon {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 30px;
  color: #fff;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-animation: rotate-left 2s 1s 1 ease-out;
  animation: rotate-left 2s 1s 1 ease-out;
}

.calendarTable .refreshIcon {
  position: absolute;
  right: 20px;
  top: 8px;
  font-size: 30px;
  color: #fff;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-animation: rotate-left 2s 1s 1 ease-out;
  animation: rotate-left 2s 1s 1 ease-out;
}

.calendarTable .labelBigIcon {
  position: absolute;
  left: 12px;
  top: 8px;
  font-size: 30px;
  color: #fff;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

@keyframes rotate-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.taskmapTicketButton {
  width: calc(100% - 5px);
  margin-bottom: 20px;
  text-align: left;
}

.taskmapTicketControlLabel {
  width: calc(100% - 5px);
  text-align: left;
  padding-left: 15px;
  font-size: 12px;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #ffffff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  outline: inherit;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #ffffff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  outline: inherit;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ffffff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  outline: inherit;
}

.easy select.templateSelect {
  width: 100%;
  font-size: 12px;
}

.easy select.ticketLinkSelect {
  width: 100%;
  font-size: 12px;
}

.easy textarea.taskmapTicketDeclineMessage {
  width: 100%;
  font-size: 12px;
}

.easy textarea.taskmapTicketCancelMessage {
  width: 100%;
  font-size: 12px;
}

.easy textarea.taskmapTicketFinishedMessage {
  width: 100%;
  font-size: 12px;
}

.ticketPreview fieldset label {
  width: 95%;
}

.ticketPreview .likeInput {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: #000;
  font-size: 14px;
  padding: 0px 5px 5px;
  max-width: 100%;
  min-height: 30px;
}

#accordion.calendarsEnvelope {
  box-shadow: none;
  border: none;
}

#accordion.calendarsEnvelope .panel {
  box-shadow: none;
  border: 1px solid #31708f;
}

#accordion.calendarsEnvelope .panel .panel-heading {
  padding: 0px;
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable {
  min-width: 100%;
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable .week.header {
  padding: 0px;
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable .week.header .dayName {
  padding: 0px;
  border: 0px;
  width: 100%;
  background-color: #afd8f8;
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable .week.header .dayName .panel-title {
  padding: 5px 40px;
  min-height: 46px;
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable .week.header .dayName .panel-title .calendarCollapseButton {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 25px;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable .week.header .dayName .panel-title .calHeader1 {
  width: 100%;
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable .week.header .dayName .panel-title .calHeader1 .dayName {
  display: inline-block;
  color: #31708f;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  width: auto;
  padding: 0px 5px;
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable .week.header .dayName .panel-title .calHeader1 .date {
  display: inline-block;
  color: #31708f;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  width: auto;
  padding: 0px 5px;
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable .week.header .dayName .panel-title .calHeader2 {
  width: 100%;
}

#accordion.calendarsEnvelope .panel .panel-heading .calendarTable .week.header .dayName .panel-title .calHeader2 .capacity {
  display: inline-block;
  color: #31708f;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  width: auto;
  padding: 0px 5px;
}

#accordion.calendarsEnvelope .panel .hoursTable {
  width: 100%;
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour {
  width: 100%;
  margin-bottom: 2px;
  display: none;
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour .dayTime {
  width: 30px;
  display: inline-block;
  color: #555;
  font-size: 11px;
  background-color: transparent;
  cursor: default;
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour .dayTasks {
  display: inline-block;
  margin: 0px 0px 0px 3px;
  border: 0px;
  border-radius: 0px;
  width: calc(100% - 33px);
  background-color: transparent;
  font-size: 10px;
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour .dayTasks .queueTask {
  display: inline-block;
  width: auto;
}

.easy .dayTasks .queueTask.user.weekCalendar,
.easy .dayTasks .queueTask.user.weekCalendar:hover,
#accordion.calendarsEnvelope .panel .hoursTable .dayHour .dayTasks .queueTask.userQueue {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour .dayTasks .queueTask.userQueue .blink {
  animation-duration: 1s;
  animation-name: blinkFont;
  animation-iteration-count: infinite;
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour .dayTasks .queueTask.userQueue.highlightUser {
  background-color: #e46161;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour .dayTasks .queueTask.newQueue {
  background-color: #5cb85c;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour.activeHour {
  display: block;
  background-color: #f3f3f3;
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour.activeHour .dayTasks.activeHour:hover {
  transform: none;
  border: 0px;
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour.activeHour.available {
  background-color: rgba(92, 184, 92, 0.2);
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour.activeHour.past {
  background-color: rgba(0, 0, 0, 0.2);
}

.queueEnvelope.teamQueue .queue .queueTask label {
  display: inline-block;
  width: 20px;
  text-align: center;
  padding-top: 0px;
  vertical-align: bottom;
}

.queueEnvelope.teamQueue #selectUserQueue {
  width: 100%;
  box-shadow: none;
  font-size: 12px;
}

.queue .queueTask .queueTaskControl .taskTag {
  cursor: pointer;
  font-size: 12px;
  width: calc(100% - 40px);
  overflow-x: hidden;
  display: inline-block;
}

.queueEnvelope.teamQueue .queue .queueTask {
  color: #fff;
  border: 1px solid transparent;
  background-color: rgb(51, 122, 183);
  border-radius: 5px;
  margin-bottom: 3px;
  padding: 5px;
  text-align: left;
  position: relative;
  left: 0px;
  top: 0px;
  max-height: inherit;
  overflow-y: hidden;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

.queueEnvelope.teamQueue .queue .queueTask.highlightUser {
  color: #fff;
  background-color: #e46161;
}

.easy .queue .queueTask label.wide {
  display: block;
  padding-top: 0px;
  font-size: 12px;
  width: 100%;
  text-align: left;
  padding-left: 10px;
  background-color: transparent;
  color: #fff;
  border-radius: 3px;
  margin-top: 3px;
}

.easy .queueEnvelope .queue .queueTask .taskFieldBox.maximized {
  border-bottom: 0px solid #fff;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

.queueEnvelope.teamQueue .queue .queueTask.hideUser {
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  border: 0px;
}

#holder {
  border: 10px dashed #ccc;
  width: 300px;
  min-height: 300px;
  margin: 20px auto;
}

#holder:hover {
  border: 10px dashed #0c0;
}

#holder img {
  display: block;
  margin: 10px auto;
}

#holder p {
  margin: 10px;
  font-size: 14px;
}

progress {
  width: 100%;
}

progress:after {
  content: "%";
}

.fail {
  background: #c00;
  padding: 2px;
  color: #fff;
}

.hidden {
  display: none !important;
}

.clickable {
  cursor: pointer;
}

#accordion.calendarsEnvelope .panel .hoursTable.weekDay .dayHour {
  width: 100%;
  margin-bottom: 2px;
  display: block;
}

#accordion.calendarsEnvelope .weekDay tbody {
  width: 100%;
  display: block;
}

#accordion.calendarsEnvelope .weekDay tr.week {
  width: 100%;
  display: block;
}

#accordion.calendarsEnvelope .panel .hoursTable.weekDay .dayHour .dayTasks .queueTask {
  display: inline-block;
  width: 100%;
}

#accordion.calendarsEnvelope .panel .hoursTable.weekDay .dayHour .dayTasks .queueTask.user.dayCalendar .maximized {
  width: auto;
  display: inline-block;
  margin-right: 20px;
  max-height: 200px;
  opacity: 1;
  overflow: hidden;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

#accordion.calendarsEnvelope .panel .hoursTable.weekDay .dayHour .dayTasks .queueTask.user.dayCalendar .queueTaskControl.maximized {
  display: block;
}

.easy td.dayTasks.activeHour.hover,
.easy td.dayTasks.activeHour:hover {
  box-shadow: none;
  z-index: 100;
  transform: scale(1.02);
  border: 1px solid #458dd3;
}

.calendarTable.month {
  margin-bottom: 200px;
}

#accordion.calendarsEnvelope {
  margin-bottom: 200px;
}

.easy .shiftMiniSelect {
  background-color: #afd8f8;
  color: #333;
  padding: 5px;
  font-size: 12px;
  border-radius: 6px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #3e81c1;
}

.collapse.in {
  min-height: 40px;
}

.easy .queueTask.tooltipContent,
.easy .queueTask.tooltipContent.userQueue,
.easy .queueTask.tooltipContent.newQueue {
  width: 600px;
}

.easy .queueTask.tooltipContent.newQueue {
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid transparent;
  background-color: #5cb85c;
}

.easy .queueTask.tooltipContent.newQueue label.wide {
  display: block;
  padding-top: 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding-left: 10px;
  background-color: transparent;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  margin-top: 3px;
  margin-bottom: 2px;
  text-shadow: none;
}

.easy .queueTask.tooltipContent.newQueue .likeInput.wide {
  margin-bottom: 3px;
  text-shadow: none;
  font-size: 12px;
  line-height: 14px;
  display: block;
  padding: 2px 5px 3px 11px;
  background-color: rgba(0, 0, 0, 0.2);
}

.easy .queueTask.tooltipContent,
.easy .queueTask.tooltipContent.userQueue {
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid transparent;
  background-color: #337ab7;
}

.easy .queueTask.tooltipContent label.wide,
.easy .queueTask.tooltipContent.userQueue label.wide {
  display: block;
  padding-top: 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding-left: 10px;
  background-color: transparent;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  margin-top: 3px;
  margin-bottom: 2px;
  text-shadow: none;
}

.easy .queueTask.tooltipContent .likeInput.wide,
.easy .queueTask.tooltipContent.userQueue .likeInput.wide {
  margin-bottom: 3px;
  text-shadow: none;
  font-size: 12px;
  line-height: 14px;
  display: block;
  padding: 2px 5px 3px 11px;
  background-color: rgba(0, 0, 0, 0.2);
}

.queueTask.tooltipContent .taskFieldBox.maximized {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.easy .newTasksForm .emailAttachment {
  display: inline-block;
  background-color: #3e81c1;
  color: #fff;
  min-height: 25px;
  padding: 0px 10px 0px 25px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid transparent;
  position: relative;
  cursor: pointer;
}

.easy .newTasksForm .emailAttachment.html:before {
  content: "\f13b";
  font: normal normal normal 16px/1 FontAwesome;
  position: absolute;
  left: 7px;
  top: 4px;
}

.easy .newTasksForm .emailAttachment.file:before {
  content: "\f0c6";
  font: normal normal normal 16px/1 FontAwesome;
  position: absolute;
  left: 7px;
  top: 4px;
}

.easy .newTasksForm .taskAttachment {
  border: 1px solid #3e81c1;
  background-color: #afd8f8;
  border-radius: 5px;
  color: #3e81c1;
  margin-bottom: 4px;
}

.easy .newTasksForm .attachmentFieldBox {
  display: inline-block;
  padding: 2px 5px;
  cursor: pointer;
}

.easy .newTasksForm .attachmentFieldBox .fieldLabel {
  font-size: 12px;
  display: inline-block;
  margin: 0px;
  border: none;
  width: auto;
}

.easy .newTasksForm .attachmentFieldBox .fieldValue {
  font-size: 12px;
  color: #31708f;
  display: inline-block;
  margin: 0px 10px;
}

.easy .newTasksForm .taskLink {
  border: 1px solid #3e81c1;
  background-color: #afd8f8;
  border-radius: 5px;
  color: #3e81c1;
  margin-bottom: 4px;
}

.easy .newTasksForm .linkFieldBox {
  display: inline-block;
  padding: 2px 5px;
  cursor: pointer;
}

.easy .newTasksForm .linkFieldBox .fieldLabel {
  font-size: 12px;
  display: inline-block;
  margin: 0px;
  border: none;
  width: auto;
}

.easy .newTasksForm .linkFieldBox .fieldValue {
  font-size: 12px;
  color: #31708f;
  display: inline-block;
  margin: 0px 10px;
}

.easy table.task .taskCenterForm .taskFieldBox input[type="number"] {
  width: 80px;
  height: 24px;
  text-align: left;
  padding-left: 5px;
  vertical-align: top;
}

.easy table.task .taskCenterForm .taskFieldBox input.taskInput[name="datedate"] {
  width: 100px;
  height: 24px;
  text-align: left;
  padding-left: 5px;
  vertical-align: top;
}

.easy table.task .taskCenterForm .taskFieldBox select.taskInput[name="datetime"] {
  width: 85px;
  height: 24px;
  text-align: left;
  padding-left: 5px;
  vertical-align: top;
}

.easy table.task .taskCenterForm .taskFieldBox input[type="text"] {
  width: 195px;
  height: 24px;
  text-align: left;
  padding-left: 5px;
  vertical-align: top;
}

.easy table.task .taskCenterForm .taskFieldBox textarea {
  width: 195px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  vertical-align: top;
  height: 44px;
  resize: vertical;
  overflow: hidden;
}

table.task .taskCenterForm .taskFieldBox select {
  width: 195px;
  padding-left: 2px;
  vertical-align: top;
  height: 24px;
}

.dayTasks .queueTask.user.dayCalendar.finished {
  border: 1px solid #ffffff;
  background-color: #828282;
}

#accordion.calendarsEnvelope .panel .hoursTable .dayHour .dayTasks .queueTask.finished {
  background-color: #828282;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.easy .queueTask.tooltipContent,
.easy .queueTask.tooltipContent.userQueue.finished {
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid transparent;
  background-color: #828282;
}

.dayTasks .queueTask.user.dayCalendar {
  color: #fff;
  border: 1px solid #ffffff;
  background-color: rgb(62, 129, 193);
  border-radius: 5px;
  margin-bottom: 1px;
  padding: 5px;
  text-align: left;
  position: relative;
  left: 0px;
  top: 0px;
}

.userQueueTasksFull .queueTask.sleeping {
  display: none;
}

.userQueueTasksFull.showSleeping .queueTask.sleeping {
  display: inline-block;
}

.userQueueTasksFull {
  display: inline-block;
  width: 100%;
  border: 1px solid #bac5d1;
  border-radius: 10px;
  padding: 3px 30px 3px 3px;
  background-color: #fff;
}

.userQueueTasksFull .queueTask .queueTaskControl .taskInfo>.fa-light {
  margin-right: 5px;
}

.queueTaskForm.task .queueTaskFormControlIcons .sleepTask {
  display: inline-block;
}

.queueTaskForm.task .queueTaskFormControlIcons .unsleepTask {
  display: none;
}

.queueTaskForm.task.sleeping .queueTaskFormControlIcons .sleepTask {
  display: none;
}

.queueTaskForm.task.sleeping .queueTaskFormControlIcons .unsleepTask {
  display: inline-block;
}

.queueTaskForm.task .queueTaskFormControlIcons .pauseTask {
  display: inline-block;
}

.queueTaskForm.task .queueTaskFormControlIcons .runTask {
  display: none;
}

.queueTaskForm.task.paused .queueTaskFormControlIcons .pauseTask {
  display: none;
}

.queueTaskForm.task.paused .queueTaskFormControlIcons .runTask {
  display: inline-block;
}

.userQueueTasksFull.pausedQueue {
  display: inline-block;
  width: 100%;
  border: 1px solid #3e81c1;
  border-radius: 10px;
  padding: 3px 30px 3px 3px;
  background-color: #bac5d1;
}

.easy div.ticketPreview fieldset label,
.easy .taskMapControl fieldset label {
  color: #31708f;
  border-bottom: 1px solid #31708f;
  display: block;
}

.easy div.ticketPreview fieldset.block {
  display: block;
}

.newTicketForm input {
  text-align: left;
}

.autocompleteSubcategory {
  margin-top: -9px;
}

.autocompleteSubcategoryItem {
  display: block;
  text-align: left;
  padding: 3px 0px 3px 10px;
  margin-bottom: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 13px;
}

.newTasksForm td.tdform .newTicketForm {
  width: 400px;
  max-height: 2000px;
  transition: All 1.5s ease;
  -webkit-transition: All 1.5s ease;
  -moz-transition: All 1.5s ease;
  -o-transition: All 1.5s ease;
}

.taskmapTicketControlLabel.inline {
  display: inline-block;
  width: auto;
}

.ui-tooltip {
  border: 1px solid white;
  background: #111;
  color: white;
}

.queueTaskFormInfo.active {
  display: block;
}

.queueTaskFormInfo {
  background-color: #3e81c1;
  border-radius: 5px;
  padding: 10px;
  color: #fff;
  margin-top: 30px;
  text-align: left;
}

.queueTaskFormInfo div.queueTaskControl {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: 5px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  padding: 10px 5px 10px 5px;
  margin-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: left;
}

.queueTaskFormInfo .queueTaskControl .queueTaskFormControlIcons .fa-light {
  padding: 2px 10px;
  cursor: pointer;
  font-size: 20px;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  position: relative;
  vertical-align: middle;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.queueTaskFormInfo .queueTaskControl .taskInfo {
  cursor: pointer;
  display: inline-block;
}

.queueTaskFormInfo .queueTaskControl .taskInfo label {
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 1px;
}

.queueTaskFormInfo .queueTaskControl .taskInfo .likeInput {
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
}

.queueTaskFormInfo .taskStatusEnvelope.hideStatus {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
}

.queueTaskFormInfo .taskActivityEnvelope.hideStatus {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
}

.queueTaskFormInfo .taskDateTimeEnvelope.hideDateTime {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

.queueTaskFormInfo .chatInternal.hideChat {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
}

.queueTaskFormInfo .taskEmails.hideEmails {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
}

.queueTaskFormInfo .taskAttachments.hideAttachments {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
}

.queueTaskFormInfo .taskLinks.hideLinks {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

.queueTaskFormInfo .taskFieldBox.wide {
  width: 100%;
  max-width: 100%;
  display: block;
}

.queueTaskFormInfo .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: rgba(255, 255, 255, 0.8);
}

.queueTaskFormInfo .taskFieldBox .likeInput {
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 13px;
  line-height: 18px;
  min-height: 18px;
  padding: 5px 10px 5px 10px;
  margin: 2px 0px 10px 2px;
  color: rgb(255, 255, 255);
  height: auto;
}

.queueTaskFormInfo .taskFieldBox {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  overflow: auto;
}

.queueTaskFormInfo .taskDateTimeEnvelope.showDateTime {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 250px;
  overflow-y: auto;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.queueTaskFormInfo .taskDateTimeEnvelope .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.queueTaskFormInfo .taskControlBar {
  display: block;
  text-align: right;
}

.queueTaskFormInfo .taskControlBar .btn {
  line-height: 20px;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.queueTaskFormInfo .taskControlBar .btn .fa-light {
  font-size: 20px;
  vertical-align: top;
  margin-right: 10px;
}

.queueTaskFormInfo .chatInternal.user.task.showChat {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  border-radius: 0px;
  padding: 5px 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 1000px;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
  overflow-y: auto;
}

.queueTaskForm .chatInternal.user.task.showChat {
  overflow-y: auto;
}

.queueTaskFormInfo .chatInternal .panel {
  box-shadow: none;
}

.queueTaskFormInfo .chatInternal #chatMessage {
  width: 100%;
}

.queueTaskFormInfo .panel .panel-heading.mini .btn {
  line-height: 20px;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.queueTaskFormInfo .panel .panel-heading.mini .btn .fa-light {
  font-size: 20px;
  vertical-align: top;
  margin-right: 10px;
}

.queueTaskFormInfo .btn.inactive .fa-check-square {
  display: none;
}

.queueTaskFormInfo .btn.active .fa-square {
  display: none;
}

.queueTaskFormInfo .taskEmails.user.task.showEmails {
  overflow: auto;
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 1200px;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.queueTaskFormInfo .taskEmails .panel {
  box-shadow: none;
}

.queueTaskFormInfo .form-group {
  width: calc(100% - 20px);
  margin-bottom: 10px;
}

.queueTaskFormInfo .taskEmails .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.queueTaskFormInfo .form-group>.form-group.input-group {
  width: 100%;
}

.queueTaskFormInfo .form-group>textarea.form-control {
  width: 100%;
}

.queueTaskFormInfo .taskAttachments.user.task.showAttachments {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 800px;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
  overflow-y: auto;
}

.queueTaskForm .taskAttachments.user.task.showAttachments {
  overflow-y: auto;
}

.queueTaskFormInfo .taskAttachments .panel {
  box-shadow: none;
}

.queueTaskFormInfo .taskAttachments .panel .panel-body {
  max-height: 480px;
  overflow: auto;
}

.queueTaskFormInfo .taskAttachments .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.queueTaskFormInfo .taskLinks.showLinks {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 800px;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
  overflow-y: auto;
}

.queueTaskForm .taskLinks.showLinks {
  overflow-y: auto;
}

.queueTaskFormInfo .taskLinks .panel .panel-body {
  max-height: 420px;
  overflow: auto;
}

.queueTaskFormInfo .taskLinks .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.queueTaskFormInfo .taskLinks .panel {
  box-shadow: none;
}

.queueTaskForminfo .taskStatusEnvelope.showStatus {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 300px;
  overflow-y: auto;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.queueTaskFormInfo .taskStatusEnvelope .panel {
  box-shadow: none;
}

.queueTaskFormInfo .taskStatusEnvelope .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.queueTaskFormInfo .taskStatusEnvelope .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.queueTaskFormInfo .form-group>select.form-control {
  width: 100%;
}

.easy .taskEmails .emailsBox {
  min-height: 20px;
  max-height: 600px;
  background-color: #fff;
  border-radius: 3px;
  padding: 3px;
  margin-top: 3px;
  width: 100%;
  overflow-y: auto;
}

.userQueueFull .queueTaskForm .taskFieldBox {
  vertical-align: top;
}

.queueTaskFormInfo .taskFieldBox {
  vertical-align: top;
}

.easy div.ticketPreview fieldset.reopenMessage label {
  color: #e6325a;
}

.easy div.ticketPreview fieldset.reopenMessage .likeInput {
  color: #e6325a;
}

.easy div.ticketPreview fieldset.reopenMessage .specialMessageContent.reopenMessage {
  color: #e6325a;
  font-weight: bold;
}

.easy div.ticketPreview fieldset.guestMessage label {
  color: #e6325a;
}

.easy div.ticketPreview fieldset.guestMessage .likeInput {
  color: #e6325a;
}

.easy div.ticketPreview fieldset.guestMessage .specialMessageContent.guestMessage {
  color: #e6325a;
  font-weight: bold;
}

.easy .userQueueFull .queueTaskForm .taskFieldBox.reopenMessage .likeInput {
  background-color: #e43939;
  color: rgb(255, 255, 255);
}

.easy .userQueueFull .queueTaskForm .taskFieldBox.guestMessage .likeInput {
  background-color: #e43939;
  color: rgb(255, 255, 255);
}

.userQueueTasksFull .queueTask .queueTaskControl .taskHighlights .fa.emailAnswerIcon {
  cursor: pointer;
  margin-right: 5px;
  opacity: 0;
}

.userQueueTasksFull .queueTask.highlightAnswer .queueTaskControl .taskHighlights .fa.emailAnswerIcon {
  opacity: 1;
}

.userQueueTasksFull .queueTask.highlightAnswer {
  animation: taskHighlight;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes iconHighlight {
  0% {
    opacity: 0.2;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.2;
  }
}

@keyframes taskHighlight {
  0% {
    border-color: #337ab7;
    background-color: #ffffff;
    color: #3e81c1;
  }

  50% {
    border-color: #ffffff;
    background-color: #3e81c1;
    color: #ffffff;
  }

  100% {
    border-color: #337ab7;
    background-color: #ffffff;
    color: #3e81c1;
  }
}

.userQueueTasksFull.showSleeping .slashedEye {
  display: none;
}

.userQueueTasksFull .openedEye {
  display: none;
}

.userQueueTasksFull.showSleeping .openedEye {
  display: block;
}

.btn-full {
  display: block;
  margin: 5px 10px;
  width: calc(100% - 20px);
}

.easy div.taskMapControl {
  background-color: #d9edf7;
  border-radius: 5px;
  margin-top: 5px;
  display: inline-block;
  width: 100%;
}

.easy .taskMapControl fieldset.taskMapTemplateField {
  width: 100%;
}

.easy .taskMapControl fieldset.superwide {
  display: block;
}

.easy .taskMapControl fieldset.superwide input {
  width: calc(100% - 20px);
}

.easy .taskMapControl fieldset.superwide textarea {
  width: calc(100% - 20px);
  min-height: 60px;
}

.easy .taskMapTable .taskCenterForm .taskInput:disabled {
  cursor: not-allowed;
}

.easy .queueFilterClickable {
  cursor: pointer;
  display: inline-block;
}

.easy .queueFilterClickable .queueLabel {
  line-height: 14px;
}

.easy .queueEnvelope.newQueue .queueFilterClickable .allSkills {
  line-height: 14px;
}

.easy .queueEnvelope.newQueue .queueFilterClickable .filteredSkills {
  line-height: 14px;
  display: none;
}

.easy .queueEnvelope.newQueue.filterActive .queueFilterClickable .allSkills {
  line-height: 14px;
  display: none;
}

.easy .queueEnvelope.newQueue.filterActive .queueFilterClickable .filteredSkills {
  line-height: 14px;
  display: block;
}

.easy .queueEnvelope.newQueue.filterActive .queue .queueTask.newQueue.noSkill {
  background-color: #a7a7a7;
}

.easy .queueEnvelope.newQueue.filterActive .queue .queueTask.newQueue.skillNoMatch {
  display: none;
}

.newTicketForm {
  max-width: 100%;
  text-align: left;
}

.easy .taskTaskMapEnvelope .panel-body {
  overflow: auto;
}

.easy .taskTaskMapEnvelope .newTasksForm {
  float: left;
  width: 100%;
}

.easy .taskTaskMapEnvelope .newTasksForm>table {
  float: left;
  width: 100%;
}

.easy .taskTaskMapEnvelope .newTasksForm .taskForm {
  width: 300px;
}

.easy .taskTaskMapEnvelope .newTasksForm .taskForm .taskFieldBox label {
  display: inline-block;
  width: 27px;
  text-align: center;
}

/*
.easy .scrollableRight {
    background-image: url(/css/images/icons-png/carat-r-black.png);
    background-size: 15px 20px;
    background-repeat: repeat-y;
    content: "";
    opacity: 0.6;
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 20px;
    width: 16px;
    background-color: #ffffff;
    height: calc( 100% - 90px );
    cursor: pointer;
}
.easy .scrollableLeft:before {
    background-image: url(/css/images/icons-png/carat-l-black.png);
    background-size: 15px 20px;
    background-repeat: repeat-y;
    content: "";
    opacity: 0.6;
    font-family: 'FontAwesome';
    position: absolute;
    left: 275px;
    top: 20px;
    width: 16px;
    background-color: #ffffff;
    height: calc( 100% - 90px );
    cursor: pointer;
}
*/
.clickTableExtended form {
  overflow-x: auto;
  display: inline-block;
}

.easy .userQueueTasksFull .queueTask.sleeping {
  background-color: #afd8f8;
}

.easy .userQueueTasksFull .queueTask.sleeping.active {
  background-color: #337ab7;
}

.newTicketForm input.bold {
  font-weight: bold;
  font-size: 16px;
}

.fastTracker {
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
  background-color: #afd8f8;
  color: #31708f;
  padding: 2px 8px;
  margin: 0px 2px 5px;
  border-radius: 5px;
  border: 1px solid #31708f;
  display: inline-block;
}

#subcategoryGroups .subcategoryGroup {
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
  background-color: #afd8f8;
  color: #31708f;
  padding: 2px 8px;
  margin: 0px 2px 5px;
  border-radius: 5px;
  border: 1px solid #31708f;
  display: inline-block;
}

.userSettingsForm .inputBox {
  padding-top: 10px;
  padding-bottom: 10px;
}

.userSettingsForm .buttonPanel {
  padding-top: 20px;
  padding-bottom: 10px;
}

.easy .queueTaskForm .taskActivityEnvelope.showActivity {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 600px;
  overflow-y: auto;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.easy .queueTaskForm .taskActivityEnvelope .panel {
  box-shadow: none;
}

.easy .userQueueFull .queueTaskForm .taskActivityEnvelope .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.queueTaskForm .taskActivityEnvelope.hideActivity {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
}

.easy .taskActivityEnvelope {
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
  opacity: 1;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.userQueueFull .queueTaskForm .taskActivityEnvelope .taskFieldBox {
  width: 100%;
  max-width: 350px;
  display: inline-block;
  overflow: auto;
}

.userQueueFull .queueTaskForm .taskActivityEnvelope .taskFieldBox.wide {
  width: 100%;
  max-width: 700px;
  display: inline-block;
  overflow: auto;
}

.userQueueFull .queueTaskForm .taskActivityEnvelope textarea {
  resize: vertical;
  max-height: 100px;
}

.queueTaskForm .taskActivityEnvelope .form-group>.form-group.input-group {
  width: 150px;
  display: inline-table;
}

.queueTaskForm .taskActivityEnvelope .panel .panel-body {
  overflow-y: auto;
}

.userQueueFull .queueTaskForm .taskActivityEnvelope .taskActivities {
  width: 100%;
  font-size: 12px;
}

.userQueueFull .queueTaskForm .taskActivityEnvelope .taskActivities th {
  color: #555;
}

.userQueueFull .queueTaskForm .taskActivityEnvelope .taskActivities td {
  color: #555;
}

.userQueueFull .queueTaskForm .taskActivityEnvelope .taskActivitesEmpty {
  color: #7c83c1;
  padding: 10px;
}

.easy .userQueueFull .queueTaskForm .taskActivityEnvelope label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.easy .queueTaskForm .taskMapEnvelope .panel {
  box-shadow: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask i.runTask {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask i.pauseTask {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask i.sleepTask {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask i.unsleepTask {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask i.fa-calendar-check-o {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask i.fa-power-off {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask i.fa-undo {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask .chatInternal .panel.panel-info:first-child {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask .taskEmails .panel.panel-info:first-child {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask .taskActivityEnvelope .taskFieldBox {
  display: none;
}

.queueTaskForm.queueTaskFormInfo.notMainTask .taskActivityEnvelope .btn {
  display: none;
}

div.error {
  display: inline-block;
  width: calc(100% - 15px);
  background: #e25353;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  border: 1px solid rgba(255, 255, 255, 0);
}

div.warning {
  display: inline-block;
  width: calc(100% - 15px);
  background: #f0ad4e;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  border: 1px solid rgba(255, 255, 255, 0);
}

div.success span.error.mini,
div.error span.error,
div.warning span.warning {
  display: block;
  float: left;
  text-align: left;
  width: 100%;
}

div.big {
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

div.bigger {
  color: #fff;
  font-size: 1.1em;
  font-weight: normal;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

div.error span.error {
  font-weight: normal;
  color: #e25353;
}

div.warning span.warning {
  font-weight: normal;
  color: #f0ad4e;
}

table.alarmsItem {
  color: #fff;
}

table.alarmsItem th {
  font-weight: normal;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

table.alarmsItem th.alarmLabel {
  text-align: left;
  padding-right: 10px;
  padding-bottom: 3px;
}

table.alarmsItem th.alarmValue {
  text-align: right;
  padding-left: 10px;
  padding-bottom: 3px;
}

table.alarmsItem th.alarmLink {
  text-align: center;
  padding-left: 10px;
  padding-bottom: 3px;
  width: 50px;
}

#wrapper table.alarmsItem th.alarmLink a {
  color: #fff;
  vertical-align: text-bottom;
  cursor: pointer;
}

table.alarmsItem th.alarmLink a:hover {
  font-size: 1.1em;
}

.easy div.success {
  display: inline-block;
  background-color: #5798d9;
  padding: 10px 20px;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.easy div.error {
  display: inline-block;
  background-color: #e25353;
  padding: 10px 20px;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.easy div.warning {
  display: inline-block;
  background-color: #f0ad4e;
  padding: 10px 20px;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

div.success.dashboard,
div.error.dashboard {
  margin-left: 0px;
}

.autocompleteGuest,
.autocompleteCompany,
.autocompleteDepartment {
  display: block;
  text-align: left;
  padding: 3px 0px 3px 10px;
  margin-bottom: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

table.tablePaging {
  margin: 15px auto;
  width: 100%;
  border-spacing: 0px;
  background-color: #3e81c1;
}

.easy div.DebugTable {
  margin: 10px 0px 10px 15px;
  width: calc(100% - 15px);
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  display: inline-block;
}

.easy div.DebugTable .scrollEnvelope {
  overflow-x: auto;
  padding-bottom: 5px;
}

.autocompleteGuest:hover,
.autocompleteCompany:hover,
.autocompleteDepartment:hover {
  background-color: #969696;
  color: #ffffff;
}

.fromToForm {
  margin: 0px;
  display: inline-block;
}

.fromToForm form {
  margin: 0px;
  display: inline-block;
}

.fromToForm .inputBox {
  display: block;
}

.fromToForm .inputBox label {
  width: 150px;
}

.fromToForm .inputBox input {
  width: 150px;
}

.fromToForm .form-actions {
  text-align: right;
  margin: 10px 0px 0px 0px;
}

.fromToForm .form-actions .btn {
  width: 150px;
}

.easy .DebugTable table.editable tr:nth-of-type(odd) {
  background-color: #f9f9f9;
  color: #31708f;
  border-radius: 5px;
  border-bottom: 1px solid #31708f;
}

.easy .DebugTable table.editable tr {
  background-color: #d9edf7;
  border-radius: 5px;
  color: #31708f;
  border-bottom: 1px solid #31708f;
}

.easy .clickTableExtended {
  width: 100%;
}

.easy .clickTableExtended form {
  width: 100%;
}

.easy div.taskForm table.task td.taskcenter.active {
  background-color: #3e81c1;
}

.easy div.taskForm table.task td.taskcenter.active i.fa-light {
  color: #ffffff;
}

.easy div.taskForm table.task td.taskcenter.active div.taskCenterForm span {
  color: #ffffff;
}

.queueTaskForm.queueTaskFormInfo.taskStatusfinished {
  background-color: #7d7d7d;
}

.queueTaskForm.queueTaskFormInfo .taskStatusinprogress {
  background-color: #539053;
}

.form-control.empty {
  border-color: #e6325a;
  box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.6);
}

.easy table.calendarTable.month th.dayName,
.easy table.calendarTable.week th.dayName,
.easy table.calendarTable.mrazek th.dayName {
  display: table-cell;
  min-width: 60px;
  border: 1px solid #fff;
  width: 14%;
}

.easy table.calendarTable.month tr.week td.day.day.activeDay {
  border: 1px solid #fff;
  min-height: 50px;
  min-width: 60px;
  width: calc((100% / 7) - 5px);
  background-color: #faebcc;
  color: #3e81c1;
  display: table-cell;
}

.easy table.calendarTable.month tr.week td.day.day {
  border: 1px solid transparent;
  min-height: 50px;
  min-width: 60px;
  width: calc((100% / 7) - 5px);
  background-color: rgba(255, 255, 255, 0.4);
  color: #000;
  display: table-cell;
  height: 100%;
}

.easy table.calendarTable.month tr.week td.day.day.activeDay.past {
  background-color: rgba(126, 150, 173, 0.49);
  color: #000;
}

.easy table.calendarTable.month tr.week td.day div.dayTasks {
  min-height: 50px;
}

/*
.statChartAnimated {
    padding: 10px 30px;
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 5px;
    margin-bottom: 20px;
}
.statChartName {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #909090;
    padding: 10px;
}
.statChartBox {
    display: block;
    width: 100%;
    height: 100px;
    padding: 0px;
    position: initial;
border-bottom: 1px solid #f3f3f3;
border-top: 1px solid #f3f3f3;
}
.statChartLabels {
    display: block;
    width: 100%;
    min-height: 100px;
    padding: 5px 20px;
    position: initial;
    text-align: center;
}
.statChartItem {
    height: 100%;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
    width: 0%;
    opacity: 0;
}
.statChartLabel {
    padding: 10px;
    display: inline-block;
    background-color: #f3f3f3;
    margin: 10px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-top: 5px solid #cecece;
    border-bottom: 5px solid #cecece;
    border-radius: 10px;
    min-width: 100px;
    min-height: 100px;
    color: #909090;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.1);
}
.statChartLabel .valueName {
    font-weight: normal;
    font-size: 16px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}
.statChartLabel .valueCounter {
    display: block;
    padding: 10px 0px;
    font-weight: normal;
    font-size: 24px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}
.statChartLabel .percentageCounter {
    display: block;
    padding: 0px 0px;
    font-weight: normal;
    font-size: 10px;
    border-top: 1px solid #cecece;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}

*/

.statChartAnimated {
  /* padding: 10px 30px; */
  /* background-color: #fff; */
  /* border: 1px solid #cecece; */
  /* border-radius: 5px; */
  margin-bottom: 30px;
}

.statChartName {
  text-align: left;
  font-size: 20px;
  /* font-weight: bold; */
  color: #868686;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 10px;
}

.statChartDescription {
  text-align: left;
  font-size: 13px;
  line-height: 14px;
  /* font-weight: bold; */
  color: #868686;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 0px 10px 10px;
}

div.statChartBox {
  display: block;
  width: 100%;
  height: 20px;
  padding: 0px;
  position: initial;
  /* background-color: #f3f3f3; */
  /* border-bottom: 1px solid #f3f3f3; */
  /* border-top: 1px solid #f3f3f3; */
}

.statChartItem {
  height: 100%;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 0px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  width: 0%;
  opacity: 0;
}

.statChartLabels {
  display: block;
  width: 100%;
  min-height: 100px;
  padding: 5px 20px;
  position: initial;
  text-align: center;
}

.statChartLabel {
  padding: 2px 10px;
  display: inline-block;
  background-color: #ffffff;
  margin: 10px;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-top: 5px solid #cecece;
  border-bottom: 5px solid #cecece;
  border-radius: 0px;
  min-width: 100px;
  min-height: 80px;
  color: #909090;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}

.statChartLabel .valueName {
  font-weight: normal;
  font-size: 16px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}

.statChartLabel .valueCounter {
  display: block;
  padding: 1px 0px 7px;
  font-weight: normal;
  font-size: 24px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}

.statChartLabel .percentageCounter {
  display: block;
  padding: 0px 0px;
  font-weight: normal;
  font-size: 10px;
  border-top: 1px solid #cecece;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}

/* vertical */
table.statAgeGroups {
  display: table;
  padding: 0px;
}

table.statAgeGroups td {
  padding: 0px 10px;
  text-align: center;
}

table.statAgeGroups th {
  padding: 2px 10px;
  text-align: center;
}

table.statAgeGroups th .statAgeGroupLable {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  color: #868686;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  border-top: 1px solid #868686;
  padding: 5px 0px;
}

table.statChartBox {
  display: table;
  /*width: 100%;*/
  height: 110px;
  padding: 0px;
}

td table.statChartBox {
  margin: 0px auto;
}

.time table.statChartBox {
  height: 150px;
}

table.statChartBox td {
  height: 100px;
  max-height: 110px;
  padding: 4px;
  overflow: hidden;
}

.statChartBoxVertical1 {
  border: 1px solid #ffffff;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

.statChartBoxVertical1 .statChartLabelVertical {
  display: block;
  font-weight: normal;
  font-size: 12px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  width: 40px;
  height: 100px;
  position: relative;
  margin: 0px auto;
}

.time .statChartBoxVertical1 .statChartLabelVertical {
  height: 150px;
}

.statChartBoxVertical1 .statChartLabelVertical .valueName {
  transform: rotate(270deg);
  transform-origin: right top;
  position: relative;
  width: 100px;
  text-align: center;
  top: 0px;
  right: 80px;
  display: block;
  font-weight: normal;
  font-size: 12px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.statChartBoxVertical1 .statChartLabelVertical .valueCounter {
  transform: rotate(270deg);
  transform-origin: right top;
  position: absolute;
  width: 100px;
  text-align: center;
  top: 0px;
  right: 42px;
  display: block;
  font-weight: normal;
  font-size: 20px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}

.statChartBoxVertical1 .statChartLabelVertical .percentageCounter {
  transform: rotate(270deg);
  transform-origin: right top;
  position: absolute;
  width: 100px;
  text-align: center;
  top: 0px;
  right: 55px;
  display: block;
  font-weight: normal;
  font-size: 10px;
  /* border-top: 1px solid #cecece; */
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}

.time .statChartBoxVertical1 .statChartLabelVertical .valueName {
  width: 150px;
  top: 0px;
  right: 128px;
}

.time .statChartBoxVertical1 .statChartLabelVertical .valueCounter {
  width: 150px;
  top: 0px;
  right: 42px;
}

.time .statChartBoxVertical1 .statChartLabelVertical .percentageCounter {
  width: 100px;
  top: 0px;
  right: 55px;
}

.statChartBoxVertical1.gradient1 {
  /* IE10+ */
  background-image: -ms-linear-gradient(top,
      #2bb373 0%,
      #3dbf60 30%,
      #e6d656 70%,
      #a34444 100%);

  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top,
      #2bb373 0%,
      #3dbf60 30%,
      #e6d656 70%,
      #a34444 100%);

  /* Opera */
  background-image: -o-linear-gradient(top,
      #2bb373 0%,
      #3dbf60 30%,
      #e6d656 70%,
      #a34444 100%);

  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0, #2bb373),
      color-stop(30, #3dbf60),
      color-stop(70, #e6d656),
      color-stop(100, #a34444));

  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top,
      #2bb373 0%,
      #3dbf60 30%,
      #e6d656 70%,
      #a34444 100%);

  /* W3C Markup */
  background-image: linear-gradient(to bottom,
      #2bb373 0%,
      #3dbf60 30%,
      #e6d656 70%,
      #a34444 100%);
}

.statChartBoxVertical2 {
  position: relative;
  top: -102px;
  margin-bottom: -102px;
  background-color: #ffffff;
  color: #909090;
  overflow: hidden;
  border: 1px solid #ffffff;
}

.time .statChartBoxVertical2 {
  top: -152px;
  margin-bottom: -152px;
}

.statChartBoxVertical2 .statChartLabelVertical {
  display: block;
  font-weight: normal;
  font-size: 12px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  width: 40px;
  height: 100px;
  position: relative;
  margin: 0px auto;
}

.time .statChartBoxVertical2 .statChartLabelVertical {
  height: 150px;
}

.statChartBoxVertical2 .statChartLabelVertical .valueName {
  transform: rotate(270deg);
  transform-origin: right top;
  position: relative;
  width: 100px;
  text-align: center;
  top: 0px;
  right: 80px;
  display: block;
  font-weight: normal;
  font-size: 12px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  color: inherit;
}

.statChartBoxVertical2 .statChartLabelVertical .valueCounter {
  transform: rotate(270deg);
  transform-origin: right top;
  position: absolute;
  width: 100px;
  text-align: center;
  top: 0px;
  right: 42px;
  display: block;
  font-weight: normal;
  font-size: 20px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: inherit;
}

.statChartBoxVertical2 .statChartLabelVertical .percentageCounter {
  transform: rotate(270deg);
  transform-origin: right top;
  position: absolute;
  width: 100px;
  text-align: center;
  top: 0px;
  right: 55px;
  display: block;
  font-weight: normal;
  font-size: 10px;
  /* border-top: 1px solid #cecece; */
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: inherit;
}

.time .statChartBoxVertical2 .statChartLabelVertical .valueName {
  width: 150px;
  top: 0px;
  right: 128px;
}

.time .statChartBoxVertical2 .statChartLabelVertical .valueCounter {
  width: 150px;
  top: 0px;
  right: 42px;
}

.time .statChartBoxVertical2 .statChartLabelVertical .percentageCounter {
  width: 100px;
  top: 0px;
  right: 55px;
}

.easy .queueTaskForm .ticketDetailsEnvelope.hideTicket {
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0px;
  opacity: 0;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}

.easy .queueTaskForm .ticketDetailsEnvelope.showTicket {
  background-color: transparent;
  border: 1px solid #3e81c1;
  border-radius: 5px;
  padding: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  max-height: 1000px;
  overflow-y: auto;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.easy .userQueueFull .queueTaskForm .ticketDetailsEnvelope .taskFieldBox label {
  width: calc(100% - 20px);
  padding: 0px 10px;
  border-radius: 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 18px;
  min-height: 18px;
  color: #3e81c1;
}

.queueTaskForm .ticketDetailsEnvelope .formGroup {
  padding-bottom: 10px;
}

.queueTaskForm .ticketDetailsEnvelope .formGroup .form-control {
  min-width: 90%;
}

.queueTaskForm .ticketDetailsEnvelope .autocompleteLocations {
  margin-top: 4px;
  min-width: 90%;
  display: inline-block;
  max-height: 300px;
  overflow-y: auto;
}

.queueTaskForm .ticketDetailsEnvelope .autocompleteLocations .autocompleteLocation {
  background-color: #3e81c1;
  color: #fff;
  border: 1px solid #fff;
}

.queueTaskForm .ticketDetailsEnvelope .autocompleteLocations .autocompleteLocation:hover {
  background-color: #fff;
  color: #3e81c1;
  border: 1px solid #3e81c1;
}

.ticketDetailsTable.debugTable {
  margin-top: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.ticketDetailsTable.debugTable td {
  padding: 5px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.ticketTasksDetails.debugTable {
  margin-top: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.ticketTasksDetails.debugTable td {
  padding: 5px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.queueTaskControl .sla {
  padding-right: 4px;
}

.queueTaskControl .sla.sla2 .fa-light {
  animation: iconHighlight;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.queueTaskControl .sla.sla3 .fa-light {
  animation: iconHighlight;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.queueTaskControl .sla.sla0 .slaTime {
  display: none;
}

.queueTaskControl .sla.sla1 .slaTime {
  padding-left: 4px;
}

.queueTaskControl .sla.sla2 .slaTime {
  padding-left: 4px;
}

.queueTaskControl .sla.sla3 .slaTime {
  padding-left: 4px;
}

td.lineBelow,
th.lineBelow {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 10px;
}

.statTable2 {
  width: calc(100% - 15px);
  margin-left: 10px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.statTable2 tr.minirow.minirowFirst {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.statTable2 tr th {
  background-color: #ffffff;
}

.statTable2 tr th.domain {
  vertical-align: middle;
  text-align: center;
  padding: 5px;
  width: 150px;
}

.statTable2 tr th.category {
  text-align: center;
  /* margin: 5px; */
  padding: 0px 5px;
  width: 250px;
}

.statTable2 tr th.value {
  text-align: right;
  /* margin: 5px; */
  padding: 0px 5px;
  width: 50px;
}

.statTable2 tr th.chart {
  padding: 0px 5px 0px 2px;
}

.statTable2 tr th div.chart {
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.statTable3 {
  width: calc(100% - 15px);
  margin-left: 10px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.statTable3 tr.minirow.minirowFirst {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.statTable3 tr th {
  background-color: #ffffff;
}

.statTable3 tr th.domain {
  vertical-align: middle;
  text-align: center;
  padding: 5px;
  width: 150px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.statTable3 tr th.subcategory {
  text-align: center;
  /* margin: 5px; */
  padding: 0px 5px;
  width: 250px;
}

.statTable3 tr th.value {
  text-align: right;
  /* margin: 5px; */
  padding: 0px 5px;
  width: 50px;
}

.statTable3 tr th.chart {
  padding: 0px 5px 0px 2px;
}

.statTable3 tr th div.chart {
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.easy .userQueueTasksFull .queueTask.finishedTicket.active {
  border: 1px solid #df6363;
  background-color: #df6363;
  color: #fff;
}

.easy .userQueueTasksFull .queueTask.finishedTicket:hover {
  border: 1px solid #df6363;
  background-color: #df6363;
  color: #fff;
}

.easy .userQueueTasksFull .queueTask.finishedTicket {
  border: 1px solid #df6363;
  color: #df6363;
}

.easy .userQueueFull .queueTaskForm.finishedTicket {
  background-color: #df6363;
  color: #fff;
}

.easy .homepageReportBox {
  width: calc(100% - 15px);
  margin: 5px 5px 5px 15px;
  display: inline-block;
  padding: 10px 0px;
}

.easy .homepageReportBox .homepageReportBoxLabel {
  vertical-align: top;
  display: inline-block;
  width: 240px;
  padding: 10px 20px;
  font-size: 16px;
}

.easy .homepageReportBox .homepageReportBoxItems {
  width: calc(100% - 240px);
  display: inline-block;
}

.easy .homepageReportBox .homepageReportItemBox {
  display: inline-block;
  width: 140px;
  height: 110px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 10px 10px;
  font-size: 16px;
}

.easy .homepageReportBox .homepageReportItemLabel {
  display: block;
  height: 50px;
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
}

.easy .homepageReportBox .homepageReportItemValue {
  display: block;
  text-align: right;
  height: 40px;
  font-size: 40px;
  padding: 0px 10px 0px 0px;
  font-weight: bold;
}

.easy .homepageReportBox.activities .homepageReportItemLabel {
  height: 25px;
}

.easy .homepageReportBox.activities .homepageReportItemValue {
  font-size: 32px;
  line-height: 32px;
}

.easy .homepageReportBox.activities .homepageReportItemValue .halfVisible {
  opacity: 0.6;
}

.easy .homepageReportBox .homepageReportBoxLabel {
  background-color: rgba(255, 0, 0, 0.4);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox .homepageReportItemBox {
  background-color: rgba(255, 0, 0, 0.65);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.orange .homepageReportBoxLabel {
  background-color: rgba(255, 123, 0, 0.47);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.orange .homepageReportItemBox {
  background-color: rgba(255, 158, 0, 0.87);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.red .homepageReportBoxLabel {
  background-color: rgba(255, 0, 0, 0.4);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.red .homepageReportItemBox {
  background-color: rgba(255, 0, 0, 0.65);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.blue .homepageReportBoxLabel {
  background-color: rgba(87, 152, 217, 0.6);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.blue .homepageReportItemBox {
  background-color: rgba(5, 89, 172, 0.6);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.green .homepageReportBoxLabel {
  background-color: rgba(45, 159, 77, 0.54);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.green .homepageReportItemBox {
  background-color: rgba(4, 154, 53, 0.65);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.grey .homepageReportBoxLabel {
  background-color: rgba(78, 78, 78, 0.4);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportBox.grey .homepageReportItemBox {
  background-color: rgba(57, 57, 57, 0.65);
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

.easy .homepageReportLabel {
  display: block;
  color: rgba(255, 0, 0, 0.4);
  padding: 10px 20px 10px;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 2px solid rgba(255, 0, 0, 0.4);
}

.pagenotice {
  display: block;
  text-align: left;
  padding-left: 15px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
}

.newTicketForm .taskFieldBox {
  display: inline-block;
  max-width: 350px;
  margin: 0px 5px;
}

.newTicketForm .taskFieldBox .form-group.input-group {
  width: 150px;
  display: inline-block;
  margin: 0px 5px;
}

.newTicketForm .taskFieldBox .form-group.input-group input[type="number"] {
  display: inline-block;
  width: 70px;
}

.newTicketForm .taskFieldBox .form-group.input-group .input-group-addon {
  display: inline-block;
  width: 70px;
  padding: 9px 3px;
}

.newTicketForm .taskFieldBox.wide {
  display: block;
  width: calc(100% - 10px);
  max-width: calc(100% - 10px);
}

.unfinishable .btn.unfinishable {
  display: none;
}

.unfinishableShow {
  display: none;
}

.unfinishable .unfinishableShow {
  display: block;
  color: red;
  font-size: 12px;
  text-align: center;
}

.userQueueTasksFull .userQueuesActivationButton {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #337ab7;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #fff;
  padding: 4px 2px 0px 2px;
  border: 1px solid transparent;
  border-radius: 5px;
  z-index: 100;
}

.userQueueTasksFull .userQueuesActivationButton:hover {
  border: 1px solid #3e81c1;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.userQueueTasksFull .userQueuesActivationButton .fa-th-list {
  display: inline-block;
}

.userQueueTasksFull.userQueuesActive .userQueuesActivationButton .fa-th-list {
  display: none;
}

.userQueueTasksFull .userQueuesActivationButton .fa-ellipsis-h {
  display: none;
}

.userQueueTasksFull.userQueuesActive .userQueuesActivationButton .fa-ellipsis-h {
  display: inline-block;
}

.userQueueTasksFull .globalQueueEnvelope {
  display: block;
  float: left;
  width: 100%;
}

.userQueueTasksFull.userQueuesActive .globalQueueEnvelope {
  display: none;
}

.userQueueTasksFull .userQueueEnvelope {
  display: none;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope {
  display: block;
  float: left;
  width: 100%;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope .userQueueSortable {
  display: block;
  float: left;
  width: 100%;
  padding: 0px 0px 5px 0px;
  min-height: 30px;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope .userQueueControlBox {
  color: #337ab7;
  padding-left: 0px;
  border-bottom: 1px solid #337ab7;
  padding-bottom: 0px;
  line-height: 12px;
  margin: 5px 10px 5px 2px;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope .userQueueControlBox label.userQueueLabel {
  color: #fff;
  padding: 2px 10px;
  background-color: #337ab7;
  margin: 0px 10px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope .userQueueControlBox .fa-square-pen {
  padding-right: 5px;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope .userQueueControlBox .fa-square-minus {
  padding-right: 5px;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope .userQueueControlBox .fa-light {
  cursor: pointer;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope:nth-of-type(1) .userQueueControlBox .fa-square-pen {
  display: none;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope:nth-of-type(1) .userQueueControlBox .fa-square-minus {
  display: none;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope .userQueueControlBox label.userQueueLabel .queueNameInput {
  background-color: transparent;
  border: none;
  color: #fff;
  font-style: italic;
  padding: 0px;
  margin: 0px;
  line-height: 12px;
  height: auto;
}

.userQueueTasksFull.userQueuesActive .userQueueEnvelope .userQueueControlBox label.userQueueLabel .fa-light {
  padding: 0px 5px;
}

.inventoryItemEnvelope {
  display: inline-block;
}

.inventoryBox.minimized .fa.inventoryOpen {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
}

.inventoryBox.minimized .fa.inventoryClose {
  display: none;
}

.inventoryBox.maximized .fa.inventoryOpen {
  display: none;
}

.inventoryBox.maximized .fa.inventoryClose {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
}

.inventoryBox .inventoryItemPrefix {
  padding: 0px 5px 0px 0px;
  font-weight: normal;
}

.inventoryBox.maximized .inventoryItem.likeInput {
  /*min-width: 400px;*/
  display: inline-block;
  background-color: #3e81c1;
  border-radius: 5px;
  margin-right: 10px;
  border: 1px solid;
  overflow: hidden;
}

.inventoryBox.minimized .inventoryItem.likeInput {
  display: none;
}

.taskInventoryEnvelope .inventoryBox .inventoryItemLabel {
  width: 50%;
  min-width: 200px;
  display: inline-block;
  background-color: transparent;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  border: 0px solid #3e81c1;
  margin: 0px;
  height: auto;
  vertical-align: top;
}

.taskInventoryEnvelope .inventoryBox .inventoryItemValue {
  display: inline-block;
  background-color: #fff;
  width: 50%;
  min-width: 200px;
  padding-left: 2%;
  border: 0px solid #3e81c1;
  border-radius: 0px;
}

#userActivitiesHighlight {
  padding-bottom: 2px;
  padding-top: 10px;
  border-bottom: 1px solid rgba(51, 122, 188, 0.5);
  opacity: 0;
  transition: all 0.5s;
  transition-delay: 0.5s;
}

body.fixmenu__on .easy div#aside-left.col-lg-2 #userActivitiesHighlight,
.easy div#aside-left.col-lg-2:hover #userActivitiesHighlight {
  opacity: 1;
  transition: all 0.5s;
}

.userActivitiesHighlight {
  font-size: 12px;
  line-height: 16px;
}

.userActivitiesHighlight .userActivitiesHighlight {
  padding-left: 5px;
  cursor: default;
}

.userActivitiesHighlight .userActivitiesHighlight:first-child {
  padding-left: 0px;
}

.userActivitiesHighlight .userActivitiesHighlight label {
  color: #337abc;
  width: 20px;
  margin-left: 3px;
}

.userActivitiesHighlight .userActivitiesHighlight .activitiesValue {
  font-size: 16px;
  font-weight: bold;
  color: #fb5858;
  min-width: 50px;
  display: inline-block;
  text-align: right;
}

.ihwFormEnvelope {
  color: black;
  text-align: left;
}

.ihwFormLabel {
  padding: 5px 20px;
  background-color: #3e81c1;
  color: #fff;
  font-weight: bold;
}

.ihwFormHeaderLabel {
  padding: 0px 20px;
  color: #3e81c1;
  text-align: center;
  background-color: #d9edf7;
}

.ihwFormHeaderBox {
  padding: 0px 20px;
  background-color: #d9edf7;
  /* border-top: 1px solid #3e81c1; */
  border-bottom: 1px solid #3e81c1;
}

.ihwHeaderItem {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #3e81c1;
  background-color: #3e81c1;
  color: #fff;
  margin: 5px 1px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 12px;
  vertical-align: bottom;
  min-height: 39px;
}

.ihwHeaderItem.hnis {
  border: 1px solid #a4a4a4;
  background-color: #a4a4a4;
  color: #fff;
}

.ihwHeaderItem label {
  margin-bottom: 5px;
  min-width: 100px;
  display: block;
}

.ihwHeaderItem input.ihwCoreItemValue[type="text"] {
  padding: 0px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  height: 28px;
  width: 300px;
}

.ihwHeaderItem select.ihwCoreItemValue {
  padding: 0px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  height: 28px;
  width: 300px;
}

.ihwHeaderItem input.ihwCoreItemValue[type="number"] {
  padding: 0px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  height: 28px;
  width: 50px;
}

.ihwHeaderItem.valueChangedParent {
  background-color: #fb5858;
}

.ihwFormDateLabel {
  padding: 0px 20px;
  color: #3e81c1;
  text-align: center;
  background-color: #d9edf7;
}

.ihwFormDateBox {
  padding: 0px 20px 5px;
  background-color: #d9edf7;
  /* border-top: 1px solid #3e81c1; */
  border-bottom: 1px solid #3e81c1;
}

.ihwDateItem {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #3e81c1;
  background-color: #3e81c1;
  color: #fff;
  margin: 5px 1px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 12px;
  vertical-align: bottom;
}

.ihwDateItem.valueChangedParent {
  background-color: #fb5858;
}

.ihwDateItem label {
  margin-bottom: 5px;
  min-width: 100px;
  display: block;
}

.ihwDateItem input.ihwDateItemValue[type="text"] {
  padding: 0px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  height: 28px;
  width: 150px;
}

.ihwDateItem select.ihwDateItemValue {
  padding: 0px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  height: 28px;
  width: 150px;
}

.ihwDateItemUpdated {
  display: block;
  opacity: 0.6;
  padding-top: 5px;
}

.ihwFormTextLabel {
  padding: 0px 20px;
  color: #3e81c1;
  text-align: center;
  background-color: #d9edf7;
}

.ihwFormTextBox {
  padding: 0px 20px 5px;
  background-color: #d9edf7;
  /* border-top: 1px solid #3e81c1; */
  border-bottom: 1px solid #3e81c1;
}

.ihwTextItem {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #3e81c1;
  background-color: #3e81c1;
  color: #fff;
  margin: 5px 1px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 12px;
  vertical-align: bottom;
}

.ihwTextItem.valueChangedParent {
  background-color: #fb5858;
}

.ihwTextItem label {
  margin-bottom: 5px;
  min-width: 100px;
  display: block;
}

.ihwTextItem input.ihwTextItemValue[type="text"] {
  padding: 0px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  height: 28px;
  width: 300px;
}

.ihwTextItem select.ihwTextItemValue {
  padding: 0px;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  height: 28px;
  width: 300px;
}

.ihwTextItemUpdated {
  display: block;
  opacity: 0.6;
  padding-top: 5px;
}

.ihwControlPanel {
  background-color: #3e81c1;
  text-align: right;
  padding: 0px 20px;
}

.ihwSaveButton {
  text-transform: uppercase;
}

.ihwCloseButton {
  text-transform: uppercase;
}

.ihwSaveButton .fa-light {
  font-size: 16px;
  margin-right: 5px;
  vertical-align: text-bottom;
}

.ihwCloseButton .fa-light {
  font-size: 16px;
  margin-right: 5px;
  vertical-align: text-bottom;
}

.btn.taskOnly {
  display: none;
}

.queueTaskForm .btn.taskOnly {
  display: inline-block;
}

.ihwErrorMessage {
  display: block;
  background-color: #f6dada;
  border: 1px solid #fb5858;
  border-radius: 5px;
  text-align: center;
  color: #fb5858;
  padding: 0px 20px;
}

div.success.fullscreenform {
  padding: 0px;
  position: relative;
}

div.success.fullscreenform .closeMe.white {
  position: absolute;
  left: calc(100% - 24px);
  top: 7px;
  font-size: 20px;
  cursor: pointer;
}

#leftBarPin {
  position: absolute;
  left: 240px;
  top: 10px;
  cursor: pointer;
  z-index: 100;
}

#leftBarPin .fixit {
  display: inline-block;
}

#leftBarPin .freeit {
  display: none;
}

body.fixmenu__on #leftBarPin .fixit {
  display: none;
}

body.fixmenu__on #leftBarPin .freeit {
  display: inline-block;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .status {
  display: inline-block;
  padding: 0px 10px;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .status .fabox {
  padding: 3px 5px;
  margin: 0px 5px 0px 0px;
  border-radius: 3px;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .status .fabox.blue {
  color: #fff;
  background-color: #3e81c1;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .status .fabox.orange {
  color: #fff;
  background-color: #e6ad45;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .status .fabox.red {
  color: #fff;
  background-color: #e84b5a;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .status .fabox.gray {
  color: #fff;
  background-color: #929292;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .status .fabox.green {
  color: #fff;
  background-color: #5cb85c;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .status .fabox .fa-light {
  font-size: 16px;
  line-height: 16px;
  padding: 0px 5px;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .status .fabox .fatext {
  font-size: 10px;
  line-height: 18px;
  vertical-align: middle;
  margin-right: 5px;
}

.easy .userQueueFull .queueTaskForm .taskInventoryBox .controlButtons {
  display: inline-block;
  position: relative;
  top: -3px;
}

.easy .userQueueFull .queueTaskForm .queueTaskControl .queueTaskFormControlIcons .fa.inventoryTool {
  display: inline-block;
}

.fullscreenplus.fullwidthPlus {
  padding: 0px 20px;
}

.fullscreenplus.fullwidthPlus .PlusButtons {
  cursor: pointer;
}

.fullscreenplus.fullwidthPlus .PlusButtons .fa-light {
  font-size: 28px;
  margin-right: 6px;
  vertical-align: middle;
  color: #3e81c1;
}

.fullscreenplus.fullwidthPlus .PlusButtons .PlusLabel {
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #3e81c1;
  padding: 0px 10px;
  border-radius: 5px;
  background-color: #3e81c1;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}

.fullscreenplus.fullwidthPlus.minimized .PlusButtons .fa-square-minus {
  display: none;
}

.fullscreenplus.fullwidthPlus.maximized .PlusButtons .fa-square-plus {
  display: none;
}

.fullscreenplus.fullwidthPlus.minimized .PlusBox {
  height: 0px;
  display: none;
}

.fullscreenplus.fullwidthPlus.maximized .PlusBox {
  height: auto;
  opacity: 1;
}

.easy #wrapper-center .row.emptyRow {
  height: 100%;
  padding: 0px;
}

.easy #wrapper-center .center.fixedheader {
  position: fixed;
  left: calc(100% - 35px);
  width: calc(100% - 20px);
  cursor: pointer;
  padding: 10px 0px;
  background-color: #e6e6e6;
  border-radius: 5px;
  z-index: 10000;
  transition: all 1s;
  transition-delay: 1s;
}

.fixmenu__off .easy #wrapper-center .center.fixedheader {
  width: calc(100% - 30px);
}

.fixmenu__on .easy #wrapper-center .center.fixedheader {
  width: calc(100% - 230px);
}

.fixmenu__off .easy #wrapper-center .center.fixedheader:hover {
  left: 75px;
  transition-delay: 0s;
}

.fixmenu__on .easy #wrapper-center .center.fixedheader:hover {
  left: 275px;
  transition-delay: 0s;
}

.select2-container .select2-search--inline input.select2-search__field {
  color: #333;
  font-size: 14px;
  line-height: 16px;
  padding: 0px 0px;
  margin-left: 5px;
}

.screenMessageBox {
  position: fixed;
  right: 55px;
  width: 300px;
  overflow-x: hidden;
  text-align: left;
  padding-top: 10px;
  color: #9e3636;
  cursor: default;
  transition: all 0.5s;
}

.screenMessageBox:hover {
  background-color: #fff;
  overflow: visible;
  width: calc(100vw - 55px - 260px - 30px) !important;
}

.screenMessageBox:hover .screenMessageQueue.show {
  display: block !important;
  background-color: #f2efa6;
  z-index: 200;
  visibility: visible !important;
  margin-bottom: 5px;
  padding: 5px 10px;
  border: 1px solid red;
  border-radius: 5px;
}

.screenMessageBox:hover .screenMessageQueue.hidden {
  display: block !important;
  background-color: #f2efa6;
  z-index: 200;
  visibility: visible !important;
  margin-bottom: 5px;
  padding: 5px 10px;
  border: 1px solid red;
  border-radius: 5px;
}

.screenMessageBox:hover .screenMessageQueue.show {
  transition: all 0.5s;
}

.screenMessageBox:hover .screenMessageQueue.hidden {
  transition: all 0.5s;
}

.screenMessageBox .screenMessageQueue.show {
  animation: screenMessageHighlight;
  animation-duration: 0.5s;
  animation-iteration-count: 5;
}

@keyframes screenMessageHighlight {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 1;
  }
}

/* DATA MASK TABLES */

div#PlBudgetScreen.DM001 {
  background-color: #fff;
}

div#PlBudgetScreen.DM001 #DataMaskTable {
  margin: 15px;
  border-spacing: 4px;
  border-collapse: separate;
}

div#PlBudgetScreen.DM001 #DataMaskTable th {
  padding: 5px 10px;
  text-align: left;
  font-size: 16px;
  color: #000;
}

div#PlBudgetScreen.DM001 #DataMaskTable td {
  padding: 5px 10px;
  text-align: right;
  font-size: 12px;
  color: #000;
}

div#PlBudgetScreen.DM001 #DataMaskTable tbody tr:nth-child(odd) th {
  background-color: #d3e9fd;
}

div#PlBudgetScreen.DM001 #DataMaskTable tbody tr:nth-child(even) th {
  background-color: #92beea;
}

div#PlBudgetScreen.DM001 #DataMaskTable tbody tr:nth-child(odd) td {
  background-color: #d3e9fd;
}

div#PlBudgetScreen.DM001 #DataMaskTable tbody tr:nth-child(even) td {
  background-color: #92beea;
}

div#PlBudgetScreen.DM001 #DataMaskTable th.fr {
  color: red;
}

div#PlBudgetScreen.DM001 #DataMaskTable th.fi {
  font-style: italic;
}

div#PlBudgetScreen.DM001 #DataMaskTable td.fr {
  color: red;
}

div#PlBudgetScreen.DM001 #DataMaskTable td.fi {
  font-style: italic;
}

div#PlBudgetScreen.DM001 #DataMaskTable th.right {
  text-align: right;
}

div#PlBudgetScreen.DM001 #DataMaskTable th.center {
  text-align: center;
}

div#PlBudgetScreen.DM001 #DataMaskTable thead td {
  background-color: #92beea;
  text-align: center;
}

div#PlBudgetScreen.DM001 #DataMaskTable thead th.bd {
  background-color: #5489bf;
  color: #fff;
}

div#PlBudgetScreen.DM001 #DataMaskTable thead th.bd.TOTAL {
  background-color: #464646;
  color: #fff;
}

div#PlBudgetScreen.DM001 #DataMaskTable thead th.bd.TTESA {
  background-color: #2c8564;
  color: #fff;
}

div#PlBudgetScreen.DM001 #DataMaskTable thead th.bd.TTR {
  background-color: #b53939;
  color: #fff;
}

div#PlBudgetScreen.DM001 #DataMaskTable thead th.bd.TTUK {
  background-color: #354e92;
  color: #fff;
}

div#PlBudgetScreen.DM002 {
  background-color: #fff;
}

div#PlBudgetScreen.DM002 #DataMaskTable {
  margin: 15px;
  border-spacing: 4px;
  border-collapse: separate;
}

div#PlBudgetScreen.DM002 #DataMaskTable th {
  padding: 5px 10px;
  text-align: left;
  font-size: 16px;
  color: #000;
}

div#PlBudgetScreen.DM002 #DataMaskTable td {
  padding: 5px 10px;
  text-align: right;
  font-size: 12px;
  color: #000;
}

div#PlBudgetScreen.DM002 #DataMaskTable tbody tr:nth-child(odd) th {
  background-color: #d3e9fd;
}

div#PlBudgetScreen.DM002 #DataMaskTable tbody tr:nth-child(even) th {
  background-color: #92beea;
}

div#PlBudgetScreen.DM002 #DataMaskTable tbody tr:nth-child(odd) td {
  background-color: #d3e9fd;
}

div#PlBudgetScreen.DM002 #DataMaskTable tbody tr:nth-child(even) td {
  background-color: #92beea;
}

div#PlBudgetScreen.DM002 #DataMaskTable th.fr {
  color: red;
}

div#PlBudgetScreen.DM002 #DataMaskTable th.fi {
  font-style: italic;
}

div#PlBudgetScreen.DM002 #DataMaskTable td.fr {
  color: red;
}

div#PlBudgetScreen.DM002 #DataMaskTable td.fi {
  font-style: italic;
}

div#PlBudgetScreen.DM002 #DataMaskTable th.right {
  text-align: right;
}

div#PlBudgetScreen.DM002 #DataMaskTable th.center {
  text-align: center;
}

div#PlBudgetScreen.DM002 #DataMaskTable thead td {
  background-color: #92beea;
  text-align: center;
}

div#PlBudgetScreen.DM002 #DataMaskTable thead th.bd {
  background-color: #5489bf;
  color: #fff;
}

div#PlBudgetScreen.DM002 #DataMaskTable thead th.bd.TOTAL {
  background-color: #464646;
  color: #fff;
}

div#PlBudgetScreen.DM002 #DataMaskTable thead th.bd.TTESA {
  background-color: #2c8564;
  color: #fff;
}

div#PlBudgetScreen.DM002 #DataMaskTable thead th.bd.TTR {
  background-color: #b53939;
  color: #fff;
}

div#PlBudgetScreen.DM002 #DataMaskTable thead th.bd.TTUK {
  background-color: #354e92;
  color: #fff;
}

div#PlBudgetScreen.DM003 {
  background-color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable {
  margin: 15px;
  border-spacing: 4px;
  border-collapse: separate;
}

div#PlBudgetScreen.DM003 #DataMaskTable th {
  padding: 5px 10px;
  text-align: left;
  font-size: 16px;
  color: #000;
  position: relative;
}

div#PlBudgetScreen.DM003 #DataMaskTable td {
  padding: 5px 10px;
  text-align: right;
  font-size: 12px;
  color: #000;
  position: relative;
}

/*
div#PlBudgetScreen.DM003 #DataMaskTable tbody tr:nth-child(odd) th {
    background-color: #d3e9fd;
}

div#PlBudgetScreen.DM003 #DataMaskTable tbody tr:nth-child(even) th {
    background-color: #92beea;
}

div#PlBudgetScreen.DM003 #DataMaskTable tbody tr:nth-child(odd) td {
    background-color: #d3e9fd;
}

div#PlBudgetScreen.DM003 #DataMaskTable tbody tr:nth-child(even) td {
    background-color: #92beea;
}
*/

div#PlBudgetScreen.DM003 #DataMaskTable th.fr {
  color: red;
}

div#PlBudgetScreen.DM003 #DataMaskTable th.fi {
  font-style: italic;
}

div#PlBudgetScreen.DM003 #DataMaskTable td.fr {
  color: red;
}

div#PlBudgetScreen.DM003 #DataMaskTable td.fi {
  font-style: italic;
}

div#PlBudgetScreen.DM003 #DataMaskTable th.right {
  text-align: right;
}

div#PlBudgetScreen.DM003 #DataMaskTable th.center {
  text-align: center;
}

div#PlBudgetScreen.DM003 #DataMaskTable td.br,
div#PlBudgetScreen.DM003 #DataMaskTable tbody tr td.bd.br {
  background-color: #f87070;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable td.bg,
div#PlBudgetScreen.DM003 #DataMaskTable tbody tr td.bd.bg {
  background-color: #57bb84;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable td.bb {
  background-color: #a7a7a7;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable tbody tr td.bd.bb {
  background-color: #5489bf;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable tbody tr th.bd {
  background-color: #5489bf;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable tbody tr td.bd {
  background-color: #5489bf;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable thead td {
  background-color: #92beea;
  text-align: center;
}

div#PlBudgetScreen.DM003 #DataMaskTable thead th.bd {
  background-color: #5489bf;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable thead th.bd label {
  display: block;
  font-size: 24px;
}

div#PlBudgetScreen.DM003 #DataMaskTable thead th.bd.TOTAL {
  background-color: #464646;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable thead th.bd.TTESA {
  background-color: #2c8564;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable thead th.bd.TTR {
  background-color: #b53939;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable thead th.bd.TTUK {
  background-color: #354e92;
  color: #fff;
}

div#PlBudgetScreen.DM003 #DataMaskTable .BiDmChartTool {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 8px;
  cursor: pointer;
}

div#PlBudgetScreen.DM003 #DataMaskTable .BiDmChartTool i {
  margin-left: 10px;
}

.generalNotificationWindow .windowTitle {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #337abc;
  font-size: 16px;
  margin-bottom: 20px;
}

.generalNotificationWindow .selectBox {
  margin: 0 10px 10px 0;
  display: inline-block;
  color: black;
  font-size: 12px;
}

.generalNotificationWindow .selectBox.wide {
  margin: 0 10px 10px 0;
  display: block;
  width: 100%;
}

.generalNotificationWindow .selectBox.wide select {
  width: 100%;
}

.generalNotificationWindow .inputBox {
  display: block;
}

.generalNotificationWindow .inputBox input {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.generalNotificationWindow .inputBox textarea {
  display: block;
  width: 100%;
  resize: vertical;
  min-height: 100px;
  margin-bottom: 10px;
}

.generalNotificationWindow .controlGroup.right {
  text-align: right;
}

table.DebugTable.pendingActions {
  background-color: white;
  color: black;
}

table.DebugTable.pendingActions .right {
  text-align: right;
}

select.select2.fullwidth {
  width: 100%;
  display: block;
}

/* HHR */

.hhrHeader {
  text-align: center;
  padding: 10px;
  border: 1px solid red;
}

.hhrContent {
  width: calc(100% - 500px);
  border: 1px solid red;
  display: inline-block;
  padding: 10px;
  vertical-align: top;
}

.hhrFilter {
  width: 500px;
  border: 1px solid red;
  display: inline-block;
  padding: 10px;
  user-select: none;
}

.hhrFilterCategoryLabel {
  padding: 5px;
  cursor: pointer;
  user-select: none;
}

.hhrFilterParam {
  display: inline-block;
  padding: 0px 5px 3px;
  user-select: none;
}

.hhrFilterParam.wide {
  display: block;
  padding: 0px 5px 3px;
  user-select: none;
}

.hhrFilterParams {
  padding-left: 10px;
  user-select: none;
}

.hhrFilterParamCheck {
  cursor: pointer;
  user-select: none;
}

.hhrFilterParamCheck::before {
  font-family: FontAwesome;
  content: "\f096";
  padding-right: 5px;
  user-select: none;
}

.hhrFilterParamCheck.active::before {
  font-family: FontAwesome;
  content: "\f046";
  padding-right: 5px;
  user-select: none;
}

.hhrFilterCategory {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.hhrFilterParams>.hhrFilterCategory:last-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

span.hhrPocet {
  font-size: 10px;
  margin-left: 4px;
  vertical-align: text-bottom;
}

span.hhrPocet::before {
  content: "(";
}

span.hhrPocet::after {
  content: ")";
}

.hhrSlider .ui-widget-header {
  background: none;
}

span.sliderMin {
  display: inline-block;
  width: 50%;
  text-align: left;
  padding-left: 5px;
}

span.sliderMax {
  display: inline-block;
  width: 50%;
  text-align: right;
  padding-right: 5px;
}

.hhrEstateIntro.toLoad {
  display: none;
}

.hhrEstateIntro.fresh {
  margin-bottom: 30px;
  padding: 0px 10px;
}

.hhrIntroImage {
  display: inline-block;
  width: 210px;
  height: 130px;
  padding: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  overflow: hidden;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hhrEstateIntro h4 {
  display: block;
  padding: 0px 20px;
  margin: 0px;
}

.hhrIntro {
  padding: 10px 20px;
  display: block;
  margin: 0px;
}

.hhrPhotoMain {
  width: 832px;
  margin: 10px;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: left;
}

.hhrThumb {
  width: 150px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
}

.hhrThumbs {
  margin-top: 20px;
  max-width: 100%;
  text-align: left;
}

.hhrThumbs ul {
  margin: 0px;
  padding: 0px;
}

.hhrThumbs li {
  display: inline-block;
  padding: 10px;
}

.hhrArticle {
  text-align: left;
}

.hhrParams ul {
  margin: 0px;
  padding: 0px;
}

.hhrParams ul li {
  padding: 2px 10px;
}

.hhrParamLabel {
  display: inline-flex;
}

.hhrParamValue {
  display: inline;
  margin-left: 5px;
}

.hhrText p {
  padding: 10px;
  margin: 0px;
}

.hhrPhotoAgent {
  width: 500px;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.hhrArticle.hhrMap {
  width: 100%;
  height: 500px;
}

iframe.hhrMapFrame {
  width: 100%;
  height: 100%;
}

.hhrIntroImageA {
  vertical-align: top;
  display: inline-block;
  width: 220px;
}

.hhrIntroA {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 230px);
}

.chipFullScreen {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1000;
}

.chipScreen {
  text-align: center;
  margin: 10px;
  padding: 50px;
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  background-color: #5798d9;
  border-radius: 20px;
  color: #fff;
  font-size: xx-large;
}

.chipScreen .closeButton {
  position: absolute;
  right: 50px;
  top: 40px;
}

.chipScreen.greenScreen {
  background-color: #008000;
}

.chipScreen.redScreen {
  background-color: #9e3636;
}

input#chipInput {
  opacity: 0.2;
  border-radius: 10px;
  border: none;
}

div.ajaxFormEnvelope {
  background-color: #fff;
  position: fixed;
  top: 55px;
  left: 0px;
  padding: 0px;
  width: calc(100vw - 75px);
  height: calc(100vh - 75px);
  border: 1px solid;
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr min-content;
  gap: 10px 0px;
  grid-template-areas:
    "afHeader"
    "afBody"
    "afFooter";
  z-index: 1010;
  margin: 0px 30px;
  border-radius: 15px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.ajaxFormHeader {
  padding: 10px 50px 10px 20px;
  font-size: 20px;
  position: relative;
  margin: 0px;
}

.afhBack {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0px;
  font-size: 30px;
  width: 50px;
  text-align: center;
}

.afhName {
  display: inline-block;
  padding: 0px 10px;
  font-weight: normal;
  text-transform: uppercase;
}

.afhAction {
  display: inline-block;
  padding: 0px 10px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
}

.afhDesc {
  display: inline-block;
  font-size: 14px;
  padding: 0px 10px;
  text-transform: uppercase;
}

.ajaxFormHeader .afhControlIcon {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 10px;
  font-size: 24px;
  width: 40px;
  text-align: center;
  cursor: pointer;
}

.afbEnvelope {
  position: relative;
  border: 1px solid #fff;
  padding: 20px;
  overflow-y: auto;
}

.ajaxFormControlEnvelope {
  display: inline-block;
  padding: 0px 20px 20px 0px;
}

.ajaxFormInput,
input.ajaxFormLikeInput {
  width: 100%;
}

.ajaxFormInput.iconSpace1,
input.ajaxFormLikeInput.iconSpace1 {
  width: calc(100% - 40px);
}

.ajaxFormInput.iconSpace2,
input.ajaxFormLikeInput.iconSpace2 {
  width: calc(100% - 80px);
}

.ajaxFormInput.iconSpace3,
input.ajaxFormLikeInput.iconSpace3 {
  width: calc(100% - 120px);
}


.ajaxFormControlEnvelope.afSize1 {
  width: calc(100% / 1);
  min-width: 400px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize2 {
  width: calc(100% / 2);
  min-width: 400px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize3 {
  width: calc(100% / 3);
  min-width: 400px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize4 {
  width: calc(100% / 4);
  min-width: 300px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize5 {
  width: calc(100% / 5);
  min-width: 240px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize6 {
  width: calc(100% / 6);
  min-width: 200px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize7 {
  width: calc(100% / 7);
  min-width: 170px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize8 {
  width: calc(100% / 8);
  min-width: 150px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize9 {
  width: calc(100% / 9);
  min-width: 130px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize10 {
  width: calc(100% / 10);
  min-width: 120px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize11 {
  width: calc(100% / 11);
  min-width: 110px;
  max-width: 100%;
}

.ajaxFormControlEnvelope.afSize12 {
  width: calc(100% / 12);
  min-width: 100px;
  max-width: 100%;
}

input.ajaxFormInput[type="number"],
input.ajaxFormInput[type="text"],
input.ajaxFormInput[type="email"],
input.ajaxFormInput[type="date"],
input.ajaxFormInput[type="time"],
textarea.ajaxFormInput,
select.ajaxFormInput {
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.ajaxFormBody {
  display: grid;
  grid-template-columns: 1fr 380px;
  height: calc(100vh - 200px);
}

.withoutTasks .ajaxFormBody {
  display: grid;
  grid-template-columns: 1fr;
  height: calc(100vh - 240px);
}

.ajaxFormFooter {
  display: grid;
  padding: 10px 20px;
  text-align: right;
  grid-template-columns: 1fr 380px;
}

.withoutTasks .ajaxFormFooter {
  display: grid;
  padding: 10px 20px;
  text-align: right;
  grid-template-columns: 1fr;
}

.aftEnvelope {
  position: relative;
  border: 1px solid #fff;
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}

.easy #wrapper-center .row .ajaxFormBody div.queueEnvelope {
  width: 100%;
}

label.formGroupLabel {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 15px;
  cursor: pointer;
}


.ajaxFormGroupEnvelope.afGroupMaximize {
  height: auto;
  overflow: hidden;
}

.ajaxFormGroupEnvelope.afGroupMinimize {
  height: 22px;
  overflow: hidden;
}

.ajaxFormInputIcon {
  font-size: 30px;
  line-height: 30px;
  vertical-align: bottom;
  margin-left: 5px;
  cursor: pointer;
}

div.ajaxFormPictureFrame {
  display: inline-block;
  max-width: calc(100% - 10px);
  max-height: calc(100% - 10px);
  top: 5px;
  left: 5px;
  z-index: 10000;
  position: absolute;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
}

.ajaxFormPictureCloseControl {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  cursor: pointer;
}

.ajaxFormPictureHeader {
  font-size: 16px;
  padding: 5px 30px 5px 10px;
  font-weight: bold;
}

textarea.ajaxFormInput {
  resize: vertical;
  min-height: 60px;
}

.ajaxFormListEnvelope.ajaxFormListHide .ajaxListHeader.hideList {
  display: none;
}

.ajaxFormListEnvelope.ajaxFormListShow .ajaxListHeader.showList {
  display: none;
}

.ajaxFormListEnvelope.ajaxFormListHide .ajaxFormListBody {
  height: 0px;
  overflow: hidden;
}

.ajaxFormListEnvelope.ajaxFormListShow .ajaxFormListBody {
  height: auto;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.03);
}

.ajaxFormListBody .ajaxListItem {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 2px 10px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
}

.ajaxListItem .ajaxFormInputIcon {
  font-size: 20px;
  line-height: 28px;
  vertical-align: bottom;
  margin-left: 10px;
  cursor: pointer;
}

button.afhControlButton.btn.btn-successajaxFormInput.action {
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}

.ajaxFormControlLabel,
.ajaxListCount {
  font-size: 9px;
  padding: 2px 5px;
  line-height: 10px;
  text-transform: uppercase;
  color: #000;
}

.ajaxFormControlEnvelope.actionEnvelope {
  width: auto;
}

button.afhControlButton.btn.btn-successajaxFormInput.action span {
  font-size: 12px;
}

span.ajaxListItemValue {
  font-size: 12px;
}

span.select2.select2-container.select2-container--default {
  font-size: 12px;
}

.afTaskFormEnvelope.show {
  border: 1px solid;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 20px;
}

.afTaskFormHeader {
  background-color: #99cc33;
  border-radius: 6px;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.afTaskFormControlEnvelope {
  text-align: left;
  padding: 5px;
}

.afTaskFormControlLabel {
  font-size: 9px;
  padding: 2px 5px;
  line-height: 12px;
  text-transform: uppercase;
}

.afTaskFormInput {
  width: 100%;
  font-size: 12px;
  box-shadow: none;
}

textarea.afTaskFormInput {
  resize: vertical;
  min-height: 50px;
}

.afNoticeFormEnvelope.show {
  border: 1px solid;
  border-radius: 10px;
  padding: 5px;
}

.afNoticeFormHeader {
  background-color: #99cc33;
  border-radius: 6px;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.afNoticeFormControlEnvelope {
  text-align: left;
  padding: 5px;
}

.afNoticeFormControlLabel {
  font-size: 10px;
  padding: 2px 5px;
  line-height: 14px;
}

.afNoticeFormInput {
  width: 100%;
  font-size: 12px;
  box-shadow: none;
}

textarea.afNoticeFormInput {
  resize: vertical;
  min-height: 50px;
}

select.afTaskFormInput,
select.afNoticeFormInput {
  box-shadow: none;
  border-radius: 5px;
}

.afTaskFormControlEnvelope.halfSize,
.afNoticeFormControlEnvelope.halfSize {
  display: inline-block;
  width: 50%;
}

.aftEnvelope .queueEnvelope {
  margin-top: 0px;
}

.ajaxFormEnvelope button.btn {
  padding: 2px 10px;
  box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-size: 13px;
}

.afnMenuButton {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}

.ajaxFormNavigationEnvelope {
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  border-radius: 10px;
  top: 50px;
  left: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 10px 20px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.afnMenuItem {
  cursor: pointer;
}

.afnMenuItem i {
  margin-right: 10px
}

.afnMenuItem span {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 16px;
}

.aftItemsGroupsEnvelope {
  text-align: left;
}

.aftItemsGroupEnvelope>label {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  width: 100%;
}

span.aftGroupControlIcons {
  position: absolute;
  right: 25px;
}

.aftItemsGroupEnvelope.showActive>label .maximized {
  display: none;
}

.aftItemsGroupEnvelope.showAll>label .maximized {
  display: inline-block;
}

.aftItemsGroupEnvelope.showActive>label .minimized {
  display: inline-block;
}

.aftItemsGroupEnvelope.showAll>label .minimized {
  display: none;
}

span.aftGroupControlIcons i {
  font-size: 14px;
  padding-right: 10px;
}

.aftItemEnvelope {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 0px 30px 0px;
  background-color: rgba(0, 0, 0, 0.1);
  font-size: 14px;
  position: relative;
  min-height: 30px;
  margin-bottom: 3px;
}

.aftItemEnvelope.active {
  background-color: #99cc33;
  color: #fff;
}

.aftItemEnvelope.active.alarmOn {
  background-color: #ffb40b;
  color: #fff;
}

.aftItemControl {
  width: 100%;
  padding: 0px;
  margin: 0px;
  position: relative;
}

span.aftItemControlIcons.aftSwitch {
  position: absolute;
  left: 5px;
  top: 0px;
}

span.aftItemControlIcons.aftEdit {
  position: absolute;
  bottom: 0px;
  left: calc(100% - 25px);
  display: none;
}

.aftItemEnvelope.maximized span.aftItemControlIcons.aftEdit {
  display: inline-block;
}

span.aftItemControlIcons.ftMinimize {
  position: absolute;
  top: 0px;
  left: calc(100% - 25px);
}

span.aftItemControlIcons {
  font-size: 20px;
  line-height: 24px;
  display: inline-block;
  width: 100%;
}

span.aftItemControlIcons i {
  margin: 5px 0;
  display: inline-block;
}

span.aftItemControlIcons i.leftSpace {
  margin-left: 10px;
  display: inline-block;
  position: relative;
  top: -1px;
}

.afTaskFieldBox label {
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  font-weight: normal;
  margin-left: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px;
  vertical-align: text-bottom;
}

.easy .aftItem div.afTaskFieldBox div.likeInput.wide {
  cursor: default;
  margin: 0px;
  opacity: 1;
  padding: 0px 0px 0px 10px;
}

.aftItemEnvelope .afTaskFieldBox.minimized {
  display: none;
}

.aftItemEnvelope.maximized .afTaskFieldBox.minimized {
  display: inline-block;
  width: 100%;
}

.aftItemEnvelope .aftItemControlIcons i.minimized {
  display: none;
}

.aftItemEnvelope .afTaskFieldBox label {
  display: none;
}

.aftItemEnvelope.maximized .aftItemControlIcons i.minimized {
  display: block;
}

.aftItemEnvelope.maximized .aftItemControlIcons i.maximized {
  display: none;
}

.aftItemEnvelope.maximized .afTaskFieldBox label {
  display: inline-block;
}

.aftItemEnvelope.maximized {
  padding-bottom: 30px;
}

.aftItem {
  display: inline-block;
  width: 100%;
  margin: 5px 0px 5px;
}

.aftItemEnvelope.minimized .afTaskFieldBox.maximized {
  font-size: 12px;
  line-height: 14px;
}

.easy .aftItemEnvelope.maximized .aftItem div.afTaskFieldBox div.likeInput.wide {
  cursor: default;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  margin: 0px;
  opacity: 1;
  padding: 0px 10px;
}

.aftItemEnvelope i {
  cursor: pointer;
}

.aftItemsGroupEnvelope.showMine .minimizedMine {
  display: none;
}

.aftItemsGroupEnvelope.showMineAll .maximizedMine {
  display: none;
}

.aftItemsGroupEnvelope.showMine .maximizedMine {
  display: inline-block;
}

.aftItemsGroupEnvelope.showMineAll .minimizedMine {
  display: inline-block;
}

.aftItemsGroupEnvelope.showMine .notMine {
  display: none;
}

.aftItemEnvelope.inactive .aftItemControlIcons i.minimizedActive {
  display: none;
}

.aftItemEnvelope.active .aftItemControlIcons i.maximizedActive {
  display: none;
}

span.afFilterBoxButton {
  padding: 0px 5px;
  border: 1px solid #555555;
  margin: 5px 5px 0px 0px;
  border-radius: 4px;
  display: inline-block;
  font-size: 9px;
  text-transform: uppercase;
  line-height: 20px;
  cursor: pointer;
}

span.afFilterBoxEnvelope {
  margin-left: 5px;
  margin-bottom: 1px;
  display: inline-block;
}

span.afFilterBoxButton i {
  font-size: 12px;
  line-height: 12px;
  margin-right: 5px;
}

span.afFilterBoxButton.active {
  background-color: #aaaaaa;
  color: #ffffff;
}

span.afFilterBoxInput {
  min-width: 10px;
    min-height: 14px;
    display: inline-block;
    font-weight: bold;
    padding: 0px 10px;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.5px;
    cursor: text;
}

span.afFilterBoxInput:focus-visible {
  border: 0px;
  outline: none;
}

.mmcElementEnvelope {
  position: relative;
  padding: 10px;
}

.mmcElementEnvelope label {
color: #ff7a41;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 25px;
  padding: 0 5px;
  background-color: #fff;
}

.mmcElementEnvelope .mmcValue {
  color: black;
  font-weight: normal;
  font-size: 14px;
  border: 1px solid #ff7a41;
  border-radius: 5px;
  padding: 3px 20px;
}

.mmcElementEnvelope i {
  padding: 0px 0px;
  margin-right: 10px;
  font-size: 18px;
  line-height: 18px;
  position: relative;
  top: 2px;
  cursor: pointer;
}

.ajaxFormControlEnvelope.nonEmptyValue .ajaxFormInput
,.ajaxFormControlEnvelope.nonEmptyValue .select2-selection.select2-selection--single,
.ajaxFormControlEnvelope.nonEmptyValue .ajaxFormLikeInput {
  background-color: #efffec;
}

.ajaxFormControlEnvelope.emptyValue .ajaxFormInput, 
.ajaxFormControlEnvelope.emptyValue .select2-selection.select2-selection--single,
.ajaxFormControlEnvelope.emptyValue .ajaxFormLikeInput {
  background-color: #ffeadc;
}