/* RELEASE 17.09.2025 */

.light-box-02 .lb-cont .col-bottom .lb-buttons a.but-flex-01:hover {
color: white !important;
}
.light-box-02 .lb-cont .col-bottom .lb-buttons a.but-flex-02:hover {
color: white !important;
}

.light-box-01 .lb-buttons .but-flex-02:hover {
color: white !important;
}

.per-page a:hover {
color: #0061e5 !important;
}

.per-page a.selected:hover {
color: #0061e5;
}

.page-numbers a:hover {
color: white !important;
}

body > div.dealer > div.container-07 > div > table > tbody > tr > td.col-04 > table:nth-child(2) {
display: none;
}

.col-02 .list-box-08 {
width: 100%;
clear: both;
float: left;
position: relative;
margin-left: 200px !important;
margin-top: 50px !important;
}

#fmSearchForm .listfilter, #searchForm .listfilter, #alternativeFilterForm .listfilter {
background-color: #282830 !important;
margin-left: 20px;
margin-right: 20px;
}

.lightboxCloseButton:before, .light-box-01 .light-box-close.close:before, .light-box-02 .light-box-close.close:before, .custom-confirmation-dialog .custom-close-button:before {
color: white !important;
}

.pagetitle {
margin: 12px;
margin-left: 20px;
}

.actions-01 a:hover {
padding: 5px;
padding-bottom: 3px;
text-align: center;
color: white;
}

.list-box-08 .action .but-flex-04 a:hover {
color:white !important;
}

.table-03 {
margin-bottom: 70px;
}

.dashboard-01 a.dashboard-link:hover {
color: #282830 !important;
}

body > div.dealer > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr > td.action > div.actiondropdown {
position: relative;
left: 35%;
}


body > div.dealer > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr > td.action > div > div a:hover {
color: white !important;
}

.but-edit-01:before {
color: #b20403;
}

.but-edit-01:after {
color: #b20403;
}

.but-edit-01:hover {
color: white;
}

.light-box-01 .light-box-tabs.lb-tabs .tab-flex-02 .tab-R.active {
color: white;
}

.light-box-01 .light-box-tabs.lb-tabs .tab-flex-02 .tab-R, .light-box-01 .light-box-tabs.lb-tabs .tab-flex-03 .tab-R {
background-color: #282830 !important;
}

.light-box-01 .row-10-M1 .light-box-border.border-10-MR {
background-color: #282830 !important;
}

.light-box-01 .light-box-header.lb-header, .light-box-01 .light-box-header.lb-subheader {
background-color: #282830 !important;
color: white;
}

.signin .bottomBar .button a.but-flex-01 {
    display: block;
    width: 70%;
    left: 13.8% !important;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

.signin .bottomBar .button a.but-flex-01:hover {
    color: white !important;
}

.actions-02 {
margin-left: -50% !important;
width: unset !important;
top: 5px;
}

.dashboard-01 a.dashboard-button.but-flex-01, #fmSearchForm a#submitsearch.but-flex-01, #searchForm a#submitsearch.but-flex-01, #alternativeFilterForm a.but-flex-01, table tbody tr td.db .zw td input[type="submit"], table tbody.info-card button[type="submit"] {
border-color: white !important;
}

.footer-right {
margin: 20px 20px 20px 20px !important;
}

.row-08-M1 {
display: none !important;
}

.row-logo {
display: unset !important;
}

.header .top .col-logo.has-languages {
top: 0px !important;
}

.header .top .col-logo.has-languages .logo {
float: none;
flex-shrink: 0;
top: -20px !important;
position: relative;
width: 400px;
}

.border-07-MR.top-menu-option, table.side-panel .db.side-panel-main-header {
background-color: #282830 !important;
}

.dashboard-link {
color: #b20403 !important;
}

.dashboard-01 a.dashboard-link:visited {
color: #b20403 !important;
}

.signin .bottomBar .form-label-group {
display: unset !important;
}

.layerSignin .content .signin .links.signin-links {
padding: 10px 15px 10px 0;
}

.dashboard-01 h1 {
background-color: white !important;
color: #b20403 !important;
background-image: none;
border-radius: 50%;
width: 100px;
height: 100px;
z-index: 1;
}

.dashboard-01 .col-02 {
position: relative; /* anchor the pseudo-element */
background-color: #282830 !important;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
  box-shadow: 0px 0px 0px 0px #282830,
              0px 0px #282830,
              3px 0px 10px #282830;
}

