/* General */
.clickable-item {
  cursor: pointer;
}
.text-bold {
  font-weight: bold;
}
/* Portlet */
.portlet.light > .portlet-title .inputs.inputs-full-width {
  display: block;
  float: none;
}
/* Tree */
.tree-item-icon-color {
  color: #dfba49;
}
.page-sidebar .page-sidebar-menu > li > a > i.fa,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.fa {
  margin-left: 1px;
  margin-right: 4px;
  top: 3px;
}
/* Forms */
.form-group.form-md-line-input.no-hint {
  margin-bottom: 15px;
}
.form-group.form-md-line-input.has-error .form-control {
  border-bottom-color: red;
}
.form-group.form-md-line-input.has-error .help-block-info {
  display: none;
}
/* jTable */
.jtable-main-container {
  overflow-x: auto;
}
.jtable-main-container .jtable .jtable-column-header {
  height: 32px;
}
.jtable-main-container .jtable .jtable-data-row td {
  height: 32px;
}
.jtable-main-container .jtable-bottom-panel select {
  color: black;
}
/* DateRangePicker */
.daterangepicker_input .input-mini {
  width: 140px !important;
}
/* Portlets */
.portlet.light > .portlet-title.portlet-title-filter {
  border: none;
  margin-bottom: 0;
}
/* Buttons */
button i {
  margin-right: 5px;
}
.btn + .btn {
  margin-left: 5px;
}
/* External Login */
.social-icons li .openidconnect,
.social-login-icon.openidconnect {
  background: url(../Images/open-id-connect.png) no-repeat;
}
.social-icons li .adfs,
.social-login-icon.adfs {
  background: url(../Images/ws-federation.png) no-repeat;
}
/* fix for issue #185 */
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
/* Make user menu wider */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  width: 250px;
}
/* Fix for issue #407 */
br {
  font-family: Verdana;
}
.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .submenu {
  background-color: #536470 !important;
}
#RecentlyUsedLinkedUsers a::after {
  content: '' !important;
}
/* newgang */
.page-header .top-menu .quick-sidebar-toggler > .dropdown-toggle {
    padding: 19px 10px 10px 10px !important;
}

.page-header .top-menu .quick-sidebar-toggler > .dropdown-toggle i {
    top: 0px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #999999;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.pagination > li > a,
.pagination > li > span {
    padding: 4px 12px;
}

.portlet.box.grey-cararra > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon.png);
}

.form .form-section {
    border-bottom: 1px solid #ddd;
}

.portlet.box > .portlet-title > .tools > a.fullscreen {
    color: #acacac;
}

.control-label .required,
.form-group .required:before {
    content: "*";
    color: red;
    margin-right: 5px;
    vertical-align: top;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
}

.control-label .required,
.form-group .required {
    font-size: 14px;
}

.errortips {
    position: relative;
}

@media (min-width: 350px) {
    .inputError {
        display: block;
        padding: 2px;
        position: absolute;
        z-index: 10;
        right: 35px;
        top: -10px;
        font-size: 11px;
        line-height: 16px;
        color: #fff;
        background-color: #cc2828;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        font-weight: normal;
    }

        .inputError:after {
            content: ' ';
            display: block;
            position: absolute;
            border: 5px solid transparent;
            border-top-color: #cc2828;
            right: 10px;
            top: 20px;
        }

    .inputErrorLeft {
        display: block;
        padding: 2px;
        position: absolute;
        z-index: 10;
        left: 0px;
        top: -25px;
        font-size: 11px;
        line-height: 16px;
        color: #fff;
        background-color: #cc2828;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        font-weight: normal;
    }

        .inputErrorLeft:after {
            content: ' ';
            display: block;
            position: absolute;
            border: 5px solid transparent;
            border-top-color: #cc2828;
            left: 10px;
            top: 20px;
        }

    .inputErrorForField {
        display: block;
        padding: 2px;
        position: absolute;
        z-index: 10;
        left: 10px;
        top: 90px;
        font-size: 11px;
        line-height: 16px;
        color: #fff;
        background-color: #cc2828;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        font-weight: normal;
        display: none;
    }

        .inputErrorForField:after {
            content: ' ';
            display: block;
            position: absolute;
            border: 5px solid transparent;
            border-top-color: #cc2828;
            left: 5px;
            top: 19px;
        }
}

