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

/* Firefox fix #173 */
.ui.grid {  margin-top: -.8rem !important;  }

.hide {
    display: none !important;
}

#content {
	top: -.5em;
	padding-left: 3em;
	padding-right: 3.5em;
}

#computersidebar {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	bottom: 0;
	background-color: #FFF;
}

#computersidebar .item div.content .item {
 	padding-left: 24px !important;
}

#computersidebar .item em.small {
	float: right;
	font-size: 1em;
}

#computersidebar .item i.icon {
    font-size: 1.22em;
}

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

.clearsidebar {
	margin-top: 40px;
}

.scrollable {
  overflow-y: auto;
  overflow-x: hidden; }
  
.hidden {
  display: none; }

.simpleaccordion {
  padding: unset !important; }

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

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

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

input::-webkit-contacts-auto-fill-button {
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	position: absolute;
	right: 0;
}

.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.form .field.readOnly input {
    cursor: not-allowed;
}

.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;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

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

.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;
}

.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: .3em .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;
}

.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, td.striked {
	text-decoration: line-through;
}

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

.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 {
	color: #f2711c !important;
	font-weight: bold;
}

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

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

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

div.editable i.pencil.icon, td.editable i.pencil.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 {
    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;
}

div.dataTables_info {
	font-size:medium;
 }


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 tr td.text {
    min-height: 2.2em !important;
    height: 2.2em;
}

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

.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 */

#contextMenu {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 200px;
}

#contextMenu 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;
}

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;
}

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

.ui.table tbody tr.disabledModel td > i.icon, .ui.table tr.disabledModel td a:not(.button) {
    color: rgba(40,40,40,.3) !important;
    text-decoration: none;
}

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;
}

#showmobiletabletsidebar {
    display: none;
}

@media only screen and (max-width: 600px) {
    #freshworks-container {
        display: none;
    }
    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;
    }
    #navbarSearch {
        width: 130px;
    }
}
@media only screen and (max-width: 800px) {
    .ui.fixed.blue.menu .header.logo {
        display: none;
    }
    #showmobiletabletsidebar {
        display: block;
    }
    #navbarSearch {
        width: 130px;
    }
}

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

.ui.fixed.labels.item.list .ui.fixed.label {
    width: 10rem;
}

.dataTables_filter .grey.search.icon {
    margin-top: 11px;
}

.ui.progress { 
    margin: 0;
}

.ui.table thead th > i.icon, .ui.table tbody td > i.icon {
    margin: 0;
}

.ui.form .field.positive label {
    color: #16ab39;    
}

.ui.labels.item.list > .item > i.icon {
    display: inline;
    margin-left: .2em; 
}
  
.ui.form .fields a.basic.button {
    margin-top: 1.4em;
    padding: .6em;
}

.productTourMain {
    width: 600px !important;
}

.ui.raised.raised.card, .ui.raised.raised.card:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}

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

#filter .cell:not(.active) {
    background-color:  #F3F3F3 !important;
}

.ui.table tr.white:not(.marked), .ui.table td.white:not(.marked) {
    background: #FFFFFF;
    color: rgba(0, 0, 0, 0.95);
    border: 1px solid #F3F3F3;
    border-right: none;
}

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

.life.ring.icon {
    top: 1em !important;
    padding-left: 1.5em !important;
    padding-right: 2em !important;
}
 
div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info {
    display: inline;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 90%;
    color: rgba(45,45,45,.4);
    margin-left: 10px;
    vertical-align: unset;
    position: absolute;
    top: -10px;
}

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

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