.topnav
{
    overflow: hidden;
}
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
    cursor:pointer;
}

/* Style the links inside the navigation bar */
.topnav ul {
    float: left;
    color: #fff;
    text-align: center;
    padding: 13px 5px;
    text-decoration: none;
    font-size: 15px;
    cursor:pointer;
}
/* Change the color of links on hover */
.topnav a:hover {
    background-color: #212E3C;
    color: orange;
    cursor:pointer;
    font-size: 14px;
}

/* Add a color to the active/current link */
.topnav a.active
{
    background-color: #4CAF50;
    color: white;
}

.container
{
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 16px;
    height: 2px;
    background-color: #fff;
    margin: 2px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-3px, 3px);
    transform: rotate(-45deg) translate(-3px, 3px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-3px, -3px);
    transform: rotate(45deg) translate(-3px, -3px);
}

.overlay
{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.8);
    overflow: hidden;
    transition: 0.5s;
}

.overlay-content
{
    position: relative;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.addfavorit
{
  color:#999;
}

.addfavorit:hover
{
  color:blue;
}

.addfavorit_true
{
  color:#4CA925;
}



.GwareMainTitle {height:43px;padding:10px;font-weight:bold;font-size:14px;}
.logo
 {
      color:#fff;
      font-size:16px;
      float:left;
      padding: 8px 20px;
      text-align: center;

 }

 .userinfo { color:#fff;float:left;padding:13px 10px 13px 0px;}

 .topmenu
 {
      float:right;
      color:#fff;
      padding:13px 10px 13px 10px;
 }
 .menulink
 {
      color:#fff;
	    text-decoration: none;
      padding:0px 20px 0px 20px;
 }
 .menulink:hover
 {
      color:orange;
	    text-decoration: none;
      padding:0px 20px 0px 20px;
 }
 #taballclose {
   border:0;
   border-bottom:1px solid #95B8E7;
 }

img.avatar
{
      width: 26px;
      height:26px;
      border-radius: 50%;
      margin-right:10px;
      background:#fff;
      margin:8px;
}

.disableBox
{
  background-color:#f4f4f4;
  color:red;
}

#content
{
    width:450px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-9em;
    margin-left:-15em;
}

.company_title
{
    color:#999;
    font-size:13px;
    padding-bottom:20px;
}

.maker_bottom
{
    color:#666;
    font-size:12px;
    padding:10px;
    text-align:center;
}

.id_save
{
    padding:5px 0 5px 0;
    color:#fff;
    font-size:11px;
}

.login_btn
{
    width:405px;height:50px;background:#34BAF5;color:#fff;border:0;margin:0;
}

.login_btn_disabled
{
    width:405px;height:50px;background:#A0D6FB;color:#fff;border:0;margin:0;
}

.login_textbox
{
  width:400px;height:45px;border-radius:0;border:1px solid #d0d0d0;margin-bottom:10px;font-size:14px;text-align:center;
}


/* 메시지 scnackbar 형태로 뿌려주기 */
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 350px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 9999999; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 0; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show
{
visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
 from {bottom: -50px; opacity: 0;}
    to {bottom: 0; opacity: 1;}
}

@keyframes fadein {
    from {bottom: -50px; opacity: 0;}
    to {bottom: 0; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 0; opacity: 1;}
    to {bottom: -50px; opacity: 0;}
}

@keyframes fadeout {
        from {bottom: 0; opacity: 1;}
        to {bottom: -50px; opacity: 0;}
}


.property_bar
{
    width:3%;border-style:dotted;border-color:#ccc;border-width:0 1px 1px 0;background:#E0ECFF;
}
.property_label
{
    width:30%;text-align:center;border-style:dotted;border-color:#ccc;border-width:0 1px 1px 0;padding:1px;
}
.property_value
{
    width:67%;border-style:dotted;border-color:#ccc;border-width:0 0 1px 0;padding:1px;
}

.mold_label
{
	width:12%;text-align:center;border-style:dotted;border-color:#ccc;border-width:0 1px 1px 0;
}
.mold_value
{
	width:21%;border-style:dotted;border-color:#ccc;border-width:0 0 1px 0;
}

.property_title
{
  background-color: #efefef;
  background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
  background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
  background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
  background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
  border-bottom:1px solid #DDDDDD;
  border-right:1px dotted #DFDFDF;
  text-align:center;
}
.property_group
{
  background-color: #E0ECFF;
  border-bottom:1px solid #DDDDDD;
  border-right:1px dotted #DFDFDF;
  font-size:11px;
  height:18px;
  padding-left:10px;
}


.pop_img
{
  margin:10px;
  width:200px;
  border:1px solid #eee;
  cursor:pointer;
}


.pop_img:hover
{
  margin:10px;
  width:200px;
  border:1px solid #ccc;
  box-shadow:3px 3px 3px #f5f5f5;
  font-weight:bold;
  cursor:pointer;

}

.pop_img1
{
  width:198px;
  height:110px;
  background:#f2f4f7;
  padding:5px;
  color:#ccc;
}

.pop_img2
{
  padding:3px;
  background:#fff;
}

/* datagrid group view css */
.datagrid-body .datagrid-group{
  background-color: #FFF3F3;
  height:30px;
  line-height: 30px;
  color:#E8414D;
}
.datagrid-body .datagrid-group .datagrid-group-title{
  height:30px;
  line-height: 30px;
}
.datagrid-body .datagrid-group .datagrid-group-expander{
  margin-top:7px;
}

.m-badge
{
  display: inline-block;
	min-width: 10px;
	line-height: 1;
  font-family:'Titillium Web';
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
	border-radius: 10px;
	padding: 3px 5px;
	border-style: solid;
	border-width: 0px;
	background-color: #d9534f;
	color: #fff;
	z-index: 99999;
}

.m-badge1
{
  display: inline-block;
	min-width: 10px;
	line-height: 1;
  font-family:'Titillium Web';
	font-size: 10px;
  min-width: 20px;
	text-align: center;
	white-space: nowrap;
	border-radius: 10px;
	padding: 3px 3px;
	border-style: solid;
	border-width: 0px;
	background-color: #95B8E7;
	color: #fff;
	z-index: 99999;
}
.mc {width: 160px;}
#frm input {width: 160px;}
#frm select {width: 160px;}
#frm input[type='radio'] {width: 16px;}
#frm input[type='checkbox'] {width: 16px;}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 추가사항 start */
.mc {width: 160px;}
#frm input {width: 160px;}
#frm select {width: 160px;}
#frm input[type='radio'] {width: 16px;}
#frm input[type='checkbox'] {width: 16px;}

.w6 {width: 60px;}
.w7 {width: 70px;}
.w8 {width: 80px;}
.w9 {width: 90px;}
.w10 {width: 100px;}
.w11 {width: 110px;}
.w13 {width: 120px;}
.w14 {width: 130px;}
.w15 {width: 140px;}

.wp48 {width : 48%}
.wp49 {width : 49%}

.wl {text-align: left}
.wc {text-align: center}
.wr {text-align: right}

.numberbox .textbox-text{
  text-align:right;
}

/* 추가사항 end */

html {
  font-family: Roboto,Arial,Helvetica;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html,

div,
span,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}