/*======= EASY version: 201704 ========*/

/*==============================================
   STYLES FOR TTESA   
=============================================*/
body>.easy {
    font-family: 'Open Sans', sans-serif !important;
    background-color: #F3F3F3 !important;
    font-size: 14px;
    line-height: 25px;
}

#page-wrapper {
    background: #F3F3F3;
}

@media (min-width: 768px) {
    .easy #page-wrapper {
        position: inherit;
        margin: 0 0 0 0px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.easy #header {
    width: 100%;
    position: fixed;
    z-index: 1000;
    background-color: #ffffff;
}

.easy #header.over {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.easy #page-wrapper {
    padding: 70px 40px 0 0;
}

.easy #page-wrapper {
    min-height: auto !important;
    background-color: #ffffff;
    overflow: inherit;
}

.easy #wrapper-center {
    position: initial;
    margin-left: 30px;
    width: auto;
}

body.fixmenu__on .easy #wrapper-center {
    position: initial;
    margin-left: 230px;
    width: auto;
}

.page-head-line {
    border-bottom: 2px solid #6ebb20;
}

.page-subhead-line {
    border-bottom: 1px dashed #6ebb20;
}

ul,
ol {
    list-style: none;
}

.easy h1 {
    font-size: 30px;
}

.easy a {
    color: #337ab7;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    text-shadow: none;
}

.easy .page-header {
    margin: 10px 0px 10px;
}

.easy .panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.easy .panel-primary {
    border-color: #337ab7;
}

.easy .profile_info {
    padding: 25px 15px 10px;
    float: left;
    display: block;
    width: 100%;
}

.easy .profile_info span {
    font-size: 13px;
    line-height: 30px;
    color: #BAB8B8;
}

.easy .profile_info h2 {
    font-size: 14px;
    color: #222222;
    margin: 0;
    font-weight: 300;
}

.easy nav ul li ul li {
    padding-left: 0px;
}

.easy .nav-second-level li a {
    padding-left: 24px !important;
}

.easy .nav-third-level li a {
    padding-left: 48px !important;
}

.easy .right.fa.fa-caret-left {
    float: right;
}

.easy .sidebar .active>a>.right.fa.fa-caret-left:before {
    content: "\f0d7";
}

.easy .nav>li>a {
    padding: 10px 15px;
}

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

.easy .navbar-toggle:hover {
    background-color: #BAB8B8;
}

.easy .navbar-toggle .icon-bar {
    background-color: #888;
}

.easy .fast-request {
    padding: 0px 10px 0px 10px;
    margin-left: 0px;
    background-color: #EDEDED;
}

.easy .fast-request li {
    width: 14%;
}

.easy .fast-request li.header {
    width: 100%;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #d9534f;
}

.easy .fast-request li ul li {
    width: 100%;
}

.easy ul.nav span.menuCounter {
    display: none;
}

.easy .fast-request li.header span {
    font-size: 18px;
    line-height: 20px;
    color: #d9534f;
    font-weight: 400;
    margin-right: 20px;
}

.easy .fast-request a {
    color: #d9534f;
}

.easy .fast-request .col-lg-8 {
    margin-left: 0px;
}

.easy .fast-request li a {
    padding: 5px 5px 5px 10px;
    min-height: 25px;
}

.easy .fast-right li a {
    padding: 15px 5px 15px 10px;
}

.easy .sidebar {
    padding: 10px;
    margin-right: 5px;
    margin-top: 0px;
}

