/*
#form-tool{
	width: calc(100% + 30px) !important;
	margin-left: -15px !important;
}*/
#page-wrapper{
	overflow: hidden;
}
#page-create .work-space{
	padding-left: 10px !important;
	padding-right: 10px !important;
	overflow: visible;
}
#page-create .work-space:after{
	content: "";
	display: block;
	clear: both;
}
@media screen and (max-width: 1100px){
	.ippedit #form-tool{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media screen and (max-width: 650px){
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-left: 12px ;
		padding-right: 12px;
	}
	.ippedit .panel-body{
		padding: 15px 10px;
	}
	.ippedit .nav.nav.nav-tabs li a{
		padding: 10px;
	}
	#page-create .work-space{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
#page-create .work-space iframe.formPartsCreateIframe{
	margin: 0 auto 30px;
	transform: translateY(20px);
}

/*-reset-*/

#form-tool{
	margin-bottom: 20px;
}
#form-tool>#page-create{
	padding-top: 10px;
}
#form-tool>#page-create .work-space.page.ui-sortable{
	padding-bottom: 0;
	overflow: visible;
}

#form-tool .items{
	font-size: 62.5%;
	overflow: hidden;
}
#form-tool .items>*{
	font-size: 1.55rem;
}
#form-tool .items,
#form-tool .items *{
	margin: 0;
	padding: 0;
	list-style: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
#form-tool .items h1,
#form-tool .items h2,
#form-tool .items h3,
#form-tool .items h4,
#form-tool .items h5,
#form-tool .items h6{
	font-size: inherit;
	color: inherit;
	font-weight: bold;
	line-height: inherit;
	font-family: inherit;
}
#form-tool .items h1{
	font-size: 2em;
}
#form-tool .items h2{
	font-size: 1.5em;
}
#form-tool .items h3{
	font-size: 1.17em;
}
#form-tool .items h4{
	font-size: 1em;
}
#form-tool .items h5{
	font-size: 0.83em
}
#form-tool .items h6{
	font-size: 0.67em
}
.ippedit #form-tool .items table th div,
.ippedit #form-tool .items table td div{
	font-size: inherit;
	height: auto;
}
#form-tool .items dt,
#form-tool .items label{
	font-weight: 500;
}
#form-tool .items img,
#form-tool .items a img {
	border: 0;
	vertical-align: top;
	backface-visibility: hidden;
}
#form-tool .items img{
	max-width: 100%;
}
#form_submit{
	pointer-events: none;
}

#form-tool #block-item-list a,
#form-tool .modal{
	color: #333 !important;
}

/*----*/

.ippedit .modal-header button.close{
	opacity: 0.8;
	padding: 13px 15px;
	margin-top: -13px;
}
.ippedit .modal-header button.close:hover{
	opacity: 0.5;
}
.ippedit .modal-header button.close span{
	color: #fff;
	text-shadow: none;
}
.ippedit #page-create .add-item{
	cursor: pointer;
}
.ippedit #page-create .add-item-button{
	display: none !important;
}
.ippedit #form-tool #page-create .work-space .items .content_wrapper>div:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}
.ippedit #form-tool #page-create .work-space .items>div:not(.parallax){
	padding: 30px 0 30px;
}
.ippedit #form-tool #page-create .work-space .items>div[style*="background-color"]{
	padding: 80px 0;
}
.ippedit #form-tool #page-create .work-space .item{
	margin-bottom: 20px !important;
	padding-bottom: 0 !important;
	position: relative !important;
	/* background-color: transparent !important; */
}
/* .ippedit #form-tool #page-create .work-space .item:hover{
	background-color: rgba(0,0,0,0.04) !important;
} */
.ippedit #form-tool #page-create .work-space .items:hover{
	background-color: rgba(0,0,0,0.04) !important;
}
.ippedit #form-tool #page-create .work-space .items:hover +.item-edit-button{
	background-color: rgba(0,0,0,0.04) !important;
}
.ippedit #form-tool #page-create .add-item{
	opacity: 0 !important;
	top: 0 !important;
	left: 0 !important;
	padding: 2px 0 0 0 !important;
	opacity: 1 !important;
	height: 40px;
	margin-bottom: 15px;
	background-color: transparent !important;
	margin-left: -30px;
	width: calc(100% + 60px);
	z-index: 2;
}
.ippedit #form-tool #page-create .add-item.first{
	width: 100%;
	margin-left: 0;
}
.ippedit #page-create .add-item:before{
	border: none !important;
	height: 3px;
	width: 100% !important;
	background: rgba(200,200,200,0.6);
	position: absolute;
	top: calc(50% - 1px) !important;
	left: 0 !important;
}
.ippedit #page-create .add-item span{
	pointer-events: none;
	display: block;
	border: none !important;
	width: 40px;
	height: 40px;
	background: #00c5dc !important;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
	position: absolute;
	top: -5px;
	left: calc(50% - 20px) !important;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
}
.ippedit #form-tool #page-create .add-item.first span{
	top: 1px;
}
.ippedit #page-create .add-item:hover span{
	background: #6169a9 !important;
}
.ippedit #page-create .add-item span:after{
	display: block;
	content: "+";
	font-weight: bold;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	color: #fff;
	text-indent: 0;
}
.ippedit #page-create .item-edit-button{
	width: 100% !important;
	padding-top: 10px !important;
	padding-right: 10px !important;
}