/* Fake border-top */
.dashboard-01 .col-02::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 100px;
  width: calc(100% - 100px - 10px); /* 100% minus left & right gaps */
  height: 2px;
  background: #b20403;
}

/* RELEASE 17.09.2025 */

div[title="Editar Tipo"]:has(~ td.value:contains("Vehículo")) ~ [id^="tab_dyntab9932374c-5b1b-465e-ae12-1bedc05a4822"] {
  display: none;
}


[id^="rb_DSR-VISIBLE_BGN_"][value="UNDEFINED"],
[id^="rb_DSR-VISIBLE_BGN_"][value="UNDEFINED"] + label {
    display: none;
}


.light-box-01 .lb-cont .col-pict {
width: unset;
}


div[style="margin:12px"] {
width: 100vw;
    height: 83.5vh;
    padding-top: 230;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: #282830;
    opacity: 95%;
    color: white;
    text-align: center;
    text-align-last: center;
    align-items: center;
    display: flow;
}
.x1 {
width: 100vw;
    height: 83.5vh;
    padding-top: 230;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: #282830;
    opacity: 95%;
    color: white;
    text-align: center;
    text-align-last: center;
    align-items: center;
    display: flow;
}


#BRUGERPROFIL_FORM {
width: 100vw;
    height: 83.5vh;
    padding-top: 230;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: #282830;
    opacity: 95%;
    color: white;
    text-align: center;
    text-align-last: center;
    align-items: center;
    display: flow;
}

#BRUGERPROFIL_FORM > div.xl {
margin-bottom: 30px;
    color: white;
}

#BRUGERPROFIL_FORM > p:nth-child(4) > input[type=submit] {
    position: relative !important;
    margin-bottom: 20px;
    margin-top: 25px;
}

.list-box-08 .page-number-bar {
flex-direction: row-reverse !important;
}

.actions .right {
float: none !important;
}

#MISC_ENUM_5-ENUM7 option[value=""] {
    display: none;
}

/* PAGE NUMBERS (START) */

.page-numbers a.selected:visited, .page-numbers a.selected:active, .page-numbers a.selected:hover {
color: #ffffff;
font-weight: 700 !important;
}

.per-page a.selected {
font-weight: 700 !important;
}

.per-page a.selected:visited {
font-weight: 700;
}

.per-page a:hover {
color: #ff0022;
}

/* PAGE NUMBERS (END) */

/* RESULTS PER PAGE */

.list-box-08 .page-number-bar {
    border-top: none;
    border-bottom: none;
    display: flex;
    flex-direction: row;
    height: 45px;
    width: max-content;
    position: absolute;
    top: -42px;
    padding: 0px;
left: -195px;
}

.list-box-08 .page-number-bar .page-numbers {
min-width: unset;
}

.next-page {
display: none;
}

/* RESULTS PER PAGE */

/* TEST ENV RIBBON */

.watermark-wrapper-footer .watermark-details {
top: 325px;
}

.watermark-wrapper {
    position: fixed;
    padding: 30px;
    z-index: 5;
    background-color: white;
    width: 200px;
    top: 0%;
}

.watermark {
    width: 100%;
    height: 40px;
    color: white;
    text-align: center;
    background-color: #b20403;
    outline: 2px dotted #282830;
    position: relative;
}

/* TEST ENV RIBBON */

.light-box-02 .lb-cont .entry .value {
text-align: left;
}

.light-box-02 .lb-cont .col-00 td,th {
padding: 10px;
text-align: center;
}

#GlobalFilterForm > table > tbody > tr:nth-child(1) > td > table > tbody > tr.sep-cat-01 > td {
text-align: center;
position: relative;
}

/* TEST - ACTIONS LEFT (START) */

.actions {
margin-left: 20px;
}

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.catbar-01 > td:last-child {
    position: relative;
    right: 100.06%;
    width: 170px;
    top: 5%;
}

.list-box-08 .action .but-flex-04 {
display: inline-block;
margin: 5px;
}

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.row-hover > td {
overflow: unset !important;
right: 100.06%;
}


.col-02 .list-box-08 .action {
    position: relative;
    right: 99.9%;
    width: 170px;
    top: 5%;
}

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.row-hover > td.action > div > div {
margin-top: 0px !important;
/*margin-top: unset !important;*/
display: unset !important;
}

