/*================================================================================
	Item Name: Local CSS
================================================================================

NOTE:
------
Local CSS CODE */
/*:focus {outline:none;}*/
.btn-xs{
    padding: 1px 7px 3px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border:1px solid #eaeaea;
}
.btn-default:focus {
    color: #333;
    background-color: #f2f2f2;
    border:1px solid #dcdcdc;
}
.btn-default:hover {
    color: #333;
    background-color: #f2f2f2;
    border:1px solid #dcdcdc;
}
.btn-default:active {
    color: #333;
    background-color: #ededed;
    border:1px solid #dcdcdc;
}
select.form-control.arrow-dn-wht:not([multiple]){background-image:url(../images/pages/arrow-down-wht.png);}
.kanban-board{
	border:1px solid #cccccc;
}
.dot {
  display: inline-block;
  position:relative;
  border-radius: 50%;
  /*width: 50%;*/
  background-color: #ffffff;
  height: 17px;
  width: 17px;
  opacity: 0.7;
  top: 4px;
  right: 8px;
  border: .08em solid rgba(0,0,0,.1);
  /*border:solid 1px #d1e3f9;*/
  /*margin: 6 px;*/
}
.dot2 {
  border:solid 1px #c0c0c0;
  top:7px;
}
.dot3 {
  border:solid 1px #c0c0c0;
  top:0px;left:1px;
}
.dot-success {
  background-color: #ffffff;
}
.dot-warning{
  background-color: #4c6ef5;
  border-color: #4c6ef5;
  opacity: 0.4;
}
.dot-rwarning{
  background-color: #ff902b;
  border-color: #ff8d26;
  opacity: 0.4;
}
.dot-danger {
  background-color: #f05050;
  border-color: #f04b4b;
}
.dot-sm {
    height: 10px;
    width: 10px;
}
.dot-lg {
    margin: 0 4px;
    height: 20px;
    width: 20px;
}
.carousel-control-prev-icon{background-image:url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23555555\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z\'/%3e%3c/svg%3e')}.carousel-control-next-icon{margin-top: -14px;background-image:url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23555555\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z\'/%3e%3c/svg%3e')}
.bdn-sidebar .edit-bdn .bdn-edit-content,.chapter-sidebar .edit-chapter .chapter-edit-content,.chrn-sidebar .edit-chrn .chrn-edit-content,.kanban-sidebar .edit-kanban-item .kanban-edit-content,.list-sidebar .edit-list .list-edit-content,.setn-sidebar .edit-setn .setn-edit-content,.filtr-sidebar .edit-filtr .filtr-edit-content, .dn-opn-sdbar .tab-content{overflow-y: auto;}
.wf-scrollbar{-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0)}.wf-scrollbar::-webkit-scrollbar{height:8px;width:12px}.wf-scrollbar::-webkit-scrollbar-button:end:increment,.wf-scrollbar::-webkit-scrollbar-button:start:decrement{background:#0000;display:none}.wf-scrollbar::-webkit-scrollbar-track-piece{background:#091e4214}.wf-scrollbar::-webkit-scrollbar-track-piece:vertical:start{border-radius:4px 4px 0 0}.wf-scrollbar::-webkit-scrollbar-track-piece:vertical:end{border-radius:0 0 4px 4px}.wf-scrollbar::-webkit-scrollbar-track-piece:horizontal:start{border-radius:4px 0 0 4px}.wf-scrollbar::-webkit-scrollbar-track-piece:horizontal:end{border-radius:0 4px 4px 0}.wf-scrollbar::-webkit-scrollbar-thumb:horizontal,.wf-scrollbar::-webkit-scrollbar-thumb:vertical{background:#091e4221;border-radius:4px;display:block;height:48px}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}
    /* Buttons */
    /*::-webkit-scrollbar-button:single-button {
      background-color: #bbbbbb;
      display: block;
      border-style: solid;
      height: 13px;
      width: 16px;
    }*/
    /* Up */
   /* ::-webkit-scrollbar-button:single-button:vertical:decrement {
      border-width: 0 8px 8px 8px;
      border-color: transparent transparent #555555 transparent;
    }

    ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
      border-color: transparent transparent #777777 transparent;
    }*/
    /* Down */
    /*::-webkit-scrollbar-button:single-button:vertical:increment {
      border-width: 8px 8px 0 8px;
      border-color: #555555 transparent transparent transparent;
    }

    ::-webkit-scrollbar-button:vertical:single-button:increment:hover {
      border-color: #777777 transparent transparent transparent;
    }*/
.kbi-title {white-space: break-spaces;}
.kbi-title, .kbi-desc {overflow-wrap: break-word;max-height: 66px; overflow-y: auto;}
.bdr-t5{border-top-width:5px!important}
.bdr-t5-primary{border-top:5px solid #5A8DEE}
.bdr-t5-default{border-top: 5px solid #78909C}
.bdr-t5-danger2{border-top: 5px solid #FF3D00}
.bdr-t5-info2{border-top: 5px solid #29B6F6}
.bdr-t5-success2{border-top: 5px solid #8BC34A}
.bdr-t5-warning2{border-top: 5px solid #FFB300}
.bdr-t5-secondary{border-top: 5px solid #475F7B}
.bg-default{background-color: #78909C !important}
.bg-danger2{background-color:#FF3D00!important}
.bg-info2{background-color:#29B6F6!important}
.bg-success2{background-color:#8BC34A!important}
.bg-warning2{background-color:#FFB300!important}
.kanban-container .kanban-board .kanban-item[data-border=default]:before{background-color:#78909C}
.kanban-container .kanban-board .kanban-item[data-border=danger2]:before{background-color:#FF3D00}
.kanban-container .kanban-board .kanban-item[data-border=info2]:before{background-color:#29B6F6}
.kanban-container .kanban-board .kanban-item[data-border=success2]:before{background-color:#8BC34A}
.kanban-container .kanban-board .kanban-item[data-border=warning2]:before{background-color:#FFB300}
select {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance: none;

    height: 24.5px;
    padding: 0 8px 0 8px;
    border: 1px solid #ccc;
    outline: 0;
    font-size: 14px;
    border-radius: 0;

    /*background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') no-repeat, #fff;*/
	background: url(../images/pages/caret-down-blk.svg) no-repeat, #fff;
    background-position: 98% 50%;
    background-size: 15px;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.selt {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance: none;

    height: 24.5px;
    padding: 0 8px 0 8px;
    border: 1px solid #ccc;
    outline: 0;
    font-size: 14px;
    border-radius: 0;
	background: url(../images/pages/caret-down-wht.svg) no-repeat, #fff;
    background-position: 50% 50%;
    background-size: 15px;
	color: #ffffff;
}
.selt:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.csele {
	border-radius: 5px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
	border: thin solid #eee;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 10;
}
.csele:hover {
	transform: scale(1.1);
}
.scroll-top {
  bottom: 46px;
}
.micon {
  font-size: 1.5rem;
  color: #475F7B;
  vertical-align: middle;
  cursor: pointer;
  -webkit-text-stroke: .2px #FFF;
}
.img-pht {
background-color: #f2f2f2;
background-size: cover;
filter: none;
margin: 2px 0 3px 6px;
border-radius: .267em !important;
background-repeat: no-repeat;
background-position: center;
box-shadow: none;
height: 48px;
width: 88px;	
}
.img-pht.active {
box-shadow: 0 0 0 2px var(--ds-border-inverse, #FFF), 0 0 0 4px var(--ds-border-brand, #0079BF);
filter: none;
}
.img-pht:hover {
box-shadow: 0 0 0 2px var(--ds-border-inverse, #FFF), 0 0 0 4px var(--ds-border-brand, #dddddd);
filter: none;
}
.img-phtd {
background-color: var(--ds-background-accent-green-subtle, #7BC86C);
}
.upload-btn {
border-radius: 3px;
box-sizing: border-box;
position: relative;
text-decoration: none;
background-color: var(--ds-background-neutral,#091e420a);
border: none;
box-shadow: none;
color: var(--ds-text,inherit);
cursor: pointer;
display: inline-block;
font-weight: normal;
line-height: 20px;
margin: 8px 4px 0 0;
padding: 6px 12px;
text-align: center;
font-size: 15px;
}
.kanban-overlay {z-index: 1000;}
.sidenav-overlay {z-index: 1000;}
.header-navbar .navbar-container ul.nav li i.ficon2 {
  font-size: 1.5rem;
  color: #475F7B;
  vertical-align: middle;
  cursor: pointer;
  -webkit-text-stroke: .2px #FFF;
}
.kanban-sidebar .edit-kanban-item .kanban-edit-content {
  height: calc(100% - 57px);
}
.hr-ws { 
    text-align: center;
	margin-top: 2rem;
	height:22px;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: .13rem;
}
.hr-ws i {
  position: relative;
  top: -33.5px !important;
  color: #5a8dee;
  background: white;
  padding: 0 5px;
  font-size: 21px;
}
html .navbar-sticky.navbar-scrolled:not(.horizontal-layout) .header-navbar {
  background-color: rgba(54, 25, 25, .2) !important;
}
.header-navbar.fixed-top {
  background-color: transparent;
}
html .navbar-sticky.navbar-scrolled:not(.horizontal-layout) .header-navbar .nav-bgclr {
  background-color: rgb(242, 244, 244, .8) !important;
}
html .navbar-sticky.navbar-scrolled:not(.horizontal-layout) .header-navbar .ficon {
  background-color: rgb(242, 244, 244, .8) !important;
}