.ippedit #block-item-list{
	padding: 0 0 0 0 !important;
	border: none !important;
	margin: 21px auto 35px !important;
	background: #f8f8f8;
	/*box-shadow: 0 4px 3px rgba(0,0,0,0.1) inset;*/
	border-top: 3px solid #ddd !important;
	z-index: 2;
}
.ippedit #block-item-list ul.nav{
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding: 20px 10px 30px !important;
	border-bottom: 3px solid #ddd;
	animation: navshow 0.4s 1 ease-in-out;
	transform-origin: 0 0;
}
@keyframes navshow {
	0%{
		transform: scaleY(0);
		opacity: 0;
	}
	1%{
		transform: scaleY(1);
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.ippedit #form-tool #page-create .add-item-list .delete-item-list{
	position: absolute;
	bottom: -20px;
	left: calc(50% - 20px);
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	background: #6169a9;
	display: block;
	top: auto;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
}
.ippedit #block-item-list .delete-item-list i.fa:before{
	color: #fff;
}
.ippedit #form-tool .parallax{
	box-shadow: none !important;
}

/*----------------------------load-----------------------------------*/

#wrapper{
	opacity: 0;
}
#load{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}
#load div:nth-of-type(1){
	height: 100%;
	width: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.8s ease-in-out;
}
#load .loader {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid #55d8e8;
	border-radius: 50%;
	animation: spin 0.75s infinite linear;
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	display: block;
}
#load .loader::before,
#load .loader::after {
	left: -2px;
	top: -2px;
	display: none;
	position: absolute;
	content: '';
	width: inherit;
	height: inherit;
	border: inherit;
	border-radius: inherit;
}
#load .loader,
#load .loader::before {
	display: inline-block;
	border-color: transparent;
	border-top-color: #55d8e8;
}
#load .loader::before {
	animation: spin 1.5s infinite ease;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
#load img{
	display: block;
	z-index: 100;
	max-width: 150px;
	max-height: 80px;
	position: absolute;
	top: calc(50% + 10px);
	left: 0;
	right: 0;
	margin: 0 auto;
}

/*----------------------------login-----------------------------------*/

#login{
	overflow: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e232b+0,1d576c+64,2c4c7e+100 */
	background: #1e232b; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #05233f 0%, #2e748d 55%, #3c428f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #05233f 0%,#2e748d 55%,#3c428f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #05233f 0%,#2e748d 55%,#3c428f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	min-height: 100vh;
}
#login:before{
	position: fixed;
	top: -20px;
	left: -20px;
	z-index: 0;
	content: "";
	display: block;
	width: calc(100% + 40px);
	height: calc(100vh + 40px);
	/*background: url(https://source.unsplash.com/featured/?landscape/1000x563) 50% 50% no-repeat;*/
	background: url(/common/images/bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	filter: blur(15px) brightness(40%) contrast(130%) grayscale(100%);
	opacity: 0.5;
}
#login .container{
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	margin: 0;
	padding: 40px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#login .container:before,
#login .container:after,
#login .container .row:before,
#login .container .row:after{
	display: none;
}
#login .container .row{
	height: auto;
	width: 100%;
}
#login .container .row .col-md-4{
	max-width: 520px;
	width: 90%;
	position: relative;
	float: none;
	margin: 0 auto;
	padding: 0;
	background: #1e232b; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #05233f 0%, #2e748d 40%, #3c428f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #05233f 0%,#2e748d 40%,#3c428f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #05233f 0%,#2e748d 40%,#3c428f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 0 0 30px rgba(0,0,0,0.4);
}
#login .container .row .col-md-4:before{
	content: "";
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	/*background: url(https://source.unsplash.com/featured/?landscape/1000x563) 50% 50% no-repeat;*/
	background: url(/common/images/bg.jpg) 50% 50% no-repeat;
	filter: brightness(70%) contrast(130%) grayscale(100%);
	opacity: 0.3;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
#login .login-panel{
	margin: 0;
	position: relative;
	z-index: 2;
	border: none;
	background-color: transparent;
}
#login .panel-heading{
	background-color: transparent;
	border: none;
	padding: 20px 0 0 0;
}
#login .panel-heading h3{
	padding: 40px;
	box-sizing: content-box;
	text-indent: -10000px;
	outline: none;
	line-height: 1px;
	font-size: 1px;
	height: 270px;
	background: url(/common/images/logo2.png) 50% 50% no-repeat;
	background-size: 150px auto;
}
.ipp2#login .panel-heading h3{
	background: url(/common/images/ipp2logo.png) 50% 50% no-repeat;
	background-size: 70% auto;
}
.onerankcms#login .panel-heading h3{
	background: url(/common/images/onerankcmslogo.png) 50% 50% no-repeat;
	background-size: 70% auto;
}
#login .panel-body{
	padding: 10px 20px 100px;
	text-align: center;
	color: #fff;
}
#login .panel-body form{
	display: block;
	max-width: 400px;
	margin: 0 auto;
}
#login .panel-body input{
	border-radius: 0;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.55);
	background-color: transparent;
	color: #fff;
	box-shadow: none;
	padding-left: 35px;
}
#login input::-webkit-input-placeholder {
	color: rgba(255,255,255,0.6);
	opacity: 1;



}
#login input:-ms-input-placeholder {
	color: rgba(255,255,255,0.6);
	opacity: 1;
}
#login input::-moz-placeholder {
	color: rgba(255,255,255,0.6);
	opacity: 1;
}
#login .form-group{
	margin-bottom: 30px;
	position: relative;
}
#login .form-group:nth-of-type(1):after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	left: 5px;
	background: url(/common/images/user.svg) 50% 50% no-repeat;
	background-size: auto 19px;
	opacity: 0.7;
}
#login .form-group:nth-of-type(2):after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	left: 5px;
	background: url(/common/images/key.svg) 50% 50% no-repeat;
	background-size: auto 19px;
	opacity: 0.7;
}
#login .checkbox{
	margin: -5px 0 40px;
}
#login a.btn{
	min-width: 200px;
	font-size: 14px;
	padding: 10px;
	background: #fff;
	color: #2b80c7;
	letter-spacing: 1px;
	transition: 0.2s ease-in-out;
}
#login a.btn:hover{
	opacity: 0.8;
}
@media screen and (max-height: 850px){
	#login{
		overflow: scroll;
		overflow-x: hidden;
	}
	#login .panel-heading h3{
		height: 150px;
		background-size: 120px auto;
		padding-top: 20px;
	}
	#login .panel-body{
		padding: 10px 20px 60px;
	}
}

