a { cursor:pointer; }
a:hover { text-decoration:none; }

/* -------------------------------- 
 * 왼쪽메뉴
 * -------------------------------- */
.main-left-menu {
	background-color: #515151; color:#ccc;
	width: 199px;
	vertical-align: top;
}
.main-left-menu .header {
	background-color: #606060; color:#ccc; 
	border-top:1px solid #777;
	padding:14px 16px 10px;
}

/* 왼쪽메뉴의 상위메뉴 */
.main-left-menu > .ui.menu {
	border-radius:0; border:0;
	padding:0; margin:0;
	width:199px;
}
.main-left-menu .item {
	position:relative;
	display:block; color:#ccc;
	padding:2px 3px;
	cursor:pointer;
}

.main-left-menu > .ui.menu > .item:last-child {
	border-radius:0;
	border-bottom:1px solid #777;
}

.main-left-menu > .ui.menu > .item > .title {
	color:#ccc; 
	padding:12px 14px;
}
.main-left-menu > .ui.menu > .item > .title i { margin-right:6px; }
.main-left-menu > .ui.menu > .item {
	background-color: #515151; color:#ccc;
	border-top:1px solid #777;
	padding:0px;
}

/* 왼쪽메뉴의 하위메뉴 */
.main-left-menu > .ui.menu > .item > div > .item:last-child { margin-bottom:8px; }
.main-left-menu > .ui.menu > .item > div > .item { padding-left:38px; }
.main-left-menu > .ui.menu > .item > div > .item:hover { background-color:#444; }

.main-left-menu .simple.dropdown.item > .menu { 
	display: none; top:0; left:100%;
	position: absolute; z-index:10;
	padding:4px 0; 
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 0 .28571429rem .28571429rem 0 !important; 
	-moz-box-shadow:6px 0px 12px rgba(0,0,0,.2);
	-webkit-box-shadow:6px 0px 12px rgba(0,0,0,.2);
	box-shadow:6px 0px 12px rgba(0,0,0,.2);
	background-color:rgba(68,68,68,.8); 
	color:#ccc; }
.main-left-menu .simple.dropdown.item > .menu .item { 
	position: relative;
	padding:2px 22px 2px 16px;
}
.main-left-menu .item .menu-right { 
	position: absolute; top:4px; right:6px;
}
.main-left-menu .item .title .menu-right { 
	position: absolute; top:14px; right:0px;
	color:#777;
}
.main-left-menu > .ui.menu .item .menu .item:hover,
.main-left-menu > .ui.menu .item:hover {
	background-color:#515151; color:yellow; text-decoration:none;
}
.main-left-menu .simple.dropdown.item:hover > .menu {
    display: block;
}
.main-left-menu .simple.dropdown.item:hover .menu .item {
	white-space:nowrap;
	width:100%; margin:0;
	border-radius: 0; 
	background-color:transparent; color:#ccc;
}
.main-left-menu .simple.dropdown.item:hover > .menu > .item:hover {
    display: block;
    background-color:#515151; color:yellow;
}



/* -------------------------------- 
 * top menu
 * -------------------------------- */
header.ui.menu, header.ui.menu > .item  { 
	background-color: #515151; color:#ccc; 
	height:48px;
}
header.ui.menu > .item {
	display:inline-block;
	border-right:1px solid #777;
	padding:4px 16px;
	line-height:38px;
}
header.ui.menu > .item:first-child { width:199px; }
header.ui.menu > .item.right {
	border-right:0;
	border-left:1px solid #777;
	float:right;
}
header .ui.input input {
	background-color: #eee;
	color:#ccc;
}


/* -------------------------------- 
 * main
 * -------------------------------- */
.main-content {
	padding : 32px;
	vertical-align: top;
}
.main-content .header { margin-bottom:5px; }
.main-content h1, .main-content h2, .main-content h3 {
	display:inline-block; margin-top:0;
}
.main-content .header .btn { margin:2px 0 0 5px; }
.vertical-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.table { margin-bottom:10px; }
.main-content .pagination { padding:0; margin:0; }
.main-content .tab-content { padding-top:16px; }
.dropdown-menu li a { cursor:pointer; }
.tag { display:inline-block; border:1px solid #777; }

/* -------------------------------- 
 * input error
 * -------------------------------- */
.nav.nav-tabs a.has-error, .nav.nav-tabs a.has-error:focus, .nav.nav-tabs a.has-error:hover { 
	background-color:#fff7f8; color:red; border-bottom:1px solid #ddd; }
.nav.nav-tabs li.active a.has-error { 
	border-left-color:#dc8d99; border-right-color:#dc8d99; border-top-color:#dc8d99; border-bottom:1px solid transparent; }
.form-group.has-error .form-control { border-color:red; }
.form-group.has-error.message { color:red; }
.number-spinner.form-group.has-error .btn { border-color:red; }
.form-group .note-editor { margin:0; }
.form-group.has-error .note-editor { border:1px solid red; }
.form-group.no-margin-input { margin:0; }

/* -------------------------------- 
 * input required
 * -------------------------------- */
.input-required::before {
	content: "*";
	color: red;
	padding:0 4px;
}



/* -------------------------------- 
 * image box
 * -------------------------------- */
.input-image-thumbnail {
	width:110px; height:110px;
	border:1px solid #ddd;
	border-radius:4px;
	text-align:center;
}
.list-image-thumbnail {
	width:40px; height:40px;
	border:1px solid #ddd;
	border-radius:2px;
	text-align:center;
}


/* -------------------------------- 
 * table
 * -------------------------------- */
.ui.table tr td, .ui.table tr th { padding:.4em }
.ui.table tr th[order_key] { cursor:pointer; }
.ui.table tr th .arrow {
	border: solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	margin:3px 0 0 6px;
}
.ui.table tr th .arrow.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.ui.table tr th .arrow.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/* -------------------------------- 
 * dropdown
 * -------------------------------- */
.dropdown-menu.scrollable-menu {
	height: auto;
    max-height: 300px;
    overflow-x: hidden;
}
.dropdown-menu.scrollable-menu::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 6px;
}    
.dropdown-menu.scrollable-menu::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: lightgray;
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);
}
.form-group .btn.dropdown-toggle:hover, .form-group .btn.dropdown-toggle:focus,
.form-group .btn.dropdown-toggle:active { background-color:#fff; }
.form-group .selectlist { width:100%; }


/* -------------------------------- 
 * waitMe를 autocomplete에 적용할때
 * -------------------------------- */
.waitMe_container.selectlist .waitMe .waitMe_content {left:auto;right:18px;}
.waitMe_container.selectlist .waitMe_progress.ios {width:16px;height:16px}


/* -------------------------------- 
 * summer modal -> form-horizontal 클래스가 있는경우 margin을 띄우가 때문임.
 * --------------------------------  */
.note-editor .modal .form-group { margin-left:0; margin-right:0; }


/* -------------------------------- 
 * bbs
 * --------------------------------  */
.post_content  { position:relative; }
.post_content:after { clear:both; }
.post_content img { max-width:100%; }
.post_content table td { vertical-align:top; }