@font-face {
    font-family: OpenSans;
    src: url(/fonts/OpenSans-Regular.ttf);
}

html {
    font-size: 13px !important;
}

@media (min-width: 768px) {
    html {
        font-size: 14px !important;
    }
}

html {
    position: relative;
    min-height: 100%;
}

html, body {
    font-family: OpenSans !important;
    background-color: #EFF3F6;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus, .navbar-toggler:focus {
    box-shadow: none;
}

nav {
    overflow: auto;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    nav::-webkit-scrollbar {
        display: none;
    }

a:-webkit-any-link:focus-visible {
    outline-offset: 0;
    outline: 0;
}

:focus-visible {
    outline: 0;
}

#version {
    color: white;
    font-size: 8px;
    margin: 0;
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
}

/********************** TABLE ***********************/
#mfs table.tableList {
    border-collapse: separate;
    border-spacing: 0 15px;
}

    #mfs table.tableList tbody {
        position: relative;
        top: -15px;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 18px;
        color: #A0ABB8;
    }

        #mfs table.tableList tbody tr td:first-child {
            border-top-left-radius: 13px;
            border-bottom-left-radius: 13px;
        }

        #mfs table.tableList tbody tr td:last-child {
            border-top-right-radius: 13px;
            border-bottom-right-radius: 13px;
        }

    #mfs table.tableList thead tr th {
        border-bottom-color: transparent !important;
        color: #3B4E66;
    }

    #mfs table.tableList.dataTable.no-footer {
        border-bottom: 0;
    }

    #mfs table.tableList thead tr th.sorting.sorting_asc, #mfs table thead tr th.sorting.sorting_desc {
        color: #0085F2;
    }

        #mfs table.tableList thead tr th.sorting.sorting_asc:before {
            content: url(/images/General/sortUpTableIcon.svg);
            opacity: 1;
            top: 30%;
        }

    #mfs table.tableList thead tr th.sorting.sorting_desc:before {
        content: url(/images/General/sortDownTableIcon.svg);
        opacity: 1;
        top: 30%;
    }

    #mfs table.tableList thead tr th:after,
    #mfs table.tableList thead tr th:before {
        content: '';
    }

    #mfs table.tableList tbody tr {
        border-bottom: 0 transparent;
        vertical-align: middle;
    }

        #mfs table.tableList tbody tr.odd {
            background-color: #ffffff;
        }

        #mfs table.tableList tbody tr.even {
            background-color: rgba(255, 255, 255, 0.6);
        }

#mfs #listAutos_filter,
#mfs #listClients_filter,
#mfs #listPartners_filter,
#mfs #listSimulations_filter,
#mfs #listProposals_filter,
#mfs #listSimulationsFinantials_filter,
#mfs #listSimulationsFinantials_length,
#mfs #listOldVisits_filter,
#mfs #listProposalsInValidation_filter,
#mfs #listArchives_filter,
#mfs #listCommissions_filter,
#mfs #listProposalsInWaitingForOriginals_filter,
#mfs #listCommissionsPayments_filter,
#mfs #listCommissionsPaymentsComercial_filter,
#mfs #listProposalsDocsPending_filter,
#mfs #listCommissionsPaymentsFinantials_filter,
#mfs #listPartnerMapManagement_filter,
#mfs #listComercialMapManagements_filter,
#mfs #listAutoMapManagement_filter,
#mfs #listEntityFinantialsMapManagement_filter,
#mfs #listUsers_filter {
    display: none;
}

#mfs .btnContractAntecipation,
#mfs .btnEditSimulation,
#mfs .btnEditClient {
    background-color: #0085F2;
    border-color: #00D9EF;
    color: #FFFFFF;
    font-weight: 600;
}