/*----------------------------base-----------------------------------*/

body{
	min-width: 320px;
}

/*----------------------------header-----------------------------------*/

.navbar{
	color: #fff;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233b5f+0,313945+100 */
	background: #233b5f; /* Old browsers */
	background: -moz-linear-gradient(left,  #233b5f 0%, #313945 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #233b5f 0%,#313945 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #233b5f 0%,#313945 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233b5f', endColorstr='#313945',GradientType=1 ); /* IE6-9 */
}
.navbar-default .navbar-brand{
	color: #fff;
	font-size: 11.5px;
	letter-spacing: 0.8px;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(40% - 30px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
	color: rgba(255,255,255,0.7);
}
.navbar-top-links{
	display: table;
	table-layout: fixed;
	border-right: 1px solid rgba(255,255,255,0.09);
	border-left: 1px solid rgba(0,0,0,0.2);
}
.navbar-top-links:before,
.navbar-top-links:after{
	display: none;
}
.navbar-top-links li{
	display: table-cell;
	vertical-align: middle;
	margin-right: 0 !important;
	border-left: 1px solid rgba(255,255,255,0.09);
	border-right: 1px solid rgba(0,0,0,0.2);
}
.navbar-top-links li a{
	color: #fff;
	line-height: 20px;
	font-size: 11.5px;
	text-align: center;
	padding: 15px 15px 15px 40px;
	position: relative;
}
.navbar-top-links li a:hover,
.navbar-top-links li a:focus{
	background: rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.7);
}
.navbar-top-links li a i{
	display: block;
	width: 15px;



	height: 15px;
	position: absolute;
	top: calc(50% - 8px);
	left: 17px;
}
.navbar-top-links li a i svg{
	width: 15px;
	height: 15px;
}
.navbar-top-links li a:hover svg path,
.navbar-top-links li a:focus svg path{
	fill: rgba(255,255,255,0.7);
}
#navbar-logo{
	position: absolute;
	top: 1px;
	left:calc(50% - 15px);
	padding: 10px 0;
	width: 30px;
	height: 27px !important;
	box-sizing: content-box;
}
.ipp2 #navbar-logo,
.onerankcms #navbar-logo{
	left: calc(50% - 23.5px);
	padding: 0;
	width: 47px;
	height: 47px !important;
}
#navbar-logo a{
	display: block;
}
.ipp2 #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/ipp2logo2.png) 50% 50% no-repeat;
	background-size: contain;
}
.onerankcms #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/onerankcmslogo2.png) 50% 50% no-repeat;
	background-size: contain;
}
#navbar-logo svg{
	display: block;
	width: 30px;
	height: 27px;
}
.ipp2 #navbar-logo svg,
.onerankcms #navbar-logo svg{
	display: none;
}
.navbar-toggle{
	border-radius: 0;
	border: none;
}
.navbar-toggle:hover,
.navbar-toggle:focus{
	background-color: transparent !important;
}
.navbar-toggle span{
	background-color: #fff !important;
}
.navbar-toggle:hover span{
	opacity:0.8;
}
@media screen and (max-width: 1260px){
	.navbar-top-links li a{
		padding: 15px 20px;
		width: 15px;
		height: 15px;
		box-sizing: content-box;
		min-height: 0;
	}
	.navbar-top-links li a i{
		position: static;
	}
	.navbar-top-links li a span{
		display: none;
	}
}
@media screen and (max-width: 767px){
	.navbar-top-links{
		width: 100%;
		border-top: 1px solid rgba(255,255,255,0.09);
		box-shadow: 0 -1px 0 0 rgba(0,0,0,0.2);
	}
	.navbar-top-links li a{
		min-height: 0;
		width: auto;
		height: auto;
	}
	.navbar-top-links li a i{
		margin: 0 auto;
	}
}
@media screen and (max-width: 600px){
	.navbar-brand{
		display: none;
	}
}

/*----------------------------pagetitle-----------------------------------*/