/* TEST - ACTIONS LEFT (END) */

.header .tabs .passive .left a {
color: white;
background-color: #535359;
}

.header .tabs .passive .left a:hover {
color: white !important;
}

.header .tabs .passive .left {
    /* width: auto; */
    position: fixed;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* width: 100px; */
    font-size: 9px;
    left: 17px;
    top: 183px;
    height: 28px;
    background-color: #282830;
}


.header .tabs .active .left {
display: none;
}

.menu .tabs {
    /* display: none; */
    position: fixed;
    right: 0px;
    margin-top: 10px;
}
.actions-01 a {
padding: 5px;
padding-bottom: 3px;
text-align: center;
}

.actions-01 .cat {
text-align: center;
padding: 3px;
}

.zlg {
    background-color: #eaeaea;
    top: 290px;
    position: relative;
}

.xdsoft_datetimepicker {
border-radius: 10px;
}

.actions-01 div {
height: 23px;
padding-bottom: 0px;
}

.header .top .but-login {
    float: right;
    margin: unset;
}

.sep-cat-01 .but-edit-01 {
left: 0px;
float: left !important;
top: 2px;
position: relative;
margin-right: 10px !important;
}

.sep-cat-01 {
padding-right: 100px;
}

body {
width: max-content;
min-width: -webkit-fill-available;
}

.header .economy td {
padding: 2px 10px;
font-weight: 500 !important;
}

.container-07 .width-04 {
width: 99.5%;
position: absolute !important;
left: 0%;
}

/* TEST */

.filter {
opacity: 0.7;
}

.light-box-02 .lb-cont .col-bottom {
background-image: none;
}

a.but-flex-02, a.but-flex-03, div.nav-controls a.next, div.nav-controls a.prev {
display: table-cell;
}

.light-box-01 .lb-buttons .but-flex-02 {
display: block;
margin: 0px;
float: unset;
text-align: center;
margin-left: 300px;
margin-right: 300px;
background: #b20403;
border-color: #212124 !important;
}

.light-box-01 .lb-buttons .but-flex-02:hover {
display: block;
margin: 0px;
float: unset;
text-align: center;
margin-left: 300px;
margin-right: 300px;
background: #535359;
color: white !important;
}

.tab-flex-03 .tab-R a:hover {
color: #ffffff;
background-color: #282830;
transition: all .1s;
position: relative;
overflow: hidden;
  z-index: 1;
  &:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
  }
  &:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: all .3s;
    z-index: -1;
  }
  &:hover {
    &:before {
      width: 100%;
    }
  }
}

/* TEST */

/* STICKY ELEMENTS - HORIZONTAL SCROLLING - LEFT BAR (START) */


body > div.container-07 > div > table > tbody > tr > td.col-04 {
display: table-cell;
position: fixed;
height: 100%;
/* min-width: 8%; */
left: 0px;
top: 280px;
z-index: 5;
padding: 20px;
padding-right: 50px;
background-color: #ffffff;
box-shadow: 1px -1px 9px 0px #535359;
}

.container-07 {
width: -webkit-fill-available !important;
padding-top: 90px !important;
padding-left: 200px !important;
margin-top: 215px !important;
}

/* STICKY ELEMENTS - HORIZONTAL SCROLLING - LEFT BAR (END) */

/* STICKY ELEMENTS - HORIZONTAL SCROLLING (START) */

.table-03 .col-sep-02 .spacer {
width: 60px;
}

.table-03 .col-04 {
position: relative;
left: 20px;
}

.table-03 .col-sep-02 {
width: 60px;
}

.header .top {
background-color: white;
position: sticky;
width: -webkit-fill-available;
}

.header .top .col-logo .logo {
width:100%;
margin: 20px;
}

.header .top .col-logo {
position: fixed;
background-color: white;
width: -webkit-fill-available !important;
height: 290px;
padding: unset;
display: flex !important;
flex-direction: row;
text-align: center;
}

.header .top .col-user {
position: fixed;
right: 1%;
top: 20px;
z-index: 4;
height: 25px;
}

.container-07 {
padding: 100px 0 20px 0;
position: sticky;
top: 15%;
background: none;
margin-top: 215px;
margin-bottom: 200px !important;
}

.globalfilter {
position: fixed;
top: 258px;
z-index: 3;
box-shadow: 0px 2px 5px 0px #535359;
}

