/*report_list.css에서 이동*/

.post {
	border-radius: 12px;
	background: #FFF;
}

#total_container {
	background: #F1F7FA;
}

#middle_container {
	background-color: #EAEDF0;
	background: #F3F8FB;
}

#page_header_wrapper {
	background-color: #F1F7FA;
	border-bottom: 1px solid #0099FF;
}

#brand_detail_head_wrapper #page_header_wrapper {
	background-color: unset;
	border-bottom: unset;
}

/***********  orderby   *************/
.page_orderby {
	width : 984px;
	margin-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	position: relative;
	clear: both;
	zoom: 1;
	display : flex;
}

/* 검색어 검색 추후 별도 div로 이동*/
.page_orderby #keywordSearch {
	float: left;
	width: 464px;
	position: relative;
}

.page_orderby #keywordSearch #search_keyword {
	position: relative;
	background-color: #FFFFFF;
	box-sizing: border-box;
	outline: none;
	z-index: 99;
	width: 200px;
	height: 36px;
	padding: 10px 34px 10px 16px;
	border-radius: 0px 6px 6px 0px;
	border: 1px solid #EAEAEA;
    color: #353C49;
	font-size: 13px;
	font-weight : 400;
	font-style: normal;
	line-height: normal;
}

.page_orderby #keywordSearch #search_keyword::-webkit-input-placeholder {
	color: rgba(112, 118, 131, 0.60);
}
.page_orderby #keywordSearch #search_keyword::-moz-placeholder {
	color: rgba(112, 118, 131, 0.60);
}
.page_orderby #keywordSearch #search_keyword::-moz-placeholder {
	color: rgba(112, 118, 131, 0.60);
}
.page_orderby #keywordSearch #search_keyword::-ms-input-placeholder {
	color: rgba(112, 118, 131, 0.60);
}

.page_orderby #keywordSearch #search_keyword:focus,
.page_orderby #keywordSearch #search_keyword.focus {
	border: 1px solid #09F;
	z-index: 101;
}
.page_orderby #search_type_slt_box .select_box_list .item {
	width: 104px;
}

.page_orderby #search_type_slt_box,
.page_orderby #search_type_slt_box .select_box_list .item {
	width : 130px !important;
}

.select_box.type_36 .select_box_list {
	width : 128px;
}

.page_orderby #search_type_slt_box .select_box_list .item.disable #name {
	color: #cdd2d8;
}

.page_orderby #orderbyType_slt_box .select_box_list .item {
	width: 179px;
}

.page_orderby #keywordSearch input[type="text"]:invalid + input[type="reset"] {
	display: none;
} 

.page_orderby #keywordSearch input[type="reset"] {
	background-image:url('/resources/img/common/btn_search_del.svg');
	background-position: center center;
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	position: absolute;
	top: 9px;
	right: 277px;
	background-color: rgba(185, 200, 220, 0.20);
	background-size : 12px;
	border-radius: 10px;
	z-index : 999;
}

/***********  orderby   *************/

/* 시간대별 사용자 */
#report_tab_title {
	margin-top: 30px;
}

/* 리스트 섹션 */
#div_cate_report,
#div_user_report,
#div_my_report {
	margin-top : 0;
}

.section.card {
	background: #E9EDF0;
}

.list_inner_help_div {
	margin-top: 20px;
	text-align: center;
	color: #83939f;
	font-size: 15px;
	line-height: 25px;
	width: 100%;
	height: 50px;
	border-radius: 6px;
	background-color: #ffffff;
	cursor: pointer;
	line-height: 50px;
}

.list_inner_help_div:hover {
	box-shadow: 0px 4px 4px 2px rgba(204,204,204,0.7);
	color: #0099ff;
}

.list_inner_help_div .inner {
	display: inline-block;
	margin: 0 auto;
}

.list_inner_help_div .text {
	float: left;
}

.list_inner_help_div .bold {
	color: #0099ff;
}

.section_header #div_form {
	position:relative;
}

/***********  autocomplete  *************/

#div_add_app #form_box {
	position: relative;
}

#div_add_app #div_search_result {
	position: absolute;
	top: 60px;
	left: 40px;
	border-radius: 9px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	width: 230px;
	min-height: 86px;
	max-height: 354px;
	box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	display: none;
	
	z-index: 1901;
	zoom: 1;
}

