/*  */

.zl-info-row {
	margin: 10px 20px 10px 20px;
	padding: 5px 8px 5px 8px;
	border: 1px solid #EBEBE2;
}

.zl-alert-row {
	margin: 10px 20px 10px 20px;
	padding: 5px 8px 5px 8px;
	background: #CC3300;
	border: 1px solid #CC3300;
	color: #ffffff;
	font-weight: bold;
}

.zl-subaccount-limit-info-row {
	margin: 10px 20px 10px 20px;
	padding: 5px 8px 5px 8px;
	background: #FFDFD5;
	border: 1px solid #CC3300;
	color: #cc3401;
	font-weight: bold;
}

.zl-cv-star {
	background: url("../images/ico-star.png");
	background-color: transparent;
	background-repeat: no-repeat;
}

/**
 * failure validation message styling
 */
.zl-failure-message {
	color: #CC3401;
    background: #FFDFD5;
    width: 300px;
    margin-top: 33px;
}


/**
 * successful validation message styling
 */
.zl-success-message {
	color: #009900;
    background: #D9FFD9;
    width: 300px;
    margin-top: 33px;
}

/**
 * class for hiding fields
 */
.zl-hidden {
	display: none;
}

/**
 * CSS for open street maps API
 */
#map-osm {
	height: 350px;
	width: auto !important;
	margin: 0px;
	padding: 0px;
	border-radius: 30px;
	border: solid #00aaff;
	position: relative;
}

/**
 * require for google maps API (zoom control and rendering)
 */
.gmnoprint img { max-width: none;}
.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }

.searchcontainer {
	.add.disabled {
    	opacity: 0.5;
	}
 	a {
   		color: #628200;
	}

}


.zl-search-fields-block {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-right: 50px;
}
.zl-search-field-col {
	display: block;
    float: left;
    min-height: 30px;
	padding: 0;
}
.zl-search-field-row {
    padding: 0 10px;
}

.zl-search-field-col-6 {
	width: 16%;
}

.zl-search-field-col-5 {
	width: 20%;
}

.zl-search-field-col-4 {
	width: 25%;
}

.fieldset.zl-search-horizontal {
	position: relative;
	display: block;
	padding-right: 90px;
}

.zl-search-field-col input,
.zl-search-field-col select {
	width: 100%;
}

.zl-search-field-col input {
	padding-top: 4px;
	padding-bottom: 4px;
}

.zl-search-button-block {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
.zl-search-button-block .button-holder {
	margin: 10px 0;
}

.zl-search-button-block .btn {
	padding: 15px;
}

.zl-search-header {
	width: 100%;
	display: block;
	padding: 5px 0px;
	font-weight: bold;
	text-align: center;
}

.zl_search-result_details_header a:focus img {
    width: auto;
    height: auto
}

.zl_search-result_details_header h1 {
    font-family: inherit !important;
}

.zl_search-result_details_background {
    position: relative;
    background: url("../images/portals/jobs.jpg");
    height: 501px;
    width: 100vw;
    background-size: cover;
    z-index: 0;
    margin-left: calc(-50vw - -50%);
    margin-bottom: -121px
}

.row-fluid.zl_search-result_details_header {
    border-color: #00aaff;
    border-radius: 30px;
    border-style: solid;
    padding: 10px 0;
    background-color: white;
    margin-bottom: 30px;
    position: relative;
    width: auto !important;
    display: flex;
}

.zl_search-result_details_frame_header {
    padding-right: 10px;
}

.zl_search-result_details_frame_header img {
    max-width: 50px;
}

.zl_search-result_details_similar_jobs {
    border-top: solid  #00aaff;
    border-inline:solid  #00aaff;
    padding: 15px 15px 35px 15px;
    text-align: center;
    border-radius: 25px 25px 0 0;
    margin-bottom: -30px !important;
    position: relative;
    box-sizing: border-box;
}

div.zl_search-result_details_similar_jobs:first-of-type {
    margin-top: 20px
}

.zl_search-result_details_similar_jobs_empty_list {
    text-align: center;
}

div.zl_search-result_details_similar_jobs:first-of-type {
    margin-top: 20px
}

.zl_search-result_details_similar_jobs:last-child {
    border-radius: 25px;
    position: relative;
    border-bottom: solid #00aaff;
}

.zl_search-result_details_similar_jobs_arrow {
    position: absolute;
    bottom: 25px;
    right: 10px;
    border: solid #00aaff;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

img.zl_search-result_details_logo {
    align-self: center;
    position: relative;
    max-width: 120px;
    border: 0;
    margin-left: 35%;
    padding: 20px;
    overflow: visible;
    z-index: 2
}

.row-fluid.zl_search-result_details_header .span4 {
    position: relative;
    display: flex !important;
    min-height: 160px;
    width: 33.3333% !important;
}

.row-fluid.zl_search-result_details_header .span4:before {
    display: flex;
    position: absolute;
    content: ' ';
    width: 160px;
    height: 160px;
    background-color: #eee;
    border-radius: 50%;
    margin-left: 35%;
    align-self: center;
}

.row-fluid.zl_search-result_details_header .span7 {
    min-height: 160px !important;
    padding: 20px 0;
}

.row-fluid.zl_search-result_details_header .span1 {
    position: absolute;
    bottom: 10px;
    right: 0px;
    display: block !important;
}

.zl_search-result_details_body {
    border-color:  #00aaff;
    border-radius: 30px;
    border-style: solid;
    padding: 10px 30px;
    box-sizing: border-box
}

.zl_search-result_details_info {
    padding: 20px 30px 30px 30px !important;
    margin-block: 20px !important
}

.zl_search-result_details_contact {
    padding: 10px 30px 20px 30px !important;
    margin-block: 20px !important
}

.zl_search-result_details_frame {
    padding-block:10px;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:800px){
	.zl_search-result_details_frame  {
	    flex-direction: column;
	}
}

.border-top {
    border-top: 1px solid #ccc
}

.border-bottom {
    border-bottom: 1px solid #ccc
}

.zl_search-result_details_similar_jobs_header {
    text-align: center;
    font-size: 20px !important;
    line-height: 25px !important;
    margin: 20px 0 0 0 !important;
    padding: 0 10px;
}

.zl_search-result_details_frame_item {
    width: 100%;
    display: flex;
}

@media screen and (max-width:800px){
	.zl_search-result_details_frame_item  {
	    margin: 10px;
	}
}

.zl_search-result_details_link_map {
    position: absolute;
    background-color: #00aaff;
    text-align: center;
    border-radius: 40%;
    z-index: 401;
    top: 10%;
    right: 6%;
    width: 160px;
    padding: 35px 20px 35px 20px;
    border: solid white;
    font-size: 14px;
}

.zl_search-result_details_body.zl_search-result_details_info li {
    list-style-image: url("../images/cb.png");
}

.zl_search-zl_search-result_details_wrapper h1,
.zl_search-zl_search-result_details_wrapper h2,
.zl_search-zl_search-result_details_wrapper h3 {
    color: #264931 !important;
    font-family: arial,sans-serif !important;
    font-weight: bold !important;
}