/*Loader*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('fonts/glyphicons-halflings-regular.eot');
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded- opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

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

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

@-moz-keyframes clockwise {
    0% {
        -moz-transform: rotate(-45deg);
    }

    100% {
        -moz-transform: rotate(315deg);
    }
}

@keyframes clockwise {
    0% {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -moz-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        -o-transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }
}

@-webkit-keyframes not-clockwise {
    0% {
        -webkit-transform: rotate(45deg);
    }

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

@-moz-keyframes not-clockwise {
    0% {
        -moz-transform: rotate(45deg);
    }

    100% {
        -moz-transform: rotate(-315deg);
    }
}

@keyframes not-clockwise {
    0% {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    100% {
        -moz-transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        -o-transform: rotate(-315deg);
        -webkit-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
}

@-webkit-keyframes lt {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    76% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes lt {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    76% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

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

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    76% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

#context-menu {
    right: 0px !important;
}

.no-border-k-editor iframe {
    border: none !important;
}

.no-border-k-editor table {
    background: none !important;
    border: none !important;
}


.in-mailbox-panel-k-upload div.k-upload-sync {
    border-radius: 0px 0px 3px 3px;
    border-top: none;
}

.br0 > div.k-upload-sync {
    border-radius: 0px;
    border-top: none;
}

.in-mailbox-panel-write textarea {
    border-radius: 3px 3px 0px 0px;
    padding-right: 45px;
    resize: none;
    width: none;
}

.in-mailbox-panel-write-container {
    position: relative;
    right: 30px;
    top: 70px;
}

div.spaTime {
    font-size: 12px;
}

    div .spaTime span:first-child {
        background-color: white;
    }


div.slaWarning span:first-child {
    background-color: yellow;
}

div.slaDue span:first-child {
    background-color: red;
    color: #FFF;
}

div.spaTime span:first-child {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border: 1px solid #DADADA;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    display: inline-block;
    padding: 2px 5px;
}

div.spaTime span:last-child {
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #EAEAEA;
    border: 1px solid #DADADA;
    border-bottom-right-radius: 5px;
    border-left: 0px;
    border-top-right-radius: 5px;
    font-weight: bold;
    height: 30px;
    padding: 3px 5px 4px 5px;
    text-align: center;
}

#box {
}

.opacity05 {
    opacity: 0.5;
}

.pt25 {
    padding-top: 25px;
}

.pb25 {
    padding-bottom: 25px;
}

.attachment-list {
    max-height: 200px;
    overflow: auto;
}

.boxWithTriangle::before,
.boxWithTriangle::after {
    border-color: transparent;
    border-style: solid;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}

.boxWithTriangle::before {
    border-right-color: #ccc;
    border-top-color: #ccc;
    border-width: 1.5em;
}

.boxWithTriangle::after {
    border-radius: 0.4em;
    border-right-color: #0c0;
    border-top-color: #0c0;
    border-width: 1.35em;
}

.k-grid-content-expander {
    position: relative !important;
}

.loading {
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    font-size: 0;
    margin: 60px auto;
    position: relative;
    transform-origin: 50% 50%;
    width: 148px;
}

    .loading:before {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 12px solid #e5e5e5;
        border-radius: 100%;
        box-sizing: border-box;
        content: '';
        height: 80px;
        left: 0;
        position: absolute;
        top: 0;
        width: 80px;
        z-index: 0;
    }

    .loading:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 12px solid #e5e5e5;
        border-radius: 100%;
        box-sizing: border-box;
        content: '';
        height: 80px;
        position: absolute;
        right: 0;
        top: 0;
        width: 80px;
        z-index: 0;
    }

.box, .lt, .rt, .lb, .rb {
    display: inline-block;
    height: 40px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    width: 80px;
}

    .box:before, .lt:before, .rt:before, .lb:before, .rb:before {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom: 12px solid transparent;
        border-left: 12px solid transparent;
        border-radius: 100%;
        border-right: 12px solid transparent;
        border-top: 12px solid #217dbb;
        box-sizing: border-box;
        content: '';
        height: 80px;
        position: absolute;
        width: 80px;
    }

.lt {
    -moz-animation: lt 2s linear -2000ms infinite;
    -webkit-animation: lt 2s linear -2000ms infinite;
    animation: lt 2s linear -2000ms infinite;
    margin-right: -12px;
    z-index: 1;
}

    .lt:before {
        -moz-animation: not-clockwise 1s linear infinite;
        -webkit-animation: not-clockwise 1s linear infinite;
        animation: not-clockwise 1s linear infinite;
        left: 0;
        top: 0;
    }

.rt {
    -moz-animation: lt 2s linear -1000ms infinite;
    -webkit-animation: lt 2s linear -1000ms infinite;
    animation: lt 2s linear -1000ms infinite;
    z-index: 1;
}

    .rt:before {
        -moz-animation: clockwise 1s linear infinite;
        -webkit-animation: clockwise 1s linear infinite;
        animation: clockwise 1s linear infinite;
        right: 0;
        top: 0;
    }

.lb {
    -moz-animation: lt 2s linear -1500ms infinite;
    -webkit-animation: lt 2s linear -1500ms infinite;
    animation: lt 2s linear -1500ms infinite;
    margin-right: -12px;
    z-index: 1;
}

    .lb:before {
        -moz-animation: not-clockwise 1s linear infinite;
        -webkit-animation: not-clockwise 1s linear infinite;
        animation: not-clockwise 1s linear infinite;
        bottom: 0;
        left: 0;
    }

.rb {
    -moz-animation: lt 2s linear -500ms infinite;
    -webkit-animation: lt 2s linear -500ms infinite;
    animation: lt 2s linear -500ms infinite;
    z-index: 1;
}

    .rb:before {
        -moz-animation: clockwise 1s linear infinite;
        -webkit-animation: clockwise 1s linear infinite;
        animation: clockwise 1s linear infinite;
        bottom: 0;
        right: 0;
    }


input[type="checkbox"]#spin {
    cursor: pointer;
    margin: 1em 0 1em 1em;
}

    input[type="checkbox"]#spin:checked ~ .container {
        -moz-animation: clockwise 6s linear infinite;
        -webkit-animation: clockwise 6s linear infinite;
        animation: clockwise 6s linear infinite;
    }

.loading-container {
    left: 50%;
    margin-left: -80px;
    margin-top: -100px;
    position: absolute;
    top: 50%;
}

/*End loader*/

#topnav.navbar-default .navbar-brand {
    background: url("../img/avalon-logo.png") no-repeat -35px bottom;
}

#topnav .navbar-brand {
    background: url("../img/avalon-logo.png") no-repeat -35px top;
}

body.topnav-collapsed #topnav.navbar-default .navbar-brand {
    background: url("../img/avalon-logo.png") no-repeat 0px bottom;
}

body.topnav-collapsed #topnav .navbar-brand {
    background: url("../img/avalon-logo.png") no-repeat 0px top;
}


.overview-grid button {
    height: 18px;
    padding: 1px 5px;
}

    .overview-grid button i {
        font-size: 14px;
    }

.ovevriew-grid td {
    font-size: 13px;
    padding-bottom: 0;
    padding-top: 0;
}

.overview-grid th {
    padding-bottom: 2px;
    padding-top: 3px;
    text-overflow: clip !important;
}

.custom-popover {
    font-size: 1.5rem;
}

    .custom-popover > div:first-child {
        border-radius: 3px 3px 0 0;
        border-top: none;
        margin-top: -6px;
    }

.popover-custom-header {
    background-color: #fafbfc;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-bottom: 15px;
    margin-left: -8px;
    margin-right: -9px;
    margin-top: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 5px;
}

.popover-footer {
    background-color: #fafbfc;
    border-top: 1px solid #ebebeb;
    font-size: 1.5rem;
    margin: 15px -9px -5px -8px;
    padding: 5px 15px;
    text-align: center;
}

.floatLeft {
    float: left;
}