.header .menu {
position: fixed;
top: 215px;
z-index: 3;
}

.header {
background-image: unset;
position: sticky;
z-index: 3;
}

/* STICKY HEADER - HORIZONTAL SCROLLING (END) */

/*body { this enables full body automatic resizing */
/*width: max-content; */
/*min-width: -webkit-fill-available; */
/*} */

.light-box-01 .lb-cont .col-02 {
padding: 0px !important;
}

.list-box-08 .action {
vertical-align: middle;
}

a.but-flex-04, a.but-flex-11, a.but-flex-12, a.but-flex-13, .but-05-w100 a, .but-05-w40-submit, .but-05-w80-submit, .next-page a, .prev-page a, .zlgr input.xs[type=submit] {
text-align: center;
}


.list-box-08 th, .list-box-08 td {
text-align: center;
min-width: 100px;
}

.light-box-01 .lb-cont .col-00 {
padding: unset;
flex-direction: column;
width: 1035px;
}


#agreementstabbottombuttons > a {
display: none;
}

#status > div.lb-cont > table > tbody > tr:nth-child(3) > td > div > a {
display: none;
}

.light-box-01 .lb-cont .entry .label {
    width: 162px;
    padding: 5px 4px;
    /*border-top-left-radius: 5px;*/
    /*border-bottom-left-radius: 5px;*/
    /*border-right: none;*/
    /*border-left: 1px solid black;*/
    /*border-bottom: 1px solid black;*/
    /*border-top: 1px solid black;*/
}

.light-box-01 .lb-cont .entry .value {
    width: 268px;
    padding: 5px 4px;
    /*border-top-right-radius: 5px;*/
    /*border-bottom-right-radius: 5px;*/
    /*border-right: 1px solid black;*/
    /*border-left: none;*/
    /*border-bottom: 1px solid black;*/
    /*border-top: 1px solid black;*/
max-width: 300px;
word-wrap: break-word;
}

.light-box-01 .lb-cont .sep-cat-01 td {
padding-bottom: 10px;
padding-right: 5px;
font-size: 15px;
border-bottom: 1px solid #535359;
}

.light-box-01 .lb-cont .row-hover td {
color: #ffffff;
background-color: #282830;
transition: all .3s;
position: relative;
overflow: hidden;
  z-index: 1;
  &:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
  }
  &:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-bottom: 2px solid #ff0022;
    transition: all .3s;
    z-index: -1;
  }
  &:hover {
color: #ffffff;
    &:before {
      width: 100%;
    }
  }
}

.light-box-01 .lb-cont .col-01 {
padding: unset;
width: 580px;
}

.light-box-01 .lb-cont table {
/*text-align: center;*/
border-spacing: 0 3px;
padding-bottom: 20px;
padding-top: 0px;
}

#particularstabbottombuttons > a {
display: none;
}

.light-box-01 .lb-buttons {
width: 1060px;
height: 75px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
left: 0px;
bottom: -10px;
background-color: #282830;
position: absolute;
padding-top: 25px;
padding-right: 1px;
}

/* VEHICLE CARD (START) */

.light-box-01 .lb-cont .col-bottom {
background: unset;
}

.light-box-01 {
border-radius: 10px;
border: 1px solid #282830;
box-shadow: 0 0 50px 0px #535359;
width: 1050px;
}

.row-10-M2 .border-10-MR {
width: 1050px;
}

.tab-flex-03 .tab-R a:hover {
color: #ffffff !important;
font-size: 14px;
border-bottom: 2px solid white;
}

.tab-flex-03 .tab-R a {
color: #ffffff !important;
margin-top: -2px;
margin-left: -2px;
margin-right: -2px;
background-color: #282830 !important; 
}

.tab-flex-02 .tab-R {
background-image: unset;
border-bottom: 2px solid #ff0022;
background-color: #282830;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-top: none;
border-right: none;
border-left: none;
font-size: 16px;
font-weight: 600;
}

.tab-flex-03 .tab-R {
border-radius: 5px;
background-image: unset;
background-color: #282830;
border-top: none;
border-right: none;
border-left: none;
font-size: 13px;
font-weight: 500;
}

.tab-flex-02, .tab-flex-03 {
margin-bottom: 5px;
}

.light-box-01 .lb-tabs {
margin: 0 0px 5px 0;
height: 40px;
background-color: #282830 !important;
width: 1050px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 2px 0 0 9px;
}

