\.orange-fade {
/*     background: #f5f5f5; */
/*     background: linear-gradient(135deg,#747474 0,#505050 100%); */
	   background: #EAEAEA;
}
.pos-r {
    position: relative!important;
}
.reply_origin{
	cursor:pointer;	
}

.ad_disp{
	position:absolute;
	top:4px;
	left:4px;
	border-radius:6px;
	background:#8497b0;
	padding:2px;
}
.white {
    background: #fff;
}
.text-white {
    color: #54515f!important;
}
.text-gray {
    color: #363636;
}
.est_okay{
	margin-top:2px;
	padding:1px;
	padding-left:3px;
	padding-right:3px;	
	border-radius: 6px;
    background: #e0e8f4;
    height:20px;
}
.est_wait{
	margin-top:2px;
	padding:1px;
	padding-left:3px;
	padding-right:3px;	
	border-radius: 6px;
    background:#9BFF94;height:20px;
}
.est_none{
	margin-top:2px;
	padding:1px;
	padding-left:3px;
	padding-right:3px;	
	border-radius: 6px;
    background:#EAEAEA;height:20px;
	
}

.jj_ps_disp{
	border-radius: 6px;
    background: #e0e8f4;
    padding: 2px;
    font-size: 14px;
    line-height:50px;	
}
.testimonial {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.separator {
    width: 14%;
    height: 3px;
    margin: 1.2em auto 1em;
    background: #ffc53a;
}
/* .est_row{ */
/*   width:100%;	 */
	
/* } */
/* .est_left{ */
/* 	float:left; */
/* 	margin-right:2%; */
/* 	width:47%; */
/* 	padding:3px; */
/* 	background:white; */
/* 	border-radius:4px; */
/* 	cursor:pointer; */
/* 	border:1px #f5f6f7 solid; */
/* } */

/* .est_left:hover{ */
/* 	background:#f5f6f7; */
	
/* } */
.msss{
height:30px;
line-height:30px;
color:#374d76;
}
.dash_search{
position:relative;
width:40%;
/* padding-top:40px; */
font-size:17px;
height:50px;
}
.dashed_ok{
 max-height:300px;
 overflow-y:auto;
}
.dash_logo{
	font-size:60px;margin-bottom:30px;
}
.dash_keyword{
	height:400px;
	max-height:320px;
	margin-top:-55px;
	z-index:111111111111111111111111111111111111111111111111111111111;
}
.dash_keyword_tit{
	background:#EAEAEA;
	border-radius:10px;
	padding:2px;
	float:left;
}
.dash_keyword_x{
padding:2px;
float:right;
color:red;
font-size:24px;
cursor:pointer;
}
.dash_keyword-container_1{
padding:20px;
}
.dash_keyword-container{
  
  width: 490px;
  display: block;
  margin: 0 auto;
  background:white;
  height:400px;
  max-height:400px;
  text-align:left;
  border-bottom-right-radius:27px;
  border-bottom-left-radius:27px;
  border:1px #D4d4d4 solid;
  z-index:11111111111111111111111111111111111111111111111111111111111111111111111111111;
  background:white;
}
body {
  background: #20262E;
  font-family:sans-serif !important;
/*   padding: 20px; */
/*   font-family: Helvetica; */
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}
.tip_right_tit{
float:right;
padding-right:10px;
border-bottom:1px #BDBDBD solid;
}
li {
  margin: 8px 0;
}
/* .mark_me{ */
/* 	border-radius:700px; */
/* 	background:#f5f6f7; */
/* 	width:20px; */
/* 	height:20px; */
/* 	padding:1px; */
/* } */
/* .chatDateIcon{ */
/* 	background:#f5f6f7; */
/* 	padding:6px; */
/* 	border-radius:14px; */
	
/* } */
.edit{
	position:absolute;
	width:69%;
	bottom:50px;
	left:30%;
	height:135px;
	border:1px #EAEAEA solid;
	background:white;
}
/* .chatDateBorder{ */
/*   width:100%; */
/*   height:50px; */
/*   line-height:30px; */
/*   border-top:1px #EAEAEA solid; */
/*   padding-top:50px; */
/*   margin-top:25px; */
/*   margin-bottom:25px; */
/*   color:grey; */
/* } */
/* .common_save{ */
/* 	width: 60px;  */
/* 	margin-right: 7px;  */
/* 	border: 0px solid rgb(75, 84, 95);  */
/* 	height: 26px;  */
/* 	margin-top: 4px;  */
/* 	line-height:26px;  */
/* 	font-size:16px;  */
/* 	border-radius: 4px;  */
/* 	color: white;  */
/* 	background-color: rgb(75, 84, 95);  */
/* 	/* font-weight: bold;	 */ */
/* 	cursor:pointer;	 */
/* } */

/* .custom-menu-part-textarea { */
/* 	width:98%; */
/* 	padding:1%; */
/* 	margin:1%; */
/* /* 	margin-left:3%; */ */
/* 	height:70px; */
/* /* 	border:1px grey dashed; */ */
/* 	outline:none; */
/* 	border:0px; */
/* 	border-radius:10px; */
/* 	font-size:14px; */
/* 	font-family:"맑은 고딕",dotum,sans-serif; */
/* 	resize: none; */
/*  	background:#f5f6f7; */
/* 	line-height:18px; */
/* 	border-bottom:1px #EAEAEA dashed; */
/* } */


.ms_part_name{
	padding-left:6px;
	min-height:150px;
	padding-top:10px;
	word-break: break-word;
 	word-wrap: break-word;
	max-height:180px;
	margin-bottom:10px;
/* 	border-bottom:1px #c4d9ec solid; */
}

h2 {
  font-weight: bold;
  margin-bottom: 15px;
}

del {
  color: rgba(0, 0, 0, 0.3);
}
.jax{
height:33px;line-height:33px;
border-bottom:1px #EAEAEA solid;font-size:15px;
}
/* .reference{ */
/*   height:16px; */
/*   line-height:16px; */
/*   width:90%; */
/*   margin-left:0%; */
/*   color:grey; */
/*   font-size: 13.5px; */
/*   border-bottom: 1px #BDBDBD solid; */
/*   cursor:pointer; */
/* } */

/* .reference1{ */
/*   float:right; */
/*   height:16px; */
/*   line-height:16px; */
/*   width:90%; */
/*   margin-right:10%; */
/*   color:grey; */
/*   text-align:right; */
/*   font-size:16px; */
/* } */
input#searchBars{
  margin: 0 auto;
  margin-left:15px;
  width: 100%;
  height: 35px;
  padding: 0 20px;
  font-size: 15px;
/*   border-bottom: 1px solid #D0CFCE !important; */
/*   box-shadow: rgba(32, 33, 36, 0.28) 0px 1px 6px 0px; */
  outline: none;
  margin-top:5px;
  border-radius:7px;
  
 }