.page-header{
	width: calc(100% + 60px);
	box-sizing: border-box;
	padding: 50px 30px;
	margin: 0 0 40px -30px;
	border: none;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.container-fluid .page-header{
	width: calc(100% + 90px);
	margin: 0 0 40px -45px;
}
@media screen and (max-width: 750px){
	.page-header{
		width: calc(100% + 30px);
		margin: 0 0 20px -15px;
		padding: 20px 20px;
		font-size: 20px;
	}
	.container-fluid .page-header{
		width: calc(100% + 60px);
		margin: 0 0 40px -30px;
	}
}

/*----------------------------sidenav-----------------------------------*/

.sidebar a{
	color: #222;
}
.sidebar a:hover,
.sidebar a:focus{
	color: #666;
}
.sidebar a i{
	color: #00c5dc;
}
@media screen and (max-width: 1260px){
	.sidebar{
		margin-top: 49px;
	}
}
@media screen and (max-width: 767px){
	.sidebar{
		margin-top: 0;
	}
}

/*----------------------------panel-----------------------------------*/

.panel{
	margin-bottom: 40px;
}
.panel-heading{
	padding: 20px 15px;
	font-size: 16px;
}
.panel-heading .pull-right .btn{
	margin-top: -7px;
}
.panel-heading i{
	color: #00c5dc;
}

/*----------------------------dashboard status-----------------------------------*/

#status .panel-primary,
#status .panel-green,
#status .panel-yellow,
#status .panel-red{
	border: none;
	margin-bottom: 40px;
}
#status .panel-primary a,
#status .panel-green a,
#status .panel-yellow a,
#status .panel-red a{
	display: none;
}
#status .panel-primary > .panel-heading,
#status .panel-green > .panel-heading,
#status .panel-yellow > .panel-heading,
#status .panel-red > .panel-heading{
	border: none;
	border-radius: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	min-height: 97px;
	height: 12vw;
}
#status .panel-primary > .panel-heading .row,
#status .panel-green > .panel-heading .row,
#status .panel-yellow > .panel-heading .row,
#status .panel-red > .panel-heading .row{
	display: table-cell;
	vertical-align: middle;
}
#status .panel-primary > .panel-heading{
	background: url(/common/images/panel-primary.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#status .panel-green > .panel-heading{
	background: url(/common/images/panel-green.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#status .panel-yellow > .panel-heading{
	background: url(/common/images/panel-yellow.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#status .panel-red > .panel-heading{
	background: url(/common/images/panel-red.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#status i.fa{
	color: #fff;
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 750px){
	#status .panel-primary,
	#status .panel-green,
	#status .panel-yellow,
	#status .panel-red{
		border: none;
		margin-bottom: 20px;
	}
}

/*----------------------------btn-----------------------------------*/

.btn,
.btn-default{
	border-radius: 100px;
	font-size: 13px;
	padding: 3px 15px;
	margin-left: auto;
	margin-right: auto;
}
.btn{
	padding: 7px 15px;
	border: none;
}
.btn-default{
	border: 1px solid #999;
}
.btn-default[type="submit"]{
	background: #00c5dc;
	color: #fff;
	padding: 7px 15px;
	border: none;




}
.btn-default[type="submit"]:hover,
.btn-default[type="submit"]:focus{
	background-color: #00cfe7;
}
.btn-default[type="submit"]:active{
	background-color: #00b4c9;
	color: #fff;
}
.btn-default[type="reset"]{
	background: #f67475;
	color: #fff;
	padding: 7px 15px;
	border: none;
}
.btn-default[type="reset"]:hover,
.btn-default[type="reset"]:focus{
	background-color: #fc7d7e;
}
.btn-default[type="reset"]:active{
	background-color: #ec6a6b;
	color: #fff;
}
.btn-primary.btn-outline{
	background-color: transparent;
	border: 1px solid #5867c3;
	color: #5867c3;
}
.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus{
	background-color: #5867c3;
	color: #fff;
}
.btn-success.btn-outline{
	border: 1px solid #449D44;
}
.btn-info.btn-outline{
	border: 1px solid #31B0D5;
}
.btn-warning.btn-outline{
	border: 1px solid #EC971F;
}
.btn-danger.btn-outline{
	border: 1px solid #C9302C;
}
.btn-social{
	padding: 7px 20px 7px 45px;
}
.btn-social > :first-child{
	left: 5px;
}
.btn-circle{
	padding: 6px 0;
}
.btn-block{
	display: inline-block;
	width: auto;
}
.btn-primary .badge {
  color: #5867c3;
}
.btn-link {
  color: #5867c3;
}

/*----------------------------color-----------------------------------*/

a {
  color: #5867c3;
}
a:hover,
a:focus {
  color: #23527c;
}
.nav-tabs li:not(.active) a{
	color: #5867c3 !important;
}
.nav-tabs li:not(.active) a:hover,
.nav-tabs li:not(.active) a:focus {
  color: #23527c !important;
}

.text-primary {
  color: #5867c3;
}
.bg-primary {
  background-color: #5867c3;
}
.btn-primary {
  background-color: #5867c3;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #5867c3;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #5867c3;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: #5867c3;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #5867c3;
}
.pagination > li > a,
.pagination > li > span {
  color: #5867c3;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #5867c3;
  border-color: #5867c3;
}
.label-primary {
  background-color: #5867c3;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #5867c3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #5867c3;
}
.progress-bar {
  background-color: #5867c3;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #5867c3;
  border-color: #5867c3;
}
.panel-primary {
  border-color: #5867c3;
}
.panel-primary > .panel-heading {
  background-color: #5867c3;
  border-color: #5867c3;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #5867c3;
}
.panel-primary > .panel-heading .badge {
  color: #5867c3;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #5867c3;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
	color: #f67475;
}
.has-error .form-control{
	border-color: #f67475;
}
.has-error .form-control:focus{
	border-color: #f67475;
	box-shadow: 0 0 5px #f67475;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label{
	color: #00c5dc;
}
.has-success .form-control{
	border-color: #00c5dc;
}
.has-success .form-control:focus{
	border-color: #00c5dc;
	box-shadow: 0 0 5px #00c5dc;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label{
	color: #e5b31e;
}
.has-warning .form-control{
	border-color: #e5b31e;
}
.has-warning .form-control:focus{
	border-color: #e5b31e;
	box-shadow: 0 0 5px #e5b31e;
}

/*----------------------------footer-----------------------------------*/

footer{
	position: relative !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233b5f+0,313945+100 */
	background: #233b5f !important; /* Old browsers */
	background: -moz-linear-gradient(left,  #233b5f 0%, #313945 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #233b5f 0%,#313945 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #233b5f 0%,#313945 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233b5f', endColorstr='#313945',GradientType=1 ) !important; /* IE6-9 */
	font-size: 11.5px !important;
	color: rgba(255,255,255,0.7) !important;
	text-align: right !important;
	line-height: 1 !important;
	padding: 0 !important;
	box-shadow: none !important;
	display: block !important;
	margin: 0 auto !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
footer div{
	background: url(/common/images/logo.png) 15px 50% no-repeat;
	background-size: auto 20px;
	padding: 23px 15px 21px;
}
.ipp2 footer div{
	background: url(/common/images/ipp2logo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.onerankcms footer div{
	background: url(/common/images/onerankcmslogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}

/*----------------------------list-group-----------------------------------*/

.list-group a{
	border: none;
}
.list-group a:nth-of-type(2n-1){
	background: #f8f8f8;
}
.list-group a i{
	color: #00c5dc;
}
.list-group a:hover,
.list-group a:focus{
	background: #f3f3f3;
}

.input-group .btn{
	padding: 7px 15px 6px 12px;
}
.input-sm{
	padding: 6px 10px;
	border-radius: 100px;
	height: auto;
}

/*----------------------------table-----------------------------------*/

.table-bordered{
	border-top: none;
}
thead{
	color: #fff;
	background: #00c5dc;
}

/*-----------------------------site_structure_result------------------------------*/

#site_structure_result label{
	border: none !important;
	padding: 10px 8px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
}

/*--bgcolor--*/

#site_structure_result label.btn-primary{/*1st*/
	background-color: #4ce2f4;
}
#site_structure_result label.btn-primary:hover,
#site_structure_result label.btn-primary:active{
	background-color: #44cbdb;
}

#site_structure_result label.btn-success{/*2nd*/
	background-color: #60d5ea;
}
#site_structure_result label.btn-success:hover,
#site_structure_result label.btn-success:active{
	background-color: #56bfd2;
}

#site_structure_result label.btn-info{/*3rd*/
	background-color: #61b9d2;
}
#site_structure_result label.btn-info:hover,
#site_structure_result label.btn-info:active{
	background-color: #57a6bd;
}

