<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-2.1.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.js"></script>
</head>
<body>
<div id="cd-tabs">
<nav>
<ul class="cd-tabs-navigation">
<li><a data-content="tab-one" class="selected" href="#">panel 1</a></li>
<li><a data-content="tab-two" href="#">panel 2</a></li>
<li><a data-content="tab-three" href="#">panel 3</a></li>
</ul> <!-- cd-tabs-navigation -->
</nav>
<ul class="cd-tabs-content">
<li data-content="tab-one" class="selected">
<form action="">
panel one</br>
<a class="nexttab" href="#2">Next Tab</a>
</form></li>
<li data-content="tab-two">
<form action="">
panel two
</form></li>
<li data-content="tab-three">
<form action="">
panel three
</form></li></li></ul>
</div>
<script>
jQuery(document).ready(function($){
var tabItems = $('.cd-tabs-navigation a'),
tabContentWrapper = $('.cd-tabs-content');
tabItems.on('click', function(event){
event.preventDefault();
var selectedItem = $(this);
if( !selectedItem.hasClass('selected') ) {
var selectedTab = selectedItem.data('content'),
selectedContent = tabContentWrapper.find('li[data-content="'+selectedTab+'"]'),
slectedContentHeight = selectedContent.innerHeight();
tabItems.removeClass('selected');
selectedItem.addClass('selected');
selectedContent.addClass('selected').siblings('li').removeClass('selected');
//animate tabContentWrapper height when content changes
tabContentWrapper.animate({
'height': slectedContentHeight
}, 200);
}
});
//hide the .cd-tabs::after element when tabbed navigation has scrolled to the end (mobile version)
checkScrolling($('.cd-tabs nav'));
$(window).on('resize', function(){
checkScrolling($('.cd-tabs nav'));
tabContentWrapper.css('height', 'auto');
});
$('.cd-tabs nav').on('scroll', function(){
checkScrolling($(this));
});
function checkScrolling(tabs){
var totalTabWidth = parseInt(tabs.children('.cd-tabs-navigation').width()),
tabsViewport = parseInt(tabs.width());
if( tabs.scrollLeft() >= totalTabWidth - tabsViewport) {
tabs.parent('.cd-tabs').addClass('is-ended');
} else {
tabs.parent('.cd-tabs').removeClass('is-ended');
}
}
});</script>
</body>
</html>
// Code goes here
/* --------------------------------
Primary style
-------------------------------- */
@font-face {
font-family: FontAwesome;
src: url('../fonts/fontawesome-webfont.eot');
}
.cd-tabs-content {
background: #ffffff;
}
.cd-tabs-content li {
display: none;
padding: 0.4em;
}
.cd-tabs-content li.selected {
display: block;
background-color: #8C9ECD;
background-image:-webkit-radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),-webkit-linear-gradient(-622deg, #007caa, #007caa 90%);
background-image:radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),linear-gradient(352deg, #007caa, #007caa 90%);
background-image: url(../images/diagonal_thin.png),-webkit-radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),-webkit-linear-gradient(-616deg, #AAC2EC 10%, #5f7296 100%);
background-image: url(../images/diagonal_thin.png),radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),linear-gradient(346deg, #F7F8F9 10%, #5f7296 100%);
background-repeat:repeat;
background-size:initial;
background-attachment:fixed;
}
.select-box {
display: block;
width: 100%;
height: 32px;
margin-right: 0px;
padding: 2px 12px;
font-size: 14px;
line-height: 1.22857143;
/* background-color: #fff; */
background-image: none;
/* border: 1px solid #ccc; */
border-radius: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.black-glass {
margin-top: 18px;
margin-bottom: 14px;
border-top: 1px solid #B3BAC5;
}
hr {
cursor: default;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
.cd-tabs-content li p {
font-size: 14px;
font-size: 0.875rem;
margin: 31px 0 1.25em;
color: #fff;
margin-bottom: 2em;
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
content: " ";
display: table;
}
.edu-level.select-box input, .edu-level.select-box select {
width: 48%;
float: left;
margin-right: 3px;
}
.ws .form-control {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.job-b-control, .job-c-control {
width: 48.5%;
float: right;
margin-right: 5px;
}
.contact-label {
color: #fff;
font-weight: 100;
}
.cert-label,.location-job-label,.location-label,.salary-label,.other-job-label {
color: #fff;
font-size:12px;
font-weight: 100;
}
.cert-label-date {
color: #fff;
font-weight: 100;
}
.save-edu-level {
display: block;
height: 32px;
padding: 2px 12px;
font-size: 14px;
line-height: 1.22857143;
color: #555;
background-image: none;
border-radius: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control {
display: block;
width: 100%;
height: 32px;
margin-right: 0px;
padding: 2px 12px;
font-size: 14px;
line-height: 1.22857143;
color: #555;
/* background-color: #fff; */
background-image: none;
/* border: 1px solid #ccc; */
border-radius: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.jobtime {
width: 30%;
float: right;
margin-right: 5px;
}
.min-salary,.max-salary,.currency {
width: 32%;
display: block;
float: right;
margin-right: 5px;
}
.job-location-state,.job-location-city {
width: 47%;
display: block;
float: right;
margin-right: 5px;
}
.job-section-a {
width: 67%;
float: right;
margin-right: 5px;
}
.span-job-main{
margin-bottom: 15px;
}
.job-section-b,.job-section-c{
width: 48.5%;
float: right;
margin-right: 4px;
margin-bottom: 9px;
}
.salary-min-control,.salary-max-control,.salary-country-control {
width: 32%;
float: right;
margin-top: -2%;
margin-right: 4px;
}
.job-b-control, .job-c-control {
width: 48.5%;
float: right;
margin-right: 5px;
}
.job-a-group.date-picker label {
color:#fff;
font-size: 12px;
font-weight: 100;
width: 35%;
float: right;
margin-right: 5px;
}
.job-a-control,.salary-max-control,.salary-min-control, .salary-country-control,.job-b-control,.job-c-control, .jobtime-control {
display: block;
height: 34px;
padding: 2px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
/* background-color: #fff; */
background-image: none;
/* border: 1px solid #ccc; */
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.ws .tile.color {
color: white;
}
.ws .tile {
position: relative;
margin-bottom: 20px;
color: #717171;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
background-color: white;
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.05);
box-shadow: 0 3px 0 rgba(0,0,0,0.05);
}
.cert-from-year,.cert-to-year,.min-salary-input,.max-salary-input{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: url("/images/black30.png");
background: rgba(0,0,0,0.3);
border: 0;
color: #fff;
color: rgba(239, 232, 232, 0.8);
font-size: 12px;
-webkit-font-smoothing: antialiased;
line-height: 28px;
display: block;
width: 100%;
height: 32px;
padding: 2px 13px;
padding: 0px 12px;
font-size: 12px;
/* background-color: #fff; */
background-image: none;
/* border: 1px solid #ccc; */
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.cert-to-month,.cert-from-month {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: url("/images/black30.png");
background: rgba(0,0,0,0.3);
border: 0;
color: #fff;
color: rgba(239, 232, 232, 0.8);
font-size: 13px;
-webkit-font-smoothing: antialiased;
line-height: 20px;
display: block;
width: 100%;
height: 32px;
padding: 2px 13px;
padding: 0px 12px;
font-size: 14px;
line-height: 1.22857143;
/* background-color: #fff; */
background-image: none;
/* border: 1px solid #ccc; */
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.cert-label-content {
color: #fff;
font-weight: 100;
margin-top: 32px;
text-align: -moz-center;
text-align: -webkit-center;
}
.date-picker input,.date-picker select {
width: 48%;
float: left;
margin-right: 3px;
}
.salary-group input[type="text"], .salary-group input[type="password"], .salary-group input[type="email"], .salary-group input[type="search"], textarea, select {
/* background: url(../images/black30.png); */
/* background: rgba(0,0,0,0.3); */
-webkit-font-smoothing: antialiased;
line-height: 20px;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.other-job{
padding-top:8px
}
*, *::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-control input, select {
background: url("/images/black30.png");
background: rgba(0,0,0,0.3);
border: 0;
color: #f1f1f1;
color: rgba(255,255,255,0.8);
font-size: 14px;
-webkit-font-smoothing: antialiased;
line-height: 20px;
}
*::after, *::before {
}
.ws .tile textarea, .ws .tile input:not([type=submit]), .ws .tile select {
background: url("/images/black30.png");
background: rgba(0,0,0,0.3);
border: 0;
color: #f1f1f1;
color: rgba(255,255,255,0.8);
font-size: 14px;
-webkit-font-smoothing: antialiased;
line-height: 20px;
}
.col-sm-41 {
color: #fff;
font-weight: 100;
margin-top: 32px;
margin-right: 103px;
text-align: -webkit-center;
}
.control-label{
color:#fff;
font-weight: 100;
}
.span-contact .Button {
width: 66.333333%;
margin: 38px 55px 5px 0px;
font-weight: 100;
font-family: droid;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
a {
color: #f05451;
text-decoration: none;
}
.span-contact input[type="text"], .span-contact input[type="password"], .span-contact input[type="email"], .span-contact input[type="search"], textarea, select {
background: url(../images/black30.png);
background: rgba(0,0,0,0.3);
border: 0;
color: #f1f1f1;
color: rgba(255,255,255,0.8);
font-size: 12px;
-webkit-font-smoothing: antialiased;
line-height: 20px;
}
.other-job input[type="text"]{
margin-top:-5px;
}
.span-cert input[type="text"],.other-job input[type="text"], .span-cert input[type="password"],.span-cert input[type="email"],.span-cert input[type="search"], textarea, select{
background: url(../images/black30.png);
background: rgba(0,0,0,0.3);
border: 0;
color: #f1f1f1;
color: rgba(255,255,255,0.8);
font-size: 12px;
-webkit-font-smoothing: antialiased;
line-height: 20px;
height: 32px;
}
/* --------------------------------
Main components
-------------------------------- */
header {
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
header h1 {
font-size: 20px;
font-size: 1.25rem;
}
.col-sm-8 .wizard .form-group.date-picker input, .col-sm-8 .wizard .form-group.date-picker select {
width: 25%;
float: left;
margin-right: 3px;
}
.col-sm-8 .tile textarea, .col-sm-8 .tile input:not([type=submit]), .col-sm-8 .tile select {
background: url("/images/black30.png");
background: rgba(0,0,0,0.3);
border: 0;
color: #f1f1f1;
color: rgba(255,255,255,0.8);
font-size: 14px;
-webkit-font-smoothing: antialiased;
line-height: 20px;
}
.col-sm-8{
margin-top: -40px;
}
#cd-tabs {
position: relative;
width: 90%;
max-width: 616px;
margin: 0em auto;
}
#cd-tabs:after {
content: "";
display: table;
clear: both;
}
#cd-tabs::after {
/* subtle gradient layer on top right - to indicate it's possible to scroll */
position: absolute;
top: 0;
right: 0;
height: 60px;
width: 50px;
z-index: 1;
pointer-events: none;
background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients #cd-tabs::after {
display: none;
}
#cd-tabs::after {
/* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
#cd-tabs nav {
overflow: hidden;
margin-bottom: -15px;
-webkit-overflow-scrolling: touch;
background: #f8f7ee;
box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
.cd-tabs-navigation {
width: 360px;
}
.cd-tabs-navigation:after {
display: table;
clear: both;
}
#form-text{
color: #fff;
}
.cd-tabs-navigation li {
float: right;
margin-bottom: .05em;
}
.cd-tabs-navigation a {
position: inherit;
display: block;
text-align: center;
font-size: 0.75rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-left: 1em;
}
.cd-tabs-navigation {
height: 18%;
width: auto;
background-color: #f8f7ee;
box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
.no-touch .cd-tabs-navigation a:hover {
color: #0BC9F5;
background-color: rgba(233, 230, 202, 0.3);
}
.cd-tabs-navigation a.selected {
background-color:#233461;
background-image:-webkit-radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),-webkit-linear-gradient(-622deg, #007caa, #007caa 90%);
background-image:radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),linear-gradient(352deg, #007caa, #007caa 90%);
background-image:url("../images/diagonal_thin.png"),-webkit-radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),-webkit-linear-gradient(-616deg, #233658 10%, #5f7296 100%);
background-image:url("../images/diagonal_thin.png"),radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),linear-gradient(346deg, #233658 10%, #5f7296 100%);
background-repeat:repeat;
background-size:initial;
background-attachment:fixed;
color: #FFFFFF;
font-family: droid;
font-weight: 100;
}
.spansex label, input[type=radio] ~ label {
display: inline;
padding: 0;
font-weight:100;
color:#fff;
}
.cd-tabs-navigation a::before {
/* icons */
position: absolute;
top: 12px;
left: 50%;
margin-left: -10px;
display: inline-block;
height: 20px;
width: 20px;
background-image: url(../img/vicons.svg);
background-repeat: no-repeat;
}
.cd-tabs-navigation a[data-content='inbox']::before {
background-position: 0 0;
}
.cd-tabs-navigation a[data-content='new']::before {
background-position: -20px 0;
}
.cd-tabs-navigation a[data-content='gallery']::before {
background-position: -40px 0;
}
.cd-tabs-navigation a[data-content='store']::before {
background-position: -60px 0;
}
.cd-tabs-navigation a[data-content='settings']::before {
background-position: -80px 0;
}
.cd-tabs-navigation a[data-content='trash']::before {
background-position: -100px 0;
}
.cd-tabs-navigation a[data-content='inbox'].selected::before {
background-position: 0 -20px;
}
.cd-tabs-navigation a[data-content='new'].selected::before {
background-position: -20px -20px;
}
.cd-tabs-navigation a[data-content='gallery'].selected::before {
background-position: -40px -20px;
}
.cd-tabs-navigation a[data-content='store'].selected::before {
background-position: -60px -20px;
}
.cd-tabs-navigation a[data-content='settings'].selected::before {
background-position: -80px -20px;
}
.cd-tabs-navigation a[data-content='trash'].selected::before {
background-position: -100px -20px;
}
.big10 {
font-size: 1.2em;
font-family: droid;
font-weight: normal;
background-color: #A1C336;
padding: .5em;
margin-top: -0.45em;
color: #fff;
text-align: -webkit-center;
}
.btn-exp-history[data-add-section] {
border: 1px dashed white;
margin-bottom: 15px;
}
.btn-exp-history:hover, .btn-exp-history:focus, .btn-exp-history:active {
color: white;
}
.btn-exp-history {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
color: rgb(126, 226, 17);
font-family: droidb;
font-size: 16px;
background-color: transparent;
border: 1px solid #eeeeee;
border-width: 1px !important;
border-radius: 2px;
white-space: initial !important;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
button:hover, button:focus, button:active, .btn:hover, .btn:focus, .btn:active, a:hover, a:focus, a:active {
outline: none !important;
}
.save-edu-level:hover, .save-edu-level:focus, .save-edu-level:active, .save-edu-level.active, .open .dropdown-toggle.save-edu-level {
color: #0FF;
border-color: #adadad;
}
.save-edu-level {
color: #EFEFEF;
background-color: #3498ED;
border-color: #3899BC;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ws .tile.color {
color: white;
}
.ws .tile {
-webkit-font-smoothing: antialiased;
}
.ws .tile {
position: relative;
margin-bottom: 20px;
color: #717171;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
background-color: white;
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.05);
box-shadow: 0 3px 0 rgba(0,0,0,0.05);
}
.ws {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}
.ws *:before, .ws *:after {
-webkit-transform: translateZ(0);
}
:before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ws *:before, .ws *:after {
-webkit-transform: translateZ(0);
}
:before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-exp-history i {
opacity: 0.5;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 760px) {
.job-location-state,.job-location-city{
width: 35%;
float: right;
margin-right: 4px;
}
.job-label {
width: 82%;
margin: -30px 98px 2px 0;
}
.other-job {
width: 82%;
margin: -26px 98px 2px 0px;
}
.min-salary, .max-salary, .currency {
width: 30%;
display: block;
float: right;
margin-right: 5px;
}
.span-job-btn .Button {
width: 50.333333%;
margin: 38px 165px 5px 0px;
font-weight: 100;
font-family: droid;
}
.span-cert-btn .Button {
width: 50.333333%;
margin: 38px 150px 5px 0px;
font-weight: 100;
font-family: droid;
}
.salary-group{
margin: -26px 84px 1px 0;
}
.span-contact {
width: 66.333333%;
margin: -30px 222px 2px 0;
}
.span-cert {
width: 70%;
margin: -30px 175px 1px 0;
}
.span-job {
width: 92%;
margin: -27px 50px 1px 0;
}
.span-job-location {
width: 121%;
margin: -30px 75px 1px 0;
}
.currency {
width: 35%;
}
.location-label {
width: 25.333333%;
text-align: right;
color: #fff;
margin: 29px 0 -14px 0px;
font-size: 13px;
font-weight: 100;
}
.contact-label {
width: 26.333333%;
text-align: left;
color: #fff;
font-weight: 100;
}
.salary-label {
width: 26.333333%;
text-align: right;
color: #fff;
font-weight: 100;
}
.cert-label {
width: 26.333333%;
text-align: left;
color: #fff;
font-weight: 100;
padding-bottom: 4px;
}
.salary-label,.other-job-label,.location-job-label {
width: 14%;
text-align: right;
color: #fff;
font-weight: 100;
font-size: 13px;
padding-top: 7px;
}
.col-sm-40 {
color: #fff;
font-weight: 100;
margin-top: 32px;
margin-right: 103px;
}
.cert-label-date {
color: #fff;
font-weight: 100;
margin-top: 32px;
margin-right: 103px;
}
.span-contact {
width: 66.333333%;
margin: -30px 175px 1px 0;
}
.spansex input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin-right: 3.5em;
}
.col-sm-job {
width: 13.333333%;
text-align: left;
}
.spansex label, input[type=radio] ~ label {
display: inline;
padding: 0;
font-weight:100;
}
.spansex {
width: 66.333333%;
margin: -20px 132px 5px 0px;
color:#fff;
}
.span-contact .Button {
width: 64.333333%;
margin: 38px 30px 1px 0px;
font-weight: 100;
font-family: droid;
}
.cd-tabs-navigation {
/* tabbed on top on big devices */
height: 18%;
width: auto;
background-color: #f8f7ee;
box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
.cd-tabs-navigation a {
background-color: #091228;
display: inline-block;
background: url(../images/diagonal_thin.png),radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),linear-gradient(346deg, #051737 10%, #5f7296 100%);
width: 33.33333%;
background-attachment: fixed;
line-height: 150%;
color: #FFFFFF;
font-family: droid;
font-weight: 100;
height: 48px;
line-height: 51px;
width: auto;
text-align: right;
font-weight: 100;
font-size: 0.875rem;
padding: 0 2.8em 0 4.6em;
}
.cd-tabs-navigation a.selected {
box-shadow: inset 0 2px 0 #0BC9F5;
}
.cd-tabs-navigation a::before {
top: 50%;
margin-top: -10px;
margin-left: 0;
left: 38px;
}
}
@media only screen and (max-width: 600px) {
.job-section-a,.jobtime{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
margin-right: 5px;
width: 46%;
}
.job-section-b,.job-section-c{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
margin-right: 5px;
width: 46%;
}
.min-salary,.max-salary,.currency {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
margin-right: 2px;
width: 32%;
}
}
}
@media only screen and (max-width: 685px) {
.cd-tabs-content {
background: #ffffff;
}
.cd-tabs-content li {
display: none;
padding: 0.4em;
}
.cd-tabs-content li.selected {
display: block;
background-color:#233461;
background-image:-webkit-radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),-webkit-linear-gradient(-622deg, #007caa, #007caa 90%);
background-image:radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),linear-gradient(352deg, #007caa, #007caa 90%);
background-image:url(../images/diagonal_thin.png),-webkit-radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),-webkit-linear-gradient(-616deg, #233658 10%, #5f7296 100%);
background-image:url(../images/diagonal_thin.png),radial-gradient(closest-corner, rgba(16,47,70,0) 60%, rgba(16,47,70,0.26)),linear-gradient(346deg, #233658 10%, #5f7296 100%);
background-repeat:repeat;
background-size:initial;
background-attachment:fixed;
}
}