.myspark-container {
}

    .myspark-container :last-child {
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-topleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .myspark-container :first-child {
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-topright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-right: none;
        border-top-right-radius: 3px;
    }

.myspark {
    background-color: #f2f5f7;
    border-right: 1px dotted #DEE3E7;
    display: flex;
    float: right;
    height: 54px;
    padding: 0 10px;
}

.myspark-info {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-right: 15px;
}

.myspark-info-number {
    color: #555;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin: -3px 0 0;
    padding: 0;
    text-transform: uppercase;
}

.myspark-graph {
    padding-top: 5px;
}

    .myspark-graph canvas {
        height: 42px !important;
        width: 75px !important;
    }

.myspark-graph1 canvas {
    height: 20px !important;
    margin-top: 18px;
    width: 48px !important;
}

.myspark-page-heading {
}

.searchEmailInput {
    display: inline-block;
    height: 20px;
    padding: 0 5px 0 0 !important;
    padding: 6px !important;
    width: 50%;
}

/*.searchEmailInputIcon {
    display: inline-block;
    width: 100px;
}*/

.searchEmailInputIcon > i {
    margin: 4px 5px 4px 15px !important;
}

.text-orange {
    color: orange;
}

.mt2 {
    margin-top: 2px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.myspark-page-heading h1 {
    padding-top: 7px;
}

.mb33 {
    margin-bottom: 33px;
}

.mb10 {
    margin-bottom: -15px;
}

.mb-25 {
    margin-bottom: -25px;
}

.msg p {
    font-size: 16px;
}

.myTabPanel {
    max-height: 400px;
    overflow-y: auto;
}

.modal-grid-scroll {
    max-height: 220px;
    overflow-x: auto;
}

.totals-content {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

.totals-borderContent {
    border-bottom: 1px dashed #e6e7e8;
    margin-bottom: 10px;
}

.myMessagesSectionContent {
    display: block;
    margin-right: -38px;
    /*height: 442px;*/
    overflow-y: scroll;
}

.myPersonSectionContent {
    display: block;
    overflow-y: scroll;
    width: 110%;
}

.myPersonTime {
    padding-right: 0;
}

.infinityDisabled, .infinityDisabled:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #CDD6D6 !important;
    cursor: none;
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.overview-grid .k-grid-content, .overview-grid tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-grid tr td {
    overflow: hidden !important;
}

.overview-grid .k-grid-content {
    overflow: visible;
}

.overview-grid tr td.context-menu-button {
    overflow: visible !important;
}

.overview-grid .k-grid-header {
    padding: 0 !important;
}

.modaloverview-grid tr td:last-child {
    overflow: hidden !important;
}

.leftPositionBootstrapDropDown {
    left: -113px;
}

.modalAddView {
    margin-left: 10%;
    width: 80%;
}

.modalSmallAddView {
    margin-left: 20%;
    width: 60%;
}

.modalAddView70 {
    margin-left: 15%;
    width: 70%;
}

.modalAddView20 {
    margin-left: 40%;
    min-height: 400px !important;
    width: 20%;
}

@media (min-width: 1201px) {
    .modalAddView25 {
        margin-left: 40%;
        width: 25%;
    }

    .modalAddWithAutoCompleteView {
        margin-left: 23%;
        width: 55%;
    }
}

@media (max-width: 1200px) {
    .modalAddView25xs {
        margin-left: 20%;
        width: 60%;
    }
}


@media (min-width: 1771px) {
    .modalAdd50 {
        margin-left: 30%;
        width: 40%;
    }
}

@media (min-width: 1550px) and (max-width: 1770px) {
    .modalAdd50 {
        margin-left: 23%;
        width: 55%;
    }
}

@media (min-width: 1260px) and (max-width: 1549px) {
    .modalAdd50 {
        margin-left: 20%;
        width: 60%;
    }
}

@media (max-width: 1259px) {
    .modalAdd50 {
        margin-left: 10%;
        width: 80%;
    }
}

.modalAddView55 {
    margin-left: 23%;
    width: 55%;
}

.modalAddWithAutoCompleteView {
    margin-left: 25%;
    width: 50%;
}

.modalAddWithAutoComplete-body-size {
    height: 275px;
}

.modaldialog-body-size {
    display: block;
    overflow: auto;
    max-height: calc(100vh - 204px) !important;
    position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/*koristi se za pozicioniranje slike*/

.profileImage-size, .positionCenter {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.noFloat {
    float: none;
}

.view-profileImage-size {
    max-height: 150px;
}

.view-profileImage-padding {
    padding: 15px;
}

.nav-pills {
    margin-bottom: 10px !important;
}

    .nav-pills li a {
        background-color: transparent !important;
    }

        .nav-pills li a:hover {
            background-color: #ccc !important;
        }

    .nav-pills .active > a {
        background-color: #337ab7 !important;
        color: #fff !important;
    }

    .nav-pills .active a:hover {
        background-color: #337ab7 !important;
    }

/*margine za profil leada*/

.control-spacer-vertical > div {
    margin-bottom: 15px;
}

/*obrub za box nav profilu leada*/

.object-rounded {
    border-radius: 5px;
}

/*max-width za profile*/

.control-max-width-30 {
    max-width: 35%;
}


.vcenter {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.txt-color-blueLight {
    color: #92a2a8 !important;
}

.color-blue {
    color: #3498db !important;
}

.color-green {
    color: #2ecc71 !important;
}

.color-orange {
    color: #f1c40f;
}

.color-turquoise {
    color: #5a8a82;
}

.txt-color-blueLight-medium {
    color: #92a2a8 !important;
}

.no-wrap div p:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.font-size-control {
    font-size: 14px;
}

.padding-tight {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.fullWidth {
    width: 100% !important;
}

.radioButtons {
    font-size: 14px;
}

.autocompleteWithBttns {
    border-bottom-right-radius: 0px !important;
    border-right: 0px !important;
    border-top-right-radius: 0px !important;
}

.comboboxWithBttns > span {
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    padding-bottom: 1px !important;
}

.autocompleteWithBttns input {
    margin-top: 1px !important;
    /*font-size: 11.5pt !important;*/
}


.legendRadioButtons {
    font-size: 14px;
    margin-right: 16.66666667%;
}

    .legendRadioButtons label, .radioButtons label {
        margin-bottom: 0;
        margin-left: 20px;
    }

.mt25 {
    margin-top: 25px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

@media (min-width: 768px) and (max-width: 1215px) {
    .movelabel7px {
        margin-top: 7px;
        padding-bottom: 7px;
    }
}

@media (max-width: 768px) {
    .mt7-sm {
        margin-top: 7px !important;
    }

    .mt5-sm {
        margin-top: 5px !important;
    }

    .mt20-sm {
        margin-top: 20px;
    }

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

    .mb10-sm {
        margin-bottom: 10px !important;
    }

    .mt10-sm {
        margin-top: 10px !important;
    }


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

    .fullWidth-xs {
        width: 100%;
    }

    .modalAddWithAutoCompleteView {
        margin-left: 10%;
        width: 80%;
    }

    .pl0-xs {
        padding-left: 0 !important;
    }

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

    .p0-xs {
        padding: 0 !important;
    }

    .smallNoMarginNoPadding {
        margin: 0 !important;
        padding: 0 !important;
    }

    .smallNoBottomMarginNoPadding {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .center-xs {
        float: none !important;
        text-align: center !important;
    }

    .uiAvatarLarge-xs {
        width: 100px !important;
    }

    .profile-title-width {
        width: calc(100% - 128x);
    }

    img.container {
        -ms-background-position: 50% 50%;
        -ms-background-repeat: no-repeat;
        -ms-background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 128px;
        width: 128px;
    }

    .block-xs {
        display: block !important
    }
}

@media (min-width: 768px) {
    .left7px-md {
        left: 7px;
    }

    .mt5-md, .mt5-lg {
        margin-top: 5px;
    }

    .mb0-md {
        margin-bottom: 0px;
    }

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

    .mb15-md {
        margin-bottom: 15px;
    }



    .modalAddWithAutoCompleteView {
        margin-left: 20%;
        width: 60%;
    }

    .pl5-md {
        padding-left: 5px !important;
    }



    .profile-title-width {
        width: calc(100% - 76px);
    }

    img.container {
        -ms-background-position: 50% 50%;
        -ms-background-repeat: no-repeat;
        -ms-background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 64px;
        width: 64px;
    }

    .profile-image-container {
        margin-left: 10px;
    }
}

@media (min-width: 991px) {
    .ml10-md {
        margin-left: 10px;
    }

    .pl20-md {
        padding-left: 20px !important;
    }

    .mt7--md {
        margin-top: 7px;
    }

    .mt25-md {
        margin-top: 25px
    }

    .mb10-md {
        margin-bottom: 10px !important;
    }

    .icheck-form-fix {
        margin-bottom: 25px;
        margin-top: 5px;
    }

    .mb0-lg {
        margin-bottom: 0px !important;
    }

    .mb25-md {
        margin-bottom: 25px
    }


    .pl0-md {
        padding-left: 0 !important
    }

    .pr0-md {
        padding-right: 0 !important
    }

    .mt30--md {
        margin-top: 30px;
    }

    .control-spacer-horizontal {
        margin-left: 10px;
    }

    .myPersonTime {
        padding-right: 2%;
    }

    .ml3-negative-sm {
        margin-left: -3px;
    }
}

@media (max-width: 991px) {
    .margin-profile-tight {
        margin-bottom: 10px !important;
    }

    .ml10-sm {
        margin-left: 10px !important;
    }

    .p0-sm {
        padding: 0px !important
    }

    .mt7--xs {
        margin-top: 7px
    }


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

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

    .pl0-sm {
        padding-left: 0 !important;
    }

    .pr0-sm {
        padding-right: 0 !important;
    }

    .mb20-sm {
        margin-bottom: 20px
    }
}

/*za novi izgled profila*/

.profile-module {
    border: none;
    display: none;
    padding: 22px 17px;
}

.module-list {
    min-width: 350px;
}

.img-rounded {
    border-radius: 3px;
}

.uiAvatarLarge {
    width: 56px;
}

.profileHighlightAvatar {
    margin-right: 5px;
}

.well {
    padding: 1.5em 3.5em;
}

.well, li.well {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    margin-bottom: 20px;
    min-height: 10px;
    padding: 1.5em;
    position: relative;
}

.well-item {
    background-color: #3a87ad;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.05);
    color: white;
}

.well::-webkit-scrollbar {
    display: none;
}

.bg-e6eaed {
    background-color: #e6eaed !important
}

.left-content {
    float: left;
    min-width: 300px;
}

.media:first-child {
    margin-top: 0;
}

.media, .media .media {
    margin-top: 15px;
}

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.uiEditableControls, .inline {
    display: inline;
}

.uiInlineTextInputField {
    color: inherit;
    cursor: text;
    outline: none;
}

.uiInlineTextInputPlaceholder {
    color: #b0b0b0;
    display: inline-block;
}

.profile-module .settings {
    position: absolute;
    right: 12px;
    top: 9px;
}

.profile-content {
    float: left;
    margin-left: 15px;
    max-width: 80%;
}

.font-tab-panel {
    font-size: 10px;
    padding-left: -30px;
    padding-right: -30px;
}

.tab-padding {
    padding-left: 10px;
    padding-right: 10px;
}

.transparent-panel-background {
    background-color: transparent !important;
}


@media (min-width: 1600px) {
    .myPersonTime {
        padding-right: 4%;
    }
}


/*smaller left menu*/

.static-sidebar-wrapper, .static-sidebar { /*width: 230px;*/
}

.k-grid table tr:hover td {
    cursor: pointer !important;
}

.k-grid:not(.k-timeline) tbody tr {
    font-family: 'Segoe UI';
    font-size: 12px;
    height: 30px !important;
}

/*.nav-tabs > li {
    margin-bottom: -3px !important;
}*/

.no-margin {
    margin: 0px;
}

.panel-heading .nav li {
    font-size: 9pt;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 20px;
    text-transform: uppercase;
}

.to-uppercase {
    text-transform: uppercase;
}

.to-lowercase {
    text-transform: lowercase;
}

.panel .panel-heading .nav-tabs {
    float: left;
}

@media (min-width: 1200px) {
    .col-lg-45 {
        width: 37.5%;
    }

    .col-lg-75 {
        width: 62.5%;
    }

    .col-lg-45, .col-lg-75 {
        float: left;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
    }

    .control-label-lg-right {
        padding-bottom: 7px;
        padding-top: 7px;
        text-align: right;
    }

    .control-label-left {
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .vertical-form-control-label {
        margin-bottom: 0;
        margin-bottom: 5px;
    }

    .modalAddWithAutoCompleteView {
        margin-left: 30%;
        width: 40%;
    }

    .ns-popover-tooltip-theme {
        min-width: 250px;
    }

    .pt0-lg {
        padding-top: 0 !important;
    }

    .responsiveWidth.k-numerictextbox {
        width: 25% !important;
    }
}

.fullWidth {
    width: 100% !important;
}

.responsiveWidth.k-numerictextbox {
    width: 35%;
}

/*styles for empty kedno grid*/

.no-data {
    background-color: white !important;
    text-align: center;
}

.k-grid table tr:hover td.no-data {
    background-color: white !important;
}

/*small user directive*/

img.avatar {
    height: 20px;
    margin-top: -3px;
    width: 20px;
}

img.icon {
    height: 16px;
    width: 16px;
}

#infinity-app #loading-bar .bar {
    background-color: #f3f3f4;
    height: 4px;
}

.welcome-options {
    margin-left: 0px !important;
    text-align: center !important;
}

.welcome-box {
    padding: 10px 0 !important;
    /*background-color: #34495e !important;*/
}

body {
    padding-right: 0px !important;
}

div.transparent-panel-background div.control-spacer-horizontal div.panel-body {
    -ms-border-top-left-radius: 0px;
    -ms-border-top-right-radius: 0px;
    -ms-box-shadow: 0 1px 0 0 #000000;
    -webkit-box-shadow: 0 1px 0 0 #000000;
    border: 1px solid #dadfe3;
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0 1px 0 0 #000000;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
    margin-top: -1px;
}

div.transparent-panel-background div.control-spacer-horizontal-light div.panel-body {
    -ms-border-top-left-radius: 0px;
    -ms-border-top-right-radius: 0px;
    -ms-box-shadow: 0 1px 0 0 #000000;
    -webkit-box-shadow: 0 1px 0 0 #000000;
    border: 1px solid #dadfe3;
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0 1px 0 0 #000000;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
    margin-top: -1px;
}

div.no-margin div.panel-heading {
    margin-bottom: 1px !important;
}

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

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

ul.steps li {
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 10px;
}

ul.steps li {
    color: #DADADA;
}

    ul.steps li.active {
        color: #34495e;
        font-weight: 500;
    }

    ul.steps li.finished {
        color: #34495e;
    }

    ul.steps li.error {
        color: #D8000C;
        font-weight: 500;
    }

.modal-header {
    background-color: #428bca;
}

.dialog-header-error {
    background-color: #d2322d !important;
}

.dialog-header-wait {
    background-color: #428bca;
}

.dialog-header-notify {
    background-color: #eeeeee;
}

.dialog-header-confirm {
    background-color: #333333;
}

.dialog-header-primary {
    background-color: #293a4a;
}

.dialog-header-error span, .dialog-header-error h4,
.dialog-header-wait span, .dialog-header-wait h4,
.dialog-header-confirm span, .dialog-header-confirm h4 {
    color: #ffffff;
}

h4.modal-title {
    color: #FFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

h4.text-error {
    color: #D8000C;
    font-weight: 500;
}

label.has-error {
    color: #E64433;
    font-size: 13px;
    font-weight: 500;
    padding: 0px !important;
}

.error-red {
    color: #E64433;
}

.has-error .form-control {
    border-color: #e64433 !important;
}

.has-error .k-autocomplete, .has-error .k-picker-wrap, .has-error .k-numeric-wrap, .has-error .k-dropdown-wrap {
    border-color: #E64433 !important;
}

.form-horizontal .coloredBox .form-group {
    margin-left: 0px;
    margin-right: 0px;
}


.smart-timeline {
    position: relative;
}

.smart-timeline-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    /*.smart-timeline-list:after {
        content: " ";
        background-color: #eee;
        position: absolute;
        display: block;
        width: 2px;
        top: 0;
        left: 95px;
        bottom: 0;
        z-index: 1;
    }*/

    .smart-timeline-list li {
        margin: 0;
        padding: 10px 0;
        position: relative;
    }

.smart-timeline-content p {
    margin: 0px !important;
    padding: 0px !important;
}


/*.smart-timeline-icon {
    background: #3276b1;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    width: 28px;
    height: 28px;
    line-height: 23px;
    font-size: 12px;
    text-align: center;
    left: 80px;
    top: 20px;
    z-index: 100;
    padding: 2px;
}*/

.smart-timeline-content .avatar {
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 2px;
    width: 40px;
}

.smart-timeline-content small:hover {
    cursor: pointer;
}

.smart-timeline-icon > img {
    border: 2px solid #3276b1;
    border-radius: 50%;
    height: 32px;
    margin-left: -2px;
    margin-top: -2px;
    width: 32px;
}

.smart-timeline-time {
    float: left;
    text-align: right;
    width: 70px;
}

    .smart-timeline-time > small {
        font-style: italic;
    }

/*.smart-timeline-content {
    margin-left: 123px;
}*/

.smart-timeline-history-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .smart-timeline-history-list li {
        margin: 0;
        padding: 10px 0;
        position: relative;
    }

.smart-timeline-history-content {
}

    .smart-timeline-history-content p {
        margin: 0px !important;
        padding: 0px !important;
    }

    .smart-timeline-history-content small:hover {
        cursor: pointer;
    }

    .smart-timeline-history-content .avatar {
        float: left;
        height: 25px;
        margin-right: 10px;
        margin-top: 2px;
        width: 25px;
    }

.profileImage-size {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.create-profileImage-size {
    max-height: 200px;
}

.clear {
    clear: both;
}

.drop-box-upload {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.03) !important;
    border: 3px dashed #E6EAED !important;
    margin-bottom: 20px;
    text-align: center;
}

.dragover-upload {
    border: 5px dashed blue;
}

.k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input,
.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

.alert-success-alert {
    -moz-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -o-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    background-color: #dff0d8 !important;
    border: 1px solid #d6e9c6 !important;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: #468847 !important;
    left: 50%;
    max-width: 400px;
    padding: 15px;
    position: fixed;
    text-align: center;
    top: 0px;
    transition: top 0.5s ease-out, opacity 0.2s ease-out;
    visibility: hidden;
    z-index: 9999;
}

.alert-danger-alert {
    -moz-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -o-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    background-color: #f2dede !important;
    border: 1px solid #ebccd1 !important;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: #a94442 !important;
    left: 50%;
    max-width: 400px;
    padding: 15px;
    position: fixed;
    text-align: center;
    top: 0px;
    transition: top 0.5s ease-out, opacity 0.2s ease-out;
    visibility: hidden;
    z-index: 9999;
}

.alert-warning-alert {
    -moz-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -o-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    background-color: #fcf8e3 !important;
    border: 1px solid #faebcc !important;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: #8a6d3b !important;
    left: 50%;
    max-width: 400px;
    padding: 15px;
    position: fixed;
    text-align: center;
    top: 0;
    transition: top 0.5s ease-out, opacity 0.2s ease-out;
    visibility: hidden;
    z-index: 9999;
}

.alert-info-alert {
    -moz-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -o-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    background-color: #3bbfb4 !important;
    border: 1px solid #35aca2 !important;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: #277d76 !important;
    left: 50%;
    max-width: 400px;
    padding: 15px;
    position: fixed;
    text-align: center;
    top: 0;
    transition: top 0.5s ease-out, opacity 0.2s ease-out;
    visibility: hidden;
    z-index: 9999;
}

.textDanger {
    color: #e64433;
}

.textSuccess {
    color: #25a25a;
}

.textWarning {
    color: #b8960b;
}

.textMuted {
    color: #cbd6d6;
}

.textPrimary {
    color: #3498db;
}

.demo {
    background: url(/Content/img/administracija.png) no-repeat center center;
    height: 600px;
    width: 600px;
}

.center {
    text-align: center !important;
}

.blue .active a,
.blue .active a:hover {
    background-color: blue;
}

/*breadcrumb*/

ol.breadcrumb {
    background-color: #DEE3E7 !important;
    border: 0 !important;
    display: flex;
}

.panel .panel-body.transparent-panel-background {
    padding-top: 0px;
}

div.date-header {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    color: #a0a0a0;
    list-style-type: none;
    padding: .2em .1em .2em .1em;
}

ul.activitystream {
    padding-left: 0px;
}

.ml100 {
    margin-left: 100px !important;
}

/*for removing buttons on first row and expanding textboxes*/

.k-filter-row .k-dropdown-operator {
    display: none !important;
}

.k-filtercell > span > .k-button {
    display: none !important;
}

.k-filtercell > span {
    width: 100% !important;
}

.w25 {
    width: 25%;
}

.fixStatus span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fixStatusLg span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 135px !important;
}

.flexStatus span {
    width: auto !important;
}

.fixStatusLinks span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95px;
}

.fixStatusSlaPriority span {
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 65px;
}




.fixProjectTaskPriority span {
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90px;
}

.fixStatusProjectImpact span {
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
}


.fixStatusTaskPriority {
    text-align: center;
}

    .fixStatusTaskPriority span {
        font-size: 80%;
        font-weight: bold;
    }

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m3 {
    margin: 3px;
}

.preloader {
    background-color: #eee;
    background-position: center;
    background-repeat: no-repeat;
    display: table;
    height: 100%;
    margin: 0;
    opacity: 0.5;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
}

.preloader-img {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.preloader-img-gif {
    margin-left: -260px;
    margin-top: -50px;
}

.urlLink, .urlLink:hover, .urlLink:active, .urlLink:visited {
    color: rgb(81, 89, 103);
}

.fontSize50 {
    font-size: 50px !important;
}

.fontSize40 {
    font-size: 40px !important;
}

.fontSize25 {
    font-size: 25px !important;
}

.fontSize20 {
    font-size: 20px !important;
}

.fontSize10 {
    font-size: 10px;
}

.fontSize16 {
    font-size: 16px !important;
}

.fontSize18 {
    font-size: 18px;
}

.fontSize15 {
    font-size: 15px;
}

.fontSize14 {
    font-size: 14px !important;
}

.fontSize13 {
    font-size: 13px !important;
}

.fontSize12 {
    font-size: 12px !important;
}

.fontSize8 {
    font-size: 8px;
}

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

.noBorder {
    border: 0 !important;
}

/*used for styling kendo-grid as widget*/

.widgetGrid thead th,
.widgetGrid .k-grid-pager,
.widgetGrid .k-grid-header {
    background-color: white;
    border: 0 !important;
}

.widgetGrid span .k-dropdown-wrap {
    background-color: white;
}

.widgetGrid .k-grid-header {
    border-bottom: 1px lightgray solid !important;
}

.widgetGrid .k-grid-pager {
    border-top: 1px lightgray solid !important;
}

.widgetGrid table tbody tr td {
    font-size: smaller;
}

.widgetGrid thead tr th {
    font-size: small;
}

.loader,
.loader:before,
.loader:after {
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    background: #FFF;
    height: 4em;
    width: 1em;
}

    .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .loader:before {
        -moz-animation-delay: -0.32s;
        -o-animation-delay: -0.32s;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
        left: -1.5em;
    }

.loader {
    -ms-transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    -webkit-transform: translateZ(0);
    animation-delay: -0.16s;
    font-size: 11px;
    margin: 8em auto;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
}

    .loader:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0 #FFF;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0 #FFF;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}


div.overlay {
    background: #000;
    bottom: 0px;
    left: 0px;
    opacity: .5;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 3000;
}

div.holder {
    left: 50%;
    position: fixed;
    top: 35%;
}

.bottomBorderGray {
    border-bottom: lightgray 1px solid;
}

.tile-medium {
    height: 70px !important;
    width: 110px !important;
}

.tile {
    -webkit-perspective: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .2s;
    background-color: #2e8bcc !important;
    border: 4px #fff solid;
    color: #fff !important;
    cursor: pointer;
    display: block;
    float: left;
    min-height: 75px;
    min-width: 75px;
    opacity: .75;
    text-align: center;
    z-index: 1;
}

.thumbnail {
    -webkit-transition: all .2s ease-in-out;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    display: block;
    /*padding: 4px;*/
    /*margin-bottom: 20px;*/
    line-height: 1.428571429;
    transition: all .2s ease-in-out;
}

.tiletext {
    color: #fff !important;
}

.bold {
    font-family: "Segoe ui Semibold" !important;
}



.italic {
    font-style: italic !important;
}

.positiontimeandicon {
    display: inline-block;
    vertical-align: middle;
}

.paddingLR10px {
    padding: 0 10px !important;
}

.paddingLR5px {
    padding: 0 5px !important;
}

/*Chat*/

.chat-area .chat-history {
    bottom: 130px !important;
    left: 10px !important;
    position: absolute !important;
    right: 10px !important;
    top: 120px !important;
}

/*Account settings quick fix*/

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

.chat-area .chat-input {
    bottom: 0px !important;
    position: absolute !important;
}

.border-bottom-todo {
    border-bottom-color: rgb(218, 223, 227);
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

.to-do-ul {
    height: 390px;
    overflow-y: auto;
}

.to-do-padding {
    padding: initial;
}

.to-do-no-note {
    margin-left: 40%;
    margin-top: 30%;
}

.to-do-ul-no-note {
    background-color: #FFFFFF !important;
    height: 390px;
    overflow-y: auto;
}

.delay-red {
    text-decoration-color: red;
}

.less-space-up {
    margin-top: -25px;
}

.delay-green {
    text-decoration-color: green;
}

.text-alizarin {
    color: #e36d4f;
}

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

.border-right-1 {
    border-right: 1px #DDE4E4 solid;
}

#note-editor-1, #note-editor-1:focus {
    border: 0;
}

.lco-notes-height {
    min-height: 400px;
}

.lco-notes-content-height {
    min-height: 310px;
}

.text-elipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pr-5 {
    padding-right: 5px !important;
}

.minus-p-margin {
    margin-bottom: -15px;
}

.icon-dashboard {
    color: #93a8a8;
}

#sparks {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: right;
}

    #sparks li:first-child {
        border-left: none;
        padding-left: 0;
    }

    #sparks li {
        border-left: 1px dotted #c7c7c7;
        padding: 0 10px;
    }

    #sparks li {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        display: inline-block;
        max-height: 47px;
        overflow: hidden;
        text-align: left;
    }

        #sparks li span {
            color: #636363;
            display: block;
        }

.sparks-info {
    margin-bottom: -10px;
    margin-top: -7px;
    min-width: 70px;
}

    .sparks-info span {
        font-size: 22px;
        line-height: 20px;
        margin: 0;
        text-align: right;
        text-transform: none;
    }

    .sparks-info .sparkline {
        display: block;
        float: right;
        margin: 0 0 0 20px;
    }

.txt-color-greenLight {
    color: #71843f !important;
}

.txt-color-teal {
    color: #568a89 !important;
}

.txt-color-blue {
    color: #57889c !important;
}

.txt-color-purple {
    color: #6e587a !important;
}

.txt-color-greenDark {
    color: #496949 !important;
}

.txt-color-redDark {
    color: #9d0c0a !important;
}

.txt-color-red {
    color: #e40000 !important;
}

.txt-color-yellow {
    color: #b1b100 !important;
}



.card-greenLight {
    background-color: rgb(39, 179, 85) !important;
    border-radius: 2px;
    color: white !important;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 78%;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
}

.card-purpleLight {
    background-color: rgb(216, 191, 216) !important;
    border-radius: 2px;
    color: white !important;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 78%;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
}

.card-purpleLight {
    background-color: rgb(216, 191, 216) !important;
    border-radius: 2px;
    color: white !important;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 78%;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
}

.card-red {
    background-color: rgb(178, 34, 34) !important;
    border-radius: 2px;
    color: white !important;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 78%;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
}

.card-blueLight {
    background-color: rgb(113, 160, 230) !important;
    border-radius: 2px;
    color: white !important;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 78%;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
}

.card-brown {
    background-color: rgb(181, 181, 145) !important;
    border-radius: 2px;
    color: white !important;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 78%;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
}

.card-orange {
    background-color: rgb(255, 211, 81) !important;
    border-radius: 2px;
    color: white !important;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 78%;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
}

.card-yellow {
    background-color: rgb(216, 219, 50) !important;
    border-radius: 2px;
    color: white !important;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 78%;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
}


.blue-badge {
    background: #3498db !important;
    margin-top: 8px;
}

#sparks li {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    max-height: 47px;
    overflow: hidden;
    text-align: left;
}

    #sparks li h5 {
        border: none;
        color: #555;
        float: left;
        font-size: 12px;
        font-weight: 400;
        margin: -3px 0 0 0;
        padding: 0;
    }

.width-80-percent {
    width: 70%;
}

.form-control-feedback-static {
    display: block;
    height: 34px;
    line-height: 34px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    z-index: 2;
}

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

/*.k-numeric-wrap .k-input {
    padding-bottom: 0 !important;
}*/

#total-table {
    background-color: #fff;
    border-collapse: collapse;
    margin: 8px 0;
}

    #total-table thead th.right {
        text-align: right;
    }

    #total-table > thead > tr > th,
    #total-table > tbody > tr > th,
    #total-table > thead > tr > td,
    #total-table > tbody > tr > td,
    #total-table > tfoot > tr > td {
        overflow: hidden;
        padding: 5px 7px;
        text-align: left;
        vertical-align: top;
    }

    #total-table > thead > tr > th {
        border-bottom: 1px solid #ccc;
    }

