/* Import differences */
html .materialize-red.lighten-2 {
    background-color: #6D0012!important;
}
html .materialize-red-text.text-lighten-2 {
    color: #6D0012!important;
}
html .materialize-red.lighten-1 {
    background-color: #DA4F61!important;
}
html .materialize-red-text.text-lighten-1 {
    color: #DA4F61!important;
}
html .materialize-red {
    background-color: #A31637!important;
}
html .materialize-red-text {
    color: #A31637!important;
}
html .materialize-red.darken-2 {
    background-color: #DA4F61!important;
}
html .materialize-red-text.text-darken-2 {
    color: #DA4F61!important;
}
html .materialize-red.darken-4 {
    background-color: #6D0012!important;
}
html .materialize-red-text.text-darken-4 {
    color: #6D0012!important;
}
html .red.lighten-2 {
    background-color: #A31637!important;
}
html .red-text.text-lighten-2 {
    color: #A31637!important;
}
html .red.lighten-1 {
    background-color: #A31637!important;
}
html .red-text.text-lighten-1 {
    color: #A31637!important;
}
html .red {
    background-color: #DA4F61!important;
}
html .red-text {
    color: #DA4F61!important;
    fill: #DA4F61!important;
}
html .grey.lighten-1 {
    background-color: #DADDDF!important;
}
html .grey-text.text-lighten-1 {
    color: #DADDDF!important;
}
html .grey {
    background-color: #465661!important;
}
html .grey-text {
    color: #6B7881!important;
}
html .grey.darken-1 {
    background-color: #465661!important;
}
html .grey-text.text-darken-1 {
    color: #465661!important;
}
html .black-text {
    fill: #000!important;
}
html .white-text {
    fill: #fff!important;
}
html html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: normal;
}
html audio, html canvas, html progress, html video {
    vertical-align: baseline;
}
html h1 {
    font-size: 2.5rem;
}
html pre {
    -webkit-overflow-scrolling: touch;
}
html button, html input, html optgroup, html select, html textarea {
    font: inherit;
    margin: 0;
}
html button {
    -webkit-overflow-scrolling: touch;
}
html html input[type="button"], html button, html input[type="reset"], html input[type="submit"] {
    cursor: pointer;
}
html input {
    padding-left: 2px!important;
}
html input[type="checkbox"], html input[type="radio"] {
    padding: 0;
}
html input[type="search"] {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
html legend {
    padding: 0;
}
html textarea {
    -webkit-overflow-scrolling: touch;
}
html .z-depth-1, html nav, html .card-panel, html .card, html .toast, html .btn, html .btn-large, html .btn-floating, html .dropdown-content, html .collapsible, html .side-nav {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
html blockquote {
    border-left: 5px solid #A31637;
}
html i.small {
    font-size: 1.6rem;
}
html .pagination li a {
    color: #465661;
}
html .pagination li.active {
    background-color: #A31637;
}
html footer.page-footer {
    background-color: #A31637;
}
html table.striped > tbody > tr:nth-child(odd) {
    background-color: #DADDDF;
}
html table.highlight > tbody > tr:hover {
    background-color: #DADDDF;
}
html @media only screen and (max-width:992px) {
    table.responsive-table tbody {
    -webkit-overflow-scrolling: touch;
}
}
html .collection .collection-item.active {
    background-color: #A31637;
}
html .collection a.collection-item {
    color: #A31637;
}
html .secondary-content {
    color: #A31637;
}
html span.badge {
    color: #465661;
}
html span.badge.new {
    background-color: #A31637;
}
html .progress .determinate {
    background-color: #A31637;
}
html .progress .indeterminate {
    background-color: #A31637;
}
html [class^="mdi-"], html [class*="mdi-"] {
    -webkit-font-smoothing: antialiased;
}
html nav {
    background-color: #A31637;
}
html nav .button-collapse i {
    font-size: 2rem;
}
html h2 {
    font-size: 2.1rem;
}
html h3 {
    font-size: 1.7rem;
}
html h4 {
    font-size: 1.4rem;
}
html h5 {
    font-size: 1.2rem;
}
html .card {
    margin: 1rem 0 0.5rem;
}
html .card .card-title {
    font-size: 20px;
}
html .card .card-content {
    padding: 10px;
}
html .card .card-content .card-title {
    line-height: 38px;
}
html .card .card-action {
    border-top: 0;
    padding: 10px;
}
html .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
    color: #DA4F61;
}
html .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {
    color: #6d0012;
}
html .card .card-reveal {
    -webkit-overflow-scrolling: touch;
}
html .tabs {
    -webkit-overflow-scrolling: touch;
    background-color: white;
}
html .tabs .tab a {
    color: #DA4F61;
}
html .tabs .tab a:hover {
    color: #A31637;
}
html .tabs .tab.disabled a {
    color: #fff;
    cursor: default!important;
}
html .tabs .indicator {
    background-color: #DA4F61;
}
html .btn, html .btn-large {
    background-color: #A31637;
}
html .btn:hover, html .btn-large:hover {
    background-color: #6d0012;
}
html .btn-floating {
    background-color: #A31637;
}
html .btn-floating:hover {
    background-color: #A31637;
}
html .dropdown-content {
    -webkit-overflow-scrolling: touch;
}

html .dropdown-content @media only screen and (max-width:992px) {
    overflow-y:scroll !important;
}

html .dropdown-content li > a, html .dropdown-content li > span {
    color: #A31637;
}
html .modal {
    -webkit-overflow-scrolling: touch;
}
html .modal.modal-fixed-footer .modal-content {
    -webkit-overflow-scrolling: touch;
}
html button:focus {
    background-color: #A31637;
}
html label {
    color: #6B7881;
    line-height: normal;
}
html :-moz-placeholder {
    color: #d1d1d1;
}
html ::-moz-placeholder {
    color: #d1d1d1;
}
html input:not([type]), html input[type=text], html input[type=password], html input[type=email], html input[type=url], html input[type=time], html input[type=date], html input[type=datetime-local], html input[type=tel], html input[type=number], html input[type=search], html textarea.materialize-textarea {
    border: thin ridge #d3d3d3;
    border-radius: 3px;
    height: 2rem;
    margin-top: 15px;
    margin-bottom: 0;
    box-sizing: border-box;
}
html input:not([type]):disabled, html input:not([type])[readonly="readonly"], html input[type=text]:disabled, html input[type=text][readonly="readonly"], html input[type=password]:disabled, html input[type=password][readonly="readonly"], html input[type=email]:disabled, html input[type=email][readonly="readonly"], html input[type=url]:disabled, html input[type=url][readonly="readonly"], html input[type=time]:disabled, html input[type=time][readonly="readonly"], html input[type=date]:disabled, html input[type=date][readonly="readonly"], html input[type=datetime-local]:disabled, html input[type=datetime-local][readonly="readonly"], html input[type=tel]:disabled, html input[type=tel][readonly="readonly"], html input[type=number]:disabled, html input[type=number][readonly="readonly"], html input[type=search]:disabled, html input[type=search][readonly="readonly"], html textarea.materialize-textarea:disabled, html textarea.materialize-textarea[readonly="readonly"] {
    border: none;
}
html input:not([type]):disabled + label, html input:not([type])[readonly="readonly"] + label, html input[type=text]:disabled + label, html input[type=text][readonly="readonly"] + label, html input[type=password]:disabled + label, html input[type=password][readonly="readonly"] + label, html input[type=email]:disabled + label, html input[type=email][readonly="readonly"] + label, html input[type=url]:disabled + label, html input[type=url][readonly="readonly"] + label, html input[type=time]:disabled + label, html input[type=time][readonly="readonly"] + label, html input[type=date]:disabled + label, html input[type=date][readonly="readonly"] + label, html input[type=datetime-local]:disabled + label, html input[type=datetime-local][readonly="readonly"] + label, html input[type=tel]:disabled + label, html input[type=tel][readonly="readonly"] + label, html input[type=number]:disabled + label, html input[type=number][readonly="readonly"] + label, html input[type=search]:disabled + label, html input[type=search][readonly="readonly"] + label, html textarea.materialize-textarea:disabled + label, html textarea.materialize-textarea[readonly="readonly"] + label {
    color: #6B7881;
}
html input:not([type]):focus:not([readonly]), html input[type=text]:focus:not([readonly]), html input[type=password]:focus:not([readonly]), html input[type=email]:focus:not([readonly]), html input[type=url]:focus:not([readonly]), html input[type=time]:focus:not([readonly]), html input[type=date]:focus:not([readonly]), html input[type=datetime-local]:focus:not([readonly]), html input[type=tel]:focus:not([readonly]), html input[type=number]:focus:not([readonly]), html input[type=search]:focus:not([readonly]), html textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #A31637;
    box-shadow: 0 1px 0 0 #A31637;
}
html input:not([type]):focus:not([readonly]) + label, html input[type=text]:focus:not([readonly]) + label, html input[type=password]:focus:not([readonly]) + label, html input[type=email]:focus:not([readonly]) + label, html input[type=url]:focus:not([readonly]) + label, html input[type=time]:focus:not([readonly]) + label, html input[type=date]:focus:not([readonly]) + label, html input[type=datetime-local]:focus:not([readonly]) + label, html input[type=tel]:focus:not([readonly]) + label, html input[type=number]:focus:not([readonly]) + label, html input[type=search]:focus:not([readonly]) + label, html textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #A31637;
}
html input:not([type]).valid, html input:not([type]):focus.valid, html input[type=text].valid, html input[type=text]:focus.valid, html input[type=password].valid, html input[type=password]:focus.valid, html input[type=email].valid, html input[type=email]:focus.valid, html input[type=url].valid, html input[type=url]:focus.valid, html input[type=time].valid, html input[type=time]:focus.valid, html input[type=date].valid, html input[type=date]:focus.valid, html input[type=datetime-local].valid, html input[type=datetime-local]:focus.valid, html input[type=tel].valid, html input[type=tel]:focus.valid, html input[type=number].valid, html input[type=number]:focus.valid, html input[type=search].valid, html input[type=search]:focus.valid, html textarea.materialize-textarea.valid, html textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #A31637;
    box-shadow: 0 1px 0 0 #A31637;
}
html input:not([type]).invalid, html input:not([type]):focus.invalid, html input[type=text].invalid, html input[type=text]:focus.invalid, html input[type=password].invalid, html input[type=password]:focus.invalid, html input[type=email].invalid, html input[type=email]:focus.invalid, html input[type=url].invalid, html input[type=url]:focus.invalid, html input[type=time].invalid, html input[type=time]:focus.invalid, html input[type=date].invalid, html input[type=date]:focus.invalid, html input[type=datetime-local].invalid, html input[type=datetime-local]:focus.invalid, html input[type=tel].invalid, html input[type=tel]:focus.invalid, html input[type=number].invalid, html input[type=number]:focus.invalid, html input[type=search].invalid, html input[type=search]:focus.invalid, html textarea.materialize-textarea.invalid, html textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #DA4F61;
    box-shadow: 0 1px 0 0 #DA4F61;
}
html input:not([type]).invalid + label:after, html input:not([type]):focus.invalid + label:after, html input[type=text].invalid + label:after, html input[type=text]:focus.invalid + label:after, html input[type=password].invalid + label:after, html input[type=password]:focus.invalid + label:after, html input[type=email].invalid + label:after, html input[type=email]:focus.invalid + label:after, html input[type=url].invalid + label:after, html input[type=url]:focus.invalid + label:after, html input[type=time].invalid + label:after, html input[type=time]:focus.invalid + label:after, html input[type=date].invalid + label:after, html input[type=date]:focus.invalid + label:after, html input[type=datetime-local].invalid + label:after, html input[type=datetime-local]:focus.invalid + label:after, html input[type=tel].invalid + label:after, html input[type=tel]:focus.invalid + label:after, html input[type=number].invalid + label:after, html input[type=number]:focus.invalid + label:after, html input[type=search].invalid + label:after, html input[type=search]:focus.invalid + label:after, html textarea.materialize-textarea.invalid + label:after, html textarea.materialize-textarea:focus.invalid + label:after {
    color: #DA4F61;
}
html .input-field label {
    color: #6B7881;
    top: 1.3rem;
    font-size: 0.8rem;
    padding-left: 2px;
}
html .input-field .prefix.active {
    color: #A31637;
}
html .input-field input[type=search]:focus {
    color: #465661;
}
html .input-field input[type=search]:focus + label i, html .input-field input[type=search]:focus ~ .mdi-navigation-close, html .input-field input[type=search]:focus ~ .material-icons {
    color: #465661;
}
html textarea.materialize-textarea {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 1.6rem;
    resize: auto;
}
html @media all and (-ms-high-contrast:none), html (-ms-high-contrast:active) {
    textarea.materialize-textarea {
    padding: 0.8rem 0 1.6rem 0.5rem!important;
}
}
html .hiddendiv {
    padding-top: 1.2rem;
}
html [type="radio"]:not(:checked) + label, html [type="radio"]:checked + label {
    user-select: none;
}
html [type="radio"]:checked + label:after {
    border: 2px solid #A31637;
    background-color: #A31637;
}
html [type="radio"].with-gap:checked + label:before {
    border: 2px solid #A31637;
}
html [type="radio"].with-gap:checked + label:after {
    border: 2px solid #A31637;
    background-color: #A31637;
}
html [type="radio"]:disabled:checked + label:after {
    border-color: #DADDDF;
}
html [type="checkbox"] + label:before {
    border-radius: 3px;
}
html [type="checkbox"]:checked + label:before {
    border-right: 2px solid #A31637;
    border-bottom: 2px solid #A31637;
}
html [type="checkbox"]:indeterminate + label:before {
    border-right: 2px solid #A31637;
}
html [type="checkbox"].filled-in + label:before, html [type="checkbox"].filled-in + label:after {
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
}
html [type="checkbox"].filled-in:checked + label:after {
    border: 2px solid #A31637;
    background-color: #A31637;
}
html [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
    background-color: #DADDDF;
}
html [type="checkbox"].filled-in:disabled:checked + label:after {
    background-color: #DADDDF;
    border-color: #DADDDF;
}
html .switch label input[type=checkbox]:checked + .lever:after {
    background-color: #A31637;
}
html .switch label input[type=checkbox][disabled] + .lever:after, html .switch label input[type=checkbox][disabled]:checked + .lever:after {
    background-color: #DADDDF;
}
html .select-wrapper input.select-dropdown {
    border-bottom: 1px solid #6B7881;
}
html select {
    border: 1px solid #DADDDF;
    border-radius: 6px;
}
html .select-wrapper input.select-dropdown:disabled {
    -moz-user-select: none;
    -ms-user-select: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
html input[type=range] {
    margin: 8px 0px;
    border: 1px solid #fff;
}
html input[type=range] + .thumb {
    background-color: #A31637;
}
html input[type=range] + .thumb .value {
    color: #A31637;
}
html input[type=range]::-webkit-slider-thumb {
    background-color: #A31637;
}
html input[type=range]::-moz-range-thumb {
    background: #A31637;
}
html input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent;
}
html input[type=range]::-ms-thumb {
    background: #A31637;
}
html .table-of-contents a {
    color: #465661;
}
html .side-nav {
    -webkit-overflow-scrolling: touch;
}
html .side-nav a {
    color: #465661;
    height: 44px;
    line-height: 44px;
}
html .side-nav.fixed a {
    color: #465661;
}
html .side-nav .collapsible-body li.active, html .side-nav.fixed .collapsible-body li.active {
    background-color: #A31637;
}
html .spinner-layer {
    border-color: #A31637;
}
html .active .spinner-layer.spinner-blue {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
html .active .spinner-layer.spinner-red {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
html .active .spinner-layer.spinner-yellow {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
html .active .spinner-layer.spinner-green {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
html .active .spinner-layer, html .active .spinner-layer.spinner-blue-only, html .active .spinner-layer.spinner-red-only, html .active .spinner-layer.spinner-yellow-only, html .active .spinner-layer.spinner-green-only {
    opacity: 1;
}
html .active .circle-clipper.left .circle {
    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
html .active .circle-clipper.right .circle {
    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
html #spinnerContainer.cooldown {
    -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
html .slider .slides {
    background-color: #6B7881;
}
html @media (min-height:28.875em) {
    .picker__frame {
    -webkit-overflow-scrolling: touch;
}
}
html .picker__wrap {
    width: 110%}
html .picker--time .picker__box {
    background: #DADDDF;
}
/* End differences */
.hyperlink {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
}
.hyperlinksmall {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
    font-size: 10px;
}
.footertext {
    font-size: 10px;
}

.header {
    font-size: 20px;	
}

.infopanel {
    border: 1px black solid;
    background-color: #FAE6B3;
}

.gwt-TabPanelBottom {
    background-color: #f8f8f8;
}

.gwt-HTML {
    font-family: verdana;
}

.gwt-Label {
    font-family: verdana;
}

.gwt-Label.infofields {
    font-family: Roboto, sans-serif;
    padding-left: 0px;
    
}

.hooverhelp {
    border: 1px black solid;
    background-color: #FAE6B3;
}

.traypopup {
    background-color: #EEEEEE;
    border-radius: 6px;
    padding: 10px;
}

.clickable {
    cursor: pointer;
}

.sheetpanel {
    z-index: 999999;
    border-bottom: 3px gray solid;
    border-left: 3px gray solid;
    border-right: 3px gray solid;
    background-color: #FFFF99;
}

.invalid {
    background-color: #FA8072;
}

.table-header-background {
    background-image: url("../assets/tableheader.png");
    background-repeat: repeat-x;
}

.table-header {
    color: black;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.tablecell {
    font-family: verdana;
    font-size: x-small;
}

.tablerow-even {
    background-color: #eeeeee;
    cursor: pointer;
}

.tablerow-uneven {
    background-color: white;
    cursor: pointer;
}

.tablerow-search {
    background-color: #b1ceed;
    cursor: pointer;
}

.tablecell-search {
    background-color: #FA8072;
}

.tablerow-selected {
    background-color: #8eff8e;
    cursor: pointer;
}
table.table tbody tr.selected
{
	background-color: #dbdbdb !important;
}

.quickfilter-even {
    background-color: #f2f5f9;
}

.gwt-TextBox-readonly {
    background-color: #EEEEEE;
}

.gwt-TextBox {
	margin-top: 15px;
}


.dialogbox {
    border: 1px solid #cccccc;
    background-color: white;
    -moz-box-shadow: 0 0 5px 5px #cccccc;
    -webkit-box-shadow: 0 0 5px 5px #cccccc;
    box-shadow: 2px 2px 5px 3px #cccccc;
    border-radius: 6px;
}

.gwt-DialogBox {
    border: 1px solid #cccccc;
    background-color: white;
    border-radius: 6px;
}


.dialogbox .Caption {
    cursor: move;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
}

.pleasewaitbox {
    border: 1px solid #cccccc;
    background-color: white;
    border-radius: 6px;
}

.pleasewaitbox .Caption {
    cursor: move;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
}


.gwt-PopupPanelGlass {
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.dialogbox-closebutton {
    font-weight: bold;
    color: #cccccc;
    padding: 2px;
    margin-left: 2px;
    cursor: pointer;
}

.dialogbox-closebutton:ACTIVE {
    padding: 1px;
    border: thin #999999 solid;
}

.dialogbox-closebutton:HOVER {
    padding: 2px;
    color: #999999;
}

.inputError {
    color: #B94A48;
    border-color: #B94A48; 
}

.invalid {
    background-color: #B94A48;
}

.gwt-SuggestBoxPopup {
    z-index: 5000;
    background-color: white;
    padding-left: 2px;
}

.gwt-SuggestBoxPopup .suggestPopupContent {
    height: 200px;
    width: 200px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.gwt-SuggestBoxPopup .suggestPopupTopLeft {
    background: transparent url(icons/suggestbox/tl.png) no-repeat;
    width: 11px; height: 11px;
}
.gwt-SuggestBoxPopup .suggestPopupTopCenter {
    background: transparent url(icons/suggestbox/t.png) repeat-x;
    height: 11px;
}
.gwt-SuggestBoxPopup .suggestPopupTopRight {
    background: transparent url(icons/suggestbox/tr.png) no-repeat;
    width: 11px; height: 11px;
}
.gwt-SuggestBoxPopup .suggestPopupBottemLeft {
    background: transparent url(icons/suggestbox/bl.png) no-repeat;
    width: 11px; height: 11px;
}
.gwt-SuggestBoxPopup .suggestPopupBottemCenter {
    background: transparent url(icons/suggestbox/b.png) repeat-x;
    height: 11px;
}
.gwt-SuggestBoxPopup .suggestPopupBottemRight {
    background: transparent url(icons/suggestbox/br.png) no-repeat;
    width: 11px; height: 11px;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
    background: transparent url(icons/suggestbox/r.png) repeat-y;
    width: 11px; height: 11px;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
    background: transparent url(icons/suggestbox/l.png) repeat-y;
    width: 11px; height: 11px;
}
.gwt-SuggestBoxPopup .item {
    padding-left: 2px;
    padding-right: 2px;
}
.gwt-SuggestBoxPopup .item-selected {
    background-color: lightyellow;
    border: 1px rgba(82, 168, 236, 0.8) solid;
}

.spacer2 {
    width: 2px;
    height: 2px;
}

.spacer3 {
    width: 3px;
    height: 3px;
}

.spacer5 {
    width: 5px;
    height: 5px;
}

.spacer7 {
    width: 7px;
    height: 7px;
}

.spacer10 {
    width: 10px;
    height: 10px;
}

.spacer20 {
    width: 20px;
    height: 20px;
}

.my_img_button {
    max-width: 80px;
    /* Resize the image for IE6 */
    width: expression(this.width > 500 ? 500: true);
}

.toolbar {
    background-image: url("icons/toolbar/toolbar.png");
    background-repeat: repeat-x;
}

.clickablepopuplabel {
    color: #366dba;
    padding: 3px;
}

.clickablepopuplabel:hover {
    background-color: #366dba;
    color: white;
    cursor: pointer;
}

.popuplabel {
    color: #366dba;
    padding: 3px;
}

.popup {
    background-color: white;
    border: 1px solid #366dba;
}

.gwt-SplitLayoutPanel-HDragger {
    background: #87b5d0 url(icons/thumb_vertical.png) center center no-repeat;
    cursor: col-resize;
}

.gwt-SplitLayoutPanel-VDragger {
    background: #87b5d0 url(icons/thumb_horz.png) center center no-repeat;
    cursor: row-resize;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    color: black !important;
    opacity: 1;
}

.cke_chrome {
    display: block;
    border: 1px solid #b6b6b6;
    padding: 0;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
}

.cke_bottom {
    padding: 6px 8px 2px;
    position: relative;
    border-top: 1px solid #bfbfbf;
    box-shadow: 0 1px 0 #fff inset;
    background: #cfd1cf;
    background-image: linear-gradient(to bottom,#ebebeb,#cfd1cf);

}
.html-line {
    border-color: #B7AEAE;
}

.fieldPanel{
    background: white;
    padding: 6%;
}
.imgProfile{
    margin-top: -120px;
    width: 40%;
    margin-left: 30%;
    border: 5px solid #fff;
}

#tris3-login {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
}
#routechirurg-login {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.login-logo {
    max-height: 100%;
    max-width: 100%;
    padding: 10px;
    height: auto;
}

.fileuploader .upload-label {
	width: 90% !important;
}

.passwordreset-visible {
    display: block;
}

.passwordreset-hidden {
    display: none;
}

.routechirurgissue-visible {
    display: block;
}

.routechirurgissue-hidden {
    display: none;
}
.login-visible {
    display: block;
}

.login-hidden {
    display: none;
}

.content-visible {
    display: block;
}

.content-hidden {
    display: none;
}

.table-toolbar {
    float: right !important;
    margin-top: 4px;
}

.data-pager.row {
    margin-bottom: 0px !important;
}

.num-page-panel .input-field {
    margin-top: 0px;
}

.rows-per-page-panel .input-field {
    margin-top: 0px;
}

.data-pager .action-page-panel {
    margin-top: 0px !important;
}

tr th{
    padding: 4px 5px 4px 20px !important;
    line-height: 1 !important;
}

thead tr {
    height: 30px !important;
}
thead tr.stickyExclude{
    height: 3px !important;
}

/* TODO: this is for big screens */
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 40px !important;
    line-height: 40px !important;
}

#tris3-header .nav-wrapper ul {
	max-height: 40px !important;
}

.side-nav.mini, ul.side-nav.mini-with-expand {
    top: 40px !important;
    height: calc(100vh - 40px) !important;
}

main div.content {
    padding-top:40px;
    background-color:white;
}
#routechirurg main div.content {
    padding-top:0px !important;
    background-color:white;
}

.dropdown-content{
    padding-top:15px;
    padding-left:15px;
    padding-right:15px;
}

.pager .combobox{
    margin-bottom:0px;
    margin-top:0px !important;
    height: 2rem;
}
.searchpicker .combobox {
    margin-top:21px !important;
} 

.searchcqlpicker .combobox {
    margin-top:15px !important;
} 

.pager .combobox span span.selection span {
    height:24px;
    line-height:24px;
}

.table-toolbar {
    margin-top:0px !important;
}

.table-toolbar i.material-icons {
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.mobilitypicker {
    position: relative;
}
.mobilitypicker label {
    position: absolute;
    left: 0.75rem;
}

.mobilitypicker.searchpicker i{
    padding-top: 30px !important;
}
.mobilitypicker.detailpicker i{
    padding-top: 25px;
}

.gwt-CheckBox.col {
    padding-top: 27px !important;
}

.gwt-CheckBox.nopadding.col {
    padding-top: 0px !important;
}

.gwt-TextBox {
	text-overflow: ellipsis;
}


.combobox {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    border-bottom: 0px;
    border-width: thin;
    border-style: ridge;
    border-radius: 2px;
    border-color: lightgrey;
    padding-right: 2px;
    padding-left: 2px;
    font-size: 1rem;
    margin-top: 30px;
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple
{
    border-bottom: 0px !important;
}

th span {
    max-width : fit-content !important; 
}

.modal.login {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    width: 35%;
    min-width: 350px;
    max-height:100%;
    margin: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 2px;
    will-change: top, opacity;
}


.tris3-mobile div.modal.login {
    width: 65%;
}
.tris3-mobile.tris3-apple div.modal.login {
    width: 65%;
}

.tris3-mobile div main {
    padding-bottom: 0px !important;
}

.tris3-mobile i.material-icons
{
    font-size: 2.5rem;
}
.tris3-mobile i.material-icons
{
    font-size: 2.5rem;
}    

.tris3-mobile table.table tbody tr.data-row i.material-icons
{
    font-size: 2rem;
}
.tris3-mobile .ol-control button 
{
	font-size: 2rem;
}

.tris3-mobile i.tiny
{
    font-size: 1rem;
}

.tris3-mobile i.small
{
    font-size: 2rem !important;
}

.tris3-mobile i.large
{
    font-size: 4.5rem;
}

.tris3-mobile table.table tbody tr.data-row i.material-icons img
{
    width: 30px;
}

table.table tbody tr.data-row i.material-icons img
{
    width: 24px;
}

.tris3-mobile table.table tbody tr.data-row 
{
    font-size: 15px;
}

table.table tbody tr.data-row {
    font-size: 12px;
}

table.table tbody tr.data-row [type="checkbox"] + label:before {
    width: 11px;
    height: 18px;
}

.table-body {
    height: auto !important;
    overflow-y:hidden !important;
}
.side-nav i {
    font-size: 2em !important;
    width: 1.5rem;
    line-height: inherit;
}

td textarea.materialize-textarea {
    overflow-y: hidden;
    /* prevents scroll bar flash */
    padding: 1.6rem 0;
    /* prevents text jump on Enter keypress */
    resize: none;
    min-height: 3rem; 
}

.combofilter {
    height: 30px;
    margin-top: 22px !important;
    padding: 0.5rem;
}

.combofilter .select2-selection__arrow {
    height:30px !important;
}

.combofilter .select2-selection__rendered{
    height:30px !important;
}
.combofilter .select2-selection--single {
    height:30px !important;
}

.combobox .select2-selection--single .select2-selection__arrow  {
    height:30px !important;
}
.combobox .select2-selection--single .select2-selection__rendered {
    height:30px !important;
}
.combobox .select2-selection--single {
    height:30px !important;
}

.combobox .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    padding-left: 0;
}
.combofilter .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    padding-left: 0;
}

.window {
    padding-top: 0px;
    overscroll-behavior: contain;
}

body {
	overscroll-behavior: contain;
}


.tris3-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: 0.5;
    background-color: #BBBBBB;
    z-index: 1000;
    cursor: wait;
}

.ol-overlay-container.ol-selectable { 
    right:0px;
    top: 40px;
    display: block !important;
}

.layerswitcher-detail {
    font-size: 12px;
    background-color: white;
}

input[type=number] {
    text-align:right;
}

/* SideNav styles */

ul.side-nav.mini-with-expand {
    left: 0px !important;
}

ul.side-nav.mini-with-expand.always-visible:not(.expanded) {
    overflow:visible;
    -webkit-overflow-scrolling: touch;
}

ul.side-nav.mini-with-expand.always-visible a span {
    opacity: 0;
    visibility: hidden;
}

ul.side-nav.mini-with-expand.always-visible.expanded a span {
    opacity: 1;
    visibility: visible;
}

ul.side-nav.mini-with-expand.always-visible div.collapsible-body li a span {
    opacity: 1;
    visibility: visible;
}


div ul.side-nav:not(.expanded) .collapsible li {
    overflow:visible;
    -webkit-overflow-scrolling: touch;
}

div ul.side-nav:not(.expanded) .collapsible-body {
    position:absolute;
    width:200px;
    overflow-y:auto;
    overflow-x:hidden;
    margin-left:50px !important;
    -webkit-overflow-scrolling: touch;
}

ul.side-nav:not(.expanded) .collapsible-body li a {
    margin-left:3px;
}

ul.side-nav:not(.expanded) .collapsible-header.active a span{
    visibility:visible !important;
    opacity:1 !important;
    color: #FFFFFF;
}

ul.side-nav:not(.expanded) .collapsible-header.active i{
    margin-left:-50px !important;
}

ul.side-nav:not(.expanded) .collapsible-header.highlighted i{
    color: #465661;
}

ul.side-nav:not(.expanded) .collapsible-header.active:hover {
    background-color: #DADDDF;
}

ul.side-nav:not(.expanded) .collapsible-header.highlighted {
    background-color: #DADDDF;
}

ul.side-nav:not(.expanded) .collapsible-header.active a {
    background-color: #A31637;
    height: 45px;
}

ul.side-nav:not(.expanded) .collapsible-header.active {
    width:250px;
    display: block;
    padding-left:50px !important;
}

ul.side-nav .collapsible-header a {
    background-repeat: no-repeat;
    background-position: right center;
}

ul.side-nav .collapsible-header:not(.active) a:hover {
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgaGVpZ2h0PScxMnB4JyB3aWR0aD0nMTJweCc+PHRleHQgeD0nMCcgeT0nMTInIGZpbGw9JyM0NjU2NjEnIGZvbnQtc2l6ZT0nMjAnPuKAujwvdGV4dD48L3N2Zz4K"); /* donker rechts*/
}

ul.side-nav.expanded .collapsible-header.active a:hover {
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgaGVpZ2h0PScxMnB4JyB3aWR0aD0nMTJweCc+PHRleHQgeD0nMCcgeT0nMCcgdHJhbnNmb3JtPSJyb3RhdGUoOTApIiBmaWxsPScjNDY1NjYxJyBmb250LXNpemU9JzIwJz7igLo8L3RleHQ+PC9zdmc+Cg=="); /* donker onder */
}

ul.side-nav .collapsible-header:not(.active).highlighted  a {
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgaGVpZ2h0PScxMnB4JyB3aWR0aD0nMTJweCc+PHRleHQgeD0nMCcgeT0nMTInIGZpbGw9JyM0NjU2NjEnIGZvbnQtc2l6ZT0nMjAnPuKAujwvdGV4dD48L3N2Zz4K"); /* donker rechts*/
}

ul.side-nav .collapsible-header:not(.active) a {
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgaGVpZ2h0PScxMnB4JyB3aWR0aD0nMTJweCc+PHRleHQgeD0nMCcgeT0nMTInIGZpbGw9JyNEQUREREYnIGZvbnQtc2l6ZT0nMjAnPuKAujwvdGV4dD48L3N2Zz4K"); /* licht rechts*/
}

ul.side-nav.expanded .collapsible-header.active.highlighted a {
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgaGVpZ2h0PScxMnB4JyB3aWR0aD0nMTJweCc+PHRleHQgeD0nMCcgeT0nMCcgdHJhbnNmb3JtPSJyb3RhdGUoOTApIiBmaWxsPScjNDY1NjYxJyBmb250LXNpemU9JzIwJz7igLo8L3RleHQ+PC9zdmc+Cg=="); /* donker onder */
}

ul.side-nav.expanded .collapsible-header.active a {
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgaGVpZ2h0PScxMnB4JyB3aWR0aD0nMTJweCc+PHRleHQgeD0nMCcgeT0nMCcgdHJhbnNmb3JtPSJyb3RhdGUoOTApIiBmaWxsPScjREFERERGJyBmb250LXNpemU9JzIwJz7igLo8L3RleHQ+PC9zdmc+Cg=="); /* licht onder */
}

div ul.side-nav .collapsible {
    background-color: #465661;
}

div ul.side-nav .collapsible a,
div ul.side-nav .collapsible li{
    background-color: #465661;
    color: #DADDDF;
}


div ul.side-nav .collapsible a.highlighted,
div ul.side-nav .collapsible .highlighted a{
    color: #465661;
    background-color: #DADDDF;
}

div ul.side-nav a:hover {
    /* TODO: slightly different background-color? */
    color: #465661;
    background-color: #DADDDF;
}


#sidenav-overlay {
    visibility: hidden !important;
}

.input-field {
    margin-top: 7px;
}

.input-field.no-label {
    margin-top: 7px;
}

/* FksEditor css styles */

.note-editor
{
    background-color: #DADDDF !important;
    border-left: 3px solid #DADDDF !important;
    border-bottom: 3px solid #DADDDF !important;
    border-right: 3px solid #DADDDF !important;
    transition: box-shadow .25s !important;
    border-radius: 2px !important; 
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding-top: 5px;
}

.note-editor .note-editable
{
    margin:10px !important;
    line-height: 1;
}

.note-editor ol {
    padding-inline-start: 20px;
}

.note-editor .btn, .note-editor .btn-large, .popover .btn, .popover .btn-large 
{
    color: #DADDDF !important;
    background-color: #465661 !important;
}
.note-editor .btn:hover, .note-editor .btn-large:hover, .popover .btn:hover, .popover .btn-large:hover
{
    color: #465661 !important;
    background-color: #DADDDF !important;
}
.note-popover .popover .popover-content>.btn-group, .note-toolbar>.btn-group 
{
    background-color: #465661 !important;
}

.note-editor .note-toolbar
{
    color: #465661 !important;
    padding: 2px !important;
    background-color: #DADDDF !important;
    border-left: 3px solid #DADDDF !important;
    border-bottom: 3px solid #DADDDF !important;
    border-right: 3px solid #DADDDF !important;
}

.note-editable
{
    min-height: 100px !important;
    height: auto !important;
}

.note-editable p
{
    padding: 0rem;
}

/* FksEditor css styles */

/* map control colors */

.ol-control
{
    border-radius:0px;
}

.ol-control button
{
    background-color:#465661;
    border-radius: 0px;
}
.ol-control button:hover
{
    background-color:#A31637;
    border-radius: 0px;
}

.ol-zoom .ol-zoom-in {
    border-radius: 0 0 0 0;
}
.ol-zoom .ol-zoom-out
{
    border-radius:0 0 0 0
}
.ol-touch 
.ol-zoomslider {
    top : 6.5em;
}

.ol-control button:focus,.ol-control button:hover
{
    background-color:#A31637;
}

/* map control colors */

.materialize-textarea
{
    height : inherit !important;
}

div:-moz-full-screen {
    width: 100% !important;
    height: 100% !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
}

div:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
}

div:fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
}

/*
START RESTRICTED ACCESS STYLES

The "errai-restricted-access-style" class is applied to elements annotated with RestrictedAccess
when a user lacks the permission to view them.

Usually elements are hidden when this style is applied, but the "nobody" class is used by the
"Login" nav button so that button is only shown when a user is not logged in.
 */
.errai-restricted-access-style {
    display: none !important;
}

.nobody {
    display: none !important;
}

.nobody.errai-restricted-access-style {
    display: inherit !important;
}
.stepper {
	height: 68vh;
}

#routechirurg .vertical.stepper {
	max-height: 500px;
}

