@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
body,
h1, h2, h3, h4, h5 {
    font-family: 'Noto Sans JP', sans-serif;
	color: #2C3132;
}

/* navメニュー
   ----------------------------------------------------------------- */
.mainnav .navbar-nav.navbar-right > li > a {
	padding: 0 10px;
	display: flex;
	align-items: center;
}
.mainnav .navbar-nav.navbar-right > li > a:hover,
.mainnav .navbar-nav.navbar-right > li > a:focus {
	color: #62C4DA;
}
.mainnav .navbar-nav.navbar-right > li > a .glyphicon {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
	padding: 0;
}
.mainnav .navbar-nav.navbar-right > li > a .glyphicon::before {
	color: #ccc;
	font-size: larger;
}
@media (max-width:767px) {
	.mainnav .navbar-nav.navbar-right > li > a {
		line-height: 42px;
	}
}
.mainnav .navbar-nav.navbar-right .web-manual {
	height: max(1.25vw,17px);
	width: max(1.25vw,17px);
	margin-right: max(0.52vw,10px);
}

/* ドロワーメニュー
   ----------------------------------------------------------------- */
.logo-menu{
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.logo-menu img {
	height: auto;
	width: calc(100% - 50px);
}
.drawer-default {
    background-color: #454B64;
}
.drawer-menu-item{
	background: #454B64;
}
#menu {
    border-top: 0 none;
    border-bottom: 0 none;
    color: #fff;
    background: #63687d;
}
#menu:hover {
	opacity: .7;
	transition: .2s ease;
}
.drawer-menu-item a:focus {
	text-decoration: none;
}
.drawer-menu-item:not(.no-mobile):hover {
	background-color: #62C4DA;
	transition: .2s ease;
}
.drawer-menu-item.active{
    background: -moz-linear-gradient(left, #64C4DA 13.6%, #FDF018 94.8%);
	background: -webkit-linear-gradient(left, #64C4DA 13.6%, #FDF018 94.8%);
	background: linear-gradient(to right, #64C4DA 13.6%, #FDF018 94.8%);
}
.drawer-menu-item a:hover span,
.drawer-menu-item.active a span{
	color: #39BFB9;
}
.drawer-responsive {
    background-color: #333;
}
.drawer-responsive .drawer-overlay{
	background: #F2F5F9;
}
.drawer-default .drawer-menu-item a {
    padding: 15px 0 15px 75px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}
.min-menu .drawer-default .drawer-menu-item a {
	padding: 15px 46px 15px 0;
}
.drawer-default .drawer-menu-item a:hover {color: #FFF !important;}

.drawer-default .drawer-menu-item a .glyphicon::before  {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0;
}
.drawer-default .drawer-menu-item a .glyphicon {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	padding: 15px 25px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.min-menu .drawer-default .drawer-menu-item a .glyphicon {
	right: 0;
}
.min-menu .drawer-default .drawer-menu-item.active a .glyphicon {
	background: -moz-linear-gradient(left, #64C4DA 13.6%, #FDF018 94.8%);
	background: -webkit-linear-gradient(left, #64C4DA 13.6%, #FDF018 94.8%);
	background: linear-gradient(to right, #64C4DA 13.6%, #FDF018 94.8%);
}
.min-menu #menu .glyphicon-chevron-left:before {
	content: "";
}
.drawer-default .drawer-menu-item.top a .glyphicon::before {
	background-image: url(../file/hrdw_detail_top_icon.svg);
	background-size: 28px auto;
}
.drawer-default .drawer-menu-item.media-update a .glyphicon::before {
	background-image: url(../file/hrdw_media_add_icon.svg);
	background-size: 24px auto;
}
.drawer-default .drawer-menu-item.media-list a .glyphicon::before {
	background-image: url(../file/hrdw_media_all_icon.svg);
	background-size: 27px auto;
}
.drawer-default .drawer-menu-item.project-update a .glyphicon::before {
	background-image: url(../file/hrdw_project_add_icon.svg);
	background-size: 29px auto;
}
.drawer-default .drawer-menu-item.project-list a .glyphicon::before {
	background-image: url(../file/hrdw_project_all_icon.svg);
	background-size: 25px auto;
}
.drawer-default .drawer-menu-item.project-queuing-list a .glyphicon::before {
	background-image: url(../file/hrdw_project_result_icon.svg);
	background-size: 28px auto;
}
.drawer-default .drawer-menu-item.key-data-update a .glyphicon::before {
	background-image: url(../file/hrdw_keydata_add_icon.svg);
	background-size: 25px auto;
}
.drawer-default .drawer-menu-item.key-data-list a .glyphicon::before {
	background-image: url(../file/hrdw_keydata_all_icon.svg);
	background-size: 27px auto;
}
.drawer-default .drawer-menu-item.api-token-update a .glyphicon::before {
	background-image: url(../file/hrdw_api_add_icon.png);
	background-size: max(1.4vw,17px) auto;
}
.drawer-default .drawer-menu-item.api-token-list a .glyphicon::before {
	background-image: url(../file/hrdw_api_all_icon.png);
	background-size: max(1.4vw,17px) auto;
}
.drawer-default .drawer-menu-item.no-mobile.block a .glyphicon::before {
	background-image: url(../file/hrdw_arrow_left_icon.svg);
	background-size: 9px auto;
}
.min-menu .drawer-default .drawer-menu-item.no-mobile.block a .glyphicon::before {
	transform: rotate(180deg);
}

@media (min-width: 768px) {
	.drawer-responsive.drawer-left .drawer-main {
		width: max(16vw,230px) !important;
	}
	.min-menu.drawer-responsive.drawer-left .drawer-main {
		margin-left: calc((max(16vw,230px) - (max(1.46vw,18px) + max(2.6vw,32px))) * -1);
	}
	.drawer-responsive.drawer-left .drawer-overlay {
	    margin-left: max(16vw,230px);
	}
	.min-menu.drawer-responsive.drawer-left .drawer-overlay {
		margin-left: calc(max(1.46vw,18px) + max(2.6vw,32px));
	}

	.mainnav .navbar-nav.navbar-right {
		height: max(3.958vw,50px);
		display: flex;
		align-items: center;
	}
	.mainnav .navbar-nav.navbar-right > li > a {
		font-size: max(0.84vw,12px);
	}
	.mainnav .navbar-nav.navbar-right > li > a .glyphicon {
		height: max(1.25vw,17px);
		margin-right: 3px;
	}
	.mainnav .navbar-nav.navbar-right > .hrdw-nav-user > a .glyphicon {
		width:max(1.25vw,17px);
	}
	.mainnav .navbar-nav.navbar-right > .hrdw-nav-logout > a .glyphicon {
		width: max(1.146vw,16px);
	}

	.logo-menu{
	    height: max(3.958vw,50px);
	    line-height: max(3.958vw,50px);
	}
	.min-menu .logo-menu img {
		display: none;
	}
	.drawer-default .drawer-menu-item a {
	    padding: max(1.354vw,15px) 0 max(1.354vw,15px) max(3.9vw,50px);
	    font-size: max(1.04vw,14px);
	}
	.min-menu .drawer-default .drawer-menu-item a {
		padding: max(1.354vw,15px) max(3.646vw,46px) max(1.354vw,15px) 0;
	}
	.drawer-default .drawer-menu-item a .glyphicon {
		padding: max(1.354vw,15px) max(1.3vw,16px);
	}
	.min-menu .drawer-default .drawer-menu-item a .glyphicon {
		left: auto;
	}
	.drawer-default .drawer-menu-item a .glyphicon::before {
		width: max(1.56vw,20px);
		height: max(1.56vw,20px);
	}
	.drawer-default .drawer-menu-item.top a .glyphicon::before {
		background-size: max(1.46vw,18px) auto;
	}
	.drawer-default .drawer-menu-item.media-update a .glyphicon::before {
		background-size: max(1.25vw,15px) auto;
	}
	.drawer-default .drawer-menu-item.media-list a .glyphicon::before {
		background-size: max(1.4vw,17px) auto;
	}
	.drawer-default .drawer-menu-item.project-update a .glyphicon::before {
		background-size: max(1.51vw,19px) auto;
	}
	.drawer-default .drawer-menu-item.project-list a .glyphicon::before {
		background-size: max(1.3vw,16px) auto;
	}
	.drawer-default .drawer-menu-item.project-queuing-list a .glyphicon::before {
		background-size: max(1.46vw,18px) auto;
	}
	.drawer-default .drawer-menu-item.key-data-update a .glyphicon::before {
		background-size: max(1.3vw,16px) auto;
	}
	.drawer-default .drawer-menu-item.key-data-list a .glyphicon::before {
		background-size: max(1.4vw,17px) auto;
	}
	.drawer-default .drawer-menu-item.no-mobile.block a .glyphicon::before {
		background-size: max(0.47vw,6px) auto;
	}
}

@media (max-width: 767px){
	.navbar-default.mainnav .navbar-collapse, .navbar-default .navbar-form {
	    background-color: #454B64;
	}
	.drawer-default .drawer-menu-item a {
		font-size: 115%;
	}
}

/* メインメニュー
   ----------------------------------------------------------------- */
#main {
    background: #F2F5F9;
}
#main_in {
    width: 100%;
    margin: 0;
    padding: 0 45px;
}
.cj_cont {
	margin-bottom: 30px;
}
.cj_cont .heading{
    margin-bottom: 5px;
}
.cj_cont .cj-explanation {
	color: #454B64;
	padding: 0;
	border: none;
	background-color: transparent;
}
.cj_cont .cj-explanation p {
	margin: 0;
}
.cj_cont .cj-user-box {
	color: #2C3132;
    background-color: #FFF;
    border-color: transparent;
    border-radius: 8px;
    font-size: 17px;
    padding: 0;
}
.cj_cont .cj-user-box p{
	margin: 0;
}
.cj_cont .cj-user-box ul {
    overflow: hidden;
	padding: 0;
}
.cj_cont .cj-user-box ul li{
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 25px 0;
    list-style: none;
}
.cj_cont .cj-user-box ul li:last-child {
	border-bottom: none;
}
.cj_cont .cj-user-box ul li span.category{
	display: inline-block;
	font-weight: bold;
	width: 26.8%;
	padding: 0 5.2vw 0 2.6vw;
}
.cj_cont .cj-user-box ul li span.date{
	display: inline-block;
	font-weight: bold;
	width: 100px;
}

.table thead .tbl-setting-box{
	width: 147px;
}
.table thead .tbl-setting-box.singleBtn{
	width: 65px;
}
.table thead .tbl-id-box{
	width: 80px;
}
.table.result-style .sort_box.active .sort_up:before,
.table.result-style .sort_box.active .sort_down:before {
	color: #454B64;
}
.table.result-style .sort_box.active .sort_up:before {
	top: 30%;
}
.table tbody{
	background: #fff;
}

.cj_cont .btn:hover,
.cj_cont .btn:focus {
	opacity: .7;
	transition: .2s ease;
}
.cj_cont .btn-inverse {
    color: #fff;
    background-color: #606EAA;
}
.cj_cont .btn-inverse:hover,
.cj_cont .btn-inverse:focus {
	background-color: #606EAA;
	opacity: .7;
	transition: .2s ease;
}
.upper-project-list,
.cj-index-box {
	padding: 0;
}
.upper-project-list .btn-execution{
	color: #fff;
	font-weight: bold;
    background: -moz-linear-gradient(left, #64C4DA, #cfe351);
	background: -webkit-linear-gradient(left, #64C4DA, #cfe351);
	background: linear-gradient(to right, #62C4DA, #cfe351);
}
.upper-project-list .btn-execution:hover{
	opacity: .7;
	transition: .2s ease;
}
.upper-project-list .btn-execution::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	width: 77px;
	background: url(../file/hrdw_logo_icon.svg) left center no-repeat;
	margin-right: 25px;
}

.cj_wrap .top-each-menu {
	width: 31.6%;
	margin: 0 2.6% 20px 0;
}
.cj_wrap .top-each-menu:nth-child(3n) {
	margin-right: 0;
}
.cj_wrap .top-each-menu-link {
	width: 100%;
	color: #2C3132;
	font-weight: bold;
	margin-bottom: 15px;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0 3px 10px rgba(211,222,235,.5);
	padding: 29px 10px;
}
.cj_wrap .top-each-menu-link:hover {
	transition: .2s ease;
	background: #62C4DA;
	color: #FFF;
}
.cj_wrap .top-each-menu-link::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 13px;
}
.top-menu-media .top-each-menu-link::before {
	background-image: url(../file/hrdw_media_add_icon_color.svg);
}
.top-menu-project .top-each-menu-link::before {
	background-image: url(../file/hrdw_project_add_icon_color.svg);
}
.top-menu-key-data .top-each-menu-link::before {
	background-image: url(../file/hrdw_keydata_add_icon_color.svg);
}
.top-menu-media .top-each-menu-link:hover::before {
	background-image: url(../file/hrdw_media_add_icon.svg);
}
.top-menu-project .top-each-menu-link:hover::before {
	background-image: url(../file/hrdw_project_add_icon.svg);
}
.top-menu-key-data .top-each-menu-link:hover::before {
	background-image: url(../file/hrdw_keydata_add_icon.svg);
}
.cj_wrap .top-each-menu-cap {
	color: #454B64;
	line-height: 1.6;
}
.cj_cont .cj-form-box button[type="submit"],
.cj-form-box .cj-convert-execution {
	background-color: #62C4DA !important;
	border-radius: 5px;
	color: #FFF;
	font-weight: bold;
	padding: 16px;
}
.cj-form-box .cj-convert-execution:disabled {
	background-color: #bdc3c7 !important;
}
.cj_cont .cj-form-box a.btn {
	border-radius: 5px;
	font-weight: bold;
	padding: 16px;
}
.cj_cont .cj-form-box button[type="submit"]:hover,
.cj-form-box .cj-convert-execution:hover {
	opacity: .7;
	transition: .2s ease;
}
.cj_cont .btn-primary.btn-file {
	background-color: #606EAA !important;
}
.cj_cont .btn-primary.btn-file:hover {
    border-color: #606EAA!important;
    opacity: .7;
    transition: .2s ease;
}

.cj_cont .empty {
	color: #454B64;
	background: #d6ecf3;
	padding: 20px;
	border-radius: 5px;
}

@media (min-width: 768px) {
	#main_in h2.heading {
		font-size: max(1.72vw,24px);
		margin-bottom: max(1.82vw,23px);
	}
	.upper-project-list .btn-execution{
		font-size: max(1.25vw,16px);
		min-width: 400px;
	}
	.upper-project-list .btn-execution::before {
		height: max(3.125vw,40px);
		width: max(4.01vw,51px);
		margin-right: max(1.3vw,17px);
	}
	#main_in h5.heading {
		font-size: max(1.04vw,16px);
		margin-bottom: 20px;
	}

	.cj_cont .alert-warning.descBox,
	.cj_cont .cj-user-box,
	.cj_cont .cj-explanation {
		font-size: max(0.89vw,14px);
		margin: 0 0 max(2.6vw,33px) 0;
	}
	.cj_cont h3.heading {
		font-size: max(1.72vw,22px);
		margin-bottom: max(1.04vw,13px);
	}

	.cj_wrap .top-each-menu-link {
		font-size: max(1vw,14px);
		padding: max(1.51vw,19px) 10px;
	}
	.cj_wrap .top-each-menu-link::before {
		width: max(1.25vw,16px);
	}
	.cj_wrap .top-each-menu-cap {
		font-size: max(0.89vw,12px);
		max-width: 324px;
	}

	.cj_cont .cj-form-box button[type="submit"] {
		font-size: max(0.89vw,14px);
		min-width: 208px;
	}
	.cj_cont .empty {
		font-size: max(0.89vw,14px);
	    font-weight: bold;
		padding: 20px max(2.34vw,30px);
		width: 100%;
	}
}
@media (max-width:767px) {
	#main_in {
	    padding: 0 20px;
	}
	#main_in h2.heading {
		font-size: 170%;
	}
	#main_in h5.heading {
		font-size: 115%;
		margin-bottom: 15px;
	}
	.cj_cont h3.heading {
		font-size: 143%;
	}
	.upper-project-list .btn-execution{
		width: 100% !important;
	}
	.upper-project-list .btn-execution::before {
		height: 30px;
		width: 40px;
		margin-right: 10px;
	}
	.cj_wrap .top-each-menu {
		width: 100%;
		margin-right: 0;
	}
	.cj_wrap .top-each-menu-link {
		padding: 20px 10px;
		margin-bottom: 5px;
	}
	.cj_cont .cj-user-box {
		font-size: 14px;
	}
}

.cj_wrap .navbar.mainnav {
	position: sticky;
	background-color: white;
	box-shadow: 0 3px 6px rgba(211,222,235,.5);
	margin-bottom: 20px;
	padding-left: 15px;
}
@media (max-width:992px) {
	.cj_wrap .navbar.mainnav .container-fluid {
		padding-right: 0px;
	}
}

/* ログイン
   ----------------------------------------------------------------- */
.login-wrapper {
	background-color: #F2F5F9;
	height: 100%;
	position: relative;
}
.login-wrapper .form-group {
	margin-bottom: 10px;
}
.login-wrapper .title-txt {
	margin-top: 0;
	text-align: center;
}
.login-wrapper .login-outer1 {
	width: 800px;
	background-color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 5px;
	box-shadow: 0 0 20px grey;
	position: absolute;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.login-wrapper .login-outer1::-webkit-scrollbar {
	display: none;
}
@media screen and (min-height:750px) {
    .login-wrapper .login-outer1 {
        top: 45%;
        max-height: calc(100% - 100px);
    }
}
@media screen and (max-height:750px) {
    .login-wrapper .login-outer1 {
        top: 50%;
    }
}
.login-wrapper .login-outer2 {
	width: 70%;
	margin: 0 auto;
}
.login-wrapper .login-logo {
	width: 100%;
}
.login-wrapper .login-form-input {
	height: 44px;
}
.login-wrapper .login-form-button {
	width: 100%;
	height: 44px;
}
.login-wrapper .login-footer-wrapper {
	background-color: #454B64;
	height: 60px;
	bottom: 0;
	position: absolute;
	width: 100%;
}
@media screen and (max-height:750px) {
	.login-wrapper .login-footer-wrapper {
		display:none;
	}
}
.login-wrapper .login-footter-copylight {
	color: white;
	float: right;
	margin: 20px 50px auto auto;
	font-size: 16px;
}
.login-wrapper .logo-wrapper {
	height: 102px;
	display: flex;
	align-items: center;
}
.login-wrapper .login-footer-nav{
	padding: 10px 5px 5px 5px;
	margin-left: 20px;
	display: inline-block;
}
.login-wrapper .login-footer-nav li{
	display: inline-block;
	padding: 10px 5px 5px 5px;
	margin-left: 20px;
}
.login-wrapper .login-footer-nav li a{
	color: white;
	padding: 0;
}
.login-wrapper .login-footer-nav li a:hover{
	color: black;
}

/* フッター
   ----------------------------------------------------------------- */

.copy {
    border-top: 1px #ccc solid;
    padding: 30px 30px 40px;
    text-align: right;
    font-size: 11px;
    width: 100%;
    margin: 80px 0% 0;
    clear: both;
}

/* その他
   ----------------------------------------------------------------- */
.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}

.btn-danger {
    color: #f00;
    background-color: #FFDCD3;
    font-weight: bold;
}

.delete-menu{
    width: 220px;
    float: right;
    margin: 0;
}
.delete-menu a{
	font-size: 12px;
}

.btn {
    border: none;
}

h4, .h4 {
    font-size: 120%;
}

h4, h5, h6 {
    margin-top: 15px;
    margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
}
a.btn.btn-sm[disabled="disabled"]{
  background-color: #adadad;
}

.search-table{
    width: 100%;
    background: #FFF;
    border-radius:  5px;
    table-layout: fixed;
}
.search-table tr {
	display: flex;
	align-items: center;
}
.search-table tr:first-child > * {
	padding-top: 25px;
}
.search-table tr:last-child .td-label:empty {
	width: 0;
	padding: 0;
}
.search-table tr:last-child .td-label:empty + .td-form {
	width: 100%;
	text-align: center;
}
.search-table td{
    padding-bottom: 20px;
}
.search-table .td-label{
    width: 20%;
    padding: 0 50px 20px 50px;
}
.search-table .td-form{
    width: 80%;
}
.search-table .td-form .form-control{
    width: 95%;
}
.search-table .labal-bold{
    font-weight: bold;
}
.search-table .btn-inverse {
	background-color: #62C4DA;
	border-radius: 5px;
	font-weight: bold;
	padding: 16px;
	min-width: 208px;
}
.search-table .btn-inverse:hover,
.search-table .btn-inverse:focus {
    background-color: #62C4DA;
}
.search-table .radio input[type="radio"].custom-radio:checked + .icons .icon-checked {
	color: #606EAA;
}

.table-wrap .list-width{
    max-width: 200px;
}
.table-wrap .ad-list-width{
    max-width: 120px;
}
.table-wrap .ad-list-time-width{
     width: 80px;
 }
.media-select{
    display: inline-block;
    width: auto;
    min-width: 220px;
}
.cj_cont .table-wrap .grid-view .summary {
	color: #454B64;
}
.cj_cont .table-wrap .table.result-style {
	border-radius: 5px;
	overflow: hidden;
	word-break: break-all;
	border-color: transparent;
}
.cj_cont .table-wrap .table.result-style thead {
	border-bottom: none;
}
.cj_cont .table-wrap .table.result-style thead th {
	border-color: #FFF;
	background-color: #dee1e8;
	border-bottom: none;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
	color: #454B64;
}
.cj_cont .table-wrap .table.result-style tbody > tr > td {
	border-color: #D0D3DB;
	font-size: 15px;
	padding: 15px;
	color: #454B64;
	white-space:inherit;
}
.cj_cont .table-wrap .table.result-style tbody > tr:first-child > td {
	border-top: none;
}
.cj_cont .table-wrap .table.result-style.type01 td.tbl-setting-child .btn {
	margin: 2px 0;
}
.cj_cont .table-wrap .table.result-style .checkbox {
	padding-left: 22px;
}
.cj_cont .table-wrap .table.result-style .checkbox input[type="checkbox"].custom-checkbox {
	width: 22px;
	height: 22px;
}
.cj_cont .table-wrap .table.result-style .checkbox .icons {
	width: 22px;
	height: 22px;
	line-height: 22px;
	top: -15px;
}
.cj_cont .table-wrap .table.result-style .checkbox .icon-checked,
.cj_cont .table-wrap .table.result-style .checkbox .icon-unchecked {
	color: transparent;
	background: #F7F7F7;
	border: solid 1px #D8D8D8;
	border-radius: 3px;
	display: block;
	width: 22px;
	height: 22px;
}
.cj_cont .table-wrap .table.result-style thead .checkbox .icon-checked,
.cj_cont .table-wrap .table.result-style thead .checkbox .icon-unchecked {
	background: #FFF;
	border-color: #FFF;
}
.cj_cont .table-wrap .table.result-style .checkbox .icon-unchecked::before {
	content: "";
}
.cj_cont .table-wrap .table.result-style .checkbox .icon-checked::before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 3px;
	width: 14px;
	height: 7px;
	border-left: 3px solid #606EAA;
	border-bottom: 3px solid #606EAA;
	transform: rotate(-45deg);
}
.cj_cont .table-wrap .table.result-style .checkbox input[type="checkbox"].custom-checkbox:hover:not(:checked) + .icons .icon-checked::before {
	opacity: 0;
}
.cj_cont .table-wrap .table.result-style .btn-inverse i {
	font-weight: bold;
}
.cj_cont .table-wrap .table.result-style .btn-inverse.btn-execution {
	background: #62C4DA;
}

