html, body {
    background-color: #f6f6f6;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

#content {
	top: 1em;
	padding-left: 2.5em;
	padding-right: 3em;
}

#computersidebar {
	position: fixed;
	top: 0.6em;
	left: 0;
	padding: 0;
	bottom: 0;
	background-color: #FFF;
	width: 100%;
}

#mobiletabletsidebar .item, #computersidebar .item {
    padding: .8em;
    white-space: nowrap;
}

#mobiletabletsidebar div.item div.menu a.item, #computersidebar div.item div.menu a.item {
 	padding-left: 24px !important;
}

#mobiletabletsidebar .ui.vertical.menu .item.chapter:before, #computersidebar .ui.vertical.menu .item.chapter:before {
    height: .4em;
}

#mobiletabletsidebar .ui.vertical.menu .item.chapter, #computersidebar .ui.vertical.menu .item.chapter {
    padding-top: 1.1em;    
}

#simplefluid {
	height: 100%;
	border-bottom: 0 none !important;
	box-shadow: none;
}

.clearsidebar {
	margin-top: 40px;
}

.simpleaccordion {
  padding: unset !important; }

.titleaccordion {
  padding: 14px 16px !important; }

.contentaccordion {
  padding: 0px 0px !important; }

#computersidebar .item.disabled {
    text-decoration: line-through;
}

.ui.segment.uploading {
    background-color: #e5e5e5;
}

.ui.text.container .ui.message {
	font-size: 90% !important;
}

.ui.form input, .ui.form select, .ui.form textarea, .ui.form div.dropdown {
	font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
	padding: .4em !important;
	min-height: 2em !important;
}

.ui.form .ui.left.icon.input input {
    padding-left: 2.5em !important;
}

.ui.form div.dropdown {
    padding: .5em !important;
}

.ui.form .fields, .ui.form .field {
	margin-bottom: .7em;
}

.ui.form .fields:last-child, .ui.form .field:last-child {
    margin-bottom: 0;
}

.ui.form .field .ui.accordion .title {
	padding: 0 !important;
	display: block;
	color: rgba(0,0,0,.87);
	font-size: .92857143em;
	font-weight: 700;
	text-transform: none;
}

.ui.fluid.multiple.dropdown {
	padding: 1px 2px !important;
}

.ui.fluid.multiple.dropdown .menu {
    max-height: none !important;    
}

.ui.fluid.multiple.dropdown div.item {
	padding: .4em 1em !important;
}

label {
	margin: 0 0 .1em 0 !important;
}