.minus-p-margin {
    margin-bottom: -15px;
}

.margin-bottom-minus-10 {
    margin-bottom: -10px;
    margin-left: -6px;
}

.margin-bottom-minus-5 {
    margin-bottom: -5px;
}


@media (max-width: 990px) {
    .showOnSmall {
        display: inline-block;
    }

    .mt7-md {
        margin-top: 7px !important;
    }

    .myPersonTime {
        padding-right: 4%;
    }

    .smart-timeline-list:after {
        background-color: #eee;
        bottom: 0;
        content: " ";
        display: block;
        left: 23px;
        position: absolute;
        top: 0;
        width: 2px;
        z-index: 1;
    }

    .smart-timeline-content {
        margin-left: 45px;
    }

    .smart-timeline-icon {
        background: #3276b1;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        height: 28px;
        left: 10px;
        line-height: 23px;
        padding: 2px;
        position: absolute;
        text-align: center;
        top: 20px;
        width: 28px;
        z-index: 100;
    }
}

@media (min-width: 990px) {
    .showOnSmall {
        display: none;
    }

    .showOnLarge {
        display: inline-block;
    }

    .pt0-md {
        padding-top: 0 !important;
    }

    .pt10-md {
        padding-top: 10px !important;
    }

    .mb--15-sm {
        margin-bottom: -15px !important;
    }

    .smart-timeline-list:after {
        background-color: #eee;
        bottom: 0;
        content: " ";
        display: block;
        left: 95px;
        position: absolute;
        top: 0;
        width: 2px;
        z-index: 1;
    }

    .smart-timeline-content {
        margin-left: 123px;
    }

    .smart-timeline-icon {
        background: #3276b1;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        height: 28px;
        left: 80px;
        line-height: 23px;
        padding: 2px;
        position: absolute;
        text-align: center;
        top: 20px;
        width: 28px;
        z-index: 100;
    }
}

/*#issue-form .form-group {
    margin-bottom: 10px;
}

#issue-form .tab-container {
    margin-top: 15px;
}*/

/*makes uiSwitch small. 
    usage: put class .mini on the container of the switch (div)
*/

.mini .switch {
    height: 20px !important;
    width: 42px !important;
}

    .mini .switch small {
        height: 20px !important;
        width: 20px !important;
    }

.niceDateOuterRim {
    -ms-border-radius: 1em;
    border: #f1f1f1 1px solid;
    border-radius: 1em;
    display: block;
    max-width: 130px;
    overflow: hidden;
    text-align: center;
}

.niceDateMonthAndYearLate {
    background-color: #611515;
    background-color: rgba(255, 0, 0, 0.3);
    color: white;
    font-weight: bold;
    text-shadow: 1px 0 0 #000000;
}

.niceDateMonthAndYear {
    background-color: rgba(0, 255, 0, 0.5);
    color: white;
    font-weight: bold;
}

@media (max-width: 768px) {
    /* xs */
    .emailContentHeight {
        max-height: 400px;
        min-height: 200px;
    }

    .padding-xs-topBottom {
        padding: 10px 0;
    }

    #choseRoleCompanies {
        display: block;
        width: 100%;
    }
}

.filemanager-hidesidebar {
    display: none;
    padding: 0;
}



.niceDateDate {
    font-family: Arial;
    font-size: 26pt;
    /*border: black 1px solid;*/
    font-weight: bold;
}

.niceDateDayWeek {
    color: rgba(0, 0, 0, 0.3);
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
}

@media (min-width: 768px) {
    /* sm */
    .emailContentHeight {
        max-height: 400px;
        min-height: 200px;
    }
}

.niceDateDayWeekBG {
    background-color: #f1f1f1;
}

.milestoneOverviewText {
    padding: 0 0 25px 0;
}




.milestoneOverviewButtons {
    margin-top: 40px;
}

.milestoneOverviewRow {
    border-bottom: #f1f1f1 1px solid;
    margin-top: 25px;
}

.linkOverviewRow {
    border-bottom: #f1f1f1 1px solid;
    margin-bottom: 10px;
}

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

@media (min-width: 1170px) {
    /* lg */
    .emailContentHeight {
        max-height: 500px;
        min-height: 300px;
    }
}


.opacityUserRoleImg {
    opacity: 0.7;
}

.roleImgOverlay {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: white;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.bgWhite {
    background-color: white;
}

.overflow {
    overflow: auto;
}

.overflow-x {
    overflow-x: auto;
}


.stageNode {
    -moz-min-width: 200px;
    -ms-border-radius: 5px;
    -ms-min-width: 200px;
    -o-min-width: 200px;
    -webkit-min-width: 200px;
    background: #f5f6f6;
    border: 1px solid #DADADA;
    border-radius: 5px;
    color: black;
    cursor: pointer;
    margin: 2px;
    max-width: 400px;
    min-width: 200px;
    padding: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    text-align: center;
}

.stageList {
    display: inline-flex;
    list-style-type: none;
}

.probability {
    border-radius: 2px;
    font-family: sans-serif;
    font-size: 11px;
    text-align: center;
}

.intl-tel-input {
    width: 100%;
}

    .intl-tel-input .selected-flag {
        height: 33px !important;
    }

    .intl-tel-input input.iti-invalid-key {
        background-color: #fbe4e2 !important;
        border-color: #e64433;
    }

.label-lost {
    background-color: #e36d4f;
    color: white;
    text-align: center;
}

.label-won {
    background-color: #2ecc71;
    color: white;
    text-align: center;
}

.hovertrash {
    background-color: #E4EEF0;
    border-color: #bdc3c7;
    color: #5f7676;
}

    .hovertrash:hover,
    .hovertrash:focus,
    .hovertrash:active,
    .hovertrash.active,
    .open .dropdown-toggle.hovertrash {
        background-color: #d2322d;
        border-color: #ac2925;
        color: #ffffff;
    }

.content-tab {
    min-height: 400px;
}

.history-width {
    width: 40px !important;
}

div.content-tab ul li.active a {
    background-color: white !important;
    color: #5F7687;
}

div.multi-step ol li:hover {
    cursor: pointer !important;
}

.margin-top7 {
    margin-top: 7px;
}

.cursorHelp {
    cursor: help;
}

.cursorPointer {
    cursor: pointer;
}

.jira-style {
    border-bottom: 1px #DDD solid;
}

a.transparent {
    color: #DADADA !important;
}

    a.transparent:hover {
        color: #333333 !important;
    }

#kanban {
    background-color: #F3F5F6;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.kanban-column-header div {
    background-color: #ffebcd;
    border: 1px #77777B solid !important;
}

.kanban-column-header span {
    background-color: #ffebcd;
    border: 1px #77777B solid !important;
}

.kanban-column-header-name {
    font-weight: bold;
}

#columns a {
    color: #5f7676;
    font-weight: 500;
}

.kanban-column {
    border-left: 1px #E8E8E8 solid !important;
}

ul.cards div.badge-div {
    margin-top: -35px;
    text-align: right;
}

.kanban-arrow-text {
    background: url('../Content/img/stage-arrow.png') no-repeat 100% 0, linear-gradient(#ffffff, #f3f5f6);
    background-color: #f3f5f6;
    background-size: 20px 100%, 100% 100%;
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    display: inline-block;
    font-size: 17px !important;
    font-weight: 600;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    min-height: 60px;
    padding-left: 10px !important;
    padding-top: 5px !important;
}

#columns {
    border-right: 1px solid #E8E8E8;
}

/*.kanban-arrow-text div {
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: normal !important;      
}*/

.column {
    padding: 0 !important;
}

.kanban-arrow-text div span {
    font-size: smaller;
    font-weight: lighter;
}

.kanban-arrow-text-deals {
    color: #B5B8BC;
    font-size: x-small;
    font-weight: lighter;
}

/*.kanban-opportunity-value div a {
    color: #B5B8BC !important;
}*/

.kanban-opportunity-value span {
    font-size: 13px;
}