.easy div.error {
    display: inline-block;
    background-color: rgba(255, 0, 0, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    border-radius: 0px;
    border: 1px solid rgba(255, 255, 255, 0);
    margin: 5px 5px 5px 15px;
}

.easy div.warning {
    display: inline-block;
    background-color: rgba(240, 156, 30, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    border-radius: 0px;
    border: 1px solid rgba(255, 255, 255, 0);
    margin: 5px 5px 5px 15px;
}

.easy div.error span.error {
    color: #fff;
}

.easy div.warning span.warning {
    color: #fff;
}

.easy select {
    color: #333;
}

.easy select:focus {
    outline-style: inherit;
    box-shadow: inset 1px 1px 1px 1px rgba(49, 112, 143, 0.31);
}

.easy select.templateSelect {
    width: 100%;
}

.easy div.taskForm table.task td.taskcenter i.fa {
    color: #31708f;
}

/* table task */
.easy td.dayTasks.activeHour {
    background-color: rgba(77, 167, 77, 0.51);
    border-radius: 6px;
    border: 1px solid #fff;
    margin-top: 2px;
}

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

.easy .calendarTable.inline th.dayName,
.easy .calendarTable.inline th.dayName.activeDay {
    width: 100%;
    border-radius: 6px;
}

.easy .calendarTable.inline td.dayTasks,
.easy .calendarTable.inline td.day.day.activeDay,
.easy .calendarTable.inline td.day.day {
    width: 320px;
}

.easy th.dayName.activeDay,
.easy .queueEnvelope label.envelopeLabel,
.easy .teamChatInternalEnvelope label.envelopeLabel {
    border: 1px solid #3E81C1;
    min-height: 15px;
    min-width: 60px;
    padding: 11px;
    background-color: #afd8f8;
    display: block;
    font-size: 12px;
    text-align: center;
    color: #333;
}

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

.easy .queueEnvelope label.envelopeLabel,
.easy .teamChatInternalEnvelope label.envelopeLabel {
    border-radius: 6px;
    text-shadow: none;
}

.easy div.messagesBox i.fa.fa-cogs,
.easy div.messagesBox i.fa.fa-cog {
    opacity: 0.2;
}

.easy div.messagesBox i.fa.fa-cogs.active,
.easy div.messagesBox i.fa.fa-cog.active {
    opacity: 1;
}

.easy .userQueueTasksFull .queueTask {
    cursor: pointer;
    display: block;
    float: left;
    width: auto;
    padding: 3px;
    border: 1px solid #337ab7;
    border-radius: 8px;
    background-color: #ffffff;
    color: #3e81c1;
    margin: 1px;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

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

.easy td.dayTasks {
    display: inline-block;
    background-color: #fff;
    min-height: 20px;
    height: 100%
}

.easy span.shift {
    padding: 0px 5px;
}

.easy span.shift:hover {
    cursor: pointer;
}

.easy span.shiftPlus {
    padding: 0px 0px 0px 5px;
    font-size: 12px;
}

.easy span.shiftCreate {
    padding: 0px 0px 0px 5px;
    font-size: 12px;
    cursor: pointer;
}

.easy span.calendarWeek {
    padding: 0px 0px 0px 5px;
    font-size: 12px;
}

.easy span.calendarDay {
    padding: 0px 0px 0px 5px;
    font-size: 12px;
}

.easy span.shiftMinus {
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}

.easy span.shiftPlus:hover {
    cursor: pointer;
}

.easy span.shiftMinus:hover {
    cursor: pointer;
}

.easy span.calendarWeek {
    cursor: pointer;
}

.easy span.calendarDay {
    cursor: pointer;
}

.easy #shiftMiniSelect {
    position: absolute;
    opacity: 0;
}

.easy .shiftMiniSelect {
    background-color: #3E81C1;
    color: #333;
    padding: 5px;
    font-size: 12px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.easy .shiftMiniSelect .selectShift {
    padding: 3px;
}

.easy .shiftMiniSelect .selectShift:hover {
    padding: 3px;
    color: #3E81C1;
    background-color: #FFFFFF;
    cursor: pointer;
}

.easy #shiftMiniEdit {
    position: absolute;
    opacity: 0;
}

.easy .shiftMiniEdit {
    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;
}

.easy .shiftMiniEdit .selectShift {
    padding: 3px;
}

.easy .shiftMiniEdit .selectShift:hover {
    padding: 3px;
    color: #3E81C1;
    background-color: #FFFFFF;
    cursor: pointer;
}

.easy .miniSubmit,
.easy .miniCancel {
    padding: 3px 0px;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 3px;
    display: inline-block;
    width: 40%;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #3E81C1;
}

.easy .miniSubmit:hover,
.easy .miniCancel:hover {
    background-color: #000;
    color: #3E81C1;
}

.easy .taskStatusEnvelope .taskInput {
    display: inline-block;
    margin-left: 10px;
    border-radius: 4px;
    margin-bottom: 0px;
    width: 50%;
    padding: 1px 1px 1px 1px;
    text-align: right;
    margin-right: 5px;
}

.easy .taskStatusEnvelope .taskStatus {
    display: inline-block;
    height: 30px;
    margin-left: 10px;
    color: #000;
    padding: 2px 10px;
}

.easy .taskStatusEnvelope .statusSaveButton {
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

.easy .taskStatusEnvelope .taskInput:focus,
.easy .taskStatusEnvelope .taskInput:hover,
.easy .chatInternal .answerBox .chatAnswerInput:active,
.easy .chatInternal .answerBox .chatAnswerInput:focus {
    outline: none;
    border: 1px solid #458dd3;
}

.easy .taskEmails .newEmailBox .chatAnswerInput:active,
.easy .taskEmails .newEmailBox .chatAnswerInput:focus {
    outline: none;
    border: 1px solid #458dd3;
}

.easy .taskStatusEnvelope span.statusSaveButton .fa {
    color: #5cb85c;
}

easy .taskStatusEnvelope span.statusSaveButton:hover .fa {
    color: #449d44;
}

.easy .taskStatusEnvelope {
    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);
}

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

.easy .queue .queueTask .likeInput.wide {
    display: inline-block;
    padding: 2px 5px 2px 5px;
}

.easy .queue .queueTask .taskFieldBox.maximized {
    border-bottom: 1px solid #fff;
}

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

.easy .chatInternal .answerBox .chatAnswerInput {
    width: 100%;
    height: 40px;
    float: left;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #fff;
    margin-right: 3px;
    resize: vertical;
    padding: 4px;
    color: #000;
    font-size: 14px;
}

.easy .chatInternal .answerBox .chatAnswerButton {
    font-size: 10px;
    color: #fff;
    padding: 4px 3px;
    vertical-align: top;
    background-color: #5bc0de;
    border: 1px solid #46b8da;
    border-radius: 5px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-top: 5px;
    cursor: pointer;
    width: 20%;
    height: 30px;
}

.easy .chatInternal .answerBox .chatAnswerButton:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}



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

.easy .taskEmails .newEmailBox .emailInput {
    width: 100%;
    height: 40px;
    float: left;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #fff;
    margin-right: 3px;
    resize: vertical;
    padding: 4px;
    color: #000;
    font-size: 14px;
}

.easy .taskEmails .newEmailBox .newEmailButton {
    font-size: 10px;
    color: #fff;
    padding: 4px 3px;
    vertical-align: top;
    background-color: #5bc0de;
    border: 1px solid #46b8da;
    border-radius: 5px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-top: 5px;
    cursor: pointer;
    width: 20%;
    height: 30px;
}

.easy .taskEmails .newEmailBox .newEmailButton:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}


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

.easy .taskAttachments .newAttachmentBox .attachmentInput {
    width: 100%;
    height: 40px;
    float: left;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #fff;
    margin-right: 3px;
    resize: vertical;
    padding: 4px;
    color: #000;
    font-size: 14px;
}

