.popModalWrap {
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    white-space: nowrap;
}

.popModal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 999999 !important;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.popModal-Content {
    /*z-index:1030;*/
	background:#fff;
    margin: auto;
    margin-top: 20px;
    padding: 25px;
    border: 1px solid #888;
    width: 900px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 6px 6px;
}

.popModalBottom {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1030;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.popModalBottom-Content {
    /*z-index:1030;*/
    margin: auto;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #888;
    width: 900px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 6px 6px;
}

.popModalBase {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1030;
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.popModalBase-Content {
    /*z-index:9980; */
    margin: auto;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #888;
    width: 900px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 6px 6px;
}

.popCloseA {
    color: #fff;
    margin-left: 6px;
	top:-6px;
    font-size: 22px;
    font-weight: bold;
	margin-right:0px;
	position: relative;
}
.popCloseLocA {
	width:27px;
	height:27px;
	background:#999;
	border:1px solid #000;
	border-radius:50%;
	position: absolute; 
	top:15px;
	margin-left:-100px;
}
.popClose {
    color: #fff;
    margin-left: 5px;
	top:-8px;
    font-size: 28px;
    font-weight: bold;
	margin-right:0px;
	position: relative; 
}
.popCloseLoc {
	width:27px;
	height:27px;
	background:#333;
	border:1px solid #000;
	border-radius:50%;
	position: absolute; 
	top:15px;
}

.popClose:hover,
.popClose:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.popCloseA:hover,
.popCloseA:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.viewCommentPopBaseX{
	text-align:center;
	width:80px;
	background:#333;
	color:#fff;
	border:1px solid #f4f4f4;
	border-radius:3px;
	position: absolute; 
	padding:3px;
	top:15px;
	margin-left:-50px;
}
.viewCommentPopBaseA{
	text-align:center;
	width:120px;
	color:#fff;
	background:#333;
	border:1px solid #f4f4f4;
	border-radius:3px;
	position: absolute; 
	padding:3px;
	top:35px;
	margin-left:-50px;
}

.textC {
    text-align: center;
}

.textR {
    text-align: right;
}

.textL {
    text-align: left;
}

.noDp{
	display:none;
}

.setList{
	border:1px solid #333;overflow:hidden;width:140px;height:160px;padding:0px;border-radius:5px;
}
.setListSub{
	min-height:160px;
	min-width:140px;
}
.setListTxt{
	color:#333 !important;	
}



.radio-label {
  display: block;
  margin-bottom: 1.5em;
  float:left;
  margin-right:20px;
  > input {
    display: none;
  }
  
  > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
    border: 2px solid #efefef;
    box-shadow: inset 0 0 0 4px #efefef;
    transition: .25s;
  }
  
  > span {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 2px dotted #333;
    text-transform: uppercase;
    letter-spacing: 3px;
	font-size:13px;
  }
  
  > input:checked + i {
    border: 1px solid #11c852;
    background: #11c852;
  }
  
  &:hover {
    cursor: pointer;
  }
}


.setSel{
	font-size:17px;
}
.top50{
	top:50px;
}

.setFramevideo{
	overflow:hidden;
	border:2px solid #000;
	border-radius:15px;
}
.swal-overlay {
    z-index: 99999999 !important;
}

.setBg{
	width:80px;height:80px;border:1px solid #333;border-radius:10px;margin-right:10px;float:left;
}
.setBg2{
	width:60px;height:60px;border:1px solid #333;border-radius:6px;margin-right:7px;float:left;
}


.LoadingSet {
    display: none;
    position: fixed;
    z-index: 999999998;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(32, 58, 83);
    /* Fallback color */
    background-color: rgba(32, 58, 83, 0.1);
    /* Black w/ opacity */
}

.Loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.cursor{
	cursor:pointer;
}

.border10{
	border: 1px solid #ccc; border-radius:10px;
}
.border15{
	width:100%;border: 1px solid #ccc; border-radius:15px;
}
.border20{
	border: 1px solid #ccc; border-radius:20px;
}




/* --- Info Block with Borders --- */
.lm-info-block {
  position: relative;
  text-align: center;
  width: 100%;
  display: block;
  margin: 0 0 15px 0;
  background-color: #333;
  padding: 20px 10px;
  border: 1px solid #444;
  border-radius:10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.lm-info-block i {
  position: relative;
  font-size: 33px;
  color: #04b4e0;
  z-index: 1;
}

.lm-info-block h4 {
  font-size: 15px;
  margin-top: 8px;
}

.lm-info-block .lm-info-block-value {
  font-size: 30px;
  line-height: 30px;
  font-weight: 400;
  display: block;
  margin: 10px 0;
  color: #04b4e0;
}


.lm-info-block .lm-info-block-value:empty {
  margin: 0;
}
/* --- End of Info Block with Borders --- */



.points-container {
  overflow: hidden;
  text-align:center;
}

.point-item {
  opacity: 0;
  transform: translateY(20px);
  animation: slideIn 0.5s forwards;
  font-size:20px;
  color:#ed7e95;
  font-weight:600;
  text-align:center;
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Delay each item's animation for a staggered effect */
.point-item:nth-child(1) { animation-delay: 0.2s; }
.point-item:nth-child(2) { animation-delay: 0.4s; }
.point-item:nth-child(3) { animation-delay: 0.6s; }
.point-item:nth-child(4) { animation-delay: 0.8s; }


#setViewPoint{
	padding:20px;
}

.mypageMenu{
	border-bottom:1px solid #efefef;width:100%;padding:7px;
}
.selectedMenu{
    color:#354e6e;font-weight:500;
	padding:7px;background:#f1f5fa;
	border-radius:10px;
	width:100%;
}
.mypageMenu:hover {
  background:#f3f6f9;
  color:#5e738e;
}

.butBase1{
	width:150px;padding:7px;background:#333;text-align:center;color:#fff;border-radius:7px;
	font-size:15px;
	cursor:pointer;
}

.butBase1:hover {
  background:#333;
  color:#8d9da9;
}

.smallbtn{
	padding:5px 13px 5px 13px;
	font-size:14px;
	border-radius:5px;
	margin-right:7px;
}



/**  =====================
      Data Tables css start
==========================  **/
.table th{
  white-space: nowrap;
  padding: 0.45rem 0.6rem;
   -webkit-print-color-adjust: exact; 
}
.table th{
  white-space: nowrap;
  padding: 0.45rem 0.6rem;
   -webkit-print-color-adjust: exact; 
}
.table td{
  white-space: nowrap;
  padding: 0.4rem 0.6rem 0.3rem;
  border-bottom: 0px solid #ced4da;
   -webkit-print-color-adjust: exact; 
}
.table thead th {
  border-bottom: 1px solid #ced4da;
  font-weight:700;
  color:#666;
   -webkit-print-color-adjust: exact; 
}
.table tbody + tbody {
  border-top: 1px solid #ced4da;
   -webkit-print-color-adjust: exact; 
}
.table tr:last-child td{
  border-bottom: 1px solid #dee3e8;
}
.table tbody {
  font-size:10pt;
}
.table_board{
  border-bottom: 1px solid #dee3e8;
}




.ListBut {
    font-size: 16px;
    cursor: pointer;
}

.ListFileBut {
    font-size: 17px;
}



#datepickers-container{
	z-index: 999999 !important;
}

.table tbody tr:nth-child(odd) {
    background-color: #f0f5f9; 
}
.table tbody tr:nth-child(even) {
    background-color: #fafbfb; 
}
.table thead  {
    background-color: #fff; 
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}

.but-left{
   margin-left:15px;
}
.but-right{
   margin-right:15px;
}
.p-title{
   margin-left:5px;
   font-weight:600;
   font-size:16px;
   color:#000;

}

.viewstyle1{
	padding:7px 10px 7px 10px;
}
.viewstyle2{
	padding:7px 10px 7px 10px;
	font-size:15px;
	width:120px;
}

.eye{
   height:15px;position:relative;top:3px;
}

.vList{
	border-bottom:1px solid #fff;
}
.borders{
    border:1px solid #9ea6bc;
}

.floatL{
	float:left;
}
.floatR{
	float:right;
}
.lineBlock{
	display: inline-block;
}

.imgClass1{
	width:100px;height:100px;margin-right:10px; float:left; border:1px solid #333; border-radius:10px;cursor:pointer;margin-bottom:7px;
}
.clear{
	clear:both;
}

.hTitle1{
	padding:10px;font-size:16px;text-decoration: underline;
}

.hTitle2{
	padding:10px;font-size:15px;;
}
.hTitle3{
	padding:10px;font-size:15px;color:#455364;text-decoration: underline;
}
.hTitle4{
	font-size:16px;color:#455364;text-decoration: underline;
}
.hTitle5{
	font-size:13px;color:#455364;text-decoration: underline;
}
.swal-width-set{
	width:90%;
	max-width:800px;
}
.swal-width-set-img{
	width:100%;
	max-width:780px;
}
.popBg{
	color:#fff;text-align:center;margin-top:20px;font-size:15px;padding-bottom:20px;
}
.selUserSet{
	border:1px solid #7792b3; border-radius:10px;padding:9px;background:#fff;margin-bottom:5px;font-size:14px;
}
.selUser{
	border:1px solid #b2b9c3; border-radius:10px;padding:9px;background:#fff;margin-bottom:5px;font-size:14px;
}
.canceli{
	border:1px solid #ce9ea9; border-radius:10px;padding:9px;background:#f7edf0;margin-bottom:5px;font-size:14px;
}
.borderset1{
	border:1px solid #b2b9c3; border-radius:10px;width:100px;height:100px;
}

.setting-block1{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ebeff3;
	font-size:15px;
	color:#000;
}

.bottom-right-fixed-chat {
	z-index:999 !important;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    /* background-color: rgba(0, 0, 0, 0.5); 
    color: #fff; 
	*/
}
.bgimgset{
	width:100%;border-radius:10px;		
}
.inversion{
  transform:scaleX(-1);
}
.inversionun{
  transform:scaleX(1);
}

.selvideo{
	border:1px solid #333;background:#fff;width:30px;height:30px;border-radius:50%;margin-right:20px;float:right;cursor:pointer;
}
.selvideobase{	
	overflow:hidden;height:50px;width:350px;;background-color: rgba(0, 0, 0, 0.5);border-radius:18px 20px 0px 0px;position:fixed;padding-top:10px;z-index:9;
}
.selvideoTime{
	color:#fff;font-size:15px;font-weight:500;position:relative;top:5px;float:right;margin-right:20px;
}
.selvideo3{
	width:250px;padding:10px 20px 10px 20px ;margin:10px;border:1px solid #294e6c; background-color: rgba(58, 96, 126, 0.8); ;border-radius:12px;
}
.selvideo2{
	width:250px;padding:10px 10px 10px 10px;margin:10px;margin-bottom:20px;border:1px solid #fff; background-color: rgba(0, 0, 0, 0.4); ;border-radius:12px;
}

.vsetframe{
    overflow:hidden;background-size:cover;background-position:center;background-repeat: no-repeat;border:2px solid #000;border-radius:20px;left:50%;width:350px;height:600px;
}



.setting-block-set{
   padding-top:25px; padding-bottom:25px;width:100%;
}


.pstyle {
   opacity : 0;
   display : none;
   position : relative;
   width : 800px;
   border : 5px solid #000;
   border-radius:10px;
   padding : 20px;
   background-color : #fff;
}
.b-close {
   position : absolute;
   right : 5px;
   top : 5px;
   padding : 0px; /* padding : 5px; */
   display : inline-block;
   cursor : pointer;
}