div.inline.fields label {
    margin: 0 1.5em .1em 0 !important;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.less-important {
	font-style: italic;
	color: rgba(45,45,45,.4);
}

li.less-important, td.less-important {
    font-style: normal !important;
}

.ui.header:first-child {
    margin-top: -0.14285714em;
}

div.header.item, a.header.item {
	padding: .3em 1em !important;
}

.ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon,
	.ui.selection.dropdown>.search.icon {
	padding: .7em;
}

div.field div.boolean {
	margin-top: 6px !important;
}

div.fields div.boolean label {
    margin-bottom: .4em !important;
}

span.vertical-divider, div.vertical-divider {
	border-left: 1px solid rgba(34,36,38,.15);
    border-right: 1px solid rgba(255,255,255,.1);
    margin-left: 10px;
    margin-right: 10px;
    display: inline;
}

.ui.navbar.menu {
	border-bottom: 1px solid rgba(34, 36, 38, .15);
}

.ui.navbar.menu .ui.dropdown .menu>.item {
	font-size: .9em !important;
}

.navactive {
 	background: rgba(0,0,0,.05) !important;
}

body>.ui.container {
	margin-top: 4.4em;
	padding-left: 3em;
	padding-right: 3em;
}

.header i.pull-right.icon {
	font-size: 80% !important;
	vertical-align: text-top !important;
	display: inline !important;
	float: right;
}

.sub.header .icon.button {
	padding: .4em .4em .5em .4em !important;
}

.ui.list .icon.button {
	padding: .3em .3em .3em .3em !important;
	font-size: 80% !important;
	margin-left: .5em;
}

.helper.modal a:after {
	content: " →";
    display:inline-block;
}

.ui.segment .ui.list {
    margin-bottom: 0;
}

/* Datatables */

.ui.table tr.selected {
    background-color: #fff1ce;
}

.ui.compact.table > tr > td, .ui.compact.table > tbody > tr > td, .ui.compact.table > tfoot > tr > td {
	padding: 0 .7em;
}

.ui.compact2.table > tr > td, .ui.compact2.table > tbody > tr > td, .ui.compact2.table > tfoot > tr > td {
    padding: .2em .7em;
}

.ui.table td .ui.icon.button, .ui.table th .ui.icon.button {
	padding: .7em .7em .9em;
}

.ui.compact.table td .ui.icon.button {
	padding: .5em;
	margin-bottom: .5em;
	margin-top: .5em;
}

.ui.very.basic.compact.table td .ui.icon.button {
    margin-bottom: 0;
    margin-top: 0;
}

.ui.inverted.menu .item {
	color: #fff;
}

.ui.popup {
    max-width: 330px;
}

.ui.time .ui.popup {
	max-width: 310px;
}

.centered.row .button {
	margin-bottom: .3em;
}

.ui.heavy.divider {
    border-top: 0 !important;
    border-bottom: 2px solid rgba(34,36,38,.15) !important;
}

.ui.form .computed.field>label:after {
	margin: -.4em 0 0 .2em;
	content: '#';
	color: #21ba45;
	display: inline-block;
	vertical-align: top;
	font-size: 80%;
}

table.mission tr {
    font-size: 95%;
}

table.mission td {
    padding: 5px 7px !important;
}

table.mission td.buttons {
	padding-top: 0 !important;
}

td.disabled, .header.striked, div.striked, a.striked {
	text-decoration: line-through !important;
}

td.dataTables_empty {
    padding: 1em !important;
}

table.mission thead tr {
    background-color: #EEE;
    height: 36px;	
}

table.mission thead tr th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

table.mission tr.rdv, table.mission tr.point {
	height: 24px;
}

table.mission tr.rdv {
	background-color: rgba(33, 133, 208, 0.15);
}

table.mission .inline.input input {
	border-width: 0;
	border-radius: 0;
	padding: 0;
	cursor: pointer;
}

.table:not(.nodbl) tbody tr {
	cursor: pointer;
}

div.dataTables_wrapper div.dataTables_filter input {
	outline: 0;
	-webkit-appearance: none;
	tap-highlight-color: rgba(255,255,255,0);
	line-height: 1.21428571em;
	padding: .67857143em 1em;
	font-size: 1em;
	background: #fff;
	border: 1px solid rgba(34,36,38,.15);
	color: rgba(0,0,0,.87);
	border-radius: .28571429rem;
	-webkit-box-shadow: 0 0 0 0 transparent inset;
	box-shadow: 0 0 0 0 transparent inset;
	-webkit-transition: color .1s ease,border-color .1s ease;
	transition: color .1s ease,border-color .1s ease;
	min-width: 210px;
}

.ui.fileItems.grid {
    padding: 1em 1em 0 !important;
    margin-bottom: 0;
}

div.fileItem {
    padding: .2em 0 !important;
    vertical-align: text-top;
    line-height: 32px;
    width: 50%;
}

div.eight.wide.column div.fileItem {
    width: 100%;
}

div.fileItem img {
    vertical-align: middle;
}

div.fileItem .menu .item {
    font-size: 100% !important;
}

div.fileItem .menu .item .icon {
    font-size: 1rem !important;
}

.gpsImprecise.text {
	margin-top: 3px;
	color: rgba(34,36,38,.50);
	font-size: 80%;
}

.subform .header {
	margin: -4px 0 3px !important;
}

.ui.modal .actions>.button {
    margin-left: 0 !important;
}

.highlight, .field.highlight label {
	color: #f2711c !important;
	font-weight: bold;
}

.highlight.road {
    color: #3ED03E !important;
    font-weight: bold;
}

.highlight.red {
    color: red !important;
}

.highlight.green {
    color: green !important;
}

.highlight.yellow {
    color: #eaae00 !important;
}

div.editable, td.editable {
    position: relative;
    cursor: pointer;
}

div.editable i.pencil.icon, td.editable i.pencil.icon, div.editable i.times.icon, td.editable i.times.icon {
    position: absolute;
    top: 1px;
    right: -7px;
    color: #e6e6e6;
    font-size: 75%;
    display: none;
}

div.editable:hover i.pencil.icon, td.editable:hover i.pencil.icon, div.editable:hover i.times.icon, td.editable:hover i.times.icon {
    display: block;
}

td.noValue {
	color: #d0d0d0;
}

.ui.modal .ui.form {
	margin-bottom: 0 !important;
}

p.small.text {
    color: #a9a9a9;
    font-size: 90%;
    margin: 0 !important;
}

.tiny.results {
	width: 20em !important;
}

.tiny.results a.result {
	padding: .5em .5em .3em .5em !important;
}

.tiny.results a.result:last-child {
    padding-bottom: .5em !important;
}

.ui.tokenfield input {
	border-width: 0 !important;
}

.ui.tokenfield:focus {
	border-color: #85b7d9 !important;
}

.ui.search>.tiny.results .result .title {
    font-weight: 100 !important;
}

.ui.fixed.navbar.menu .item span.content {
    transition: opacity .3s ease-out;
    opacity: 0; 
    width: 0;
    height: 0;
    overflow: hidden;
}

.ui.fixed.navbar.menu .item:hover span.content {
	transition: opacity .3s ease-out;
    opacity: 1;
    width: auto;
    height: auto;
}

.ui.header:last-child {
    margin-bottom: 1rem !important;
}

.dtgrid div.row:first-child, .dtgrid div.row:last-child {
    padding: .8em 0;
}

.dtgrid div.row:first-child a.small.button {
    margin: 0;
}

div.dataTables_length, div.dataTables_info {
	display: inline;
	color: rgba(0,0,0,.6) !important;
}

div.dataTables_length .ui.dropdown {
	line-height: .4em;
	min-height: 2em;
	padding-left: .5em;
	padding-right: 2em;
	color: rgba(0,0,0,.6) !important;
	margin-left: .3em;
}

div.dataTables_length .ui.dropdown > .dropdown.icon {
	padding: .6em .4em !important;
}

.ui.pagination.menu {
    min-height: 1em !important;
}

.ui.pagination.menu .item {
    padding: .8em !important;
    min-width: 2.4em;
}

#daterange {
    padding: .4em !important;
}