.kanban-opportunity-value a {
    font-size: 13px;
    margin-left: 3px;
}

.k-tooltip {
    height: auto;
    text-align: left !important;
    /*background: rgb(181, 181, 181) !important;*/
    width: auto;
}

.badgeWON {
    -moz-min-width: 10px;
    -ms-border-radius: 10px;
    -ms-min-width: 10px;
    -o-min-width: 10px;
    -webkit-min-width: 10px;
    background-color: #999999;
    border: 1px solid white;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin-top: 4px;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.progress-bar-success-WON {
    background-color: rgba(0, 0, 0, 0);
}

header .toolbar .dropdown-menu.notifications ul li a .notification-time, header .toolbar .dropdown-menu .tab-pane.notifications ul li a .notification-time {
    bottom: 2px !important;
    top: auto;
}

#opportunity-heading {
    margin-bottom: 0 !important;
}

.width30 {
    width: 30px;
}

.kanban-opportunity-name {
    font-family: Segoe UI Semibold, sans-serif !important;
    font-size: 14px;
}

.first-button-sort {
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
}

.filemanager-header {
    background: #e6eaed;
    margin-bottom: 0 !important;
    padding: 0 10px 0 10px !important;
}

#filemanager-cloak {
    background-color: #F5F5F5;
    height: 100% !important;
    margin-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 5px !important;
}

.file-item {
    background-color: white !important;
}

#filemanager-table {
    background-color: transparent !important;
}

#table-files {
    background-color: white;
}

#filemanager-row {
    margin-right: 0 !important;
}


#filemanger-fluid {
    padding-right: 0 !important;
}

#filemanager-row div {
    overflow-x: auto !important;
}

#filemanager-nav-sidebar {
    overflow: auto !important;
    overflow-y: auto !important;
}

#filemanager-breadcrumb {
    background-color: #F5F5F5 !important;
    padding-right: 0 !important;
}

/*#context-menu {
    margin-left: -250px !important;
    margin-top: -100px !important;
}*/

.hidden-crumbs {
    display: none;
}

#contactsPageHeading {
    margin-bottom: 5px !important;
}

.fontSize11 {
    font-size: 11px !important;
}

.k-widget.input-sm {
    padding: 0px !important;
}

.modal-header.modal-smaller-padding, .modal-body.modal-smaller-padding, .modal-footer.modal-smaller-padding {
    padding: 15px 20px !important;
}

.fontSize12 .btn {
    font-size: 12px !important;
}

.editorSmallHeight iframe.k-content, .editorSmallHeight table.k-widget {
    height: 70px !important;
}

#allPermissionsData > div {
    margin-right: 1px;
}

/*.k-numerictextbox > .k-numeric-wrap > .k-formatted-value {
    height: 1.7em;
    line-height: 1.7em;
}*/

#contractOverviewHeading, #frameContractOverviewHeading, #orderFormsOverviewHeading, #productsHeading, #projectsHeading, #programHeading {
    margin-bottom: 5px;
}

.breadcrumb-top .page-content > .breadcrumb {
    padding: 0 20px !important;
}

.page-heading {
    padding: 15px !important;
}


table.borderNone th, table.borderNone td, table.borderNone tbody, table.borderNone tr {
    border: 0 !important;
}

#projectSidebar > a, #configurationSidebar > a, #codeBooksSidebar > a, #projectCodeBooksSidebar > a, #accountSettingsSidebar > a {
    padding: 7px 15px;
}

.tbox-btn {
    padding: 6px 15px;
}

#projectSidebar > a > i, #configurationSidebar > a > i, #codeBooksSidebar > a > i, #projectCodeBooksSidebar > a > i, #accountSettingsSidebar > a > i {
    padding-top: 5px;
}

.bold-text {
    font-weight: bold;
}

.disabled {
    color: #CDD6D6 !important;
}

i.kanban-green {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px green;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px green;
    background: green;
    border-radius: 100px;
    box-shadow: 0px 0px 2px green;
    color: white;
    display: inline-block;
    font-size: 20px;
    padding: 1px 2px;
}

i.kanban-red {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px red;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px red;
    background: red;
    border-radius: 100px;
    box-shadow: 0px 0px 2px red;
    color: white;
    display: inline-block;
    font-size: 20px;
    padding: 1px 2px;
}

i.kanban-gray {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px silver;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px silver;
    background: #999;
    border-radius: 100px;
    box-shadow: 0px 0px 2px silver;
    color: white;
    display: inline-block;
    font-size: 20px;
    padding: 1px 2px;
}

i.kanban-yellow {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px orange;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px orange;
    background: orange;
    border-radius: 100px;
    box-shadow: 0px 0px 2px orange;
    color: #ffffc4;
    display: inline-block;
    font-size: 20px;
    padding: 1px 2px;
}



.triangle {
    border-color: transparent transparent #ffea00 transparent;
    border-style: solid;
    border-width: 0 12px 20.8px 12px;
    display: inline-block;
    height: 0;
    margin-bottom: -10px;
    width: 0;
}

a.kanban-won, a.kanban-lost {
    color: white !important;
}

li.kanban-won {
    background-color: rgb(39, 179, 85);
    color: rgb(255, 255, 255);
}

li.kanban-lost {
    background-color: rgb(255, 90, 73);
    color: rgb(255, 255, 255);
}

li.kanban-default {
    background-color: #ffffff;
}

li.kanban-won i.kanban {
    -moz-box-shadow: 0px 0px 2px white;
    -webkit-box-shadow: 0px 0px 2px white;
    background: white;
    box-shadow: 0px 0px 2px white;
    color: rgb(39, 179, 85);
}

li.kanban-lost i.kanban {
    -moz-box-shadow: 0px 0px 2px white;
    -webkit-box-shadow: 0px 0px 2px white;
    background: white;
    box-shadow: 0px 0px 2px white;
    color: rgb(255, 90, 73);
}

ul.k-context-menu li {
    padding: 2px 12px;
}

div.k-grid-norecords + div.k-grid-content-expander {
    width: 100% !important;
}

div.k-grid-content div.k-grid-norecords {
    padding-bottom: 10px;
    padding-top: 10px;
}

.overview-grid tr td a.btn {
    padding: 2px 12px;
}

.overview-grid .k-grid-content {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.chat-msg p {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 30px !important;
}


.colorRed {
    color: rgb(255, 90, 73) !important;
}


.colorGreen {
    color: rgb(39, 179, 85) !important;
}

.unreadGrayBackground {
    background-color: #f2f5f7;
}

.display-none {
    display: none !important;
}

#folderTree .k-state-selected .folderInfo-count {
    color: white;
}

.text-subject {
    color: #3498db !important;
    margin: 0px !important;
}

.k-grid-content tr.k-state-selected .text-subject {
    color: white !important;
}

#emailGrid .k-grid-norecords {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: initial;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#eventWell {
    margin-top: 15px !important;
    max-height: 354.5px;
    overflow: auto;
}

#agendaWell {
    overflow: auto;
}

.margin-top-5 {
    margin-top: 15px !important;
}

.label-padding-tight {
    padding-bottom: 2px;
    padding-top: 2px;
}

.curved-borders {
    border-radius: 5px;
}

.padding-tighter {
    border-radius: 20px;
    padding: 2px;
}

.email-view-section {
    border-bottom: #f1f1f1 1px solid;
    padding-bottom: -2px;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

#emailLinks a {
    color: #aaa;
    margin-left: 10px;
}

    #emailLinks a:hover {
        color: #3498db;
    }

#emailGrid.k-widget {
    border-width: 0.5px !important;
}


.labelFilterInput {
    display: inline-block !important;
    height: 24px !important;
    margin: 0;
    padding: 1px !important;
    width: calc(50% - 34px);
}

.linkToIssueInput {
    height: 20px !important;
    padding-bottom: 1px !important;
    padding-top: 1px !important;
}

tags-input .tags .tag-item {
    background: #e2e2e2 !important;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%) !important;
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%) !important;
    background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%) !important;
    color: #515967 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0) !important;
}

tags-input .tags {
    box-shadow: none !important;
}

.maxHeight {
    height: 100% !important;
}

.maxWidth100 {
    max-width: 100% !important;
}

.halfWidth {
    width: 50% !important;
}

.centerText {
    text-align: center !important;
}

.mailSearchSpan {
    font-size: 12px !important;
    height: 12px !important;
    line-height: 12px !important;
    min-width: 16px !important;
}

.mailSearchInput {
    font-size: 12px !important;
    height: 28px !important;
    line-height: 28px !important;
}

.dropdown-fullWidth {
    display: table;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
}

.dropdown-li {
    display: table-cell;
}

/*chatbar class overide*/

/*purple*/

.chat-msg-sent-purple {
    background: #9F5CB5 !important;
    color: #fff;
}

    .chat-msg-sent-purple:after {
        border-top: 10px solid #9F5CB5 !important;
    }

/*violet*/

.chat-msg-sent-violet {
    background: #D382ED !important;
    color: #fff;
}

    .chat-msg-sent-violet:after {
        border-top: 10px solid #D382ED !important;
    }

/*grape*/

.chat-msg-sent-grape {
    background: #D382ED !important;
    color: #fff;
}

    .chat-msg-sent-grape:after {
        border-top: 10px solid #D382ED !important;
    }

/*alizarin*/

.chat-msg-sent-alizarin {
    background: #D382ED !important;
    color: #fff;
}

    .chat-msg-sent-alizarin:after {
        border-top: 10px solid #D382ED !important;
    }

/*info*/

.chat-msg-sent-info {
    background: #D382ED !important;
    color: #fff;
}

    .chat-msg-sent-info:after {
        border-top: 10px solid #D382ED !important;
    }

/*midnightblue*/

.chat-msg-sent-midnightblue {
    background: lightgreen !important;
    color: black !important;
}

    .chat-msg-sent-midnightblue span.timestamp {
        color: darkgreen !important;
    }

    .chat-msg-sent-midnightblue:after {
        border-top: 10px solid lightgreen !important;
    }

/*primary*/

.chat-msg-sent-primary {
    background: #D382ED !important;
    color: #fff;
}

    .chat-msg-sent-primary:after {
        border-top: 10px solid #D382ED !important;
    }

/*inverse*/

.chat-msg-sent-inverse {
    background: #D382ED !important;
    color: #fff;
}

    .chat-msg-sent-inverse:after {
        border-top: 10px solid #D382ED !important;
    }

/*default*/

.chat-msg-sent-default {
    background: #D382ED !important;
    color: #fff;
}

    .chat-msg-sent-default:after {
        border-top: 10px solid #D382ED !important;
    }


.infobar-options-plus {
    padding-left: 0;
    padding-right: 0;
}


#chatMessage {
    padding-left: 5px !important;
}

.btn-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none;
    box-shadow: none;
}

    .btn-transparent span {
        font-size: 21px;
        margin-left: 10px !important;
        margin-right: 10px;
        margin-top: 7px;
    }

    .btn-transparent:hover {
        background-color: rgba(0, 0, 0, 0);
    }

.default-cursor {
    cursor: default;
}

.darkFont {
    color: #5f7676 !important;
}

.lightFont {
    color: #ecf0f1 !important;
}

offer-heading {
}

.email-icons {
    font-size: 20px !important;
    padding: 2px;
}

.colorPurple {
    color: #BC94D1;
}

i.kanban-purple {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #BC94D1;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px #BC94D1;
    background: #6e587a;
    border-radius: 100px;
    box-shadow: 0px 0px 2px #BC94D1;
    color: #BC94D1;
    display: inline-block;
    font-size: 18px;
    height: 19px;
    padding: 1.5px;
}


i.kanban-blue {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px blue;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px blue;
    background: blue;
    border-radius: 100px;
    box-shadow: 0px 0px 2px blue;
    color: white;
    display: inline-block;
    font-size: 18px;
    height: 19px;
    padding: 1.5px;
}




i.kanban-dark-green {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #98D998;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px #98D998;
    background: #496949;
    border-radius: 100px;
    box-shadow: 0px 0px 2px #98D998;
    color: #98D998;
    display: inline-block;
    font-size: 18px;
    height: 19px;
    padding: 1.5px;
}


i.kanban-silver {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px white;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px white;
    background: rgba(245, 242, 242, 0.7);
    border-radius: 100px;
    box-shadow: 0px 0px 2px white;
    color: white;
    display: inline-block;
    font-size: 18px;
    height: 19px;
    padding: 1.5px;
}

.acordionWithDropDown {
    overflow: visible !important;
}

.accordiongTags {
    max-height: 200px;
}

/*uplad profile picture styles*/

@media (min-width: 1771px) {
    .overlay-profile-image {
        background-color: black;
        opacity: 0.4;
        position: absolute;
    }

    .profile-image-size {
        height: 256px !important;
        width: 256px !important;
    }

    .profile-image-first-button {
        left: 87px !important;
        position: absolute;
        top: 120px !important;
        width: 100px !important;
        z-index: 10000;
    }

    .profile-image-second-button {
        left: 87px !important;
        position: absolute;
        top: 150px;
        width: 100px !important;
        z-index: 10000;
    }

    .profile-image-third-button {
        left: 87px !important;
        position: absolute;
        top: 90px !important;
        width: 100px !important;
        z-index: 10000;
    }
}

@media (min-width: 1550px) and (max-width: 1770px) {
    .overlay-profile-image {
        background-color: black;
        opacity: 0.4;
        position: absolute;
    }

    .profile-image-size {
        height: 200px !important;
        width: 200px !important;
    }

    .profile-image-first-button {
        left: 65px !important;
        position: absolute;
        top: 90px !important;
        width: 100px !important;
        z-index: 10000;
    }

    .profile-image-second-button {
        left: 65px !important;
        position: absolute;
        top: 110px;
        width: 100px !important;
        z-index: 10000;
    }

    .profile-image-third-button {
        left: 65px !important;
        position: absolute;
        top: 65px !important;
        width: 100px !important;
        z-index: 10000;
    }
}

@media (min-width: 1260px) and (max-width: 1549px) {
    .overlay-profile-image {
        background-color: black;
        opacity: 0.4;
        position: absolute;
    }

    .profile-image-size {
        height: 150px;
        width: 150px;
    }

    .profile-image-first-button {
        left: 35px !important;
        position: absolute;
        top: 65px !important;
        width: 100px !important;
        z-index: 10000;
    }

    .profile-image-second-button {
        left: 35px !important;
        position: absolute;
        top: 80px;
        width: 100px !important;
        z-index: 10000;
    }

    .profile-image-third-button {
        left: 35px !important;
        position: absolute;
        top: 40px !important;
        width: 100px !important;
        z-index: 10000;
    }
}

@media (max-width: 1259px) {
    .overlay-profile-image {
        background-color: black;
        opacity: 0.4;
        position: absolute;
    }

    .profile-image-size {
        height: 128px;
        margin-bottom: 10px;
        width: 128px;
    }

    .profile-image-first-button {
        left: 45px !important;
        padding: 3px !important;
        position: absolute;
        top: 55px !important;
        width: 65px !important;
        z-index: 10000;
    }

    .profile-image-second-button {
        left: 45px !important;
        padding: 3px !important;
        position: absolute;
        top: 70px;
        width: 65px !important;
        z-index: 10000;
    }

    .profile-image-third-button {
        left: 45px !important;
        padding: 3px !important;
        position: absolute;
        top: 40px !important;
        width: 65px !important;
        z-index: 10000;
    }
}

