body {
	background: #0d3c55;
	min-width: 1410px;
}

.ui.container {
	margin: 37px 0 0 !important;
	background: #fff;
}

.ui.grid {
	margin: 0;
}

.text-center {
    text-align: center;
}

thead input {
	width: 100%;
	margin-top: 5px;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
}

#rangestart input, #rangeend input {
	width: 145px;
}

.dataTables_paginate {
	float: right;
}

#expensesTourForm .small.button {
	padding: .55em 1.0em .45em;
}

.ui.labeled.icon.button.filter {
	background-color: #fff;
	box-sizing: border-box;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
	font-weight: 400;
}

.ui.grid>.row>.sixteen.column {
	padding: 0;
}

#dashboard div.row:not(div.dt-table) {
	padding: 0;
    height: 0;
}

.dataTables_length div.dropdown {
	width: 55px;
}

table.dataTable.table thead th.sorting:after, table.dataTable.table thead td.sorting:after {
    color: #aaa;
}

@media only screen and (min-width: 1200px) {
    .ui.container {
		width: 100%;
	}

	.ui.content {
		min-height: 775px;
	}
}

@media only screen and (max-width: 1410px) {
    body {
		overflow-x: auto;
	}
}

@media only screen and (min-width: 1920px) {
	.ui.modal {
		width: 1150px;
	}
}

.wrapped{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  }

 .ui.column.grid>[class*="one wide"].column,
 .ui.grid>.column.row>[class*="one wide"].column, 
 .ui.grid>.row>[class*="one wide"].column,
 .ui.grid>[class*="one wide"].column {
    width: 10%!important;
}

#filter {
	max-width: 1400px;
}

#reports {
    margin: 1px 20px;
}

label.required:before {
    content: "* ";
}

.ui.pointing.menu .active.item:after {
    visibility: hidden;
}

.ui.segment {
    box-shadow: 0 1px 2px 0 #cabf8e;
    border: 1px solid #cabf8e;
}

.ui.tab.segment.noborder, .ui.segment.noborder {
	margin: 0;
	padding: 20px 0;
    border: none;
    box-shadow: 0 2px 2px -1px #cabf8e;
}

h1{
    text-align: center;
}

.red{
	color: red;
}

.redF{
	width: 100%;
	color: red;
	font-size: 1.15em;
}

.ui.table td.positive, .ui.table tr.positive {
    background: #f3ffd7!important;
}

.ui.selectable.table tr.positive:hover,
.ui.table tr td.selectable.positive:hover,
.ui.selectable.table tr:hover td.positive {
  background: #e7f9bd !important;
}

.ui.selectable.table {
    cursor: pointer;
}

.ui.selectable.table, .ui.tiny.header {
    cursor: default;
}

.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password],
.ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel],
.ui.form input[type=time], .ui.form input[type=file], .ui.form input[type=url], .ui.form input[type=number], .ui.selection.dropdown
{
	padding: 0.35em 0.5em;
}

#expenses .ui.input input  {
	padding: .27857143em 0.21em;
}

#expenses .selection.dropdown  {
	min-width: 125px;;
}

select.ui.dropdown {
	height: auto;
	padding: 0.27em 0.5em;
}
.ui.selection.dropdown
{
	min-height: 2.1em;
}
.ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon{
	padding: 0.5em;
}

.ui.dividing.header {
	border-bottom: 2px solid #cabf8e;
}

.ui.header.notfirst {
	margin: calc(1rem - .14285714em) 0 1rem;
}

.ui.header, .ui.header:first-child {
	margin: calc(1rem - .14285714em) 0 1rem;
}

.rightborder {
	border-right: solid 1px #cabf8e;
}

.ui.form .field :disabled {
	border: none;
	opacity: 0.8;
}

.ui.menu .active.item {
	background-color: #fcfbf6;
	border-bottom: 3px solid #2185D0;
}

.ui.tabular.menu .active.item, .ui.tabular.menu {
	padding-top: 1rem;
	border-color: #cabf8e;
}

.ui.calendar .ui.input input {
	padding-top: 0.35em;
	padding-bottom: 0.35em;
}

.lightgrey {
	background-color: #fdfdfd;
}