.easy .taskAttachments .newAttachmentBox .attachmentButton {
    font-size: 10px;
    color: #fff;
    padding: 4px 3px;
    vertical-align: top;
    background-color: #5bc0de;
    border: 1px solid #46b8da;
    border-radius: 5px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-top: 5px;
    cursor: pointer;
    width: 20%;
    height: 30px;
}

.easy .taskAttachments .newAttachmentBox .attachmentButton:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.easy .independentSelect {
    width: 40%;
    display: block;
    background-color: transparent;
    color: #000;
    font-size: 14px;
    margin-bottom: 20px;
}

.easy table.calendarTable.week th.dayName.activeDay,
.easy table.calendarTable.mrazek th.dayName.activeDay {
    display: inline-block;
}

.easy table.calendarTable.week td.dayTasks,
.easy table.calendarTable.mrazek td.dayTasks {
    width: calc((100% / 7) - 25px);
}

.easy .dayTasks .queueTask.user.weekCalendar {
    color: #333;
    border: none;
    background-color: #afd8f8;
    border-radius: 2px;
    margin: 1px;
    padding: 2px 5px 2px 5px;
    text-align: left;
    float: left;
    cursor: pointer;
}

.easy .dayTasks .queueTask.user.weekCalendar:hover {
    color: #f95d5d;
}

.easy div.calHeader1 {
    display: block;
}

.easy div.calHeader1 div.dayName,
.easy div.calHeader1 div.date {
    display: inline-block;
    font-weight: 700;
}

.easy div.calHeader1 div.dayName {
    padding-right: 5px;
}

.easy table.calendarTable.week,
.easy table.calendarTable.mrazek {
    position: relative;
}

/*================================
ASIDE-LEFT
================================*/
.easy #aside-left {
    margin-top: 20px;
}

/*================================
WRAPPER CENTER
================================*/
.easy #wrapper-center .row {
    padding: 0px 0px 20px 0px;
}

.easy #wrapper-center::-webkit-scrollbar {
    display: none;
}

.easy #wrapper-center .row div.boxEnvelope {
    padding-left: 0px;
    padding-right: 5px;
    position: inherit;
}

/*=================================
TICKET
=================================*/
.newTicketForm {
    max-width: 100%;
}


.easy .openclosebox.closed .fa-plus-circle .label,
.easy .openclosebox.open .fa-minus-circle .label {
    color: #31708f;
}

.easy .openclosebox.closed .fa-plus-circle:before,
.easy .openclosebox.open .fa-minus-circle:before {
    color: #31708f;
}

/* ====================================
butony 
=====================================*/
.easy .btn-info {
    background-color: #9bb9cd;
    border-color: #9bb9cd;
    transition: All 1s ease !important;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: 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.2);
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.easy .btn-info:hover,
.easy .btn-info:focus,
.easy .btn-info:active,
.easy .open>.dropdown-toggle.btn-info {
    background-color: #eee;
    color: #00adef;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3) !important;
}

/** new **/
.easy .btn-info.new {
    background-color: #6ebb20;
    border-color: #6ebb20;
}

.easy .btn-info.new:hover,
.easy .btn-info.new:focus,
.easy .btn-info.new.active {
    background-color: #eee;
    color: #6ebb20;
    border: 1px solid #6ebb20;
}

.easy button.btn-success span {
    color: #fff;
    opacity: 1;
    font-weight: normal;
    font-size: 14px;
    float: none;
    text-shadow: none;
}

.easy .activeButtons {
    float: left;
    padding: 10px;
    border: 1px solid #eeeeee;
    border-radius: 6px;
}

.easy .activeButtons span {
    color: #6ebb20;
    font-weight: bold;
    font-size: 14px;
}

.easy .activeButton {
    border-radius: 5px;
    padding: 5px 15px;
    background-color: rgba(0, 0, 0, 0);
    color: #71a2d3;
    border: 1px solid #71a2d3;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    margin: 5px;
    cursor: pointer;
}

.easy .activeButton:hover {
    background-color: #ffffff;
    cursor: pointer;
    color: #71a2d3;
    border: 1px solid #ffffff;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
    margin: 5px;
}

/**---**/
/** send **/
.easy .btn-info.send {
    background-color: #b8d684;
    border-color: #b8d684;
}

.easy .btn-info.send:hover,
.easy .btn-info.send:focus,
.easy .btn-info.send.active {
    background-color: #eee;
    color: #6ebb20;
}

/**---**/
/** indiv **/
.easy .btn-info.indiv {
    background-color: #f49326;
    border-color: #f49326;
}

.easy .btn-info.indiv:hover,
.easy .btn-info.indiv:focus,
.easy .btn-info.indiv.active {
    background-color: #eee;
    color: #f49326;
}

/**---**/

/** canceled **/
.easy .btn-info.canceled {
    background-color: #e6325a;
    border-color: #e6325a;
}

.easy .btn-info.canceled:hover,
.easy .btn-info.canceled:focus,
.easy .btn-info.canceled.active {
    background-color: #eee;
    color: #e6325a;
}

.easy .canceled span.menuCounter {
    color: #FFF;
}

.easy .canceled span.menuCounter:hover,
.easy .canceled span.menuCounter:focus,
.easy .canceled span.menuCounter.active {
    color: #e6325a;
}

/**---**/
/*==============================================
    MENU STYLES    
==============================================*/
.navbar-cls-top .navbar-brand {
    color: rgba(33, 51, 130, 1);
    background: #ffffff;
}

.header-left {
    color: rgba(33, 51, 130, 1);
}

