@font-face {
    font-family: 'finadormedium';
    src: url('../fonts/finador/finador-medium-webfont.woff2') format('woff2'), url('assets/fonts/finador/finador-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'finadorlight';
    src: url('../fonts/finador/finador-light-webfont.woff2') format('woff2'), url('assets/fonts/finador/finador-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.quadrato {
    width: 500px;
    background-color: rgba(255, 255, 255, 1);
}

.triangle::before {
    width: 450px;
    height: 50px;
    border-style: solid;
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    border: 0px;
}

.triangle::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
    line-height: 0px;
    position: absolute;
    background-color: transparent;
    content: '';
    bottom: 0px;
    right: 0px;
}

.triangle {
    width: 500px;
    height: 50px;
    position: relative;
}

.box {
    float: left;
    z-index: 2;
    position: relative;
    margin: 0px
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "finadormedium", Arial;
    font-size: 17px;
}

p {
    font-size: 18px;
    font-family: "finadorlight", Arial;
    text-align: left;
}

#backgroundVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.content {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}

#myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}

    #myBtn:hover {
        background: #ddd;
        color: black;
    }


#overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 120%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    cursor: pointer; /* Add a pointer on hover */
}



.wizard > .content {
    border: none;
}

.card {
    border-radius: 0px;
}

@media screen and (max-width: 2000px) {
    .steps clearfix {
        display: none !important;
    }
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}


.wizard > .steps .done a {
    background: #ccc;
    color: #ffffff;
}

.wizard > .steps .current a {
    background: #000;
    color: #ffffff;
    cursor: default;
}

.btn-primary, .wizard > .actions a {
    color: #fff;
    background-color: #C1C9CC;
    border-color: #C1C9CC;
}

.footer {
    display: flex;
    flex: 0 0 auto;
    z-index: 3;
    background: #fbd005;
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .menu-title, .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link i, .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .menu-arrow {
    color: #999;
}


.horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li a.active {
    color: #999;
}

.wizard > .steps .done a {
    background: #ccc;
    color: #ffffff;
}

    .wizard > .steps .done a:hover {
        background: #ccc;
        color: #ffffff;
    }

.btn-primary:hover, .wizard > .actions a:hover {
    color: #fff;
    background-color: #fbd005;
    border-color: #fbd005;
}

.btn-primary:hover {
    color: #fff;
    background-color: #fbd005;
    border-color: #fbd005;
}

.wizard > .steps .current a {
    background: #fbd005;
    color: #ffffff;
    cursor: default;
}

.btn-primary, .wizard > .actions a {
    color: #000;
    background-color: #fbd005;
    border-color: #fbd005;
}

    .btn-primary:not(:disabled):not(.disabled):active, .wizard > .actions a:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .wizard > .actions a:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .wizard > .actions .show > a.dropdown-toggle {
        color: #000;
        background-color: #fbd005;
        border-color: #fbd005;
    }

.wizard > .steps .current a:active {
    background-color: #fbd005;
    color: #000;
    cursor: default;
    border-radius: none;
}

.wizard > .steps .current a {
    background-color: #fbd005;
    color: #000;
    cursor: default;
}
/* LOGO INTESTAZIONE */
.horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand img {
    height: auto;
}

.bottom-navbar-logo {
    display: none;
}

.fixed-on-scroll .bottom-navbar-logo {
    display: initial;
    margin-right: 15px;
}

.horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
    width: 160px;
}

@media (max-width: 991px) {
    .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand {
        width: 165px;
    }

    .horizontal-menu .top-navbar .navbar-menu-wrapper {
        padding-left: 15px;
        padding-right: 0;
    }
}


@media (max-width: 391px) {
    .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand {
        width: 100px;
    }

    .logoFanuc {
        padding-top: 12px;
        width: 100px;
    }

    .horizontal-menu .top-navbar .navbar-menu-wrapper {
        padding-left: 5px;
        padding-right: 0;
    }
}

/* FINE LOGO INTESTAZIONE */

.wizard > .steps .current a:hover {
    background: #fbd005;
    color: #000;
    cursor: default;
}


.text-primary, a a:hover {
    color: #c32c30 !important;
}

    .text-primary:hover, .footer a {
        color: #c32c30 !important;
    }

.form-control {
    border-radius: 0px;
}

.wizard > .steps {
    text-transform: uppercase;
}