.donut_row{
	width:100%;
}
.donut_left{
float:left;width:65%;padding-left:15%;text-align:left;
}

.donut_right{
float:left;width:20%;font-weight:600;font-size:18px;
line-height:22px;
}
 
.left_menu{
color:black !important;
}
/* .img_link{ */
/* 	width:90%; */
/* 	height:auto; */
/* 	margin-left:5%; */
/* 	margin-top:10px; */
/* 	float:right; */
/* 	border-radius:20px; */
/* } */

/* .img_link1{ */
/* 	width:90%; */
/* 	float:left; */
/* 	height:auto; */
/* 	margin-left:5%; */
/* 	margin-top:10px; */
/* 	border-radius:20px; */
/* } */
.element_to_toggle {
    position:absolute;
    top:60px;
    width:100%;
    height:auto;
    border-top:0px #BDBDBD solid;
    border-bottom:0px #BDBDBD solid;
    background:red;
    z-index:1111111111111111111111111111111111111111111111111111;
}

.one-slide {
  border-radius: 3px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.1rem;
  height: 150px;
}

@media only screen and (min-width: 100px) and (max-width: 500px) {
   .one-slide {
  	border-radius: 3px;
  	margin-left: 2px;
  	margin-right: 2px;
  	font-size: 12px;
 	height: 120px;
	}
	.mt-5{
			margin-top: 1rem!important;
	}
	.one-slide img {
  		width: 60%;
	}
	
}
.one-slide img {
  width: 60%;
}
.carousel-controls .control {
  position: absolute;
  cursor: pointer;
  top: 30.4%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  
}
.prev {
  left: -1.875rem;
  z-index:1111111111111111111111111;
  top:30px;
}
.next {
  right: -1.875rem;
   z-index:1111111111111111111111111;
}
.testimonial-carousel { 
/*   &.slick-initialized {  */
/*     display: block;  */
/*   } */

}
 .message {
    width: 100%;
    font-size: .9rem;
  }
  .brand {
    width: 100%;
  }
  
  