.navbar-cls-top .navbar-brand:hover {
    background: rgba(33, 51, 130, 1);
    color: #fff;
}

.user-img-div {
    background-color: #4380B8;
}

.active-menu {
    background-color: #eee !important;
    color: rgba(230, 50, 90, 1) !important;
}

.active-menu-top {
    background-color: #000 !important;
}

.sidebar-collapse .nav>li>a {
    color: #fff;
    background: rgba(155, 185, 205, 1);
    text-shadow: none;
    border-bottom: 1px solid #ffffff;
}

.sidebar-collapse .nav>li>a:hover,
.sidebar-collapse .nav>li>a:focus,
.sidebar-collapse .nav>li>a:active {
    color: #213382;
}

.navbar-side {
    border: none;
    background-color: #9bb9cd;
}

.navbar-cls-top {
    background: rgba(155, 185, 205, 0.3);
    border-bottom: 2px solid rgba(230, 50, 90, 1);
}

.easy .navbar-header {
    background: transparent;
}

.easy .navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.easy .collapse.in li.active a span,
.easy .collapse.in li.active a .fa {
    color: rgba(230, 50, 90, 1);
}

@media (min-width: 1200px) {
    .easy div#aside-left.col-lg-2 {
        width: 13.66666667%;
    }
}

/* end menu */
/*==============================================
    FOOTER  STYLES    
==============================================*/
button.asc.active,
button.desc.active {
    color: #b8d684;
}

.pagination {
    color: #428bca;
}

/** panel **/
.panel-default>.panel-heading {
    color: #080808;
    background-color: #b8d684;
    border-color: #ddd;
}

#emailMessageMagic i.fa:before {
    font-size: 20px;
    color: #000000;
    transition: All 1s ease !important;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

#emailMessageMagic i.fa:hover:before {
    font-size: 30px;
}

.inputBox.emailText label {
    width: 100%;
    font-size: 16px;
    padding: 10px;
    color: #6ebb20;
    margin-top: 5px;
    margin-bottom: 0px !important;
}

.inputBox.emailText textarea {
    border: 1px solid #6ebb20;
    width: 90%;
    height: 100px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: All 1s ease !important;
    transition-property: all !important;
    transition-duration: 1s !important;
    -webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease !important;
    -o-transition: all 1s ease !important;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1) !important;
    margin-left: 10px;
}

.inputBox.emailText input {
    border: 1px solid #6ebb20;
    width: 100px;
    height: 30px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: All 1s ease !important;
    transition-property: all !important;
    transition-duration: 1s !important;
    transition-timing-function: ease !important;
    -webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease !important;
    -o-transition: all 1s ease !important;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1) !important;
    margin-left: 10px;
}

legend.description {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

/** table **/

.easy table {
    line-height: 1.42857143;
}

.easy table.editable {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    width: 100%;
    text-align: center;
}

.easy table.editable th {
    padding-left: 5px;
}

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

.easy .clickTableExtended table.editable tr td {
    border-right: 1px solid #fff;
}

.easy .clickTableExtended table.editable tr:hover {
    background-color: #3E81C1;
    color: #fff;
}

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

.easy .clickTableExtended table.editable tr:nth-of-type(odd) td {
    border-right: 1px solid rgba(0, 0, 0, 0.03);
}

.easy .clickTableExtended table.editable tr:nth-of-type(odd):hover {
    background-color: #3E81C1;
    color: #fff;
}

.easy .clickTableExtended table.editable tr.selectedRow {
    background-color: rgba(77, 167, 77, 0.51) !important;
    cursor: default;
}

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

.easy td.day.day.activeDay.past {
    border: 1px solid #fff;
    border-radius: 5px;
}

.easy td.day.day {
    border: 1px solid rgba(126, 150, 173, 0.49);
    border-radius: 5px;
}

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

.easy div.fullscreen.success {
    padding: 0px 0px 0px 5px;
}

.easy div.fullscreen.success .fa-times {
    font-size: 26px;
}

.easy div.newTasksForm {
    float: left;
}

.easy .queue .queueTask.newQueue label.wide {
    display: block;
    padding-top: 0px;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    background-color: #fff;
    color: #5cb85c;
    border-radius: 3px;
    margin-top: 3px;
}

.easy .queue .queueTask.newQueue .taskFieldBox.maximized {
    border-bottom: none;
    font-size: 13px;
    line-height: 14px;
}

.easy .queue .queueTask.newQueue .queueTaskControl .taskTag .taskInfo .likeInput,
.easy .likeinput {
    display: inline-block;
    font-size: 12px;
}

.easy div.ticketPreview {
    background-color: #d9edf7;
}

.easy div.fullscreen .closeMe {
    color: #e6325a;
}

.easy div.fullscreen .closeMe:hover {
    color: #d9534f;
}

.easy div.ticketPreview fieldset {
    border: none;
    width: 32%;
}

.easy .taskMapControl fieldset {
    border: none;
}

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

.easy div.ticketPreview div.likeInput {
    font-size: 13px;
    color: #333;
}

.easy div.ticketPreview #ticketId.likeInput {
    color: #6ebb20;
    font-weight: 700;
    font-size: 20px;
    border-bottom: 2px solid #6ebb20;
    display: table-cell;
}

.easy table.task .taskCenterForm .taskFieldBox input,
.easy table.task .taskCenterForm .taskFieldBox select,
.easy table.task .taskCenterForm .taskFieldBox textarea {
    border: 1px solid #333;
    background-color: #f9f9f9;
    color: #333;
    font-size: 12px;
    margin: 1px;
    border-radius: 5px;
}