/* VEHICLE CARD (END) */

/* LEFT MENU (START) */

.slim-list-box-01 a.list, .slim-list-box-01 a.list-s {
width: 140px; /*NEW-CHECK*/
display: inline-block;
padding: .35rem 1rem;
color: #000000;
font-size: 0.8rem;
letter-spacing: .02rem;
transition: all .7s;
position: relative;
overflow: hidden;
  z-index: 1;
  &:after {
color: #000000;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    z-index: -2;
  }
  &:before {
color: #000000;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-bottom: 2px solid #ff0022;
    transition: all .3s;
    z-index: -1;
  }
  &:hover {
color: #000000;
    &:before {
color: #000000;
      width: 100%;
    }
  }
}

.slim-list-box-01 a.list-s {
font-weight: 700;
}

.row-07-M2 .border-07-MR {
background-color: #f1f1f1;
border-radius: 0 0 5px 5px;
}

.slim-list-box-01 .content-01 {
border-bottom: 2px solid #ff0022;
padding: 10px 0 0 16px;
background-color: #282830 !important;
}

/*.slim-list-box-01 a.list, .slim-list-box-01 a.list-s {*/
/*color: #000000;*/
/*padding: 5px 0 10px 15px;*/
/*border: 1px solid black;*/
/*width: 150%;*/
/*margin-top: 5px;*/
/*}*/

/* LEFT MENU (END) */

/* ACTION SCREEN (START) */

.light-box-02 .lb-cont .entry td {
border-bottom: unset;
padding: 5px !important;
}

.light-box-02 {
border-radius: 10px;
border: 1px solid #282830;
box-shadow: 2px 2px 15px 5px #282830;
}

.row-10-M1 .border-10-MR, .row-10-M1-fleetchat .border-10-MR {
background-color: #282830;
color: #ffffff;
}

#filter1 {
opacity: 60%;
}

.light-box-02 .lb-cont .input-02 {
                padding: 5px 10px;
                font-size: 13px;
                line-height: 20px;
                color: #24292e;
                vertical-align: middle;
                background-color: #ffffff;
                background-repeat: no-repeat;
                background-position: right 8px center;
                border: 1px solid #e1e4e8;
                border-radius: 6px;
                outline: none;
                box-shadow: rgba(225, 228, 232, 0.2) 0px 1px 0px 0px inset;
                :focus{
                    border-color: #0366d6;
                    outline: none;
                    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
                }
}

textarea, select {
                padding: 5px 10px;
                font-size: 13px;
                line-height: 20px;
                color: #24292e;
                vertical-align: middle;
                background-color: #ffffff;
                background-repeat: no-repeat;
                background-position: right 8px center;
                border: 1px solid #e1e4e8;
                border-radius: 6px;
                outline: none;
                box-shadow: rgba(225, 228, 232, 0.2) 0px 1px 0px 0px inset;
                :focus{
                    border-color: #0366d6;
                    outline: none;
                    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
                }
}

.light-box-02 .lb-cont .entry .label {
                padding: 10px 5px !important;
                font-size: 13px;
                color: #24292e;
                vertical-align: middle;
                :focus{
                    border-color: #0366d6;
                    outline: none;
                    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
                }
}


.light-box-02 .lb-cont .input-01 {
                padding: 5px 10px;
                font-size: 14px;
                line-height: 20px;
                color: #24292e;
                vertical-align: middle;
                background-color: #ffffff;
                background-repeat: no-repeat;
                background-position: right 8px center;
                border: 1px solid #e1e4e8;
                border-radius: 6px;
                outline: none;
                box-shadow: rgba(225, 228, 232, 0.2) 0px 1px 0px 0px inset;
                :focus{
                    border-color: #0366d6;
                    outline: none;
                    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
                }
} 

/* ACTION SCREEN (END) */

/* FOOTER FIX (START) */

.footer .copyright {
padding: 15px;
}

.footer .reserved {
display: none;
}

.footer {
position: fixed;
left: 0;
bottom: 30px;
width: 100%;
height: 50px;
padding: unset;
}

/* FOOTER FIX (END) */

/* TABLE STYLE (START) */

.list-box-08 table {
	border-collapse: collapse;
	overflow: hidden;
}

.list-box-08 th,
.list-box-08 td {
padding: 15px;
}

/* TABLE STYLE (END) */

/* LOGIN SCREEN (START) */