.no-older-messeges {
    font-size: 14px;
}

.kendo-tooltip-white { /*background: white !important;*/
}

/*overide kendo tooltip*/

.k-tooltip { /*background: white !important;*/
}


.mt7 {
    margin-top: 7px !important;
}

.invisible {
    display: none;
}


.input-group-btn .btn-default:hover {
    background-color: #217dbb;
    border-color: #1e5d87;
    color: #ffffff;
}


.input-group-btn a {
    border-left: 0
}

.input-group-btn button {
    border-left: 0
}


.overview-grid .k-alt {
    background-color: #f7f7f7;
    color: inherit;
}


.form-control {
    border-color: #ceced2 !important;
}

.negative-seven {
    margin-bottom: -7px !important;
}

.dynamicDelete .btn-default:hover {
    background-color: #d62c1a;
    border-color: #8e2a20;
    color: #ffffff;
}

.img-report {
    height: 40px;
    width: 84px;
}

.img-stamp {
    width: 120px;
}

.img-signature {
    width: 250px;
}

.width250 {
    width: 250px !important;
}

.background-yellow {
    background-color: lightyellow !important;
}

#dashboardEventCategory span {
    width: 120px !important;
}

#emailGrid .k-grid-content {
    height: calc(100% - 38px) !important;
}

.veryHighZIndex {
    z-index: 1000 !important;
}

.veryLowZIndex {
    z-index: 1 !important;
}

.validationMessage {
    text-align: left !important;
}

/*screen-sm*/

@media (min-width: 768px) and (max-width: 992px) {
    .pull-left-sm {
        text-align: left !important;
    }

    .width250-sm {
        width: 250px !important;
    }
}

.ml20 {
    margin-left: 20px !important;
}

.ml3 {
    margin-left: 3px !important;
}

.modalAddView55 {
    margin-left: 23%;
    width: 55%;
}

.posted-comment-container {
    margin-left: 0px !important;
}

.comment-liked-person {
    border-top: 1px solid #F0F0F0;
    padding: 10px 0 0;
}

    .comment-liked-person:first-of-type {
        border-top: none;
    }

    .comment-liked-person .avatar div.center {
        text-align: right !important;
    }

.holiday {
    background: pink;
}

.fa-55x {
    font-size: 22em !important;
}

.fa-48x {
    font-size: 18em !important;
}

.fa-45x {
    font-size: 15em !important;
}

.fa-42x {
    font-size: 12em !important;
}

@media (min-width: 1201px) {
    .margin-bottom-minus-50 {
        margin-bottom: -50px;
    }
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.k-grid-footer {
    padding-right: 0px !important;
}

.font-size-15em {
    font-size: 1.5em !important;
}

.font-size-16em {
    font-size: 1.7em !important;
}


.font-size-2em {
    font-size: 2em !important;
}

.font-size-1em {
    font-size: 1em !important;
}

.height-64 {
    min-height: 64px;
}

#modalReclamationBody {
    max-height: 430px !important;
}

.noBottomBorder {
    border-bottom: none !important;
}

.input-group-addon-remove {
    background: transparent !important;
    border: none;
    vertical-align: top;
}


.display-flex {
    display: flex;
}

.tooltip-inside {
    max-width: none !important;
}

.tooltip-inner {
    max-width: 350px !important;
}

.scrollLargeModalMessage {
    height: 500px;
    overflow-y: auto;
}

.scrollModal700Large {
    height: 700px;
    overflow-y: auto;
}

.scrollModalMessage {
    max-height: 500px;
    overflow-y: auto;
}

.vmiddle {
    vertical-align: middle !important;
}

.adminUserRolesBorders {
    border: 1px !important;
    border-top: 1px solid #dadfe3 !important;
}

.big-bold-numbers {
    font-size: 18px;
    margin-top: -3px;
}

/*kendoGrid tooltip background fix*/

.overview-grid .k-grid-header .k-state-active, .kendoTreeListClass .k-grid-header .k-state-active {
    background: #f3f3f4;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .45)), to(rgba(255, 255, 255, 0))) !important;
}

.alert {
    padding: 9px !important;
}


.linksUnderline {
    background-color: #eaeaea;
    height: 1px;
    margin-bottom: 5px;
    margin-top: 2px;
    padding: 0 !important;
}

.marginTop3Neg {
    margin-top: -3px;
}

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

.feedbackForm {
    width: 300px !important;
}

.demo-options {
    -o-transition: transform 0.15s ease;
    -webkit-transition: transform 0.15s ease;
    background: #fff;
    border: 1px solid #dadfe3;
    border-bottom-left-radius: 3px;
    border-right: 0 !important;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
    padding: 0;
    position: fixed;
    right: -300px !important;
    top: 113px;
    transition: transform 0.15s ease;
    width: 300px !important;
    z-index: 900;
    z-index: 1240;
}

    .demo-options.active {
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }

#activitiesChart {
    height: 350px;
    width: 785px;
}

.vcenter-modal {
    vertical-align: -webkit-baseline-middle !important;
}


/* Email tracking */

.mail-content {
    margin-bottom: -31px;
    margin-left: -11px;
    margin-right: -11px;
}

.inbox-mail-heading {
    margin-bottom: -1px !important;
}

.pull-left-hard {
    float: left !important;
}

span.inbox-read-label {
    display: inline-block;
    font-weight: bold;
    min-width: 100px;
    padding: 2px;
}

form.small-form-group .form-group {
    padding: 10px 10px !important;
}

/* End */

.link-disabled {
    color: #CDD6D6 !important;
    pointer-events: none;
}

.ml-7n {
    margin-left: -7px !important;
}

/* NumericTextBox ikone */

.k-numerictextbox .k-icon {
    margin-top: 2px !important;
}

#network {
    border: 1px solid rgba(0, 0, 0, .175);
    border-radius: 3px;
}

/* @msestak #INFINITY-20705  */

.dropdown-backdrop {
    position: static !important;
}

.kendo-link-color {
    color: #515967 !important;
}

/* @msestak fix to big header*/

.reduceMargin {
    margin: 0 -10px;
}

.circle {
    border-radius: 50%;
    height: 18px;
    margin-top: 3px;
    width: 18px;
}

.square {
    height: 11px;
    width: 11px;
}

.square-18 {
    height: 18px;
    width: 18px;
}

.circle_content {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -5px;
}

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

@media (min-width: 768px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }
}

@media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }

    .width350-md {
        width: 350px !important;
    }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */

@media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

.height28 {
    height: 28px !important;
}

.height34 {
    height: 34px !important;
}

.infinity-well {
    background-color: #efefef !important;
    border: 1px solid #dadfe3 !important;
    border-radius: 3px !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
    padding: 9px !important;
}

.k-grid span.fixStatus span {
    font-family: Arial;
    font-size: 9px;
    line-height: 99%;
    padding: 5px;
    vertical-align: middle;
}

.serviceDeskOverviewFilter {
    margin-top: 5px;
}

.notificationTitleTrim {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-grid-header th.k-with-icon .k-link {
    text-overflow: clip !important;
}

.panel .panel-heading h2 > .nav-tabs > li > a {
    padding: 0 13px !important;
}

span.spaTime {
    font-size: 20px;
}

span.slaWarning {
    color: #fcb104;
    font-size: 20px;
}

span.slaDue {
    color: #fe8c8c;
    font-size: 20px;
}

.mailServerBadge {
    margin-left: 10px;
    position: initial !important;
}

.pl10 {
    padding-left: 10px !important;
}

.unreadMailBadge {
    left: 25px !important;
    padding: 3px 6px;
    top: 8px !important;
}

.txtCenter {
    text-align: center;
}

.green-bar {
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.combined-grid-border {
    border-top: 2px solid #dedee0 !important;
}

/*Adding/removing widgets on dashboard*/

.listViewWidget {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    cursor: pointer;
    float: left;
    font-size: small;
    height: 110px;
    margin: 3px;
    overflow-y: auto;
    width: 32%;
}

.widgetIconWrapper {
    background-color: #f5f5f6;
    color: #d6d6d6;
    display: inline-block;
    font-size: 50px;
    height: 90px;
    text-align: center;
    width: 90px;
}

.widgetInfoWrapper {
    float: left;
    height: 92px;
    margin-left: 8px;
    width: 250px;
}

.widgetWrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.widgetIconWrapper img {
    max-height: 100%;
    max-width: 100%;
}

.widgetIconWrapper span {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.widgetIconWrapper .widgetIcon {
    color: #75aacc;
}

#addWidgetListView {
    min-height: 475px;
    padding: 10px;
}

#removeWidgetListView {
    min-height: 475px;
    padding: 10px;
}

.k-listview:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.addWidgetSearch {
    width: 70%;
}

.widgetFilterWrapper {
    height: 45px;
}

.widgetFilter {
    float: left;
    padding-right: 10px;
    width: calc(100% - 200px);
}

.emptyListViewMessage {
}

.popover {
    width: 100%;
}


.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.week-agenda-calendar {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    cursor: pointer;
}

.k-grid td {
    line-height: 1.5em !important;
}

.colorBlue {
    color: #59ABE3
}

.previewLabel {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 7px;
    padding-top: 7px;
}

.checkbox-red {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #060101;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px #060101;
    background: #8a0000;
    border-radius: 100px;
    box-shadow: 0px 0px 2px #060101;
    color: #ffcece;
    display: inline-block;
    font-size: 20px !important;
    padding: 1px 2px;
}

.widget-header-icon {
    font-size: 40px;
    margin-left: 15px;
}

.widget-header-number {
    font-size: 40px;
}

.widget-header-text {
    display: inline-block;
    overflow: hidden;
    padding-left: 5px;
    text-overflow: ellipsis;
    /*width: calc(100% - 180px);*/
    white-space: nowrap;
}

.fs35 {
    font-size: 35px;
}

.fs30 {
    font-size: 30px;
}

.fs25 {
    font-size: 25px;
}

.fs20 {
    font-size: 20px;
}

.widget-list-item {
    margin-bottom: 7px;
    padding: 5px 15px;
}

.txt-color-orangeDark {
    color: darkorange;
}

.widget-height-8 {
    height: 340px;
}

.v-center-parent {
    align-items: center;
    display: flex;
}

.widget-item-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 36px);
}

.widget-header-container {
    position: relative;
    text-align: center;
}

.widget-header-icon-container {
    left: 0;
    position: absolute;
}

.widget-list-container {
    height: 240px;
}

.widget-list-container-inner {
    margin-top: 37px;
}

.fs26 {
    font-size: 26px;
}

.smGray {
    color: #afafaf;
    font-size: 9px !important;
}

.question-blue {
    color: rgb(180, 220, 255);
    font-size: 18px !important;
    vertical-align: middle
}

.triangle-yellow {
    color: rgb(240, 173, 78);
    font-size: 18px !important;
    vertical-align: middle
}

.check-green {
    color: rgb(92, 184, 92);
    font-size: 18px !important;
    vertical-align: middle
}

@media (min-width: 1190px) and (max-width: 1330px) {
    .icon-lg-hide {
        display: none !important;
    }
}

.midnightblue-label, .midnightblue-label a {
    background: #2f4356;
    color: #d1dce6 !important;
}

.default-label, .default-label a {
    background: #f0f3f5;
    color: #5f7676 !important;
}

.inverse-label, .inverse-label a {
    background: #313e3e;
    color: #93a8a8 !important;
}

.primary-label, .primary-label a {
    background: #217dbb;
    color: #b6daf2 !important;
}

.info-label, .info-label a {
    background: #35aca2;
    color: #ffffff !important;
}

.alizarin-label, .alizarin-label a {
    background: #e05b39;
    color: #ffffff !important;
}

.grape-label, .grape-label a {
    background: #7a869c;
    color: #d2d6dd !important;
}

.violet-label, .violet-label a {
    background: #8c51a4;
    color: #ffffff !important;
}

.indigo-label, .indigo-label a {
    background: #6c57ae;
    color: #ccc5e3 !important;
}

.truncate-cr-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(95% - 60px);
}

.modal-viewport-size {
    display: block;
    max-height: calc(100vh - 204px) !important;
    overflow: auto;
    position: relative;
}

.link-lock {
    color: #c78f0c;
    display: inline-block;
    width: 15px;
}

.link-comment {
    cursor: pointer;
    display: inline-block;
    width: 20px;
}

.fw400 {
    font-weight: 400;
}

.totals-well {
    font-weight: bold;
    padding: 10px 50px;
}

.text-left {
    text-align: left !important;
}

.br0 {
    border-radius: 0px !important;
}

.hidden-widget-numbox {
    display: block
}