.cj_cont .project-left-box {
	background-color: #FFF;
	padding: 15px;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.cj_cont .project-left-box.fixed {
	width: calc((100% - max(16vw,230px) - 90px) * .3);
	display: flex;
	flex-direction: column;
}
.min-menu .cj_cont .project-left-box.fixed {
	width: calc((100% - (max(1.46vw,18px) + max(2.6vw,32px)) - 90px) * .3);
}
.cj_cont .project-left-box ul.pond.sortable {
	overflow: scroll;
}
.cj_cont ul.pond.sortable li:hover {
	background: #606EAA;
	color: #FFF;
}
.cj_cont .radio .icon-checked:before {
	color: #606EAA;
}
.cj_cont .plus-button {
	background: #606EAA;
	border-color: #606EAA;
}
.cj_cont .delete-button,
.cj_cont .delete-button:focus {
    border-color: #FFDCD3;
}
.cj_cont .plus-button:hover,
.cj_cont .delete-button:hover {
	opacity: .7;
	transition: .2s ease;
}
.cj_cont .cj-detail-box {
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: #FFFFFF;
	border: solid 1px #D8D8D8;
	width: 100%;
	text-align: center;
	padding: 10px 20px 0;
	z-index: 1044;
}
.cj_cont .cj-detail-box .btn {
	border-radius: 5px;
	font-weight: bold;
	padding: 16px;
	margin-bottom: 10px;
}
.cj_cont .cj-button-back,
.cj_cont .cj-button-back:hover,
.cj_cont .cj-button-back:focus {
	background: #CED6F7;
	color: #616FAA;
}
.cj_cont .cj-detail-box .cj-detail-update {
	background: #62C4DA;
	min-width: 200px;
}
.field-keydata-details table.multiple-input-list.table-renderer tr>td:first-child {
    padding-left: 16px;
}

@media (min-width:1366px) {
	.cj_cont .table-wrap .table.result-style.type01 td.tbl-setting-child {
		white-space: nowrap;
	}
}

@media (min-width:768px) {
	.search-table .labal-bold {
		font-size: max(0.89vw,14px);
	}
	.search-table .td-label{
	    padding: 0 max(2.6vw,33px) 20px max(2.6vw,33px);
	    min-width: 150px;
	}
	.search-table .td-form .form-control {
		max-width: 737px;
		font-size: max(0.89vw,14px);
		padding: 0.78vw 1.56vw;
		background: #F7F7F7;
		border-color: #D8D8D8;
		height: max(2.86vw,37px);
	}
	.search-table .btn-inverse {
		font-size: max(0.89vw,14px);
	}
	.cj_cont .table-wrap .grid-view .summary {
		font-size: max(0.89vw,14px);
		padding: max(0.78vw,10px) max(1.56vw,20px) 0 max(1.56vw,20px);
	}
	.cj_cont .table-wrap .table.result-style {
		margin: 20px 0;
	}
	.cj_cont .table-wrap .table.result-style thead th,
	.cj_cont .table-wrap .table.result-style tbody > tr > td {
		font-size: max(0.78vw,13px);
	}
	.cj_cont .table-wrap .table.result-style .btn-inverse {
		font-size: max(0.83vw,14px);
	}
}
@media (max-width:767px) {
	.search-table tr {
		flex-wrap: wrap;
	}
	.search-table .td-label {
		width: 100%;
		padding: 0 5% 20px 5%;
	}
	.search-table .td-form{
	    width: 100%;
	    padding-left: 5%;
	}
	.search-table tr:first-child > .td-form {
		padding-top: 0;
	}
	.cj_cont .table-wrap .table.result-style thead th,
	.cj_cont .table-wrap .table.result-style tbody > tr > td {
		font-size: 100%;
	}

	.cj_cont #importMedia,
	.cj_cont #exportMedia {
		float: none;
		width: 100%;
		margin: 20px 0;
	}
	.cj_cont .project-rule-right {
		float: none;
		width: 100%;
		margin: 20px 0;
	}
	.cj_cont .project-left-box.fixed {
		position: relative;
		width: 100%;
		height: auto;
	}
	.cj_cont .cj-detail-box .btn {
		width: 100%;
		max-width: 300px;
		margin: 0 auto 10px auto;
		display: block;
	}
}

.popWrapper .glyphicon-question-sign:before {
	font-size: 31px;
}

.popupTableHeader {
	display: flex;
	align-items: center;
}