﻿@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?6184");

/* ===================================================================== */
/*  The following CSS was created using Theme Editor.                    */
/*  To modify this CSS, click "Open Theme Editor".                       */
/* ===================================================================== */

/* ===================================================================== */
/*  Font-Family                                                          */
/* ===================================================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700'); 
    
body, select, textarea, input, button {
    font-family: 'Roboto', sans-serif;
}

/* ===================================================================== */
/*  Root - CSS Variables                                                 */
/* ===================================================================== */

:root {
    /* Color - Brand */
    --color-primary: #013f73;
    --color-secondary: #013f73;

    --color-primary-hover: #012f56;
    --color-primary-selected: rgba(1, 63, 115, .12);

    /* Color - Extended */
    --color-red-lightest: #faeaea;
    --color-red-lighter: #e9aaaa;
    --color-red-light: #d96a6a;
    --color-red: #c92a2a;
    --color-red-dark: #ab2424;
    --color-red-darker: #8d1d1d;
    --color-red-darkest: #6f1717;

    --color-pink-lightest: #fbebf0;
    --color-pink-lighter: #efadc4;
    --color-pink-light: #e27098;
    --color-pink: #d6336c;
    --color-pink-dark: #b62b5c;
    --color-pink-darker: #96244c;
    --color-pink-darkest: #761c3b;

    --color-grape-lightest: #f7ecfa;
    --color-grape-lighter: #dfb2e9;
    --color-grape-light: #c678d9;
    --color-grape: #ae3ec9;
    --color-grape-dark: #9435ab;
    --color-grape-darker: #7a2b8d;
    --color-grape-darkest: #60226f;

    --color-violet-lightest: #f1edfd;
    --color-violet-lighter: #c6b6f6;
    --color-violet-light: #9b7fef;
    --color-violet: #7048e8;
    --color-violet-dark: #5f3dc5;
    --color-violet-darker: #4e32a2;
    --color-violet-darkest: #3e2880;

    --color-indigo-lightest: #eceffd;
    --color-indigo-lighter: #b3c1f7;
    --color-indigo-light: #7b92f1;
    --color-indigo: #4263eb;
    --color-indigo-dark: #3854c8;
    --color-indigo-darker: #2e45a5;
    --color-indigo-darkest: #243681;

    --color-blue-lightest: #e8f2fa;
    --color-blue-lighter: #a3c9ea;
    --color-blue-light: #5fa1db;
    --color-blue: #1a79cb;
    --color-blue-dark: #1667ad;
    --color-blue-darker: #12558e;
    --color-blue-darkest: #0e4370;

    --color-cyan-lightest: #e7f2f4;
    --color-cyan-lighter: #9eccd3;
    --color-cyan-light: #56a6b2;
    --color-cyan: #0d8091;
    --color-cyan-dark: #0b6d7b;
    --color-cyan-darker: #095a66;
    --color-cyan-darkest: #074650;

    --color-teal-lightest: #e6f2ef;
    --color-teal-lighter: #9cccbd;
    --color-teal-light: #52a58c;
    --color-teal: #087f5b;
    --color-teal-dark: #076c4d;
    --color-teal-darker: #065940;
    --color-teal-darkest: #044632;

    --color-green-lightest: #ebf7ed;
    --color-green-lighter: #afe0b8;
    --color-green-light: #73c982;
    --color-green: #37b24d;
    --color-green-dark: #2f9741;
    --color-green-darker: #267d36;
    --color-green-darkest: #1e622a;

    --color-lime-lightest: #f1f8e8;
    --color-lime-lighter: #c7e3a2;
    --color-lime-light: #9ecd5c;
    --color-lime: #74b816;
    --color-lime-dark: #639c13;
    --color-lime-darker: #51810f;
    --color-lime-darkest: #40650c;

    --color-orange-lightest: #fef0e6;
    --color-orange-lighter: #fcc29c;
    --color-orange-light: #f99551;
    --color-orange: #f76707;
    --color-orange-dark: #d25806;
    --color-orange-darker: #ad4805;
    --color-orange-darkest: #883904;

    --color-yellow-lightest: #fef5e5;
    --color-yellow-lighter: #fbd999;
    --color-yellow-light: #f8bc4c;
    --color-yellow: #f59f00;
    --color-yellow-dark: #d08700;
    --color-yellow-darker: #ac6f00;
    --color-yellow-darkest: #875700;

    /* Color - Neutral */
    --color-neutral-0: #ffffff;
    --color-neutral-1: #f8f9fa;
    --color-neutral-2: #f1f3f5;
    --color-neutral-3: #e9ecef;
    --color-neutral-4: #dee2e6;
    --color-neutral-5: #ced4da;
    --color-neutral-6: #adb5bd;
    --color-neutral-7: #868e96;
    --color-neutral-8: #5c656d;
    --color-neutral-9: #343a40;
    --color-neutral-10: #15181a;

    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #e03131;

    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;

    --color-success-light: #eaf3eb;
    --color-success: #2a843c;

    --color-info-light: #e5f5fc;
    --color-info: #009dde;

    /* Elevation / Shadow */
    --shadow-none: none;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);
    --shadow-s: 0 2px 4px rgba(0, 0, 0, .1);
    --shadow-m: 0 4px 6px rgba(0, 0, 0, .1);
    --shadow-l: 0 6px 8px rgba(0, 0, 0, .1);
    --shadow-xl: 0 8px 10px rgba(0, 0, 0, .1);

    /* App Settings */
    --side-menu-size: 300px;
}