#routechirurg .horizontal.stepper {
	max-height: 370px;
}

.stepper .step .line {
    width: 0px !important;
    display: none;
}

.stepper.vertical .row.step.success.inactive, 
.stepper.vertical .row.step.inactive {
	display: none;
}

.stepper .step {
	padding-left:0px !important;
	padding-right:0px !important;
}

.row.step {
	margin-bottom: 0px !important;
}

.stepper.vertical .step>div:last-child {
    height: 71vh !important;
    overflow-y: auto;
    -webkit-overflow-scrolling : touch;
}
.stepper.horizontal .step>div:last-child {
    height: 71vh !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto; 
    top: 60px !important;
}
.stepper.horizontal .step {
	display: -webkit-inline-box !important;
}

.stepper.vertical .description {
	display: none;
}
.stepper .step>div:last-child {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.stepper.vertical .title {
    margin-left: 32px !important;
    padding-left: 16px !important;
}

.stepper.horizontal .title {
    margin-right: 16px !important;
}

.tris3-wizard
{
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.selectpointcursor
{
    cursor: crosshair;
}

.loadingcursor
{
    cursor: wait;
}

.drawboxcursor
{
    cursor: crosshair;
}

.drag-target
{
    display: none !important;
}

div.content .TouchSplitter > div.splitter-bar > div
{
    background-color: black;
}

.validation-toggle
{
    left: 0px;
    top: calc(5em + 200px);
}

#editorToolbar .mobilitypicker
{
	height: fit-content;
	color:white;
	background-color:#465661;
	padding-right:3px;
	padding-left:6px;
}

#editorToolbar .input-field
{
    margin-top: 0px;
    top: 0px;
    font-size: 12px !important;
    height: 25px;
}

#editorToolbar .material-label
{
    margin-top: 0px;
    text-align: end;
    color: #FFA600 !important;
}

#editorToolbar .gwt-CheckBox
{
    padding-top: 2px !important;
}

#editorToolbar .gwt-CheckBox label
{
    font-size: 12px !important;
    height: 15px;
    color: white;
}

.select2-results__option
{
	padding: 7px !important;
}

.layerswitcher-button
{
	color: #A31637;
}

#editorToolbar.deep-orange-text {
  background-color: #FFA600 !important; 
  }

.toolbaricon {
    padding-left: 5px;
    padding-right: 5px;
}

.medium svg {
	width: 4rem !important;
	height: 4rem !important;
}
.small svg {
	width: 1.6rem !important;
	height: 1.6rem !important;
}

i.medium
{
	font-size:4rem !important;
}
i.small
{
	font-size:1.6rem !important;
}

label.active {
	max-width: -webkit-fill-available;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	text-align: left;
  }
  
.btn-floating i {
	display: inline !important;
}

main {
    padding-bottom: 0px !important;
}

.tris3collapsible.collapsible {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
    box-shadow: none;
    padding: 0px;
    margin-top: 0px;
    font-size: 12px;
}
.tris3collapsible.collapsible .collapsible-header {
    padding: 0px;
    border-bottom: 0px;
}
.tris3collapsible.collapsible .collapsible-body {
    padding: 0px;
    -webkit-transform: translate3d(0,0,0);
}

tbody {
    background-color: white;
}

.preview-container {
	left: 10px !important;
}

.diversionpanel .input-field {
    margin-top: 0px;
}
.diversionpanel .gwt-TextBox {
    margin-top: 0px;
}
.gwt-TreeItem {
	display: inline-table !important;
}

.card-content span.material-label {
	font-size: 0.8rem !important;
	color: #6B7881 !important;
    }

.row .iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  padding-bottom: 20px;
}
 
