/*--------------------------------------------------------------
- Import : Site variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Global widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
- Init : Typography
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap");
/*--------------------------------------------------------------
- Import : Mixins
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Init : Mixins
------------------------------------------------------- */
/*--------------------------------------------------------------
- Import : Typography
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Init : Globals
------------------------------------------------------- */
body { font-family: "Inter", sans-serif; }

/* -------------------------------------------------------
- Init : Bolds
------------------------------------------------------- */
b, strong, .bold { font-weight: 600; }

/* -------------------------------------------------------
- Init : Heading
------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #000; font-family: "Inter", sans-serif; }
h1 { font-size: 48px; line-height: 82px; }
h2 { font-size: 40px; line-height: 82px; }
h3 { font-size: 32px; line-height: 52px; color: #1F41F7; }
h4 { font-size: 24px; line-height: 42px; color: #1F41F7; }
h4.active { background: #E7F8F6; border-radius: 2rem; color: #2CC5A7; display: block; padding: 0.3rem 1rem; }
h4.inactive { background: rgba(247, 174, 31, 0.1); border-radius: 2rem; color: #F7AE1F; display: block; padding: 0.3rem 1rem; }
h4.first-review { background-color: #fff3cd; border-radius: 2rem; color: #000; display: block; padding: 0.3rem 1rem; }
h4.second-review { background-color: #e2e3e5; border-radius: 2rem; padding: 0.3rem 1rem; }

/*--------------------------------------------------------------
- Import : Elements
--------------------------------------------------------------*/
/* form setup */
.main-content form label { font-size: 1rem; font-weight: 700; line-height: 1.5rem; margin-bottom: 0.5rem; }

