/* CSS Document */
.w3layouts-advert-nojob {
    width: 95%; 
    margin:1em auto;
    background:#FFFFFF;
    padding: 0px; 
	-webkit-box-shadow: 0px 0px 1px 0px #7090B0;
	-moz-box-shadow:    0px 0px 1px 0px #7090B0;
	box-shadow:         0px 0px 1px 0px #7090B0;	 
}
.w3layouts-advert {
	transition: transform .2s;
	  
    width: 95%;
    margin:1em auto;
	background-color:#FFFFFF; 
    padding: 5px;  
	-webkit-box-shadow: 0px 0px 3px 0px #7090B0;
	-moz-box-shadow:    0px 0px 3px 0px #7090B0;
	box-shadow:         0px 0px 3px 0px #7090B0;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;  
	border-radius:10px;
	  	 
}

.w3layouts-advert-jd {
	transition: transform .2s;
    width: 95%;
	height: 92vh; 
    margin:1em auto;
	background:#FFFFFF ;
	cursor:pointer;
    padding: 0px;  
	-webkit-box-shadow: 0px 0px 1px 0px #7090B0;
	-moz-box-shadow:    0px 0px 1px 0px #7090B0;
	box-shadow:         0px 0px 1px 0px #7090B0;	 
}
.w3layouts-advert:hover{ 
    background-color:#FFFFFF;
	
	-webkit-box-shadow: 0px 0px 5px 0px #7090B0;
	-moz-box-shadow:    0px 0px 5px 0px #7090B0;
	box-shadow:         0px 0px 5px 0px #7090B0;
	
	transform: scale(1.03) ; 
	
	-webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;	 
}
.alert:hover{ 
    background-color:#FFF0F0;
	transform: scale(1.03) ; 
	
	-webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;	 
}
.alert { 
    background-color:#FFF0F0; 
}

.w3layouts-inner-layout {  
    padding: 5px 35px; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease; 
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.job-header { width: 100%; overflow:hidden; }
.job-hr { width: 100%;  }
.job-body { height: 100%;  }

@media (min-width:768px) {  
	.job-prefix {   width: 15%;float:left;text-align: center; flex: 1;padding: 50px 0px;    }
	.job-title {   width: 70%;float:left;   }
	.job-suffix {  width: 15%;float:right; text-align: center; flex: 1;padding: 50px 0px;    }
 } 
 
 @media (max-width:768px){   
	 .job-prefix {   width: 100%; float:none; padding: 5px 35px;   }
	.job-title {   width: 100%; float:none; padding: 5px 35px;   }
	.job-suffix {  width: 100%;float:none;text-align:left;vertical-align:middle ; padding: 5px 35px;   }
  }