#site_structure_result label.btn-warning{/*4th*/
	background-color: #63a0bd;
}
#site_structure_result label.btn-warning:hover,
#site_structure_result label.btn-warning:active{
	background-color: #5990aa;
}

#site_structure_result label.btn-danger{/*5th*/
	background-color: #6582a3;
}
#site_structure_result label.btn-danger:hover,
#site_structure_result label.btn-danger:active{
	background-color: #5b7592;
}

/*--icon--*/

#site_structure_result label.structure_1st{
	background-image: url(/common/images/crown1.png);
	background-position: calc(100% - 10px);
	background-repeat: no-repeat;


	background-size: 35px 35px;
	padding-right: 55px;
}
#site_structure_result label.structure_2nd{
	background-image: url(/common/images/crown2.png);
	background-position: calc(100% - 10px);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	padding-right: 55px;
}
#site_structure_result label.structure_3rd{
	background-image: url(/common/images/crown3.png);
	background-position: calc(100% - 10px);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	padding-right: 55px;
}

/*-----------------------------form-tool icon------------------------------*/

#block-item-list ul.nav>li>ul.dropdown-menu{
	text-align: left;
}
#block-item-list ul.nav>li>a,
#block-item-list ul.nav>li>ul.dropdown-menu>li>a{
	padding: 10px 10px 10px 40px;
	position: relative;
}
#block-item-list ul.nav>li>a:before,
#block-item-list ul.nav>li>ul.dropdown-menu>li>a:before{
	content: "";
	display: block;
	width: 24px;
	height: 21px;
	position: absolute;
	top: calc(50% - 10.5px);
	left: 10px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
#block-item-list ul.nav>li#block_text>a:before{background-image: url(/common/images/i1.png);}
#block-item-list ul.nav>li#block_image>a:before{background-image: url(/common/images/i2.png);}
#block-item-list ul.nav>li#block_header>a:before{background-image: url(/common/images/i3.png);}
#block-item-list ul.nav>li#block_link>a:before{background-image: url(/common/images/i4.png);}
#block-item-list ul.nav>li#block_table>a:before{background-image: url(/common/images/i5.png);}
#block-item-list ul.nav>li#block_button>a:before{background-image: url(/common/images/i6.png);}
#block-item-list ul.nav>li#block_template>a:before{background-image: url(/common/images/i7.png);}
#block-item-list ul.nav>li#block_movie>a:before{background-image: url(/common/images/i10.png);}
#block-item-list ul.nav>li#block_tel>a:before{background-image: url(/common/images/i11.png);}
#block-item-list ul.nav>li#block_map>a:before{background-image: url(/common/images/i12.png);}
#block-item-list ul.nav>li#block_gallery>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_gallery2>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_gallery3>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_gallery4>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_gallery5>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_menu>a:before{background-image: url(/common/images/i14.png);}
#block-item-list ul.nav>li#block_coupon>a:before{background-image: url(/common/images/i15.png);}
#block-item-list ul.nav>li#block_form>a:before{background-image: url(/common/images/i16.png);}
#block-item-list ul.nav>li#block_staff>a:before{background-image: url(/common/images/i17.png);}
#block-item-list ul.nav>li#block_question>a:before{background-image: url(/common/images/i18.png);}
#block-item-list ul.nav>li#block_history>a:before{background-image: url(/common/images/i19.png);}
#block-item-list ul.nav>li#block_rich>a:before{background-image: url(/common/images/i20.png);}
#block-item-list ul.nav>li#block_shop>a:before{background-image: url(/common/images/i23.png);}
#block-item-list ul.nav>li#block_line>a:before{background-image: url(/common/images/i24.png);}
#block-item-list ul.nav>li#block_comparison>a:before{background-image: url(/common/images/i25.png);}
#block-item-list ul.nav>li>ul.dropdown-menu>li#block_image_text_re>a:before{background-image: url(/common/images/i7.png);}
#block-item-list ul.nav>li>ul.dropdown-menu>li#block_image2>a:before{background-image: url(/common/images/i8.png);}
#block-item-list ul.nav>li#rich_block_image2>a:before{background-image: url(/common/images/i8.png);}
#block-item-list ul.nav>li>ul.dropdown-menu>li#block_image3>a:before{background-image: url(/common/images/i9.png);}
/* #block-item-list ul.nav>li>ul.dropdown-menu>li#rich_block_image_text_re>a:before{background-image: url(/common/images/i20.png);} */
#block-item-list ul.nav>li#rich_block_image_text_re>a:before{background-image: url(/common/images/i20.png);}
#block-item-list ul.nav>li>ul.dropdown-menu>li#rich_block_header>a:before{background-image: url(/common/images/i21.png);}
/* #block-item-list ul.nav>li>ul.dropdown-menu>li#rich_block_image3>a:before{background-image: url(/common/images/i22.png);} */
#block-item-list ul.nav>li#rich_block_image3>a:before{background-image: url(/common/images/i22.png);}
#block-item-list ul.nav>li#rich_block_image4>a:before{background-image: url(/common/images/i32.png);}
#block-item-list ul.nav>li#block_favorite>a:before{background-image: url(/common/images/i26.png);}
#block-item-list ul.nav>li#block_blog>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_blog2>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_blog3>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_blog4>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_blog5>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_news>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_news2>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_news3>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_news4>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_news5>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_html>a:before{background-image: url(/common/images/i29.png);}
#block-item-list ul.nav>li#block_editor>a:before{background-image: url(/common/images/i30.png);}
#block-item-list ul.nav>li#block_recruit>a:before{background-image: url(/common/images/i31.png);}

