/*-------------------------------------
*   MESSAGES
-------------------------------------*/
.open_thread body,
.open_threads_list body {margin-bottom:0 !important;padding-bottom:0 !important;}
.open_modal #kl-wrapper,
.open_modal footer,
.open_modal .kl-nav-cats-container
{display:none}
.open_modal #kl-m-wrapper {height:100%;}

.open_modal #kl-nav,
.open_modal #kl-editor-cont {display:none;}

#kl-m-wrapper {margin:auto;height:100%;}
#kl-m {width:100%;height:100%;min-height:100%;position:relative;overflow:hidden;z-index:450;top:0;/*background-color:#fff;box-shadow:0 0 20px rgba(37,70,89,0.5);-moz-box-shadow:0 0 20px rgba(37,70,89,0.5);-webkit-box-shadow:0 0 20px rgba(37,70,89,0.5);*/}
#kl-m,
#kl-m .form-control,
#kl-m .btn {font-size:16px}
#kl-m-head {background-color:#257FAD;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.open_threads_list #kl-m-head-title,
.open_thread #kl-m-head-title {display:none;}
.open_filtered_list #kl-m-head-title {display:block;}

#kl-m-head-1row {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}

#kl-m-head-title {padding:0 0 0 10px;width:40px;-webkit-box-flex:0;-ms-flex:0 0 40px;-webkit-flex:0 0 40px;flex:0 0 40px;-webkit-box-ordinal-group:1;-ms-flex-order:0;-webkit-order:0;order:0;}
#kl-m-head-title-link {padding:0;color:#d9edf7;display:block;font-size:20px;line-height:45px;}
#kl-m-head-title-link>.fa {padding:0}
#kl-m-head-search {padding:10px 10px 10px 50px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;max-width:300px;-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-order:2;order:2;}
#kl-m-head-search .form-control {font-size:12px;padding:2px 4px !important;height:24px;border-right:0px;}
#kl-m-head-search .btn-sm {font-size:12px !important;line-height:20px;height:24px;margin-left:0;padding-top:0;padding-bottom:0;}


#kl-m-search-cancel-button,
#kl-m-search-cancel-button:hover {border-left:0px solid #9BBECF !important;border-right:0px solid #9BBECF !important;}
#kl-m-head-close {padding:0;-webkit-box-flex:0;-ms-flex:0 0 50px;-webkit-flex:0 0 50px;flex:0 0 50px;margin-left:auto;-webkit-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:4;order:4;}
#kl-m-head-close a {display:block;line-height:45px;font-size:20px;width:35px;text-align:right;padding-right:10px;}
#kl-m-head-close a:hover {color:#fff;text-decoration:none;}
#kl-m-head-close a>span {padding:0;}
#kl-m-body {width:100%;height:100%;overflow:hidden;position:relative;border-top: 1px solid #ECECE6;}