.btn, .fc button, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a, .btn-group.open .dropdown-toggle, .fc .open.fc-button-group .dropdown-toggle, .btn:active, .fc button:active, .ajax-upload-dragdrop .ajax-file-upload:active, .swal2-modal .swal2-buttonswrapper .swal2-styled:active, .wizard > .actions a:active, .btn:focus, .fc button:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, .btn:hover, .fc button:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard > .actions a:hover, .btn:visited, .fc button:visited, .ajax-upload-dragdrop .ajax-file-upload:visited, .swal2-modal .swal2-buttonswrapper .swal2-styled:visited, .wizard > .actions a:visited, a, a:active, a:checked, a:focus, a:hover, a:visited, body, button, button:active, button:hover, button:visited, div {
    text-transform: uppercase;
}

    .btn-primary:focus, .wizard > .actions a:focus, .btn-primary.focus, .wizard > .actions a.focus {
        color: #fff;
        background-color: #fbd005;
        border-color: #fbd005;
        box-shadow: 0 0 0 0.2rem #fbd005;
    }

@media (max-width: 767px) {
    .wizard.vertical > .steps {
        width: 100%;
        display: none;
    }

    .wizard.vertical > .content {
        margin: 0px;
        padding: 0px;
    }

    .card .card-body {
        padding: 10px;
    }

    .accordion .card .card-body {
        padding: 10px;
    }

    .wizard.vertical > .content {
        width: 100%;
    }

    .box {
        width: 100%;
    }

    .quadrato {
        width: 100%;
    }

    .triangle::before {
        display: none;
    }

    .triangle::after {
        display: none;
    }

    .triangle {
        width: auto;
        background-color: rgba(255, 255, 255, 1);
    }
}

.accordion .card .card-body {
    padding-top: 20px;
}

.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item:hover {
    background: #CCC;
}

.wizard.vertical > .content {
    background-color: transparent;
}

.card {
    background-color: rgba(255, 255, 255, 0.9);
}
/* TOGGLE  */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    float: left;
    margin-right: 30px;
    margin-top: 0 !important;
}

    .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: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

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

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

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

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

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


.nav-tabs .nav-link {
    background: #323232;
}

.tab-content {
    background-color: white;
}

.nav-tabs .nav-item:first-child .nav-link {
    border-radius: 0px 0 0 0;
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li a:hover {
    color: #fbd100;
}

.table td img, .jsgrid .jsgrid-table td img {
    width: 80px;
    height: 80px;
    border-radius: 0%;
    padding: 10px;
}

.breadcrumb {
    border-radius: 0px;
}

.tab-content {
    border: none;
    padding: 0px;
    margin: 0px;
}

.nav-pills {
    border-bottom: transparent;
}

    .nav-pills .nav-link {
        border-radius: 0rem;
    }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: #fff;
            background-color: #fbd100;
        }

.nav-pills-success .nav-link {
    color: #000;
    padding-bottom: 5px;
}

.btn-success {
    color: #fff;
    background-color: #fbd100;
    border-color: #fbd100;
}

    .btn-success:hover {
        color: #fff;
        background-color: #fbd100;
        border-color: #fbd100;
    }

    .btn-success:focus {
        color: #fff;
        background-color: #fbd100;
        border-color: #fbd100;
    }

    .btn-success:active {
        color: #fff;
        background-color: #fbd100;
        border-color: #fbd100;
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #fbd100;
        border-color: #fbd100;
    }

.card-body {
    background-color: #fff;
}

.gaugeLabel {
    display: inline-block;
    color: #000;
    border: 1px solid #000;
    margin: 2px;
    width: 150px;
    font-size: .8em;
}

.opexDialog .mdc-dialog__surface, .capexDialog .mdc-dialog__surface, .greenFieldDialog .mdc-dialog__surface {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
}

.capexDialog .alert-fill-primary, .capexDialog .alert-fill-success, .opexDialog .alert-fill-primary, .opexDialog .alert-fill-success, .greenFieldDialog .alert-fill-primary, .greenFieldDialog .alert-fill-success {
    font-size: 20px;
    font-weight: bold;
}

.opexDialog .mdc-dialog__title, .capexDialog .mdc-dialog__title, .greenFieldDialog .mdc-dialog__title {
    display: flex;
    align-items: center;
    font-size: 15px;
    background-color: #323232;
    color: #fff;
    font-weight: bold;
}

.opexDialog footer, .capexDialog footer, .greenFieldDialog footer {
    padding-bottom: 20px;
    background-color: #323232;
    color: #fff;
}

.horizontal-menu .bottom-navbar .page-navigation {
    z-index: 0;
}

.inputHelp {
    margin: 4px;
    text-transform: none;
    font-size: 13px;
    color: #666;
}

.table td img, .jsgrid .jsgrid-table td img {
    width: 80px;
    height: auto;
}

.btn, .fc button, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a, .btn-group.open .dropdown-toggle, .fc .open.fc-button-group .dropdown-toggle, .btn:active, .fc button:active, .ajax-upload-dragdrop .ajax-file-upload:active, .swal2-modal .swal2-buttonswrapper .swal2-styled:active, .wizard > .actions a:active, .btn:focus, .fc button:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, .btn:hover, .fc button:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard > .actions a:hover, .btn:visited, .fc button:visited, .ajax-upload-dragdrop .ajax-file-upload:visited, .swal2-modal .swal2-buttonswrapper .swal2-styled:visited, .wizard > .actions a:visited, a, a:active, a:checked, a:focus, a:hover, a:visited, body, button, button:active, button:hover, button:visited, div {
    text-transform: none;
}