footer {
	padding-top: 3em;
    background: #125275;
}

footer .segment {
	height: 3.5rem;
	padding-top: 1em;
	background-color: #fff;
}

footer a {
	margin: 0 2em;
}

footer a:hover {
	color: #cabf8e;
}

.ui.menu:first-child {
	margin: 0;
	border-radius: unset;
}

.ui.menu:not(.vertical) a.hidden, .ui.inline.loader.active.hidden, .ui.grid>.column.hidden, #filter.hidden {
	display: none;
}

#reports .ui.grid {
	margin: 0;
}

#reports .ui.grid>* {
	padding-left:0;
}

.ui.compact.table td {
    padding: .2em .5em;
}

.ui.table,
.ui.form input:not([type]),
.ui.form input[type=text],
.ui.form input[type=email],
.ui.form input[type=search],
.ui.form input[type=password],
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=file],
.ui.form input[type=url],
.ui.form input[type=number] {
	font-size: .8em;
}

.ui.menu,
.ui.search,
.ui.dropdown .menu>.item,
.ui.calendar .ui.input input
 {
    font-size: .9rem;
}

/* data tables start */
.tableinfo {
	height: 1.8em;
	margin: 1em 0; 
}

.tableinfo_footer {
	height: 3.6em;
}

.tableinfo .dataTables_filter , 
.tableinfo .dataTables_info {
	float:left;
}

.tableinfo .dataTables_length, 
.tableinfo .dataTables_paginate {
	float:right;
}

.tableinfo .ui.dropdown .text,
.tableinfo .ui.form input[type=search] {
	margin-right: 1em;
	font-size: 1em;
}

.tableinfo label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.88em;
}

div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
	min-width: 3.5em;
}

.tableinfo .ui.selection.dropdown .menu>.item {
	font-size: 0.85em;
}

div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
	min-width: 3.5em;
}

.tableinfo .ui.input, div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
    margin: 0 1em;
}
/* data tables end */

#fileUpload, #fileUpload #file  {
	padding-bottom: 10px;
	width: 50%;
}

#vacationForm div.dropdown, #vacationFormManual div.dropdown,
#reassignVehicle .ui.selection.dropdown,
#reassignDriver .ui.selection.dropdown {
	width: 100%;
}

.ui.table td.active, .ui.table tr.active{
    background: #fff !important; 
}

.ui #selectVehicle div.dropdown {
	width: 100%;
}

.ui.table td.odoTable {
	padding:10px;
	text-align: center;
	font-size: 9pt;
}

.bold
{
	font-weight: bold;
}

.ui.floating.label {
    top: -0.5em;
    left: 95%;
}

.hide {
	display: none !important;
}

.ui.menu #company {
	margin:auto;
	color: #888;
}
.ui.menu #company:before {
    background: none;
}

.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
	background-color: #ccc;
}

#expensesTourForm p span,
#docketComplete p span,
#docket p span,
#violationsList p span,
#fileHistory p span {
	display: inline-block;
	width: 20px;
}

.ui.table thead th {
    background: #eee;
}

tr.cweek {
	text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    background: #f9f9f9;
}

tr.total, td.total {
    text-transform: uppercase;
    font-weight: 700;
    background: #f9f9f9;
}

#filter .dropdown {
	width: 100%;
}

.ui.attached.tabular.menu {
	padding-left: 2px;
}

.ui.attached:not(.message)+.ui.attached.segment:not(.top) {
	border: none;
}

.ui.form textarea {
	padding:0;
}

#expensesViewer .ui.grid>.column:not(.row) {
	padding-top:0;
	padding-bottom:0;
}

/* SVG start */
svg {
	display: block;
}
path, line {
	fill: none;
	stroke: black;
	stroke-dasharray: none;}

.axes, .xMarking {
	stroke-width: 2;
	stroke: black;}
.date {
	font-size: 1.1em;
	font-family: Arial;
	stroke: black;
	stroke-width: 0;}
.xN {
	stroke-width: 0;
	stroke: black;
	font-size: 1.2em;
	font-family: Arial;
	text-anchor: middle;}
.block0 {
	fill: rgb(104, 175, 104);
	stroke-width: 0;
	height: 10px}
