/* =layout
-------------------------------------------------*/

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto/roboto-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto/roboto-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'RobotoSlab-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/robotoslab/RobotoSlab-Bold.eot'); /* IE9 Compat Modes */
  src: local('RobotoSlab Bold'), local('RobotoSlab-Bold'),
       url('../fonts/robotoslab/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/robotoslab/RobotoSlab-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/robotoslab/RobotoSlab-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/robotoslab/RobotoSlab-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/robotoslab/RobotoSlab-Bold.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

html { font-family: "Roboto", sans-serif; }
.container { width:90%; min-width:950px; }
#menu { width:100%; }
#submenu { width:100%; }
#content { width:100%; }
#footer { width:100%; }
#admin #languages {}
#login .container { min-width:0; }
#login #languages { margin-top:100px; }
#login #content { margin:20px 5%; }
#main { float:left; width: 50%; min-width: 50%; }
#sidebar { float:right; width: 50%; min-width: 50%; }
.note { position:absolute; border:1px solid #666; padding:10px; background:#EFEFEF; display:none; }
.quicknote { position:absolute; border:1px solid #666; padding:10px; background:#EFEFEF; display:none; }
.percent { font-weight:bold }
.percent_minus { color:red }
.percent_add { color:green }

/* =misc
-------------------------------------------------*/
.red { color:red; }
.green { color:green; }
a.back_to_draft, a:hover.back_to_draft { font-weight:bold; }
a.bill_payed, a:hover.bill_payed { font-weight:bold; }

table.stripped { border-right:1px solid #CCC; border-left:1px solid #CCC; }
table.stripped tr:first-child td { border-top:1px solid #CCC }
table.stripped tr td { border-bottom:1px solid #CCC }

tr.success td { background:#CFC; }
tr.fail td { background: #CCC; }

.nomargin { margin:0 }
.smallmargin { margin-bottom:5px }

/* =text
-------------------------------------------------*/
h1 { font-size:2em; font-weight:bold; }

/* =form
-------------------------------------------------*/
legend { color:#369; margin-bottom:10px; }
form ul li span.counter {
  clear:both;
  display:block;
  width:100%;
}

form ul li span.warning {
  color:red;
}

/* =flash
-------------------------------------------------*/
#flash { float:left; width:100%; margin:10px 0; }
#flash_notice { margin:10px 20px; padding:1em; border:2px solid #6C6; background-color:#CFC; color:#444; }
#flash_error { margin:1em; padding:1em; border:2px solid #900; background-color:#EBCCCC; color:#900; }

/* =pagination
-------------------------------------------------*/
.pagination { margin:10px 0;}
.pagination { float:left; width:100%; }

/* =loader
-------------------------------------------------*/
.loader { width:50px; height:50px; position:fixed; top:30%; left:48%; background: url(/images/ajax-loader.gif) #FFF center no-repeat; border:4px solid #900; display:none; }

/* =button
-------------------------------------------------*/
a.button, input[type='submit'], button { color:#FFF; background:#369; padding:5px 10px; text-decoration:none; font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:none; font-size:12px; }
a:hover.button, button:hover { color:#FFF; background:#daf7a6; color: #303030; text-decoration:none; font-weight:bold; }
a.button.red { color:#FFF; background:#C00000; }
a:hover.button.red { color:#FFF; background:#f04a4a; }

a.button.current { color:#FFF; background:#4AC0F2; }


/* =info-candidate
-------------------------------------------------*/
.info-candidate { color:#444; background:#EEE; }
.info-candidate td { padding-left:20px;}
.info-candidate a { color:#222; }

/* =mission report
-------------------------------------------------*/
#mission_reports {}
#mission_reports .green td { background-color:#CFC; }
#mission_reports .orange td { background-color:#FECB88; }
#mission_reports .red td { background-color:#f2dede; }
#mission_reports .report-details { color:#444; background:#EEE; }
#mission_reports .report-details td { padding-left:20px;}
#mission_reports .report-details a { color:#222; }

/* =missions
-------------------------------------------------*/
#missions { clear:both; }
#missions tr.highlighted td { color:#333; } /* background-color:#F09090;
#missions tr.paused { background-color:#FECB88; }
#missions td.first { border-left: 5px solid #EFEFEF; padding-left:5px; }
#missions .owner td.first { border-left: 5px solid green; }
#missions .second-line { padding-bottom:1em; }
#missions .second-line td { background:#EEE; font-size:1em; padding-left:2em; color:#444; }
#missions .second-line td p { margin-bottom:1em; }
#show-all { margin:10px 0; float:right; }
#missions a.toggle-description { text-decoration:none; }

fieldset#finalize { background:#EEE; border:1px solid #333; padding:10px; margin-bottom:20px; }
fieldset#finalize legend { margin-bottom:0px; color:#333; padding:0 10px; }

table tr.choosen td { background: #95FF95; font-weight:bold; }

.mission_candidates { margin-bottom:30px; }

/* =mission
-------------------------------------------------*/

.mission .title h2 { font-size:1.5em; font-weight:bold; margin-bottom:0.8em; color:#666; }
.mission .title h1 { margin-bottom:1em; }

.mission .mission-submenu { margin-bottom:2em; }



/* =resumes
-------------------------------------------------*/
#resumes { border:1px solid #CCC; padding:10px; }
#resumes legend { padding: 0 10px; }
#resumes #list { margin:0 0 10px 0; }
#resumes #list ul { list-style:disc; margin-left:15px;}
#resumes #list span.resume { margin-right:15px; float:none; }
#resumes #list p.instruct { font-size:1em; float:none; margin:0 0 10px 0; color:#666; }

#resume-fields { margin-bottom:20px; }

/* =steps
-------------------------------------------------*/
ul#steps { float:left; width:100%; list-style:none; text-align:center; font-size:1.2em; margin:0 0 20px 0; padding:0; }
ul#steps li { float:left; margin:0 10px 0 0; padding:0 10px; border-bottom:4px solid #BBB; color:#BBB; }
ul#steps li.current { border-bottom:4px solid #444; color:#444; }

/* =ratings
-------------------------------------------------*/
#ratings-fields table { width:auto; }
#ratings-fields tr.odd { background:#CCC; }
#ratings-fields th { width:250px; padding:10px; background:transparent; }
#ratings-fields td { width:30px; text-align:center; padding:0; background:transparent; }

/* =billing items form
-------------------------------------------------*/
form.standard fieldset#items legend { margin-bottom:1em; }
form.standard fieldset#items ul { border-top:1px solid #CCC; }
form.standard fieldset#items ul li.last { border-bottom:1px solid #CCC; padding-bottom:2em; }

/* =print bill
-------------------------------------------------*/
#bill { font-size:1.1em; }
#bill { padding:15px; margin:10px 0; border:1px solid #333; }
#bill #company { margin:4em 0; }
#bill #company h1 { margin:0 0 0.4em 0; font-size:1.1em; }
#bill #company h2 { margin:0 0 0.5em 0; font-size:1em; }
#bill #date { float:right; font-weight:bold; font-size:1.1em; }
#bill h3 { font-size:1.3em; margin:1.5em 0; font-weight:bold; clear:both; }
#bill table { margin:1em 0 2em 0;}
#bill th { background:#FFF; border-bottom:1px solid #CCC; }
#bill td.total { text-align:right; font-weight:bold; }
#bill td.currency { text-align:right; width:70px; }
#bill th.currency { text-align:center; }
#bill td.separator { }
#bill td em { font-size:0.9em; }
#bill #outro { }
#bill #signature { float:right; text-align:center; font-size:1.1em; margin-bottom:2em; }
#bill #bank_info { clear:both; margin-bottom:2em; }
#bill #bank_info h4 { font-size:1.1em; font-weight:bold; margin-bottom:0.5em; }

tr.payed td { background:#CFC; }
tr.sent td { background:#FECB88; }
tr.canceled td { background: #CCC; }
tr.overdue td { background:#A00; color:#FFF; }
tr.overdue td a { color:#FFF; }
tr.late td { background:#C66; color:#FFF; }
tr.late td a { color:#FFF; }
td.currency { text-align:right; }
th.currency { text-align:center; }

tr.total td { font-weight:bold; }
tr.total .actions { text-align:right; }
tr.subtotal td { background:#EFEFEF; }

#overdue { margin:2em 0 0 0;}
#overdue h3 { font-weight:bold; }

#stats, .stats { clear:both; }
#stats table, .stats table { width: auto; }
#stats table tr th, .stats table tr th { border-top: 1px solid #CCC; }
#stats table tr td, .stats table tr td { border-top: 1px solid #CCC; }
.stats table tr td._2014, .stats table tr td._2013 { background: #EEE; }
#stats table tr td.team, .stats table tr td.team { background: #EEE; }

.stats h3 { margin-top:2em; }


span.positive { color:green; }
span.negative { color:red; }
span.green { color:green; }
span.red { color:red; }


form#constants_form { margin-bottom: 15px; }
form#constants_form table { width:auto; border:1px solid #CCC; margin-bottom:7px; }
form#constants_form table tr {}
form#constants_form table tr th { width: 100px; }
form#constants_form table tr td {  }

/* =package
-------------------------------------------------*/
#package { font-size:1.1em; float:left; }
#package { padding:15px; margin:10px 0; border:1px solid #333; }
#package h1 { text-align:center; margin-top:2em; }
#package h2 { font-size:1.2em; font-weight:bold; }
#package h3 { font-size:1.1em; font-weight:bold; }
#package #signature { float:left; width:100%; margin:2em 0 3em 0;}
#package #signature #for_ej { float:left; width:50%; }
#package #signature #for_your_company { float:left; width:48%; }


#package_state { border:1px solid #000; padding:20px; margin-bottom:20px; }
#package_state h4 { margin-top:1em; margin-bottom:0.5em; font-size:1em; font-weight:bold; }
#package_state.waiting { background: #FECB88; }
#package_state.accepted { background: #CFC; }
#package_state.refused { background: #CCC; }

tr.draft td { }
tr.waiting td { background:#FECB88; }
tr.accepted td { background:#CFC; }
tr.refused td { background: #CCC; }

form.standard ul li.guarantee { line-height:2em; }


form.standard ul fieldset#conditions .left { float:left; width:650px; }
form.standard ul fieldset#conditions .right { float:right; width:240px; }
form.standard ul fieldset#conditions { border:1px solid #369; padding:10px; background:#cce5ff; }
form.standard ul fieldset#conditions legend { margin-bottom:1em; float:left; width:100%; }
form.standard ul fieldset#conditions h3 { font-size:1.2em; margin-bottom:0.5em; margin-top:1em; font-weight:bold; }
form.standard ul fieldset#conditions li { line-height:2em; }
form.standard ul fieldset#conditions li label.desc { font-size:120%; line-height:2em; }
form.standard ul fieldset#conditions li div label { display:inline; }

/* =todo
-------------------------------------------------*/
form.done_item_form { display:inline-block; }
ul.todo { list-style:none; margin-left:-37px; }

ul.todo-done { list-style:none; margin:10px 0; }
ul.todo-done { color:#999; font-size:0.9em; }
ul.todo-done .done-date { color:#666; }

li.new_item_link, li.new_item_form { margin:10px 0; }

.new_item_form { display:none; }
.new_item_form form.standard ul li label.desc { font-size:0.8em; color:#444; }
.new_item_link a { font-size:0.8em; }

.item-actions { position:relative; top:0; left:0; }
.item-actions-wrapper {
  display:none; position:absolute; top:0; left:-70px; background:#FFF; padding:0 0 0 5px;
  line-height:20px;
  -moz-border-radius-top-left: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottom-left: 5px;
  border-bottom-left-radius: 5px;
}
.edit_item { color:red; text-decoration:none; height:20px; display:inline-block; position:relative; top:-5px; margin:0 3px 0 0; }

.destroy_item span { width:13px; height:18px; background: url(/images/trash.png) no-repeat 0px 3px; display:inline-block; }

.item-done-actions-wrapper {
  display:none; position:absolute; top:0; left:-20px; background:#FFF; padding:0px 5px;
  line-height:20px;
  -moz-border-radius-top-left: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottom-left: 5px;
  border-bottom-left-radius: 5px;
}
.item-done-actions-wrapper .destroy_item span { background: url(/images/trash.png) no-repeat 0px 5px; }

.handle { width:13px; height:18px; background: url(/images/handle.png) no-repeat 0px 1px; display:inline-block; cursor:move; margin-top:3px; }
li.item, li.new_item_link, li.new_item_form { padding-left:35px; margin-left:0px; vertical-align:middle; line-height:22px; }
.new_item_form .cancel { color:red; font-size:0.8em; margin-left:5px; }
.todo-wrapper { font-size:1.2em; }

.todo-wrapper .title { float:left; font-weight:bold; margin:0 0 0px 0; font-size:18px; padding-left:80px; margin-left:-80px; display:block;}
.todo-wrapper .title a { text-decoration:none; }
.todo-actions { float:left; }
.todo-actions-wrapper {
  display:none; padding:2px 0px 0px 5px;
  float:left;
  line-height:20px;
}
.todo { clear:left; }
.destroy_todo span { margin:0 2px; width:13px; height:18px; background: url(/images/trash.png) no-repeat 0px 8px; display:inline-block; }
.edit_todo{ text-decoration:none; color:red; }
.actions { font-size:0.85em; }


.see-all-done { padding-left:60px; }
.see-all-done a { font-size:0.9em; color:#999; }

ul.reorder { list-style:none; margin:0; }
ul.reorder li { vertical-align:middle; margin:5px 0; float:left; }
ul.reorder li .handle { width:13px; height:20px; background: url(/images/handle.png) no-repeat 0px 0px; display:inline-block; cursor:move; margin:0 5px 0 0; float:left; }
ul.reorder li .content { height:20px; display:inline-block; font-size:1.2em; float:left; }

.red-link { clear:left; font-size:1.2em; }
.red-link a { color:red; padding:2px; }
.red-link a:hover { color:#FFF; background:red; text-decoration:none; }

.owners { clear:left; font-size:0.75em; color:#666; }
.edit-share-action { text-decoration:none; }

#todos { position:relative; }
#toc { position: fixed; top: 100px; right: 50px; border: 1px solid #000000; padding: 1em; width: 250px; background:#FFF;}
#toc ul { margin:0 0 20px 20px; position:relative; }

.comment { margin-left:22px; color:#888; font-size:0.85em; }
.comment p { margin:0; }
.display-comment { text-decoration:none; }
.open span { display:inline-block; height:13px; width:14px; background:url(/images/dialog.png) no-repeat top left; }
.close span { display:inline-block; height:13px; width:14px; background:url(/images/dialog.png) no-repeat top right; }
.description { display:inline-block; }


/* =intranet
-------------------------------------------------*/
#intranet ul#categories-list { list-style:none; padding:0; margin-left:0; }
#intranet ul#categories-list li.show-category {}
#intranet ul#categories-list li.hide-category { display:none; }
#intranet ul#categories-list li.level-1 {margin-left:0px; margin-top:5px; }
#intranet ul#categories-list li.level-2 {margin-left:10px; }
#intranet ul#categories-list li.level-3 {margin-left:20px; }

#intranet ul.reorder { list-style:none; margin:0; }
#intranet ul.reorder li { vertical-align:middle; margin:5px 0; clear:left; }
#intranet ul.reorder li .handle { width:13px; height:20px; background: url(/images/handle.png) no-repeat 0px 0px; display:inline-block; cursor:move; margin:0 5px 0 0; }
#intranet ul.reorder li .content { height:20px; display:inline-block; }

#intranet #breadcrumbs { margin-bottom:10px; }
#intranet .box { padding:10px; border:1px solid #DDD; background:#F6F6F6; }
#intranet .draft { color:red }

#intranet #content p img { margin:0; }
#intranet .article { clear:both; margin-bottom:15px; float:left; width:100%; }
#intranet .article h2 {}
#intranet .article h2 a, #intranet .article h3 a { text-decoration:none; }
#intranet #search-results {}
#intranet #search-results li { font-size:1.3em; }
#intranet #search-results li span.in { font-size:0.8em; }


/* =messages
-------------------------------------------------*/
table#message { border-right:1px solid #666; border-bottom:1px solid #666; width:auto; }
table#message th, table#message td { border-top:1px solid #666; border-left:1px solid #666; vertical-align:top; }
table#message th { width:100px; }
table#message td { width:600px; }


/* =quality_logs
-------------------------------------------------*/
#quality_logs .green td { background-color:#CFC; }
#quality_logs .orange td { background-color:#FECB88; }
#quality_logs .red td { background-color:#f2dede; }


/* =dashboard
-------------------------------------------------*/
ul#dashboard_tabs { list-style:none; clear:both; margin:20px 0 30px 0;  }
ul#dashboard_tabs:after { content:''; display:block; clear:both; }
ul#dashboard_tabs li { float:left; margin-right:20px; }
ul#dashboard_tabs li a {}

#golden_rule { border:2px solid #333; padding:10px; line-height:1.5em; width:600px; background-color:#FAFAFA; }
#golden_rule h3 { font-weight:bold; margin: 15px 0; }
#golden_rule p { margin-bottom:15px; }


/* =receipts
-------------------------------------------------*/
#receipts .date { width:110px; }
#receipts .currency { width:110px; }

table#timesheet td.date { background-color:#CCC; font-weight:bold; }


/* =mission_comments
-------------------------------------------------*/
.mission_comments { margin-bottom:30px; }
.mission_comment_date { margin-left:10px; color:#888; font-style:italic; }
.mission_comment_content p { margin-bottom:5px; }
.mission_comment { margin-bottom:15px; }

.customer_comments { margin-bottom:30px; }

/* =missionreports
-------------------------------------------------*/
.missionreports { margin-bottom:150px; width:540px; margin:left; clear:both; float:left; }
.missionreport-form { margin-bottom:40px !important; }
.missionreport-form .title { width:300px; }
.missionreport-form .content { width:400px; }

.missionreport { float:left; margin-bottom:30px; padding:10px; border:1px solid #CCC; border-radius:5px; }
.missionreport .avatar { float:left; width:40px; }
.missionreport .missionreport-main { float:left; width:460px; }
.missionreport.red-false { background-color:#FFFFE0; }

.missionreport .avatar img { border-radius:50%; }

.missionreport span { margin-right:5px; }
.missionreport .name { font-weight:bold; }
.missionreport .when { font-style:italic; color:#AAA }
.missionreport .title { background:#EEE; padding:3px 7px; margin:5px 0; }
.missionreport .title.weekly_report { background:#CFC; }
.missionreport .title.issue { background:#F08080; color:#333; }
.missionreport .title.customer_feedback { background:#FECB88; }
.missionreport .title.candidate_feedback { background:#FECB88; }
.missionreport .title.status_changed { background:#EEE; }

.missionreportcomments form textarea { width:400px; height:1.5em; padding:5px; }
.missionreportcomment { margin-top:1em; }

.missionreports-filter { margin:1em 0; }

table#missionreports { margin:30px 0; }
table#missionreports tr td a { color:#333; text-decoration:none; }
table#missionreports tr.other td { background:#DDD; }
table#missionreports tr.weekly_report td { background:#CFC; }
table#missionreports tr.issue td { background:#F08080; color:#333; }
table#missionreports tr.issue td a { color:#333; }
table#missionreports tr.customer_feedback td { background:#FECB88; }
table#missionreports tr.status_changed td { background:#EEE; }

table#missionreports tr.red-true td { font-weight:normal; background:#FFF; color:#333; }
table#missionreports tr.red-true td a { font-weight:normal; background:#FFF; color:#333; }

table#missionreports tr.red-false td { font-weight:bold; }
table#missionreports tr.red-false td a { font-weight:bold; }


.mission_candidates tr.sent td,
.mission_candidates tr.interview_ongoing,
.mission_candidates tr.proposal_sent { background:#FECB88; }

.mission_candidates tr.withdrawn td,
.mission_candidates tr.refused td,
.mission_candidates tr.not_selected_by_recruiter td,
.mission_candidates tr.refused_before_interview td,
.mission_candidates tr.refused_after_interview td,
.mission_candidates tr.proposal_refused td,
.mission_candidates tr.fired td,
.mission_candidates tr.quit td,
.mission_candidates tr.withdrawn_before td,
.mission_candidates tr.withdrawn_after td { background: #CCC; }

.mission_candidates tr.accepted td,
.mission_candidates tr.hired td { background:#CFC; }

.feedback-links {
  display:none;
  width:600px;
  position:absolute;
  top:200px;
  left:30%;
  padding:30px;
  border:5px solid #999;
  background-color:#FFF;
}
.feedback-links textarea {
  width:100%;
  height:200px;
}
.feedback-close {
  float:right; width:30px;
}
.feedback-close a {
  font-size:20px; color:#000; text-decoration:none;
}
.feedback-comment { background-color:#EEE; }
.feedback-comment td { padding:20px; }
#feedbacks .feedback-green td { background:#CFC; }
#feedbacks .feedback-orange td { background:#FECB88; }
#feedbacks .feedback-red td { background:#F08080; color:#333; }


.popup {
  display:none;
  width:600px;
  position:absolute;
  top:200px;
  left:30%;
  padding:30px;
  border:5px solid #999;
  background-color:#FFF;
}
.popup-close {
  float:right; width:30px;
}
.popup-close a {
  font-size:20px; color:#000; text-decoration:none;
}

.toplinks { margin-bottom:1em }

#admin {
  background: #fff;
}

#admin .mobile-menu { display: none; }

#login { background-image: url('/images/login_desktop.jpg'); background-size: auto; }

#login #content { margin: 0px 0px; }

#login #languages { width: 90%; margin-top: 0px; }

#login #languages a {
  width: 32px;
  height: 32px;
  background-size: 100%;
}

#login .container { width: 50%; height: 475px; display: block; border: 0px none; position: absolute; background: transparent; }

#login h1 { font-size: 32px; margin-left: 10%; margin-top: 50px; color: #f88056; }

#login input { width: 80%; height: 50px; line-height: 50px; vertical-align: middle; font-size: 16px; padding: 0px 0px; text-indent: 10px; margin-left: 10%; margin-top: 15px; }

#login label { font-size: 14px; margin-left: 10%; margin-top: 15px; }

#login .checkbox, #login .choice { display: none; }

#login .brands {

  position: absolute;
  bottom: 25px;
  right: 25px;
  background-color: #fff;
  opacity: 0.8;
  width: 30%;

}

#login .brands .brand {

  position: relative;
  float: left;
  width: 33%;

}

#flash {
  width: calc(80% + 14px);
  margin: unset;
  margin-left: 10%;
  float: left;
}

#flash_error {
  margin: unset;
  padding: unset;
  height: 50px;
  line-height: 50px;
  text-indent: 10px;
  margin-top: 20px;
  margin-left: 30px;
}

#admin #menu {
  background: #FF5733;
}

#admin #menu ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

#admin #menu ul li {
  padding: 20px;
}

a.button, input[type="submit"] {
  background-color: #f88056;
  padding: unset;
  font-size: 14px;
  width: 200px;
  text-align: center;
  display: block;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
}

button {
  background-color: #f88056;
  padding: unset;
  font-size: 14px;
  width: 200px;
  text-align: center;
  display: block;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
}

.mission a.button, .mission input[type="submit"] {
  margin-right: 25px;
  margin-top: 0px;
  margin-bottom: 15px;
  float: left;
}

button {
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  float: left;
}


.sort.button {
  width: 125px;  
}


select {

  padding: unset;
  text-indent: 10px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  margin-left: 20px;
  min-width: 180px;

}


.mission .title { clear: both; }

.side-actions {

  float: right;
  display: block;
  width: 200px;

}

.search div:nth-child(2) label:nth-child(3), .search div:nth-child(2) label:nth-child(5), .search div:nth-child(3) label:nth-child(3), #bills-ctrl div:nth-child(1) label:nth-child(3), #bills-ctrl div:nth-child(1) label:nth-child(4),
#bills-ctrl div:nth-child(1) label:nth-child(5), #bills-ctrl div:nth-child(1) label:nth-child(6), #bills-ctrl div:nth-child(1) label:nth-child(7), #bills-ctrl div:nth-child(1) label:nth-child(9), #bills-ctrl div:nth-child(2) label:nth-child(6) { margin-left: 25px; }

.search input.text, .search input[type="text"] {
  margin-left: 20px;
}

#bills-ctrl h1, #missions-ctrl h1 { font-size: 24px; font-weight: bold; color: #f88056; margin-top: 15px; }

#new_bill ul li input[type="text"], [id^=edit_bill] ul li input[type="text"], #new_mission ul li input[type="text"], [id^=edit_mission] ul li input[type="text"] { width: 75%; max-width: 664px; height: 50px; line-height: 50px; vertical-align: middle; font-size: 16px; padding: 0px 0px; text-indent: 10px; margin-left: 0%; margin-top: 15px; margin-bottom: 15px; }

#new_bill ul li textarea, [id^=edit_bill] ul li textarea, #new_mission ul li textarea, [id^=edit_mission] ul li textarea { width: 100%; max-width: 664px; font-size: 16px; padding: 0px 0px; margin-left: 0%; margin-top: 15px; margin-bottom: 15px; }

#new_bill ul li input[type="checkbox"], [id^=edit_bill] ul li input[type="checkbox"], #new_mission ul li input[type="checkbox"], [id^=edit_mission] ul li input[type="checkbox"] {

  width: 30px;
  height: 30px;
  display: block;
  float: left;
  margin-right: 25px;
  margin-top: -8px;

}

#new_bill ul li select, [id^=edit_bill] ul li select, #new_mission ul li select, [id^=edit_mission] ul li select { width: 40%; height: 50px; line-height: 50px; vertical-align: middle; font-size: 16px; padding: 0px 0px; text-indent: 10px; margin-left: 0%; margin-top: 15px; margin-bottom: 15px; min-width: 200px; }

#new_bill ul li label, [id^=edit_bill] ul li label, #new_mission ul li label, [id^=edit_mission] ul li label { font-size: 14px; margin-left: 0%; margin-top: 15px; width: 20%; display: inline-block; min-width: 180px; }

#new_bill ul li label.desc, [id^=edit_bill] ul li label.desc, #new_mission ul li label.desc, [id^=edit_mission] ul li label.desc { float: left; margin-top: 25px; }

#new_bill fieldset legend, [id^=edit_bill] fieldset legend, #new_mission fieldset legend, [id^=edit_mission] fieldset legend, #new_bill legend, [id^=edit_bill] legend, #new_mission legend, [id^=edit_mission] legend {
  color: #f88056;
  margin-top: 25px;
  font-size: 20px;
  font-weight: bold;
}

#items ul li label { width: 100%; min-width: unset; }

#items ul li input[type="text"] { width: 100%; max-width: 600px; }

#new_bill ul li input[type="submit"], [id^=edit_bill] ul li input[type="submit"], #new_mission ul li input[type="submit"], [id^=edit_mission] ul li input[type="submit"] { width: 300px; }

#items a {
  background-color: #f88056;
  color: #fff;
  font-weight: bold;
  padding: unset;
  font-size: 14px;
  width: 180px;
  text-align: center;
  display: block;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  float: left;
}

#items select { min-width: 300px; text-align: left; }

#new_mission .button, [id^=edit_mission] .button { width: 300px; }

#candidate_search_button { margin-left: 200px; }

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

   html,body { width: 100%; height: 100%; display: block; }

   #candidate_search_button { margin-left: 0px; }

   #login { background-image: url('/images/login_mobile.jpg'); background-size: auto; }

   #login #content { margin: 0px 0px; }

   #login #languages { width: 90%; margin-top: 0px; }

   #login #languages a { width: 32px; height: 32px; background-size: 32px; }

   #login .container { width: 100%; height: 475px; display: block; border: 0px none; position: relative; }

   #login h1 { font-size: 24px; margin-left: 10%; margin-top: 50px; }

   #login input { width: 80%; height: 50px; line-height: 50px; vertical-align: middle; font-size: 16px; padding: 0px 0px; text-indent: 10px; margin-left: 10%; margin-top: 15px; }

   #login label { font-size: 14px; margin-left: 10%; margin-top: 15px; }

   #login .checkbox, #login .choice { display: none; }

   #login .brands {

     width: 100%;
     right: unset;

   }

   .prepend-1 { padding-left: 0px; }
   .append-1 { padding-right: 0px; }

   #admin #menu {

     display: none;
     margin-top: 80px;

   }

   #admin #submenu {

     display: none;
     margin-top: 0px;

   }

   #admin .mobile-menu {

     background-color: transparent;
     position: absolute;
     opacity: 1.0;
     margin-top: 0px;
     width: 10%;
     height: 80px;
     line-height: 80px;
     vertical-align: middle;
     font-size: 28px;
     right: 0px;
     display: block;
     z-index: 2000;

   }

   #admin .container { width: 100%; display: block; min-width: unset; }

   #intranet .container { width: 100%; display: block; min-width: unset; }

   #admin #content {

      margin-top: 80px;
      width: 80%;
      margin-left: 10%;

    }

    #main, #sidebar {

      width: 100%;
      min-width: 100%;

    }

    a.button, button {

      padding: unset;
      width: 100%;
      display: block;
      height: 50px;
      line-height: 50px;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;

    }

    select {

      padding: unset;
      text-indent: 10px;
      width: 100%;
      display: block;
      height: 50px;
      line-height: 50px;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;

    }

    .mission a.button, .mission input[type="submit"], button {

      margin-right: 0px;
      margin-top: 15px;
      margin-bottom: 15px;

    }

    .side-actions {

      width: 100%;

    }

    #admin .container input { width: 100%; height: 50px; line-height: 50px; vertical-align: middle; font-size: 16px; padding: 0px 0px; text-indent: 10px; margin-left: 0%; margin-top: 15px; margin-bottom: 15px; }

    #admin .container select { width: 100%; height: 50px; line-height: 50px; vertical-align: middle; font-size: 16px; padding: 0px 0px; text-indent: 10px; margin-left: 0%; margin-top: 15px; margin-bottom: 15px; }

    #admin .container label { font-size: 14px; margin-left: 0%; margin-top: 15px; }

    #show-all { float: left; }

    .contract_links { position: relative !important; top: 0px !important; right: 0px !important; }

    #flash {
      width: calc(80% - 10px);
      margin: unset;
      margin-left: 10%;
      float: left;
    }

    #flash_error {
      margin: unset;
      padding: unset;
      height: 50px;
      line-height: 50px;
      text-indent: 10px;
      margin-top: 20px;
      margin-left: 0px;
    }

    #admin #menu ul li, #admin #submenu ul li {
      padding: unset;
    }

    .missionreports {
      width: 100%;
    }

    .missionreport .missionreport-main {
      width: 90%;
    }

    .missionreportcomments form textarea {
      width: unset;
    }

    .search div:nth-child(2) label:nth-child(3), .search div:nth-child(2) label:nth-child(5), .search div:nth-child(3) label:nth-child(3), #bills-ctrl div:nth-child(1) label:nth-child(3), #bills-ctrl div:nth-child(1) label:nth-child(4),
    #bills-ctrl div:nth-child(1) label:nth-child(5), #bills-ctrl div:nth-child(1) label:nth-child(6), #bills-ctrl div:nth-child(1) label:nth-child(7), #bills-ctrl div:nth-child(1) label:nth-child(9), #bills-ctrl div:nth-child(2) label:nth-child(6) { margin-left: 0px; }

    #new_bill ul li label, #new_bill ul li input[type="text"], #new_bill ul li textarea, #new_bill ul li input[type="submit"], #new_bill ul li .button, [id^=edit_bill] ul li label, [id^=edit_bill] ul li input[type="text"], [id^=edit_bill] ul li textarea, [id^=edit_bill] ul li input[type="submit"], [id^=edit_bill] ul li .button { width: 100%; }
    #new_mission ul li label, #new_mission ul li input[type="text"], #new_mission ul li textarea, #new_mission ul li input[type="submit"], #new_mission ul li .button, [id^=edit_mission] ul li label, [id^=edit_mission] ul li input[type="text"], [id^=edit_mission] ul li textarea, [id^=edit_mission] ul li input[type="submit"], [id^=edit_mission] ul li .button { width: 100%; }

 }


font { font-family: "Roboto", sans-serif; }

font[size="8"] {
  font-size: 12px;
}

font[size="9"] {
  font-size: 14px;
}

font[size="10"] {
  font-size: 16px;
}

font[size="11"] {
  font-size: 18px;
}

font[size="12"] {
  font-size: 20px;
}

font[size="13"] {
  font-size: 22px;
}

font[size="14"] {
  font-size: 24px;
}

font[size="15"] {
  font-size: 26px;
}

font[size="16"] {
  font-size: 28px;
}

font[size="17"] {
  font-size: 30px;
}

font[size="18"] {
  font-size: 32px;
}

font[align="center"] {
  text-align: center;
}

font[align="left"] {
  text-align: left;
}

.lead { border: 1px solid #333; padding: 25px; background-color: #fafafa; margin-top: 25px; }

.lead .subject { font-weight: bold; }

.actions .btn-mini {
  background-color: #f88056;
  padding: unset;
  font-size: 14px;
  width: 150px;
  text-align: center;
  display: block;
  height: 25px;
  line-height: 25px;
  text-decoration: none; 
  float: left;
  border-radius: 4px;
  margin-right: 10px;
  color: #ffffff;
}

.profile-label {
  background-color: #fafafa;
  width: 30%;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  color: #696969;
  border-radius: 5px;
  font-size: 12px;
  border: 1px solid #fafafa;
  clear: both;
  float: left;
  margin-top: 10px;
}

.profile-field {
  background-color: #ffffff;
  width: 60%;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  color: #696969;
  border-radius: 5px;
  font-size: 12px;
  border: 1px solid #696969;
  float: left;
  margin-left: 1%;
  margin-top: 10px;
}

.profile-field-full {
  background-color: #ffffff;
  width: 88%;
  height: 300px;
  line-height: 30px;
  padding: 1%;
  color: #696969;
  border-radius: 5px;
  font-size: 12px;
  border: 1px solid #696969;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  overflow-y: scroll; scrollbar-color: #696969 #c0c0c0; scrollbar-width: thin;
}

.profile-cv {
  background-color: #f88056;
  width: auto;
  height: 20px;
  line-height: 20px;
  padding: 5px;
  color: #ffffff;
  border-radius: 5px;
  font-size: 12px;
  border: 1px solid #f88056;
  float: left;
  margin-top: 10px;
  margin-left: 1%;
  text-decoration: none;
}

.profile-mission {
  background-color: #f88056;
  width: auto;
  height: 20px;
  line-height: 20px;
  padding: 5px;
  color: #ffffff;
  border-radius: 5px;
  font-size: 12px;
  border: 1px solid #f88056;
  float: left;
  margin-top: 10px;
  margin-left: 1%;
  text-decoration: none;
}

.profile-note {
  background-color: #ffffff;
  width: 57%;
  height: 80px;
  line-height: 15px;
  padding: 10px;
  color: #696969;
  border-radius: 5px;
  font-size: 12px;
  border: 1px solid #696969;
  float: left;
  margin-left: 1%;
  margin-top: 10px;
}

.profile-comment {
  float: right;
  margin-right: 10%;
}