/*! jQuery Scrollbars | License: https://github.com/nathggns/Scrollbars/blob/master/LICENSE */.scrollElement.scrollRoot{overflow:hidden}.rootWrap{overflow-x:auto;overflow-y:auto}.scrollElement.axisInUseX .rootWrap{overflow-x:hidden}.scrollElement.axisInUseY .rootWrap{overflow-y:hidden}.scrollElement.scrollRoot:focus{outline:0}.scrollElement.dragConX{height:10px;left:0;width:100%;bottom:0}.scrollElement.dragConY{width:10px;top:0;height:100%;right:0}.scrollElement.dragCon{position:absolute;background:rgba(0,0,0,0.5)}.scrollElement.drag{background:#4E7096;position:absolute;top:0;left:0}.scrollElement.dragX{min-width:5%;max-width:95%;height:100%}.scrollElement.dragY{min-height:5%;max-height:95%;width:100%}.scrollElement.dragConInner{position:absolute;top:0;bottom:0;right:0;left:0}.scrollElement.contentWrap{float:left;position:relative;min-width:100%;min-height:100%}


/* CSS FOR POPUP */
.close_popup{position:absolute;right:-24px; top:-24px;z-index:1;}
.popup_overlay { width:100%; height:100%; z-index:999; top:0; left:0; position:fixed; }
.popup_overlay:after { position: absolute; top: 0; width: 100%; height: 100%; }
.popup-mid-container { margin:50px auto 0; width:80%;border:5px solid #eee;background:#fff; padding:3%; height:400px;position:relative; }
.scroll { height: 400px; overflow: scroll; padding-right:20px; margin-right:2px; }
.demo { float: left; width:100%; }

@media only screen and (max-width: 959px) {
.popup-mid-container {margin:10px 5% 0;width:80%;border:5px solid #eee;background:#fff; padding:3%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.popup-mid-container {margin:10px 5% 0;width:84%;border:5px solid #eee;background:#fff; padding:1%;}
}

@media only screen and (max-width: 767px) {
.popup-mid-container {margin:10px 5% 0;width:80%;border:5px solid #eee;background:#fff; padding:3%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.popup-mid-container {margin:10px 5% 0;width:82%;border:5px solid #eee;background:#fff; padding:2%;}
}

@media only screen and (max-width: 479px) {
.popup-mid-container {margin:10px 5% 0;width:80%;border:5px solid #eee;background:#fff; padding:3%;}
}

@media only screen and (max-width: 320px) {
.popup-mid-container {margin:10px 5% 0;width:80%;border:5px solid #eee;background:#fff; padding:3%;}
}