label{
	display:none;
}

.boxWrap{
	min-height: 100%; 
	min-width: 100%;
	height: 100%;
    width: 100%;
	z-index: 105;
	position:fixed;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.bgblock{
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 105;
    background-color: rgba(0, 0, 0, 0.5);
}

.popupBox{
	min-height: 80px;
/*	height: 23%;
	height: 220px;*/
	/*width: 75%;*/
	min-width: 200px;
	/*max-width: 90%;*/
	max-width: 70vh;
	position: relative;
	/*
	left: calc(50% - 90% / 2);
	top: calc(50% - 30% / 2);
	*/
	z-index: 115;
	text-align: center;
	
	background-color: white;
	border-radius: 15px;
	
	padding: 25px;
	
	min-width: 200px;
}

.popupBox .content {
	position: absolute;
	position: relative;
	top:0;
	/*height: 60%;*/
	/*width: 100%;*/
	/*background-color: white;*/
	/*border-bottom: black solid 1px;*/
	z-index: 115;
	text-align: center;
	border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    display: table; 
	
	font-size: 18px;
	/*min-width: 240px;*/
	width: 100%;
	max-width: 100%;

	margin-bottom: 10px;
}

.popupBox .content span{
  	display: table-cell; 
  	/*height: 100%;*/
  	vertical-align: middle;
}

.popupBox .alert span, .popupBox .confirm span, .popupBox .cancel span, .popupBox .reject span{
  	display: table-cell; 
  	/*height: 100%;*/
  	vertical-align: middle;
	white-space: nowrap;
}

.popupBox .confirm, .popupBox .cancel, .popupBox .reject, .popupBox .alert{
	display: inline-flex;

	position: relative;
	bottom:0;
	z-index: 115;

    border-radius: 10px;
    width: 40%;
    height: 40px;
    max-width: 90px;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
	
    overflow: hidden;
	padding: 0px 5px;
}

.popupBox .confirm{
	/*
	right:0;
	border-bottom-right-radius: 15px;
	*/
	margin-left: 5%;
}

.popupBox .cancel, .popupBox .reject{
	/*border-right: black solid 1px;*/
	/*left: 0;*/
	/*font-weight: bold;*/
	/*border-bottom-left-radius: 15px;*/
	margin-right: 5%;
}

.popupShareBox{
	height: calc(326 / 667 * 100vh);
	width: calc(100vw - 40px);
	position: relative;
/*	left: calc(50% - 75% / 2);
	top: calc(50% - 45% / 2);*/
	z-index: 115;
	text-align: center;
	height: 80%;
}

.popupShareBox .content {
	background-color: white;
	z-index: 115;
	text-align: left;
	border-radius: 15px;
    display: table; 
    padding: 10%;
    padding: 5%;
    width: inherit;
    height: inherit;
	
	display: flex;
	
	height: 100%;
}

.popupShareBox .content span{
  	display: table-cell; 
  	height: 100%; 
  	width:100%;
  	/* vertical-align: middle; */
	font-size:14px;
	color:#4a4a4a;
	letter-spacing:0;
	text-align:left;
	
	display: flex;
	flex-direction: column;
}

.popupShareBox .content span:not(.popupShareBox .content .math span){
	vertical-align: middle;
}

.popupShareBox .content input{
	width:100%;
	user-select: text;
	-moz-user-select: text;
	-webkit-user-select: text;
}
.popupShareBox .content_preview img{
	width:100%;
}
.popupShareBox .content_preview p {
	word-wrap: break-word;
	text-align: justify;
}

span {
  display: inline-block;
  vertical-align: middle;
}

#shareTitle{
	font-size:14px;
	color:#4a4a4a;
	letter-spacing:0;
	text-align:center;
	height: 20px;
}

.copyButton{
	background: #b5ced5;
	background: #f6a623;
	background: #4146cc;
	box-shadow:0 4px 0 0 #a2adb2;
	box-shadow:0 4px 0 0 #4146cc;
	border-radius:20px;
	text-decoration: none;
	color: #ffffff;
}

.popupBox .content.promptUI {
	display: flex;
    align-items: center;
	justify-content: space-around;
    flex-direction: column;
	
	height: calc(100% - 50px);
}
.popupBox .content.promptUI span {
    /*height: 50%;*/
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
	
    overflow-y: auto;
	
	width: 100%;
}

.popupBox .content.promptUI input {
	width: 90%;
	height: 40px;
	font-size: 14px;
	border: 1px solid gray;
    border-radius: 0;
	
	background-color: #f7f7f7;
}

.popupBox .alert {
	background-color: #517627;
}
.popupBox .alert:active{
	background-color: #6ba22d;
	color: #517627;
}
.popupBox .confirm {
	background-color: #517627;
}
.popupBox .confirm:active{
	background-color: #6ba22d;
	color: #517627;
}
.popupBox .confirm.disable {
	background-color: #c4d2ab;
	box-shadow:0 4px 0 0 #a4b39f, 0 4px 0 0 #6ba22d;
}
.popupBox .cancel {
	background-color: #e5707f;
}
.popupBox .cancel:active {
	background-color: rgb(160, 108, 108);
	color: #e5707f;
}
.popupBox .reject {
	background-color: #ce3535;
}

.popupShareBox .content .content_preview span{
	display: inline !important;
}

.popupShareBox .closebtn{
	width: 40px;
	height: 40px;
	background-color: #e07e7e;
	background-size: 60% 60%;
	background-image: url("../img/btn3_close_n.png");
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	right: -10px;
    top: -20px;
    position: absolute;
	
	cursor: pointer;
}

.popupShareBox  #g_content {
	
}
.popupShareBox  #g_content > div {
	display: inline-block !important;
	vertical-align: middle !important;
}