@charset "UTF-8";
@font-face {
    font-family: "boschsans";
    src: url('../../assets/fonts/BoschSans-Light.ttf');
}


@font-face {
    font-family: "BoschSansBold";
    src: url('../../assets/fonts/BoschSans-Bold.ttf');
}
@font-face {
    font-family: "BoschSansBoldItalic";
    src: url('../../assets/fonts/BoschSans-BoldItalic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "BoschSansBlack";
    src: url('../../assets/fonts/BoschSans-Black.ttf');
}
@font-face {
    font-family: "BoschSansBlackItalic";
    src: url('../../assets/fonts/BoschSans-BlackItalic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "boschsansLight";
    src: url('../../assets/fonts/BoschSans-Light.ttf');
}
@font-face {
    font-family: "boschsansLightItalic";
    src: url('../../assets/fonts/BoschSans-LightItalic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "boschsansMedium";
    src: url('../../assets/fonts/BoschSans-Medium.ttf');
}
@font-face {
    font-family: "boschsansMediumItalic";
    src: url('../../assets/fonts/BoschSans-MediumItalic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "boschsansRegular";
    src: url('../../assets/fonts/BoschSans-Regular.ttf');
}
@font-face {
    font-family: "boschsansRegularItalic";
    src: url('../../assets/fonts/BoschSans-RegularItalic.ttf');
    font-style: italic;
}

.boschSansBold {
    font-family: BoschSansBold, serif !important;
}
.boschSansRegular {
    font-family: BoschSansRegular, serif !important;
}
.boschSansMedium {
    font-family: BoschSansMedium, serif !important;
}
.boschSansLight {
    font-family: BoschSansLight, serif !important;
}

body,
input,
select,
textarea,
body * {
    box-sizing: border-box;
    font-family: boschSansRegular, sans-serif;
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1320px !important;
    }
}
/*
@media (min-width : 1700px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1520px !important;
    }
}
*/

.bosch_body {
    background-color: #eff1f2;
}

.navbar-light {
    background-color: white;
}

.navbar-light .navbar-toggler {
    color: black;
    border-color: transparent;
}

.navbar-light .navbar-nav .nav-link {
    color: black;
}

.navbar-collapse {
    background-color: white;
}

.active > a.nav-link {
    font-family: BoschSansBold, serif !important;
    font-weight: bold !important;
}

a.nav-link:hover {
    color: #007bc0 !important;
}

.bosch-panel-supegraphic-blue-dark {
    background: url("/images/Bosch-Supergraphic-Blue-Dark-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-blue-light {
    background: url("/images/Bosch-Supergraphic-Blue-Light-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-gray-dark {
    background: url("/images/Bosch-Supergraphic-Gray-Dark-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-gray-light {
    background: url("/images/Bosch-Supergraphic-Gray-Light-RGB.png") no-repeat center / cover;
    color: #333;
}

.bosch-panel-supegraphic-gray-medium {
    background: url("/images/Bosch-Supergraphic-Gray-Medium-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-green {
    background: url("/images/Bosch-Supergraphic-Green-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-red {
    background: url("/images/Bosch-Supergraphic-Red-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-violet {
    background: url("/images/Bosch-Supergraphic-Violet-RGB.png") no-repeat center / cover;
    color: #fff;
}

.btn {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}

.btn-success, .btn-add {
    color: #fff;
    background-color: #00884a;
    border: 1px solid rgba(0, 136, 74, 1) !important;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-add:hover,
.btn-add:active,
.btn-add:focus {
    color: #fff;
    background-color: rgba(0, 136, 74, 0.9);
    border: 1px solid rgba(0, 136, 74, 0.9) !important;
}

.btn-primary, .btn-edit {
    color: #fff !important;
    background-color: #007bc0;
    border: 1px solid rgba(0, 123, 192, 1) !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-edit:hover,
.btn-edit:active,
.btn-edit:focus {
    background-color: rgba(0, 123, 192, 0.9);
    color: white !important;
    border: 1px solid rgba(0, 123, 192, 0.9) !important;
}

.btn-danger, .btn-delete {
    background-color: rgba(237, 0, 7, 1);
    color: white;
    border: 1px solid rgba(237, 0, 7, 1) !important;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
.btn-delete:hover,
.btn-delete:active,
.btn-delete:focus {
    background-color: rgba(237, 0, 7, 0.7);
    color: white;
    border: 1px solid rgba(237, 0, 7, 0.7) !important;
}

.btn-info {
    background-color: rgba( 64, 190, 196, 1);
    color: white;
    border: 1px solid rgba( 64, 190, 196, 1) !important;
}

.btn-info:hover,
.btn-info:active,
.btn-info:focus {
    background-color: rgba( 64, 190, 196, 0.7);
    color: white;
    border: 1px solid rgba( 64, 190, 196, 0.7) !important;
}


.btn-dark-green {
    color: #fff;
    background-color: #006249;
    border: 1px solid #006249 !important;
}

.btn-dark-green:hover,
.btn-dark-green:active,
.btn-dark-green:focus {
    background-color: #408977;
    border: 1px solid #408977 !important;
    color: #fff;
}

.btn-light-green {
    color: #fff;
    background-color: #78BE20;
    border: 1px solid #78BE20 !important;
}

.btn-light-green:hover,
.btn-light-green:active,
.btn-light-green:focus {
    background-color: #9ACE58;
    border: 1px solid #9ACE58 !important;
}

.btn-yellow {
    color: #fff;
    background-color: #FCAF17;
    border: 1px solid #FCAF17 !important;
}

.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus {
    background-color: #FCD351;
    border: 1px solid #FCD351 !important;
}

.btn-dark-gray {
    color: #fff;
    background-color: #525F6B;
    border: 1px solid #525F6B !important;
}

.btn-dark-gray:hover,
.btn-dark-gray:active,
.btn-dark-gray:focus {
    background-color: #7D8790;
    border: 1px solid #7D8790 !important;
    color: #fff;
}


.btn-turquoise {
    color: #fff;
    background-color: #00A8B0;
    border: 1px solid #00A8B0 !important;
}

.btn-turquoise:hover,
.btn-turquoise:active,
.btn-turquoise:focus {
    background-color: #40BEC4;
    border: 1px solid #40BEC4 !important;
    color: #fff;
}

.btn-violet {
    color: #fff;
    background-color: #50237F;
    border: 1px solid #50237F !important;
}

.btn-violet:hover,
.btn-violet:active,
.btn-violet:focus {
    color: #fff;
    background-color: #7C5A9F;
    border: 1px solid #7C5A9F !important;
}

.btn-fuchsia {
    color: #fff;
    background-color: #B90276;
    border: 1px solid #B90276 !important;
}

.btn-fuchsia:hover,
.btn-fuchsia:active,
.btn-fuchsia:focus {
    color: #fff;
    background-color: #CB4198;
    border: 1px solid #CB4198 !important;
}

.btn-dark-blue {
    color: #fff;
    background-color: #005691;
    border: 1px solid #005691 !important;
}

.btn-dark-blue:hover,
.btn-dark-blue:active,
.btn-dark-blue:focus {
    background-color: #4080AD;
    border: 1px solid #4080AD !important;
    color: #fff;
}

.btn-light-blue {
    color: #fff;
    background-color: #008ECF;
    border: 1px solid #008ECF !important;
}

.btn-light-blue:hover,
.btn-light-blue:active,
.btn-light-blue:focus {
    background-color: #40AADB;
    border: 1px solid #40AADB !important;
    color: #fff;
}

.btn-trasparent {
    color: white !important;
    background: transparent;
    border: 1px solid white;
    border-radius: 0;
}

.btn-trasparent:hover {
    background: rgba(255, 255, 255, 0.75);
}

.btn-trasparent:active:focus {
    box-shadow: 0 0 1px 1px white;
}

.btn-white {
    background: white;
    color: #005691;
    border: 1px solid white;
    border-radius: 0;
}

.btn-white:hover {
    color: white !important;
    background: rgba(255, 255, 255, 0.75);
}

.btn-white:active:focus {
    box-shadow: 0 0 1px 1px white;
}




input:not([type="checkbox"]),
textarea {
    display: block;
    padding: 0.125rem 0.125rem 0.0625rem !important;
    font-size: 1rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(191, 192, 194);
    line-height: 1.8rem;
    /*width: 100%;*/
    color: black;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
}

@font-face {
    font-family: "boschsans";
    src: url('../../assets/fonts/BoschSans-Light.ttf');
}

@font-face {
    font-family: "boschSansRegular";
    src: url('../../assets/fonts/BoschSans-Regular.woff');
}
html {
    height: 100%;
    box-sizing: border-box;
}


body,
input,
select,
textarea,
body * {
    box-sizing: border-box;
    font-family: boschSansRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body::after,
body::before,
input::after,
input::before,
select::after,
select::before,
textarea::after,
textarea::before,
body *::after,
body *::before {
    box-sizing: border-box;
}

body {
    word-wrap: break-word;
    position: relative;
    margin: 0;
    min-height: 100%;
}

h1,h2,h3,h4,h5,h6 {
    font-family: boschSansBold, serif;
}

h1 {
    font-size: 3rem;
    text-align: center;
    margin: 0 0 1em;
}

@media all and (max-width:990px) {
    h1 {
        font-size: 2rem;
    }

}

section {
    margin-top: 0;
    margin-bottom: 0;
}


.button-container {
    text-align: center;
}

fieldset {
    margin: 0 0 3rem;
    padding: 0;
    border: none;
}

input,
select,
textarea {
    font-size: 100% !important;
}

/*
.form-radio,
.form-group {
    position: relative;
    margin-bottom: 2.25rem;
}

.form-inline>.form-group,
.form-inline>.btn {
    display: inline-block;
    margin-bottom: 0;
}

.form-help {
    margin-top: 0.125rem;
    margin-left: 0.125rem;
    color: #b3b3b3;
    font-size: 0.8rem;
}

.checkbox .form-help,
.form-radio .form-help,
.form-group .form-help {
    position: absolute;
    width: 100%;
}

.checkbox .form-help {
    position: relative;
    margin-bottom: 1rem;
}

.form-radio .form-help {
    padding-top: 0.25rem;
    margin-top: -1rem;
}
*/

.form-group textarea {
    resize: none;
}

/*
.form-group select {
    width: 100%;
    font-size: 1rem;
    height: 2.0rem;
    padding: 0.125rem 0.125rem 0.0625rem;
    background: none;
    line-height: 1.6;
    box-shadow: none;
}

.form-group .control-label {
    position: absolute;
    top: 0.25rem;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    color: #b3b3b3;
    font-size: 1rem;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.form-group .bar {
    position: relative;
    border-bottom: 0.0625rem solid #999;
    display: block;
}

.form-group .bar::before {
    content: '';
    height: 0.125rem;
    width: 0;
    left: 50%;
    bottom: -0.0625rem;
    position: absolute;
    background: #005691;
    -webkit-transition: left 0.28s ease, width 0.28s ease;
    transition: left 0.28s ease, width 0.28s ease;
    z-index: 2;
}

.label-form-group {
    padding: .375rem 0;
    margin-bottom: 0 !important;
}

.form-group input,
.form-group textarea,
.form-group select
{
    display: block;
    background: none;
    padding: 1rem !important;
    font-size: 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(191, 192, 194);
    line-height: 1.8rem;
    width: 100%;
    color: black;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
}

.form-group input[type="file"] {
    line-height: 1;
}

.form-group input[type="file"]~.bar {
    display: none;
}

.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
    color: #333;
}

.form-group select~.control-label,
.form-group input:focus~.control-label,
.form-group input:valid~.control-label,
.form-group input.form-file~.control-label,
.form-group input.has-value~.control-label,
.form-group textarea:focus~.control-label,
.form-group textarea:valid~.control-label,
.form-group textarea.form-file~.control-label,
.form-group textarea.has-value~.control-label {
    font-size: 0.8rem;
    color: gray;
    top: -1rem;
    left: 0;
}

.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
    outline: none;
}

.form-group select:focus~.control-label,
.form-group input:focus~.control-label,
.form-group textarea:focus~.control-label {
    color: #005691;
}

.form-group select:focus~.bar::before,
.form-group input:focus~.bar::before,
.form-group textarea:focus~.bar::before {
    width: 100%;
    left: 0;
}

.checkbox label,
.form-radio label {
    position: relative;
    cursor: pointer;
    padding-left: 2rem;
    text-align: left;
    color: #333;
    display: block;
}
*/

.checkbox input,
.form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
}

.radio {
    margin-bottom: 1rem;
}

.radio .helper {
    position: absolute;
    top: -0.25rem;
    left: -0.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999;
}

.radio .helper::before,
.radio .helper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.25rem;
    width: 1rem;
    height: 1rem;
    -webkit-transition: -webkit-transform 0.28s ease;
    transition: -webkit-transform 0.28s ease;
    transition: transform 0.28s ease;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    border-radius: 50%;
    border: 0.125rem solid currentColor;
}

.radio .helper::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #005691;
    border-color: #005691;
}

.radio label:hover .helper {
    color: #005691;
}

.radio input:checked~.helper::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.radio input:checked~.helper::before {
    color: #005691;
}

.checkbox .helper {
    color: #999;
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    z-index: 0;
    border: 0.125rem solid currentColor;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease;
}

.checkbox .helper::before,
.checkbox .helper::after {
    position: absolute;
    height: 0;
    width: 0.2rem;
    background-color: #005691;
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 0.25rem;
    content: '';
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
}

.checkbox .helper::before {
    top: 0.65rem;
    left: 0.38rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-shadow: 0 0 0 0.0625rem #fff;
}

.checkbox .helper::after {
    top: 0.3rem;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox label:hover .helper {
    color: #005691;
}

.checkbox input:checked~.helper {
    color: #005691;
}

.checkbox input:checked~.helper::after,
.checkbox input:checked~.helper::before {
    opacity: 1;
    -webkit-transition: height 0.28s ease;
    transition: height 0.28s ease;
}

.checkbox input:checked~.helper::after {
    height: 0.5rem;
}

.checkbox input:checked~.helper::before {
    height: 1.2rem;
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}

.checkbox .helper2 {
    color: #999;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 0;
    border: 0.125rem solid currentColor;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease;
}

.checkbox .helper2::before,
.checkbox .helper2::after {
    position: absolute;
    height: 0;
    width: 0.2rem;
    background-color: #005691;
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 0.25rem;
    content: '';
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
}

.checkbox .helper2::before {
    top: 1.05rem;
    left: 0.38rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-shadow: 0 0 0 0.0625rem #fff;
}

.checkbox .helper2::after {
    top: 0.7rem;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox label:hover .helper2 {
    color: #005691;
}

.checkbox input:checked~.helper2 {
    color: #005691;
}

.checkbox input:checked~.helper2::after,
.checkbox input:checked~.helper2::before {
    opacity: 1;
    -webkit-transition: height 0.28s ease;
    transition: height 0.28s ease;
}

.checkbox input:checked~.helper2::after {
    height: 0.5rem;
}

.checkbox input:checked~.helper2::before {
    height: 1.2rem;
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: 1rem;
}

.has-error .legend.legend,
.has-error.form-group .control-label.control-label {
    color: #d9534f;
}

.has-error.form-group .form-help,
.has-error.form-group .helper,
.has-error.checkbox .form-help,
.has-error.checkbox .helper,
.has-error.radio .form-help,
.has-error.radio .helper,
.has-error.form-radio .form-help,
.has-error.form-radio .helper {
    color: #d9534f;
}
.has-error.form-group .form-help,
.has-error.form-group .helper2,
.has-error.checkbox .form-help,
.has-error.checkbox .helper2,
.has-error.radio .form-help,
.has-error.radio .helper2,
.has-error.form-radio .form-help,
.has-error.form-radio .helper2 {
    color: #d9534f;
}

.has-error .bar::before {
    background: #d9534f;
    left: 0;
    width: 100%;
}

.button {
    position: relative;
    background: currentColor;
    border: 1px solid currentColor;
    font-size: 1.1rem;
    color: #4f93ce;
    margin: 3rem 0;
    padding: 0.75rem 3rem;
    cursor: pointer;
    -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.button span {
    color: #fff;
    position: relative;
    z-index: 1;
}

.button::before {
    content: '';
    position: absolute;
    background: #071017;
    border: 50vh solid #1d4567;
    width: 30vh;
    height: 30vh;
    border-radius: 50%;
    display: block;
    top: 50%;
    left: 50%;
    z-index: 0;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.button:hover {
    color: #005691;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.button:active::before,
.button:focus::before {
    -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
    transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
}

.button:focus {
    outline: none;
}

.button-danger {
    position: relative;
    background: currentColor;
    border: 1px solid currentColor;
    font-size: 1.1rem;
    color: #EA4051;
    margin: 3rem 0;
    padding: 0.75rem 3rem;
    cursor: pointer;
    -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.button-danger span {
    color: #fff;
    position: relative;
    z-index: 1;
}

.button-danger ::before {
    content: '';
    position: absolute;
    background: #71000B;
    border: 50vh solid #A90010;
    width: 30vh;
    height: 30vh;
    border-radius: 50%;
    display: block;
    top: 50%;
    left: 50%;
    z-index: 0;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.button-danger:hover {
    color: #EA4051;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.button-danger:active::before,
.button-danger:focus::before {
    -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
    transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
}

.button-danger:focus {
    outline: none;
}

.bd-callout {
    padding: 1rem .5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left: .25rem rgb(238, 238, 238);
    border-radius: 0;

    font-size: 1.1rem;
}

.bd-callout-warning {
    border-left: 5px solid #ffcf00;
    background-color: #ffdf95;
}

.bd-callout-info {
    border-left-color: #005691;
}

.bd-callout-danger {
    border-left-color: #A90010;
}

.bd-callout-success {
    border-left-color: #1f963a;
}

.ic_medium {
    font-size: 60px;
}

.bd-callout-fuchsia {
    border-left-color: #B90276;
}

.bosch-panel-supegraphic-blue-dark {
    background: url("/images/Bosch-Supergraphic-Blue-Dark-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-blue-light {
    background: url("/images/Bosch-Supergraphic-Blue-Light-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-gray-dark {
    background: url("/images/Bosch-Supergraphic-Gray-Dark-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-gray-light {
    background: url("/images/Bosch-Supergraphic-Gray-Light-RGB.png") no-repeat center / cover;
    color: #333;
}

.bosch-panel-supegraphic-gray-medium {
    background: url("/images/Bosch-Supergraphic-Gray-Medium-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-green {
    background: url("/images/Bosch-Supergraphic-Green-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-red {
    background: url("/images/Bosch-Supergraphic-Red-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch-panel-supegraphic-violet {
    background: url("/images/Bosch-Supergraphic-Violet-RGB.png") no-repeat center / cover;
    color: #fff;
}

.bosch_panel_1 {
    background: linear-gradient(to right, rgba(80, 35, 127, 1), rgba(0, 86, 145, 1));
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 0;
}

.bosch_panel_2 {
    background: linear-gradient(to right, rgba(139, 1, 88, 1), rgba(169, 0, 16, 1));
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 0;
}

.bosch_panel_3 {
    background: linear-gradient(to right, rgba(22, 169, 176, 1), rgba(121, 185, 41, 1));
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 0;
}

.bosch_panel_4 {
    background: linear-gradient(to right, rgba(184, 15, 119, 1), rgba(79, 38, 125, 1));
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 0;
}

.bosch_panel_5 {
    background: linear-gradient(to right, rgba(225, 7, 24, 1), rgba(185, 14, 119, 1));
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 0;
}

.bosch_panel_6 {
    background: linear-gradient(to right, rgba(0, 86, 145, 1), rgba(0, 142, 207, 1));
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 0;
}

.bosch_panel_7 {
    background: linear-gradient(to right, rgba(252, 175, 23, 1), rgba(253, 215, 139, 1));
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 0;
}

.bosch_panel_8 {
    background: linear-gradient(to right, rgba(96, 96, 97, 1), rgba(191, 192, 194, 1));
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 0;
}

.background_gray_light {
    background: rgba(191, 192, 194, 1);
}

.background_gray {
    background: rgba(96, 96, 97, 1);
    color: #fff;
}

.background_red_dark {
    background: rgba(169, 0, 16, 1);
    color: #fff;
}

.background_red {
    background: rgba(225, 7, 24, 1);
    color: #fff;
}

.white {
    color: white;
}

.white:hover {
    color: white;
}

a.underline {
    text-decoration: underline;
}

a.underline:hover {
    text-decoration: underline;
}

.close:hover {
    color: white;
    text-decoration: none;
    opacity: .75;
}



.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centered_top40 {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.supergraphipc-header {
    background-image: url("data:image/png;base64,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");
    background-size: cover;
    height: 6px;
    width: 100%;
    display: block;
    position: fixed;
    z-index: 99999;
}

#no_elements {
    margin-top: 100px;
    margin-bottom: 100px;
}

.small_gray_diciture {
    padding: 5px;
    margin-left: 20px;
    border-radius: .25rem;
    font-size: x-small;
}

.logo_bosch_200 {
    width: 200px;
    height: auto;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centered_top40 {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg-white-bosch-border {
    background: white;
    border-bottom: 1px solid rgba(191, 192, 194, 1);
}

.bg-white-bosch {
    background: white;
}

.navbar-text-body-color {
    color: #212529 !important;
}



.input-group-text {
    background-color: transparent;
    border: 0 solid #ced4da;
    border-bottom: 1px solid rgba(191, 192, 194, 1);
    border-radius: 0;
}

.display-5 {
    font-size: 2.0rem;
    font-weight: 300;
    line-height: 1.2;
}



.text-primary {
    color : #017bc0 !important;
}

.text-yellow {
    color: rgba(252, 175, 23, 1);
}

.text-fuchsia {
    color: #B90276;
}

.text-violet {
    color: rgba(80, 35, 127, 1);
}

.text-red-1 {
    color: rgba(169, 0, 16, 1);
}

a {
    color: rgba(0, 86, 145, 1);
}
.alert a {
    color: rgba(0, 86, 145, 1) !important;
}

a:hover {
    color: rgba(0, 142, 207, 1);
    text-decoration: none;
}

.line {
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
    border-bottom: 1px solid rgba(96, 96, 97, 1);
}

.line-light {
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
    border-bottom: 1px solid rgba(191, 192, 194, 1);
}

.list-group-item-action {
    color: #007bc0;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: white !important;
    text-decoration: none;
    background-color: #007bc0;
}

.list-group-item-action i:focus,
.list-group-item-action i:hover {
    color: white !important;
    text-decoration: none;
    background-color: #007bc0;
}

.small-60 {
    font-size: 60%;
}


/* for image zoom */

.zoom {
    display: inline-block;
    position: relative;
}


/* magnifying glass icon
.zoom:after {
	content:'';
	display:block;
	width:33px;
	height:33px;
	position:absolute;
	top:0;
	right:0;
	background:url('../..//images/magnifying_glass.png');
}
*/

.zoom img {
    display: block;
}

.zoom img::selection {
    background-color: transparent;
}

.table-borderless>tbody>tr>td,
.table-borderless>tbody>tr>th,
.table-borderless>tfoot>tr>td,
.table-borderless>tfoot>tr>th,
.table-borderless>thead>tr>td,
.table-borderless>thead>tr>th {
    border: none;
}

.w-20 {
    width: 20% !important;
}

.w-19 {
    width: 19% !important;
}

.w-18 {
    width: 18% !important;
}

.w-17 {
    width: 17% !important;
}

.w-16 {
    width: 16% !important;
}

.w-15 {
    width: 15% !important;
}

.w-14 {
    width: 14% !important;
}

.w-13 {
    width: 13% !important;
}

.w-12 {
    width: 12% !important;
}

.w-11 {
    width: 11% !important;
}

.w-10 {
    width: 10% !important;
}

.modal-content {
    border: 0 solid rgba(0, 0, 0, .2);
    border-radius: 0;
}

.modal-header {
    border-bottom: 0 solid #e9ecef;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.carousel-control-next,
.carousel-control-prev {
    width: 5%;
    color: gray;
}

.card {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: white !important;
}
.card-header {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    background-color: white;
    color: black;
    border-bottom: unset !important;
    font-family: boschSansBold, serif;
    font-size: 2rem;

}

.bg-dark {
    background-color: black !important;
    color: white !important;
}

.card-title {
    float: left;
    font-size: 2rem;
    font-weight: 400;
    margin: 0 0 0;
    font-family: boschSansBold, serif;
}

.card-footer {
    background-color: rgba(255, 255, 255, 1);
    border-top: 0 solid rgba(0, 0, 0, .125);
}
.card-footer > a.btn-lg {
    padding: 16px 16px 16px 16px;
}

.card-image {
    /*background: #e3e5e8;*/
    background: #c7cdd1;
}

.card-image img {
    max-width: 100%;
}

.carousel-caption-green {
    background: linear-gradient(to right, rgba(22, 169, 176, 0.7), rgba(121, 185, 41, 0.7));
}

.carousel-caption-blue {
    background: linear-gradient(to right, rgba(0, 86, 145, 0.7), rgba(0, 142, 207, 0.7));
}

.carousel-caption-violet {
    background: linear-gradient(to right, rgba(80, 35, 127, 0.7), rgba(0, 86, 145, 0.7));
}




.card-body-green {
    background: linear-gradient(to right, rgba(22, 169, 176, 1), rgba(121, 185, 41, 1));
    color: white;
}

.card-body-green-secondary {
    border : 1px solid rgba(121, 185, 41, 1);
    color :  rgba(121, 185, 41, 1);
    background: transparent;
}
.card-body-green-secondary:hover {
    border : 1px solid rgba(121, 185, 41, 1);
    color :  white;
    background: rgba(121, 185, 41, 1);

}

.card-body-blue {
    background: linear-gradient(to right, rgba(0, 86, 145, 1), rgba(0, 142, 207, 1));
    color: white;
}

.card-body-blue-secondary {
    border: 1px solid rgba(0, 86, 145, 1);
    background: transparent;
    color: rgba(0, 86, 145, 1);
}
.card-body-blue-secondary:hover {
    border: 1px solid rgba(0, 142, 207, 1);
    background: rgba(0, 142, 207, 1);
    color: white;
}

.card-body-violet {
    background: linear-gradient(to right, rgba(80, 35, 127, 1), rgba(0, 86, 145, 1));
    color: white;
}

.card-body-violet-secondary {
    border: 1px solid rgba(80, 35, 127, 1);
    background: transparent;
    color: rgba(80, 35, 127, 1);
}

.card-body-violet-secondary:hover {
    border: 1px solid rgba(80, 35, 127, 1);
    background: rgba(80, 35, 127, 1);
    color: white;
}

.card-body-red {
    background: linear-gradient(to right, rgba(225, 7, 24, 1), rgba(185, 14, 119, 1));
    color: white;
}

.card-body-red-secondary {
    border: 1px solid rgba(225, 7, 24, 1);
    background: transparent;
    color: rgba(225, 7, 24, 1);
}
.card-body-red-secondary:hover {
    border: 1px solid rgba(225, 7, 24, 1);
    background: rgba(225, 7, 24, 1);
    color: white;
}

.card-body-black {
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
    color: white;
}

.card-body-black-secondary {
    border: 1px solid rgba(0, 0, 0, 1);
    background: transparent;
    color: rgba(0, 0, 0, 1);
}

.card-body-black-secondary:hover {
    border: 1px solid rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 1);
    color: white;
}

.card-body-yellow {
    background: linear-gradient(to right, rgba(253, 195, 81, 1), rgba(252, 175, 23, 1));
    color: white;
}

.card-body-yellow-secondary {
    border: 1px solid rgba(252, 175, 23, 1);
    background: transparent;
    color: rgba(252, 175, 23, 1);
}
.card-body-yellow-secondary:hover {
    border: 1px solid rgba(252, 175, 23, 1);
    background: rgba(252, 175, 23, 1);
    color: white;
}

.card-body-turquoise {
    background: linear-gradient(to right, rgba(64, 190, 196, 1), rgba(0, 168, 176, 1));
    color: white;
}

.card-body-turquoise-secondary {
    border: 1px solid rgba(0, 168, 176, 1);
    background: transparent;
    color: rgba(0, 168, 176, 1);
}

.card-body-turquoise-secondary:hover {
    border: 1px solid rgba(0, 168, 176, 1);
    background: rgba(0, 168, 176, 1);
    color: white;
}

.card-body-fuchsia {
    background: linear-gradient(to right, rgba(203, 65, 152, 1), rgba(185, 2, 118, 1));
    color: white;
}

.card-body-fuchsia-secondary {
    border: 1px solid rgba(185, 2, 118, 1);
    background: transparent;
    color: rgba(185, 2, 118, 1);
}
.card-body-fuchsia-secondary:hover {
    border: 1px solid rgba(185, 2, 118, 1);
    background: rgba(185, 2, 118, 1);
    color: white;
}

.card-body-dark-green {
    background: linear-gradient(to right, rgba(0, 98, 73, 1), rgba(0, 73, 55, 1));
    color: white;
}

.card-body-dark-green-secondary {
    border: 1px solid rgba(0, 98, 73, 1);
    background: transparent;
    color: rgba(0, 98, 73, 1);
}

.card-body-dark-green-secondary:hover {
    border: 1px solid rgba(0, 98, 73, 1);
    background: rgba(0, 98, 73, 1);
    color: white;
}

.card-body-dark-blue {
    background: linear-gradient(to right, rgba(64, 128, 173, 1), rgba(0, 86, 145, 1));
    color: white;
}

.card-body-dark-blue-secondary {
    border: 1px solid rgba(0, 86, 145, 1);
    background: transparent;
    color: rgba(0, 86, 145, 1);
}

.card-body-dark-blue-secondary:hover {
    border: 1px solid rgba(0, 86, 145, 1);
    background: rgba(0, 86, 145, 1);
    color: white;
}

.card-body-gray {
    background: linear-gradient(to right, rgba(96, 96, 97, 1), rgba(191, 192, 194, 1));
    color: white;
}

.card-body-gray-secondary {
    border: 1px solid rgba(191, 192, 194, 1);
    background: transparent;
    color: rgba(96, 96, 97, 1);
}

.card-body-gray-secondary:hover {
    border: 1px solid rgba(191, 192, 194, 1);
    background: rgba(191, 192, 194, 1);
    color: rgba(96, 96, 97, 1);
}

.card-body-gray-dark {
    background: linear-gradient(to right, rgba(50, 50, 51, 1), rgba(96, 96, 97, 1));
    color: white;
}

.card-body-gray-dark-secondary {
    border: 1px solid rgba(96, 96, 97, 1);
    background: transparent;
    color: rgba(96, 96, 97, 1);
}

.card-body-gray-dark-secondary:hover {
    border: 1px solid rgba(96, 96, 97, 1);
    background: rgba(96, 96, 97, 1);
    color: white;
}

/*
.card-body-press-gray {
    background:  #eff1f2;
    color: black;

}*/
.card-body-press-gray {
    background:  white;
    color: black;

}
.card-body-press-gray:hover {
    background: #eff1f2;
    color: black;
}
.card-body-press-gray:focus {
    background: #eff1f2;
    color: black;
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.modal-red > .modal-dialog > .modal-content {
    border-top: 4px solid #e30613 !important;
}

.modal-green > .modal-dialog > .modal-content {
    border-top: 4px solid #78be20 !important;
}

.modal-primary > .modal-dialog > .modal-content {
    border-top: 4px solid #007bc0 !important;
}
.modal-blue > .modal-dialog > .modal-content {
    border-top: 4px solid #007bc0 !important;
}

.modal-yellow > .modal-dialog > .modal-content {
    border-top: 4px solid rgba(252, 175, 23, 1) !important;
}
.modal-warning > .modal-dialog > .modal-content {
    border-top: 4px solid rgba(252, 175, 23, 1) !important;
}

.modal-fuchsia > .modal-dialog > .modal-content {
    border-top: 4px solid #B90276 !important;
}

.modal-purple > .modal-dialog > .modal-content {
    border-top: 4px solid #9e2896 !important;
}

.modal-violet > .modal-dialog > .modal-content {
    border-top: 4px solid rgba(80, 35, 127, 1) !important;
}


.alert-primary {
    color: #004085 !important;
    background-color: #cce5ff;
    border-color: #b8daff;
    border-radius: 0;
}
.alert-info {
    color: #004085 !important;
    background-color: #cce5ff;
    border-color: #b8daff;
    border-radius: 0;
}

.alert-danger {
    color: #e30613 !important;
    background-color: #fed6dd;
    border-color: #e30613;
    border-radius: 0;
}

th.sorting_disabled {
    padding-left: 5px !important;
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    border-radius: 0;
    /*margin-bottom: 1rem !important;*/
}

/*
.list-group-item {
    border: 1px solid #007bc0 !important;
}*/

.list-group-item.active {
    z-index: 2;
    color: #fff !important;
    background-color: #007bc0;
    border-color: #007bc0;
}
.list-group-item.active > i {
    color: #fff !important;
}

.main_card {
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
}

.content-wrapper {
    background-color: white;
}
.jumbotron{
    padding: 1rem !important;
    background: #eff1f2;
}
.main-header {
    border-bottom: none;
    z-index: 1034;
}
/*
.navbar {
    padding: .5rem 1.5rem;
}*/
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0 !important;
}

/* CUSTOM WIDTHS */
.w-10, .w-xs-10 { width: 10%!important; }
.w-15, .w-xs-15 { width: 15%!important; }
.w-20, .w-xs-20 { width: 20%!important; }
.w-25, .w-xs-25 { width: 25%!important; }
.w-40, .w-xs-40 { width: 50%!important; }
.w-50, .w-xs-50 { width: 50%!important; }
.w-60, .w-xs-60 { width: 60%!important; }
.w-75, .w-xs-75 { width: 75%!important; }
.w-100, .w-xs-100 { width: 100%!important; }

/* BREAKPOINTS */

/* SM breakpoint */
@media (min-width: 576px) {
    /* CUSTOM WIDTHS */
    .w-sm-10 { width: 10%!important; }
    .w-sm-15 { width: 15%!important; }
    .w-sm-20 { width: 20%!important; }
    .w-sm-25 { width: 25%!important; }
    .w-sm-40 { width: 40%!important; }
    .w-sm-50 { width: 50%!important; }
    .w-sm-60 { width: 60%!important; }
    .w-sm-75 { width: 75%!important; }
    .w-sm-100 { width: 100%!important; }


}

/* MD breakpoint*/
@media (min-width: 768px) {
    /* CUSTOM WIDTHS */
    .w-md-10 { width: 10%!important; }
    .w-md-15 { width: 15%!important; }
    .w-md-20 { width: 20%!important; }
    .w-md-25 { width: 25%!important; }
    .w-md-40 { width: 40%!important; }
    .w-md-50 { width: 50%!important; }
    .w-md-60 { width: 60%!important; }
    .w-md-75 { width: 75%!important; }
    .w-md-100 { width: 100%!important; }
}

/* LG breakpoint */
@media (min-width: 992px) {
    /* CUSTOM WIDTHS */
    .w-lg-10 { width: 10%!important; }
    .w-lg-15 { width: 15%!important; }
    .w-lg-20 { width: 20%!important; }
    .w-lg-25 { width: 25%!important; }
    .w-lg-40 { width: 40%!important; }
    .w-lg-50 { width: 50%!important; }
    .w-lg-60 { width: 60%!important; }
    .w-lg-75 { width: 75%!important; }
    .w-lg-100 { width: 100%!important; }
}

footer {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background-color: white;
    width: 100%;
    margin-left: 0 !important;
    box-shadow: 0 0 1rem rgba(0,0,0,.16);
}


header {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 1;
    box-shadow: 0 0 1rem rgba(0,0,0,.16);
}


.supergraphic-footer {
    position: absolute !important;
}

.ui-datepicker {
    z-index: 100 !important;
}

.barSelect {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(191, 192, 194) !important;
    height: 3rem !important;
}

.link_navbar_main {
    font-size: 1.1rem;
    color: black;
}

.link_navbar_main [class^="boschicon-"] {
    font-size: 1.5rem;
}

button>* {
    vertical-align: middle !important;
}


.sidebar .nav-link.active{
    background-color: #007bff!important;
    color: #fff!important;
}
.nav-pills .nav-link {
    border-radius: 0;
}

.display-4{
    font-size: 2.4rem;
}

.backgroundInitial{
    background-color: initial!important;
}

.w-45 {
    width: 45% !important;
}


#watermark {
    pointer-events: none;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    opacity: 0.5;
    font-size: 1.5rem;
    text-align: right;
}

.hidden {
    display: none;
}

/* This is for bootstrap-show-password.min.js */
.fa-eye {
    color: #343a40 !important;
    font-weight: 700 !important;
    font-size:23px;
}

.fa-eye-slash {
    color: #343a40 !important;
    font-weight: 700 !important;
    font-size:23px;
}

.fa-eye-slash:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Bosch-Icon', serif !important;
    speak: none;
    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;
    content: "\e2b2";
}

.fa-eye:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Bosch-Icon', serif !important;
    speak: none;
    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;
    content: "\e2b3";
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bc0;
    border-color: #007bc0;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color:  #007bc0;
    background-color: #fff;
    /* border: 1px solid  #007bc0;*/
}
.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

@media all and (max-width:480px) {
    .btn-block-c { width: 100%; display:block; }
}

.dataTables_empty {
    padding: 20px;
    font-weight: bold;
}
.dt-buttons{
    float: right;
}


footer > ul.nav {
    background-color: white;
   /* margin-bottom: .5rem; */
}
footer > ul.nav > li.nav-item {
    padding-right: .5rem;
    padding-left: .5rem;
    /*display: flex !important;*/
    align-items: center !important;
}

footer > ul.nav > li.nav-item > a.nav-link {
    color: black;
    font-size: 0.9rem ;
    padding: 0.5rem 0;
    border-bottom: .25rem solid white;
    /*border-top: .25rem solid white;*/
}


footer > ul.nav > li.nav-item > a.nav-link:hover {
    color: #007bc0;
    /*text-decoration: underline;*/
    /* border-bottom: 2px solid rgba(0, 142, 207, 1);*/
    border-bottom: .25rem solid #007bc0;

}

footer > ul.nav > li.nav-item > b {
    font-size: 0.9rem ;

}


header > nav {
    height: 6rem;
}

@media all and (max-width:480px) {
    header > nav {
        height: 4rem;
    }
}


header > .container > nav.navbar {
    height: 6rem;
    background-color: white;
}

@media all and (max-width:480px) {
    header > .container > nav.navbar {
        height: 3rem;
    }
}


header > .container > nav.navbar > ul > li.nav-item {
    padding-right: .2rem;
    padding-left: .2rem;
    /*
    align-items: center !important;
    */
}

header > .container > nav.navbar > ul > li.nav-item > a.nav-link {
    color: black;
    letter-spacing: 0;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    font-family: boschSansRegular, serif !important;
    /*padding: 0 0 0 1rem;*/
    padding: 2rem .5rem !important;

}

header > .container > nav.navbar > ul > li.nav-item > a.nav-link:hover {
    color: #007bc0;
    /*text-decoration: underline;*/
    /*border-bottom: 2px solid rgba(0, 142, 207, 1); */
   /* border-bottom: .25rem solid #007bc0;*/


}



.footer_robert_bosch_text {
    font-size: 1.1rem !important;
    padding: 0.5rem 0;
    border-bottom: .25rem solid white;
    border-top: .30rem solid white;
    font-weight: bolder;
    color: #212529;
}
.footer_robert_bosch_text:hover {
    color: #212529;
}




.main-footer {
    background-color: #fff;
    border-top: 0 solid #dee2e6;
    color: #869099;
    padding: 0.5rem 1rem;
}

.btn-outline-danger {
    color: hsl(354, 68%, 46%) ;
    background-color: transparent;
    background-image: none;
    border-color: hsl(354, 68%, 46%) ;
}

.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger:focus {
    background-color: rgba( 234, 0, 22, 0.8);
    color: white;
    border-color: hsl(354, 68%, 46%) ;
    transition: 0.1s;
}

.btn-outline-primary {
    color: rgb(0, 123, 192);
    background-color: transparent;
    background-image: none;
    border-color: rgba( 0, 123, 192, 1);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
    background-color: rgba( 20, 123, 192, 0.8);
    color: white;
    border-color: rgba( 0, 123, 192, 1);
    transition: 0.1s;
}


.btn-outline-info {
    color:  rgb(0, 168, 183);
    background-color: transparent;
    background-image: none;
    border-color: rgba(0, 168, 183, 1);
}

.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-info:focus {
    background-color: rgba(0, 168, 183, 0.8);
    color: white;
    border-color: rgba(0, 168, 183, 1);
    transition: 0.1s;
}

.modal-xlg {
    min-width: 90% !important;
    display: block;
}

.modal-xxlg {
    min-width: 95% !important;
    display: block;
}

.modal-xxxlg {
    min-width: 99% !important;
    display: block;
}

.modal-full, .modal-fullscreen, .modal-fullwidth {
    min-width: 100% !important;
    display: block;
}

label {
    font-family: boschSansMedium, serif !important;
    color: black !important;
    font-weight: normal !important;
}

.h60 {
    height:60px !important;
}

.w150 {
    width:150px !important;
}

.w200 {
    width:200px !important;
}

.w250 {
    width:250px !important;
}

@media all and (max-width:770px) {
    .w200 {
        width:150px !important;
    }
}



.Icon {
    pointer-events: none;
    fill: currentColor;
    width: 2rem !important;
    padding-right: 0.5rem;
}

.Btn_Icon {
    margin: 12px;
}

.modal-title {
    font-family: BoschSansBold, serif;
}
.modal-body {
    font-family: BoschSans, serif;
}
.modal-body > p {
    font-family: BoschSans, serif;
}



@media only screen and (max-width: 1400px) {

    footer > ul.nav > li.nav-item > a.nav-link {
        font-size: .75rem !important;
        padding: 0.25rem 0;
    }
    footer > ul.nav > li.nav-item {
        padding-right: .3rem !important;
        padding-left: .3rem !important;
    }

}

@media (max-width: 1192px) {
    .Btn_label {
        display: none !important;
    }

}

.popover {
    max-width: 300px !important;
    border-radius: 0 !important;
}
.popover-header {
    background-color: white;
    font-family: BoschSansBold, serif !important;
    border: 0 !important;
    font-size: x-large !important;
}
.table-primary {
    background-color: #008ECF !important;
    color: white !important;
}
.table-primary, .table-primary > td, .table-primary > th {
    background-color: #008ECF !important;
    color: white !important;
}

.push {
    height: 95px;
}

.sector-logo {
    background-color: white !important;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 1;
}

.background_white {
    background: white !important;
}

.form-group {
    margin: .15rem !important;
    align-items: center !important;
}

.form-control {
    border: 1px solid #a4abb3 !important;
    color: black;
    border-radius: 0;
    padding: .15rem .25rem !important;
    height: 1.8rem !important;
    /*To be removed
    height: 1.7rem !important;
    font-size: unset !important;*/
/*
    border-bottom: 1px solid black !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    background-color: #e0e2e5 !important;
 */
}

.form-control-disabled {
    border: 0 !important;
    border-radius: 0;
    padding: .15rem .25rem !important;
    /*To be removed*/
    /*
    height: 1.7rem !important;
    font-size: small !important;
    background-color: #6c757d !important;
     */
}


.form-control:hover {
    box-shadow: inset 0 0 0 rgba(96, 96, 97, 1), 0 0 0 rgba(96, 96, 97, 1);
    border: 1px solid black !important;
    border-radius: 0;
}

.col-form-label {
    background: rgba(239, 241, 242, 0.50) !important;
    font-family: boschSansMedium, serif !important;
    color: black !important;
}

.w-30px {
    width: 30px !important;
}
.w-100px {
    width: 100px !important;
}


.box-title {
    font-size: xx-large;
    font-family: BoschSansBold, serif !important;
    margin-bottom: 2rem;
}

.box-title > span {
    font-family: BoschSansBold, serif !important;
}


.watermark_text_info {
    position: fixed;
    z-index: 99999999999999;
    pointer-events: none;
    opacity: 1;
    font-size: large;
    background-color: rgba(226, 0, 21, 0.9);
    color: white;
    padding: 0 5rem;
    width: 100%;
    text-align: center;
}

.watermark {
    position: fixed;
    z-index: -1;
    pointer-events: none;
    opacity: 1;
    font-size: large;
    /*background-color: rgba(226, 0, 21, 0.7);*/
    color: black;
    padding: 1rem 5rem;
    width: 100%;
    text-align: center;
    height: 100%;
    background-image: repeating-linear-gradient(45deg, rgba(226, 0, 21, 0.5), rgba(226, 0, 21, 0.5) 5px, transparent 5px, transparent 200px);

}

@media all and (max-width:770px) {
    .watermark {
        font-size: x-small;
        padding: .3rem 5rem;
    }
}

@media all and (max-width:500px) {
    .watermark {
        font-size: x-small;
        padding: .2rem 5rem;
    }
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #008ECF !important;
    color: white !important;
}
.table-hover tbody tr td.hover-subtable, .table-hover tbody tr th.hover-subtable {
    border: 1px solid transparent !important;
}

.table-hover tbody tr:hover td.hover-subtable, .table-hover tbody tr:hover th.hover-subtable {
    background-color: rgb(209, 228, 255) !important;
    color: rgb(0, 98, 154) !important;
    border: 1px solid rgb(0, 98, 154) !important;
}


.news_card {
    position: absolute;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 65%;
    background-color: #FDFBFBF0 !important;
}
.ticker {
    position: absolute;
    right: 1rem;
    bottom: 4rem;
    left: 1rem;
}
.ticker_button {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}
@media (max-width: 992px) {
    .news_card {
        position: unset;
        margin-top: 1rem;
        background-color: white !important;
        padding-bottom: .5rem !important;
    }
    .ticker {
        position: unset;
    }
}

#carouselSelSettCom {
    /*min-height: 280px;*/
}
#carouselSelSettCom >.carousel-inner > .carousel-item {
    /*min-height: 280px;*/
}
#carouselSelSettCom >.carousel-inner > .carousel-item > img {
    /*min-height: 200px;*/
}


#loading {
    /* for modal overlap */
    z-index: 5000;
    min-width: 100%;
    min-height: 100%;
}

.table-secondary {
    background-color: #c7cdd1 !important;
}

textarea.form-control {
    height: auto !important;
}

.table td, .table th {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}

.break {
    page-break-after: always;
}


.btn-px-01 {
    padding-bottom: .1rem !important;
    padding-top: .1rem !important;
}
.btn-py-01 {
    padding-left: .1rem !important;
    padding-right: .1rem !important;
}

.arrow-right {
    transition: transform 0.3s ease;
    text-decoration: none;
}

.arrow-right:hover {
    transform: translateX(7px);
    text-decoration: none;
}

.arrow-left {
    transition: transform 0.3s ease;
    text-decoration: none;
}

.arrow-left:hover {
    transform: translateX(-7px);
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.background-gray {
    background: #eff1f2 !important;
}

/*
------------ SOLO PER PEGASUS VECCHIO ----------------------------------------------------------
 */

.logo-settore {
    min-height: 130px;
}
.logo-settore:hover {
  //  box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2) !important;
    border: 1px solid rgb(0, 98, 154) !important;
}

.testoBenvenuto {
    font-family: BoschSansBold, serif !important;
    font-size: xx-large !important;
}

.tabellaConSfondo {
    background: #eff1f2 !important;
    border: 0 solid #a4abb3 !important;
    font-family: BoschSansRegular, serif !important;
    /*box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);*/
    padding: 1rem;
}
.tabella {
    background-color: #FFFFFF;
    border: 0 solid #a4abb3 !important;
}

.tabella_no_border {
    background-color: #FFFFFF;
    border: 0 !important;
}

.title {
    font-family: BoschSansBold, serif !important;
    font-size: xx-large !important;
    padding-bottom: 1.5rem !important;
    background: white !important;
}

.title > span {
    font-family: BoschSansBold, serif !important;
    font-size: xx-large !important;
    padding-bottom: 1.5rem !important;
}

#td_titolo_prime_accensioni, #td_titolo_ricerca_prime_accensioni {
    font-family: BoschSansBold, serif !important;
    font-size: xxx-large !important;
}

.testograndegrass1, .testoGrandeGrass1 {
    font-family: BoschSansBold, serif !important;
    font-size: xx-large !important;
    color: #212529 !important;
}


.testoColoreGrande1 {
    font-family: BoschSansBold, serif !important;
    font-size: x-large !important;
    /*color: rgba( 234, 0, 22, 0.8) !important;*/
    color : #017bc0 !important;
}
.campoInputNoEditColore {
    font-family: BoschSansRegular, serif !important;
    font-size: large !important;
    /*color: rgba( 234, 0, 22, 0.8) !important;*/
    color : #017bc0 !important;
    border: none !important;

}
.campoInputNoEdit {
    background-color: transparent !important;
    color: black !important;
    font-family: BoschSansRegular, serif !important;
    /*font-size: small !important;*/
    border: none !important;
}


a.link_sito {
    border: none;
    color: rgba(0, 86, 145, 1) !important;
    font-style: normal !important;
    font-family: BoschSansRegular, serif !important;
    font-size: medium !important;
    font-weight: normal;
}

a.link_sito:hover {
    color: rgba(0, 86, 145, 1) !important;
    font-family: BoschSansRegular, serif !important;
    font-size: medium !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline !important;
}






.nomeform {
    background-color: transparent !important;
    color: black !important;
    font-family: BoschSansBold, serif !important;
    font-size: xx-large !important;
    font-weight: unset !important;
    padding-left: 0 !important;
    border-width: 0 !important;
}


a.tasto_ricerche {
    /*
    color: #fff !important;
    background-color: rgba(0, 86, 145, 1) !important;
    border: 0 solid !important;
    font-family: BoschSansRegular, sans-serif;
    font-size: medium !important;
    font-weight: unset !important;
    line-height: 30px;
    padding: 3px 20px;
    text-decoration: none;
    */

    white-space: nowrap;
    background-color: white !important;
    color: #007bc0 !important;
    border: 1px solid #007bc0 !important;
    padding: 4px 9px !important;
    font-family: BoschSansRegular, sans-serif !important;
    font-size: medium !important;
    font-weight: unset !important;
    text-decoration: none !important;
    margin-right: 0.5rem !important;
    line-height: unset !important;
}

a.tasto_ricerche:hover {
    /*
    color: #fff !important;
    background-color: rgba(0, 86, 145, 0.8) !important;
    border: 0 solid !important;
    font-family: BoschSansRegular, sans-serif;
    font-size: medium !important;
    font-weight: unset !important;
    line-height: 30px;
    padding: 3px 20px;
    text-decoration: none;*/
    background-color: #007bc045 !important;
    color: #007bc0 !important;
    border: 1px solid #007bc0 !important;
    padding: 4px 9px;
    font-family: BoschSansRegular, sans-serif;
    font-size: medium !important;
    font-weight: unset !important;
    text-decoration: none;
}
a.tasto_ricerche_piccolo {
    background-color: white !important;
    color: #007bc0 !important;
    border: 1px solid #007bc0 !important;
    padding: 4px 9px !important;
    font-family: BoschSansRegular, sans-serif !important;
    font-size: small !important;
    font-weight: unset !important;
    text-decoration: none !important;
    line-height: unset !important;
    white-space: nowrap !important;
}
a.tasto_ricerche_piccolo:hover {
    background-color: #007bc045 !important;
    color: #007bc0 !important;
    border: 1px solid #007bc0 !important;
    padding: 4px 9px !important;
    font-family: BoschSansRegular, sans-serif !important;
    font-size: small !important;
    font-weight: unset !important;
    line-height: unset !important;
    text-decoration: none !important;
}
#ticker {
    padding-top: 1rem;
}


#idUtenteHidden {
    display: none !important;
}
.intestaColonneForm {
    background: rgba(239, 241, 242, 0.50) !important;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    font-weight: normal !important;
    font-family: boschSansMedium, serif !important;
}
.intestacolonneform {
    border: 0 !important;
    background: rgba(239, 241, 242, 0.50) !important;
    /*background-image: url("/layout/immagini/settore/9730_IT30/sfondoColonneForm.gif");*/
    color: black !important;
    font-family: boschSansMedium, serif !important;
    font-size: unset !important;
    font-weight: normal !important;
    line-height: unset !important;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
}
.intestaColonneForm > span {
    color: black !important;
    font-family: boschSansMedium, serif !important;
}

.nomeFormPiccolo, .nomeFormPiccolo > span {
    color: black !important;
    font-family: BoschSansBold, serif !important;
    font-size: 1.25rem !important;
    font-weight: unset !important;
    padding: .8rem .2rem !important;
    line-height: unset !important;
    background: transparent !important;
    border: 0 !important;
}



.dettagliocolonneform {
    background-color: transparent !important;
    border: 0 !important;
    color: black !important;
    font-family: BoschSansRegular, serif !important;
    font-size: unset !important;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

/*
.campoInput {
    background-color: white !important;
    border: 1px solid #a4abb3 !important;
    color: black !important;
    font-family: BoschSansRegular, serif !important;
}*/

.tabellaperreport {
    background-color: #FFFFFF;
    border-top: 1px solid #a4abb3 !important;
    border-left: 1px solid #a4abb3 !important;
    border-right: 1px solid #a4abb3 !important;
    border-bottom: 0 !important;
}

.intestacolonnasinistrareport, .intestacolonneinternereport, .intestacolonnadestrareport {
    background: rgba(239, 241, 242, 0.50) !important;
    border: 0 !important;
    color: black !important;
    font-family: BoschSansBold, serif !important;
    font-size: medium !important;
    font-weight: normal !important;
    padding: 5px;
    text-align: center;
}

.primocampodettaglioriga1 {
    background-color: white !important;
    border-bottom: 1px solid #a4abb3 !important;
    color: black !important;
    font-family: BoschSansRegular, serif !important;
    font-size: small !important;
    line-height: unset !important;
    padding-left: .2rem !important;
    padding-top: .3rem !important;
    padding-bottom: .3rem !important;
    font-style: unset !important;
}
.primocampodettaglioriga1 > a.link_sito {
    /*text-decoration: none !important;*/
    font-size: medium !important;
}

.primocampodettaglioriga2 {
    background: #eff1f2 !important;
    font-family: BoschSansRegular, serif !important;
    font-size: small !important;
    border-bottom: 1px solid #a4abb3 !important;
    color: black !important;
    line-height: unset !important;
    padding-left: 1px;
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
}

.dettaglioriga1 {
    background-color: white !important;
    border-bottom: 1px solid #a4abb3 !important;
    border-left: 1px solid #a4abb3 !important;
    color: black !important;
    font-family: BoschSansRegular, serif;
    font-size: small !important;
    line-height: unset !important;
    padding-left: 1px;
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
}

.dettaglioriga2 {
    background: #eff1f2 !important;
    border-bottom: 1px solid #a4abb3 !important;
    border-left: 1px solid #a4abb3 !important;
    color: black !important;
    font-family: BoschSansRegular, serif;
    font-size: small !important;
    line-height: unset !important;
    padding-left: 1px;
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
}

.nomeParametri, .nomeParametri > span {
    background-color: transparent !important;
    color: black !important;
    font-family: BoschSansBold, serif !Important;
    font-size: large !important;
    font-weight: unset !important;
    line-height: unset !important;
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
}

.testataParametri, .testataParametri > span {
    background: rgba(239, 241, 242, 0.50) !important;
    color: black !important;
    font-family: BoschSansMedium, serif !important;
    font-weight: normal !important;
    height: 0;
    line-height: unset !important;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    font-size: unset !important;
}
.dettaglioParametri, .dettaglioParametri > span {
    background-color: White;
    font-family: BoschSansRegular, serif !important;
    font-size: small !important;
    color: black !important;
    line-height: unset !important;
    padding-left: 0.3rem !important;
}

.tabellaParametri {
    background-color: white !important;
    /*border: 1px solid #a4abb3 !important;*/
    border: 0 !important;
}

.campoInputmaiuscolo, .campoInputReport {
    background-color: white !important;
    border: 1px solid #a4abb3 !important;
    color: black !important;
    font-family: BoschSansRegular, serif;
    font-size: unset !important;
    text-transform: uppercase !important;
}
.campoInputReportNoEdit {
    font-size: x-small !important;
}

.intestaTotali {
    background: rgba(239, 241, 242, 0.50) !important;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    font-weight: normal !important;
    font-family: boschSansMedium, serif !important;
    color: black !important;
    font-size: unset !important;
}

#datiPrivacy {
    background: white !important;
    color: white !important;
    border: 0 !important;
}
.testomediograss1 {
    font-family: BoschSansBold, serif !important;
    color: black !important;
    font-size: medium !important;
    font-weight: unset !important;
}
.testopiccolograss1 {
    font-family: BoschSansBold, serif !important;
    color: black !important;
    font-size: small !important;
    font-weight: unset !important;
}

a.link_ordinamento {
    border: none;
    color: #007bc0 !important;
    font-family: BoschSansBold, serif !important;
    font-size: medium !important;
    font-style: unset !important;
    font-weight: unset !important;
    text-decoration: none;
}

a.link_ordinamento:hover {
    color: rgba(0, 142, 207, 1) !important;
    text-decoration: underline !important;
    font-family: BoschSansBold, serif !important;
}

.testopiccolo1 {
    color: black !important;
    font-size: x-small !important;
}

.testoColoreMedio1 {
    color: #017bc0 !important;
}

.table {
    width: 100% !important;
}

.addDatiServizio {
    padding-bottom: .1rem !important;
    padding-top: .1rem !important;
}