.layerSignin .content .footer .copyright {
color: #ffffff;
padding: 20px;
}

.layerSignin .content .footer {
width: -webkit-fill-available;
background-color: unset !important;
color: #ffffff;
background: unset;
background-color: #ffffff;
}

.layerSignin .content .info-message-red {
width: 415px;
border-radius: 10px;
}

.layerSignin .content .signin .links .link {
width: 140px;
padding: 0 0 0 0;
height: 20px;
}

.layerSignin .content .signin .input .bottomBar .form02 {
float: left;
padding: 0;
height: 22px;
width: 290px;
text-align: center;
top: 8px !important;
position: relative;
}

.sep-cat-02 {
text-align: center;
}

.light-box-02 .lb-cont .entry .labelvalue {
text-align: center;
}

.slim-list-box-01 a.list:hover, .slim-list-box-01 a.list-s:hover {
color: #ff0022 !important;
}

/* LOGIN SCREEN (END) */

/* HIDE VEHICLE INFO FROM CARDS (START) */

.light-box-02 .lb-subheader {
display: none;
} /*This hides vehicle info */

.light-box-02 .lb-header {
text-align: center;
position: relative;
left: 30%;
color: white;
} /*This hides vehicle list identifier */

/* HIDE VEHICLE INFO FROM CARDS (END) */

/* BS login style (START) */

.layerSignin .content .signin .input .txt03 {
font-weight: 700;
font-size: 12px;
line-height: 25px;
}

.layerSignin .content .signin .input .form01 input {
text-align: center;
border-radius: 7px;
height: 25px;
font-size: 15px;
}

.layerSignin .content .signin .links .link a:hover {
color: #ff0022;
}

.layerSignin .content .signin .input .bottomBar {
width: unset !important;
padding: 30px 20px 20px 50px;
}

#brandedLoginForm > div > div.input > div.bottomBar > div.button > div {
margin-right: -5px;
margin-top: 15px;
}

#brandedLoginForm > div > div.input > div.bottomBar > div.button > div:hover {
/*margin-right: -7px;*/
margin-top: 15px;
}

.layerSignin .content .signin .input .bottomBar .txt04 {
height: 20px;
position: relative;
top: -16px;
line-height: 20px;
left: 58%;
}

.layerSignin .content .signin .input .txt02 {
text-align: center;
width: 420px;
}

.layerSignin .content .signin .input {
min-height: 220px;
width: 440px;
text-align: center;
}

.layerSignin {
border-radius: 10px;
top: 15%;
border: 1px solid #282830;
box-shadow: 0px 0px 20px 1px #ff0022;
}

.layerSignin .content .signin .links {
float: left;
width: 450px;
min-height: 50px;
background: unset;
text-align: center;
position: relative;
display: flex;
flex-direction: row-reverse;
}

.txt01 {
display: none;
}

.brandedLogin-language {
display: none;
}

.language {
display: none !important;
}

.footer .bar {
display: none;
}

body > div.container-07 > div > table > tbody > tr > td.col-04 > table:nth-child(3) > tbody > tr.row-07-M1 > td.border-07-MR {
border-radius: 5px 5px 0px 0px;
}

/* SEARCH - START */

.row-12-M2 .border-12-MR, .listfilter {
background-color: #282830;
color: #ffffff;
}

.listfilter div label {
color: #ffffff;
}

.listfilter div label div {
color: #ffffff;
}

.listfilter div .select-01 {
border-radius: 5px;
}

.listfilter div .input-01 {
border-radius: 5px;
}

.listfilter .but-flex-01 {
background-color: #b20403;
background-image: unset;
color: #ffffff;
font: 600 1.2em 'Open Sans', arial, sans-serif, 'FontAwesome';
border: 1.5px solid white !important;
width: 75px;
text-align: center;
}

.listfilter .but-flex-01:hover {
background-color: #d80403;
font-color: #ff0022;
background-image: unset;
color: #ffffff !important;
font: 650 1.2em 'Open Sans', arial, sans-serif, 'FontAwesome';
border: 1.5px solid white !important;
width: 75px;
text-align: center;
}

/* SEARCH - END */


/* GLOBAL FILTERS - START */

.globalfilter {
background-color: #535359;
/*height: 28px;*/
}

.globalfilter .globalfilter-cont h2 {
color: #FFFFFF;
}

/* GLOBAL FILTERS - END */