#kl-m-head-hidden {padding: 10px 0 10px 10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-ordinal-group:2;-ms-flex-order:1;-webkit-order:1;order:1;}
#kl-m-head-hidden .btn-sm {font-size:12px;line-height:20px;height:24px;padding-top:0;padding-bottom:0;}
#kl-m-head-hidden .btn-sm.active {color: #fff;}
#kl-m-head-search-btn {display: none; padding: 10px 0 10px 20px;-webkit-box-flex:0;-ms-flex:0 0 59px;-webkit-flex:0 0 59px;flex:0 0 59px;-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-order:2;order:2;}
#kl-m-head-search-btn .btn-sm {font-size:12px !important;line-height:20px;height:24px;padding-top:0;padding-bottom:0;}
#kl-m-head-search-btn .btn-sm.active {color: #fff;}
#kl-m-head-projects {padding: 10px 0 10px 10px; height: 33px; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:3;order:3;}
#kl-m-head-projects .form-control {font-size:12px;padding:2px 4px !important;height:24px;border-right:0px;}
#kl-m-head-projects.open .form-control {color: #fff}
.kl-m-page-loader {padding:20px 0;color:#999;font-size:3em;text-align:center;}
.kl-m-row-next-page {border-top:0px dotted #bbb;}

/* space for spinner */
#kl-m-threads-list,
#kl-m-row-body {min-height:100px;}


#kl-m .kl-m-row {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background-color:#fff;min-height:60px;padding:0 !important;margin:0 !important;height: auto !important;}
#kl-m #kl-m-thread-body .kl-m-row {min-height:20px;}

#kl-m-threads-list .kl-m-row {height:3em;cursor:pointer;border-bottom:1px solid #e8e8e8; position: relative;}
#kl-m-threads-list .kl-m-row.active,
#kl-m-threads-list .kl-m-row-new.active {background-color:#257FAD !important;color:#fff !important;}
#kl-m-threads-list .kl-m-row.active a,
#kl-m-threads-list .kl-m-row-new.active a,
#kl-m-threads-list .kl-m-row.active .kl-m-row-time,
#kl-m-threads-list .kl-m-row-new.active .kl-m-row-time {color:#fff;}

#kl-m-threads-list .kl-m-row-hovered {background-color:#d9edf7}
#kl-m-threads-list .kl-m-row-new.kl-m-row-hovered {background-color:#d9edf7}
#kl-m-threads-list .kl-m-row-new {background-color: #ffffcc;}
#kl-m-threads-list .kl-m-row-text .fa {color:#888;}
.kl-m-row-avatar,
.kl-m-row-body {padding:10px 0 0 0;}
#kl-m-threads-list .kl-m-row-body {width: 100%;overflow: hidden}
#kl-m-thread-body .kl-m-row-body {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:1;-ms-flex:auto;-webkit-flex:auto;flex:auto;}
.kl-m-row-bubble {width:100%;padding-right:10px;}
/*.kl-m-row-bubble {width:auto;max-width:400px;}*/
/*.kl-m-row-my .kl-m-row-bubble {float:right;;background-color:#d9edf7;padding:10px;border-radius
:5px;margin:0 10px 0 60px;}*/
.kl-m-row-name-date {height:1.3em;overflow:hidden;}
.kl-m-row-avatar {-webkit-box-flex: 0;-ms-flex: 0 0 50px;-webkit-flex: 0 0 50px;flex: 0 0 50px;padding-left:10px;}
.kl-m-row-avatar div,
.kl-m-row-avatar a {display:block;width:41px;height:41px;position:relative}
.kl-m-row-avatar .fa {position:absolute;bottom:0;right:0;color:#00a20c;font-size:7px;padding:0 !important;}
.kl-m-row-name .fa {color:#00a20c;font-size:8px;}
.kl-m-row-avatar img {width:40px;height:40px;border:0px solid #c3c3b8;}
.kl-m-row-delete,.kl-m-row-spam {width:55px;padding:0;float:right}
.kl-m-row-delete a,.kl-m-row-spam a {height:60px;width:55px;display:block;line-height:60px;text-align:center;font-size:1.5em;color:#bbb;}
.kl-m-row-delete a>span.fa, .kl-m-row-spam a>span.fa {padding:0;}
.kl-m-row-delete a:hover,.kl-m-row-spam a:hover {color:#777;}
.kl-m-row-delete-confirm {position:absolute;top:0;left:0;background-color:#c06;z-index:2;height:100%;}
.kl-m-row-delete-confirm a {color:#fff !important;}
.kl-m-row-delete-dismiss {background-color:#ECECE6;position:absolute;top:0;left:50%;z-index:2;height:100%;}
.kl-m-row-delete-loader {line-height:60px}
.active .kl-m-row-delete-loader .fa {color:#fff;}
.kl-m-row-delete-loader .fa {color:#888;}
.kl-m-row-delete-confirm a,
.kl-m-row-delete-dismiss a {line-height:60px;display:block;}
#kl-m-threads-list .kl-m-row .kl-m-row-delete-dismiss a,
#kl-m-threads-list .kl-m-row.active .kl-m-row-delete-dismiss a {color:#333 !important;}
#kl-m-threads-list .kl-m-row-new .kl-m-row-delete-dismiss a {color:#333 !important;}
.kl-m-row-body {padding-left:10px;padding-bottom:10px;}
.kl-m-row-name {font-weight:bold;}
.kl-m-row-time {color:#999;font-size:12px;}
.kl-m-row-read {color:#999;padding-left:0px;font-weight:normal;font-size:12px;}
.kl-m-row-text {overflow:hidden;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
#kl-m-threads-list-wrapper .kl-m-row-text {max-width: 190px;}
#kl-m-threads-list .kl-m-row-text {height:1.3em;}
#kl-m-threads-list .alert {overflow-x:hidden;}


/* THREAD MESSAGE */
#kl-m-thread-body .kl-m-row {position:relative;margin-top:1em !important;margin-bottom:2em !important;}
#kl-m-thread-body .kl-m-row .kl-m-row-body,
#kl-m-thread-body .kl-m-row-my .kl-m-row-body {-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;max-width:80%;width:auto;border-radius:4px;padding:12px 0 0 0;}
#kl-m-thread-body .kl-m-row .kl-m-row-body {margin-right:auto;margin-left:10px;}
#kl-m-thread-body .kl-m-row-my .kl-m-row-body {margin-left:auto;margin-right:10px;}

#kl-m-thread-body .kl-m-row .kl-m-row-bubble {padding-right:0;}
#kl-m-thread-body .kl-m-row .kl-m-row-avatar {display:none;}
#kl-m-thread-body .kl-m-row .kl-m-row-name-date {position:absolute;bottom:-1.3em;left:10px;line-height:1.2em !important;}
#kl-m-thread-body .kl-m-row-my .kl-m-row-name-date {left:auto;right:10px;}
#kl-m-thread-body .kl-m-row .kl-m-row-name {font-weight:normal;font-size:12px;}
#kl-m-thread-body .kl-m-row-my:not(.kl-m-row-moderator) .kl-m-row-name {display:none;}
#kl-m-thread-body .kl-m-row .kl-m-row-text {margin:0 15px 0 15px;}


.kl-m-row-product {padding-left:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;}
#kl-m-thread-body .kl-m-row-product {margin:10px 0 0 0;}
.kl-m-row-product img {width:75px;height:75px;}
.kl-m-row-product .kl-m-row-product-empty-img {width:75px;height:75px;background-color:#ECECE6;text-align:center;}
.kl-m-row-product .kl-m-row-product-empty-img .fa {font-size:25px;line-height:75px;color:#aaa;}
.kl-m-row-product-body {-webkit-box-flex: 0;-ms-flex: 0 0 85px;-webkit-flex: 0 0 85px;flex: 0 0 85px;}
#kl-m-thread-body .kl-m-row-product-body {padding-left:15px;}
.kl-m-row-product-order {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;overflow-x:hidden;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;}
#kl-m-thread-body .kl-m-row-product-order {padding-right:15px;padding-left:10px;}
#kl-m-thread-body .kl-m-row-product-body,
#kl-m-thread-body .kl-m-row-product-order {border-top:1px solid #bbb;padding-top:10px;padding-bottom:12px;}
#kl-m-thread-body .kl-m-row-order-body {padding: 10px 15px 12px; border-top: 1px solid #bbb; width: 100%;}
#kl-m-form .kl-m-row-product-order {}
.kl-m-row-product-order-status {margin-bottom:5px;}
.kl-m-row-product-order-status:empty {margin-bottom:0;}
.kl-m-row-product-order-status .label {font-size:12px;}
.kl-m-row-product-order-actions {margin-top:5px;}
.kl-m-row-product-order-actions .alert {margin-bottom: 0px;padding: 7px;}
.kl-m-row-order-items {
    margin: 5px 0 0;
    display: flex;
}
.kl-m-row-order-items .kl-m-row-product-img-link{
    margin-right: 10px;
}
.kl-m-row-product-info .kl-m-row-product-info-name{
    margin: 0 0 5px;
}

.kl-m-row-product-title,
.kl-m-row-product-order-actions {line-height:1.2;}

.kl-m-row-text-img-link,
.kl-m-row-text-img-empty {width:170px;height:170px;display:block;background-color:#ECECE6;border-radius:4px;text-align:center;position:relative;}
.kl-m-row-text-img-link>img,
.kl-m-row-text-img-empty>canvas {border-radius:4px;}
.kl-m-row-text-img-empty .fa {font-size:50px;line-height:50px;color:#bbb;}
.kl-m-row-post {position:relative;}
.kl-m-row-post .progress {width:auto;z-index:5;position:relative;margin:0 15px 12px 15px;}
.kl-m-row-post .progress:empty {margin-bottom:0;}
.kl-m-row-post .progress-bar {position:relative;padding-left:5px;min-width:2.5em;text-align:left;}
.kl-m-row-text-img-empty canvas {position:relative;z-index:1;}
.kl-m-row-draft {display:none;}
.kl-m-row-post .kl-m-row-post-error-text.alert {width:170px;height:170px;padding:10px 20px 10px 10px;font-weight:bold;line-height:1.3em;text-align:left;}
.kl-m-row-post .kl-m-row-post-error-text.alert-dismissible .close {right:-20px;top:-10px;padding:10px;}

#kl-m-thread,
#kl-m-thread-body {background-color:#fff;}

#kl-m-form {padding: 10px 0;border-top:2px solid #fff;}
#kl-m-form-inputs {position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex: 0;-ms-flex: 0 0 100%;-webkit-flex: 0 0 100%;flex: 0 0 100%;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-align:end;-ms-flex-align:end;}
#kl-m-form-textarea-wrapper {-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;position:relative;}
#kl-m-form-textarea {resize:vertical;max-height:80px;line-height:20px;padding:10px;border:none;position:absolute;bottom:0;
}
#kl-m-form-image-col {position:relative;height:40px;-webkit-box-flex: 0;-ms-flex: 0 0 50px;-webkit-flex: 0 0 50px;flex: 0 0 50px;}
#kl-m-form-submit {border: none;padding: 0;-webkit-box-flex: 0;-ms-flex: 0 0 50px;-webkit-flex: 0 0 50px;flex: 0 0 50px;width: 50px}
#kl-m-form-submit:hover {background-color:#fff}
#kl-m-form-submit:focus  {outline-offset: -4px;}
#kl-m-form-image-submit {position:relative;line-height:40px;width:50px;height:40px;border:none;padding:0;text-align:center;}
#kl-m-form-image-submit .fa,
#kl-m-form-submit .fa  {line-height:40px !important;font-size: 20px;}
#kl-m-form-image-input {position:absolute;bottom:0px;left:0;width:5px;height:5px;cursor:pointer;opacity:0;-ms-filter: "alpha(opacity=0)";overflow:hidden;}
#kl-m-form-image-input:hover {background-color:#e6e6e6;}

#kl-m-form-product {margin-bottom:10px;padding: 0 50px 0 50px;}
#kl-m-form-product .kl-m-row-product-body {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:0;-ms-flex:0 0 60px;-webkit-flex:0 0 60px;flex:0 0 60px;}
#kl-m-form-product .kl-m-row-product-title {height:1.3em;overflow:hidden;display:block;}
#kl-m-form-product.kl-m-row-product .kl-m-row-product-empty-img {width:50px;height:50px;background-color:#fff;text-align: center;padding:0;}
#kl-m-form-product.kl-m-row-product .kl-m-row-product-empty-img .fa {font-size:20px;line-height:50px;}
#kl-m-form-product img {width:50px;height:50px;}
#kl-m-form-product .kl-m-row-product-order-actions {margin:0;}

#kl-m-thread .kl-m-row-my .kl-m-row-avatar {display:none}

#kl-m-threads-list-wrapper {border-right:1px solid #ddd;}
#kl-m-thread {position:relative;overflow-x: auto}
/*#kl-m-threads-list-wrapper {overflow-y:hidden;position:relative;}*/
/*#kl-m-thread {overflow-y:hidden;position:relative;}*/
/*#kl-m-thread-body-wrapper {overflow-y:hidden;position:relative;}*/
#kl-m-threads-list {overflow-y:scroll;position:relative;height:100%;-webkit-overflow-scrolling:touch;}
#kl-m-thread-body {overflow-y:auto;position:relative;height:100%;-webkit-overflow-scrolling:touch;}
#kl-m-thread-body-wrapper {height:100%;}
/*#kl-m-threads-list-wrapper>div{max-height:300px;height:300px;}*/

/* Start Thread actions widget */
.kl-m-thread-actions {-webkit-box-flex: 0;-ms-flex: 0 0 50px;-webkit-flex: 0 0 50px;flex: 0 0 50px;margin-left: auto;}
.kl-m-thread-actions-nav {list-style: none;padding: 0;margin: 0;position: absolute;}
.kl-m-thread-actions-dropdown {position: static}
.kl-m-thread-actions-dropdown.open > a.dropdown-toggle ,
.kl-m-thread-actions-dropdown:hover > a.dropdown-toggle{color:#777;}
.kl-m-thread-actions-dropdown >  a.dropdown-toggle {height:60px;width:50px;display:block;line-height:60px;text-align:center;font-size:16px;color:#bbb;  }
.kl-m-thread-actions-dropdown-menu { left: auto;right: 0%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow: 0 1px 3px rgba(0,0,0,.4);margin-top: -2px;margin-right: 3px;border-radius: 0;font-size: 16px}
.kl-m-thread-actions-dropdown-menu::before{border-width: 6px !important;margin: 0 -6px;border-bottom-color: #d1d1d1 !important; }
.kl-m-thread-actions-dropdown-menu::after{border-width: 5px !important;margin: 0 -5px;border-bottom-color: #fff !important;}
.kl-m-thread-actions-dropdown-menu::before,
.kl-m-thread-actions-dropdown-menu::after {position: absolute;pointer-events: none;border: solid transparent;content: '';height: 0;width: 0;bottom: 100%;right: 22px;}
.kl-m-thread-actions-dropdown-menu > li > a {color:#727272 !important; }
/* End Thread actions widget */


.kl-project-logo {
    width: 14px;
    height: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 45px;
    opacity: 0.5;
    position: absolute;
    border-radius: 50%;
}
.kl-m-row.active .kl-project-logo {
    background-color: #fff;
    border: 1px solid #fff;
    opacity: 0.8;
}

/* cart widget */
.kl-m-cart,
.kl-m-last-order{
    white-space: nowrap;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    overflow-y: auto;
}
.kl-m-cart-item,
.kl-m-last-order-item{
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.kl-m-cart-item.no-price,
.kl-m-last-order-item.no-price {
    vertical-align: top;
}
.kl-m-cart .kl-m-cart-item:last-child,
.kl-m-last-order .kl-m-last-order-item:last-child{
    margin-right: 0;
}
.kl-m-cart-item-img-wrapper,
.kl-m-last-order-item-img-wrapper {
    margin-bottom: 5px;
    width: 45px;
    height: 45px;
    overflow: hidden;
}
.kl-m-cart-item-more-text,
.kl-m-last-order-item-more-text{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    line-height: 45px;
    text-align: center;
    color: #fff;
    z-index: 2;
    background-color: rgba(0,0,0,0.4);
}
.kl-m-cart-badge,
.kl-m-last-order-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    padding: 3px 6px;
    color: #999;
}
.kl-m-cart-item-link,
.kl-m-last-order-item-link{
    color: #333;
}
.kl-m-cart-action-btn,
.kl-m-last-order-action-btn{
    padding: 1px 10px;
    margin-bottom: 9px;
}


/*************** MESSAGES SCROLLBAR BASE CSS ***************/
.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;}
.scroll-wrapper > .scroll-content {border: none !important;-webkit-box-sizing: content-box !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: scroll !important;padding: 0;position: relative !important;top: 0;width: auto !important;-webkit-overflow-scrolling: touch;}
.scroll-wrapper > .scroll-content .kl-m-row {}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {-webkit-box-sizing: content-box;box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea {border: 1px solid #cccccc;border-top-color: #999999;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100% !important;margin: 0;max-height: none !important;max-width: none !important;overflow: scroll !important;outline: none;padding: 2px;position: relative !important;top: 0;width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}

/*************** MESSAGES SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{background: none;border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrollbar-macosx > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {background-color: #6C6E71;display: block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;border-radius: 7px;-webkit-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);opacity: 0.7;}
.scrollbar-macosx > .scroll-element.scroll-x {bottom: 0px;height: 0px;left: 0;min-width: 100%;overflow: visible;width: 100%;}
.scrollbar-macosx > .scroll-element.scroll-y {height: 100%;min-height: 100%;right: 0px;top: 0;width: 0px;}
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

.kl-m-row .kl-m-row-new-order {
    display: none;
}

.kl-m-row[data-project="0"] .kl-m-row-new-order {
    display: block;
}

.kl-m-project-dropdown .dropdown-header,
.kl-m-project-dropdown.dropdown-menu>li>a {
    padding: 3px 20px;
}
.kl-m-project-dropdown .active .kl-m-project-muted {
    color: #d3d3d3;
}

@media(max-width:991px) {

    .kl-m-row-delete,.kl-m-row-spam {width:40px;}
    .kl-m-row-delete a,.kl-m-row-spam a {width:40px;}
    .kl-m-row-avatar {padding-left:10px;width:41px}
    .kl-m-row-avatar div,
    .kl-m-row-avatar a,
    .kl-m-row-avatar img {width:31px;height:31px;}
    .kl-m-row-avatar .fa {font-size:6px;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
    .kl-m-row-name {vertical-align:text-bottom;display:inline-block;max-width:70%;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
    .kl-m-row-time {vertical-align:text-bottom;display:inline-block;}
    .kl-m-row-read {vertical-align:text-bottom;display:inline-block;}

}

@media(max-width:767px) {

    #kl-m-head {-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
    #kl-m-head-search {display: none; max-width:none;-ms-flex-preferred-size:100%;-webkit-flex-basis:100%;flex-basis:100%;-webkit-box-ordinal-group:5;-ms-flex-order:4;-webkit-order:4;order:4;padding-left:10px;}
    #kl-m-head-search .form-control {font-size:16px !important}
    #kl-m-head-search-btn {display: block; padding: 10px 0 10px 10px;flex: 0 0 45px; -webkit-flex: 0 0 45px;}
    .open_threads_list #kl-m-head.kl-search-opened {height: 95px;}
    #kl-m-head-close {-webkit-box-ordinal-group:4;-ms-flex-order:3;-webkit-order:4;order:4;-webkit-flex: 0 0 30px; flex: 0 0 30px}

    #kl-m-head-projects {line-height: 21px; height: 37px;}

    .kl-search-opened #kl-m-head-search {display: block;}

    #kl-m-threads-list-wrapper {display:block;}
    .open_threads_list #kl-m-thread {display:none;}
    .open_thread #kl-m-threads-list-wrapper {display:none;}
    .open_thread #kl-m-thread {display:block;}
    .open_thread #kl-m-head-search {display:none;}
    .open_thread #kl-m-head-hidden {display:none;}
    .open_thread #kl-m-head-projects {display:none;}
    .open_thread #kl-m-head-show-search-btn {display: none;}
    .open_thread #kl-m-head-title {display:block;}
    .open_thread #kl-m-head-title-link {display:block;}

    .kl-m-row-avatar {-webkit-box-flex: 0;-ms-flex: 0 0 40px;-webkit-flex: 0 0 40px;flex: 0 0 40px;}
    .open_threads_list .kl-m-row-body {}
    .open_threads .kl-m-row-body {line-height:1.5em;}

    #kl-m,
    #kl-m .form-control,
    #kl-m .btn {font-size:14px}
    #kl-m-threads-list .kl-m-row-body {max-width:none;line-height:1.3em;}
    #kl-m-threads-list .kl-m-row-text {height:1.3em;}
    #kl-m-threads .kl-m-row-body {line-height:1.5em;}
    .kl-m-row-delete,
    .kl-m-row-delete a {width:60px;}

    .kl-m-thread-actions {-webkit-box-flex: 0;-ms-flex: 0 0 50px;-webkit-flex: 0 0 50px;flex: 0 0 50px;}
    .kl-m-thread-actions-dropdown >  a.dropdown-toggle {height:60px;width:50px;line-height:60px;}
    .kl-m-thread-actions-dropdown-menu::after {right: 22px;}

    #kl-m-form-product {padding:0 10px}

    .kl-m-project-dropdown {
        width: 250px;
    }
    .kl-m-project-dropdown > li > a {
        white-space: normal;
    }

    .kl-m-cart, .kl-m-last-order {
        padding: 6px;
    }
    .kl-m-cart-item-img-wrapper,
    .kl-m-last-order-item-img-wrapper{
        margin-bottom: 3px;
        width: 40px;
        height: 40px;
    }
    .kl-m-cart-item-more-text, .kl-m-last-order-item-more-text {
        line-height: 40px;
    }
    .kl-m-cart-action-btn,
    .kl-m-last-order-action-btn{
        margin-bottom: 7px;
    }
}

@media(max-width:529px) {

    #kl-m-wrapper-fluid.container-fluid {padding:0;}
    #kl-m-head-title {width:40px;}
    #kl-m-head-hidden .btn-sm {line-height:24px;height:28px;}
    #kl-m-head-search-btn .btn-sm {line-height:24px;height:28px;}
    #kl-m-head-search .form-control {height:28px;}
    #kl-m-head-search .btn-sm {height:28px;}
    #kl-m-head-projects .form-control {height: 28px}
    .kl-m-row-name {max-width:126px;}

    #kl-m-thread-body .kl-m-row .kl-m-row-body {padding:8px 0 0 0;}
    #kl-m-thread-body .kl-m-row .kl-m-row-text {margin:0 10px 0 10px;}

    .kl-m-row-product {margin:8px 0 0 0;}
    .kl-m-row-product-body,
    #kl-m-thread-body .kl-m-row-product-body {padding-left:10px;}
    .kl-m-row-product-order {padding-right:10px;}

    #kl-m-form-product {padding:0}
    #kl-m-form-product .kl-m-row-product-order {padding-left:10px;}
    .kl-m-row-product-body,
    #kl-m-form-product .kl-m-row-product-body {-webkit-box-flex: 0;-ms-flex: 0 0 50px;-webkit-flex: 0 0 50px;flex: 0 0 50px;}
    #kl-m-form-product img,
    .kl-m-row-product img {width:40px;height:40px;}
    .kl-m-row-product .kl-m-row-product-empty-img,
    #kl-m-form-product.kl-m-row-product .kl-m-row-product-empty-img {width:40px;height:40px;}
    .kl-m-row-product .kl-m-row-product-empty-img .fa,
    #kl-m-form-product.kl-m-row-product .kl-m-row-product-empty-img .fa {line-height:40px;font-size:20px;}

    .kl-m-row-post .progress {margin:0 10px 8px 10px;}

}

@media(min-width: 768px) {
    .open_filtered_list #kl-m-head-title {display:block;}
}

/*** TOP WIDGET CLUB ***/
.kl-m-top-widget {
    background-color: #FFF3D0;
    padding: 15px;
    font-size: 15px;
    line-height: 20px;
    box-shadow: 0px 10px 20px rgba(57, 48, 24, 0.2);
    position: relative;
    z-index: 10;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.kl-m-top-widget img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}
.kl-m-top-widget-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    font-weight: bold;
    padding-right: 20px;
    color: #846419;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
/*** BOTTOM WIDGET CLUB ***/
.kl-m-bottom-widget {
    background-color: #d9edf7;
    border-top: 1px solid #B4DDF1;
    border-bottom: 1px solid #B4DDF1;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    z-index: 10;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.kl-m-bottom-widget img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}
.kl-m-bottom-widget-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    padding-right: 10px;
    color: #3A657A;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.kl-m-bottom-widget-info h5 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}
.kl-m-bottom-widget .popover {
    font-size: 14px;
    background-color: #3178E5;
    color: #ffffff;
}
.kl-m-bottom-widget .popover.top > .arrow:after {
    border-top-color: #3178E5;
}
.m-thread-bottom-widget.active {
    border-top: 2px solid #fff;
}
.m-thread-bottom-widget.active ~ #kl-m-form {
    border-top: none;
}