#div_add_app #div_search_result #loading {
	width: 100%;
	height: 82px;
	background-size: 46px 46px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/resources/img/gnb/search_loading.gif);
}

#div_add_app #div_search_result .head p {
	margin-top: 14px;
	margin-left: 18px;
	color: rgba(0,0,0,0.6);
}

#div_add_app #div_search_result .list {
	position: relative;
	min-height: 44px;
	max-height: 352px;
	overflow: hidden;
}

#div_add_app .ui-autocomplete {
	color: #2b3d52;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 230px;
	max-height: 352px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 0px;
	position: relative;
}

#div_add_app .ui-autocomplete::-webkit-scrollbar {
	-webkit-appearance: none;
}

#div_add_app .ui-autocomplete::-webkit-scrollbar:vertical {
	width: 5px;
}

#div_add_app .ui-autocomplete::-webkit-scrollbar-button:start:decrement, 
#div_add_app .ui-autocomplete::-webkit-scrollbar-button:end:increment {
	display: block;height: 5px;
	border:0
}

#div_add_app .ui-autocomplete::-webkit-scrollbar-thumb {
	background-color: rgba(59, 76, 102, 0.5);
	-webkit-border-radius: 2.5px;
	border-radius: 2.5px;
	
}

/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html #div_add_app .ui-autocomplete {
	height: 100px;
  }

#div_add_app .ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	width: 100%;
	list-style-image: none;
	min-height: 44px;
}

#div_add_app .ui-menu .ui-menu-item .ui-corner-all {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#div_add_app .ui-menu .ui-menu-item a {
	color: #000000;
	text-decoration: none;
	display: block;
	line-height: 1.5;
	zoom: 1;
	font-weight: 100;
	cursor: pointer;
}

#div_add_app .ui-state-focus,
#div_add_app .ui-widget-content .ui-state-focus,
#div_add_app .ui-widget-header .ui-state-focus {
	border: 0px;
	background: rgba(0, 153, 255, 0.1);
	font-weight: 100;
	color: #212121;
}

#div_add_app .autocomplete-link {
	position: relative;
	display: block;
	padding: 11px 15px 12px 14px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#div_add_app .autocomplete-icon {
	float: left;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	margin-right: 8px;
	background-size: 100%;
}

#div_add_app .autocomplete-details {
	width: 202px;
	padding-top: 1px;
}

#div_add_app .autocomplete-name {
	overflow: hidden;
	text-align: left;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	width: 138px;
	max-width: 138px;
}

#div_add_app .autocomplete-name span {
	color: #0099ff;
	font-weight: 600;
}

#div_add_app .autocomplete-store2 {
	width: 18px;
	height: 18px;
	float: right;
}

#div_add_app .autocomplete-store2.google {
	background-image: url("/resources/img/common/img_google_small.png");
}

#div_add_app .autocomplete-store2.apple {
	background-image: url("/resources/img/common/img_apple_small.png");
}


/***********  autocomplete  *************/




/***********  paid report  *************/
#reg_paid_report_popup_view.popup #filter_box #report_title_div #ipt_title {
	padding-left: 20px;
	padding-right: 20px;
}

#reg_paid_report_popup_view.popup #date_filter_div {
	height: 55px;
}

#reg_paid_report_popup_view.popup #date_filter_div.cal {
	height: 35px;
}

#reg_paid_report_popup_view.popup #filter_box #date_div {
	margin-left: 0px;
}

#reg_paid_report_popup_view.popup #provider_list_box.sub_section #list_msg {
	left: 120px;
}

#reg_paid_report_popup_view #providerinfo-view {
	margin: 6px 0px 0px 0px;
	display: inline-block;
}

#reg_paid_report_popup_view #providerinfo-view #provider_info_list {
	display: inline-block;
}

#reg_paid_report_popup_view #providerinfo-view #provider_info_list > .item {
	float: left;
	background-color: #ffffff;
	border-radius: 4px;
	width: 324px;
	height: 50px;
	margin-top: 4px;
	margin-bottom: 4px;
	position: relative;
	border: 1px solid #c2d1df;
}

#reg_paid_report_popup_view #providerinfo-view #provider_info_list > #div_provider_app.item {
	border: 1px solid #e9f1f8;
	background-color: #e9f1f8;
}