.easy table.task span.taskId.parentId {
    background-color: #6ebb20;
    color: #fff;
    padding: 3px 6px;
}

.easy div.taskMap {
    padding-left: 10px;
    margin-top: 5px;
}

.easy div.taskForm table.task td .fa.taskButton.blink,
.easy div.taskForm table.task td .fa.taskButton.highlight {
    animation-duration: 1s;
    animation-name: none;
    animation-iteration-count: infinite;
}

.easy .taskButton.showUp.flyRight.highlight {
    color: #e6325a;
}

.easy div.taskMapControl {
    background-color: #d9edf7;
    border-radius: 5px;
    margin-top: 5px;
}

.easy div.taskMapControl fieldset div.likeInput {
    color: #e6325a;
    font-weight: 700;
}

.easy div.taskForm table.task td.taskcenter {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0);
    border-radius: 5px;
    padding: 5px;
    background-color: #d9edf7;
}

.easy div.taskForm.highlight table.task td.taskcenter {
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 5px;
    background-color: #d9edf7;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(230, 50, 90, 0.5);
    -moz-box-shadow: 0px 0px 10px 3px rgba(230, 50, 90, 0.5);
    box-shadow: 0px 0px 10px 3px rgba(230, 50, 90, 0.5);
}

.easy div.taskForm.blink table.task td.taskcenter {
    animation-duration: 1s;
    animation-name: blinkTask;
    animation-iteration-count: infinite;
}

.easy div.taskForm table.task td .fa.taskButton.blink,
.easy div.taskForm table.task td .fa.taskButton.highlight {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
}

@keyframes blink {
    from {
        color: #e6325a;
    }

    to {
        color: #4d8ecf;
    }
}


.easy div.taskCenterForm span {
    color: #31708f;
}

.easy th.dayName.activeDay,
.easy th.dayName,
.easy .queueEnvelope label.envelopeLabel,
.easy .teamChatInternalEnvelope 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;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.easy .envelopeLabel .labelTitle,
.easy table.calendarTable div.calDateSwitch {
    color: #31708f;
    font-weight: 700;
}

.easy.new-tasks div.calHeader1 div.dayName,
.easy.new-tasks div.calHeader1 div.date {
    font-weight: 700;
}

.easy .queue .queueTask.newQueue {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    border: 1px solid transparent;
    background-color: #5cb85c;
    border-radius: 5px;
    margin-bottom: 3px;
    padding: 5px;
    text-align: left;
    position: relative;
    left: 0px;
    top: 0px;
    max-height: inherit;
    overflow-y: auto;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
}

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

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

.easy .newTicketForm label {
    color: #31708f;
}

.easy 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: inline-block;
}

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


/*===============================
Fixed menu right
================================*/

.col-lg-12.padding {
    padding-right: 55px;
}

div#fixed-sidebar-right {
    position: fixed;
    right: 0;
    top: 10px;
    z-index: 9999;
}

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

div#fixed-sidebar-right ul.menu.fixed li:hover {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    width: 270px;
    cursor: pointer;
}

ul.menu.fixed li:nth-of-type(1) {
    top: 0px;
}

ul.menu.fixed li:nth-of-type(2) {
    top: 55px;
}

ul.menu.fixed li:nth-of-type(3) {
    top: 110px;
}

ul.menu.fixed li:nth-of-type(4) {
    top: 165px;
}

ul.menu.fixed li:nth-of-type(5) {
    top: 220px;
}

ul.menu.fixed li:nth-of-type(6) {
    top: 275px;
}

ul.menu.fixed li:nth-of-type(7) {
    top: 330px;
}

ul.menu.fixed li:nth-of-type(8) {
    top: 385px;
}

ul.menu.fixed li:nth-of-type(9) {
    top: 440px;
}

ul.menu.fixed li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}


/* chat */
.easy .teamChatInternal .messagesBox,
.easy .chatInternal .messagesBox {
    min-height: 20px;
    max-height: calc(100vh - 190px);
    background-color: transparent;
    border-radius: 3px;
    padding: 3px;
    margin-top: 3px;
    width: calc(100% - 7px);
}

.easy .teamChatInternal .teamChatMessage,
.easy .chatInternal .teamChatMessage {
    text-align: left;
    background-color: transparent;
    margin-bottom: 3px;
    padding: 4px;
    border-radius: 5px;
}

.easy .teamChatInternal .teamChatMessage,
.easy .chatInternal .teamChatMessage {
    background-color: transparent;
    color: #555;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    min-height: 90px;
}

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

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

.easy .teamChatInternal .teamChatMessage .messageHeader,
.easy .chatInternal .teamChatMessage .messageHeader {
    background-color: transparent;
    color: #555;
}

.easy .teamChatInternal .teamChatMessage .chatMsgIcon,
.easy .chatInternal .teamChatMessage .chatMsgIcon {
    display: block;
    padding: 0px;
    height: 50px;
    width: 50px;
    font-size: 20px;
}

.easy .teamChatInternal .teamChatMessage .chatMsgIcon.question,
.easy .chatInternal .teamChatMessage .chatMsgIcon.question {
    color: #e6325a;
    text-shadow: none;
    position: absolute;
    left: 5px;
    top: 5px;
}

.easy .teamChatInternal .teamChatMessage .chatMsgIcon.question .fa-question,
.easy .chatInternal .teamChatMessage .chatMsgIcon.question .fa-question {
    color: #fff;
    text-shadow: none;
}

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

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

.easy .teamChatInternal .teamChatMessage .message,
.easy .chatInternal .teamChatMessage .message {
    font-style: italic;
    font-size: 14px;
    line-height: 16px;
    color: #333;
}

