#content, #searchjob {
    background: #f9f9f9;
}
#sociodigileader {
	/*margin-top: -27px;*/
	background-image: url("../images/bg-listcontent.png");
	background-size: cover;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    /*-webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);*/
}
.panel-custom {
    border-color: #FFFFFF;
}
.hasilsearch:hover {
	webkit-box-shadow: 0 10px 14px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 14px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2);
    box-shadow: 0 10px 14px rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.2);
    z-index: 1;
}
.hasilsearch {
	background: #f8f8f8; 
    /* box-shadow: -30px 30px 50px rgba(0, 0, 0, 0.32); */
    border: 1px solid #ededed;
    overflow: hidden;
    padding: 8px;
    position: relative;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.view.hasilsearch h6 {
    font-family: "Conv_GothamRnd-Bold";
    color: #f14444;
    text-transform: capitalize;
    margin-top: 0;
}
.event_img {
    width: 100%;
    height: 130px;
    /*border: 5px solid #ffffff;*/
    background-color: #ffffff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.event_img_big {
    width: 100%;
    height: 190px;
    /*border: 1px solid #b8b7b7;*/
    background-color: #ffffff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.event_name, .event_date {
    font-family: 'Conv_GothamRnd-Medium';
    font-size: 16px;
    color: #666;
}
.event_name > .fa, .event_date > .fa {
    width: 15px;
    text-align: center;
    margin: 0 5px 0 0;
}
.icon, .izi {
    float: left;
    color: rgba(0,0,0, .7);
}
.icon {
    width: 3%;
    padding: 0 5px 0 0;
    text-align: center;
}
.izi {
    width: 97%;
    padding: 0 0 0 3px;
}
.ketbox {
    background: rgba(0,0,0, .04);
    border: 1px solid rgba(0,0,0, .05);
    margin: 10px 0 0;
    padding: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.bgsearch {
	background: rgba(255,255,255, 0.85);
    box-shadow: 0 0 8px #999;
    margin-bottom: 50px;
    padding: 15px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.header-search {
	background: #fff;
    background: -moz-linear-gradient(top,#fff 45%,#f2f2f2 86%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(45%,#fff),color-stop(86%,#f2f2f2),color-stop(100%,#eaeaea));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#EAEAEA',GradientType=0);
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: -40px;
}
.countjob {
	border: 1px solid #e41b13;
}
.box-detail {
	/*padding: 70px;*/
}
.box-detail h2 {
	font-family: 'Conv_GothamRnd-Book';
	color: #e41b13;
    margin-top: 0;
}
.box-detail h2 {
	font-family: 'Conv_GothamRnd-Bold';
	font-size: 25px;
	line-height: 30px;
	color: #585858; 
}
.box-detail h3 {
  font-family: 'Conv_GothamRnd-Light';
  font-size: 25px;
  color: #e41b13; 
}
.box-detail h4 {
  font-family: 'Conv_GothamRnd-Book';
  font-size: 20px;
  color: #585858; 
}
.box-detail h5 {
  font-family: 'Conv_GothamRnd-Light';
  font-size: 18px;
  color: #e41b13; 
}
.box-detail h6 {
  font-family: 'Conv_GothamRnd-Book';
  font-size: 16px;
}
.box-detail .regi {
	color: #7F7F7F;
	font-size: 16px;
	line-height: 25px;
}
.box-detail p {
	font-family: 'Conv_GothamRnd-Light';
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}
.box-detail .galle {
	display: block;
	position: relative;
	margin: auto;
}
.owl {
	margin-bottom: 20px;
	margin-top: 20px;
}
.user-left {
	border-right: 1px solid #DDDDDD;
    padding-right: 15px;
}
.panel-white .panel-heading {
    background-color: #ffffff;
    background-image: none;
    border-bottom: 1px solid #CDCDCD;
    border-radius: 6px 6px 0 0;
    box-shadow: none;
    height: 44px;
    padding-left: 40px;
    position: relative;
}
.panel-heading {
    background-color: #F5F4F9;
    background-image: linear-gradient(to bottom, #F5F4F9 0%, #ECEAF3 100%);
    background-repeat: repeat-x;
    border-bottom: 1px solid #CDCDCD;
    border-radius: 6px 6px 0 0;
    position: relative;
}
.panel-white {
    box-shadow: none;
}
.iceu {
	border-right: 1px solid #CDCDCD;
    box-shadow: none;
    opacity: 0.7;
    padding: 0 15px 0 0;
    margin: 0 10px 0 0;
    position: relative;
    left: 0;
    top: 0;
}
.panel-tools {
    position: absolute;
    right: 5px;
    top: 8px;
}
.panel-tools .btn-link {color: #666666;}
.panel-scroll {
    position: relative;
    margin: 10px;
    padding: 0px;
    width: auto;
    height: 400px;
    overflow: hidden;
}
.circle-icon.circle-green {
    background-color: #3D9400;
    border-color: #327B00;
    color: #FFFFFF;
}
.circle-icon {
    background-color: #333333;
    border-radius: 75px 75px 75px 75px;
    color: #FFFFFF;
    margin-top: 2px;
    text-align: center;
    height: 55px;
    line-height: 56px;
    width: 55px;
    display: inline-block;
    font-size: 24px !important;
}
.activities li .time {
    color: #CCCCCC;
}
.desc {
	top: 30px;
	position: absolute;
}
.mono-banner .desc {
	position: relative;
	top: inherit;
}
/* ---------------------------------------------------------------------- */
/*	Form Wizard
/* ---------------------------------------------------------------------- */
.swMain > ul {
	display: table;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.swMain > ul li {
	display: table-cell;
	text-align: center;
	width: 1%;
}
.swMain > ul li > a:before {
	border-top: 4px solid #CED1D6;
	content: "";
	display: block;
	font-size: 0;
	height: 1px;
	overflow: hidden;
	position: relative;
	top: 21px;
	width: 100%;
	z-index: 1;
}
.swMain > ul li:first-child > a:before {
	left: 50%;
	max-width: 51%;
}
.swMain > ul li:last-child > a:before {
	max-width: 50%;
	width: 50%;
}
.swMain > ul li > a.selected:before, .swMain li > a.done:before {
	border-color: #5293C4;
}
.swMain > ul .stepNumber {
	background-color: #FFFFFF;
	border: 5px solid #CED1D6;
	border-radius: 100% 100% 100% 100%;
	color: #546474;
	display: inline-block;
	font-size: 15px;
	height: 40px;
	line-height: 30px;
	position: relative;
	text-align: center;
	width: 40px;
	z-index: 2;
}
.swMain > ul li > a.selected .stepNumber {
	border-color: #5293C4;
}
.swMain ul li > a.done .stepNumber {
	border-color: #5293C4;
	background-color: #5293C4;
	color: #fff;
	text-indent: -9999px;
}
.swMain ul li > a.done .stepNumber:before {
	content: "\f00c";
	display: inline;
	float: right;
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
	margin-right: 7px;
	text-indent: 0;
}
.swMain ul li > a.done.wait .stepNumber {
	background-color: #F6F6F6 !important;
	color: #CCCCCC !important;
	text-indent: -0px !important;
}
.swMain ul li > a.done.wait .stepNumber:before {
	content: "" !important;
}
.swMain > ul li .stepDesc {
	color: #949EA7;
	display: block;
	font-size: 14px;
	margin-top: 4px;
	max-width: 100%;
	table-layout: fixed;
	text-align: center;
	word-wrap: break-word;
	z-index: 104;
}
.swMain > ul li > a.selected .stepDesc, .swMain li > a.done .stepDesc {
	color: #2B3D53;
}
.swMain > ul li > a:hover {
	text-decoration: none;
}
.swMain > ul li > a.disabled {
	cursor: default;
}
.swMain .progress {
	margin-bottom: 30px;
}
.swMain .stepContainer {
	height: auto !important;
}
.swMain .loader {
	display: none;
}
.swMain [class^="button"], .swMain [class*=" button"] {
	display: none;
}
.swMain .close {
	display: none;
}



/* ---------------------------------------------------------------------- */
/*	Login
/* ---------------------------------------------------------------------- */
.login {
	color: #7F7F7F;
}
.login.example2 {
	/*background-image: url("../images/bg-login.png");*/
	background-color: rgba(255, 255, 255, 0);
}
.main-login {
	padding-top: 27%;
}
.login .logo {
	padding: 20px;
	text-align: center;
}
.login .box-login, .login .box-forgot, .login .box-register {
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
	border: 7px solid #f5f5f5;
	overflow: hidden;
	padding: 15px;
}
.login .box-login.clear, .login .box-forgot.clear, .login .box-register.clear {
	background: transparent;
	box-shadow: none;
	border: none;
}
.box-logins {
	background: #FFFFFF;
	/*box-shadow: 0 0 6px rgba(120, 119, 119, 0.32);*/
    border: 1px solid #CAC8C8;
	overflow: hidden;
	padding: 15px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.box-logins.red {
    background: #FC6868;
    color: #fff;
    border: none;
}
.box-logins.dark {
    background: rgba(0,0,0,.45);
    color: #fff;
    border: none;
}
.box-logins.red h5, .box-logins.red h4 {
    margin-top: 0;
    color: #fff;
}
.login .form fieldset {
	border: none;
	margin: 0;
	padding: 10px 0 0;
}
.login a.forgot {
	color: #f1f1f1;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 5px;
	text-transform: capitalize;
}
.login a.forgot:hover {color: #ffffff;}
.login input.password {
	/*padding-right: 130px;*/
}
.login label {
	color: #7F7F7F;
	font-size: 14px;
	margin-top: 5px;
}

.login .copyright {
	font-size: 11px;
	margin: 0 auto;
	padding: 10px 10px 0;
	text-align: center;
}
.login .form-actions:before, .login .form-actions:after {
	content: "";
	display: table;
	line-height: 0;
}
.login .form-actions:after {
	clear: both;
}
.login .form-actions {
	margin-top: 15px;
	display: block;
}
.login .new-account {
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 5px;
	padding-top: 5px;
	display: block;
}
.new-account a {color: #666666;}
.no-display {
	display: none;
}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	border-radius: 0 0 0 0;
	color: #858585;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.2;
	padding: 5px 4px;
	transition-duration: 0.1s;
	box-shadow: none;
}
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {
	border-color: #B5B5B5;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}
label {
	font-weight: normal;
}
span.input-icon, span.input-help {
	display: block;
	position: relative;
}
.input-icon > input {
	padding-left: 25px;
	padding-right: 6px;
}
.input-icon.input-icon-right > input {
	padding-left: 6px;
	padding-right: 25px;
}
span.input-help > input {
	padding-left: 30px;
	padding-right: 6px;
}
.input-icon > [class*="fa-"], .input-icon > [class*="clip-"] {
	bottom: 0;
	color: #c2c2c2;
	display: inline-block;
	font-size: 14px;
	left: 10px;
	line-height: 35px;
	padding: 0 3px;
	position: absolute;
	top: 0;
	z-index: 2;
}

.input-icon.input-icon-right > [class*="fa-"], .input-icon.input-icon-right > [class*="clip-"] {
	left: auto;
	right: 4px;
}
.input-icon > input:focus + [class*="fa-"], .input-icon > input:focus + [class*="clip-"] {
	/*color: #557799;*/
}
.help-button {
	background-color: #65BCDA;
	border-radius: 100% 100% 100% 100%;
	color: #FFFFFF;
	cursor: default;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	padding: 0;
	text-align: center;
	width: 20px;
	line-height: 20px;
	top: 7px;
	left: 7px;
}
.help-button:before {
	content: "\f128";
	display: inline;
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
	font-style: normal;
}
select.form-control {
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	border-radius: 0 0 0 0;
	color: #858585;
}
select.form-control option {
	padding: 3px 4px;
}
.form-control.search-select {
	padding: 0 !important;
	box-shadow: none;
	border: none;
}
.select2-container .select2-choice {
	background-clip: padding-box !important;
	background-color: #FFFFFF !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
	border: 1px solid #CCCCCC !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #555555 !important;
	display: block !important;
	height: 34px !important;
	line-height: 29px !important;
	/*margin-top: 3px !important;*/
	overflow: hidden !important;
	padding: 0 12px 0 8px !important;
	position: relative !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}
.select2-container .select2-choice .select2-arrow {
	background-image: none !important;
	background-color: #FFFFFF !important;
	width: 28px !important;
	text-align: center;
}
.select2-container .select2-choice .select2-arrow b {
	background: none !important;
	display: block;
	height: 100%;
	width: 100%;
}
.select2-container .select2-choice .select2-arrow b:before {
	content: "\f078";
	display: inline;
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
}
.select2-dropdown-open.select2-container-active .select2-choice .select2-arrow b:before {
	content: "\f077";
}
.select2-container-multi .select2-choices {
	background-image: none !important;
	background-color: #FFFFFF !important;
}

.limiterBox {
	border-top: 0;
	background-color: #65BCDA !important;
	padding: 3px 6px;
	font-size: 12px;
	color: #FFF;
	margin-top: 6px
}
.limiterBox:after {
	display: none
}
.limiterBox:before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -8px;
	left: 50%;
	margin-left: -5px;
	border-color: transparent;
	border-style: solid;
	border-bottom-color: #65BCDA;
	border-width: 0 8px 8px
}
textarea.autosize {
	vertical-align: top;
	transition: height 0.2s;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
}

.radio label.radio-inline, .checkbox label.checkbox-inline {
	display: inline-block;
}

.radio-inline, .radio-inline + .radio-inline, .checkbox-inline, .checkbox-inline + .checkbox-inline {
	margin-right: 10px !important;
	margin-top: 5px !important;
	margin-left: 0 !important;
	margin-bottom: 10px !important;
}
.radio label, .checkbox label {
	margin-bottom: 5px;
}
.checkbox-table {
	display: inline-block;
	margin: 2px 0 0 0;
	padding-left: 20px;
	line-height: 10px;
}
.checkbox-table label {
	margin-bottom: 0;
}
[class^="icheckbox_"], [class*="icheckbox_"], [class^="iradio_"], [class*="iradio_"] {
	float: left !important;
	margin: 0 5px 0 -20px !important;
}
.help-inline {
	margin-top: 6px;
	color: #737373;
}
.help-block.error {
	color: #B94A48;
}

.symbol.required:before {
	content: "*";
	display: inline;
	color: #E6674A;
}
.symbol.ok:before {
	content: "\f00c";
	display: inline;
	font-family: FontAwesome;
	color: #468847;
}
.has-error .note-editor, .has-error .cke_chrome {
	border-color: #B94A48 !important;
}
.form-group .text {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-top: 7px;
}

/*checkbox*/
.radio-inline, .radio-inline + .radio-inline, .checkbox-inline, .checkbox-inline + .checkbox-inline {
	margin-right: 10px !important;
	margin-top: 5px !important;
	margin-left: 0 !important;
	margin-bottom: 10px !important;
}
.radio label, .checkbox label {
	margin-bottom: 5px;
}
/* ---------------------------------------------------------------------- */
/*	Progress bar
/* ---------------------------------------------------------------------- */
.progress.progress-xs {
	height: 7px;
}
.progress.progress-sm {
	height: 12px;
}
@media screen and (max-width: 767px) {
	.panel-heading {
		height: auto!important;
	}
}