#mfs .btnEditAuto,
#mfs .btnEditPartner,
#mfs .btnEditProposal,
#mfs .btnEditUser,
#mfs .btnDownloadProposal,
#mfs .btnEditArchive,
#mfs .btnEditComission,
#mfs .btnSendRegisterPartner,
#mfs .btnSendWelcomePartner,
#mfs .docsReceivedBtn {
    background-color: #00D9EF;
    border-color: #00D9EF;
    color: #FFFFFF;
    font-weight: 600;
}

    #mfs .btnEditClient:hover,
    #mfs .btnEditAuto:hover,
    #mfs .btnEditSimulation:hover,
    #mfs .btnEditProposal:hover,
    #mfs .btnEditUser:hover,
    #mfs .btnDownloadProposal:hover,
    #mfs .btnEditArchive:hover,
    #mfs .btnEditComission:hover {
        background-color: #1600F4;
        border-color: #1600F4;
        color: #FFFFFF;
    }

#mfs .btnEditProposalState {
    padding: 12px 12px !important;
    background-color: #0085F2;
    border-color: #00F29B;
    color: #FFFFFF;
    font-weight: 600;
}

    #mfs .btnEditProposalState:hover {
        background-color: #1600F4;
        border-color: #1600F4;
        color: #FFFFFF;
    }

#mfs .btnPdfProposal,
#mfs .btnPdfCommission,
#mfs .btnWelcomeLetterProposal {
    background-color: #ef0000;
    border-color: #ef0000;
    color: #FFFFFF;
    font-weight: 600;
}

    #mfs .btnPdfProposal:hover,
    #mfs .btnPdfCommission:hover,
    #mfs .btnWelcomeLetterProposal:hover {
        background-color: #ad0000d4;
        border-color: #ad0000d4;
        color: #FFFFFF;
    }

#mfs .btnDeleteProposal {
    background-color: #f67828;
    border-color: #451c03;
    color: #FFFFFF;
    font-weight: 600;
}

#mfs .btnDeleteProposal:hover {
    background-color: #f67828;
    border-color: #451c03;
    color: #FFFFFF;
}


#mfs .btnDownloadProposal {
    background: #4caf50 !important;
}

    #mfs .btnDownloadProposal:hover {
        background: #3c8e40 !important;
    }

#mfs .buttons-create-proposal {
    background-color: #4caf50;
    border-color: #4caf50;
    color: #FFFFFF;
    font-weight: 600;
    /*background-image: url(/images/General/arrowRight.svg) !important;*/
    /*background-repeat: no-repeat !important;*/
    /*background-size: 16px !important;*/
    /*background-position-y: center !important;*/
    /*background-position-x: 5px !important;*/
    /*border-radius: 13px !important;*/
}

    #mfs .buttons-create-proposal:hover {
        background-color: #3c8e40;
        border-color: #3c8e40;
        color: #FFFFFF;
    }
    
#mfs .buttons-excel {
    background-color: #4caf50;
    border-color: #4caf50;
    color: #FFFFFF;
    font-weight: 600;
}

    #mfs .buttons-excel:hover {
        background-color: #3c8e40;
        border-color: #3c8e40;
        color: #FFFFFF;
    }

#mfs .buttons-pdf {
    background-color: #ef0000;
    border-color: #ef0000;
    color: #FFFFFF;
    font-weight: 600;
}

    #mfs .buttons-pdf:hover {
        background-color: #ad0000d4;
        border-color: #ad0000d4;
        color: #FFFFFF;
    }


#mfs .btnDeleteSimulation,
#mfs .btnDeleteCommission,
#mfs .btnDeleteSimulationFinantial {
    background-color: #E20F0F;
    color: #FFFFFF
}

    #mfs .btnDeleteSimulation:hover,
    #mfs .btnDeleteCommission:hover,
    #mfs .btnDeleteSimulationFinantial:hover {
        background-color: #971B1B;
        color: #FFFFFF;
    }


.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: #00D9EF;
    background-color: #00D9EF;
    background: #00D9EF;
    border-radius: 13px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #A8AAB7 !important;
    border-radius: 13px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #fff !important;
        border: #0085F2;
        background-color: #0085F2;
        background: #0085F2;
        border-radius: 13px;
    }