/*   @media (min-width: 575px) { */
/*     .one-slide { */
/* 	    height: 200px; */
/* 	    margin-left: 5px; */
/*  		margin-right: 5px; */
/*   		font-size: 13px; */
/*   		background:red; */
/* 	  } */
/*     img { */
/*   	    width: 40%; */
/*   	  } */
/*   } */
}

.p1-5 {
    padding: 1.3rem !important;
}

.vis-vertical{
	min-height:400px;
	
}


.bottom_div{
	width:100%;
	height:300px;
	color:white;
	line-height:30px;
	font-size:19px;
	background:#5d656f;
	padding:10px;
	padding-left:50px;
	padding-right:50px;
	
}

.bottom_div1{
	width:700px;
	text-align:left;
}




.dash_disp{
width:100%;
height:auto;
}

.dash_icon{
float:left;
width:100px;
height:100px;
padding-top:5px;
margin:10px;
font-weight:600;
border:1px #EAEAEA solid;
font-size:14px;
opacity:0.8;
color:grey;
}

.dash_icon:hover{
border:1px #BDBDBD solid;
color:black;
opacity:1;
}


.stem_work_ms{
 position:absolute;
 top:2px;
 left:2px;
 color:grey;
 font-size:16px;
 line-height:16px;
 
}

.stem_work_ms2{
 position:absolute;
 bottom:12px;
 left:2px;
 color:grey;
 font-size:16px;
 line-height:15px;
 padding-left:60px;
}

.step_work_div{
height:90px;
position:relative;
line-height:75px;
text-align:left;
width:650px;
font-size:20px;
border:1px #BDBDBD solid;
background:white;
margin-bottom:10px;
padding-left:50px;
}

.messageDisp{
	width:50%;
	height:500px;
	background:white;
	position:absolute;
	right:0px;
	top:0px;
	color:black;
	font-size:15px;
	border-left:1px #bdbdbd solid;
	border-bottom-right-radius:20px;
	border-top-right-radius:20px;
	z-index:11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111;
}

.main_menu_bar{
height:50px;
line-height:40px;
width:100%;
background:white;
position:fixed;
font-size:18px;
z-index:11111;
margin-right:200px;
font-weight:600;
/* border-bottom:1px #EAEAEA solid; */
-webkit-box-shadow:0px 0px 1px #EAEAEA;
-moz-box-shadow:0px 0px 2px #EAEAEA;
box-shadow:0px 0px 2px #EAEAEA;
}

.menu_logo{
float:left;
padding-left:30px;
width:auto;
}

.menu_go{
width:100%;
border:0px red solid;
margin-top:50px;
height:230px;
background:white;
text-align:center;
}

.menu_go1{
float:left;
padding-top:50px;
width:236px;
text-align:middle;
color:#0f5d91;
font-weight:600;

}

.menu_go1 a{
color:#0f5d91;
}

.badge_color{
background:#3bafda;
}
.badge_noncolor{
background:#BDBDBD;
}

.spanpart{
position:relative;
width:170px;
}
.span_part{
position:absolute;
width:70px;
z-index:111;
font-weight:600;
color:#0885b3;
}

.span_part1{
position:absolute;
background:#3bafda;
height:10px;
top:70px;
left:0px;
}

.span_part2{
position:absolute;
background:#D5D5D5;
height:10px;
top:70px;
}

.span_move{
cursor:pointer;
margin-top:0px;
font-size:16px;
float:right;
width:auto;
}

.span_move1{
cursor:pointer;
margin-top:0px;
margin-right:20px;
font-size:16px;
float:right;
width:auto;
}

/* Right sidebar */
.side-bar.right-bar {
  float: right !important;
  right: -366px;
  top: 50px;
  bottom: 0;
  font-size: 0.9rem;
  margin-top:0px;
}
.noti-icons{
 color:#4c566;
	
}
.side-bar {
  -moz-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  background-color: white;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
  display: block;
  float: left;
  overflow: auto;
  position: fixed;
  transition: all 200ms ease-out;
  width: 340px;
  margin-top:0px;
}

.right-bar {
  background: white !important;
  z-index: 99 !important;
  margin-top:20px;
}
 h4 {
    border-bottom: 1px solid light;
    padding-bottom: 10px;
    font-size: 1.2rem;
  }
  .nav-link {
    font-size: 16px;
  }
  .tab-content {
    padding: 20px;
  }
  
  
.top_main{
width:100%; 
position:fixed; 
font-size:17px; 
font-weight:600; 
color:#6F6F6F; 
height:45px; 
background:white; 
z-index:3333; 
border-bottom:1px #BDBDBD solid;
}

