/* 	==========================================================================
==========================================================================
					   3. PAGE SEARCH CV
==========================================================================
========================================================================== */

/* 	==========================================================================
						3.1. SECTION  HERRO-BANNER
========================================================================== */
.wrapper-search-cv .section-title p:first-child{
	font-size: 18px;
	color: #01948E;
	margin: 0 0 5px;
	text-align: center;
	float: left;
	width: 100%;
	text-transform: uppercase
}
.wrapper-search-cv .section-title h3{
	clear: both;
	font-size: 30px !important;
	color: rgb(0,105,180);
	margin: 0 !important;
	text-align: center;
}
.wrapper-search-cv .section-title p{
	text-align: center;
	margin: 25px 0 35px;
} 
.wrapper-search-cv .section{
	float: left;
	width: 100%;
	padding: 60px 0
}
.wrapper-search-cv .hero-banner { 
	position: relative; 
	width: 100%; 
	/*background-image: url('../images/home_hero_banner.jpg');*/
	float: left;
	height: 310px;
	background-repeat: no-repeat;
	background-position: center;
	/*background-size: calc(100%) auto;*/
	margin-top: 150px;
}
.wrapper-search-cv .hero-banner .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.4); 
	float: left;
	text-align: center;
}
.wrapper-search-cv .nopadding{ padding: 0}
.wrapper-search-cv select.input-lg,
.wrapper-search-cv .input-lg,
.wrapper-search-cv .btn-lg {
    height: 60px;
    /*line-height: 60px;*/
    border-radius: 2px;
}
.wrapper-search-cv .searched-cv-list{ 
	float: left;
	width: 100%;
	background: white;
	padding: 30px 15px;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.wrapper-search-cv  .margin-top{ margin-top: 15px}
.wrapper-search-cv .searched-cv-list img{ border-radius: 50%}
.wrapper-search-cv .searched-cv-list h3.name{ 
	color: rgb(0,105,180);
	font-size: 24px;
}
.wrapper-search-cv .searched-cv-list span.position{ 
	float: left;
	width: 100%;
	padding: 20px 0 40px;
}
.wrapper-search-cv .searched-cv-list a{ 
	border: 1px solid;
	padding: 5px 30px;
	font-size: 18px;
	clear: both;
	float: left;
	color: black;
}
.wrapper-search-cv .searched-cv-list:hover  a{ color: rgb(0,105,180); }
.wrapper-search-cv .margin{ margin: 15px 0}

/**
============================================
    Customize pagination laravel's
============================================
 */
.wrapper-search-cv .pagination > li:first-child > a::before,
.wrapper-search-cv .pagination > li:first-child > span::before {
	content: url("../../../fron-end/images/icon/left_arrow_pagination.png");
	padding-right: 5px;
	top: 3px;
	position: relative;
}
.wrapper-search-cv .pagination > li:last-child > a::after,
.wrapper-search-cv .pagination > li:last-child > span::after {
	content: url("../../../fron-end/images/icon/right_arrow_pagination.png");
	padding-left: 5px;
	top: 3px;
	position: relative;
}
.wrapper-search-cv .pagination > .active > a,
.wrapper-search-cv .pagination > .active > a:focus,
.wrapper-search-cv .pagination > .active > a:hover,
.wrapper-search-cv .pagination > .active > span,
.wrapper-search-cv .pagination > .active > span:focus,
.wrapper-search-cv .pagination > .active > span:hover {

	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #4592c8;
	border-color: #4592c8;

}
.wrapper-control-user .pagination > li:last-child > a,
.wrapper-control-user .pagination > li:last-child > span {

	border-radius: 0;
	color: #156bb5;
	margin-right: 0px !important;
	border-color: #156bb5;

}
.wrapper-search-cv .pagination > li:first-child > a,
.wrapper-search-cv .pagination > li:first-child > span {

	border-radius: 0;
	color: #156bb5;
	margin-left: 0px !important;
	border-color: #156bb5;

}
.wrapper-search-cv .pagination > li:last-child > a,
.wrapper-search-cv .pagination > li:last-child > span {

	border-radius: 0;
	color: #156bb5;
	margin-right: 0px !important;
	border-color: #156bb5;

}
.wrapper-search-cv .pagination > li > a,
.wrapper-search-cv .pagination > li > span {
	margin: 0 3px;
	border-radius: 1px;
	border-color: #156bb5;
}
.wrapper-search-cv .pagination>.disabled>a,
.wrapper-search-cv .pagination>.disabled>a:focus,
.wrapper-search-cv .pagination>.disabled>a:hover,
.wrapper-search-cv .pagination>.disabled>span,
.wrapper-search-cv .pagination>.disabled>span:focus,
.wrapper-search-cv .pagination>.disabled>span:hover {
	border-radius: 1px;
}

/* 	==========================================================================
	==========================================================================
   							 		TABLATE
	==========================================================================
   	========================================================================== */
@media only screen 	and (min-width : 720px) and (max-width : 1280px){
	.wrapper-search-cv .hero-banner{ margin-top: 100px}
}