.ui.dashboard.grid .row:first-child .ui.right.floated.segment {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

.ui.dashboard.grid .row:first-child .ui.left.floated.segment {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}

.ui.compact.table input {
	min-height: 2.2em !important;
	height: 2.2em;
	margin-top: 0;
	margin-bottom: 0;
	border-width: 0;
    background-color: rgba(229,247,255,.5);
    border-radius: 0;
}

.ui.compact.table textarea, .ui.compact.table input:focus {
    border-width: 0;
    background-color: rgba(229,247,255,.5);
}

.ui.compact.table tr.empty input {
	color: rgba(0,0,0,.3);
	padding: 1px;
}

.ui.table tr.empty {
    color: rgba(0,0,0,.3);
}

.ui.compact.table input:read-only {
    background-color: rgba(255,255,255,0) !important;
}

.ui.compact.table tr td.text {
    min-height: 2.2em !important;
    height: 2.2em;
}

.ui.compact.table td.xs-field span {
    font-size: 80%;
    color: #999999;
}

.ui.compact.table td.xs-field input {
    font-size: 100%;
    padding: .2em !important;
    height: 1.8em !important;
    min-height: 1.8em !important;
    text-align: center;
}

.ui.selectable.table .ui.checkbox {
    min-width: 13px;
    min-height: 13px;
    width: 13px;
    margin-right: 1em;
}

.ui.table .inline.field .ui.checkbox {
    width: 100%;
}

.ui.quote.table td {
	padding: .3em;
}

.ui.quote.table tr.empty td {
    color: rgba(0,0,0,.3) !important;
}

.dt-buttons {
    margin-right: 10px !important;
}

.dt-buttons button {
	padding: .55em !important;
}

/* Menu on PDF export */

.context.menu {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 200px;
}

.context.menu a:first-child .icon:after {
    content: url('/dispatching/assets/img/pointer.png');
    position: relative;
    display: inline;
    left: 30px;
    top: -12px;
}

.configuration.dashboard .ui.segment {
	min-width: 140px;
}

.very.basic.compact.table tr th, .very.basic.compact.table tr td {
	padding: .3em !important;
}

div.dataTables_filter label {
    vertical-align: top;
}

div.dataTables_filter label i.icon {
    vertical-align: top;
    margin-top: 7px;
}

div.dt-buttons {
    float: none !important;
}

tr.disabledModel td, span.disabled, td.disabled {
    color: rgba(40,40,40,.3);
    text-decoration: line-through;
}

tr.disabledModel td.negative {
    text-decoration: none;
}

tr.disabledModel td > a {
    color: #CCCCCC !important;
}

tr.disabledModel td.noStrike, tr.disabledModel td > i {
    color: #CCCCCC !important;
    text-decoration: none !important;
}

div:target {
  position: relative;
  top: -90px;
}

#invoiceName .results {
    width: 100% !important;
}

