@charset "UTF-8";
html {
	height: 101%;
	margin: 0;
	padding: 0;
}

body {
	font-size: 100%;
	font-family: "interface-n4", "interface";
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	height: 100%;
}
img {
	display: block;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: bottom;

}
hr {width: 100%; margin: 5px auto; height: 1px; background: #aaaaaa; border: none; display: block; padding: 0;clear: both;}
img.seecmsimagedefault {display: inline-block; margin: 0 12px 0 12px!important;}
img.seecmsimageleft {float:left; margin: 0 12px 12px 0!important;}
img.seecmsimageright {float: right; margin: 0 0 0 12px;}
img.seecmsimagecenter {margin: 0 auto 1em auto;}

h1,
.header p,
nav li a,
h2,
.thumbs a span,
.content article aside p,
nav .button a,
nav.snav .sectiontitle p,
header p {
  font-style: normal;
  font-weight: 400;
}
p,
h1,
h2,
h3,
h4,
li {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
li {
	line-height: 130%;
	font-size: 110%;
}
p {
	color: #2f2f2f;
	line-height: 130%;
}
ul {
  margin: 0;
  padding: 0;
/*  display: table;*/
}

strong {
	display:inline-block;
	margin: 10px 0;
}

p.seeformerrors{font-weight: 900;margin:10px 0;}
label.errorfield{font-weight: 900;color:#d52026;}

.tooltip{ cursor:default; text-decoration:none }

.col1,
.col2,
.col3,
.col4 {
	display: block;
	float: left;
}
div:after,
form:after,
ul:after,
input:after,
section:after,
article:after,
header:after,
footer:after,
nav:after,
aside:after,
hgroup:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}
section,
article,
header,
footer,
nav,
aside,
hgroup {
	display: block;
}
.clear {
	clear: both;
}
p {
	padding: 0 0 0px 0;
}
.hide{display:none;}
.mce_jqueryspellchecker .mceIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHtSURBVDjLY/j//z8DJZiBKgY49drM9J3idhLEtu+xjvea4nLNqsVspnWr2S6QmF6+Zol2ltpq5QSlmcpxijMxDABp9pjkuMuu28rIpsMi3rLZFKzIus38mm6OuqRxpf41nC5w7rOJd+i1ngnUXGLTbj7Tsskk3rbL8ppZreEu7Ry1mWpJSvHK8Uoz0TWK5U/nYIg8y8rgPsl+l12P1WqgbTPdJtk/AtoWb1CkBdagnqyyWilawVM/Rw/FBQyx540ZGm/eYIg8P43BdYLdSZiEcYXeTJB/TaoNroH8q5OldVIhXE5SKUqhXSNRfZdKvPKVkOrED+L9d/8wN998w+B4XIL40I48K8FQf/O6+7In/7mbb35hsD2qjBKNDLU3ExjKb7pi1Rx61ke89+6fwBVP/jPXXn/HYHlYGiMdMJTe1JJc/PgHQ/X1xQyplznBYuFnmRiiz062nPfof8DSJ/8ZSq8/ZzA9KIEzIQE1Vvuuf/6fufv2M4bgsz4MxVdPui8Cal4C1Jx/+RGDPqpmTANiz7MAvXI+bO2L/5ZzHvzP2Pjif8DCx/8ZMi/fY9DcL0FUUmbwPKkg3Hr7T+WOV//95j/8z5B6/jaD6l4JkvIC0J9FTtPu/2dIPn+PQXG3BFmZiUFzbweDLH7NVMmNAOGld33BRiNUAAAAAElFTkSuQmCC) no-repeat center center !important;
}

/* golden brown {#B78849} */

/* dark blue {#0C77B2} */

/* light blue {#45BCFF} */

/* light peach {#FFAE45} */

/* mid level peach {#FFAE45} */

/* dark peach {#FFAE45} */

/* grey {#FBFBFC} */

/* dark grey {#818285} */

/* dark dark grey {#231F20} */

/* proxima-nova */
body{font-family:"proxima-nova",sans-serif;font-weight:500;color:#231F20;}

.mce-window input {width: 300px!important;}

a{color:#B78849;}
.hidden{display:none;}
.selectboxit-btn{background:transparent;}
.selectboxit-list{background:#fff;}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff;
  background-color: #818285;
  background-image: -moz-linear-gradient(top, #818285, #818285);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#818285), to(#818285));
  background-image: -webkit-linear-gradient(top, #818285, #818285);
  background-image: -o-linear-gradient(top, #818285, #818285);
  background-image: linear-gradient(to bottom, #818285, #818285);
  background-repeat: repeat-x;
}

.wrapper{padding: 0 30px;}
.container {width: 1500px; margin: 0 auto;}
.pageheader{padding:40px 0 20px 0;box-sizing:border-box;}

.nav ul{display:table;list-style:none;float:left;vertical-align:middle;}
.nav ul li{display:table-cell;font-size:100%;}
.nav ul.nav{padding-top:23px;float:right;}
.nav ul li a{border-left:1px solid #aaa;color:#818285;padding:0 50px 0 7px;text-decoration:none;vertical-align:middle;}
.nav ul li:last-child a{padding: 0 0 0 7px;}
.nav ul li.selected a {color: #ba752d;}
.logo-login{background:url(../images/logo.gif)no-repeat center center;width:209px;height:50px;}
.nav ul.nav li:hover > a{color:#ba752d;}

.pageheader .left {float: left;}
.pageheader .right {float: right;}
.pageheader a.logo{background:url(../images/logo.gif)no-repeat center center;width:209px;height:50px;background-size:100%;display:block;margin-top:10px;}

.login-container {float: right;}
.login-container p {color: #818285;}
.login {background: #3a3a3a; padding: 20px; width: 30%; margin: 40px auto;}
.login input {width: 100%; padding: 0 2%; height: 35px; outline: none; border-radius: 5px; font-family: "proxima-nova",sans-serif; font-weight: 400; margin: 5px 0 15px 0;}
.login label {color: #fff; font-size: 100%;}
.login h3 {color: #fff; border-bottom: 1px solid #fff; float: left; margin: 0 0 3px 0; font-size: 110%; font-weight: normal;}
.login h2 {color: #fff; font-size: 145%; padding: 0 0 20px 0; font-family: Georgia;}
.login input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.login input[type=password] {width: 100%;}
.login input.submitbutton {width: auto; padding: 0 50px; text-transform: uppercase; color: #fff; float: right; background: #b9732e; background: -moz-linear-gradient(top,  #b9732e 0%, #ab5c22 100%); background: -webkit-linear-gradient(top,  #b9732e 0%,#ab5c22 100%); background: linear-gradient(to bottom,  #b9732e 0%,#ab5c22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 ); border: none; cursor: pointer;}
.login p.seeformerrors {color: #fff; padding: 0 0 20px 0;}
.searchhighlight{color:#fff;font-weight: bold;background-color:#45BCFF;}

.inner-wrap {border-top: 1px solid #aaaaaa;margin: 0px auto 0;padding-top: 20px;position:relative}
.col1{float:left;width:79%;margin-right:1%;min-height:200px;}
.col2{float:left;width:20%;min-height:200px;box-sizing:border-box;padding-left:8px;}
.col-wide{padding:20px 0;border-top:1px solid #aaaaaa;}

.messages p {margin-bottom:10px;}

.calendar-key{margin:15px 0;float:right;}
.calendar-key span{display:inline-block;color:#fff;border-radius:3px;padding:5px;margin:5px;}

.table{width:100%;height:auto;margin-bottom:20px;color:#231F20;/*float:left;*/}
.table.systemlist{width:50%;margin:20px auto;}
.table.systemlist td{text-align:center;}
.table.systemlist input[type="text"]{width:100%;}
.table.systemlist table{margin-bottom:20px;}

.table table{width:100%;height:auto;margin-top:10px;border-collapse:collapse;float:left;border-bottom:1px solid #e0e0e0;}
.table table tr:nth-child(odd){background-color:#e0e0e0;}
.table table tr:nth-child(1){background:#e0e0e0;color:#231F20;}
.table table tr.headings{background:#ab5c22!important;}
.table table tr:nth-child(1) th p{color:#231F20;vertical-align:middle;}
.table table tr:nth-child(1) td p{color:#231F20;vertical-align:middle;}
.table table tr td{padding:10px;}
.table table tr td p{text-decoration:none;font-weight:600;}
.table table tr td a.edit{margin-left:5px;text-decoration:none;background:#B78849;padding:3px;color:#fff;font-family:sans-serif;box-sizing:border-box;}
.table table tr th{padding:10px;font-weight:500;text-align:left;vertical-align:middle;color:#fff;}
.table table tr td {font-size: 100%;}
.table table tr td{vertical-align:top;}
.table table tr th{vertical-align:top;}

.placement-commisson-table th.heading {font-weight:900;color:#ab5c22;}
.placement-commisson-table td.currency-right, .placement-commisson-table th.currency-right {text-align:right;}

label span{ display:block; max-height:2.5em; line-height:1.2em; text-overflow: ellipsis; font-size: 80%; margin-bottom:5px;}

div.pagination{margin-top:10px;}

/* hover styles */

.table table tr td a.edit:hover{}


.title-link h2 {height: 50px; color: #3a3a3a;margin-bottom:10px;}
.title-link h2 a {color: #fff; text-transform: uppercase; background: #b9732e; background: -moz-linear-gradient(top,  #b9732e 0%, #ab5c22 100%); background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%); background: linear-gradient(to bottom,  #b9732e 0%,#ab5c22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 ); border-radius: 8px; text-decoration: none; padding: 0 20px; vertical-align:text-top;font-size: 60%; font-weight:400; line-height: 32px; font-family: "proxima-nova",sans-serif; height:32px; display: inline-block; margin-left: 20px;}
.title-link h2 a.delete {color: #fff; text-transform: uppercase; background: #b92e2e; background: -moz-linear-gradient(top,  #b92e2e 0%, #982323 100%); background: -webkit-linear-gradient(top, #b92e2e 0%,#982323 100%); background: linear-gradient(to bottom,  #b92e2e 0%,#982323 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b92e2e', endColorstr='#982323',GradientType=0 ); border-radius: 8px; text-decoration: none; padding: 0 20px; vertical-align:text-top;font-size: 60%; font-weight:400; line-height: 32px; font-family: "proxima-nova",sans-serif; height:32px; display: inline-block; margin-left: 20px;}

/* Clients styling */


input[name="saveandsend"]{outline:0;border:0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
;border:1px solid #DCDCDC;padding:7px 38px;border-radius:8px;cursor:pointer;
}

.clientname{width:75%;}

.adminnav, .subnav{width:40%;height:auto;box-sizing:border-box;padding:20px;margin:60px auto;border-top: 1px solid #818285;border-bottom:1px solid #818285;}
.adminnav ul, .subnav ul{list-style:none;margin:20px auto;}
.adminnav ul li a, .subnav ul li a, .subnav ul li a{outline:0;border:0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
border:1px solid #DCDCDC;padding:7px 68px; border-radius:8px; margin-bottom:20px; text-decoration:none; box-sizing:border-box; color:#BA8D4F; display:block;}

.database-lists{width:100%;float:left;}

.search-results{float:left;width:100%;height:auto;margin:10px 0;}

/* Office Table */
.office-form-container{width:60%;height:auto;}
.office-form-container .submit{padding:30px;box-sizing:border-box;border:1px solid #000;}
.office-form-container .input{width:100%;height:auto;margin-bottom:10px;}
.office-form-container .input .left{float:left;}
.office-form-container .input .right{float:right;width:70%;}
.office-form-container .input .right input{float:left;}

#search_toolsSelectBoxItText{width:140px!important;}
#regionSelectBoxItText{width:140px!important;}

img.ui-datepicker-trigger {float: left;}

.usertable table tr td{box-sizing:border-box;padding:5px 10px;vertical-align:middle;}
.center{margin-left:auto;margin-right:auto;}

.quicklinks{width:100%;height:auto;box-sizing:border-box;padding:15px;margin-top:10px;border:1px solid #aaa;}
.quicklinks h2{margin-bottom:8px;}
.quicklinks div ul{list-style: none;margin-left:10px;}
.quicklinks div ul li{margin-bottom:2px;}
.quicklinks div ul li a{}
.quicklinks div ul li input{}

.quicklinks div ul li form input[type="submit"]{color:#b78849;padding:0!important;background:none;border:none;cursor:pointer;width:auto;font-size: 100%;line-height: 130%;text-decoration:underline;height: auto!important;}

.client-table-container table tr th:nth-child(1){
		width:700px;
}
/*.client-table-container table tr td */
.table .options-column {text-align: center;width:28%;}
table .email{width:22%;}
.table .options-column a{margin-right:20px;}
.placements .options-column, .interviews .options-column, .journal-table .options-column {width:12%;}
.placements .options-column a, .interviews .options-column a, .journal-table .options-column a{margin:0;}
.table table#offices .options-column{width:33%;}

.type-container{float:left;width:60%;border:1px solid #222; box-sizing:border-box;padding:10px 25px;}
.type-container p{float:left;vertical-align:middle;line-height:32px;margin-right:12px;}
.type-container select{float:left;}

.information-container{width:30%;float:right;}

.information-container h3{text-align:right;}
.information-container p{text-align:right;}

.submit .right a {
    vertical-align: middle;
    line-height: 30px;
}
.mobile-nav, .nav-icon, .mobile-header-wrap {display: none;}

/* Fancy Box */
.fancyboxforms {display: none; position: fixed; left: 50%; width: 660px; max-height: 60%; padding: 20px 20px; margin-left: -350px; background: #fff; top: 150px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.7); box-shadow: 0 0 20px 0 rgba(0,0,0,0.7);-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;}
.fancyboxformsopen { display: block; }

.close {position: absolute; top: 10px; right: 10px; display: block; width: 28px; height: 28px; background: url(../images/close.gif) no-repeat top left;}

/*EMILIE CSS*/

.login-container a {color: #fff; text-decoration: none; text-transform: uppercase; color: #fff; float: right; background: #b9732e; background: -moz-linear-gradient(top,  #b9732e 0%, #ab5c22 100%); background: -webkit-linear-gradient(top,  #b9732e 0%,#ab5c22 100%); background: linear-gradient(to bottom,  #b9732e 0%,#ab5c22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 ); border: none; padding: 2px 20px; font-size: 80%; border-radius: 5px; margin: -2px 0 0 8px;text-align:center;width:60px;}
.login-container a:hover{text-decoration:underline;}

.selectboxit-btn {background: #fff;}

.tools {background: #3a3a3a; padding: 20px; margin: 0 0 20px 0;}
.tools p {color: #fff;}
.tools h3 {color: #fff; border-bottom: 1px solid #fff; float: left; margin: 0 0 3px 0; font-size: 110%; font-weight: normal;}
.tools h2 {color: #fff; font-size: 145%; padding: 0 0 20px 0; font-family: Georgia;}
.tools label {display:block; line-height: 32px; color: #fff;}
.tools .input {box-sizing:border-box; float: left; padding: 0 20px 10px 0;}
.tools .input input {width: 100%; padding: 0 2%; height: 30px; display:inline-block; outline: none; font-family: "proxima-nova",sans-serif;}
.tools .input.submit input {outline:0;border:0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
border:1px solid #DCDCDC; border-radius:8px;padding:0; margin-top:32px; font-weight:900;text-decoration:none; box-sizing:border-box; color:#B9732E; display:block;height: 32px; font-family: "proxima-nova",sans-serif; line-height: 32px;}
.tools .input.submit input:active {text-decoration: underline;}

.tools .selectboxit-container {width: 100%;}
.tools .selectboxit {width: 100%!important;}

.tools p.selected-text {margin-top:10px;}

.tools ul.selectboxit-options {width: 100%!important;}

.tools .alpha {display:inline-block;line-height: 32px; margin: 30px 0 20px 0;}
.tools .alpha label {float:left;}
.tools .alpha a.grey {text-decoration: none; color: #e0e0e0; padding: 0 3px; }
.tools .alpha a {text-decoration: underline; color: #B78849; padding: 0 3px; }
.tools button {cursor: pointer; outline: none; width: 100%; padding: 0; text-transform: uppercase; color: #fff; /*float: right;*/ background: #b9732e; background: -moz-linear-gradient(top,  #b9732e 0%, #ab5c22 100%); background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%); background: linear-gradient(to bottom,  #b9732e 0%,#ab5c22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 ); border: none; height: 32px; font-family: "proxima-nova",sans-serif; line-height: 32px; border-radius: 8px;}
.tools button:hover {font-weight:900;}

/* Export CSV and Save Shortlist buttons */
.table input[type="submit"] {margin-right:10px; width:10%;cursor:pointer;outline: none; padding: 0; text-transform: uppercase; color: #fff; /*float: right;*/ background: #b9732e; background: -moz-linear-gradient(top,  #b9732e 0%, #ab5c22 100%); background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%); background: linear-gradient(to bottom,  #b9732e 0%,#ab5c22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 ); border: none; height: 32px; font-family: "proxima-nova",sans-serif; font-size:90%;line-height: 32px; border-radius: 8px;}
.table input[type="submit"]:hover {font-weight:900;}

.table h2 {color: #3a3a3a;}
.table h2 a {display: inline-block; text-transform: uppercase; color: #fff; background: #b9732e; background: -moz-linear-gradient(top,  #b9732e 0%, #ab5c22 100%); background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%); background: linear-gradient(to bottom,  #b9732e 0%,#ab5c22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 ); border: none; height: 32px; font-family: "proxima-nova",sans-serif; line-height: 32px; text-decoration: none; font-weight: 400; font-size: 60%; padding: 0 10px; border-radius: 8px;}

.selectboxit-container span, .selectboxit-container .selectboxit-options a {font-family: "proxima-nova",sans-serif!important;}

.noresults {padding: 0 0 20px 0;}

.interview.tools .input {width: 25%;}
.interview.tools .input.submit {clear:both;float:right;}
.interview.tools input.datepicker {width: 44%;}
.interview.tools label[for="dateto"] {display:inline-block; margin: 0 2%;}
/*.interview.tools .input input#dateto {float:right;}*/

.placement.tools .input {width: 25%;}
.placement.tools input.datepicker {width: 44%;}
.placement.tools label[for="dateto"] {display:inline-block; margin: 0 2%;}
/*.placement.tools .input input#dateto {float:right;}*/

.vacancy.tools .input {width: 25%;} here
.vacancy.tools .input.submit {float:right;}
/*.vacancy.tools .input.submit input {width: 100%; text-transform: uppercase; color: #000; float: right; background: #b9732e; background: -moz-linear-gradient(top,  #b9732e 0%, #ab5c22 100%); background: -webkit-linear-gradient(top,  #b9732e 0%,#ab5c22 100%); background: linear-gradient(to bottom,  #b9732e 0%,#ab5c22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 ); border: none; height: 32px; font-family: "proxima-nova",sans-serif; line-height: 32px;}*/


.client.tools .input {width: 25%;}

.candidate.tools .input {width: 25%;}
.candidate.tools .input.submit {float:right;}

.client-table-container.table.mobile {display: none;}
.candidates-table.table.mobile {display: none;}
.vacancytable.table.mobile {display: none;}
.interviews.table.mobile {display: none;}
.placements.table.mobile {display: none;}
.office-table.table.mobile {display: none;}
.contact-list-container.table.mobile {display: none;}
.journal-table-container.table.mobile {display: none;}
.usertable.table.mobile {display: none;}

.systemlists.table {width: 100%;}
.systemlists.table .headingtools{width:100%;height:auto;float:left;margin-bottom:3px;}
.systemlists.table .headingtools input.topsave{    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%) repeat scroll 0 0; border: 1px solid #dcdcdc; border-radius: 8px; cursor: pointer; outline: 0 none; padding: 7px 38px;}
.systemlists-add {color:#fff;box-sizing:border-box;padding:2px 10px;border:0;border-radius:8px;background: #b9732e;background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);float:right;background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );border: none;height: 32px;color: #fff;font-family: "proxima-nova",sans-serif;text-transform: uppercase;line-height:32px;text-align:center;text-decoration:none; font-weight:400; font-size: 90%; display: inline-block;/*margin: 0 auto;*/}

.form {width: 60%;}
.form .section {margin: 0 0 40px 0;}
.form .section h3 {font-family: Georgia; font-size: 150%; text-align: left; font-weight: normal; color: #343334; background: url(../images/border-dots.gif) repeat-x bottom left; padding: 0 0 5px 0; margin: 0 0 10px 0;}
.form .section p {padding: 0 0 30px 0;}
.form .section label {text-align: left;}
.form .section .left {float:left;width:32%;margin-right:2%;}
.form .section .right {float:right;width:66%;}
.form .section .right button {width:100%;	box-sizing:border-box;padding:2px;border:0;border-radius:8px;background: #b9732e; background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%); background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );border: none;height: 32px;color: #fff;outline:none;font-family: "proxima-nova",sans-serif;cursor:pointer;text-transform:uppercase;}
.form .section .input {width: 100%; margin: 0 0 10px 0;}
.form .section .selectboxit-container .selectboxit, .form .section .selectboxit-container, .form .section .selectboxit-container .selectboxit-options {width: 100%!important;}
input:not([type="file"]) {box-sizing:border-box; width: 100%; padding: 0 2%; height: 30px; outline: none; font-family: "proxima-nova",sans-serif;border-radius:5px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.form .section .input input.clientsearch{margin-bottom:8px;}
.form .section .input input[type="checkbox"] {width: 15px; height: 15px; display: inline-block;}
html[data-useragent*='MSIE 10.0'] .form .section .input input[type="checkbox"]{width:auto;height:auto;}
.form .section .input textarea {width: 100%; padding: 1% 2%; height: 150px; outline: none; resize: none; border-radius: 5px; font-family: "proxima-nova",sans-serif; box-sizing: border-box;}
.form .submit-container{
	margin-bottom:22px;
}
.form .submit-container .left{float:left;width:50%;}
.form .submit-container .right{float:right;width:50%;}
.form input[type="submit"]{
	float:right;
	color:#fff;
	cursor:pointer;
	width:100px;
	box-sizing:border-box;
	padding:2px;
	border:0;
	border-radius:8px;
	background: #b9732e;
  background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
  background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
  background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
  border: none;
  height: 32px;
  color: #fff;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
	margin-bottom:12px;
}
.form a.button, .journal-add-container button, .input.submit input {
  color:#fff;
  width:150px;
  box-sizing:border-box;
  padding:2px;
  border:0;
  display: block;
  border-radius:8px;
  background: #b9732e;
  background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
  background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
  background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
  border: none;
  height: 32px;
	width:100%;
  color: #fff;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  line-height: 32px;
  font-size: 80%;
  float: right;
  cursor: pointer;
  outline: none;
  /*margin-right: 10px;*/
}
.input.submit input.downloadpdf{float:left;width:49%;margin:0 0.5%;line-height:28px;vertical-align:middle;}
form a#previewpdf{text-decoration:none;display:block;float:left;width:49%;border-radius:8px;
  background: #b9732e;
  background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
  background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
  background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
  text-align:center;
  color:#fff;
  margin-right:2%;
  height:32px;
  line-height:28px;vertical-align:middle;
  }


.journal-add-container button {
  float: left;
  margin: 0 10px 0 0;
}

.journal-add-container.form {width: 100%;}
.journal-add-container.form .section .left {width:16%;}
.journal-add-container.form .section .right {width:82%;}
.journal-add-container.form form .form-container .input{width:100%;float:left;height: auto;margin-bottom: 12px;}
.journal-add-container.form form .form-container .input .left{width:12%;float:left;}
.journal-add-container.form form .form-container .input .right{width:86%;float:left;}
.journal-add-container.form form .form-container .input .right input[type="text"]{width: 100%;}
.journal-add-container.form form .form-container .input .right textarea{width: 100%;resize:vertical;}

.mce-btn button {padding: 4px 8px!important; border-radius: 0!important; color: #333!important; background: #fff!important; width: auto!important;}
.mce-listbox button {width: 100%!important;}
.mce-btn.mce-active button {background:#555c66!important;} 
.mce-menubar .mce-menubtn.mce-active button {background:#fff!important;} 

.fancyboxforms h3 {padding: 0 0 10px 0;}
.fancyboxforms label {color: #000;}
.fancyboxforms input[type=checkbox] {width: 15px; height: 15px;}
.fancyboxforms .col {float: left; width: 48%; margin-right: 4%;}
.fancyboxforms .col:first-child {margin-right: 0;}
.fancyboxforms .input {padding: 5px 0;}
.fancyboxforms .input .input {margin-left: 20px; border-top: 0;}
.fancyboxforms .input.submit .left{float:left;}
.fancyboxforms .input.submit .right{float:right;}
.fancyboxforms .input input[type="submit"]{
		width: 150px;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    float: right;
    background: #b9732e;
    background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
    background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
    background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
    border: none;
    height: 32px;
    font-family: "proxima-nova",sans-serif;
    line-height: 32px;
    float:right;
		margin-bottom:22px;
    float:right;
}

#regionsform{overflow-y:scroll;}
#regionsform .col{float:left;width:45%;margin-right:5%;}
#regionsform .col .input .heading-region-form{margin-bottom:2px;padding-bottom:2px;border-bottom:1px dashed #000;}
#regionsform .col .input input[type="checkbox"]{float:right;}
#regionsform .col .input .input input[type="checkbox"]{float:right;margin-right:42px;}
#regionsform .input.submit{width: 100%;float:left;}
#regionsform .input.submit .left{width:50%;float:left;}
#regionsform .input.submit .right{width:50%;float:right;}
#regionsform .input.submit .right input[type=submit] {
		width: 150px;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    float: right;
    background: #b9732e;
    background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
    background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
    background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
    border: none;
    height: 32px;
    font-family: "proxima-nova",sans-serif;
    line-height: 32px;
    float:right;
		margin-bottom:22px;
}

#specialisationsform{height:auto;overflow-y:scroll;}
#specialisationsform .col{width:100%;}
#specialisationsform .col .input{width:45%;float:left;box-sizing:border-box;padding-right:3px;margin-right:5%;padding-left:12px;margin-bottom:10px;border-bottom:1px dashed #000;}
#specialisationsform .col1 .input:nth-child(odd){background:#F2EDED;}
#specialisationsform .col .input .left{float:left;}
#specialisationsform .col .input .right{float:right;}
#specialisationsform .col .input.submit{width: 100%;}
#specialisationsform .col .input.submit .left{float:left;}
#specialisationsform .col .input.submit .right{float:right;}
#specialisationsform .input.submit .right input[type="submit"]{
			width: 150px;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    float: right;
    background: #b9732e;
    background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
    background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
    background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
    border: none;
    height: 32px;
    font-family: "proxima-nova",sans-serif;
    line-height: 32px;
    float:right;
		margin-bottom:22px;
    float:right;
}
#consultantsform{height:auto;overflow-y:scroll;}
#consultantsform .col{width:100%;}
#consultantsform .col .input{width:45%;float:left;box-sizing:border-box;padding-right:3px;margin-right:5%;padding-left:12px;margin-bottom:10px;border-bottom:1px dashed #000;}
#consultantsform .col1 .input:nth-child(odd){background:#F2EDED;}
#consultantsform .col .input .left{float:left;}
#consultantsform .col .input .right{float:right;}
#consultantsform .col .input.submit{width: 100%;}
#consultantsform .col .input.submit .left{float:left;}
#consultantsform .col .input.submit .right{float:right;}
#consultantsform .input.submit .right input[type="submit"]{
			width: 150px;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    float: right;
    background: #b9732e;
    background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
    background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
    background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
    border: none;
    height: 32px;
    font-family: "proxima-nova",sans-serif;
    line-height: 32px;
    float:right;
		margin-bottom:22px;
    float:right;
}
#itskillsform{}
#itskillsform .col{width:100%;height: auto;}
#itskillsform .col .left{float:left}
#itskillsform .col .right{float:right;width:15%;}
#itskillsform .col .left{width:80%;margin-right:12px;}
#itskillsform .col .input{width:45%;float:left;box-sizing:border-box;padding-right:3px;margin-right:5%;padding-left:12px;margin-bottom:10px;border-bottom:1px dashed #000;}
#itskillsform .input.submit{width:100%;}
#itskillsform .input.submit .left{float:left;}
#itskillsform .input.submit .right{float:right;}
#itskillsform .input.submit .right input[type="submit"]{
		width: 150px;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    float: right;
    background: #b9732e;
    background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
    background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
    background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
    border: none;
    height: 32px;
    font-family: "proxima-nova",sans-serif;
    line-height: 32px;
    float:right;
}
#languagesform{height:auto;overflow-y:scroll;}
#languagesform .col{width:100%;height:auto;}
#languagesform .col .left{float:left;width:80%;margin-right:12px;}
#languagesform .col .right{float:right;width:15%;}
#languagesform .col .input{width:45%;float:left;box-sizing:border-box;padding-right:3px;margin-right:5%;padding-left:12px;margin-bottom:10px;border-bottom:1px dashed #000;}
#languagesform .col .input.submit .lefT{float:left;}
#languagesform .col .input.submit .right{float:right;}
#languagesform .input.submit .right input[type="submit"]{
		width: 150px;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    float: right;
    background: #b9732e;
    background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
    background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
    background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
    border: none;
    height: 32px;
    font-family: "proxima-nova",sans-serif;
    line-height: 32px;
    float:right;
    float:right;
}
#clientsform{}
#clientsform .input{width:100%;float:left;}
#clientsform .left{float:left;width:20%;}
#clientsform .right{float:left;width:80%;}
#clientsform .right input{float:left;}
#clientsform .right input[type="text"]{margin-right:20px;}
#clientsform .right span{float:left;}
#clientsform .input.submit .left{float:left;}
#clientsform .input.submit .right{float:right;}
#clientsform .input.submit .right input[type="submit"]{float:right;}

#candidatesform{}
#candidatesform .input{width:100%;height:auto;float:left;}
#candidatesform .input .left{float:left;width:20%;margin-right:12px;}
#candidatesform .input .right{float:left;width:70%;}
#candidatesform .input.submit .left{float:left;}
#candidatesform .input.submit .right{float:right;}
#candidatesform .input.submit .right input[type="submit"]{float:right;}

#attachmentform{}
#attachmentform .input{width:100%;height:auto;float:left;}
#attachmentform .input .left{float:left;width:20%;margin-right:12px;}
#attachmentform .input .right{float:left;width:70%;}
#attachmentform .input.submit .left{float:left;}
#attachmentform .input.submit .right{float:right;}
#attachmentform .input.submit .right input[type="submit"]{float:right;}


/*table#offices{width:100%;height:auto;float:left;margin-bottom:12px;border-collapse:collapse;}
table#offices tr{width:100%;}
table#offices tr th{background:#e0e0e0;color:#231f20;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:left;padding:5px;vertical-align: top;}
table#offices tr td{background:transparent;color:#231f20;box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:left;padding:5px;vertical-align: top;}
table#offices tr{border-bottom:1px dotted #aaaaaa;}*/

/*table#conacts{ width:100%;height:auto;float:left;margin-bottom:12px;border-collapse:collapse;}
table#conacts tr{ width:100%;}
table#conacts tr th{ background:#e0e0e0;color:#231f20;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:left;padding:5px;vertical-align: top;}
table#conacts tr td{ background:transparent;color:#231f20;box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:left;padding:5px;vertical-align: top;}
table#conacts tr{ border-bottom:1px dotted #aaaaaa;}*/

table tr.subregion td{
	box-sizing:borde-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;;
}
td.srname{
	padding-left:10%!important;
}

.checkShow{margin-bottom:12px;}

.form.clientedit{width:100%;height:auto:float:left;margin-bottom:2px;}
.form.clientedit form { float: left; height: auto; width: 100%; }
.form.clientedit form .section{}
.form.clientedit form .section .input{width:60%;margin-right:40%;}

.inner-wrap .col1 .form{width:100%;height:auto;}
.inner-wrap .col1 .form form .section .input{width:100%;margin: 0 0 15px 0;}
.form .section .selectboxit-container#timehoursSelectBoxItContainer{float:left;width:49%!important;margin-right:1%;}
.form .section .selectboxit-container#timeminsSelectBoxItContainer{float:left;width:49%!important;margin-left:1%;}

.selectboxit-container, .selectboxit-container .selectboxit {
    width: 100%;
}

#candidatesearch{margin-bottom:4px;}
#i-clientsearch{margin-bottom:4px;}

td.fc-day.fc-widget-content.fc-mon.fc-today.fc-state-highlight{background:#b9732e;}
td.fc-day-number.fc-mon.fc-today.fc-state-highlight{color:#fff;}


.customdialog .ui-widget-header{background:transparent;border-radius:0px;border:0px;border-bottom: 1px solid #000;font-family:"proxima-nova",sans-serif;font-weight:500;}
.customdialog.ui-dialog .ui-dialog-title{color:#000;}
.customdialog .ui-dialog .ui-dialog-content{font-family:"proxima-nova",sans-serif;font-weight:500;}
.customdialog .ui-dialog .ui-dialog-buttonpane button{}
.customdialog .ui-button-text-only .ui-button-text{font-family:"proxima-nova",sans-serif;font-weight:500;}
.customdialog .ui-state-hover .ui-icon,.customdialog .ui-state-focus .ui-icon{background-image:url(../images/ui-icons_white.png);}

.customdialog .ui-state-default, .customdialog .ui-widget-content .ui-state-default, .customdialog  .ui-widget-header .ui-state-default{border:0px;color:#fff;border-radius:0px;text-transform:uppercase;background: #b9732e; background: -moz-linear-gradient(top,  #b9732e 0%, #ab5c22 100%); background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%); background: linear-gradient(to bottom,  #b9732e 0%,#ab5c22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 ); border-radius: 8px;}
.customdialog button.delete-button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{color: #fff; text-transform: uppercase; background: #b92e2e; background: -moz-linear-gradient(top,  #b92e2e 0%, #982323 100%); background: -webkit-linear-gradient(top, #b92e2e 0%,#982323 100%); background: linear-gradient(to bottom,  #b92e2e 0%,#982323 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b92e2e', endColorstr='#982323',GradientType=0 ); border-radius: 8px; text-decoration: none;}
.customdialog .ui-state-default .ui-icon{background-image:url(../images/ui-icons_white.png);}

.fc-unthemed .fc-today{background:#b9732e;color:#fff!important;}

table .tel{width:16%;}

.journal-table{width:100%;}
/*.journal-table td{width:20%;}*/

.section.with-table table{width:100%;height:auto;margin-top:10px;border-collapse:collapse;float:left;border-bottom:1px solid #e0e0e0;}
.section.with-table table tr:nth-child(odd){background-color:#e0e0e0;}
.section.with-table table tr:nth-child(1){background:#e0e0e0;color:#231F20;}
.section.with-table table tr.headings{background:#ab5c22!important;}
.section.with-table table tr:nth-child(1) th p{color:#231F20;vertical-align:middle;}
.section.with-table table tr:nth-child(1) td p{color:#231F20;vertical-align:middle;}
.section.with-table table tr td{padding:10px;}
.section.with-table table tr td p{text-decoration:none;font-weight:600;}
.section.with-table table tr td a.edit{margin-left:5px;text-decoration:none;background:#B78849;padding:3px;color:#fff;font-family:sans-serif;box-sizing:border-box;}
.section.with-table table tr th{padding:10px;font-weight:500;text-align:left;vertical-align:middle;color:#fff;}
.section.with-table table tr td {font-size: 100%;}
.section.with-table table tr td{vertical-align:top;}
.section.with-table table tr th{vertical-align:top;}

.crmfile-options{width:auto;float:left;margin:10px 0px;}

.form.candidate-edit .input .right table{width:100%;height:auto;float:left;margin-bottom:12px;}
.form.candidate-edit .input .right table thead tr th{background:#b9732e;color:#fff;}

.split .section {float: left; width: 50%;}

#toggle-show{}

.table-settings{width:100%;height:auto;float:left;margin-bottom:2px;}
.table-settings > a{
    margin-top: 0px;
    border-radius: 4px;
    box-sizing:border-box;
    padding:6px 26px;
    background: #b9732e;
    background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
    background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
    background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
    color:#fff;
    float:left;
    margin-right:12px;
}

#type-selectSelectBoxIt{
  margin-bottom:12px;
}

#information-typeSelectBoxIt{}

.settings-tools{width:100%;height:auto;float:left;margin-bottom:12px;}

.settings-tools .button{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    float: left;
    background: #b9732e;
    background: -moz-linear-gradient(top, #b9732e 0%, #ab5c22 100%);
    background: -webkit-linear-gradient(top, #b9732e 0%,#ab5c22 100%);
    background: linear-gradient(to bottom, #b9732e 0%,#ab5c22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9732e', endColorstr='#ab5c22',GradientType=0 );
    border: none;
    padding: 2px 20px;
    font-size: 80%;
    border-radius: 5px;
    margin: 0px 10px 5px 0px;
    text-align: center;
}

.clientedit .section.table .input{width:100%;height:auto;min-height:28px;float:left;margin-bottom:8px;-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.clientedit .section.table .input label{width:20%;/*margin-left:1%;*/float:left;font-size:110%;line-height:28px;font-weight:600;}
.clientedit .section.table .input input[type="text"]{width:70%;float:left;}

input[type="checkbox"] {float: left; display: inline-block; width: 15px!important; height: 15px!important; margin: 8px 0 0 10px;}

.wholephrase {float: right; margin-top: -31px;}
.wholephrase label {float: left;}

@media(max-width: 1560px){
  .container {width: 100%;}

  /*.vacancy.tools .input {width: 15%; margin-right: 2%;}
  .vacancy.tools .input.submit {margin-right: 0%; margin-top: 0;}

  .client.tools .input {width: 23%; margin-right: 2%;}
  .candidate.tools .input {width: 23%; margin-right: 2%;}

  .interview.tools .input {width: 20%;}
  .interview.tools .input.submit {width: 11%; margin-top: 32px;}
  .interview.tools input.datepicker {width: 42%;}

  .placement.tools .input {width: 27%;}
  .placement.tools .input.submit {width: 12%; margin-top: 32px;}
  .placement.tools input.datepicker {width: 43%;}*/
}
@media(max-width: 1300px){
  .nav ul li a {font-size: 80%; padding-right: 20px;}

  .login-container p {font-size: 80%;}
}
@media(max-width:1197px){
  .table .options-column{width:30%;}
  .table .options-column a{margin-right:4px;}
}
@media(max-width: 1150px){
  li.logo {background-size: 100%; width: 165px;}
  .nav ul li a {padding-right: 10px;}
  .nav ul.nav {padding-top: 18px;}

  .table table tr td, table th {font-size: 80%;}
  .search-results {font-size: 80%;}

  .form .section label {font-size: 80%;}
  .form .section p {font-size: 80%; padding: 0 0 10px 0;}
  .form .section h3 {font-size: 130%;}
  .form .section .input .right {font-size: 80%;}
  .form .section .input .right p {font-size: 100%;}

  .selectboxit-container span, .selectboxit-container .selectboxit-options a {font-size: 100%;}

  .tools h3 {font-size: 90%;}
  .tools h2 {font-size: 125%;}
  .tools label, .tools .selectboxit-text, .tools .input input[type=submit], .tools p, .tools .input input {font-size: 80%;}
  .form .section .input textarea {font-size: 100%;}
}
@media(max-width: 1100px){
  .login {width: 50%;}
}
@media(max-width: 1024px){
  .col1 {width: 100%; margin: 0; padding: 0;}
  .col2 {width: 100%; margin: 0; padding: 0;}
  .table table {margin-top: 0;}
  .interview.tools input.datepicker, .placement.tools input.datepicker {width: 43%;}
}
@media(max-width:840px){
  .table .options-column a{margin-right: 8px;}
}
@media(max-width:768px){
  .nav ul.nav {display: none;}
  li.logo {width: 109px; height: 30px; background-size: 100%;}
  .tools .input {width: 100%!important;}
  .tools .input .left, .interview.tools .input .right {width: 100%!important; margin: 0!important;}
  .tools input[type=submit] {width: 100%; padding: 0; margin: 15px 0 0 0;}
  .tools h2 {padding: 0 0 10px 0;}

  .wrapper {padding: 0 20px;}

  .interview.tools .input .right span {width: 100%; margin: 0;}
  .interview.tools .input .right span.selectboxit-arrow-container {width: 30px;}
  .interview.tools .selectboxit-container .selectboxit {width: 100%!important;}
  .interview.tools input.datepicker, .placement.tools input.datepicker {width: 46%;}

  .client.tools .input.submit {margin-top: 0;}
  .candidate.tools .input.submit {margin-top: 0;}
  .interview.tools .input.submit {margin-top: 0;}
  .placement.tools .input.submit {margin-top: 0;}

  .client-table-container.table {display: none;}
  .client-table-container.table.mobile {display: block;}

  .candidates-table.table {display: none;}
  .candidates-table.table.mobile {display: block;}

  .usertable.table {display: none;}
  .usertable.table.mobile {display: block;}

  .vacancytable.table {display: none;}
  .vacancytable.table.mobile {display: block;}

  .interviews.table {display: none;}
  .interviews.table.mobile {display: block;}

  .placements.table {display: none;}
  .placements.table.mobile {display: block;}

  .office-table.table {display: none;}
  .office-table.table.mobile {display: block;}

  .contact-list-container.table {display: none;}
  .contact-list-container.table.mobile {display: block;}

  .journal-table-container.table {display: none;}
  .journal-table-container.table.mobile {display: block;}

  .table table {margin-top: 0;}

  .nav-icon {display: block;}

  .pageheader {display: none;}
  .mobile-header-wrap {display: block; background: #fff; padding: 20px 0; width: 100%;}
  .mobile-header a.logo {width: 125px; height: 30px; background: url(../images/logo.gif) no-repeat 0 0; float: left; display: block; background-size: 100%;}

  .inner-wrap .col1 .form form .section .input {width: 100%; margin: 0 0 15px 0;}
  .journal-add-container form table {width: 100%!important}
  .form a.button, .journal-add-container button, .input.submit input {font-size: 90%;}

  .title-link a {margin-left: 0!important;}
  .title-link h2 {height: auto!important;}
}


@media(max-width: 667px){
  .title-link h2 {font-size: 140%; text-align: center; font-family: Georgia; line-height: 100%;}
  .title-link h2 a {width: 100%; padding: 0; text-align: center; font-size: 60%; display: block; margin-top: 10px; margin-bottom: 20px;}
  .table h2 {font-size: 140%; text-align: center; font-family: Georgia;}
  .table h2 a {width: 100%; padding: 0; text-align: center; font-size: 55%; display: block; margin: 10px 0;}

  .login {width: 80%; margin: 0 auto;}

  .tools .alpha a, .tools .alpha a.grey {padding: 0;}

  .form {width: 100%;}
  .form .section .left {width: 100%; margin: 0;}
  .form .section .right {width: 100%; margin: 0;}
  .journal-add-container.form .section .left {width:100%;}
  .journal-add-container.form .section .right {width:100%;}
  .form .submit-container .right input[type="submit"]{width: 100%;}
  .form a.button, .form input[type="submit"], .journal-add-container button {width: 100%; padding: 0; margin: 0 0 10px 0;}

  .form .submit-container .left, .form .submit-container .right {width: 100%;}

  .list-container {width: 100%; margin: 0;}
  .it-skills .list-container {margin: 0 0 20px 0;}


	.fancyboxforms{position: absolute;margin-left:0;top:50%;left:50%;transform: translate(-50%,-50%);width:95%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.fancyboxforms .col{width:100%;float:left;margin-bottom:2px;}
	#regionsform .col{width:100%;float:left;margin-bottom:2px;}
	#specialisationsform .col{width:100%;float:left;margin-top:2px;margin:0;}
	#specialisationsform .col .input{width:100%;float:left;}
	#itskillsform .col .input{width:100%;float:left;margin-bottom:2px;}
	#languagesform .col{width:100%;height:auto;float:left;margin:0 0 2px 0;}
	#languagesform .col .input{width:100%;height:auto;float:left;margin-bottom:3px;}
	#clientsform{}
	#clientsform .input .left{width:100%;height:auto;float:left;}
	#clientsform .input label {width:100%;float:left;margin-bottom;8px;}
	#clientsform .input .right input{width:100%;height:auto;float:left;margin-bottom:8px;}
	#clientsform .input .right .selectboxit-container{width:100%;height:auto;float:left;}

	#candidatesform .input .left{width:100%;height:auto;float:left;}
	#candidatesform .input label {width:100%;float:left;margin-bottom;8px;}
	#candidatesform .input .right input{width:100%;height:auto;float:left;margin-bottom:8px;}
	#candidatesform .input .right .selectboxit-container{width:100%;height:auto;float:left;}

}