.truncate-full-width {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


@media (max-width: 480px) {
    .hidden-widget-numbox {
        display: none
    }
}

@media (min-width: 480px) and (max-width: 635px) {
    .hidden-widget-numbox {
        display: block
    }
}

@media (min-width: 635px) and (max-width: 765px) {
    .hidden-widget-numbox {
        display: none
    }
}

@media (min-width: 765px) and (max-width: 896px) {
    .hidden-widget-numbox {
        display: block
    }
}

@media (min-width: 896px) and (max-width: 1170px) {
    .hidden-widget-numbox {
        display: none
    }
}

@media (max-width: 1000px) {
    .tail-widget-body-text {
        font-size: 25px
    }
}

.modal-dialog-70 {
    max-width: 1000px;
    width: 70%;
}

.modal-dialog-80 {
    max-width: 1400px;
    width: 80%;
}

@media screen and (max-width: 992px) {
    .mt10sm {
        margin-top: 10px;
    }

    .listViewWidget {
        width: 48%;
    }
}

@media screen and (max-width: 768px) {
    .modal-dialog-70 {
        width: unset;
    }

    .modal-dialog-80 {
        width: unset;
    }

    .listViewWidget {
        width: 98%;
    }
}

.page-tabs_dark {
    background: #E6E7E8 !important;
}

.post-img-wrapper {
    display: inline-block;
    width: 250px;
}

.post-list-content {
    display: inline-block;
    vertical-align: top;
}

.ml-minus-10 {
    margin-left: -10px;
}

.mr-minus-10 {
    margin-right: -10px;
}

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

.kendo-image-preview {
    display: block;
    max-height: 500px;
    max-width: 90%;
}

.image-preview-lg {
    max-height: 500px;
}

.gallery-thumbnail-image img {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    box-shadow: 1px 1px 5px 0px #b5b3b3;
    height: 200px;
    object-fit: cover;
    transition: 0.3s;
    width: 100%;
}

.modal-photo {
    margin: 30px auto;
    width: fit-content;
}

    .modal-photo .modal-body {
        padding: 10px;
    }

    .modal-photo in-photo {
        max-height: calc(100vh - 120px);
    }

        .modal-photo in-photo img {
            max-height: inherit;
        }

.post-image-sm img {
    height: 50px;
    object-fit: cover;
    width: 100px;
}

.block {
    display: block;
}

.gallery-thumbnail-image img:hover {
    -moz-transition: 0.3s;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transition: 0.3s;
    box-shadow: none;
    position: relative;
    transform: scale(1.1);
    transition: 0.3s;
    z-index: 1000;
}


.dropZoneElement {
    background-color: #f8f8f8;
    border: 1px dashed #c7c7c7;
    cursor: pointer;
    padding: 25px 10px;
    text-align: center;
}

.dropZoneTitle {
    font-size: 19px;
    font-weight: bold;
}

.dropZoneText {
    color: #838383;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}

.dropZoneElement:hover {
    background-color: #eeeeee;
}

.accordion-body-border {
    border: 1px solid #dadfe3;
    border-radius: 0px 0px 3px 3px;
    border-top: none;
}

.text-gold {
    color: #d8b600;
}

.portal-post-content iframe {
    border: none;
    width: 100%;
}

.iframe-resizer iframe {
    border: none;
    margin-top: 10px;
    width: 100%;
}

.post-profile-photo {
    margin: 10px 0px;
}

    .post-profile-photo img {
        margin: auto;
        max-height: 500px;
    }

.empty-page-spinner {
    font-size: 40px;
    left: 0;
    margin: 250px auto;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all linear 500ms;
    z-index: 1050;
}

    .empty-page-spinner.ng-hide {
        opacity: 0;
    }

.image-galleries-img img {
    max-height: 300px;
    object-fit: cover;
    width: 100%;
}

.news-events-img img {
    margin: auto;
}

.portal-notices-img img {
    margin: auto;
}

.last-10-list-item {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 7px;
    padding: 5px;
}

.last-10-widget-item-footer span {
    color: #93a8a8;
    font-size: 13px;
}

.last-10-widget-item-footer {
    padding-bottom: 5px;
}

.last-10-list-item .divider {
    background-color: #b3b3b3;
    border-radius: 100%;
    display: inline-block;
    height: 4px;
    margin: 0px 5px 2px 5px;
    width: 4px;
}

.ng-widget-chart .panel-body {
    height: 390px;
}

.ng-widget-chart div[chart] {
    height: 340px;
}

.last-10-portal-posts {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 7px;
    padding: 5px;
}

.txt-infinity-blue {
    color: #217dbb !important;
}

.txt-infinity-dark-blue {
    color: #34495e !important;
}

.panel-dashboard-widget .panel-body {
    height: 390px;
    overflow: auto;
}

.pattern-help-icon {
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
}

.widget-year-picker {
    float: right;
    width: 100px;
}

.widget-date-picker {
    float: right;
}

.welcome-avatar-custom {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.company-name {
    font-size: 12px !important;
    text-transform: uppercase;
}

.form-tight .control-label {
    margin-bottom: 0px;
}

.form-tight .vertical-form-control-label {
    margin-bottom: 0px;
}

.form-tight .form-group {
    margin-bottom: 15px !important;
}

.in-form {
    padding-top: 10px;
}

    .in-form .control-label {
        margin-bottom: 0px;
    }

.no-data-add-item-text {
    color: #9a9a9a !important;
    font-size: 14px !important;
}

.panel-fix-address div.panel-body {
    border: 0px !important;
    margin-top: 0px !important;
    padding: 10px !important;
}

.profile-label {
    color: #92a2a8 !important;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-label-wrap {
    color: #92a2a8 !important;
    text-align: right;
}

.profile-row > span {
    margin-bottom: 10px;
}

.w125 {
    width: 125px !important;
}

.w70 {
    width: 70px !important;
}

.last-10-list-item-left {
    flex: 1;
}

.last-10-list-item-right {
    align-content: center;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    text-align: right;
}

.heading-tight h2 {
    padding: 8px 0px 8px 0px !important;
}

.month-highlight {
    border-radius: 6px;
    box-shadow: inset 0 0 0px 1px #1984c8c9;
    height: 100%;
    margin: 2px;
    width: 100% !important;
}

.column-icon {
    font-size: 16px;
    margin: 0px 3px 0px 3px;
}

.popover-content {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

#calendarScheduler .k-event {
    background: none;
    border: none;
}

#userEventScheduler .k-event {
    background: none;
    border: none;
}

#calendarScheduler .k-i-reload {
    display: none;
}

#calendarScheduler .k-i-non-recurrence {
    display: none;
}

.k-calendar .k-today {
    box-shadow: none !important;
}

.scheduler-user-event {
    color: #efefef;
    cursor: pointer;
    height: 100%;
    padding: 2px;
}

#userEventScheduler .k-i-reload {
    display: none;
}

#weekAgendaScheduler .k-event {
    background: none;
    border: none;
}

#weekAgendaScheduler .k-i-reload {
    display: none;
}

.day-event-row {
    border-bottom-color: rgb(218, 223, 227);
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    padding: 10px 10px 0px;
}

.in-slashed.fas.fa-redo:after {
    color: #f6f6f6;
    content: "\\";
    font-size: 2em;
    left: 8px;
    position: absolute;
    top: -4px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #acacac;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #acacac;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #acacac;
}

:-moz-placeholder { /* Firefox 18- */
    color: #acacac;
}

.chat-scroll-container {
    -ms-overflow-style: none; /* IE 10+ */
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
}

    .chat-scroll-container::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

.background-warning {
    background-color: rgba(252, 222, 121, 0.55) !important;
}

.background-primary {
    background-color: rgba(0, 123, 255, 0.55) !important; /* Semi-transparent blue */
}

.background-danger {
    background-color: rgba(237, 145, 145, 0.49) !important;
}

.background-success{
    background-color: rgba(40, 167, 69, 0.49) !important;
}

.background-inactive {
    background-color: rgba(160,163,169, 0.49) !important;
}

.background-lightgray {
    background-color: rgba(211, 211, 211, 0.55) !important; /* Svijetlo siva */
}
.background-lavender {
    background-color: #d382eda6;
}

.priority-circle {
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
}

.priority-square {
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
}

.priority-text {
    vertical-align: middle;
}