.easy .teamChatInternal .teamChatMessage.question .message,
.easy .chatInternal .teamChatMessage.question .message {
    padding-left: 58px;
}

.easy .teamChatInternal .teamChatMessage.answer .message,
.easy .chatInternal .teamChatMessage.answer .message {
    padding-right: 58px;
}

.easy .teamChatInternal .teamChatMessage.question .messageHeaderRow1,
.easy .chatInternal .teamChatMessage.question .messageHeaderRow1 {
    padding-left: 52px;
}

.easy .teamChatInternal .teamChatMessage.answer .messageHeaderRow1,
.easy .chatInternal .teamChatMessage.answer .messageHeaderRow1 {
    padding-right: 52px;
}

.easy .teamChatInternal .teamChatMessage.question .messageHeaderRow2,
.easy .chatInternal .teamChatMessage.question .messageHeaderRow2 {
    padding-left: 52px;
}

.easy .teamChatInternal .teamChatMessage.answer .messageHeaderRow2,
.easy .chatInternal .teamChatMessage.answer .messageHeaderRow2 {
    padding-right: 52px;
}

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

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

.easy .teamChatInternal .teamChatMessage .messageHeader .date,
.easy .chatInternal .teamChatMessage .messageHeader .date {
    font-size: 10px;
    vertical-align: middle;
    cursor: default;
}

.easy .teamChatInternal .teamChatMessage .messageHeader .user,
.easy .chatInternal .teamChatMessage .messageHeader .user {
    margin-left: 5px;
    font-size: 11px;
    font-weight: bold;
    cursor: default;
    vertical-align: middle;
}

.easy .teamChatInternal .teamChatMessage .messageHeader .answerTo,
.easy .chatInternal .teamChatMessage .messageHeader .answerTo {
    display: inline-block;
    width: calc(100% - 45px);
    overflow: hidden;
    vertical-align: text-bottom;
}

.easy .teamChatInternal .teamChatMessage .messageHeader .answerTo .question,
.easy .chatInternal .teamChatMessage .messageHeader .answerTo .question {
    font-size: 12px;
    line-height: 14px;
    height: 18px;
    display: inline-block;
    width: calc(100% - 24px);
}

.easy .teamChatInternal .teamChatMessage.question .messageHeader .answerTo,
.easy .chatInternal .teamChatMessage.question .messageHeader .answerTo {
    display: none;
}

.easy .teamChatInternal .teamChatMessage .messageHeader .tictas,
.easy .chatInternal .teamChatMessage .messageHeader .tictas {
    margin-left: 0px;
}

.easy .teamChatInternal .answerBox,
.easy .chatInternal .answerBox {
    box-shadow: none;
    border: none;
}

.easy .teamChatInternal .answerBox .panel-heading,
.easy .chatInternal .answerBox .panel-heading {
    width: 100%;
    padding: 0px 10px;
    text-align: left;
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.easy .teamChatInternal .answerBox .panel-body,
.easy .chatInternal .answerBox .panel-body {
    padding: 0px;
}

.easy .teamChatInternal .answerBox .chatAnswerInput,
.easy .chatInternal .answerBox .chatAnswerInput {
    width: 100%;
    font-size: 13px;
    font-style: italic;
    color: #000;
    padding: 5px;
    background-color: transparent;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #ddd;
}

.easy .teamChatInternal .answerBox .chatAnswerInput:focus,
.easy .chatInternal .answerBox .chatAnswerInput:focus {
    width: 100%;
    font-size: 13px;
    font-style: italic;
    color: #000;
    padding: 5px;
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid #ddd;
}

.easy .teamChatInternal .answerBox .panel-footer,
.easy .chatInternal .answerBox .panel-footer {
    border: none;
    background-color: transparent;
    width: 100%;
    padding: 0px 10px;
}

.easy .teamChatInternal .answerBox .taskControlBar,
.easy .chatInternal .answerBox .taskControlBar {
    width: 100%;
}

.easy .teamChatInternal .answerBox .taskControlBar .btn-xs,
.easy .chatInternal .answerBox .taskControlBar .btn-xs {
    width: calc(50% - 10px);
    margin: 3px;
}

.easy .teamChatInternal .answerBox .taskControlBar .btn .fa,
.easy .chatInternal .answerBox .taskControlBar .btn .fa {
    font-size: 16px;
    margin-right: 3px;
}

.easy .userQueueFull .queueTaskForm {
    background-color: #3e81c1;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
}

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

.easy .userQueueFull .queueTaskForm .queueTaskControl .queueTaskFormControlIcons .fa:hover {
    position: relative;
}

.easy div.queueTaskFormControlIcons .fa-sign-out:before {
    color: #d9534f;
    padding: 3px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 4px 4px rgba(255, 255, 255, 0.3);
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.easy div.queueTaskFormControlIcons .fa-sign-out:hover {
    font-size: 20px !important;
    padding: 2px 10px !important;
}

.easy div.queueTaskFormControlIcons .fa-sign-out:hover:before {
    box-shadow: 0px 0px 6px 6px rgba(255, 255, 255, 0.6);
}

.easy div.likeInput.wide {
    cursor: not-allowed;
    opacity: .75;
}

.easy div.userQueueFull div.queueTaskControl {
    background-color: #d9edf7;
    color: #333;
    border-radius: 5px;
    text-shadow: none;
    padding: 5px 5px 5px 5px;
}

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

.easy .chatInternal.user.task.showChat label {
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
}

.easy .userQueueFull .queueTaskForm .taskFieldBox .likeInput {
    background-color: #fff;
    font-size: 13px;
    line-height: 18px;
    min-height: 18px;
    padding: 5px 10px 5px 10px;
    margin: 2px 0px 10px 2px;
    color: #3e81c1;
    height: 30px;
}

.easy #wrapper-center .row div.boxEnvelope.col-lg-3 {
    width: 48%;
}

.easy #wrapper-center .row div.boxEnvelope.col-lg-3 div.queueEnvelope {
    width: 100%;
}