/* LIST actions for touch screens - START */

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.row-hover > td {
background-color: #b20403;
color: #ffffff !important;
border-radius: 5px; /* change cell radius */
} /* this changes the row hover color */

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.row-hover > td.action > div > div > h1 > img {
display: none;
}

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.row-hover > td.action > div > div {
margin-top: 20px;
display: block !important;
}

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.row-hover > td.action > div > div > h1 {
text-align: center;
background-color: #282830;
color: #ffffff;
padding: 5px;
font-weight: 800;
} /* this changes the action menu heading color */

a:hover, .header .menu .bar .niv2 a.active:hover, .list-box-01 .title a:hover, .list-box-02 .title a:hover, .back-hov, .print-hov, .add-hov {
color: #ffffff !important;
} /* set link color for mouse hover on row hover */

.actions-01 a, .actions-02 a {
display: block !important;
}

.actions-02 a:hover {
display: block !important;
opacity: 100%;
background-color: #535359;
color: #ffffff !important;
font-weight: 600;
} /* this changes style on mouse over on actions in action menu */
 
.actions-02 div {
display: block !important;
}
 
.actions-01 a, .actions-02 a:active {
display: block !important;
}

/* LIST actions for touch screens - END */

.actions {
width:100%;
}

.container-07 {
width:100%;
}

.footer {
width:100%;
background-color: #282830;
color: #ffffff;
}


input[id=RELEASING] {
display: none;
}


.dashboard-01 a.but-flex-01:visited {
border-color: #ffffff !important;
background-color: #535359 !important;
background-image: none;
color: #ffffff;
font-weight: bold;
border: 1.5px solid #ffffff !important;
}

.dashboard-01 a.but-flex-01:hover {
background-color: #b20403;
background-image: none;
color: #ffffff;
border-color: #ffffff !important;
font-weight: bold;
}

.dashboard-01 a.but-flex-01 {
border-color: #ffffff !important;
background-color: #535359 !important;
background-image: none;
color: #ffffff !important;
font-weight: bold;
border: 1.5px solid #ffffff !important;
position: relative;
display: flex;
flex-direction: column;
width: 125px;
height: 25px;
text-align: center;
padding-top: 2px;
float: left;
left: 45%;
max-width: 100px;
top: 10px;
}

.dashboard-01 a.link-red {
color: #bf0504;
}

.dashboard-01 a.link-red:visited {
color: #bf0504;
}

.dashboard-01 a.link-red:hover {
color: #595959 !important;
}


.dashboard-01 .col-01 {
background-color: #282830;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
box-shadow: 0px 0px #282830, 0px 0px 0px 0px #282830, 2px 3px 10px #282830;
}

.dashboard-01 h2, .dashboard-01 h3 {
color: #FFFFFF;
}

.sep {
display: none;
border: 0px;
}

.header td.col-user {
  display: block;
  margin-right: 0%;
}

.dashboard-01 .line {
margin-left: 110px;
background-color: #b20403;
border-left: unset;
}

.header .economy {
background-color: #FEE12B;
position: fixed;
top: 0px;
width: -webkit-fill-available;
}

.header .economy td{
color: #000000;
font-weight: 700;
}

.footer .copyright {
color: #ffffff;
}

.footer .reserved {
color: #ffffff;
}

.workspaceSignin {
background-color: #282830;
position: absolute;
}

.layerSignin {
background-color: #ffffff;
}

.layerSignin .pics {
margin-left: 7%;
}

.signin .links {
background-image: none;
background-color: none;
}

.links .link {
background-image: none;
background-color: none;
}

.list-box-08 .catbar-01 td {
vertical-align: middle;
text-align: center;
background-color: #282830;
color: white;
font-weight: 650;
border-radius: 5px; /* change table heading radius */
}

.list-box-08 .catbar-01 td a:hover {
vertical-align: middle;
text-align: center;
background-color: #282830;
color: #ff0022;
font-weight: 650;
border-radius: 5px; /* change table heading radius */
text-decoration: underline;
}

.list-box-08 .catbar-01 td a {
color: white;
}

.list-box-08 .catbar-01 td a:visited {
color: white;
}

.list-box-08 .catbar-01 td a:inactive {
color: white;
}

.catbar-01 {
position: sticky;
top: 293px;
z-index: 1;
background: #fff;
}

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.catbar-01 > td:nth-child(1) {
width: 20px !important;
min-width: unset !important;
padding: 15px;
}

