/* Standardelementer */
body {overflow-x: hidden; overflow-y: scroll; font-family: proxima-nova,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.5;color: #fff !important; background: #0000a8 !important; } 
p {margin: 0 0 1em; }
iframe {border: 0; }
.sand {background: #fdfbea !important; }
.blue {background: #F2F1E8 !important; }

/* Global headings, except h2 */
h1, h3, h4, h5, h6,
.h1, .h3, .h4, .h5, .h6 {
  font-family: proxima-nova,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
  color: inherit; /* takes text color from parent container */
}
/* Special rule for h2 */
h2, .h2 {
  font-family: proxima-nova,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff !important;
  font-size: 1.5em;
  font-weight: 700;
}

h1 {font-size: 2.5em; color: #fff!important; font-weight: 800; }
h2 {font-size: 1.5em; font-weight: 700; }
h4 {font-size: 1.25em; font-weight: 700; }
.page_section p {border-top: 0; padding-top: 0; }
a, .text-primary {color: #fff !important; }
a:focus {outline: none; }
h2 a, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_filter {color: #fff !important; }
h2 a,  .dataTables_wrapper .dataTables_paginate {color: #666 !important}
h2 a, .form-control, legend.section-title, .dataTables_wrapper .dataTables_processing {color: #000 !important; }
h2.blue_border {margin-top: 1.5em; }
.crmEntityFormView .tab-title {padding: 0 0 10px !important; border: 0 !important;}
.crmEntityFormView td.cell, .crmEntityFormView .cell.crmquickform-cell:first-child {padding: 0 30px 20px; }
.crmEntityFormView .section-title {padding: 0 30px; margin-bottom: 20px; font-weight: 700; }
.grid-actions {border-bottom: 0; }
h4.services {width: 100%; text-align: center; margin-top: 30px; margin-bottom: 0; padding-top: 30px; font-size: 1.75em; font-weight: 800; border-radius: 10px 10px 0 0 ;}
div.sectionBlockLayout { border-radius: 0 0 10px 10px }
.sand h4.services, .sand div.sectionBlockLayout { background: #F2F1E8 !important; color: #404040 !important;}
.blue h4.services, .blue div.sectionBlockLayout { background: #F2F1E8 !important; color: #404040 !important;}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {outline: none; }
.table > tbody > tr > td {border-top: 0; }
.table > tbody > tr {border-top: 1px solid #F2F1E8; }
.btn-primary {background-color: #1a33cc !important; border-color: #1a33cc !important; color: #fff !important; border-radius: 3px !important}
.btn-primary:hover {background: #1a33cc !important; border: 1px solid #1a33cc !important; }
input.text {text-decoration: none !important; }
.table-striped > tbody > tr:nth-of-type(2n+1) {background: transparent; }
.table-striped > tbody > tr:nth-of-type(2n+2) {background: #f6f3ed; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, a.list-group-msm:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus, dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background: #f6f3ed; }

/* Filter dropdown overrides */
#uidataselect label {
  color: #fff !important;
}

#uidataselect select,
#uidataselect option {
  color: #000 !important;   /* dropdown text black */
  font-family: "Segoe UI", Arial, sans-serif !important;
  background-color: #fff !important; /* make sure dropdown has white background */
}

[data-name="MainInfo"] fieldset, [data-name="POInfo"] fieldset {background: #F2F1E8; border-radius: 10px; overflow: hidden;}
[data-name="MainInfo"] fieldset:empty, [data-name="POInfo"] fieldset:empty {display: none; }
[data-name="MainInfo"] legend.section-title, [data-name="POInfo"] legend.section-title {text-transform: uppercase; font-weight: 800; color: #ff5500 !important; font-size: 18px; background: #F2F1E8; padding-top: 20px; border-radius: 10px 10px 0 0; overflow: hidden;}
[data-name="MainInfo"] .form-control-cell .control input, [data-name="MainInfo"] .picklist-cell .control select, [data-name="MainInfo"] .form-control-cell .control input, [data-name="POInfo"] .picklist-cell .control select {height: auto; background-color: transparent !important; padding: 0;}
input.form-control {height: auto; padding-top: 0; padding-bottom: 0; background: #fff !important; color:#000; }
fieldset[aria-label="Pickup address"] legend.section-title, fieldset[aria-label="Supplier"] legend.section-title, fieldset[aria-label="Consignee"] legend.section-title, fieldset[aria-label="Delivery address"] legend.section-title {background: #C4CAF3 }

/* iframes - responsive height */
/* iframe.powerbi {padding: 2px; } */
@media screen and (max-height: 719px) {iframe.powerbi {height: 600px !important; background: lightblue; }}
@media screen and (min-height: 720px) and (max-height: 799px) {iframe.powerbi {height: 625px !important; background: lightcoral; }}
@media screen and (min-height: 800px) and (max-height: 863px) {iframe.powerbi {height: 650px !important; background: yellow; }}
@media screen and (min-height: 864px) and (max-height: 899px) {iframe.powerbi {height: 725px !important; background: lightgreen; }}
@media screen and (min-height: 900px) and (max-height: 999px) {iframe.powerbi {height: 800px !important; background: lightskyblue; }}
@media screen and (min-height: 1000px) and (max-height: 1059px) {iframe.powerbi {height: 850px !important; background: lightgrey; }}
@media screen and (min-height: 1060px) and (max-height: 1149px) {iframe.powerbi {height: 900px !important; background: orange; }}
@media screen and (min-height: 1150px) and (max-height: 1249px) {iframe.powerbi {height: 1000px !important; background: olive; }}
@media screen and (min-height: 1250px) and (max-height: 1339px) {iframe.powerbi {height: 1075px !important; background: red; }}
@media screen and (min-height: 1440px) {iframe.powerbi {height: 1250px !important; background: purple; }} 

.explorationContainer .exploreCanvas .displayArea {border-radius: 10px;}


/* Tabeller - med scroll og soegning */
table.dataTable {max-width: 100% !important; margin: 0.75em 0 !important; border:0; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px; border-radius: 5px; overflow: hidden; }
/* #shipmentsTable {width: 100%; } */
.dataTables_wrapper .dataTables_length select {box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;}
.dataTables_scroll{ overflow:auto; }
.dataTables_scrollHeadInner {width: 100% !important; padding-right: 0 !important; }
table.dataTable thead th, table.dataTable thead td {border-bottom: 0px !important; padding: 6px 18px 6px 10px !important; }
table.dataTable tbody tr {background-color: #000be1 !important; }
table.dataTable tbody tr.even {background-color: #0000aa !important; }
/*.dataTables_filter table.dataTable tfoot th, .dataTables_filter table.dataTable tfoot td {border-top: 0px; }
.dataTables_scrollFoot tfoot th {padding: 10px 0px 2px 10px !important; }
.dataTables_scrollFoot input {padding: 8px 8px 4px; }*/
button.dt-button, div.dt-button, a.dt-button, input.dt-button {border: 0 !important; margin-right: .75em !important; margin-bottom: .75em !important; padding: .3em 0.6em !important;}
.buttons-excel {background: linear-gradient(to bottom, rgba(242, 241, 232, 0.75) 25%, rgba(242, 241, 232, 0.75) 100%) !important; border-radius: 5px !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;}
.buttons-excel:hover {background: linear-gradient(to bottom, rgba(242, 241, 232, 0.9) 25%, rgba(242, 241, 232, 0.9) 100%) !important; }
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {border-top: 0 !important; }
.sorting_1 {background-color: rgba(0,96,169,0.03) !important; }
table.dataTable thead .sorting:after {opacity: 0; }
table.dataTable.no-footer {border-bottom: 0 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button {margin-right: 4px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:last-child {margin-right: 0 !important; color: #666 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {color: #404040 !important; border: 1px solid #F2F1E8 !important; background: #F2F1E8 !important; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {border: 1px solid #f6f3ed !important; background: #f6f3ed !important; color: #fff !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {border: 1px solid #0019A9!important; background: #0019A9!important; color: #fff !important; border-radius: 5px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {opacity: 0.5; color: #fff !important; }
#shipmentsTable_wrapper label, #ordersTable_wrapper label, #itemsTable_wrapper label, #inventoryTable_wrapper label {font-size:  1em; }
#shipmentsTable tr[role="row"]:nth-child(2), #ordersTable tr[role="row"]:nth-child(2), #itemsTable tr[role="row"]:nth-child(2), #inventoryTable tr[role="row"]:nth-child(2) {background: rgba(26,51,204,0.7); }
#shipmentsTable tr[role="row"]:nth-child(2) th, #ordersTable tr[role="row"]:nth-child(2) th, #itemsTable tr[role="row"]:nth-child(2) th, #inventoryTable tr[role="row"]:nth-child(2) th {padding-right: 10px !important; }
#shipmentsTable tr[role="row"]:nth-child(2) input, #ordersTable tr[role="row"]:nth-child(2) input, #itemsTable tr[role="row"]:nth-child(2) input, #inventoryTable tr[role="row"]:nth-child(2) input {background-color: transparent !important; height: 2em; padding: 0 6px 0 0; width: 100%; color: #fff; font-size: 1em; font-weight: normal; }
#shipmentsTable tr[role="row"]:nth-child(2) input:focus-visible, #ordersTable tr[role="row"]:nth-child(2) input:focus-visible, #itemsTable tr[role="row"]:nth-child(2) input:focus-visible, #inventoryTable tr[role="row"]:nth-child(2) input:focus-visible {outline: none !important; }
#shipmentsTable tr[role="row"]:nth-child(2) input::placeholder, #ordersTable tr[role="row"]:nth-child(2) input::placeholder, #itemsTable tr[role="row"]:nth-child(2) input::placeholder, #inventoryTable tr[role="row"]:nth-child(2) input::placeholder {color: #fff !important; }
#shipmentsTable tr[role="row"]:nth-child(2) select, #ordersTable tr[role="row"]:nth-child(2) select, #itemsTable tr[role="row"]:nth-child(2) select, #inventoryTable tr[role="row"]:nth-child(2) select {width: 100%; height: 24px; border: 1px solid #aaa; border-radius: 3px; background-color: #fff; padding: 4px;}
button img {margin: 0 !important; }
div.dt-buttons::before {content: 'Export as'; margin-right: 8px; }
table.dataTable thead .sorting {background-image: url(/sortboth.png) !important; }
table.dataTable thead .sorting_asc {background-image: url(/sortasc.png) !important; }
table.dataTable thead .sorting_desc {background-image: url(/sortdesc.png) !important; }
table.dataTable thead .sorting:after {opacity: 0 !important; }
table.dataTable tbody tr:hover {background-color: #505efa !important; color: #fff !important;}
table.dataTable tbody td {color:#fff !important;} /* Ensure all table cell text stays white */
.dataTables_filter input[type="search"] {background-color: #fff !important; color: #000 !important; border: 1px solid #ccc; padding: 4px 8px; border-radius: 4px;}
.dataTables_paginate a, .dataTables_paginate span a{color: #fff !important; text-decoration: none; font-weight: bold;}
.dataTables_paginate .paginate_button.current {background-color: #fff !important; color: #000 !important; border: 1px solid #ccc; border-radius: 4px;}

/* iframe Shipment details */
iframe.quickform {margin-left: -30px; width: 130% !important; background: transparent; height: 120px !important; }
fieldset[aria-label="Pickup address"], fieldset[aria-label="Supplier"], fieldset[aria-label="Consignee"], fieldset[aria-label="Delivery address"] {border: 0; background: #C4CAF3; }
fieldset[aria-label="Pickup address"] iframe, fieldset[aria-label="Supplier"] iframe, fieldset[aria-label="Consignee"] iframe , fieldset[aria-label="Delivery address"] iframe {height: 115px !important; scrolling: no}
fieldset[aria-label="Tracking Status"] iframe {height: 200px !important; }
fieldset[aria-label="LiveMap"] {background: transparent; }
/* fieldset[aria-label="Section"] tbody {background: #F2F1E8; } */
fieldset[aria-label="Section"] tbody {background: #C4CAF3 !important; }

/*Portal access request form area */
.crmEntityFormView .form-control-cell, .crmEntityFormView .cell.crmquickform-cell:first-child, .crmEntityFormView .cell input {background: transparent !important; }
.crmEntityFormView input[type="text"],
.crmEntityFormView input[type="email"],
.crmEntityFormView input[type="first name"],
.crmEntityFormView input[type="last name"],
.crmEntityFormView input[type="additional comment"],
.crmEntityFormView select,
.crmEntityFormView textarea {
  background: #fff !important;
  color: #000 !important;
  border-radius: 4px;
}
.crmEntityFormView {background: transparent !important;}

/* LiveMap */
#divWhereIsMyContainerGoogleMap {margin: 30px !important; }

/* Markers */
.alert-warning, .alert-danger {background-color: #f1cccf; border-color: #f1cccf; color: #B7000D; font-weight: 700; }
label {margin-bottom: 0; font-size: 1.25em; font-weight: bold !important;}
input[type="radio"], input[type="checkbox"] {margin: 5px 0 0; width: 15px; height: 15px; }

/* Forside - ændring til hero billede, overlay og tekst */
.section-landing {text-align: center; background: linear-gradient(rgba(0,67,118,0.25), rgba(0,67,118,0.25)), url(homehero.jpg) no-repeat center; background-size: cover; }
.section-landing .row > div .section-landing-heading {text-transform: none; font-size: 2rem; font-weight: 500; color: #fff !important; }
.section-landing .row > div .section-landing-sub-heading {font-size: 5rem; letter-spacing: 1px; font-weight: 900; color: #fff !important; }
.section-landing .container {padding-top: 10em !important; padding-bottom: 3em !important; }
.section-landing-heading, .section-landing-sub-heading {text-shadow: 0 0 8px #000074; }

/* Kontorside */
.offices {margin-left: -15px; margin-right: -15px; }
.city {margin: 0 0 0.1em; color: #fff; font-weight: 700; font-size: 1.2em; }
h2.country::before {content: "";}

/* Profilside */
#ProfileFormView {background: #F2F1E8 !important; padding: 26px 0 0; border-radius: 5px;}
#ProfileFormView fieldset {margin-bottom: -10px; }
#ProfileFormView .cell input {background-color: #FFF !important; border: 1px solid #F2F1E8; height: 35px; }

/* Forsidespots - luft mellem billede og tekst */
.columnBlockLayout img {margin-bottom: 6px; border-radius: 4px;}
.columnBlockLayout video {border-radius: 4px;}

/* Nav tabs */
.nav-tabs {border-bottom: 1px solid #F2F1E8; }
.nav-tabs > li > a {background-color: transparent; transition: all 0.3s ease; }
.nav-tabs > li.active > a {background-color: #F2F1E8; border: 1px solid #F2F1E8; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;}
.nav > li > a:hover {background-color: #F2F1E8 !important; border: 1px solid #F2F1E8; cursor: pointer; border-radius: 5px;}
.nav > li.active > a:hover, .nav > li.active > a:focus, .nav > li.active > a:active {background-color: #F2F1E8 !important; border: 1px solid #F2F1E8; cursor: pointer; }
.view-toolbar a.add-file, .view-toolbar a.add-folder, [aria-labelledby="external-login-heading"] button {background: #ff5500; border: 1px solid #ff5500; color: #fff !important; transition: all 0.3s ease; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;}
.view-toolbar a.add-file:hover, .view-toolbar a.add-folder:hover, [aria-labelledby="external-login-heading"] button:hover {background: #d94800; border: 1px solid #d94800; }

.modal .primary  {background-color: #00B400 !important; border-color: #00B400 !important; color: #fff; transition: all 0.3s ease; }
.modal .cancel {background-color: #B7000D !important; border-color: #B7000D !important; color: #fff; transition: all 0.3s ease; }
.modal .primary:hover, .modal .primary:active, .modal .primary:focus, .modal .primary:active:hover, .modal .primary:active:focus {background-color: #009900 !important; border-color: #009900 !important; color: #fff; }
.modal .cancel:hover, .modal .cancel:active, .modal .cancel:focus, .modal .cancel:active:hover, .modal .primary:active:focus {background-color: #9C000B !important; border-color: #9C000B !important; color: #fff; }

/* Details forms */
.formDetails table table {border-radius: 5px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;}
.formDetails h3 {text-align: center; font-weight: bold;}

/* Embedded forms */
.modal-content { border-radius: 10px !important;}

/* Grid views */
.entity-grid .view-grid {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;
}

/* Strukturelt */
.entitylist, .crmEntityFormView {border: 0 !important; color: #404040; } 
.page_section .container {padding-top: 2em; padding-bottom: 2em; }
.page-heading {padding-left: 15px; padding-right: 15px; background-color: #0000a8 !important;}
.page-header {margin-bottom: 9px; }
.page-header {border-bottom: 0; margin-bottom: 0; padding-bottom: 4px; }
.page-header h2 {margin-bottom: 0; }
.row, .formDetails {margin: 0 !important; padding: 0 !important; }
.well {border: 0; background-color: #F2F1E8; -webkit-box-shadow: none; box-shadow: none; font-weight: 700; border-radius: 5px;}
.panel {border: 0; }
.panel-default > .panel-heading {background-color: #F2F1E8 !important; border: 0; border-radius: 5px;}
.breadcrumb, .breadcrumb a {background-color: inherit !important;} /* takes color from parent container */

/* Full width sidetype - bruges bl.a. af My Shipments */
.full-width {margin-left: 50px; margin-right: 50px; }
.full-width {background: rgba(0,25,169,1); }

.navbar-static-top.navbar-inverse {font-family: proxima-nova,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;background-color: #000074 !important; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background: #0019A9; }
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a, .navbar-static-top.navbar-inverse .navbar-brand a {font-family: proxima-nova,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;color: #fff !important; transition: all 0.3s ease; }
.navbar-static-top .navbar-brand {font-weight: 800; font-size: 1.5em; }
a.homelink span {margin-left: 0.5em; }
.navbar {-webkit-box-shadow: 0 0 20px rgb(0 0 0 / 35%); box-shadow: 0 0 20px rgb(0 0 0 / 35%); }
.navbar-brand {padding: 11px 15px; }
.navbar-inverse .navbar-nav .open .dropdown-menu {background: #fff; }
.navbar-right.menu-bar {padding-right: 15px} 

.fa-arrow-down:before, .fa-arrow-up:before {color: #ff5500; }
.entitylist-search {width: 18em; }
.view-search .form-control, ul.dropdown-search .form-control, input  {height: 4rem; background-color: #fff !important; border: 0 !important; -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%); box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%); border-radius: 4px !important;}
.view-search .btn-default, ul.dropdown-search button.btn-default {background-color: #ff5500; height: 3em; width: 3em; transition: all 0.3s ease; border-radius: 3px;}
.view-search .btn-default:hover, .view-search .btn-default:active:hover, .view-search .btn-default:active:focus, .view-search .btn-default:active.focus, .view-search .btn-default.active:hover, .view-search .btn-default.active:focus, .view-search .btn-default.active.focus, ul.dropdown-search button.btn-default .btn-default:active:hover, ul.dropdown-search button.btn-default .btn-default:active:focus, ul.dropdown-search button.btn-default .btn-default:active.focus, ul.dropdown-search button.btn-default .btn-default.active:hover, ul.dropdown-search button.btn-default .btn-default.active:focus, ul.dropdown-search button.btn-default .btn-default.active.focus, .view-search .btn-default:active, .view-search .btn-default.active, .view-search .btn-default:focus, .view-search .btn-default.focus, .form-search .btn-default:hover, .input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active {background-color: #d94800; border-color: #d94800 !important; }
.fa-search:before {color: #fff; }
.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {line-height: inherit; }
.btn-default, ul.dropdown-search button.btn-default {background: #1a33cc; color: #fff; border-color: #1a33cc !important; border-radius: 4px !important};
.dropdown .btn, .dropup .btn {background: #0019A9; color: #fff; border-color: #0019A9!important; transition: all 0.3s ease; border-radius: 3px;}
.dropdown .btn:hover, .dropup .btn:hover {background: #F2F1E8; color: #0019A9; }
#navbar .dropdown-search, #navbar .dropdown-menu {margin: 0; }
.dataTables_wrapper .dataTables_filter input {margin-left: 8px !important; border-radius: 5px !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;}
.container .fa {line-height: 1; }
li a {margin-left: 0; }
table {font-size: 1.25rem; color: #fff; margin-right: 6px; border-radius: 10px; border: 0px;}
ul.pagination li:first-of-type a, ul.pagination li:last-of-type a {background: transparent; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {cursor: default; background-color: #0019A9 !important; border-radius: 0; color: #fff !important;}
.pagination > li > a, .pagination > li > span {height: 100%; padding: 10px; background: #F2F1E8; transition: all 0.3s ease; }
thead {background: #fff; border-radius: 0px; border: 0px;}
.table>thead>tr>th {border-bottom: 1px; }
.sharepoint-custom-icon {display: inline; }

.directory .subnav .fa {margin-top: 0; }
.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {border: 0; margin: 0 6px; }
.navbar-inverse .navbar-nav > li > a:hover {background-color: #0019A9!important; border: 0; padding-bottom: 14.5px; }
.navbar-inverse .navbar-nav > li > a:focus {outline: 0; }
.fa {top: 3px; font-size: 17px !important; }

h2.blue_border {font-size: 2.25em; font-weight: 800; border-bottom: 0; padding-bottom: 0.5em; color: #404040; }
.page_section {color: #404040; }
.dropdown-menu .divider {display: none; }
.dropdown-menu {border: 0; padding: 0; }
.dropdown-menu>li>a {padding: 8px 12px; transition: all 0.3s ease; }

footer {margin-top: 2em; }
footer .footer-bottom {background-color: #0000a8 !important;}
footer .footer-bottom h3, footer .footer-bottom h4 {color: #fff; }
footer .footer-top {display: none; }
.footer-bottom .container {padding: 0}

section#gethelp {display: none; }

:root {--fontFamilyBaicForm: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;}

#dg_account_name.notificationFormField, 
#dg_shipment_name.notificationFormField, 
#dg_eventindextrigger.notificationFormField,
#dg_etddaterange.notificationFormField,
#dg_etadaterange.notificationFormField,
#multiselect_dropdown,
[data-id="MultiSelectDropdownPortal_container"] > div > div > div,
#dg_email.notificationFormField,
#dg_event.trackingEventFormField,
#dg_date.trackingEventFormField ~ .input-append.input-group.datetimepicker > #dg_date_datepicker_description,
#dg_deviationcode_name.trackingEventFormField,
#dg_comments.trackingEventFormField,
#dg_name.documentFormField,
#dg_documenttype.documentFormField {
    height: 30px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: var(--fontFamilyBaicForm);
    font-size: 14px;
    background-color: #f5f5f5 !important;
    border-radius: 4px !important;
    border: 0;
}

#dg_eventindextrigger.notificationFormField option:hover {
    background-color: #f5f5f5 !important;
}
#dg_eventindextrigger.notificationFormField option {
    background-color: #fff;
}
[data-id="MultiSelectDropdownPortal_container"],
.fui-Dropdown{
  width: 100%;
}

#dg_date ~ .input-append.input-group.datetimepicker [role="button"] { background-color: #1a33cc !important; border-color: #1a33cc !important; color: #fff !important; padding: 4px 9px !important; border-radius: 3px !important }
#dg_date ~ .input-append.input-group.datetimepicker .icon-calendar.fa.fa-calendar.iconBorder { top:0px }

/* datetimepicker - display calendar on embeded forms */
.bootstrap-datetimepicker-widget.dropdown-menu {position: fixed !important;}

/* datetimepicker menu styling */
.bootstrap-datetimepicker-widget.dropdown-menu.daterangepicker{
  background-color: #1a33cc !important;
  color: #fff !important;
}

/* Calendar cells (days, headers) */
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th,
.daterangepicker td,
.daterangepicker th {
  background: #1a33cc !important;
  color: #fff !important;
  border-radius: 0 !important;
}

/* Date Range Picker */
.daterangepicker td.in-range {
  background-color: #C4CAF3 !important;
}

/*Selected/active date */
.daterangepicker .ranges li.active {
  background-color: rgba(26,51,204,0.7) !important;
  border-radius: 0 !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: rgba(0,25,169,0.7) !important;
  border-radius: 0 !important;
}

/* Month/Year selector dropdown */
.bootstrap-datetimepicker-widget .datepicker-months select,
.bootstrap-datetimepicker-widget .datepicker-years select,
.daterangepicker select {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #ccc;
  border-radius: 0 !important;
  padding: 2px 4px;
}
/* Options inside the dropdown */
.bootstrap-datetimepicker-widget .datepicker-months select option,
.bootstrap-datetimepicker-widget .datepicker-years select option,
.daterangepicker select option {
  background-color: #fff !important;
  color: #000 !important;
}

/* Calendar navigation arrows */
.bootstrap-datetimepicker-widget .datepicker-switch td span,
.bootstrap-datetimepicker-widget .datepicker .prev,
.bootstrap-datetimepicker-widget .datepicker .next,
.daterangepicker .prev,
.daterangepicker .next {
  color: #fff !important;
  font-weight: bold;
  cursor: pointer;
  border-radius: 0 !important;
}
/* Hover effect for arrows */
.bootstrap-datetimepicker-widget .datepicker .prev:hover,
.bootstrap-datetimepicker-widget .datepicker .next:hover,
.daterangepicker .prev:hover,
.daterangepicker .next:hover {
  color: rgba(26,51,204,0.7) !important;
}