@charset "utf-8";
/* CSS Document */

a {
	text-decoration: underline;
	color:#023a4d;

}

a:hover {
	text-decoration: none;
	font-style:italic;
}

a { color: #023a4d; text-decoration: none; }
a:hover {  }
a:active { text-decoration: underline;  }

.hejobs-header {
    background-image: url('images/hejobs-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	height: 165px;
}


	.action-bts a, .online-vrs a{
	margin-right: 10px;
  vertical-align: middle !important;
  font-size: 15px;
  font-weight:400;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 26px;
  padding: 4px 16px;
  background: #3B5998;
  text-decoration: none;
  color:#FFFFFF !important;
	}

.responsive-img {
    max-width: 100%;
    height: auto;
}

.required label {
   font-weight: bold;
}
 .required label:after { content: ": " }


input[type=submit]  {
background: #3B5998;
color: #fff;
border: 1px solid #3B5998;
border-radius: 20px;
box-shadow: 5px 5px 5px #3B5998;
text-shadow: none;
margin: 0 AUTO;
display: block;
padding:10px;
}

input[type=submit]: hover {
background: #016ABC;
color: #fff;
border: 1px solid #eee;
border-radius: 20px;
box-shadow: 5px 5px 5px #eee;
text-shadow: none;
}

.small-space {
    content: "\00a0"; /* Non-breaking space character */
	min-height:20px;
	
}



input:required {
    border-color: black;
	  border: 2px solid;
  border-radius: 4px;
  font-size: 1rem;
  margin: 0.25rem;
  min-width: 125px;
  padding: 0.5rem;
  transition: background-color 0.5s ease-out;
}
input:optional {
    border-color: gray;
}
input:invalid {
    border-color: red;
}


.google-ads {
text-align: center; 
margin-left:auto; 
margin-right:auto; 
margin-top:30px; 
}

body
{
	background:#FFFFFF !important;
	margin: 0 auto;
	padding: 0;	
	font-family:verdana,sans-serif;
	text-align:justify;
	
}

.top{
	border-bottom:1px solid #060;
	margin-left:-5px; 
	}

.bodytext {
	font-family: verdana,sans-serif;
	font-size: 11px;
	padding: 2px;
	display:none;
	}
	
h1 {
	font-family: verdana,sans-serif;
	font-weight:500;
	padding: 2px;
	color:#000000;
	margin-bottom:20px;	
	}
	
h2 {
font-family: verdana,sans-serif;
color:#FFFFFF;
text-decoration:none;
font-weight:400;	

	}	
	
h3 {
font-family: verdana,sans-serif;
 font-weight:600;
 font-size:12px;
 margin-bottom:-1px;	
	}
	
.source	 {
font-family: verdana,sans-serif;
color:#396;
 font-weight:300;
 font-size:10px;
 text-align:justify;

	}
	
.bodytext a {
	color:#023a4d;
	
	}	
	
.main_logo {
width: 100%;
height:135px;
border:1px FDB933 solid !important;
border-radius:4px !important;
align:center;
}	
	
	
	
.basicborder
{
	border: 1px solid #CCCCCC;
}
.powered_by {
font-family:verdana,sans-serif;
font-size: 11px;
text-align:center;
text-decoration: none important;
margin-top:10px;
margin-left: auto ;
margin-right: auto ;
}

.powered_by a{
font-family:verdana,sans-serif;
font-size: 11px;
margin-top:5px;
text-align:center;
text-decoration: none important;
color:#003F87;
}

.powered_by a:hover{
font-family:verdana,sans-serif;
text-align:center;
text-decoration: none important;
color:#0099CC;
}


.main_news {
overflow-x:auto;
float:left;

}

.sidebar{
font-family:verdana,sans-serif;
padding-right:10px;
padding-bottom:10px;
float:right;
vertical-align:top;
font-size:18px; 
line-height:20px; 
top:0;
background-color:#FDB933;


}

.sidebar a{
 color:#023A4D !important;
 text-decoration:none !important;
 font-style:normal !important;
 padding-left:5px;
 font-size:15px !important; 

}

.sidebar a:hover{
 color:#FAFAFA !important;
 text-decoration:none !important;
 font-style:normal !important;

}





.date {
    color: red;
	font-size:14px;
}


.readmore {
color: #789B1B;

}

@media screen and (max-width: 600px) {
  table {
    border: 0;
	width:100% !important;
  }
}

@media screen and (max-width: 768px) {

td { display:block !important;}
td {width:100%;}

.hejobs-header {
    background-image:none  !important;
	height: 100px  !important;
	   display: flex;
    justify-content: center;
    align-items: center;
}

.hejobs-header img {
    margin: 0 auto;
	display: block;

}
input:required {max-width: 300px;}
	
	/* .google-ads { display:none !important;}*/
	.job-alert-bts { 
	display: inline-flex;
    right: 0;
    position: relative;	
	}
		
 .advert-date {text-align: left !important;}
  a.jbj_title {font-weight:600 !important;}
/* .dcf-table tbody td, .dcf-table tbody th {text-align: left !important;}*/
.table-responsive td:nth-child(0) {
        display: none;
    }
	
.subscribe-body {text-align: left !important;}
	
  .column-employer, .column-jobseeker,  .column-online {
   display:none
        }
	
      .table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .table-responsive tr {
      display: block;
    min-height: auto; 
    max-height: auto;
	      }
	  
	
    
	
.table-responsive td {
    display: block;
    /* Additional styling as needed */
}
	  
      .table-responsive thead th {
        border-width: 0
      }
      .table-responsive tbody td {
        border-top-width: 0
      }
      .table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
      }
      .table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
      }
      .table-responsive tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
      .table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em
      }
    }