.buttons-excel {
    background-image: url(/images/General/iconExcel.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position-y: center !important;
    background-position-x: 10px !important;
    border-radius: 13px !important;
}

    .buttons-excel:focus:not(.disabled) {
        outline: 0 !important;
    }

.buttons-pdf {
    background-image: url(/images/General/iconPDF.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position-y: center !important;
    background-position-x: 10px !important;
    border-radius: 13px !important;
}

    .buttons-pdf:focus:not(.disabled) {
        outline: 0 !important;
    }


.buttons-html5 span {
    padding-left: 18px !important;
}




/********************** LOADING ***********************/
#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
    pointer-events: auto;
    overflow: hidden;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
    pointer-events: none;
}

/********************** MENU ***********************/

.horizontalPin img {
    width: 25px;
    padding-top: 10px;
    display: none;
}

.textSubMenu {
    color: #FFFFFF
}

    .textSubMenu:hover {
        color: #FFFFFF;
        font-weight: bold;
    }

@media (min-width: 992px) {
    .navbar, .navbar-collapse {
        flex-direction: column;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
    }

    .navbar {
        width: 270px;
        position: fixed;
        height: 100vh;
        align-items: flex-start;
    }

        .navbar .logoImage {
            width: 70%;
            margin-top: 40px;
        }

    .navbar-brand {
        margin-left: 0.5em;
        padding-bottom: 0;
        border-bottom: 4px solid #464646;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-collapse {
        align-items: start;
    }

    form input {
        margin-bottom: 0.7em;
    }

    .divMenu {
        width: 90%;
        margin-left: auto;
    }

    .navbar-nav li.nav-item {
        padding-bottom: 15px;
    }

    .nav-item img {
        width: 25px;
    }

    .nav-item form button {
        display: inline-block;
    }

    a.nav-link, .nav-item form {
        display: inline-block;
    }

    #navbarSupportedContent hr {
        color: #FFFFFF;
        opacity: 0.6;
    }

    .navbar .logoImage {
        margin-bottom: 1.5rem !important;
    }

    #smallMenu img.item {
        width: 30px;
        padding: 17px 0;
        margin: auto;
    }
}


@media (max-width: 992px) {

    .navbar-collapse {
        margin-top: 30px;
    }

    .divMenu {
        width: 100%;
    }

    .headerMenu {
        display: flex;
    }

    .navbar .logoImage {
        width: 150px;
    }

    .navbar {
        background-color: #00A8E1;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .circlesMenu {
        padding: 0 20px;
    }

    .navbar-nav li.nav-item {
        padding-bottom: 15px;
    }

    .nav-item img {
        width: 5vw !important;
    }

    .nav-item form button {
        display: inline-block;
    }

    a.nav-link, .nav-item form {
        display: inline-block;
    }

    #navbarSupportedContent hr {
        color: #D8D8D8;
        opacity: 1;
    }

    #smallMenu img.item {
        width: 10px;
        padding: 17px 0;
        margin: auto;
    }
}



/******************* CONTAINER MAIN *****************/
@media (min-width: 992px) {

    .mainContainerMargin {
        display: inline-block;
        padding-left: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 992px) {
    .mainContainerMargin {
        padding-top: 80px;
    }
}

/********************** MARGINS ***********************/
.center-vertical {
    margin: auto 0;
}

.center-horizontal {
    margin: 0 auto;
}

/********************** DISPLAY ***********************/
.display-inline-block {
    display: inline-block;
}

/********************** SIZES ***********************/
.vh-100 {
    height: 100vh;
}

hr, hr:not([size]) {
    height: 2px;
}

.width-fit-content {
    width: fit-content;
}

/******************* CURSOR *****************/
.cursor-pointer {
    cursor: pointer;
}

/******************* TEXT DECORATION *****************/

a {
    text-decoration: none;
}


/******************* COLORS *****************/
.blueColorMfs {
    color: #0085F2;
}

.blueBackgroundMfs {
    background-color: #00D9EF;
}

.grayColorMfs {
    color: #69788A;
}

/******************* BUTTONS & LABELS & INPUTS *****************/
button {
    width: fit-content;
    height: fit-content;
    border-radius: 13px;
    border: 0;
    padding: 10px 20px;
}

#saveBtn {
    border: none;
    background-color: #00D9EF;
    color: #FFFFFF;
    margin-bottom: 50px;
}

    #saveBtn:hover {
        background-color: #0085F2;
        border-color: #0085F2;
        color: #FFFFFF
    }