.clickpopup {
    cursor: pointer;
}

.boolean.field .ui.checkbox{
    margin-top: 2px !important;
}

.ui.header .icon.button {
    padding: .4em;
    margin-right: 0;
}

p.helper {
    font-size: 90%;
    color: #AAA;
}

.ui.dropdown > .remove.icon {
    padding: .7em;
}

.ui.very.compact.table tr th {
    white-space: nowrap;
    font-size: 88%;
    padding: .3em .2em !important ;
}

.ui.very.compact.table tr td {
    white-space: nowrap;
    font-size: 88%;
    padding: 0 .2em !important ;
}

.ui.very.compact.table td .ui.icon.button {
    margin: 0 !important;
}

#showmobiletabletsidebar {
    display: none;
}

@media only screen and (max-width: 600px) {
    h2.ui.dividing.header span {
        display: none !important;
    }
    button {
        margin-bottom: .3em !important;
    }
    .ui.fixed.blue.menu .header.logo, .ui.fixed.blue.menu > .item > span, .ui.fixed.blue.menu .right > .item > span {
        display: none;
    }
    .ui.fixed.blue.menu > a.item[href^="/dispatching/Calendar/display"] {
        display: none;
    }
    #showmobiletabletsidebar {
        display: block;
    }
}

@media only screen and (max-width: 800px) {
    .ui.fixed.blue.menu .header.logo {
        display: none;
    }
    #showmobiletabletsidebar {
        display: block;
    }
    #navbarSearch {
        width: 130px;
    }
}

.ui.dividing.header .yellow.star.icon {
	float: left;
	font-size: 84%;
}

span.unknown.hour {
	opacity: 0.3;
}

.ui.bottom.right.toast-container {
	margin-bottom: 70px;
	margin-right: 20px;
}

.ui.header {
	margin-top: -0.14285714em;
}

.ui.dividing.header .sub.header.icons {
	float: right; padding: 0 0 0 .5em; margin-top: -8px;
}

.ui.very.compact.table tr td.dataTables_empty { padding: 10px !important; }

.table th .ui.button { background: white; }

.ui.list li .ui.pointing.dropdown {
	vertical-align: bottom;
}

.multiple.icons {
	vertical-align: middle;
	margin-right: 9px;
	margin-left: 4px;
}

.multiple.icons .corner.icon { 
	font-size: 1em;
	right: -7px;
	bottom: -9px;
}

.ui.error.message.inline {
    padding: .1em .3em;
    font-size: 88%;
}

th.rotate {
  height: 140px;
  white-space: nowrap;
  width: 16px;
}

th.rotate > div {
  transform: translate(0, 51px) rotate(-90deg);
  width: 16px;
}

.nowrap {
  white-space: nowrap;
}

.ui.table.segment {
  position: relative;
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0;
  padding: 0;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.scrollable.segment {
  overflow: auto;
  max-height: 100%;
}

div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
  min-width: 5em !important;
}

/* https://github.com/usablica/intro.js/issues/2081 */
.introjs-tooltipReferenceLayer {
    visibility: visible !important;
}

.introjs-tooltip {
    max-width: 400px !important;
    width: 400px !important;
}

.introjs-large {
    max-width: 600px !important;
    width: 600px !important;
    left: -300px;
}

.field.readOnly input {
    cursor: not-allowed;
}

.segment div.floating.header {
    position: absolute;
    top: -9px;
    right: 15px;
    background-color: #E8E8E8;
    color: rgba(0, 0, 0, 0.6);
    font-weight: bold;
    font-size: 90%;
    padding: 1px 5px;
    border-radius: 3px;
}

.field.superUser:not(.disabled) input, .field.superUser:not(.disabled) .ui.checkbox label:before, .field.superUser:not(.disabled) .dropdown {
    border-color: #DB2828 !important;
}

.field.superUser:not(.disabled) .checkbox label {
    color: #DB2828 !important;
}

.ui.fade.animated.button:hover .hidden.content {
    display: inline;  
}

div.ui.secondary.floating.menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

body.empty table.mission td, body.public table.mission td {
    padding: .6em !important;
    line-height: 1.4em;
}

body.empty table.mission td i.icon, body.public table.mission td i.icon {
    margin: .2em;
}

body.empty .blue.menu a, body.public .blue.menu a {
    text-decoration: underline !important;
}