/* Minimal Bootstrap 3 layer for likealot "Glow Stage".
   PerfectPanel core still calls Bootstrap 3 JS ($.fn.modal, .tooltip, .dropdown, .collapse, alerts),
   so only the structural rules those plugins need live here. All visual styling is in style.css. */
.fade{opacity:0;transition:opacity .2s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
.collapsing{position:relative;height:0;overflow:hidden;transition:height .3s ease}
.hidden{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.pull-right{float:right!important}
.pull-left{float:left!important}
.text-center{text-align:center}
.text-right{text-align:right}

/* dropdown */
.dropdown,.dropup{position:relative}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;margin:6px 0 0;padding:6px;list-style:none;text-align:left}
.dropdown-menu-right,.dropdown-menu.pull-right{right:0;left:auto}
.open>.dropdown-menu{display:block}
.dropdown-backdrop{position:fixed;inset:0;z-index:990}

/* modal */
.modal-open{overflow:hidden}
.modal{position:fixed;inset:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{transform:translateY(-24px);transition:transform .3s ease-out}
.modal.in .modal-dialog{transform:none}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:16px}
.modal-content{position:relative;background-clip:padding-box;outline:0}
.modal-backdrop{position:fixed;inset:0;z-index:1040}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.in{opacity:.7}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:560px;margin:48px auto}.modal-sm{width:360px}}
@media (min-width:992px){.modal-lg{width:860px}}

/* tooltip */
.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;line-height:1.5;opacity:0;word-wrap:normal;white-space:normal}
.tooltip.in{opacity:1}
.tooltip.top{margin-top:-4px;padding:5px 0}
.tooltip.right{margin-left:4px;padding:0 5px}
.tooltip.bottom{margin-top:4px;padding:5px 0}
.tooltip.left{margin-left:-4px;padding:0 5px}
.tooltip-inner{max-width:260px;padding:6px 10px;text-align:center}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0}

/* grid helpers that core templates use (order fields, modals) */
.row{display:flex;flex-wrap:wrap;margin:0 -8px}
.row>[class*="col-"]{padding:0 8px;width:100%}
@media (min-width:768px){.col-md-6,.col-sm-6{width:50%!important}}
.input-group{position:relative;display:flex;align-items:stretch;width:100%}
.input-group .form-control{flex:1;min-width:0}
.input-group-btn{display:flex}