.easy #wrapper-center .row div.queueEnvelope {
    width: 48%;
}

.easy.calendar-team-day #wrapper-center .row div.boxEnvelope.col-lg-3 {
    width: 100%;
}

.easy.calendar-team-day .calendarTable.inline tr.dayHour {
    display: block;
    width: 100%;
}

.easy.calendar-team-day .calendarTable.inline td.dayTasks {
    width: 97%;
}

.easy .queueTask.tooltipContent {
    color: #000;
    border: 1px solid rgb(255, 255, 255);
    background-color: #d9edf7;
    border-radius: 5px;
    margin-bottom: 3px;
    padding: 5px;
    text-align: left;
    position: absolute;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    width: 250px;
    opacity: 0;
    z-index: 9000;
}

.easy .queueTask.tooltipContent .maximized {
    max-height: 100%;
    opacity: 1;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
}

.easy .dayTasks .queueTask.user.weekCalendar.newQueue {
    color: #000;
    border: 0px solid rgb(150, 150, 150);
    background-color: #5cb85c;
    border-radius: 2px;
    margin: 1px;
    padding: 2px 5px 2px 5px;
    text-align: left;
    float: left;
    cursor: pointer;
    width: 100%;
}

.easy div#left-header.col-lg-2 {
    width: 260px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
}

.easy div#right-header.col-lg-3 {
    width: 340px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
}

.easy div#center-header.col-lg-7 {
    width: calc(100% - 260px - 340px);
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

.easy div#aside-left.col-lg-2 {
    width: 260px;
    padding-left: 0px;
    padding-right: 0px;
    position: absolute;
    left: -210px;
    background-color: #fff;
    transition: all 0.5s;
    transition-delay: 0.5s;
    z-index: 20;
}

body.fixmenu__on .easy div#aside-left.col-lg-2,
.easy div#aside-left.col-lg-2:hover {
    width: 260px;
    padding-left: 0px;
    padding-right: 0px;
    position: absolute;
    left: -5px;
    transition: all 0.5s;
    z-index: 10;
}

.easy div#aside-right.col-lg-3 {
    width: 340px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
}

.easy div#wrapper-center.col-lg-7 {
    width: calc(100% - 30px - 340px);
    padding-left: 10px;
    padding-right: 5px;
    float: left;
}

body.fixmenu__on .easy div#wrapper-center.col-lg-7 {
    width: calc(100% - 230px - 340px);
    padding-left: 30px;
    padding-right: 5px;
}

.easy div#aside-left.col-lg-2 .sidebar-nav li a .fa:first-of-type {
    position: relative;
    left: 207px;
    transition: all 0.5s;
}

.easy div#aside-left.col-lg-2 .sidebar-nav li li a .fa:first-of-type {
    position: relative;
    left: 190px;
    transition: all 0.5s;
}

.easy div#aside-left.col-lg-2 .sidebar-nav li a .fa:nth-of-type(2) {
    position: relative;
    top: 5px;
    transition: all 0.5s;
}

.easy div#aside-left.col-lg-2 .sidebar-nav li li a .fa:nth-of-type(2) {
    position: relative;
    top: 5px;
    transition: all 0.5s;
}

body.fixmenu__on .easy div#aside-left.col-lg-2 .sidebar-nav li a .fa:first-of-type,
.easy div#aside-left.col-lg-2:hover .sidebar-nav li a .fa:first-of-type {
    position: relative;
    left: 0px;
    transition: all 0.5s;
}

body.fixmenu__on .easy div#aside-left.col-lg-2 .sidebar-nav li li a .fa:first-of-type,
.easy div#aside-left.col-lg-2:hover .sidebar-nav li li a .fa:first-of-type {
    position: relative;
    left: 0px;
    transition: all 0.5s;
}

.appHealthButton {
    padding-right: 10px;
    cursor: pointer;
}

.actionWindow.appHealth {
    position: fixed;
    height: 50vh;
    z-index: 1000;
    top: 50px;
    left: 100px;
    background-color: white;
    border: 2px solid #337abc;
    display: inline-block;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.2);
}

.actionWindow.appHealth .row.emptyRow {
    display: block;
    margin: 0px;
    padding: 0px;
    height: calc(100% - 55px);
}

.actionWindow.appHealth .rowActionLabel {
    background-color: #b93434;
    color: #fff;
    padding: 5px 30px 5px 10px;
}

.actionWindow.appHealth .closeButton {
    position: absolute;
    top: -2px;
    right: -7px;
    padding: 2px 10px;
}

.actionWindow.appHealth .dataRowBox {
    padding: 20px;
    display: block;
    height: calc(100% - 30px);
    overflow: auto;
}

.appHealth table {
    background-color: #eaeaea;
    font-size: 12px;
}

.appHealth table th {
    padding: 3px 10px;
    background-color: #3e81c1;
    color: #fff;
    font-size: 14px;
}

.appHealth table td {
    background-color: #3e81c1;
    color: #fff;
    padding: 3px 15px;
}

.appHealth table td.right {
    text-align: right;
}

.appHealth table td.spacer {
    background-color: #fff;
}

.appHealth .actionButtons {
    text-align: right;
    padding: 5px 30px;
}

.appHealth .actionButtons a.btn {
    padding: 10px 20px;
}

/* newMenu */