.input-group .k-numerictextbox > .k-numeric-wrap {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.k-pdf-export .k-gantt-toolbar {
    display: none;
}

.bootTableBorder {
    border: 1px solid gainsboro;
}


div.check-icon {
    display: inline-block;
    height: 20px;
    width: 20px;
}

div.kanban-green {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAACSElEQVRIidWVy08TURSHv1MLoaYBIcGIEhNeNbFREosb/CNaVHCPQIJxQYRIopvuDI8oCxEDxD0+i0sSl66kRCBdUB66MIKIYgraBrDHhaXedkqx7Pit5s498333nGRm4LBHsm26Q/58eyzSoIoX9AJQntj6BDIlooGdgqJAyO3fyllw/t2tK4j2ApXZz6iLItye9gy8/C9B49PGI3OV5T1AZ3awBdU/4ynsRvxx864tvexgcADtqp2K3LNozUViLM9zhxsatGG2biCwu0524A7585F4T67AEruTptL65FqQ++6QP393bU9exCINilTlCh9xtVPtKEMQxr6+BaiwRSNe4FlKB4r6coEX250MJ+AfYqu8+TGT3LOB17hOGjy5wEdc7dQk4C3hQda2NwyU1lkFUJYOaiqtp8TutMBHE/DF6ArNcw9T4ImcyiRIybXSS9w9fZVR142kpNiY+WJ0hZbwI77vbFqeVUi+C6bgs1k0sT7NfHSZKscJnpy5ictxMmUsbfOPM8IBxGAZAgmaRes7m7SGh5iPLlNRcJyxs53UOMpYin3heniQte3IXs2jyqRFIKKB9EJTYkP4GFulNTzEN+vM0zrQcYvArj9fCSzsJZlYf0/zPidPZOn30WOv/8mM1AY7LqvKi/0I2aKKb/biA2sHAH8/udJ/ULhAjwm3CABmPIXdKH05w0V6pz1FdzJIM+fcZIfPhvQpVGcFw0Jc6Uo/+b4CAM9kW94WTp8NvIp6MH6ZggRV44E8+TUerBvezsY53PkDrQHf/3JttPYAAAAASUVORK5CYII=') 50% 50% no-repeat;
    background-size: 100%;
}

div.kanban-dark-green {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAACQ0lEQVRIidWVvU9TYRTGf6doIwFjWxgodlFJoGHiIw7GUQZYWqxWJ1wk/gESSZzYSIG4G2Vw9CpY/AAjjrLRMhnRgDg0RetHqVJUNBwH6eW2l7YWJ57pfc978nue897cvLDfJaUOWw3DmfZkelFHANF2wLd9lEAlLhB1pQ9HX4bDmxUbeGfHQw7REYXjZUIuq+q11a7+yX8zMIyqRs+3COjVMuB8KWPJucQgQ0Nb1rKjsG9PcABhoPG0b9hetsg7Ox4S0fsVw/PVmzxzOZrbmBO0GoZTRCOV0uqd1fT5/NbSjVbDcOY2B3KLtCfTC3KiUvjdtm5aat0IcCfxCuDYWt3XAHAvbwKQYCXwOuchE76UXWMm9c48U9VAbm39yB2VwI22HhN+Pj5NavO7pUM6dzPwFoL6fH7qndVF4a+zaUI2OABHdzPI0yWfn+HmUxjt3aZJITwcn+GTHQ5g/gtWg6S143FqhcX1NM01bibae/DXevKu5eLC02JwEDFZOwYqMWvP580fhBemWVxP01Tj4tnJIC21bt5k1zgXnyb1c6PY8IjqvM1AIFrYaDVxiLC8keHCwgwfiyXfSTtlM2hw/36AslTM5NGHFUKxJyWTbwd96/py5KFlvyPv7K2zIjJRJl6Z8BpMdvXbJwBY7eqfRBn7D3zECrcZACTnEoOgo3uAjyRfJK4XFos+OI3PbwdRRhGaSmKVJdCBwuRlDQA65m8efJ+pCqpqAHF0oPr3yRRJoFsxgWiDa2sq1nnlV8kQ+1p/AIq/46eVGRrSAAAAAElFTkSuQmCC') 50% 50% no-repeat;
    background-size: 100%;
}

div.kanban-purple {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAACTUlEQVRIidWVTU9TURCGn0PhBmJbgYVGxCZ+hIjuhKAJW1xQFrSakuDSiP4AiSRiDEGQ8BH3omtMLorF2LLwD9AKLk1MEBOpRWMCFFpRVMYFbXPaC62XHbM6M2fu887MzTkHDrqpQptmwDQSDqcfJe2gLgC16a0YyDuBYOWfVLBjsmPLtsB4Z+iqQo0Ap4oU+RGl7nRNtE79l4AZMB2JUucwcLsIOMdEMRavi/b09fVt6/GS/MT9wAGU0F3zoWnIEted9Fie24XnAf03nnmDGT/bgRkwDYUatguscBvUt3iyvog8MgOmkfFLM4uEw+kHTtuFe3ubqDrhQil4/+YzKHVyvczVDkzmdKAUPjvwcrdBaxq+Fk/x6e03vYv2zFr/yQ124N7eJqrT8NBAhM21X3pKo0VA4Fg+qL7FQ4XbyImVuw3a0vDVWJJQ/2w+HOD4bh3k2LnLHpqvn8d772JWpFyb+WosSXggwua69RALZM+CLhDXkxYjX1lZ2qCq1knb/UtUe1w5Y5l5GN0VDqCQLEsTkHk96ef6FuHBKCtLG1TWHMI/1LwD/5Ik9CDCD+tYdJuzCAgE87N0EaUUieUU4cEom4mCcBA1bRVwHX2JsLCXyOLsMq/7i1YOsHj4b/JVxsm5Kp5cm7mCyItihIKmxNc10WbtAKBronVKFGP7ZzOswy0CAPG6aA/IqF24wEjsbPSuRXSvD552hn0ijKI4U4S8QIl051deVADg8c25Mkfyu2/nbpEGUOknU2Kg5hGC2+4j07fGG38XLOJA2z9ZOuHI2Yr9uQAAAABJRU5ErkJggg==') 50% 50% no-repeat;
    background-size: 100%;
}

div.kanban-silver {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAB3klEQVRIidWVzW7TQBSFz7GFlcjFxiYbBBt+Nmwp75FUfROoiMQLoLQVT4Kq5D0oS1bACrEiIRMwRbHiwyKtO/5JXGfXu/PMne+7d2ZsA7c9uG1Skjcz5gBgX8ALAI8up74T+ARoHIfhmOSytWA6nx8CPBbwpKHIr1D2phdFZzcSSHJnxowEvm4Al0A6jcNwSDKzx51y4i5wABB4NDXmXVVsxXQ+PxT4oS28aOJBLwrGV495B5I8gaO2PIdEx/Msvt5Lygdywfq24GlbeOD78LudXELg8cyYfkUAcLAL3HUdrLIMyzS97kKsCgTs7wpf/EmQSVateFnTAR6UQR3Pg8PiTS7AVzXwdTysE1TgfreDwPdzSQWe1MIBIH8XbMEPO2OZplitMriug2DPh+u6xW3ZDC+wcgGB80IJEhZJspY4Du7tbdnzcggfazrQuJxnSwDcDA6A1MQq/BIv3ZmaxWcAz8oLHBJ+t4Pk4l8zHPgWh8Hzqy/s9RaRKZQN6xZlEn7/vWiErwvlK/vzXbhFvSg6I3TaSNkYHPWiYGKPVK5pHIZDQift4Tq+H959W1FuSv/5azEAdYKaMynFF4hH5cobBcD64GfGDCT2QezD+mVCOCc1jsNwQjLdxrnd8R8d8OHaC9a70wAAAABJRU5ErkJggg==') 50% 50% no-repeat;
    background-size: 100%;
}

div.kanban-red {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAACPUlEQVRIidWVz04TURTGvzPWRlhIW1yMlVj+uOvOkZXyAhjSqWYewoWggYg2mLgQtECM6N4XQGGQ4FJjSuOGuusOERFLNw5lUxpt5rjodDrTy0xtd3yre+459/edc28mA5x2kV8yr8WDvcehpMmUIMJVAH1Wap8ZX0li3ThX0uPL+T9tGxTGRm4T8zyAwRYtfmOTH0Q3siv/ZcCadqZYOUiDMekLFg7SojycmaYnMJ3bUnNdR3AAIJ4qbt14Jmw7A+ta3rYNd4iJktH1jF6P7QnyWjxI4HS7QKknjO5R1Y6J+UVeiwfrcaC+6D0OJRkYahcemX2JQGwQAKH8YRUABiLlcALAsmsCBqknY7zgIUSe1uDV/R+ofPncmIIoYdc1DKC0B19CoL8GN1LjMA8NO8/ga4IBARebQd2jKqSesAifteB732E8vOuCW7okGIjwJM7fmURkbsk2sTuPWfDUBMyjw5OO29+C06DgrKhkP6G6u4PA5QFEnr9GoH/IfS2P73vBXazGGzByrhaOSjBmJmomfTFcePWmBv+5C+PROEzjtxccRLwlGJDEenOh0wQkofprD8bMPZgl4c5dYpbWBAO5UFkFaNvLpLL5sfagPp1b2jG6jPd2485M4eb1W0T0rhXBT0SkyusZcQIAiG5kV8C02DkdaSdcMAAAeTgzDfBCB/h5WdlMiZ4eKoyNqMRYAPiKP5e2iTDV3HlLAwBgRTlblLtUIkowWIHjl0mgHAO6fFBeo1zur38Tp1n/AAMY5m//bgv1AAAAAElFTkSuQmCC') 50% 50% no-repeat;
    background-size: 100%;
}

/*https://www.iconsdb.com/custom-color/x-mark-3-icon.html*/
div.kanban-red-x {
    background: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADYklEQVRIiYWVsWscRxTGf9+i4kghVAShO4wIxghj9A8IHSoSWxH24tiYBAtiq0qRQArhQggTXBhSyk0INoYYbFATnDjRSrGRSJoValILE1SEFHcghDDChCCO+1Ls7u3c6pBnWXi8mfnee998b0acMlrx9LjQLPAxMIkZRUTAAWYXsQm8BPbqSToQQ1VHO24CjBl/I+szxPunJQG8sf2rpHvA39VAUXW1YRbYEXyVgTvzFrOcMEeEbmN2bN88tYJW3Pwc+7GkmjGysDKknu18lwOE0j4WWgZWikqUAU8j9CGwBrz3DkreNTrGC7JW6+tpRpHQmO3HxiF4F3hheNu3Pc/W7q35yfZ/gX9I6AHiHJRnsIw4q5KxLnAPuCG4bjjC4OKzAXfAi8CnkuaBf3M/tkeB++0r00TtuNkAbgbg2PwAfFtP0m49SbfA84hDISQh6VjSMui7epJ2gRfIdyR183kwl5HOR8BFYDSsX2IGOFMEbCTbG8At4yObruEu9koODlADfUKoSjFs+2qE+cjOSg9ENWH8qh03zxWOepJugK5LfA2s1Ne3uwCtuDli+7ntOTujr/iBSxHigiRU6Tmh88DPYZBGkv4OfN/IM2/FzRGZJ8DlgprwR7oQlfQEEimtSWCtFU/36Cr03YqbNcEzxDXpxIWQJ8lwFDYnVq9xlUexPQG6OGDzJGaml03Y7IGUI8RBb07lbmdRjpGWgKfVAPUk/dNi3uYQUR5fv30UAbu9bneWum2EOsBd2SsB57V23BwrgjSSdEPiFnmfVCsQ7EbAZhk4o0hS1/gOFbUAPwJ/VNVl+wZwVK3S9mYEbAH7fRTBQ5VNlKvFTzAxcFJd69tbiEWgU1Lkt5KSqJ6kLezVkCIghuwuacfNmvAzpGsqb85JYK0dN8/kCQwDC+ChgiKjDcNr5SCjwA7mbK8G8Q+wYLMkMdd3TZeB/rL8hdB9zEzhNxwAU431dG8oZ2sf9KXxL0K1XEXjQr9JrhnoaT1UC0yAXhnXgvmOYBG8Fy4nr+Q28MgONpw4ub4KqnYHWKL64FSCzAGPgPG+62kwRaG9nx/0avgun3iTwS8xU8BDxGGG7So1ua4N+A3iqeWpKvjACnqVXJkG8QHWLOISmXLGbCPpwOY1YlP2hsVeI9keiPM/mEuop56Y0xMAAAAASUVORK5CYII=') 50% 50% no-repeat;
    background-size: 85%;
}

div.kanban-blue {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAACLElEQVRIidWVP09TYRSHn0P1Ci6VEgdSYxRaBrrZOvoNxBZBP4KtOEokcXIz/AmbVHaniljAUeMHgLp1IS1gQgmDFJo0xVylx6G35bYXWi8bZ3r/nPs8v/fNvblw2UvabYZSWeN68dqoQhS4B3rLemwX+CGq6Uqfmc4+DZmuBZHk5hgiM8BAh5B5QV+tJ4aW/0vwJKWenYPctAovO4CbStG5zH5wijdSta93tTZeBF5LKpOR/vxb57qtrGtZcgu3l4qMZuKBdH3eOEEolTUQmXYL9PV4GB/2NuaiOh9KZY36/Ep9UHtbdNAtfOGhn0GfAQJL2RLA3e5DIwp8bDqBSjXmBt7b7eGdBd85Mvm+XT7dVKL14alAJewGvjDiJ2DBE2sFDionjX1BIg6BQH8raHzYi6/H44AnLfjWoUl8tRluxfU7BA54yMvUg5skR/wNST35oAV/vlageNwKB6DxLdgFe/aOb/kyuaLJQK/B4iM/wT6j6VpefNk7D97EsgkkY+84/H3CxFqBXNHkzg2DD2O3CfgMtq1r+VX5ex4cYMMhENV0a5dd0iXw88hkon3yeq04BNWu0meE3HmSr/kyzzonB9g69pmrjeD2nfvvNx8r8qkToUPFNhJB5wkA1hNDy4rOXZQsMG2HOwQAmf3gFMise7rMrO8HXp8hPbvCi7mYoLMogfZgciiTrck7CmqSjavgjaFEBcKA9ctkVyEjkFYprWTikT9tQ1zq+gep+N9QzLSDOgAAAABJRU5ErkJggg==') 50% 50% no-repeat;
    background-size: 100%;
}

.chat-user-container {
    align-items: center;
    display: flex;
    margin-top: 10px;
}

.chat-user-image {
    align-items: center;
    display: flex;
    position: relative;
}

    .chat-user-image img {
        border-radius: 100%;
    }

.chat-user-info {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.chat-user-status-circle {
    border: 0.5px solid white;
    border-radius: 100%;
    height: 10px;
    position: absolute;
    right: 0;
    top: 22px;
    width: 10px;
}

.position-relative {
    position: relative;
}

.user-message-member-status-circle {
    border: 0.5px solid white;
    border-radius: 100%;
    height: 10px;
    left: 35px;
    position: absolute !important;
    top: 36px;
    width: 10px;
}

a.dropdown-toggle.username {
    display: flex;
}

.break-word {
    overflow-wrap: break-word;
}

.valign-top {
    vertical-align: top !important;
}

@media only screen and (max-width: 768px) {
    .mt15-small {
        margin-top: 15px !important;
    }

    .mt10-small {
        margin-top: 10px !important;
    }
}


.panel.panel-dark .panel-heading {
    background-color: #313e3e;
    border-color: #7f9293;
    color: #ffffff;
}

    .panel.panel-dark .panel-heading h2 {
        color: #ffffff;
    }

    .panel.panel-dark .panel-heading .nav-tabs li > a {
        color: #fff !important;
        color: #93a8a8 !important;
    }

    .panel.panel-dark .panel-heading .nav-tabs li:hover > a {
        color: #fff !important;
    }

    .panel.panel-dark .panel-heading .nav-tabs li.active > a {
        background: #fff;
        color: #313e3e !important;
    }

    .panel.panel-dark .panel-heading .nav-tabs li.active:hover > a {
        background: #fff;
        color: #313e3e !important;
    }

.kanban-board {
    display: inline-block;
    height: 30px !important;
    width: 30px !important;
}

.kanban-board-no-activity {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAmJLR0QA/4ePzL8AAAF+SURBVEjH7ZS7TgJBFIanl1hZqGiMSoR38VJ7iY0w37ILFAZfxE6MD0BWofLyJnh5ClhoVnZybIzFzgzsA3imm5P/O9ccpf7NY9E2bd54Z8aMd15pNbYKi5tlesyR3DPE9Z0Ccn1CgpDS16dh9XLlciWsBmf0SRGS4HiJPOhgEOLGbt4T7vGEYGgvjm7IuPb56ZJhvFk0yySIX/6LECZsuOM/IMQ5gSC5nwFCzz24jDRfuwOwT8q8WbaTayP0rV8LoBQxoiMb8IoEZ0UA+gLh2QZ8IfVKEUBYRfiwAVMkKhUBRCWEqQ1IigI6qwgTG/CJ6INCTawhjAo20bkvnia2XGN0bmOMEFrfjS3mpOHeshLqFc8iKRXcIzwtAwRDhDtnalebJAjdhfXfIIyjdd81OMaQ+RH6hgzD4aIGtTEIA/bznnolGCIYWsuGdMQEISXmnFpUikrU9IV+5BthvDD6XxZr3DqO6pye55B4rlOoXxgxZcqIZ0Ln4P5NKaXUD1tk90zSoRbqAAAAAElFTkSuQmCC");
}

.kanban-board-late-activity {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAACoklEQVRIx+1Wy27TQBTtFn6Bxwb4AlZpHnUoj5b4kSIBAqmUP4ANK9ggITWlElKBTREsqNoNO7askKAIsiDsgEKhKG3GDi1ykqaKYyeXORO1FCWOHcfd9UojWfbMHN87Z865AwP74RFFOXGioAyeZXLsGgae8W5PwNa0xBGWik+zdPIXB6OOI51cYXL0Pub2DVhQTh7EZkyNW8blEbv0aIpq2UVy2Bo1rZoYeMY7fDMujdhMTVj8R6byFyMHAoHm5cghPS190sdOOZX5p9TcqpJXYA7m6umko2tSDnv0DqoNseK4ZteXl6jXqH//SliLPXyDo7zIFAsbG78paGBtcVy1ReZ+yo4zRXmDZNqW+bcvouxMiWU8SwxyVBaeUVhRmXtCIGdBiR11z5ZfGbDXD5H8RrO62WI7r6Q7cFr6WXo83ePOTc8p5sOMuOeuigQhqGXf+ca0V5bJuHKerFy267zah7dCZIzRwWMd2CxkkByD+c/WtunP3VukXxjuCu4UVlvAqdjp9jIr8ev4CDVqq2a9TuaDe9QomVR9+YI27tzcGeu3b5BxNUVMSdDW61edT4PvKWQ1FZ3oQKzohCuwZZE5M0mNSrk/YG4qbcCGGj0jSs21N/xS5wWwLseHu5BrMXxyvX/jTi4El8ofcJnQrxM/JlzVrnKJyx6qgGxCQM7ZsEoPyRyqwdrCivLzWYIMezYI+DNhEtza+jaJpc+kjyUbBTk26e3F3MJgZbBFZ70YGBRrYYtMkz767kb+NQKqDWsLkmnLi3toBP4Hl3Lw0/LcrHAZP0TCmaK8ItNeQXeXHSYOcoCZcBkIPrR3p9nj4oB7as5kWuzlc3GmgZu9tvYW3Sa/i27tLTQAxFwdlQ7vTUOvRo7DZbYbejy7KtJ+7Iq/eDwJMVgpJnMAAAAASUVORK5CYII=");
}

.kanban-board-follow-activity {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAACoElEQVRIx+1WS28SURTuVv+Cj426ahlI0YUaXVD1Z9guTDfGmjuAidZYdeNr5aN10W1N1LWou4qLxshcwKRobBMLFDRVm0KEOjADx/tNW0MK82A67HrITW7mPj7Oued83+nr2zUbC6TGjvgVdk5KyOcxMMe3noANfJQPSIr8IMgjOUlh1GmItayUYPexd8eAQWV0Ly4LcLl2MnVNu5V9QfFShpbV36Q26sbAHN+whj0BHq75uXzv+Bzb4wrUn2b7Bnk4fZRH9cniG6roKtkZ9jwRe4X3elCJpHCHC9DIj6FPE9qXaoG6tc/VZcJZ3OEYHOGFpzj4s14mt4azIXEHPHcUdrwpwuvG0+2WEZ4j7CLz79qGGMkxVXxLXtnjYoyQnP3K5YPm3oqSQWY6SSSnVtH/GtmOSJoCD/Lo0u3cy64uboqfnd0UpYY6N2UkEMF7UZNObXH9O51Kj9Nc+avlvneleYNkBpToofb3BQ2KxWJt1TGw1tTp4uI0HUtesQTPC5LB3b4EO9MG7OPyCBbBRtut1tRofOkZrWkVmlmJ0+jC0//jwsIUnU5fRwJRbJV3BMadm9Q63CGx2LAZsNrQ6Eb2OZX1dUvg13bAQlTahSARPotFcK/Xoc6pvzaAk/KQaXLFe5Bcs2sWyWXQZTLyDSrjdTnhmVCqlnTpNYH8EQRyInVVg1TaUaYKafPKHhZeEWjYtkHAP4NIQNp2avPVPInna/gUdsdWnSBhkDLI4kq95BoUZ0Mbmpx03I1sNQI4mHHhOTwNddsItILDc+jpo0LMUBkniYQ3RXjhadegrWGHiCM5kJlQGRB+vqXZAzmgTidEyWAP9uJNXTd7be2tKDXUoml7KzgAiSl9uLS/Jz12P2eHoTJbDT3mpoy0ay32D3LdBwvGGxtfAAAAAElFTkSuQmCC");
}

.d-flex {
    display: flex;
}

.flex-gapped {
    display: flex;
    gap: 5px
}

.ml-auto {
    margin-left: auto;
}

.flex-align-end {
    align-self: flex-end;
}

.align-items-center {
    align-items: center;
}

@media (max-width: 768px) {
    .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
        margin-bottom: 0 !important;
        padding-bottom: 2px !important;
        padding-top: 0 !important;
    }

    .d-flex-mobile {
        display: flex;
        flex-direction: column
    }
}

/*INFINITY-52610*/

.k-colorpicker .k-selected-color .k-i-line:before {
    top: 6px;
}

.no-border {
    border: none !important;
}

.hrm-employee-profile-photo {
    -webkit-transition: all .2s ease-in-out;
    margin-right: 10px;
    transition: all .2s ease-in-out;
    width: 70px;
}

.p20 {
    padding: 20px !important;
}

.d-contents {
    display: contents;
}

.border-bottom-separator {
    border-bottom: 1px solid lightgray !important;
}

.subtotal-item {
    padding: 2px;
}

body.topnav-collapsed header.navbar .navbar-brand {
    width: 35px !important;
}

.allowance-time-divider {
    margin-left: 15px;
    margin-right: 15px;
}

.allowance-time-range-wrap {
    margin-bottom: 20px;
}

.password-strength-meter {
    background: #DDD;
    border-radius: 3px;
    display: block;
    /*  position: relative;
    height: 6px;
    background: #DDD;
    margin: 10px auto 20px;
    border-radius: 3px;*/

    height: 6px;
    left: 0px;
    margin: 10px auto 20px;
    right: 0px;
    top: 31px;
}

    .password-strength-meter:before, .password-strength-meter:after {
        background: transparent;
        border-color: #FFF;
        border-style: solid;
        border-width: 0 5px 0 5px;
        content: '';
        display: block;
        height: inherit;
        position: absolute;
        width: 20%;
        z-index: 10;
    }

    .password-strength-meter:before {
        left: 20%;
    }

    .password-strength-meter:after {
        right: 20%;
    }

.password-strength-meter-fill {
    background: transparent;
    border-radius: inherit;
    height: inherit;
    transition: width 0.5s ease-in-out, background 0.25s;
    width: 0;
}

    .password-strength-meter-fill[data-strength='0'] {
        background: darkred;
        width: 20%;
    }

    .password-strength-meter-fill[data-strength='1'] {
        background: orangered;
        width: 40%;
    }

    .password-strength-meter-fill[data-strength='2'] {
        background: orange;
        width: 60%;
    }

    .password-strength-meter-fill[data-strength='3'] {
        background: yellowgreen;
        width: 80%;
    }

    .password-strength-meter-fill[data-strength='4'] {
        background: green;
        width: 100%;
    }

.infinity-hrm-timesheet tr.totalRow td {
    border-bottom: 2px double black !important;
    border-top: 2px double black !important;
    font-weight: bold;
}

.infinity-hrm-timesheet tr.groupEnd td {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.infinity-hrm-timesheet.k-grid .k-grid-content-locked tr:hover {
    background: none;
}

.infinity-hrm-timesheet.k-grid .k-grid-content-locked tr td:nth-child(3) {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.infinity-hrm-timesheet.k-grid .k-grid-content td {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.infinity-hrm-timesheet.k-grid .k-grid-content-locked tr.k-alt:hover {
    background: none;
}

.infinity-hrm-timesheet.k-grid .k-grid-content-locked tr.k-alt:nth-child(even) {
    background-color: #f5f5f5;
}

.text-indent-0 {
    text-indent: 0 !important;
}

.profile-image-container:hover .profile-image-overlay {
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    bottom: 0;
    color: #dcdcdc;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%;
}

.profile-image-overlay {
    display: none;
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}

.m-auto {
    margin: auto;
}

.panel-footer-tight {
    line-height: 48px;
    padding: 0 20px 0 20px !important;
}

.schema-role-tabs-manage .k-listbox {
    height: 310px;
    width: 295px;
}

.push {
    margin-left: auto;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
}

.infinity-grid-subtotals {
    font-size: 13px !important;
}

    .infinity-grid-subtotals .list-group-item {
        padding: 7px 15px !important;
    }

.panel-form .panel-heading {
    line-height: 38px;
}

    .panel-form .panel-heading h2 {
        padding: 10px 0 10px;
    }

.panel-form .panel-group {
    margin-bottom: 10px;
}

.multi-row-main {
    padding-bottom: 2px;
    padding-top: 2px;
}

.multi-row-secondary {
    display: inline-block;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 50%;
}

div.btn-group ul.dropdown-menu li a i {
    margin-right: 5px !important;
}

.left-0 {
    left: 0 !important;
}

div.no-border .k-editor {
    border: 0px;
}

.panel-body.no-padding {
    padding: unset;
}

    .panel-body.no-padding .k-editor {
        border: unset;
    }

.fix-badge {
    left: unset !important;
    padding: 3px 7px !important;
    position: relative !important;
    text-align: center !important;
    top: unset !important;
}

.multi-template {
    max-height: 40px;
    overflow: hidden;
    white-space: break-spaces;
}

.overview-grid tr td.k-hierarchy-cell {
    text-overflow: unset;
}

.in-progress {
    height: 30px;
    position: relative;
    text-align: center;
}

    .in-progress .progress-text {
        color: white;
        display: block;
        padding-top: 5px;
        position: absolute;
        width: 100%;
    }

.panelp_custom {
    background-color: #f2f5f7 !important;
    box-shadow: none;
    margin-top: -10px !important;
    padding: 0;
}

.mt-5 {
    margin-top: -5px !important;
}

.mt-10 {
    margin-top: -10px !important;
}

.box-shadow-none {
    box-shadow: none;
}

.nav-pills_background {
    background-color: #f2f5f7 !important;
}

a.underlined {
    text-decoration: underline !important;
}

.text-danger-important {
    color: #e64433 !important;
}

.text-success-important {
    color: rgba(40, 167, 69) !important;
}

label.text-danger-important a, div.text-danger-important a, span.text-danger-important a {
    color: #e64433 !important;
}


a.dotted {
    text-decoration-style: dotted !important;
}

.checkbox-size-10px {
    height: 10px !important;
    width: 10px !important;
}

.modal-header-support {
    background: #28a745 !important
}

.table-bottom-rowLine {
    border-bottom: 1px solid #dadfe3
}

.border-all {
    border: 1px solid #dadfe3
}

small.header {
    font-size: 20px !important;
    font-weight: 300 !important;
}

.k-grid-norecords {
    justify-content: center;
}

/*
.k-toolbar.k-grid-toolbar {
    justify-content: space-between;
    overflow: visible
}*/

.k-toolbar.k-grid-toolbar {
    display: flex;
    overflow: visible;
}

.k-toolbar .btn i.fa, .k-toolbar .btn i.fas {
    line-height: inherit
}

.multiline-ellipsis {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    display: block;
    display: -webkit-box;
    font-size: 14px;
    height: 100%;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        -moz-border-radius: 0 6px 6px;
        -webkit-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
        left: 100%;
        margin-left: -1px;
        margin-top: -6px;
        top: 0;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        border-color: transparent;
        border-left-color: #ccc;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: " ";
        display: block;
        float: right;
        height: 0;
        margin-right: -10px;
        margin-top: 5px;
        width: 0;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            -moz-border-radius: 6px 0 6px 6px;
            -webkit-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
            left: -100%;
            margin-left: 10px;
        }

.subtotal-border-top {
    border-top: 3px solid #ccc
}


@media (max-width: 768px) {
    .featured-body-height {
        min-height: 210px;
    }
}

@media (min-width: 768px) and (max-width: 1215px) {
    .featured-body-height {
        min-height: 230px;
    }
}

@media (min-width: 1215px) {
    .featured-body-height {
        height: 230px;
    }
}


ol.breadcrumb > li {
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gridMultiline {
    white-space: normal !important;
    word-break: break-all;
}

.tabBadge {
    padding: 3px 7px !important;
    position: initial !important;
}

.active > a > .active-badge-override {
    background-color: #2ecc71 !important;
}


@media (min-width: 1200px) {
    .modal-xl {
        width: 1200px;
    }
}

@media (max-width: 1200px) {
    .modal-xl {
        width: 95vw;
    }
}

.tiles-heading, .tiles-footer {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*.tail-widget-body-text,.info-tiles .tiles-body .text-center,.info-tiles .tiles-body.text-center{
    font-size: 24px;
}*/

.info-tiles .tiles-body {
    padding: 10px 0px 10px 0px;
}

@media (max-width: 1200px) {
    .tail-widget-body-text, .info-tiles .tiles-body .text-center, .info-tiles .tiles-body.text-center {
        font-size: 18px;
    }

        .tail-widget-body-text i.fa, .tail-widget-body-text i.fab, .tail-widget-body-text i.fad, .tail-widget-body-text i.fal, .tail-widget-body-text i.far, .tail-widget-body-text i.fas {
            display: none;
        }

    .text-center i.fa, .text-center i.fab, .text-center i.fad, .text-center i.fal, .text-center i.far, .text-center i.fas {
        display: none;
    }
}


/*@media(min-width:1200px) and (max-width:1350px){
    .tail-widget-body-text{
        font-size: 18px;
    }
}*/


/*.panel .panel-heading span h2 {
    color: #93a8a8;
    height: 100%;
    width: auto;
    float: left;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    padding: 14px 0 14px !important;
    position: relative;
    margin: 0;
    line-height: 20px;
    text-transform: uppercase;
}*/

.info-tiles .tiles-body .text-center > div, .info-tiles .tiles-body.text-center > div {
    display: flex;
    gap: 5px;
    justify-content: center;
}


.info-tiles .tiles-body.flex-widget {
    display: flex;
    gap: 5px;
    justify-content: center;
}


@media (max-width: 991px) {
    .pt10-sm {
        padding-top: 10px !important;
    }

    .mb0-xs {
        margin-bottom: 0px !important;
    }
}

/*overrides kendo's k-state-selected class*/
.overview-grid .k-state-selected {
    background-color: #1984c8 !important;
    color: white !important
}

.fiv-viv {
    font-size: 2em;
}

span[class*="fiv-icon-"] {
    background-image: url(https://cdn.jsdelivr.net/npm/file-icon-vectors@1.0.0/dist/icons/vivid/blank.svg);
}

.options-flex {
    display: flex;
    flex-direction: row;
    column-gap: 5px;
}

.fiv-size-sm {
    font-size: 1.3em;
}

.trackedemail-attachment {
    background-color: lightgrey;
    padding: 10px;
    max-width: 33%
}

.back-to-top-floating {
    position: fixed;
    bottom: -40px;
    right: 40px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #335dff;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .back-to-top-floating:focus {
        color: #fff;
    }

    .back-to-top-floating.show-floating-button {
        bottom: 40px;
        right: 40px;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

        .back-to-top-floating.show-floating-button:hover {
            color: #fff;
            opacity: 1;
        }

.arrow-floating-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
    position: absolute;
    width: 12px;
    height: 12px;
    background-size: contain;
    transform: rotate(-90deg);
    top: 30%;
    left: 40%;
}

    .arrow-floating-button:nth-child(2) {
        top: 42%;
    }

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: rotate(-90deg) translateX(0px) scale(1);
    }

    25% {
        opacity: 0;
        transform: rotate(-90deg) translateX(10px) scale(0.9);
    }

    26% {
        opacity: 0;
        transform: rotate(-90deg) translateX(-10px) scale(0.9);
    }

    55% {
        opacity: 1;
        transform: rotate(-90deg) translateX(0px) scale(1);
    }
}

.back-to-top-floating:hover .arrow-floating-button {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

    .back-to-top-floating:hover .arrow-floating-button:nth-child(2) {
        animation-name: bounceAlpha;
        animation-duration: 1.4s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

@media only screen and (max-width: 575px) {
    .back-to-top-floating {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

        .back-to-top-floating.show {
            bottom: 40px;
            right: 15px;
        }

            .back-to-top-floating.show:hover {
                bottom: 10px;
            }

    .arrow-floating-button {
        top: 27%;
        left: 37%;
    }
}

#backToTopFloating.navbar-primary {
    background-color: #217dbb;
    border-color: #16527a;
}

#backToTopFloating.navbar-green {
    background-color: #31ab7e;
    border-color: #268461;
}

#backToTopFloating.navbar-alizarin {
    background-color: #e05b39;
    border-color: #b03a1c;
}

#backToTopFloating.navbar-danger {
    background-color: #dd4939;
    border-color: #ac2b1e;
}

#backToTopFloating.navbar-grape {
    background-color: #7a869c;
    border-color: #566074;
}

#backToTopFloating.navbar-inverse {
    background-color: #313e3e;
    border-color: #485a5a;
}

#backToTopFloating.navbar-violet {
    background-color: #8c51a4;
    border-color: #613871;
}

#backToTopFloating.navbar-indigo {
    background-color: #6c57ae;
    border-color: #4b3c7d;
}