@media (max-width: 350px) {
    .inputError {
        font-size: 11px;
    }

    .inputErrorLeft {
        font-size: 11px;
    }

    .inputErrorForField {
        font-size: 11px;
        color: red;
        display: none;
    }
}

.gridoddcolor {
    background: #ffffff;
}

.popoverTipIcon {
    position: absolute;
    display: block;
    right: -5px;
    top: 8px;
    cursor: pointer;
    font-size: initial;
}

div.gridCellText {
    position: relative;
}

.gridCellText .row-actions {
    position: absolute;
    right: 0;
    line-height: 20px;
}

.dx-selection a {
    color: deepskyblue;
}

.dx-texteditor {
    border: 1px solid #c2cad8;
}

.swal-overlay {
    z-index: 20000;
}

.meetingIcon {
    background: url("../images/meetingIcon.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 21px;
    width: 50px;
    background-size: 63px 231px;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    margin: 0px 20px 0 0;
}

    .meetingIcon.icon1 {
        background-position: 0 0;
    }

    .meetingIcon.icon2 {
        background-position: 0 -30px;
    }

    .meetingIcon.icon3 {
        background-position: 0 -60px;
    }

    .meetingIcon.icon4 {
        background-position: 0 -90px;
        width: 63px;
    }

    .meetingIcon.icon5 {
        background-position: 0 -120px;
        width: 63px;
    }

    .meetingIcon.icon6 {
        background-position: 0 -150px;
    }

    .meetingIcon.icon7 {
        background-position: 0 -180px;
    }

    .meetingIcon.icon8 {
        background-position: 0 -210px;
    }

.chat-form .btn-cont {
    margin-top: -51px;
}
.page-title {
    margin: -15px 0 10px;
}
.pagetitle-pagination {
    text-align: center;
}

    .pagetitle-pagination .pagination {
        margin: 0;
    }

    .pagetitle-pagination > .pagination > li > a {
        margin: 0 3px;
        border: none;
        background: #ddd;
        color: #666;
    }

        .pagetitle-pagination > .pagination > li > a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #3598DC;
        }

    .pagetitle-pagination > .pagination > .disabled > a {
        background-color: #3598DC;
        color: #fff;
    }

    .pagetitle-pagination.pagination-rounded > .pagination > li > a {
        border-radius: 50% !important;
    }

.appointment-preview > div:first-child {
    font-size: 14px;
    white-space: normal;
}

.appointment-preview > div:not(:first-child) {
    font-size: 12px;
    white-space: normal;
}

.appointment-preview .allday{
    color: #333333;
}

.tooltip-preview {
    font-size: 14px;
    text-align: center;
}

.mt-element-list .list-todo.mt-list-container {
    border: 0
}
    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item {
        border-bottom: 0;
        padding: 0px;
    }
        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list {
            border: 0
        }
            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content {
                padding: 0 15px 0 35px;
            }

.mt-element-ribbon .ribbon.ribbon-vertical-left {
    margin: -2px 5px 0 0px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.griddropmenu {
    overflow: visible !important;
}

.timeline {
    margin: 0 0 0px;
}
    .timeline:before {
        margin-left: 28px;
    }
    .timeline .timeline-badge-userpic {
        width: 60px;
    }
    .timeline .timeline-body {
        padding: 10px 10px 0px 10px;
        margin-left: 90px;
        margin-top: 10px;
    }

.comment_wrap {
    position: absolute;
    right: 50px;
    top: 20px;
    height: 40px;
    line-height: 36px;
    padding: 0 20px;
    transform: rotate(-8deg);
    border: 2px solid rgba(202,12,22,.4);
    font-size: 0;
}
    .comment_wrap em, .comment_wrap span {
        display: inline-block;
        vertical-align: middle;
        font-size: 22px;
        color: rgba(202,12,22,.4);
    }

.ui-autocomplete{
    z-index: 100050;
}

.dx-scheduler-appointment.dx-state-hover {
    z-index: 1;
}

.tools .bootpag .prev, .tools .bootpag .next {
    display: none;
}

.dx-scheduler-work-space{
    float:none;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
    position: inherit;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody {
    display: block;
}