.fsText {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
}

.fsTextBold {
    font-weight: 700;
}

.fsTextSm {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.03em;
}

.fsLead {
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.01em;
}

/*Icons*/
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?zgrvwe');
    src: url('fonts/icomoon.eot?zgrvwe#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?zgrvwe') format('truetype'), url('fonts/icomoon.woff?zgrvwe') format('woff'), url('fonts/icomoon.svg?zgrvwe#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* --- DM Sans (Regular) --- */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400; /* 400 es el peso estándar */
    font-display: swap;
    src: url('fonts/dm-sans-v17-latin-regular.woff2') format('woff2');
}

/* --- DM Sans (Bold) --- */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700; /* 700 es el peso Bold */
    font-display: swap;
    src: url('fonts/dm-sans-v17-latin-700.woff2') format('woff2');
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fs_menu_item:before {
    content: "\e90f";
}

.icon-fs_list_item:before {
    content: "\e910";
}

.icon-fs_search:before {
    content: "\e90d";
}

.icon-fs_back:before {
    content: "\e90e";
}

.icon-fs_truck:before {
    content: "\e90c";
}

.icon-fs_pumps:before {
    content: "\e90b";
}

.icon-fs_tank:before {
    content: "\e900";
}

.icon-fs_arrow-l:before {
    content: "\e909";
}

.icon-fs_arrow-r:before {
    content: "\e902";
}

.icon-fs_company:before {
    content: "\e908";
}

.icon-fs_dots:before {
    content: "\e901";
}

.icon-fs_fuel_dispatch:before {
    content: "\e906";
}

.icon-fs_logistics:before {
    content: "\e903";
}

.icon-fs_network:before {
    content: "\e907";
}

.icon-fs_tracking:before {
    content: "\e905";
}

.icon-fs_users:before {
    content: "\e904";
}

.icon-fs_vehicles:before {
    content: "\e90a";
}

/*Colors*/
.fsTextPrinN {
    color: #4B77A7;
}

.fsTextPrinD {
    color: #2F4A68;
}

.fsTextPrinL {
    color: #8BAACB;
}

.fsText {
    color: #2F4A68;
}

.fsTextAccentD {
    color: #B0C1C8;
}

.fsTextInformation {
    color: #17A2B8;
}

.fsTextPrimary {
    color: #007bff;
}

.fsTextLightGray {
    color: lightgray;
}

/*Bg Colors*/
.fsBgSecL {
    background-color: #AFCB97;
}

.fsBgLight {
    background-color: #F7F9FE;
}

/*Bottons States*/
.fsHoverMenuLink:hover {
    color: #007BFF;
    background-color: #F7F9FE;
    border-radius: 4px;
}

.fsHoverMenuLinkActive {
    color: #7FAB58;
}

/*General styles*/
html {
    height: 100%;
}