.row .iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
 
/* 4x3 Aspect Ratio */
.row .iframe-container-4x3 {
  padding-top: 75%;
}

.multilang-selected {
    color: white;
    background-color: #465661;
}

.multilanguagetextarea .col {
    padding: 0px;
}

.routeknoop .material-label{
    padding: 5px 0px 0px 0px;
    width:28px;
    height:28px;
    text-align:center;
    background-size:cover;
    background-repeat:no-repeat;
    color:white !important;
    .startpoint {
    	font-size: 11px;
    }
}

.point-supplied .routeknoop .material-label {
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgaGVpZ2h0PScxOHB4JyB3aWR0aD0nMThweCc+CiAgPGc+CiAgICA8ZWxsaXBzZQogICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMwMDgwODA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjAuODY1MDAwMDE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxIgogICAgICAgY3g9IjlweCIKICAgICAgIGN5PSI5cHgiCiAgICAgICByeD0iOXB4IgogICAgICAgcnk9IjlweCIgLz4KICA8L2c+Cjwvc3ZnPgo=');
}

.point-auto .routeknoop .material-label {
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgaGVpZ2h0PScxOHB4JyB3aWR0aD0nMThweCc+CiAgPGc+CiAgICA8ZWxsaXBzZQogICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiM4MDgwODA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjAuODY1MDAwMDE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxIgogICAgICAgY3g9IjlweCIKICAgICAgIGN5PSI5cHgiCiAgICAgICByeD0iOXB4IgogICAgICAgcnk9IjlweCIgLz4KICA8L2c+Cjwvc3ZnPgo=');
    margin-bottom: 3px;
    margin-top: 3px;
}