.main-content form input[type='text'], 
.main-content form input[type='number'], 
.main-content form select { 
    border: 0.125rem solid #EAEDEE; margin-bottom: 1.5rem; border-radius: 0.75rem; 
    min-height: 3.5rem; 
    padding: 0.5rem 1rem; color: #96999C; font-size: 1rem; font-weight: 400; line-height: 1.5rem; }

.main-content form input[type="radio"] { min-height: 1rem; }

/*--------------------------------------------------------------
- Init : Buttons
--------------------------------------------------------------*/
button, .btn { border-radius: 0.75rem; min-width: unset; padding: 0.5rem 2rem; font-style: normal; font-weight: 500; font-size: 1rem; line-height: 1rem; text-align: center; }

.btn-sm { height: 2rem; }

.btn.btn-new, .btn.btn-outline-primary { border: 2px solid #1F41F7; border-radius: 12px; color: #1F41F7; }

.btn.btn-new:hover, .btn.btn-outline-primary:hover { background-color: #1F41F7; color: #fff; }

.btn.btn-primary { background-color: #1F41F7; border: 2px solid #1F41F7; }

.btn.btn-primary:hover { background-color: #fff; color: #1F41F7; }

.btn.btn-outline-primary { padding: 0.5rem 1rem; height: auto; }

/*.alert button,  .alert .btn { unset(height); }*/
/** card */
.card { min-width: 50rem; }

/*--------------------------------------------------------------
- Init : Tables
--------------------------------------------------------------*/
table.table thead.table-head th, table.table thead.table-head td, table.table tbody th, table.table tbody td { padding: 20px 20px; font-size: 15px; font-weight: 400; line-height: 18px; }
table.table thead.table-head { background-color: #F6FBFF; }
table.table thead.table-head th { border: none; color: #677785; }
table.table thead.table-head th:first-of-type { border-top-left-radius: 12px; }
table.table thead.table-head th:last-of-type { border-top-right-radius: 12px; }
table.table tbody tr td { color: #000; border-top: unset; /* disabled 20240429 border-bottom: 1px solid #EFEFEF;*/ }
table.table tbody tr td a { color: #1F41F7; text-decoration: none; }
table.table tbody tr td a.btn { color: #fff; }
table.table tbody tr td span { text-align: center; }
table.table tbody tr td span.quantity { border-radius: 2rem; padding: 0.3rem 1rem; }
table.table tbody tr td span.quantity:focus { border-color: #1F41F7; color: #1F41F7; }
table.table tbody tr td span.active, table.table tbody tr td span.inactive { border-radius: 2rem; display: block; padding: 0.5rem 1rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
table.table tbody tr td span.active { background: #E7F8F6; color: #2CC5A7; }
table.table tbody tr td span.inactive { background: rgba(247, 174, 31, 0.1); color: #F7AE1F; }
table.table tbody tr td span.first-review { background: rgba(247, 174, 31, 0.1); border-radius: 2rem; display: block; padding: 0.3rem 1rem; }
table.table tbody tr td span.second-review { background-color: #e2e3e5; border-radius: 2rem; display: block; padding: 0.3rem 1rem; }
table.table tbody tr td a.btn-outline-primary { color: #1F41F7; }
table.table tbody tr td table.tabletransport td { padding: 0; }
table.table tbody tr:hover { background-color: #F9F9F9; }
table.table tr.data-row-tranport {border-bottom: 1px solid #000 /*changed 20240429 #007bff*/;}

/*--------------------------------------------------------------
- Init : Overlays
--------------------------------------------------------------*/
.modal.form-carrier .modal-dialog { -webkit-box-shadow: 0 0 30px 0 #00000026; box-shadow: 0 0 30px 0 #00000026; }
.modal.form-carrier .modal-dialog .modal-content { border: none; border-radius: 0; }
.modal.form-carrier .modal-dialog .modal-content .modal-header { 
    background-color: #2CC5A71A; 
    min-height: 14rem; 
    display: -webkit-box; display: -ms-flexbox; 
    display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; 
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 
    -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; 
    padding: 3.5rem 3rem 2rem; border: none; }
.modal.form-carrier .modal-dialog .modal-content .modal-header button { float: unset; padding: 0; margin: 0; min-width: unset; height: unset; }
.modal.form-carrier .modal-dialog .modal-content .modal-header button span { font-size: 35px; line-height: 35px; }
.modal.form-carrier .modal-dialog .modal-content .modal-body { padding: 40px 3rem; }
.modal.form-carrier .modal-dialog .modal-content .modal-body form label { font-size: 1rem; font-weight: 700; line-height: 1.5rem; margin-bottom: 0.5rem; }
.modal.form-carrier .modal-dialog .modal-content .modal-body form input, .modal.form-carrier .modal-dialog .modal-content .modal-body form select { border: 0.125rem solid #EAEDEE; margin-bottom: 1.5rem; border-radius: 0.75rem; min-height: 3.5rem; padding: 0.5rem 1rem; color: #96999C; font-size: 1rem; font-weight: 400; line-height: 1.5rem; }

/*--------------------------------------------------------------
- Init : Sidebar
--------------------------------------------------------------*/
.sidebar .sidebar-content h1, .sidebar .sidebar-content h2, .sidebar .sidebar-content h3, .sidebar .sidebar-content h4, .sidebar .sidebar-content h5, .sidebar .sidebar-content h6 { text-align: left; margin-bottom: 1rem; }

/*--------------------------------------------------------------
- Import : NaN
- Init all global width options
- Init Body : Globals
--------------------------------------------------------------*/
html { overflow-x: hidden; }
html body * { -webkit-transition: 0.5s; transition: 0.5s; }
html body .site main { min-height: calc(100vh - 4rem); }

/*--------------------------------------------------------------
- Init : Default carrier
--------------------------------------------------------------*/
.default-carrier { padding: 2rem; border: 3px solid #F3F3F3; border-radius: 0.75rem; }
.actions-carrier { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; }
.actions-carrier ul.nav-pills { margin: 0; border: 2px solid #F3F3F3; border-radius: 50px; }
.actions-carrier ul.nav-pills li.nav-item a.nav-link { background-color: transparent; color: #000; padding: 0.5rem 1.5rem; border-radius: 50px; }
.actions-carrier ul.nav-pills li.nav-item a.nav-link.active { background-color: #1F41F7; color: #fff; }
.actions-carrier p { margin: 0; }
.actions-carrier .btn { min-height: 3rem; }

/* change modal */
.modal-content { height: 100vh; /* <=== */ width: 100%; }
.modal-body { height: 100%; overflow: auto; }
.modal-dialog { position: fixed; margin: auto; width: 50%; /* 50vw and you have 50vh */ height: 100%; right: 0px; }

/*overrule*/
@media (min-width: 576px) { .modal-dialog { max-width: 50%; } }

/*--------------------------------------------------------------
- Init : all global width options
--------------------------------------------------------------*/
.global-width-xl { max-width: 1400px; width: 100%; }

.global-width-md { max-width: 760px; width: 100%; }

/*--------------------------------------------------------------
- Init: content base (Controls global width)
--------------------------------------------------------------*/
.content-base { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

/** forms */
input { border: 0.25rem solid #EAEDEE; border-radius: 1.5rem; }

/*--------------------------------------------------------------
- Init all globals
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Init : Header
------------------------------------------------------- */
.main-header { padding: 0; }

.main-header .content-row-header .container-fluid { display: block; }

.main-header .content-row-header .container-fluid .header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.main-header .content-row-header .container-fluid .header-content .header-block.horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.main-header .content-row-header .container-fluid .header-content .header-block.horizontal .user { margin: 0 1rem 0 0; font-size: 1rem; font-weight: 500; line-height: 18px; }

.main-header .content-row-header .container-fluid .header-content .header-block.horizontal .settings { position: relative; }

.main-header .content-row-header .container-fluid .header-content .header-block.horizontal .settings .settings-icon { cursor: pointer; }

.main-header .content-row-header .container-fluid .header-content .header-block.horizontal .settings .settings-block { position: absolute; background-color: #fff; border-radius: 10px; border: solid 2px #f2f2f2; padding: 1.5rem; min-width: 200px; right: 0; top: calc(100% + 1rem); z-index: 9999; -webkit-box-shadow: 0px 0px 12px 0px #00001114; box-shadow: 0px 0px 12px 0px #00001114; }

.main-header .content-row-header .container-fluid .header-content .header-block.horizontal .settings .settings-block ul.settings-list { padding: 0; margin: 0; }

.main-header .content-row-header .container-fluid .header-content .header-block.horizontal .settings .settings-block ul.settings-list li.settings-list-item { list-style-type: none; padding-bottom: 0.8rem; margin-bottom: 0.8rem; border-bottom: solid 1px #e2e2e2; font-size: 14px; line-height: 1rem; }

.main-header .content-row-header .container-fluid .header-content .header-block.horizontal .settings .settings-block ul.settings-list li.settings-list-item:last-of-type { margin: 0; padding: 0; border: none; }

.main-header .content-row-header .container-fluid .header-content .header-block .navbar-brand { padding: 0; margin: 0 0 2rem 0; }

.main-header .content-row-header .container-fluid .header-content .header-block .navbar-brand .brand-image { height: 100px; -o-object-fit: contain; object-fit: contain; position: relative; left: -8px; }

.main-header .content-row-header .container-fluid .header-content .header-block .navbar-collapse ul.navbar-nav li.nav-item { margin-right: 2rem; }

.main-header .content-row-header .container-fluid .header-content .header-block .navbar-collapse ul.navbar-nav li.nav-item a.nav-link { font-size: 16px; font-weight: 400; line-height: 19px; padding: 0; color: #000; opacity: 0.5; }

.main-header .content-row-header .container-fluid .header-content .header-block .navbar-collapse ul.navbar-nav li.nav-item.active { border-bottom: 3px solid #0085FF; padding-bottom: 0.5rem; }

.main-header .content-row-header .container-fluid .header-content .header-block .navbar-collapse ul.navbar-nav li.nav-item.active a.nav-link { font-weight: 700; opacity: 1; }

.main-header .content-row-header .container-fluid .header-content .header-block .navbar-collapse ul.navbar-nav li.nav-item:last-of-type { margin-right: 0; }

/* --------------------------------------------------
- Init : Footer
-------------------------------------------------- */
.footer { background-color: #f5f5f5; }

.footer .footer-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 4rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.footer .footer-content .copyright { margin-bottom: 0; font-weight: 700; width: 70%; }

.footer .footer-content .user_information { margin-bottom: 0; font-weight: 700; width: 30%; text-align: end; }

/*--------------------------------------------------------------
- Init all content rows
--------------------------------------------------------------*/
/* -------------------------------------------------------
- Init content row : Main 
------------------------------------------------------- */
section#view-content .content-row-main { margin: 2.5rem 0; }

section#view-content .content-row-main .title-content { margin-bottom: 3rem; }

section#view-content .content-row-main .title-content .title { margin-bottom: 0; }

/* -------------------------------------------------------
- Init content row : Login 
------------------------------------------------------- */
section#view-content .content-row-login { padding-top: 10rem; }

section#view-content .content-row-login .title { margin-bottom: 1.5rem; }

section#view-content .content-row-login p { margin-bottom: 2.5rem; }

/* -------------------------------------------------------
- Init : Header
------------------------------------------------------- */
#barchart { -webkit-transition: none !important; transition: none !important; }

#barchart text { -webkit-transition: none !important; transition: none !important; }