body {
    height: 100% !important;
    margin: 0 !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    font-family: 'DM Sans', sans-serif !important;
    background: rgb(235,242,255);
    background: -moz-linear-gradient(0deg, rgba(235,242,255,1) 0%, rgba(246,249,254,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(235,242,255,1) 0%, rgba(246,249,254,1) 100%);
    background: linear-gradient(0deg, rgba(235,242,255,1) 0%, rgba(246,249,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebf2ff",endColorstr="#f6f9fe",GradientType=1);
    /*font*/
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0.01em !important;
    color: #253b54 !important;
}

.fsButtonStyleNone {
    background-color: transparent;
    border: none;
}

    .fsButtonStyleNone:focus, .fsButtonStyleNone:hover {
        outline: none !important;
        background-color: transparent;
        border: none;
    }

a:hover {
    color: #007BFF;
    text-decoration: none;
}

.fsBorderR {
    border-radius: 4px;
}

.fsUserBadge {
    border-radius: 100%;
    color: white;
    height: 30px;
    padding: 0px 3px 0 3px;
    text-align: center;
    min-width: 30px;
    font-size: 20px;
}

.fsRotateIcon {
    transform: rotate(-180deg);
}

/*Views*/
.fsContainerViewNav {
    display: flex !important;
    height: calc( 100vh - 60px);
}

.fsNavMain {
    background-color: red;
    overflow-x: hidden;
    position: sticky;
}

.fsMainView {
    margin: 10px 1.5rem;
    overflow-x: hidden;
    /*position: sticky;  si se deja esta, el modal para agregar no funciona bien*/
}

    /* Hide scrollbar for Chrome, Safari and Opera */
    .fsMainView::-webkit-scrollbar, .fsNavMain::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
.fsMainView, .fsNavMain {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/*Navegation - Configuration*/
.fsNavConfig {
    background-color: white;
    position: absolute;
    right: 0;
    top: 40px;
    width: 200px;
    padding: 10px;
    display: none;
    z-index: 999;
}

    .fsNavConfig hr {
        border: 0,5px solid #C5E7ED;
        margin: 0px;
    }

.fsNavConfigIcon {
    font-size: 29px;
}

/*Navegation - Side open*/
.fsNavMain {
    width: 250px;
    background-color: white;
}

.fsNavMainSidebarCollapseButton {
    position: fixed;
    top: 50%;
    left: 236px;
    background-color: #f0f5ff !important;
    border-radius: 50%;
    font-size: 22px;
    line-height: 35px;
    width: 30px;
    height: 30px;
    z-index: 9999;
    padding: 0px 2px 0px 0px;
}

/*Navegation - Side collapse*/
.fsNavMain.active {
    width: 75px;
}

.fsNavMainSidebarCollapseButton.active {
    position: fixed;
    top: 50%;
    left: 62px;
    background-color: #f0f5ff !important;
    border-radius: 50%;
    font-size: 22px;
    line-height: 35px;
    width: 30px;
    height: 30px;
    z-index: 9999;
    padding: 0px 2px 0px 0px;
}

.fsHide {
    padding-top: 20px;
}

    .fsHide span.fsElement {
        display: none;
    }

/*Navegation - Side icons*/
.fsNavMainIcon {
    height: 16px;
    /*width: 20px;*/
    margin-right: 16px;
    display: inline-block;
    transform: scale(1.5);
}

.fsNavMainSubLevelIcon {
    height: 16px;
    margin-right: 8px;
    display: inline-block;
    transform: scale(1.5);
}

/*Navegation - Side items*/
.fsNavMain hr {
    border: 0,5px solid #C5E7ED;
    margin: 6px;
}

.sfNavGoBack {
    color: lightgray;
    margin: 8px 20px;
    font-weight: 700;
    display: block;
    padding-left: 10px;
}

.fsNavMainHeaderCat {
    background-color: #F7F9FE;
    font-weight: 700;
    text-transform: uppercase;
    color: #4B77A7;
    padding: 10px 0px 10px 20px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    margin-left: 16px;
    margin-bottom: 6px;
}

/*Determina el estilo que tendra las categorias*/
.fsNavMainHeaderSubCat {
    text-transform: uppercase;
    color: #17A2B8;
    padding: 10px 0px 10px 20px;
}


.Separator {
    border: 0,5px solid #C5E7ED !important;
    margin: 0px !important;
}

.subMenuOptionStyle {
    font-weight: bold !important
}

/*Determina el estilo que tendra cada opcion dentro de las opciones principales*/
.optionStyle {
    /*color: green;*/
}

/*Determina el estilo que tendra cada opcion principal*/
.mainOptionStyle {
    /*color: blueviolet;*/
}


/*Se realiza modificaciones a vistas que no section ven bien con el menu nuevo

/*inicio*/

.sci-fuel-desk-notification-frecuency-background {
    max-width: 100% !important;
    z-index: -1 !important;
}

.sci-fuel-desk-notification-frecuency-table {
    width: 100% !important;
    margin-left: 1.5% !important;
    top: 12% !important;
    position: relative !important;
}

.sci-fuel-desk-notification-frecuency{
    top: 10% !important;
}

/*fin*/


/*inicio*/

.sci-fuel-desk-options-background {
    max-width: 100% !important;
    z-index: -1 !important;
}

/*fin*/


/*modificaciones vista v109FuelCreditLimits*/

/*inicio*/

.gpsa-fuel-credit-limits-top-image {
    max-width: 100% !important;
    z-index: -1 !important;
    position:absolute !important;
}


.gpsa-fuel-credit-limits-top {
    position:relative !important;

}


.gpsa-fuel-credit-limits-authorization {
    position: absolute !important;
    left: 13% !important;
    top: 45% !important;
}

.gpsa-fuel-credit-limits-table-4 {
  left:13% !important;
    width:50% !important;
    z-index: 999 !important;
}
    /*fin*/


/*inicio*/
.sci-etender-management-top-fond {
    max-width: 100% !important;
    z-index: -1 !important;
    position: absolute !important;
    top: 9% !important;
}

.sci-etender-management-top-image {
    max-width: 100% !important;
    z-index: -1 !important;
    position: absolute !important;
    top: 9% !important;
}

.sci-etender-management-top-options-container{
    top: 11% !important;
}

.sci-etender-management-top-options-container {
    position: relative !important;
    margin-left: 2% !important;
    width: 100% !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

/*fin*/


/*modificaciones vista v298VendorAccountManagement*/

/*inicio*/

.sci-etender-vendor-account-management-background {
    max-width: 100% !important;
    z-index: -1 !important;
    position: relative !important;
}

.sci-etender-vendor-account-management-top {
    left:auto !important;
}

.sci-vendor-account-management-grilla {
    position: absolute !important;
    margin-left: 3% !important;
    width: 80% !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

/*fin*/




/*inicio*/

.sci-fuel-desk-viewer-background {
    max-width: 100% !important;
    z-index: -1 !important;
    position: relative !important;
}
.sci-fuel-desk-viewer-list-all{
    left: 18.7% !important;
    top: 16.5% !important;
    height:auto !important;
}

.sci-fuel-desk-viewer-list-container {
    left: 20% !important;
    top: 8% !important;
}
/*fin*/



/*inicio*/

.sci-fuel-desk-group-members-background {
    max-width: 100% !important;
    z-index: -1 !important;
    position: relative !important;
}


.sci-fuel-desk-group-members {
    left: auto !important;
}

.sci-fuel-desk-group-members-table {
    position: absolute !important;
    margin-left: 3% !important;
    width: 80% !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}
/*fin*/


/*inicio*/

.sci-fuel-desk-groups-background {
    max-width: 100% !important;
    z-index: -1 !important;
}

.sci-fuel-desk-groups-table {
    width: 100% !important;
    margin-left: 1.5% !important;
    top: 12% !important;
    position: relative !important;
}


/*fin*/



/*inicio*/
.gpsa-fuel-purchasing-top-image {
    max-width: 100% !important;
    z-index: -1 !important;
    position: absolute !important;
    top: 9% !important;
}

.gpsa-fuel-purchasing-top {
    margin-left: 13% !important;
    left:auto !important;
    top: 11% !important;
}

.gpsa-fuel-purchasing-table-container {
    position: relative !important;
    margin-left: 2% !important;
    width: 100% !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

/*fin*/

/*modificaciones vista v285TenderAward*/

/*inicio*/

.sci-etender-award-background {
    max-width: 100% !important;
    z-index: -1 !important;
}

.sci-etender-award-top {
    left: auto !important;
}

.sci-etender-award-table-container {
    position: relative !important;
    margin-left: 12% !important;
    width: 80% !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

.sci-etender-award-title {
    position: relative !important;
}

/*fin*/


/*modificaciones vista v301PurchasesHistory*/

/*inicio*/

.sci-etender-purchases-history-background {
    max-width: 100% !important;
    z-index: -1 !important;
}

.sci-etender-purchase-table {
    width: 100% !important;
    margin-left: 1.5% !important;
    top: 12% !important;
    position: relative !important;
}

.sci-etender-purchases-history-top {
    position:relative !important;
}
    /*fin*/

/* Hebrew Styles */
html[lang="he"] #fsMenuTreeSidebarContainer ul {
    padding: 0px !important;
}

html[lang="he"] .fsMenuTreeSidebarOptions {
    padding: .6vh 0.5vh !important;
}

html[lang="he"] .fsMenuTreeSidebarTitle {
    margin-right: 21px !important;
    margin-left: 0px !important;
    border-radius: 0px 80px 80px 0px !important;
    padding: 10px 20px 10px 0px !important;
}

html[lang="he"] .fsMenuTreeSidebarSubtitle {
    margin: 0px 20px 15px 20px !important;
}

html[lang="he"] .fsMenuTreeSidebarBack {
    margin: 10px 14px 14px 25px !important;
}