.point-supplied.selected {
    background: blue;
    background: linear-gradient(90deg, blue 0px, blue 28px, rgba(255,255,255,0) 29px);
}

.point-supplied {
    margin-bottom: 20px;
}

.routestartflag {
    width: 28px;
    height: 28px;
    margin-top: 20px;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIHZlcnNpb249IjEuMSI+CiAgPGc+CiAgICA8cGF0aCBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDowLjI2NDU4MzMycHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIgZD0iTSA0LjExODIxOTYsMS40ODA2MTAyIDAuMTE4MjE5NTQsOC40MDg4MTM1IiAvPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojMDBjYTAwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjQyMjAxMDQyO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgIHdpZHRoPSI0LjgwMDAwMDIiCiAgICAgICBoZWlnaHQ9IjMuMiIKICAgICAgIHg9IjQuMzA2Nzg4IgogICAgICAgeT0iLTAuNzc2ODYzNjMiCiAgICAgICB0cmFuc2Zvcm09InJvdGF0ZSgzMCkiIC8+CiAgPC9nPgo8L3N2Zz4K');
}

.point-auto {
    margin-bottom: 20px;
}

.point-supplied .row {
    margin-bottom: 0px;
}

.point-auto .row {
    margin-bottom: 0px;
}

.point-auto.selected {
    background: blue;
    background: linear-gradient(90deg, blue 0px, blue 28px, rgba(255,255,255,0) 29px);
}