#deleteClientBtn,
#deleteAutoBtn {
    border: none;
    background-color: #6c757d;
    color: #FFFFFF;
}

    #deleteClientBtn:hover,
    #deleteAutoBtn:hover {
        background-color: #5c636a;
        border-color: #565e64;
        color: #FFFFFF;
    }

.form-group {
    margin-top: 15px;
}

    .form-group label {
        color: #3B4E66;
        opacity: 0.75;
        font-weight: 600;
        font-size: 14px !important;
        margin-bottom: 3px;
        width: 100%;
    }

    .form-group input.form-control, .form-group select.form-select {
        background-color: #FFFFFF;
        border-radius: 13px;
        border: 0;
        font-size: 14px !important;
        color: black;
        margin-bottom: 0;
    }

/* In case is modal */
.modal-body .form-group input.form-control,
.modal-body .form-group select.form-select {
    border: 1px solid #ced4da;
}

input::placeholder, input:placeholder-shown {
    color: #c9c9c9;
    font-size: 14px !important;
}

input[readonly='readonly'],
select[readonly='readonly'] {
    pointer-events: none;
    background-color: #aaaaaa !important;
    color: white !important;
}

input[type='checkbox'] {
    margin: auto;
    width: 29px;
    height: 35px;
}

input.form-control.error,
select.form-select.error,
select.form-select.error + span .select2-selection__rendered {
    border: 1px solid red;
    border-radius: 13px;
}

#SpecificDataDiv .commissionBusiness {
    color: #00D9EF !important;
}

#SpecificDataDiv .commissionPartner {
    color: #1600F4 !important;
}
/********************** INPUT SWITCH ***********************/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 5px;
        bottom: 5px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


/*SELECT 2*/
.select2-container {
    display: block !important;
    width: auto !important;
}

.select2-dropdown {
    background-color: #FFFFFF !important;
    border-radius: 13px !important;
    border: 0 !important;
    font-size: 13px !important;
    color: black !important;
    margin-bottom: 0 !important;
}


.select2-container--default .select2-selection--single {
    border: 0 !important;
    border-radius: 13px !important;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: black !important;
    padding: 0.500rem 2.25rem 0.375rem 0.75rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 5px !important;
    right: 5px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0;
    background-color: #FFFFFF;
    border-radius: 13px;
    border: 0;
    font-size: 14px !important;
    color: black;
    margin-bottom: 0;
}

select[readonly='readonly'].form-select.select2-hidden-accessible + span .select2-selection {
    pointer-events: none;
    background-color: #aaaaaa !important;
    color: white !important;
}

/*******************************GENERIC ERROR**************************************/

.box-genericError {
    width: 445px;
    height: 273px;
    position: relative;
    background-color: rgba(0, 122, 255, 0.65);
    border-radius: 5%;
    margin: auto;
}

    .box-genericError label {
        font-size: 18px;
        font-weight: 600;
    }

#mfs span.infoError {
    display: none;
    color: red;
    font-size: 13px;
    font-weight: bold;
}

tbody { text-transform: uppercase; }

/*FILE*/
/*.custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background: #3D3AC1;
    border-radius: 3.61538px;
    font-style: normal;
    font-weight: 800;
    font-size: 15.1846px;
    line-height: 34px;
    letter-spacing: 0.759231px;
    color: #FFFFFF;
    min-height: 46px;
    width: 100%;
    position: relative;
    margin-bottom: 0;
}

form input[type="file"] {
    display: none;
}*/