.btn,
.Button {
    color: var(--color-primary);
}

.tag,
.badge,
.btn.Is_Default, 
.Button.Is_Default {
    color: #fff;
}
@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?88865&6184");

/* ===================================================================== */
/*  The following CSS was created using Theme Editor.                    */
/*  To modify this CSS, click "Open Theme Editor".                       */
/* ===================================================================== */

/* ===================================================================== */
/*  Font-Family                                                          */
/* ===================================================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700'); 
    
body, select, textarea, input, button {
    font-family: 'Roboto', sans-serif;
}

/* ===================================================================== */
/*  Root - CSS Variables                                                 */
/* ===================================================================== */

:root {
    /* Color - Brand */
    --color-primary: #013f73;
    --color-secondary: #013f73;

    --color-primary-hover: #012f56;
    --color-primary-selected: rgba(1, 63, 115, .12);

    /* Color - Extended */
    --color-red-lightest: #faeaea;
    --color-red-lighter: #e9aaaa;
    --color-red-light: #d96a6a;
    --color-red: #c92a2a;
    --color-red-dark: #ab2424;
    --color-red-darker: #8d1d1d;
    --color-red-darkest: #6f1717;

    --color-pink-lightest: #fbebf0;
    --color-pink-lighter: #efadc4;
    --color-pink-light: #e27098;
    --color-pink: #d6336c;
    --color-pink-dark: #b62b5c;
    --color-pink-darker: #96244c;
    --color-pink-darkest: #761c3b;

    --color-grape-lightest: #f7ecfa;
    --color-grape-lighter: #dfb2e9;
    --color-grape-light: #c678d9;
    --color-grape: #ae3ec9;
    --color-grape-dark: #9435ab;
    --color-grape-darker: #7a2b8d;
    --color-grape-darkest: #60226f;

    --color-violet-lightest: #f1edfd;
    --color-violet-lighter: #c6b6f6;
    --color-violet-light: #9b7fef;
    --color-violet: #7048e8;
    --color-violet-dark: #5f3dc5;
    --color-violet-darker: #4e32a2;
    --color-violet-darkest: #3e2880;

    --color-indigo-lightest: #eceffd;
    --color-indigo-lighter: #b3c1f7;
    --color-indigo-light: #7b92f1;
    --color-indigo: #4263eb;
    --color-indigo-dark: #3854c8;
    --color-indigo-darker: #2e45a5;
    --color-indigo-darkest: #243681;

    --color-blue-lightest: #e8f2fa;
    --color-blue-lighter: #a3c9ea;
    --color-blue-light: #5fa1db;
    --color-blue: #1a79cb;
    --color-blue-dark: #1667ad;
    --color-blue-darker: #12558e;
    --color-blue-darkest: #0e4370;

    --color-cyan-lightest: #e7f2f4;
    --color-cyan-lighter: #9eccd3;
    --color-cyan-light: #56a6b2;
    --color-cyan: #0d8091;
    --color-cyan-dark: #0b6d7b;
    --color-cyan-darker: #095a66;
    --color-cyan-darkest: #074650;

    --color-teal-lightest: #e6f2ef;
    --color-teal-lighter: #9cccbd;
    --color-teal-light: #52a58c;
    --color-teal: #087f5b;
    --color-teal-dark: #076c4d;
    --color-teal-darker: #065940;
    --color-teal-darkest: #044632;

    --color-green-lightest: #ebf7ed;
    --color-green-lighter: #afe0b8;
    --color-green-light: #73c982;
    --color-green: #37b24d;
    --color-green-dark: #2f9741;
    --color-green-darker: #267d36;
    --color-green-darkest: #1e622a;

    --color-lime-lightest: #f1f8e8;
    --color-lime-lighter: #c7e3a2;
    --color-lime-light: #9ecd5c;
    --color-lime: #74b816;
    --color-lime-dark: #639c13;
    --color-lime-darker: #51810f;
    --color-lime-darkest: #40650c;

    --color-orange-lightest: #fef0e6;
    --color-orange-lighter: #fcc29c;
    --color-orange-light: #f99551;
    --color-orange: #f76707;
    --color-orange-dark: #d25806;
    --color-orange-darker: #ad4805;
    --color-orange-darkest: #883904;

    --color-yellow-lightest: #fef5e5;
    --color-yellow-lighter: #fbd999;
    --color-yellow-light: #f8bc4c;
    --color-yellow: #f59f00;
    --color-yellow-dark: #d08700;
    --color-yellow-darker: #ac6f00;
    --color-yellow-darkest: #875700;

    /* Color - Neutral */
    --color-neutral-0: #ffffff;
    --color-neutral-1: #f8f9fa;
    --color-neutral-2: #f1f3f5;
    --color-neutral-3: #e9ecef;
    --color-neutral-4: #dee2e6;
    --color-neutral-5: #ced4da;
    --color-neutral-6: #adb5bd;
    --color-neutral-7: #868e96;
    --color-neutral-8: #5c656d;
    --color-neutral-9: #343a40;
    --color-neutral-10: #15181a;

    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #e03131;

    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;

    --color-success-light: #eaf3eb;
    --color-success: #2a843c;

    --color-info-light: #e5f5fc;
    --color-info: #009dde;

    /* Elevation / Shadow */
    --shadow-none: none;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);
    --shadow-s: 0 2px 4px rgba(0, 0, 0, .1);
    --shadow-m: 0 4px 6px rgba(0, 0, 0, .1);
    --shadow-l: 0 6px 8px rgba(0, 0, 0, .1);
    --shadow-xl: 0 8px 10px rgba(0, 0, 0, .1);

    /* App Settings */
    --side-menu-size: 300px;
}