.block1 {
	fill: rgb(165, 67, 67);
	stroke-width: 0;
	height: 20px;}
.block2 {
	fill: rgb(247, 247, 113);
	stroke-width: 0;
	height: 40px ;}
.block3 {
	fill: rgb(82, 82, 231);
	stroke-width: 0;
	height: 60px;}
.block4 {
	fill: rgb(243, 176, 117);
	stroke-width: 0;
	height: 10px;}
.blockNotInserted { 
	fill: rgb(211, 109, 255);
	stroke-width: 0;}
.blockIntercalendary {
	fill: rgb(255, 106, 200);
	stroke-width: 0;}
.rest {
	fill: rgb(134, 235, 134);
	stroke-width: 0;}
.red {
	fill: red;
	stroke-width: 0;}
.vRed {
	fill: #db0808;
	stroke-width: 0;
	font-size:1.2em;}
.wvRed {
	fill: #e21212;
	stroke-width: 0;}
.dvRed {
	fill: #ff5e5e;
	stroke-width: 0;}
.avOr {
	fill: #ffb24a;
	stroke-width: 0;
}
.restLine {
	stroke: rgb(255,0,0);
	stroke-width: 1;
}
.team {
	fill: silver;
	stroke-width: 0;
	height: 10px;}
.attest {
	fill: #d9db5e;
	stroke-width: 0;
}
.kw {
	fill: whitesmoke;
}
.kwText {
	font-size: 2em;
}

/*	SVG end	*/



text {
	color: black;
	font-size: 0.6em;
	font-family: Arial;
	stroke: black;
	stroke-width: 0;
	background-color: white;}


rect,text {	stroke-width: 0;}
.d1{fill:YellowGreen;}
.d2{fill:Orange;}
.d3{fill:Teal;}
.d4{fill:Sienna;}
.d5{fill:Aquamarine;}
.d6{fill:Olive;}
.d7{fill:Tan;}
.d8{fill:Orchid;}
.d9{fill:PaleGoldenrod;}
.d10{fill:SteelBlue;}
.d11{fill:Wheat;}
.d12{fill:Turquoise;}
.d13{fill:Pink;}
.d14{fill:SkyBlue;}
.d15{fill:SlateBlue;}
.d16{fill:SlateGray;}
.d17{fill:SandyBrown;}
.d18{fill:SpringGreen;}
.d19{fill:RosyBrown;}
.d20{fill:RoyalBlue;}
.d21{fill:Purple;}
.d22{fill:Plum;}
.d23{fill:Peru;}
.d24{fill:PaleVioletRed;}
.d25{fill:Thistle;}
.d26{fill:OliveDrab;}
.d27{fill:Salmon;}
.d28{fill:NavajoWhite;}
.d29{fill:Navy;}
.d30{fill:MediumVioletRed;}
.d31{fill:MediumSlateBlue;}
.d32{fill:LimeGreen;}
.d33{fill:LightPink;}
.d34{fill:Khaki;}
.d35{fill:Lavender;}
.d36{fill:Gray;}
.d37{fill:Green;}
.d38{fill:Gold;}
.d39{fill:Brown;}
.d40{fill:DarkOrange;}

.gr{fill:lightgray;}
.rd{fill:red;}

/*vehicle completeness start*/
table#completeness{
width:1200px;
}
table#completeness td {
	border-collapse: collapse;
	border: 4px solid white;
}
table#completeness td:hover {
	opacity: 0.5;
}
.compl_green {
	background-color: green;
	width: 35px;
}
.compl_orange {
	background-color: orange;
	width: 35px;
}
.compl_yellow {
	background-color: yellow;
	width: 35px;
}
.compl_grey {
	background-color: grey;
	width: 35px;
}
.compl_red {
	background-color: red;
	width: 35px;
}
#completeness .circle{
	background-color:blue;
	display:block;
	height:10px;
	width:10px;
	border-radius:50%;
	margin:auto;
}
/*vehicle completeness end*/

#uploadField
{
	width: 600px;
	height: 300px;
	overflow-y: scroll;
}

.fileElement
{
	padding: 8px 8px 8px 0;
}