.top_menu{
float:right;
width:auto; 
height:45px;
margin-top:0px; 
line-height:45px; 
text-align:center; 
padding-left:6px; 
padding-right:6px; 
margin-right:0px; 
border-radius: 3px;
cursor:pointer;
color:#6F6F6F; 
}


.top_menu_con{
font-size:14.5px;
line-height:20px; 
background:white;
padding:4px; 
width:200px; 
height:200px;	
max-height:240px;	
ovewflow-y:auto;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); 
}

.img_logo{
margin-top:5px;
margin-left:20px;
height:35px;
opacity:1;	
}

.img_logo_select{
margin-top:5px;
margin-left:0px;
height:105px;
margin-bottom:5px;
opacity:1;	
}


.img_logo2{
margin-top:5px;
height:35px;
opacity:1;	
}

a .img_logo{
-webkit-filter: grayscale(100%);filter: gray;	
}

a:hover .img_logo{
-webkit-filter: grayscale(0%);filter: gray;s	
}


.re{
height:400px;
width:500px;
line-height:25px; 
font-size:16px;
padding:5px;
margin-top:-10px;	
}




.select_menu{
width:100%;
height:5px;
position:relative;
background:#EAEAEA;	
	
}
.selected{
postion:absolute;
width:100px;
height:5px;
background:#586B89;	
}

.sel_left1{
margin-left:80px; 	
}
.sel_left0{
margin-left:0px; 	
}
.sel_left2{
margin-left:180px; 	
}

.sel_left3{
margin-left:280px; 	
}

.sel_left4{
margin-left:350px; 	
}


.drop_con_left1{
float:left;
margin-top:10px;
color:#586B89;
width:250px;
border:0px red solid;	
}

.drop_con_right1{	
float:left;
width:240px;
}	

.drop_con_left0{
float:left;
margin-top:10px;
color:#586B89;
width:320px;
border:0px red solid;
}

.drop_con_right0{	
float:left;width:160px;
}	


.drop_con_left2{
float:left;
margin-top:10px;
color:#586B89;
width:300px;
border:0px red solid;	
}

.drop_con_right2{	
float:left;
width:190px;
}	

.left0{
margin-left:10px; 	
}

.left1{
margin-left:-100px; 	
}

.left2{
margin-left:-200px; 	
}

.left3{
margin-left:-300px; 	
}

.left4{

border:0px red solid; 
margin-left:-370px; 
width:520px; height:auto; min-height:300px;	
		
}
  
 a:hover {
/*   text-decoration:underline; */
}
a {
   color:#4c5667;
} 

.dropbtn {
    background-color: #4B545F;
    color: white;
    padding: 0px;
    font-size: 15px;
    border: none;
    cursor: pointer;
    z-index:20000;
}

.dropdown {
    position: relative;
    display: inline-block;
    
}

.dropdown-content {
    display: none;
    position: absolute;
    text-align:left;
    margin-left:-5px;
    background-color: #fff;
    width:150px;
    font-size:14.5px;
    height:auto;
    line-height:30px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 20000;
}

.dropdown-content a {
    color: #7B8C9B;
    padding-left:5px;
    text-decoration: none;
    display: block;
    background:white;
}