.list-box-08 .check {
width: 20px !important;
min-width: unset !important;
padding: 15px;
}


.header .menu {
background-image: none;
background-color: #282830;
width: 100% !important;
}

body > div.container-07 > div > table > tbody > tr > td.col-02 > table {
border-collapse: unset !important;
margin-left: 20px;
margin-right: 20px;
}

.dashboard-01 {
width: 100%;
}

@media screen and (max-width: 1000px) and (orientation: portrait) { 
body {
width: -webkit-fill-available;
}
}

@media screen and (max-width: 1000px) and (orientation: landscape) { 
body {
width: -webkit-fill-available;
}
}

/* ------------------------------- HIDE MCH (START) ----------------------------------- */

body > div.container-07 > div > table > tbody > tr > td.col-04 > table:nth-child(2) > tbody > tr.row-08-M1 > td.border-08-MR > div {
display: none;
}

body > div.container-07 > div > table > tbody > tr > td.col-04 > table:nth-child(2) {
border: 0px;
}

/* ------------------------------- HIDE MCH (END) ----------------------------------- */

/* ------------------------------- MENU BAR (START) ----------------------------------- */

.header .menu .bar {
height: 45px;
}

.header .bar .niv2 #link01.active {
background-color: #282830;
color: #ffffff !important;
border-bottom: 2px solid #ff0022;
font-weight: 700;
margin-bottom: 1px;
}

.header .bar .niv2 #link01.passive {
color: #FFFFFF;
margin: 3px;
border-radius: 5px;
}

.header .bar .niv2 #link01:hover {
background-color: #282830;
color: #ffffff !important;
border-bottom: 1px solid #ff0022;
margin-top: 4px;
border-radius: 0px;
}

.header .bar .niv2 #link01.active:hover {
color: #ffffff;
border-radius: 0px;
margin-bottom: 5px;
}

/* ------------------------------- MENU BAR (END) ----------------------------------- */

/* ANIMATIONS (START) */

.tab-flex-03 .tab-R a:hover {
color: #000000;
transition: all .1s .01s ease-out;
position: relative;
overflow: hidden;
margin-top: 0px;
margin-left: -2px;
margin-right: -2px;
z-index: 1;
  &:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
  }
  &:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: all .3s;
    z-index: -1;
  }
  &:hover {
    color: #fff;
    &:before {
      width: 100%;
    }
  }
}

.actions-01 a:hover, .actions-02 a:hover {
display: inline-block;
color: #000000;
transition: all .3s;
position: relative;
overflow: hidden;
  z-index: 4;
  &:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    z-index: -2;
  }
  &:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: all .3s;
    z-index: -1;
  }
  &:hover {
    color: #fff !important;
    &:before {
      width: 100%;
    }
  }
}

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.row-hover > td {
color: #ffffff !important;
transition: all .7s;
overflow: hidden;
  z-index: 1;
  &:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    z-index: -2;
  }
  &:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: all .3s;
    z-index: -1;
  }
  &:hover {
    color: #fff;
    &:before {
      width: 100%;
    }
  }
}

.header .bar .niv2 #link01:hover {
color: #000000;
position: relative;
display: inline-block;
transition: all .5s;
overflow: hidden;
border-bottom: 1px solid #ff0022;
z-index: 1;
  &:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0rem;
    z-index: -2;
border-bottom: 1px solid #ff0022;
  }
  &:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-bottom: 1px solid #ff0022;
    transition: all .3s;
    z-index: -1;
  }
  &:hover {
    color: #fff !important;
    border-bottom: 1px solid #ff0022;
    &:before {
      width: 100%;
    border-bottom: 1px solid #ff0022;
    }
  }
}

/* ANIMATIONS (END) */

/* anchor and allow overflow */
.list-box-08 .catbar-01 {
  position: sticky;
}

/* move the last header cell to the far left */
.list-box-08 .catbar-01 > td:last-child:not(#\0) {
  position: relative;
  right: 100.02% !important;
  width: 170px !important;
  z-index: 1;
}

.list-box-08 th, .list-box-08 td {
    padding: 15px;
}

body > div.container-07 > div > table > tbody > tr > td.col-02 > table > tbody > tr.row-hover > td > a, a:hover {
color: #282830 !important;
} /* this changes the link color on hover rows */

#account {
z-index: 3;
width: 190px;
right: 0px;
bottom: -150px;
}