body {
    background: rgb(29, 116, 193);
}

#logo {
    margin: 1em auto;
    text-align: center;
}
#logo img {
    width: 600px;
}
#title {
    margin: .5em auto;
    text-align: center;
}
#title img {
    width: 400px;
}

.styledTitle {
    font-family: "Modak", "Lato", system-ui;
    color: #FBBC3B;
    -webkit-text-stroke: 1px #654E3C;
}

#navMenu .item {
    color: white !important;
    font-weight: bold;
}

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

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

.ui.right.floated.basic.button {
    padding: .5em;
}

.ui.xmini.icon.button {
    font-size: .7em !important;
    padding: .4em !important;
    background-color: white;
}

.ui.selection.list .selected.item {
    background-color: #FCFFF5;
}

.ui.list > .item .header {
    margin-bottom: .3em; 
}

i.flag {
  margin-right: .3em !important;
  margin-left: .3em !important;
}

.ui.styled.accordion .accordion>.title, .ui.styled.accordion>.title {
    border-top: 3px solid rgba(34,36,38,.15);
}

.title .ui.horizontal.label, .title .ui.horizontal.labels .label {
    margin-top: -.3em;
}




/* Datatables */

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

div.centered.content {
  font-size: 1.1em !important;
}

.ui.compact.table > thead > tr > th {
    padding: .5em !important;
    background-color: #EEEEEE;
}

.ui.compact.table > tr > td, .ui.compact.table > tbody > tr > td, .ui.compact.table > tfoot > tr > td {
    padding: .1em .5em;
    font-size: .9em;
}

.ui.table td .ui.mini.button, .ui.table th .ui.mini.button {
    padding: .4em .7em .6em;
}

.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: 90%;
}

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

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

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.form .field > label {
    margin-bottom: 0 !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.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;
}


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


.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: .5em .5em .5em 0;
    color: #DB2828;
    font-size: 130%;
}

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

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


div.dataTables_length, div.dataTables_info {
    display: inline;
    color: rgba(0,0,0,.6) !important;
    margin-left: .5em;
}

div.dataTables_length .ui.dropdown, div.dataTables_wrapper .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;
}

.centered.content p {
    text-align: center;
}

@media only screen and (max-width: 1200px) {
    #logo img {
        width: 400px;
    }
    #title img {
        width: 300px;
    }
    .ui.secondary.menu .item {
        width: 40px;
        white-space: nowrap;
        overflow: hidden;
        color: #FFCC9A;
    }
    .ui.secondary.menu .active.item {
        color: rgba(0, 0, 0, 0.05);
    }
    .ui.secondary.menu .item i.icon {
        color: black;
    }
    .ui.horizontal.label {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    #logo img {
        width: 220px;
    }
    #title img {
        width: 180px;
    }
}

ui.header > .icons, .ui.header > i.icon {
  display: inline-block;
  font-size: inherit;
  padding-top: 0;
  vertical-align: inherit;
  margin-left: .5em;
}

.less-important {
  margin: 0;
  font-size: 88%;
  color: #C1C1C1;
  font-style: italic;
}

.ui.styled.accordion.segment {
    padding: 0;
    margin-bottom: 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.list > .item > i.icon {
    display: inline;
}

.bold {
    font-weight: bold;
}

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