#backToTopFloating.navbar-info {
    background-color: #35aca2;
    border-color: #23716b;
}

#backToTopFloating.navbar-midnightblue {
    background-color: #2f4356;
    border-color: #141c25;
}

#backToTopFloating.navbar-default {
    background: #f2f5f7;
    color: #5f7676;
}

.border-bottom-only {
    border-top: none;
    border-left: none;
    border-right: none;
}

/*INFINITY-93815, lower font size for group name while grouping on dropdrown*/
.k-popup .k-list .k-item > .k-group {
    font-size: 9px !important
}
/*INFINITY-93815, lower font size for group header while grouping on dropdrown*/
.k-popup > .k-group-header {
    font-size: 9px !important
}

.strikeThrough {
    text-decoration: line-through
}

div.well-search {
    background-color: #e6eaed;
}

.semibold {
    font-family: "Segoe ui semibold";
}

div.panel-body b {
    font-family: "Segoe ui semibold";
    font-size: 13px;
}

h5 {
    font-family: "Segoe ui semibold";
    font-size: 13px;
}

div.panel-body table.table td a.bold-text {
    font-family: "Segoe ui semibold";
    font-size: 13px;
}

div.panel-body table.table td a {
    font-family: "Segoe ui";
    font-size: 13px;
}

.bold900 {
    font-weight: 900
}

.gap1 {
    display: flex;
    gap: 1px;
}

.gap2 {
    display: flex;
    gap: 2px;
}

.gap3 {
    display: flex;
    gap: 3px;
}

.gap4 {
    display: flex;
    gap: 4px;
}


.gap5 {
    display: flex;
    gap: 5px;
}

.gap10 {
    display: flex;
    gap: 10px;
}

.gap15 {
    display: flex;
    gap: 15px;
}

.gap20 {
    display: flex;
    gap: 20px;
}

.allowed-empty-spaces {
    white-space: normal
}

.text-underline {
    text-decoration: underline;
}

td.overcapacity {
    color: red;
    font-weight: bold;
    background-color: red;
}

td.undercapacity {
    color: black;
    font-weight: bold;
    background-color: yellow;
}

td.correctcapacity {
    color: black;
    font-weight: bold;
    background-color: green;
}

.top-tooltip {
    z-index: 100000000;
}

.textless-button {
    padding: 0 10px;
    border-color: lightgray
}

.textless-button.active {
    background-color: rgb(46, 204, 113);
}

.infinity-table {
}

.infinity-table th.infinity-table-insist-top-border {
    border-top: 1px solid #dadfe3 !important;
}

.infinity-table th, .infinity-table td {
    border: 1px solid #dadfe3;
    border-top: 1px solid #dadfe3;
    padding: 7px 15px;
    background-color: #ffffff;
}

.infinity-table th {
    text-align: left;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}


.blog-flex {
    display: flex;
    flex-wrap: wrap;
}

.ai-text-gradient {
    background-clip: text;
    font-size: large;
    font-weight: bold;
    -webkit-text-stroke-color: #ffffff47;
    -webkit-text-stroke-width: 0.5px;
}
.k-i-ai-prompt:before {
    content: "AI";
    background-clip: text;
    font-size: large !important;
    font-weight: bold !important;
    -webkit-text-stroke-color: #ffffff47;
    -webkit-text-stroke-width: 0.5px;
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    width: inherit !important;
}
.am-time-ago-text {
    color: #86959e;
}


.panel-lavender .panel-heading {
    color: #ffffff;
    background-color: #d382eda6;
    border-color: #d382eda6;
}

.panel-lavender .panel-heading h2 {
    color: #ffffff;
}

.panel-lavender .panel-heading .nav-tabs li > a {
    color: #fff !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

.panel-lavender .panel-heading .nav-tabs li:hover > a {
    color: #fff !important;
}

    .panel-lavender .panel-heading .nav-tabs li.active > a {
        color: #d382eda6 !important;
        background: #fff;
    }

    .panel-lavender .panel-heading .nav-tabs li.active:hover > a {
        color: #d382eda6 !important;
        background: #fff;
    }

.panel-lavender .panel-heading .panel-ctrls .button-icon {
    color: #ffffff;
    color: rgba(255, 255, 255, 0.5);
}

.panel-lavender .panel-heading .panel-ctrls .button-icon:hover {
    color: #ffffff;
}

.panel-lavender .panel-heading .panel-ctrls.button-icon-bg .has-bg {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
    zoom: 1;
    background-color: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff);
    border-radius: 3px;
}

.panel-lavender .panel-heading .panel-ctrls.button-icon-bg .has-bg:hover {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.4);
    zoom: 1;
    background-color: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff);
}

span[data-style="panel-lavender"] {
    background-color: #d382eda6;
    border: 1px solid #d382eda6;
}
.k-pager-sm {
    overflow: auto !important;
}

.top-tooltip-wrap {
    z-index: 100000000;
    max-width: 250px;
    word-wrap: break-word;
}

div[profile-panel-toggle] div.panel-heading {
    display: flex;
}