#reg_paid_report_popup_view #providerinfo-view #provider_info_list > li:nth-child(odd) {
	margin-right: 8px;
}

#reg_paid_report_popup_view #provider_info_list .item .provider {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 260px;
}

#reg_paid_report_popup_view #provider_info_list .item .provider #text {
	float: left;
	margin-top: 7px;
	font-size: 18px;
	line-height: 18px;
	height: 19px;
	max-width: 180px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#reg_paid_report_popup_view #provider_info_list .item .provider #provider_icon {
	float: left;
	margin-top: 8px;
	margin-left: 5px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}

#reg_paid_report_popup_view #provider_info_list .item .provider #provider_icon.group {
	background-image: url(/resources/img/170622/ico_group.png);
}

#reg_paid_report_popup_view #provider_info_list .item .provider #provider_icon.company {
	background-image: url(/resources/img/170622/ico_company.png);
}

#reg_paid_report_popup_view #provider_info_list .item .btn_remove {
	position: absolute;
	right: 17px;
	top: 17px;
	width: 21px;
	height: 21px;
	z-index: 4;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 21px 21px;
	background-image: url(/resources/img/0706/btn_report_app_del_nor.png);
}

#reg_paid_report_popup_view #btn_add_provider {
	height: 100%;
	cursor: pointer;
}

#reg_paid_report_popup_view #btn_add_provider #img {
	float: left;
	width: 18px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px 18px;
	margin-left: 130px;
	background-image: url(/resources/img/0706/btn_report_appadd_nor.svg);
}

#reg_paid_report_popup_view #btn_add_provider #text {
	font-size: 14px;
	color: #98acbe;
	height: 100%;
	line-height: 50px;
	float: left;
	margin-left: 5px;
}

#reg_paid_report_popup_view #provider_list_box #div_form .search_box {
	margin-top: 5px;
}

#div_provider_app #form_box {
	position: relative;
}

#div_provider_app #div_search_result {
	position: absolute;
	top: 55px;
	left: 50px;
	border-radius: 9px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	width: 210px;
	min-height: 86px;
	max-height: 354px;
	box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	display: none;
	z-index: 1901;
	zoom: 1;
}

#div_provider_app #div_search_result .head p {
	margin-top: 14px;
	margin-left: 18px;
	color: rgba(0,0,0,0.6);
}

#div_provider_app #div_search_result .list {
	position: relative;
	min-height: 44px;
	max-height: 352px;
	overflow: hidden;
}

#div_provider_app .ui-autocomplete {
	color: #2b3d52;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 210px;
	max-height: 352px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 0px;
	position: relative;
}

#div_provider_app .ui-autocomplete::-webkit-scrollbar {
	-webkit-appearance: none;
}

#div_provider_app .ui-autocomplete::-webkit-scrollbar:vertical {
	width: 5px;
}

#div_provider_app .ui-autocomplete::-webkit-scrollbar-button:start:decrement, 
#div_provider_app .ui-autocomplete::-webkit-scrollbar-button:end:increment {
	display: block;height: 5px;
	border:0
}

#div_provider_app .ui-autocomplete::-webkit-scrollbar-thumb {
	background-color: rgba(59, 76, 102, 0.5);
	-webkit-border-radius: 2.5px;
	border-radius: 2.5px;
	
}

/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html #div_provider_app .ui-autocomplete {
	height: 100px;
  }

#div_provider_app .ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	width: 100%;
	list-style-image: none;
	min-height: 44px;
}

#div_provider_app .ui-menu .ui-menu-item .ui-corner-all {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#div_provider_app .ui-menu .ui-menu-item a {
	color: #000000;
	text-decoration: none;
	display: block;
	line-height: 1.5;
	zoom: 1;
	font-weight: 100;
	cursor: pointer;
}

#div_provider_app .ui-state-focus,
#div_provider_app .ui-widget-content .ui-state-focus,
#div_provider_app .ui-widget-header .ui-state-focus {
	border: 0px;
	background: rgba(0, 153, 255, 0.1);
	font-weight: 100;
	color: #212121;
}

#div_provider_app .autocomplete-link {
	position: relative;
	display: block;
	padding: 11px 15px 12px 14px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#div_provider_app .autocomplete-details {
	float:left;
	width: 149px;
	height: 20px;
	margin-right: 8px;
	padding-top: 1px;
}

