.webui-popover-content {
 display: none
}

.webui-popover {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 9999;
 display: none;
 min-width: 50px;
	max-width: 95vw;
 min-width: 170px;
 min-height: 25px;
 padding: 1px;
 font-size: 16px;
 line-height: 1.2;
 color: #333;
 text-align: center;
 white-space: normal;
 background-color: #fff;
 border: 1px solid #979797;
 border-radius: 6px;
 background-clip: padding-box;
 /* border: 1px solid #ccc;
 border: 1px solid rgba(0, 0, 0, .2);
 border-radius: 6px;
 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 box-shadow: 0 5px 10px rgba(0, 0, 0, .2) */
}

.webui-popover .popover_content {
 display: flex;
 align-items: center;
}

.webui-popover .popover_icon {
 display: flex;
 justify-content: center;
 align-content: center;
 width: 30px;
 min-width: 30px;
 height: 30px;
 margin: 0 20px 0 0;
 font-weight: 700;
 font-size: 30px;
 color: #fff;
 background-color: #ffa300;
 border-radius: 3px;
}

.webui-popover .popover_icon_error {
 background-color: #ed1c24;
}

.webui-popover .popover_text {
 flex: auto;
}

.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
 margin-top: -15px
}

.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
 margin-left: 15px
}

.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
 margin-top: 15px
}

.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
 margin-left: -15px
}

.webui-popover.pop {
 -webkit-transform: scale(0.8);
 -o-transform: scale(0.8);
 transform: scale(0.8);
 -webkit-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
 -o-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
 transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5);
 opacity: 0;
 filter: alpha(opacity=0)
}

.webui-popover.pop-out {
 -webkit-transition-property: "opacity,transform";
 -o-transition-property: "opacity,transform";
 transition-property: "opacity,transform";
 -webkit-transition: .15s linear;
 -o-transition: .15s linear;
 transition: .15s linear;
 opacity: 0;
 filter: alpha(opacity=0)
}

.webui-popover.fade,
.webui-popover.fade-out {
 -webkit-transition: opacity .15s linear;
 -o-transition: opacity .15s linear;
 transition: opacity .15s linear;
 opacity: 0;
 filter: alpha(opacity=0)
}

.webui-popover.out {
 opacity: 0;
 filter: alpha(opacity=0)
}

.webui-popover.in {
 -webkit-transform: none;
 -o-transform: none;
 transform: none;
 opacity: 1;
 filter: alpha(opacity=100)
}

.webui-popover .webui-popover-content {
 padding: 5px 13px 7px 13px;
 overflow: auto;
 display: block
}

.webui-popover-inner .close {
 font-family: arial;
 margin: 8px 10px 0 0;
 float: right;
 font-size: 16px;
 font-weight: 700;
 line-height: 16px;
 color: #000;
 text-shadow: 0 1px 0 #fff;
 opacity: .2;
 filter: alpha(opacity=20);
 text-decoration: none
}

.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
 opacity: .5;
 filter: alpha(opacity=50)
}

.webui-popover-title {
 padding: 8px 14px;
 margin: 0;
 font-size: 14px;
 font-weight: 700;
 line-height: 18px;
 background-color: #fff;
 border-bottom: 1px solid #f2f2f2;
 border-radius: 5px 5px 0 0
}

.webui-popover-content {
 padding: 9px 14px;
 overflow: auto;
 display: none
}

.webui-popover-inverse {
 background-color: #333;
 color: #eee
}

.webui-popover-inverse .webui-popover-title {
 background: #333;
 border-bottom: 1px solid #3b3b3b;
 color: #eee
}

.webui-no-padding .webui-popover-content {
 padding: 0
}

.webui-no-padding .list-group-item {
 border-right: none;
 border-left: none
}

.webui-no-padding .list-group-item:first-child {
 border-top: 0
}

.webui-no-padding .list-group-item:last-child {
 border-bottom: 0
}

.webui-popover>.arrow,.webui-popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.webui-popover>.arrow{border-width:11px}.webui-popover>.arrow:after{border-width:10px;content:""}.webui-popover.top>.arrow,.webui-popover.top-right>.arrow,.webui-popover.top-left>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#979797;border-top-color:#979797;border-bottom-width:0}.webui-popover.top>.arrow:after,.webui-popover.top-right>.arrow:after,.webui-popover.top-left>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0}.webui-popover.right>.arrow,.webui-popover.right-top>.arrow,.webui-popover.right-bottom>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#979797;border-right-color:#979797}.webui-popover.right>.arrow:after,.webui-popover.right-top>.arrow:after,.webui-popover.right-bottom>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.webui-popover.bottom>.arrow,.webui-popover.bottom-right>.arrow,.webui-popover.bottom-left>.arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#979797;border-bottom-color:#979797;border-top-width:0}.webui-popover.bottom>.arrow:after,.webui-popover.bottom-right>.arrow:after,.webui-popover.bottom-left>.arrow:after{content:" ";top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0}.webui-popover.left>.arrow,.webui-popover.left-top>.arrow,.webui-popover.left-bottom>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#979797;border-left-color:#979797}.webui-popover.left>.arrow:after,.webui-popover.left-top>.arrow:after,.webui-popover.left-bottom>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.webui-popover-inverse.top>.arrow,.webui-popover-inverse.top-left>.arrow,.webui-popover-inverse.top-right>.arrow,.webui-popover-inverse.top>.arrow:after,.webui-popover-inverse.top-left>.arrow:after,.webui-popover-inverse.top-right>.arrow:after{border-top-color:#333}.webui-popover-inverse.right>.arrow,.webui-popover-inverse.right-top>.arrow,.webui-popover-inverse.right-bottom>.arrow,.webui-popover-inverse.right>.arrow:after,.webui-popover-inverse.right-top>.arrow:after,.webui-popover-inverse.right-bottom>.arrow:after{border-right-color:#333}.webui-popover-inverse.bottom>.arrow,.webui-popover-inverse.bottom-left>.arrow,.webui-popover-inverse.bottom-right>.arrow,.webui-popover-inverse.bottom>.arrow:after,.webui-popover-inverse.bottom-left>.arrow:after,.webui-popover-inverse.bottom-right>.arrow:after{border-bottom-color:#333}.webui-popover-inverse.left>.arrow,.webui-popover-inverse.left-top>.arrow,.webui-popover-inverse.left-bottom>.arrow,.webui-popover-inverse.left>.arrow:after,.webui-popover-inverse.left-top>.arrow:after,.webui-popover-inverse.left-bottom>.arrow:after{border-left-color:#333}.webui-popover i.icon-refresh:before{content:""}.webui-popover i.icon-refresh{display:block;width:30px;height:30px;font-size:20px;top:50%;left:50%;position:absolute;margin-left:-15px;margin-right:-15px;background:url(../img/loading.gif) no-repeat}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg)}}.webui-popover-backdrop{background-color:rgba(0,0,0,.65);width:100%;height:100%;position:fixed;top:0;left:0;z-index:9998}.webui-popover .dropdown-menu{display:block;position:relative;top:0;border:none;box-shadow:none;float:none}



.webui-popover.static {
 position: relative; 
 display: block;
 z-index: 0;
}

.webui-popover.static .webui-popover-content {
 display: block;
}

.webui-popover.static .popover_text {
 text-align: left;
}

.webui-popover.static.small {
 margin: 5px 0 7px 0;
}

.webui-popover.static.small .popover_icon {
 width: 23px;
 min-width: 23px;
 height: 23px;
 margin: 0 15px 0 0;
 font-size: 20px;
}

.webui-popover.static.small .webui-popover-content {
 padding: 3px 7px 3px 4px;
}