.dropdown-content a:hover {background-color: #f1f1f1}


.dropdown:hover .dropdown-content {
    display: block;
    transition: 
    opacity 0.3s ease, 
    transform 0.3s ease, 
    visibility 0.3s;
}

.dropdown:hover .dropbtn {
    background:white;
 }


.dropdown_project {
    position: relative;
    display: inline-block;
    float:right; 
    cursor:pointer; 
    line-height:30px;
    color:#7B8C9B; 
    padding-left:4px; 
    padding-right:4px; 
    border-bottom:1px #BDBDBD dashed;
}

.dropdown_project-content {
    display: none;
    position: absolute;
    text-align:left;
    background-color: #fff;
    font-size:14.5px;
    height:auto;
    line-height:30px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 20000;
    margin-left:-100px;
    width:240px;
    min-height:250px;
    
 }

.dropdown_project-content a {
    color: #7B8C9B;
    padding-left:5px;
    text-decoration: none;
    display: block;
    background:white;
}

.dropdown_project-content a:hover {background-color: #f1f1f1}
.dropdown_project:hover .dropdown_project-content {
    display: block;
   
}

.dropdown_project:hover .dropbtn {
    background:white;
 }
 
 .scatter_display{
float:left;
width:800px;
height:500px; 
/* background:#EAEAEA;	 */
border:0px #BDBDBD solid; 
border-left:0px;
}	

.avg_display1{
width:100%;
height:130px;
}	

.avg_display2{
float:left;
height:129px;
border-right:1px #BDBDBD solid;
border-bottom:1px #BDBDBD solid;	
}

.av1{
width:298px;
}

.av2{
width:220px;
}

.av3{
width:150px;
}


.av4{
width:217px;

}

.av5{
 width:400px;	
 border-right:0px;
}


.avg_title{
height:30px;
line-height:30px;	
}

.avg_con{
height:120px;
line-height:50px; 
font-size:20px;	
	
}
.avg_scatter{
height:300px;
border:1px red solid;	
	
}
.scatter_screen_left{
position:relative;
width:50px;	
height:330px;
float:left;
}

.scatter_screen_right{
position:absolute;
width:200px;	
height:330px;
top:10px;
left:700px;
line-height:18px;
opacity:0.8;
color:black;
}


.scatter_screen{
position:relative;
width:500px;
float:left;
height:350px;
border:1px #BDBDBD solid;
/* border-bottom:1px #BDBDBD solid; */
/* border-left:1px #BDBDBD solid;	 */
margin-top:40px;
margin-left:0px;
background:#f6f6f6;

}

.scatter_point{
height:7px;
width:7px;
border-radius:600px;
background:#059bd2;	
position:absolute;	
cursor:pointer;
z-index:110;
opacity:0.7;
}

.scatter_point_f{
height:7px;
width:7px;
border-radius:600px;
position:absolute;	
cursor:pointer;
z-index:110;
opacity:0.8;
}

.scatter_point_f1{

}

.f1{background:#4375DB}
.f2{background:#FF007F}
.f3{background:#DF4D4D}
.f4{background:#FF0000}
.f5{background:#030066}
.f6{background:#1DDB16}
.f7{background:#5D5D5D}
.f8{background:#99004C}
.f9{background:#FFBB00}
.f10{background:#997000}
.f11{background:#FFE400}
.f12{background:#C4B73B}
.f13{background:#1DDB16}
.f14{background:#2F9D27}
.f15{background:#9354ED}
.f16{background:#ABF200}
.f17{background:#99004C}
.f18{background:#ABF200}
.f19{background:#C4B73B}
.f20{background:#BDBDBD}

.ff1{color:#4375DB}
.ff2{color:#FF007F}
.ff3{color:#DF4D4D}
.ff4{color:#FF0000}
.ff5{color:#030066}
.ff6{color:#1DDB16}
.ff7{color:#5D5D5D}
.ff8{color:#99004C}
.ff9{color:#FFBB00}
.ff10{color:#997000}
.ff11{color:#FFE400}
.ff12{color:#C4B73B}
.ff13{color:#1DDB16}
.ff14{color:#2F9D27}
.ff15{color:#9354ED}
.ff16{color:#ABF200}
.ff17{color:#99004C}
.ff18{color:#ABF200}
.ff19{color:#C4B73B}
.ff20{color:#BDBDBD}













.scatter_pointer{
opacity:0.7;
}


.scatter_point0{
height:7px;
width:7px;
border-radius:600px;
background:#059bd2;	
position:absolute;	
cursor:pointer;
z-index:110;
opacity:0.7;
}

.scatter_point0:hover{
height:7px;
width:7px;
border-radius:600px;
background:black;	
cursor:pointer;
z-index:1111110;
opacity:0.7;
}

.scatter_point1{
height:7px;
width:7px;
border-radius:600px;
background:#BDBDBD;	
position:absolute;	
cursor:pointer;
z-index:110;
opacity:0.7;
}

.scatter_point:hover{
height:7px;
width:7px;
border-radius:600px;
background:black;	
cursor:pointer;
z-index:1111110;
opacity:0.7;
}




.scatter_point{
height:7px;
width:7px;
border-radius:600px;
background:#059bd2;	
position:absolute;	
cursor:pointer;
z-index:110;
opacity:0.7;

}



.avg_max{
margin-top:-15px;	
line-height:20px;
color:grey;
font-size:14px;
}

.avg_rightleft{
border-right:1px #EAEAEA solid;	
	
}
.avg_bottom{
	border-bottom:0px;
}

.point_0{
position:absolute;
left:-4px;
bottom:-20px;	
}

.point_yun{
position:absolute;
right:-40px;
bottom:-20px;
color:grey;	
}

.point_yun2{
position:absolute;
right:-40px;
bottom:-40px;
color:grey;	
}

.point_corelation{
position:absolute;
right:0px;
top:-30px;
color:grey;	
}



.point_danga{
position:absolute;
left:-70px;
top:-5px;	
color:grey;
}	

.point_danga3{
position:absolute;
left:-70px;
top:160px;	
color:grey;
}	

.point_danga2{
position:absolute;
left:-34px;
top:-40px;
color:grey;	
}

.point_width{
position:absolute;
width:500px;
border-top:1px #CFCFCF solid;
height:1px;
z-index:0;
}	

.x1{
bottom:50px;	
}

.x2{
bottom:100px;	
}

.x3{
bottom:150px;	
}

.x4{
bottom:150px;	
}

.x5{
bottom:200px;	
}

.x6{
bottom:250px;	
}

.x7{
bottom:300px;	
}

.point_height{
position:absolute;
height:350px;
border-right:1px #CFCFCF solid;
width:1px;
z-index:0;
}

.y1{
left:50px;	
}

.y2{
left:100px;	
}

.y3{
left:150px;	
}

.y4{
left:200px;	
}

.y5{
left:250px;	
}

.y6{
left:300px;	
}

.y7{
left:350px;	
}

.y8{
left:400px;	
}

.y9{
left:450px;	
}

.scatter_point2{
	width:100%;
/* 	height:35px; */
	border-radius:700px;
/* 	border:111px red solid; */
}
.scatter_point2:hover{
 	position: relative;
  	content:"";
  	color:white;
  		
}
 
.wex{
float:left;
height:60px;
line-height:20px;
width:80px;
cursor:pointer;
} 
 
.wex1{
float:left;
height:120px;
margin-top:20px;
line-height:20px;
width:130px;
border:0px red solid;
font-size:18px;
cursor:pointer;
opacity:0.8
} 
  
.wex:hover{
 transform:scale(1.1);             /*  default */
-webkit-transform:scale(1.1);     /*  크롬 */
-moz-transform:scale(1.1);       /* FireFox */
-o-transform:scale(1.1);           /* Opera */
}


.wex1:hover{
 transform:scale(1.1);             /*  default */
-webkit-transform:scale(1.1);     /*  크롬 */
-moz-transform:scale(1.1);       /* FireFox */
-o-transform:scale(1.1);           /* Opera */
opacity:1
}

.screen, .modal {
    display: none;
    position: fixed;
    
}

.screen1, .modal1 {
    background: rgba(0,0,0,0.25);
    position: fixed;
    display: none;
}

.screen2, .modal2 {
    display: none;
    position: fixed;
}


.screen1{
    width: 100%;
    height: 100%;
 background: rgba(0,0,0,0.25);
/* 	background:black; */
/* 	background:none; */
    z-index: 1111111112;
}

.screen {
    width: 100%;
    height: 100%;
    background: #5d656f;
    opacity:0.7;
/*     background:none; */
    z-index: 1111111112;
}

.modal {
    width: 90%;
    height: 90%;
    padding:5%;
    width: 100%;
    height: 100%;
    min-height:1000px;
    top:0%;
/*     bottom:18%; */
    left:0%;
    background: white;
    z-index: 1111111113;
}


.modal1 {
    width: 90%;
    height: 90%;
     padding:5%;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1111111113;
   
}

.modal_filter {
    width: 90%;
    height:auto;
    padding:1%;
    margin:5%;
    margin-top:0%;
    margin-bottom:5%;
    background: white;
    z-index: 111111111113;
    border-radius:7px;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 5px;
  transition: all 0.2s;
  text-align:center;
  width:50%;
}
#app1 {
  background: #fff;
  border-radius: 4px;
  padding: 5px;
  transition: all 0.2s;
  text-align:center;
  width:40%;
  
}


.setup_top_img{
	margin-top:-5px;height:40px;vertical-align:middle;
}	

.close{
	color:red;
	font-size:29px;
	cursor:pointer;
}

.modal2 {
    width:585px;
    height:460px;
    top:380px;
    left:20px;
    background: white;
    z-index: 1111111113;
    border:1px #BDBDBD solid;
}

.screen2 {
    width: 100%;
    height: 100%;
    background:none;
    opacity:1;
/*     background:none; */
    z-index: 1111111112;
}

.reset1{
	border:0px;
	border-bottom:1px #54515f solid;
	outline:none;
}

.mark_me{
	background: #f5f6f7;
    padding: 1px;
    border-radius: 14px;
}