#div_provider_app .autocomplete-check {
	float: left;
	height: 19px;
	width: 19px;
	background-size: 100%;
}

#div_provider_app .autocomplete-check.group {
	background-image: url(/resources/img/170622/ico_group.png);
}

#div_provider_app .autocomplete-check.company {
	background-image: url(/resources/img/170622/ico_company.png);
}


#div_provider_app .autocomplete-name {
	overflow: hidden;
	text-align: left;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#div_provider_app .autocomplete-name span {
	color: #0099ff;
	font-weight: 600;
}

#div_provider_app .autocomplete-store {
	position: absolute;
	top: 13px;
	right: 15px;
	text-align: right;
	width: 18px;
	height: 18px;
}

#middle_container .top_filter_wrapper {
	width: 100%;
	height: 54px;
	position: fixed;
	top: 116px;
	display: none;
	background-color: #FFFFFF;
	z-index: 1800;
	border-top: 1px solid rgba(0, 0, 0, 0.16);
}

#middle_container .top_filter_wrapper.notification {
	top: 176px;
}

#middle_container .top_filter_wrapper .top_filter_group {
	width: 1306px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box {
	min-width: 66px;
	max-width: 428px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box:has(.empty) {
	justify-content: flex-start;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list {
	height: 32px;
	display: flex;
	align-items: center;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item {
	width: 33px;
	height: 32px;
	position: relative;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item + .item {
	margin-left: 7px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item:last-child {
	margin-right: 7px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_icon {
	width: 28px;
	height: 28px;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
	background-size: 16px 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/resources/img/common/img_app_detail_default.png);
	
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item:where(.publisher, .retail) .item_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item:where(.publisher, .retail) .item_blur {
	width: 140%;
    height: 140%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: lightgray;
    filter: blur(15px);
    -webkit-filter: blur(15px);
    opacity: 0.4;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon {
	border-radius: 5px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon.blur {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	background-color: unset;
	overflow: hidden;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon.blur .icon_blur {
	width: 140%;
	height: 140%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: lightgray;
	filter: blur(15px);
	-webkit-filter: blur(15px);
	opacity: 0.4;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon.blur .icon_img {
	width: 60%;
	height: 60%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	z-index: 1;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .index_icon {
	width: 8px;
	height: 8px;
	position: absolute;
	right: 0;
	bottom: 0;
	border: 3px solid #FFFFFF;
	border-radius: 50%;
	background-color: #D4E0EB;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon.blur + .index_icon {
	z-index: 1;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip {
	width: auto;
	height: auto;
	max-width: 320px;
	padding: 6px 10px 8px 10px;
	position: absolute;
	top: 36px;
	left: 50%;
	transform: translate(-50%, 0%);
	display: none;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background-color: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.04), 0px 4px 8px -2px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	text-align : center;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item:hover .item_tooltip {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	row-gap: 2px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail:hover .item_tooltip {
	row-gap: unset;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_name {
	text-overflow: unset;
	overflow: unset;
	width: max-content;
	max-width: 300px;
	font-weight: 400;
	font-size: 12px;
	color: #707683;
	text-align: center;
	word-break: break-word;
	white-space: normal;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_sub_name {
	color: rgba(86, 104, 127, 0.70);
	font-size: 10px;
	font-weight: 400;
	text-overflow: unset;
	overflow: unset;
	width: max-content;
	max-width: 300px;
	text-align: center;
	word-break: break-word;
	white-space: normal;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_category {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 400;
	font-size: 10px;
	line-height: 18px;
	color: rgba(112, 118, 131, 0.70);
	text-align: center;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os {
	height: 13px;
	display: flex;
	align-items: center;
	column-gap: 2px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_icon {
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	background-position: center;
	background-repeat: no-repeat;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_icon.google {
	background-image: url("/resources/img/201110/ico_os_android_small_nor.png");
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_icon.apple {
	background-image: url("/resources/img/201110/ico_os_ios_small_nor.png");
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_icon.plus {
	width: 7px;
	background-size: 7px 7px;
	background-image: url("/resources/img/201110/ico_plus_large.png");
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_name {
	font-weight: 400;
	font-size: 10px;
	color: #707683;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .add_item_crew {
	display : none;
}

#middle_container .top_filter_wrapper .top_filter_group .page_filter_box {
	display : none;
}


.tabs_wrapper .tabs_item {
	border-radius: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}