/*-----------------------------what day------------------------------*/

.tab-content #home,
.tab-content #profile,
.tab-content #messages,
.tab-content #settings{
	position: relative;
}
.tab-content #home:before,
.tab-content #profile:before,
.tab-content #messages:before,
.tab-content #settings:before{
	content: "";
	display: block;
	width: 4px;
	height: 100%;
	background: #eee;
	position: absolute;
	top: 0;
	left: 23px;
}

.tab-content #home h4,
.tab-content #home h4+p,
.tab-content #profile h4,
.tab-content #profile h4+p,
.tab-content #messages h4,
.tab-content #messages h4+p,
.tab-content #settings h4,
.tab-content #settings h4+p{
	padding: 0;
	margin: 0;
	margin-left: 50px;
}
.tab-content #home h4,
.tab-content #profile h4,
.tab-content #messages h4,
.tab-content #settings h4{
  padding-top: 15px;
  padding-bottom: 10px;
  position: relative;
}
.tab-content #home h4:before,
.tab-content #profile h4:before,
.tab-content #messages h4:before,
.tab-content #settings h4:before{
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	border-radius: 100%;
	background: #293a53;
	position: absolute;
	top: 19px;
	left: -31px;
}
.tab-content #profile h4:before{
	background: #f0ad4e;
}
.tab-content #messages h4:before{
	background: #d9534f;
}
.tab-content #settings h4:before{
	background: #5cb85c;
}
.tab-content #home h4+p,
.tab-content #profile h4+p,
.tab-content #messages h4+p,
.tab-content #settings h4+p{
  padding-bottom: 15px !important;
}
.tab-content #home>div:last-child,
.tab-content #profile>div:last-child,
.tab-content #messages>div:last-child,
.tab-content #settings>div:last-child{
	background: #fff;
	padding-top: 20px;
	position: relative;
}

.tab-content #trends>p{
	display: inline-block;
	border: 1px solid #ddd;
	padding: 5px 8px !important;
}
.tab-content #trends>p:nth-of-type(1),
.tab-content #trends>p:nth-of-type(2),
.tab-content #trends>p:nth-of-type(3),
.tab-content #trends>p:nth-of-type(4),
.tab-content #trends>p:nth-of-type(5){
	padding-left: 30px !important;
	position: relative;
}
.tab-content #trends>p:nth-of-type(1):before,
.tab-content #trends>p:nth-of-type(2):before,
.tab-content #trends>p:nth-of-type(3):before,
.tab-content #trends>p:nth-of-type(4):before,
.tab-content #trends>p:nth-of-type(5):before{
	content: "";
	display: block;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 1px;
	left: 0px;
}
.tab-content #trends>p:nth-of-type(1):before{
	background: url(/common/images/crown1.png) 50% 50% no-repeat;
	background-size: contain;
}
.tab-content #trends>p:nth-of-type(2):before{
	background: url(/common/images/crown2.png) 50% 50% no-repeat;
	background-size: contain;
}
.tab-content #trends>p:nth-of-type(3):before{
	background: url(/common/images/crown3.png) 50% 50% no-repeat;
	background-size: contain;
}
.tab-content #trends>p:nth-of-type(4):before,
.tab-content #trends>p:nth-of-type(5):before{
	background: url(/common/images/medal.png) 50% 50% no-repeat;
	background-size: contain;
}

/*-----------------------------Image List https://hpcms.net/admin/images/ ------------------------------*/