.mdc-button:hover {
    text-transform: uppercase;
}

.blazored-wizard label, .blazored-wizard p {
    color: #000;
    text-transform: none;
    margin-top: 15px;
    font-size: 18px;
}

.form-control {
    display: block;
    border: 1px solid #424351;
    background-color: white;
    color: #495057;
    margin-top: 15px;
    text-transform: none;
}

    .form-control:focus, .form-control:active {
        background-color: #eee;
    }

.blazored-wizard .tab-content {
    background-color: transparent;
    border: 0;
    margin-bottom: 30px;
}

.robotApplicationsLabel > label {
    max-width: 100px;
}

.legend {
    font-size: 11px;
}

@media (min-width: 375px) {
    .robotApplicationsLabel > label {
        max-width: 200px;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

    .robotDetailsDialog .mdc-dialog__surface {
        width: 400px;
    }

    .contactusDialog .mdc-dialog__surface {
        width: 400px;
    }

    .termDialog .mdc-dialog__surface {
        width: 400px;
    }

    .robotApplicationsLabel > label {
        max-width: 300px;
    }
    .legend {
        font-size: 16px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    .robotDetailsDialog .mdc-dialog__surface {
        width: 500px;
    }

    .contactusDialog .mdc-dialog__surface {
        width: 500px;
    }

    .termDialog .mdc-dialog__surface {
        width: 500px;
    }

    .robotApplicationsLabel > label {
        max-width: unset;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    .robotDetailsDialog .mdc-dialog__surface {
        width: 600px;
    }

    .contactusDialog .mdc-dialog__surface {
        width: 600px;
    }

    .termDialog .mdc-dialog__surface {
        width: 600px;
    }

    .robotApplicationsLabel > label {
        max-width: unset;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    .robotDetailsDialog .mdc-dialog__surface {
        width: 700px;
    }

    .contactusDialog .mdc-dialog__surface {
        width: 700px;
    }

    .termDialog .mdc-dialog__surface {
        width: 700px;
    }

    .robotApplicationsLabel > label {
        max-width: unset;
    }
}

tooltip-text {
    width: 80% !important;
}

.recap .table td, .table th {
    padding: .5rem;
}

label {
    text-align: left;
}

.card .card-title {
    text-transform: none;
}

.userCard .fullName {
    font-size: 1em;
    font-weight: bold;
    color: #000;
}

.horizontal-menu .top-navbar {
    background: #fbd005;
}

.IsAgent .horizontal-menu .top-navbar {
    background: #323232;
}

.selectCulture.mdc-select {
    border: 0;
    min-width: unset;
}

    .selectCulture.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
        background-color: transparent;
    }

.IsAgent .selectCulture.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: #fff;
}

.btn-sm .ti-email {
    vertical-align: text-bottom;
}

.accordion .card .card-header {
    padding: 0 2rem;
    background-color: #323232;
    color: #fff;
}

    .accordion .card .card-header a {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

        .accordion .card .card-header a[aria-expanded="true"] {
            color: #fbd005;
        }

        .accordion .card .card-header a:before {
            top: 2rem;
        }

.report-section-header {
    background-color: #fff;
    color: #000;
}

.report-value-box {
    background-color: #FBD100;
    color: #000;
}

.report-value-description-box {
    font-size: 14px !important;
    background-color: #FBD100;
    color: #000;
}

.tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5, .tab-content h6 {
    text-align: left !important;
}

.mdc-dialog--open {
    z-index: 9999;
}

.dashboard-header-row {
    color: #b1b1b5;
    border-bottom: 2px solid #dee2e6;
    vertical-align: bottom;
    font-size: 16px;
}

.dashboard-row {
    color: #b1b1b5;
    border-top: 1px solid #dee2e6;
    padding: .75rem;
    font-size: 14px;
}

.roi {
    color: #000;
    margin-right: 0;
}

.roi-calculator {
    color: #000;
    font-size: 20px;
    font-family: "finadorlight", Arial;
}

.roi-calculator-right h6 {
    margin-top: 27px;
    color: #000;
}

.IsAgent .roi, .IsAgent .roi-calculator-right h6, .IsAgent .roi-calculator {
    color: #fff;
}

.dashboard-row h5 {
    font-size: 16px;
}

.tick-barchart {
    font-size: 14px;
}

.analyzeDialog .mdc-dialog__surface {
    max-width: none;
}

.isInternalAgent {
    font-weight: bold;
    color: red;
}

.statCollapseHeader {
    font-size: 24px !important;
    text-transform: uppercase !important;
}

.nav-item .dropdown-item {
    text-transform: uppercase;
}