.btn,
.Button {
    color: var(--color-primary);
}

.tag,
.badge,
.btn.Is_Default, 
.Button.Is_Default {
    color: #fff;
}

:root {
    /* Color - Brand */
    --color-primary: #013f73;
    --color-secondary: #dab702;
    
    /* Color - Brand - Extended */
    --color-primary-light: #316bb7;
}



.ThemeGrid_Container {
    max-width: 100%!important;
    
}

/* user-info - Links */
.user-info a, user-info a:visited {
    color: var(--color-neutral-4);
    -webkit-transition: color 180ms linear;
            transition: color 180ms linear;
}

.user-info a:hover {
    color: var(--color-neutral-4-hover);
}

/*  Page Layout - Header */
.layout .header {
    background-color: #094076;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%);
    border-bottom: 1px solid #dedede;
    color: #fff;
    display: table;
    height: 50px;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}






.fieldset-legend{
    color:#013f73;
    font-weight:bold;
    font-size:20px;
    padding-left:10px;
    padding-right:10px;
}
.hidden{
    display: none;
}

.Background-corporative{
    background-image: radial-gradient(circle 522px at 16.44% 86.25%, rgba(255, 255, 255, 0.2) 0%, transparent 100%), radial-gradient(circle 253px at 21.56% 90.83%, #094076 0%, #094076 100%);
    border-bottom: 3px solid #dab701;
}

.Tabs {
    border-color: #dab702;
}
.Tabs__tab:hover {
    background-color:#34618ed4;
}

.Tabs_body {
    background-color: #fff;
}

.Tabs__tab {
    background-color: #34618e;
    border-top: solid 1px #34618e;
    color: white!important;
}
.Tabs__tab:hover{
    color:black;
} 

.Tabs__tab.active {
    border-top: solid 1px #dab702;
    color: black!important;
    font-weight: bold;
    background-color: #dab702;
}
.SectionTitle{
    color: #dab702;
    font-size: 18px;
    margin-bottom: 10px;
}

.Button .ButtonDefault{
    background-color: #fcc83a;
    border-color: #fcc83a;
    color: #005288;
}
.Button.ButtonDefault, .Button.ButtonDefault .fa {
    background-color: #dab702 !important;
    border-color: #dab702 !important;
    color: #005288 !important;
    padding:1px 10px 0px 10px
}

.ButtonActions, .ButtonActions .fa {
    background-color: #ffffff00 !important;
    border-color: #ffffff00 !important;
    color: #005288 !important;
    width:25px!important
}


input[type="checkbox"]:disabled:checked:before {
    background-color: #fff;
}
input[type="checkbox"]:disabled:before {
    box-shadow: inset 0 0 0px #ccc;
}

input[type="checkbox"]:disabled:checked:after {
    border-color: #34618e80;
}
.Login {
    background-color: #005288;
     background-image: radial-gradient(circle 497px at 16.42% 87.08%, rgba(255, 255, 255, .2) 0%, transparent 100%), radial-gradient(circle 242px at 21.53% 91.67%, #005288 0%, #005288 100%); 
    background-image: url(/Universal_Theme/img/portadacollageoficinascopy.jpg?88570&93028&6612);
    background-size: cover;
    color: #fff;
    height: 100%;
    min-height: 280px;
    position: absolute;
    width: 100%;
}

.Login__Form {
    background-color: white;
    padding: 20px;
}

.Login_Box {
    background: white;
    width: 300px;
    height: 400px;
    position: relative;
    box-shadow: 0px 0px 14px 0px #316bb7;
}
.Login:after {
    background: transparent;
} 
.ModalContainer {
    bottom: auto!important;
    top: 10%!important;
    max-width: 520px!important;
}
.ModalContainer .Heading1 {
    color: #dab702!important;
    text-align: left!important;
}
.EditableTable thead th.Mandatory:after {
    content: "";
}

.ui-widget {
    font-size: 0.95em;
}

.ui-widget-header {
    border: 1px solid #dab701;
    background: #dab702;
    color: #144e7d;
    font-weight: bold;
}

.NavigationBar.NavigationBarItem{
    color: #ccc;
    font-size: 18px;
    border-bottom:3px #fff solid;
    text-align:center;
    width:220px;
    margin-left:20px
    
}
 .NavigationBar.NavigationBarItem:hover{
    border-bottom:3px #dab702 solid;
    
}

.NavigationBar.NavigationBarItem.Active{
    color: #013f73;
    font-size: 18px;
    border-bottom:3px #dab702 solid;
}


status {
    display: inline-block;
}

.status:before {
    font-size: 18px;
    padding: 0 12px;
    content: "";
    border-radius:100%;
    margin-right: 10px;
    background:#338212;
}

.LOT.status.ENSUBASTA:before{
    background-color:rgb(0, 176, 240);
}
.LOT.status.ENTREGADO:before{
    background-color:rgb(112, 173, 71);
}

.LOT.status.PAGADO:before{
    background-color:rgb(31, 78, 121);
}

.LOT.status.RECIBIDO:before{
    background-color: gray;
}
.LOT.status.SUBASTADO:before{
    background-color:rgb(0, 112, 192);
}

.LOT.status.UNIDADPORERROR:before{
    background-color:red;
}

.LOT.status.WAIVESALVAGE:before{
    background-color: rgb(255, 153, 51);
}
.CardSimple .Card_Text {
    min-height: 50vh;
}


.Hidden{
    display: none;
}

.btn, .Button {
    min-width: 120px;
}

/* ================================================================ */
/*  Page Layout - Menu                                       */
/* ================================================================ */
.header .Menu_TopMenu > div > a, .header .Menu_TopMenu.Menu_TopMenuActive > div > a, .header .Menu_DropDownButton.open .Menu_TopMenu > div > a {
    padding-left: 10px;
    padding-right: 10px;
}
.header .Menu_TopMenu {
    border-bottom: var(--border-size-none) solid transparent;
    border-top: var(--border-size-none) solid transparent;
}

.header .Menu_TopMenu:hover{
     border-bottom: var(--border-size-none) solid var(--color-primary);
     border-top: var(--border-size-none) solid var(--color-primary);
}
.header .Menu_TopMenu.Menu_TopMenuActive {
    border-bottom: var(--border-size-m) solid var(--color-primary);
}

.navigation .Menu_TopMenu:hover {
    background-color: var(--color-secondary);
}

.Menu_TopMenu:hover > div .fa,
.Menu_TopMenu:hover > div a,
.Menu_TopMenu:hover > div a:visited {
    color: var(--color-secondary);
}

.Menu_TopMenu:hover.Menu_TopMenuActive > div .Menu_DropDownArrow:before,
.Menu_TopMenu:hover.Menu_TopMenuActive > div .Menu_DropDownArrow:after,
.Menu_TopMenuActive > div .Menu_DropDownArrow:before,
.Menu_TopMenuActive > div .Menu_DropDownArrow:after {
    background-color: var(--color-secondary);
}

.Menu_TopMenu:hover > div .Menu_DropDownArrow:before,
.Menu_TopMenu:hover > div .Menu_DropDownArrow:after {
    background-color: var(--color-secondary);
}

.navigation .Menu_TopMenu.Menu_TopMenuActive {
    background: var(--color-primary) var(--color-primary-lightest);
}

.navigation .Menu_TopMenu.Menu_TopMenuActive .fa {
    color: var(--color-primary);
}

.Menu_TopMenu .fa,
.Menu_DropDownPanel .fa {
    color: var(--color-neutral-6);
}

.Menu_DropDownPanel {
    background-color: var(--color-neutral-0);
    border: var(--border-size-none);
}

.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    color: var(--color-primary);
}


.Menu_DropDownPanel a:hover {
    color: var(--color-secondary);
}

.Menu_DropDownPanel a.Menu_SubMenuItemActive {
    color: var(--color-secondary);
}

.navigation .Menu_DropDownPanel {
    margin: var(--space-none);
    padding: var(--space-none);
}

.Menu_TopMenu > div a,
.Menu_TopMenu > div a:visited {
    color: var(--color-neutral-8);
}

.Menu_TopMenuActive > div a,
.Menu_TopMenuActive > div a:visited,
.Menu_TopMenuActive > div a:hover,
.Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    color: var(--color-primary);
    font-weight: var(--font-semi-bold);
}
.header .Menu_TopMenu.Menu_TopMenuActive {
    border-top: var(--border-size-l) solid var(--color-secondary);
    border-bottom: var(--border-size-m) solid var(--color-secondary);
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
}