.row.row-eq-height{
	align-items: stretch;
	margin-top: -15px;
}
.row.row-eq-height>.col-xs-2{
	display: flex;
	float: none;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-bottom: 0 !important;
	padding: 10px;
	box-sizing: border-box;
	height: calc(16vw + 20px);
}
.row.row-eq-height>.col-xs-2:nth-of-type(6n){
	border-right: none;
}
.row.row-eq-height>.col-xs-2>.img_area{
	position: relative;
	width: 100%;
}
.row.row-eq-height>.col-xs-2>.img_area>p{
	margin-bottom: 0;
}
.row.row-eq-height>.col-xs-2>.img_area>p a{
	display: block;
}
.row.row-eq-height>.col-xs-2>.img_area>p img{
	display: block;
	height: auto;
	max-height: 16vw;
}
.row.row-eq-height>.col-xs-2>.img_area>div.text-center{
	position: absolute;
	top: -0.5%;
	left: -0.5%;
	width: 101%;
	height: 101%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.3s ease-in-out;
	pointer-events: none;
}
.row.row-eq-height>.col-xs-2>.img_area:hover>div.text-center{
	opacity: 1;
	background: rgba(255,255,255,0.8);
}
.row.row-eq-height>.col-xs-2>.img_area>div.text-center a{
	pointer-events: auto;
}
.row.row-eq-height>.col-xs-2>.img_area>div.text-center i{
	font-size: 20px !important;
	margin: 0 5px;
}
@media screen and (min-width: 2300px){
	.row.row-eq-height>.col-xs-2{
		height: 381px;
	}
	.row.row-eq-height>.col-xs-2>.img_area>p img{
		max-height: 361px;
	}
}
@media screen and (max-width: 1300px){
	.row.row-eq-height>.col-xs-2{
		width: 25%;
	}
	.row.row-eq-height>.col-xs-2:nth-of-type(6n){
		border-right: 1px solid #ddd;
	}
	.row.row-eq-height>.col-xs-2:nth-of-type(4n){
		border-right: none;
	}
}
@media screen and (max-width: 800px){
	.row.row-eq-height>.col-xs-2{
		width: 33.3%;
		padding: 5px;
	}
	.row.row-eq-height>.col-xs-2:nth-of-type(4n){
		border-right: 1px solid #ddd;
	}
	.row.row-eq-height>.col-xs-2:nth-of-type(3n){
		border-right: none;
	}
	.row.row-eq-height>.col-xs-2>.img_area>div.text-center i{
		margin: 3px;
	}
}

#form-tool .delay,
#form-tool .delay1,
#form-tool .delay2,
#form-tool .delay3,
#form-tool .delay4{
	opacity: 1 !important;
	transform: translate(0,0) !important; 
	-webkit-transform: translate(0,0) !important;
}


/*---------------*/

html{
	background: #fff;
}
body:after{
	content: "";
	display: block;
	width: 250px;
	background: #f8f8f8;
	border-right: 1px solid #e7e7e7;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
nav.navbar>.navbar-default.sidebar{
	border-right: 1px solid #e7e7e7;
	top: 0 !important;
}
#side-menu{
	padding-bottom: 55px;
}
#page-wrapper{

	margin-left: 249px;
	border-left: 1px solid #e7e7e7;
}
footer{
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 55px !important;
	z-index: 1000 !important;
}
#page-wrapper{
	padding-bottom: 70px;
}
@media screen and (max-width: 1070px){
	body:after{
		display: none;
	}
	nav.navbar>.navbar-default.sidebar{
		border-right: none;
	}
	#side-menu{
		padding-bottom: 0
	}
	#page-wrapper{
		margin-left: 0;
		border-left: none;
	}
}

div#display_flag_message:empty{
	margin-bottom: 0;
	display: block;
}
#display_flag_area{
	display: block;
	margin-bottom: 10px;
}
#display_flag_area input{
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 4px 0 0;
}
#side-nav-child button{
	margin-bottom: 5px;
}
#sns_checkbox_area{
	margin-bottom: 10px;
}
#sns_checkbox_area .form-group{
	margin-bottom: 5px;
}

/*---------------*/

#form-tool .widget_gallery01.add_design1 .wrapper_item,
#form-tool .widget_gallery01.add_design5 .wrapper_item{
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
}
#form-tool .widget_gallery01.add_design1 .wrapper_item>.inner_item,
#form-tool .widget_gallery01.add_design5 .wrapper_item>.inner_item{
	width: 25%;
	text-align: center;
	padding: 0 1vw 3rem;
	display: flex;
	align-items: stretch;
	position: relative;
	box-sizing: border-box;
}
#form-tool .widget_gallery01.add_design1 .wrapper_item>.inner_item:nth-of-type(n+5),
#form-tool .widget_gallery01.add_design5 .wrapper_item>.inner_item:nth-of-type(n+5){
	display: none;
}

/*--------------------*/

.panel-info{
	border-color: #e7e7e7;
}
.panel-info input[type="radio"]{
	height: auto;
	margin: 0 4px 0 0;
}
.panel-info > .panel-heading{
	color: #fff;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233b5f+0,313945+100 */
	background: #233b5f; /* Old browsers */
	background: -moz-linear-gradient(left,  #233b5f 0%, #313945 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #233b5f 0%,#313945 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #233b5f 0%,#313945 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233b5f', endColorstr='#313945',GradientType=1 ); /* IE6-9 */
	border-bottom-color: #e7e7e7;
}
.panel-info > .panel-body{
	padding: 0;
}
.panel-info > .panel-body>.form-inline,
.panel-info > .panel-body .form-inline:last-child{
	margin-bottom: 0 !important;
}
.panel-info > .panel-body>.form-inline>.form-group:not(:empty),
.panel-info > .panel-body>.form-inline>div:not(:empty){
	padding: 5px 20px 10px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
.panel-info > .panel-body>.form-inline>.form-group:not(:empty):not(:last-child){
	margin-bottom: 10px;
}
.panel-info > .panel-body>.form-inline>.form-group:not(:empty):first-child{
	padding-top: 15px;
}
.panel-info .form-inline>.form-inline{
	padding-bottom: 15px !important;
}
.panel-info #sns_checkbox_area{
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}
.panel-info .form-group{
	display: block;
}
.panel-info #sns_checkbox_area .form-group{
	display: block;
	text-align: left;
	font-weight: normal;
}
.panel-info #sns_checkbox_area .form-group:first-child{
	padding-top: 10px;
}
.panel-info .text-center{
	padding: 15px 10px 10px;
	background: #f9f9f9;
}
.panel-info label[for],
.panel-info #sns_checkbox_area label{
	font-weight: normal;
}
.panel-info #sns_checkbox_area div.form-group:last-child{
	margin-bottom: 0;
}

.panel-info .YearMonthDay{
	width: 180px;
}
.panel-info .form-group .checkbox{
	margin: 0;
	padding: 12px 15px 0; 
}