.easy nav ul li ul li {
    padding-left: 0px;
    transition: all 0.5s;
}

.easy .sidebar.newMenu .nav-second-level li a {
    padding-left: 24px !important;
    transition: all 0.5s;
}

.easy .sidebar.newMenu .nav-third-level li a {
    padding-left: 34px !important;
    transition: all 0.5s;
}

.sidebar.newMenu .nav-first-level {
    transition: all 0.5s;
}

.sidebar.newMenu .nav-second-level>li>a {
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    transition: all 0.5s;
}

.sidebar.newMenu .nav-second-level>li.menuItem>a {
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    transition: all 0.5s;
}

.sidebar.newMenu .nav-second-level>li.menuSubgroup>a.menuSubgroupItem {
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    transition: all 0.5s;
}

.sidebar.newMenu .nav-third-level>li>a {
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    transition: all 0.5s;
}

.sidebar.newMenu .nav-third-level>li.menuItem>a {
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    transition: all 0.5s;
}

.sidebar.newMenu li.menuGroup.active .nav-second-level>li>a {
    height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.5s;
}

.sidebar.newMenu li.menuSubgroup.active .nav-third-level>li>a {
    height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuItem {
    position: relative;
    display: block;
    padding: 0px 0px;
    user-select: none;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuItem.active {
    position: relative;
    display: block;
    padding: 0px 0px;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuItem > a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuItem > a:hover {
    color: #428942;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuItem.active > a {
    color: #428942;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuSubgroup {
    position: relative;
    display: block;
    padding: 0px 0px;
    cursor: default;
    user-select: none;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuSubgroup.active {
    position: relative;
    display: block;
    padding: 0px 0px;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuSubgroup .menuSubgroupItem {
    position: relative;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #3e81c1;
    background-color: #b0d7ff;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    text-shadow: none;
    user-select: none;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuSubgroup.active .menuSubgroupItem {
    position: relative;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #428942;
    background-color: #9be89b;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    text-shadow: none;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuSubgroup .menuSubgroupItem > a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuGroup {
    position: relative;
    display: block;
    padding: 0px 0px;
    cursor: default;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuGroup.active {
    position: relative;
    display: block;
    padding: 0px 0px;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuGroup .menuGroupItem {
    position: relative;
    display: block;
    padding: 5px 10px;
    color: #ffffff;
    background-color: #3e81c1;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    text-shadow: none;
    user-select: none;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuGroup.active .menuGroupItem {
    position: relative;
    display: block;
    padding: 5px 10px;
    color: #fff;
    background-color: #449d44;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    text-shadow: none;
    transition: all 0.5s;
}

.sidebar.newMenu ul li.menuGroup .menuGroupItem > a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.5s;
}

.easy .sidebar.newMenu li a .fa:nth-of-type(2) {
    position: relative;
    top: 5px;
    margin-right: 10px;
    transition: all 0.5s;
}

.easy .sidebar.newMenu .right.fa {
    float: right;
}

.sidebar.newMenu ul li.menuItem.menuAdmin > a {
    color: #d43f3a !important;
}

.page-header .menuGroup i.fa.spacer {
    margin-left: 10px;
    margin-right: 10px;
}

span.headerUserNameNew {
    margin-right: 10px;
}

.page-header .teamSwitch .teamSwitchLabel {
    display: block;
}

.page-header .teamSwitch .teamSwitchLabel .fa.fa-caret-down {
    position: absolute;
    right: 10px;
    top: 3px;
}

.page-header .teamSwitch .teamSwitchLabel .fa.fa-caret-up {
    display: none;
}

.page-header .teamSwitch.active .teamSwitchLabel .fa.fa-caret-down {
    display: none;
}

.page-header .teamSwitch.active .teamSwitchLabel .fa.fa-caret-up {
    position: absolute;
    right: 10px;
    top: 3px;
    display: inline-block;
}

.page-header .teamSwitch {
    width: 230px;
    display: inline-block;
    background-color: #4282be;
    color: #fff;
    padding: 0px 10px 0px 10px;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.page-header .teamSwitch .teamSwitchItemBox {
    display: none;
}

.page-header .teamSwitch.active .teamSwitchItemBox {
    display: inline-block;
    width: 230px;
    position: absolute;
    left: 0px;
    top: 20px;
    background-color: #5798d9;
    border-radius: 5px;
    padding: 5px 10px;
    z-index: 100;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    border: 1px solid #fff;
}

.page-header .teamSwitch .teamSwitchItem a {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}

.page-header .teamSwitch .teamSwitchItem a:hover {
    background-color: #fff;
    color: #4282be;
    text-decoration: none;
}

.page-header .favouriteButton {
    cursor: pointer;
    padding: 0px 0px;
} 

.page-header .favouriteButton .fa-star-o {
    display: inline-block;
} 

.page-header .favouriteButton .fa-star {
    display: none;
} 

.page-header .favouriteButton.active .fa-star-o {
    display: none;
} 

.page-header .favouriteButton.active .fa-star {
    display: inline-block;
} 

.menuFavouritiesVisibilitySwitch {
    display: block;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

button.menuFavouritiesButton {
    border: 1px solid #3e81c1;
    background-color: #3e81c1;
    width: 220px;
    cursor: pointer;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    border-radius: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
}

button.menuFavouritiesButton.active {
    border: 1px solid #449d44;
    background-color: #449d44;
}


button.menuFavouritiesButton .fa-toggle-on {
    display: none;
}

button.menuFavouritiesButton .fa-toggle-off {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 6px;
}

button.menuFavouritiesButton.active .fa-toggle-on {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 6px;
}

button.menuFavouritiesButton.active .fa-toggle-off {
    display: none;
}