.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: #fff;
z-index:  10001;
border: 1px solid #eee;
border-radius:  0;
padding: 20p;
}

.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: auto;
-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;
}

.pButtons button
{
height:  40px;
font-size: 14px;
text-transform:  uppercase;
font-weight: 600;
background-color: #252d2f !important;
}

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

.pWrapper .pClose
{
position:  absolute;
top: -18px;
right:  -18px;
width: 35px;
height:  35px;
z-index: 333;
cursor:  pointer;
background: url(/Data/EditorFiles/Creawork/image/popupClose.svg) no-repeat center;
border:  3px solid #fff;
border-radius: 100%;
box-sizing:  border-box;
}
[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;
}
#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;
width:  25px;
height: 25px;
background-size: 100%;
}
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%;
padding-bottom:  0;
}
}