/*----*/

.ippedit select.form-control[name="Pages[image01_position]"],
.ippedit select.form-control[name="Pages[image02_position]"],
.ippedit select.form-control[name="Pages[image03_position]"],
.ippedit select.form-control[name="Pages[image04_position]"],
.ippedit select.form-control[name="Pages[image05_position]"]{
	margin-top: 7px;
	width: auto;
	min-width: 130px;
}

/*---------*/

.table-bordered{
	border-left-width: 0 !important;
	border-collapse: separate !important;
}
table.table-bordered thead th,
table.table-bordered thead td{
	border-left-width: 1px !important;
	border-right-width: 0 !important;
	border-bottom-width: 1px !important;
}
table.table-bordered tbody th,
table.table-bordered tbody td{
	border-left-width: 1px !important;
	border-right-width: 0 !important;
	border-top: 1px solid #ddd !important;
	vertical-align: middle;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before{
	top: calc(50% - 10px) !important;
}

#form-tool .column2, #form-tool .width_fixed .content_wrapper{
	padding: 0 !important;
}

.ippedit #dataTables-example input{
	margin-bottom: 3px;
	margin-top: 3px;
}
.ippedit #dataTables-example .input-group input{
	margin-bottom: 0;
	margin-top: 0;
}

select::-ms-expand{
	display: none;
}

/*-----*/

.ippedit .block_recruit .slider>div{
	margin-bottom: 30px !important;
	text-align: center;
}
.ippedit .block_recruit .slider>div:nth-of-type(n+2){
	display: none;
}
.ippedit .block_recruit .slider>div img{
	width: 90%;
}

/*---pagination clone---*/

.panel-heading .row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: calc(100% + 30px);
}
.panel-heading .row:before,
.panel-heading .row:after{
	display: none;
}
.panel-heading .row>div{
	width: auto;
	float: none;
	margin: 0;
}
.panel-heading .row>div.col-sm-2{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	margin: 0 0 0 auto;
	padding-top: 5px;
}
.panel-heading .row>div.col-sm-2 .pagination{
	margin: 0 10px !important;
}
.panel-heading .row>div.col-sm-2 .pagination li:not(.next):not(.last):not(.first):not(.prev){
	display: none;
}
@media screen and (max-width: 480px){
	.panel-heading .row>div.col-sm-2 .pagination{
		display: none;
	}
}

.ippedit #form-tool .item>.items{
	overflow: hidden;
	position: relative;
}

/*---indeedguide---*/

#indeedguide{
	padding: 0 20px 30px;
}
#indeedguide h3{
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
	background: #f5f5f5;
	padding: 10px 10px;
}
#indeedguide .flow{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	border-right: 1px solid #ddd;
	position: relative;
	margin-bottom: 30px;
}
#indeedguide .flow:before,
#indeedguide .flow:after{
	content: "";
	display: block;
	width: 33.3%;
	height: 4px;
	position: absolute;
	top: 48px;
	left: 15%;
	background: #2b3a51;
}
#indeedguide .flow:after{
	left: 50%;
	background: #2b3a51; /* Old browsers */
	background: -moz-linear-gradient(left,  #2b3a51 10%, #FBA300 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #2b3a51 10%,#FBA300 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #2b3a51 10%,#FBA300 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3a51', endColorstr='#FBA300',GradientType=1 ); /* IE6-9 */
}
#indeedguide .flow dl,
#indeedguide .flow dt,
#indeedguide .flow dd{
	display: block;
}
#indeedguide .flow dl{
	padding: 0 15px;
	text-align: center;
	width: 33.3%;
	border-left: 1px solid #ddd;
	position: relative;
	z-index: 2;
}
#indeedguide .flow dt{
	width: 100px;
	padding-bottom: 100px;
	height: 0;
	position: relative;
	margin: 0 auto 10px;
}
#indeedguide .flow dt p{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #2b3a51;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0px 10px 10px;
	font-weight: bold;
	border-radius: 100%;
	line-height: 1.3;
}
#indeedguide .flow dt p:before{
	content: "01";
	font-size: 1rem;
	display: block;
	font-weight: normal;
	width: 100%;
}
#indeedguide .flow dl:nth-of-type(2) dt p:before{
	content: "02";
}
#indeedguide .flow dl:nth-of-type(3) dt p:before{
	content: "03";
}
#indeedguide .flow dl:last-child dt p{
	background: #FBA300;
}
#indeedguide .flow dd span{
	display: inline-block;
}
#indeedguide .check{
	text-align: center;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}
#indeedguide .check label{
	cursor: pointer;
	font-weight: normal;
}
#indeedguide .check label input{
	margin-right: 5px;
}
#indeedguide .check button{
	padding: 10px 20px;
	border: none;
	border-radius: 100px;
	font-size: 1.4rem;
	display: block;
	margin: 10px auto 0;
	color: #fff;
	background: #5cb85c;
	min-width: 170px;
}
#indeedguide .check button:not([disabled]):hover{
	background: #449d44;
	cursor: pointer;
}
#indeedguide .check button[disabled]{
	opacity: 0.5;
}
@media screen and (max-width: 500px){
	#indeedguide{
		padding: 0 10px 30px;
	}
	#indeedguide .flow:before,
	#indeedguide .flow:after{
		top: calc(15vw - 10px);
	}
	#indeedguide .flow dl{
		padding: 0 5px;
	}
	#indeedguide .flow dt{
		width: 98%;
		padding-bottom: 98%;
		font-size: 1.3rem;
	}
	#indeedguide .flow dt p{
		padding: 0 5px 5px;
	}
}
@media screen and (max-width: 420px){
	#indeedguide .flow dd{
		text-align: left;
		padding: 0 4px;
		font-size: 1.35rem;
	}
	#indeedguide .flow dd span{
		display: inline;
	}
}