.pWrapper .pWin.angularTemplate
{
visibility: hidden;
}

.pWrapper
{
position: fixed;
top:0px;
left: 0px;
width:100%;
height:100%;
display: block;
overflow:hidden;
z-index: 999999999;
}

.flex
{
width:100%;
height:100%;
display: -webkit-flex;
display:flex;
justify-content: center;
-webkit-flex-direction:column;
flex-direction: column;
}

.pWrapper .pBg
{
position: absolute;
top:0px;
left: 0px;
width:100%;
height:100%;
display: block;
background:#333;
opacity:0.5;
z-index: 1000;
}
[dir="rtl"] .pWrapper .pBg
{
right: 0;
left:auto;
}

.pWrapper .pWin
{
position: relative;
float:none;
margin: 0px auto;
width:96%;
max-height:90%;
max-width: 1100px;
background:rgba(255,255,255,.95);
z-index: 10001;
border:1px solid #eee;
box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
border-radius: 10px 0 10px 10px;
}

.pWrapper .pWin.overflow
{
height:90%;
}

.pWrapper .pWin.withBtn
{
padding-bottom: 61px;
}

.pWrapper .pWin.overflow img
{
max-width:100%;
}

.pWrapper .pWin .pText
{
position: relative;
width:100%;
float: left;
padding:2px 10px;
box-sizing: border-box;
margin:0px;
overflow-y: scroll;
-webkit-perspective:0;
-webkit-overflow-scrolling: touch;
}

.pWrapper .pWin.overflow .pText
{
position: absolute;
width:calc(100% - 20px);
height:calc(100% - 20px);
padding-bottom:  40px;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
}

.pWrapper .pWin .pText img
{
margin: 0 auto;
}

.panelPopupTitle
{
font-size: 20px;
padding:0 0 10px;
}

.pWrapper .pWin .pButtons
{
position: absolute;
overflow:hidden;
z-index: 1234;
bottom:10px;
left: 10px;
right:10px;
padding: 10px 0 0;
}

.pWrapper .pWin.debugActive .pButtons,
.pWrapper .pWin.debugActive .pClose
{
display: none;
}

.pWrapper .pWin.debugActive
{
min-height:32px !important;
padding:0px !important;
}

.pWrapper .pWin.debugActive .pText
{
line-height: 30px;
margin:0px;
text-align: center;
overflow:hidden;
}

.pWrapper .pClose
{
position: absolute;
top:-37px;
right: -1px;
width:36px;
height: 36px;
z-index:333;
cursor: pointer;
background:rgba(255,255,255,.95);
box-shadow:0 -5px 10px 0px rgba(0, 0, 0, 0.2);
border-radius: 10px 10px 0 0;
}

.pWrapper .pClose:before
{
content:'x';
float: left;
width:36px;
height: 36px;
line-height:36px;
font-size: 17px;
text-align:center;
font-weight: 600;
}
[dir="rtl"] .pWrapper .pClose
{
right: auto;
left:-1px;
}

.br5
{
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
}

.pWrapper .pWin.flexbox
{
display:  flex;
flex-wrap: wrap;
flex-direction:  row;
max-height: 90%;
position:  relative;
}

.pWrapper .pWin.flexbox .pText
{
height: 100%;
overflow-x:  hidden;
overflow-y: auto;
}

.hideThis
{
display: none;
}

.popupClose,
.close
{
position: absolute;
top:-15px;
right: -15px;
width:30px;
height: 30px;
z-index:333;
cursor: pointer;
}

.popupClose:before,
.close:before
{
content:'x';
float: left;
width:30px;
height: 30px;
line-height:30px;
font-size: 17px;
text-align:center;
font-weight: 600;
}
#lightContent
{
text-align: center;
min-width:150px;
min-height: 150px;
}
#lightControl
{
position: absolute;
top:50%;
left: 10px;
right:10px;
height: 30px;
margin-top:-15px;
}
#lightControl span
{
width: 30px;
height:30px;
background-repeat: no-repeat;
cursor:pointer;
}
#prevLight
{
content:'\e81c';
line-height: 30px;
color:inherit;
font-family:'tsoft';
font-style: normal;
font-weight:normal;
text-decoration: inherit;
font-variant:normal;
text-align: center;
text-transform:none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing:grayscale;
speak: none;
}
#nextLight
{
content:'\e81d';
line-height: 30px;
color:inherit;
font-family:'tsoft';
font-style: normal;
font-weight:normal;
text-decoration: inherit;
font-variant:normal;
text-align: center;
text-transform:none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing:grayscale;
speak: none;
}

.popupTitle,
.videoTitle
{
border-bottom:1px solid #ececec !important;
font-size:16px !important;
color:#666 !important;
padding-left:0 !important;
padding-right:0 !important;
font-weight: 600;
}

.popupBtns,
.modal-footer
{
border-top: 1px solid #ececec;
}

.memberPopupWrapper
{
max-width: 580px;
}

.memberPopupWrapper .col,
.memberPopupWrapper .box
{
margin: 0;
}

.memberPopupWrapper .popupInnerBlock
{
width:100%;
}

.videoPopup
{
width: 668px;
margin-top:-10px;
margin-bottom: -10px;
}

.popupMain,
.popupTitle,
.popupInner,
.popupBtns
{
clear: both;
width:100%;
}
@media screen and (min-width: 769px)
{
.ie .pWrapper .pWin.overflow
{
margin-top:40px !important;
}
}
@media screen and (max-width: 768px)
{
.pWrapper .pClose
{
box-shadow: none;
}
body:not(.flexPopup) .pWrapper .pClose
{
top: 5px;
right:10px;
}
body:not(.flexPopup) .pWrapper .pWin
{
width:100% !important;
height:100% !important;
max-width: none;
max-height:none;
border-radius: 0;
}

.pWrapper .pWin
{
max-width:90%;
}

.pWrapper .pWin .pButtons
{
padding-top: 0;
}

.pWrapper .pWin .pButtons button
{
margin-top: 10px;
}

.pWrapper .pWin.withBtn .pText
{
height:100%;
}

.pWrapper .pWin.overflow .pText
{
position: relative;
width:100%;
}
}