.point-supplied .ifauto{
    display:none;
}

.point-auto .ifsupplied {
    display:none;
}

.variant-forward .ifreverse {
    display:none;
}

.variant-reverse .ifforward {
    display:none;
}

.route-unidir .ifbidir{
    display:none;
}

.ifnotstartpoint {
    display:block;
}

.startpoint .ifnotstartpoint {
    display:none;
}

.ifstartpoint {
    display:none;
}

.startpoint .ifstartpoint {
    display:block;
}

.detailbuttons {
	position: -webkit-sticky;
 	position: sticky; 
 	top: 40px;
  	background-color: white;
  	z-index:999;
}

.detailtabheaders {
	position: -webkit-sticky;
 	position: sticky; 
 	top: 70px;
  	background-color: white;
  	z-index:994;
}

.detailpopup .detailbuttons {
	top: 0;
}

.detailpopup .detailtabheaders {
	top: 30px;
}
.language-selector {
    padding: 0 24px;
    display: flex;
    align-items: center;
    height: 64px;
    position: relative
}

.language-selector.single-language ul.dropdown-content {
    visibility: hidden
}

.language-selector.single-language .language-activator {
    cursor: default !important;
    margin-top: -12px
}

.language-selector .language-activator span:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    top: 28px;
    right: 24px
}

.language-selector.single-language .language-activator span:before {
    display: none
}

.language-selector img {
    width: 2rem;
    height: 2rem
}

nav .language-selector .language-activator {
    padding-right: 36px;
    padding-left: 16px
}

nav .language-selector .language-activator span {
    line-height: 64px
}

nav .language-selector .dropdown-content {
    margin-top: 16px
}

.language-selector img.language-activator {
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer
}

.language-selector .dropdown-content {
    min-width: 160px
}

.language-selector .dropdown-content li {
    min-height: 40px
}

.language-selector .dropdown-content li img {
    height: auto
}

.language-selector .language-selector-item {
    margin: 0;
    padding: 8px 8px 4px
}

.language-selector .language-selector-item a:hover {
    background: 0 0
}

/** Rating **/
.material-rating .material-icons {
    font-size:20px !important;
}