.kn-list {
margin: 0;
padding: 0;
}
.kn-list > li {
border-bottom: 1px dashed rgba(18, 17, 17, 0.11);
list-style: outside none none;
padding: 10px 15px;
position: relative;
overflow: hidden;
}
.kn-list > li .kn-details {
font-size: 12px;
}
.kn-list > li .kn-details a {
text-decoration: none;
}
.kn-list > li .kn-details a:focus {
outline: none !important;
}
.kn-list > li:last-child {
border-bottom: 0;
}
.kn-list > li.is-sticky::before {
content: "\f0d8";
color: #0f6a1e;
font-family: FontAwesome;
font-size: 51px;
left: -13px;
position: absolute;
top: -34px;
transform: rotate(-45deg);
}
.kn-list > li.is-sticky::after {
content: "\f2A6";
color: rgba(255, 255, 255, 0.71);
font-family: "Ionicons";
font-size: 10px;
left: 3px;
position: absolute;
top: 2px;
}
.kn-like {
min-width: 60px;
text-align: center;
}
.kn-like span {
margin-right: 5px;
}
.kn-like span .fa-thumbs-up {
vertical-align: 1px;
margin-right: 2px;
}
.kn-like span .fa-thumbs-down {
vertical-align: -1px;
}
h1 .kn-like {
font-size: 22px;
padding-top: 10px;
}
.app-panel-box .panel-heading,
.app-panel-box .panel-footer {
background: transparent;
}
.app-panel-box-2 .panel-heading,
.app-panel-box-2 .panel-footer {
background: rgba(0, 0, 0, 0.01);
}
.grid-u-c {
display: inline-block;
vertical-align: 11px;
}
.grid-img {
position: relative;
margin: 2px 5px 2px 0;
display: inline-block;
}
.user-list .grid-img {
vertical-align: top;
}
.jqgrow .grid-img {
margin: 2px 5px 2px -5px;
}
.online.grid-img::before,
.offline.grid-img::before {
clear: both;
content: "\f111";
font-family: "FontAwesome";
position: absolute;
z-index: 999;
top: 0;
left: -2px;
font-size: 11px;
}
.online.grid-img::before {
color: #08922f;
animation: online-user 2s infinite;
}
.offline.grid-img::before {
color: #f66d7f;
}
.grid-img::after {
clear: both;
contain: " ";
}
.grid-img > div {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
border: 3px solid rgba(0, 0, 0, 0.26);
position: relative;
width: 29px;
height: 29px;
}
.user-list .grid-img > div {
width: 40px;
height: 40px;
}
.grid-img > div img {
max-width: 28px;
min-height: 28px;
object-fit: cover;
margin-left: -2px;
margin-top: -2px;
}
.user-list .grid-img > div img {
max-width: 39px;
min-height: 39px;
}
.online.grid-img > div {
border-color: #08922f;
position: relative;
}
.offline.grid-img > div {
border-color: #f66d7f;
}
@keyframes online-user {
0% {
color: #08922d;
}
50% {
color: #12b83c;
}
100% {
color: #08922d;
}
}
.sm-user-img .o-w {
margin: 10px auto;
width: 50px;
height: 50px;
padding: 0;
position: relative;
}
.online.sm-user-img .o-w::after,
.offline.sm-user-img .o-w::after {
content: "\f111";
font-family: "FontAwesome";
position: absolute;
z-index: 999;
top: 0;
left: 0;
}
.online.sm-user-img .o-w::after {
color: #08922f;
animation: online-user 2s infinite;
}
.offline.sm-user-img .o-w::after {
color: #e20825;
}
.sm-user-img .o-w .img-div {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
border: 3px solid rgba(0, 0, 0, 0.26);
box-shadow: 0 0 2px #ccc;
}
.online.sm-user-img .o-w .img-div {
border-color: #08922f;
position: relative;
}
.offline.sm-user-img .o-w .img-div {
border-color: #e20825;
}
.sm-user-img .o-w .img-div img {
width: 100%;
height: 46px;
object-fit: cover;
}
@media all and (max-width: 480px) {
.sm-user-img .o-w {
width: 40px;
height: 40px;
padding: 0;
}
.sm-user-img .o-w .img-div img {
width: 100%;
height: 36px;
object-fit: cover;
}
}
.cat-tool {
cursor: pointer;
}
.payment-panel .panel-heading {
font-size: 12px;
font-weight: bold;
}
.payment-panel .panel-heading .payment-btn.pull-right {
margin-top: -2px;
}
.payment-ul li * {
font-size: 12px !important;
line-height: 12px !important;
}
.paid-panel > .panel-heading {
background: #54ffb0;
/*color: #0c7d14 !important;*/
color: #FFF !important;
}
.u-img-wrapr {
display: inline-block;
vertical-align: top;
}
.text-bold {
font-weight: bold !important;
}
.gs-jq-grid .grid-t-title {
font-size: 14px;
width: 100%;
display: inline-block;
border-bottom: 1px solid rgba(0, 0, 0, 0.02);
margin-bottom: -14px;
margin-left: -4px;
margin-right: -5px;
}
.menu .unseen {
background: #effffd;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
box-shadow: 0 4px 5px -4px #4c4242;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
background-color: #f9f9f9;
margin-bottom: -5px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
background-color: #f3f3f3;
}
table.scroll-tbody tbody {
display: block;
overflow: auto;
}
table.scroll-tbody thead,
table.scroll-tbody tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
table.scroll-tbody thead {
width: calc(100% - 1em);
}
.app-ticket-dtls img {
max-width: 100%;
}
.kn-f-title {
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
border-bottom: 1px solid #f1eff5;
background: rgba(248, 248, 248, 0.16);
background: -moz-linear-gradient(
top,
rgba(248, 248, 248, 0) 0,
rgba(248, 248, 248, 0.36) 100%
);
background: -webkit-linear-gradient(
top,
rgba(248, 248, 248, 0) 0,
rgba(248, 248, 248, 0.36) 100%
);
background: linear-gradient(
to bottom,
rgba(248, 248, 248, 0) 0,
rgba(248, 248, 248, 0.36) 100%
);
margin-bottom: 10px;
margin-top: 10px;
}
.kn-a-files .kn-a-file {
margin-right: 10px;
outline: 0;
text-decoration: none;
}
.kn-a-files .kn-a-file > i {
margin-right: 2px;
}
.app-admin-note {
position: relative;
padding: 5px 5px 5px 35px;
border-bottom: 1px solid #ccc4da;
overflow: hidden;
}
.app-admin-note > .apd-icon {
position: absolute;
text-align: center;
left: 0;
top: 0;
bottom: 0;
width: 30px;
}
.app-admin-note > .apd-icon > i {
position: absolute;
left: 50%;
top: 50%;
margin-top: -11px;
margin-left: -11px;
font-size: 21px;
color: #00a65a;
bottom: 0;
}
.app-admin-note > .apd-icon:after {
position: absolute;
top: 5px;
right: 0;
bottom: 5px;
content: " ";
border-right: 1px solid rgba(204, 196, 218, 0.17);
}
.app-admin-note .note-user {
font-style: italic;
color: #0a87b8;
font-size: 12px;
}
.app-admin-note .note-user .note-user-title {
font-size: 10px;
color: #0e0e0e;
}
.admin-work-log .note-user {
font-style: italic;
color: #0a87b8;
font-size: 12px;
}
.admin-work-log .note-user .note-user-title {
font-size: 10px;
color: #0e0e0e;
}
.admin-work-log .w-note-time {
font-size: 8px;
color: #4f79d2 !important;
}
.lightbox-body .kn-featured-img img {
max-width: 100% !important;
}
.has-success .input-group .form-control-feedback {
display: none;
}
.has-success .input-group .form-control,
.has-success .input-group textarea.form-control {
border: 1px solid #00a65a !important;
}
#main-img-uploader-body .thumb {
background-size: cover;
background-position: center;
}
#main-img-uploader-body .thumb img {
border-radius: 0 !important;
}
.panel.ticket-panel > .panel-body > div {
background: unset !important;
}
.reply-text > div {
background: unset !important;
}