.header .Menu_TopMenu.Menu_TopMenuActive {
    border-top: var(--border-size-m) solid var(--color-secondary);
    border-bottom: var(--border-size-m) solid var(--color-secondary);
}

.Menu_TopMenu > div a, 
.Menu_TopMenu > div a:visited, 
.Menu_TopMenu > div a:hover, 
.Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    color: var(--color-neutral-0);
    font-weight: var(--font-semi-bold);
}

.navigation .Menu_TopMenu:hover {
    background-color: var(--color-secondary);
}

.Menu_TopMenu:hover > div .fa,
.Menu_TopMenu:hover > div a,
.Menu_TopMenu:hover > div a:visited {
    color: var(--color-secondary);
}
.Menu_DropDownPanel a:hover {
    color: var(--color-secondary);
}

.Menu_DropDownPanel a.Menu_SubMenuItemActive {
    color: var(--color-secondary);
}


.ThemeGrid_Container > div.header-bottom-separator {
    bottom: -2px;
    height: 40px!important;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.ThemeGrid_Container .header-bottom-separator > div {
    vertical-align: top;
}

.ThemeGrid_Container > div.header-bottom-separator div.FirstColor {
    width: 70%;
    background: #F5B100;
    display: inline-block;
    height: 4px;
}
.ThemeGrid_Container > div.header-bottom-separator div.SecondColor {
    width: 15%;
    background: #6D9054;
    display: inline-block;
    height: 4px;
}
.ThemeGrid_Container > div.header-bottom-separator div.ThirdColor {
    background: #13adc3;
    display: inline-block;
    height: 4px;
    width: 15%;
}

/* RichWidgets - FeedbackAjaxWait */
div.Feedback_AjaxWait {
    background: var(--color-primary)!important;
}

div.Feedback_AjaxWait:before {
    background-color: var(--color-secondary)!important;
}

/* ThemeGrid_Container*/

.layout-top .content .ThemeGrid_Container {
    padding: var(--space-s);
}

/* Table Records*/
.TableRecords .TableRecords_Header, .EditableTable thead th {
    text-transform: uppercase!important;    
}

/* Font Style */
.Bold{
    font-weight: bold;
}

/* Tabs Style */

.tabs {
    border: var(--border-size-s) solid var(--color-secondary);
    padding: 0px;

}
.tabs .tabs-header{
    background-color:var(--color-secondary);
    height:40px;
    z-index: 0;
}
.tabs-header-item.active, .tabs-header-item.active:hover {
    border-bottom: var(--border-size-l) solid var(--color-secondary);
}
.tabs-header-item.active,.tabs-header-item.active:hover{
    background-color:var(--color-primary);
    color:var(--color-neutral-0)
}

.tabs-header-item:hover {
    border-bottom: var(--border-size-l) solid var(--color-neutral-7);
    color: var(--color-neutral-10);
}

.tabs-header-item {
    text-align: center;
    text-transform:uppercase;
    font-weight: var(--font-semi-bold);
    color: var(--color-neutral);
}

.tabs-content{
    padding:15px!important;
}

/* Tabs Style Tabs Without Background*/

.tabs.TabsWithoutBackground {
    border: var(--border-size-none) solid var(--color-primary)!important;
    padding: 0px;
}

.tabs.TabsWithoutBackground .tabs-header{
    background-color:var(--color-neutral-0);
    height:40px;
    z-index: 0;
}
.tabs.TabsWithoutBackground .tabs-header-item.active, .tabs-header-item.active:hover {
    border-bottom: var(--border-size-l) solid var(--color-secondary);
}
.tabs.TabsWithoutBackground .tabs-header-item.active,.tabs-header-item.active:hover{
    background-color:var(--color-neutral-0);
    color:var(--color-primary)
}


/*Buttons */
.ActionAdd{
    border:var(--border-size-m) solid var(--color-primary-light);
    padding:var(--space-s);
    background-color:var(--color-primary-light);
    color:var(--color-neutral-0);
    border-radius:5px;
}
.ActionAdd:hover{
    color:var(--color-neutral-3);
}

.Button,.Button:hover {
    color: var(--color-neutral-0)!important;
    background-color: var(--color-primary-light);
    border-bottom-width: 0;
}

.tag,
.badge,
.btn.Is_Default, 
.Button.Is_Default {
    background-color: var(--color-primary-light);
    border-bottom-width: 0;
    color: var(--color-neutral-0)!important;
}


/*Dropdown Select*/
.choices__list {
    max-height:250px;
}

/* Modal*/
.modal-title {
    font-size: var(--font-size-h1);
    color: var(--color-secondary);
}

/* Counters */
.counter {
    border-bottom: var(--space-s) solid var(--color-neutral-6);
}

.counter.Received {
    border-bottom-color: gray;
}
.counter.Paid {
    border-bottom-color: rgb(31, 78, 121);
}

.counter.Auctioned{
    border-bottom-color: rgb(0, 112, 192);
}

.counter.Auction{
    border-bottom-color: rgb(0, 176, 240);
}

.counter.AllRecords{
    border-bottom: 1px solid var(--color-neutral-4);
}

.counter.NotInSystem{
    border-bottom-color: var(--color-yellow-light);
}

.counter.NotScanned{
    border-bottom-color: var(--color-error);
}


/* Fieldset */

fieldset {
    border: var(--border-size-s) solid var(--color-secondary)!important;
    border-radius: 0px!important;
    margin-bottom: var( --space-s)!important;
}

/* Dropdown multiple */
.DDMultiple > .choices__inner{
    max-height: 42px;
    overflow-y: auto;
}

/* Card Without Title*/
.WithoutTitle .card-title{
    display:none;
}

/* Menu responsive */
.menu-icon-line {
    background-color: var(--color-neutral-0);
}

.tablet .layout-top .Menu_TopMenus, .phone .layout-top .Menu_TopMenus, .tablet .layout-side .navigation, .phone .layout-side .navigation {
    background-color: #094076;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%);

}
.phone .Menu_TopMenu{
    
    height: auto;
    
}
.tablet .layout-top .Menu_TopMenus, .phone .layout-top .Menu_TopMenus, .tablet .layout-side .navigation, .phone .layout-side .navigation {
    background-color: #094076;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%);

}
.phone .Menu_TopMenu{
    
    height: auto;
    
}
/********************************/

.hidden, .Hidden { display: none!important; }


/* Layout Ultimate PDF */
.layout-print-repeat-heading{
  width:100%;  
}