@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    font-family: 'Barlow', sans-serif;
}

.bg-dark {
    background-color: #000!important;
}

.item-1 {
    background-image: url('/img/smartphone/J6593_diabete_2021_slider_1_MOB.jpg');
    background-position: top center;
}
.item-2 {
    background-image: url('/img/smartphone/J6593_diabete_2021_slider_2_MOB.jpg');
    background-position: top center;
}


@media (min-width: 768px) {
    .item-1 {
        background-image: url('/img/tablet/J6593_diabete_2021_slider_1_iPad.jpg');
        background-position: top center;
    }
    .item-2 {
        background-image: url('/img/tablet/J6593_diabete_2021_slider_2_iPad.jpg');
        background-position: top center;
    }
}

@media (min-width: 1200px) {
    .item-1 {
        background-image: url('/img/desktop/J6593_diabete_2021_slider_1_DESK.jpg');
        background-position: top center;
    }
    .item-2 {
        background-image: url('/img/desktop/J6593_diabete_2021_slider_2_DESK.jpg');
        background-position: top center;
    }
}

footer p{
    text-align: center!important;
    font-size: 14px;
}

.hr_custom {
    height: 3px !important;
    color: #221e3d;
    opacity: 1;
    margin: 3rem 0;
}

.darkgreen_text {
    color: #008968;
}

.lightgreen_text {
    color: #ccda83;
}
.orange_text {
    color: #f7ab08;
}

.btn-primary {
    background-color: #008968 !important;
    border-color: #008968 !important;
}

.btn-info {
    background-color: #000 !important;
    border-color: #000 !important;
    color: rgb(247, 172, 0);
}

.btn-info:hover {
    color: #FFF;
    background-color: #31d2f2;
    border-color: #25cff2;
}

.firstlogin {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 50%, rgba(204,218,131,1) 50%);
}


.firstloginII {
    background: rgb(255,255,255);
    background-image: url('/img/smartphone/sfondo-login.jpg'), linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%);
    background-position: center 40%;
    background-repeat: no-repeat;
}



@media (min-width: 576px) and (max-width: 767px) {
    .firstloginII {
        background: rgb(255,255,255);
        background-image: url('/img/loginbackground_newmini.jpg'), linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%);
        background-position: top center;
        background-repeat: no-repeat;
        border-bottom: 1.5px solid #000;
        min-height: 691px;
    }

    .normalLogin {
        color: rgb(247, 172, 0)!important;
    }

    .normalLogin ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgb(247, 172, 0) !important;
        opacity: 1; /* Firefox */
    }
    
    .normalLogin :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: rgb(247, 172, 0) !important;
    }

    .normalLogin ::-ms-input-placeholder { /* Microsoft Edge */
        color: rgb(247, 172, 0) !important;
    }

    .normalLogin input {
        background-color: rgb(0, 0, 0) !important;
        color: rgb(247, 172, 0)!important;
        border: 5px solid rgb(255, 255, 255);
        font-size: 1.5em;
    }

    .firstAccess {
        color: #000;
    }

    .firstAccess input {
        border: 5px solid rgb(0, 0, 0);
        font-size: 2em;
    }

    .firstAccess ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgb(0, 137, 104) !important;
        opacity: 1; /* Firefox */
    }
    
    .firstAccess :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: rgb(0, 137, 104) !important;
    }

    .firstAccess ::-ms-input-placeholder { /* Microsoft Edge */
        color: rgb(0, 137, 104) !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .firstloginII {
        background: rgb(255,255,255);
        background-image: url('/img/tablet/sfondo-login.jpg'), linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%);
        background-position: top center;
        background-repeat: no-repeat;
        border-bottom: 1.5px solid #000;
        background-size: 100%;
        min-height: 691px;
    }

    .normalLogin {
        color: rgb(247, 172, 0)!important;
    }

    .normalLogin ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgb(247, 172, 0) !important;
        opacity: 1; /* Firefox */
    }
    
    .normalLogin :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: rgb(247, 172, 0) !important;
    }

    .normalLogin ::-ms-input-placeholder { /* Microsoft Edge */
        color: rgb(247, 172, 0) !important;
    }

    .normalLogin input {
        background-color: rgb(0, 0, 0) !important;
        color: rgb(247, 172, 0)!important;
        border: 5px solid rgb(255, 255, 255);
        font-size: 1.5em;
    }

    .firstAccess {
        color: #000;
    }

    .firstAccess input {
        border: 5px solid rgb(0, 0, 0);
        font-size: 2em;
    }

    .firstAccess ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgb(0, 137, 104) !important;
        opacity: 1; /* Firefox */
    }
    
    .firstAccess :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: rgb(0, 137, 104) !important;
    }

    .firstAccess ::-ms-input-placeholder { /* Microsoft Edge */
        color: rgb(0, 137, 104) !important;
    }
}

@media (min-width: 992px) {
    .firstloginII {
        background: rgb(255,255,255);
        background-image: url('/img/loginbackground_newmini.jpg'), linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%);
        background-position: top center;
        background-repeat: no-repeat;
        border-bottom: 1.5px solid #000;
        min-height: 691px;
    }

    .normalLogin {
        color: rgb(247, 172, 0)!important;
    }

    .normalLogin ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgb(247, 172, 0) !important;
        opacity: 1; /* Firefox */
    }
    
    .normalLogin :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: rgb(247, 172, 0) !important;
    }

    .normalLogin ::-ms-input-placeholder { /* Microsoft Edge */
        color: rgb(247, 172, 0) !important;
    }

    .normalLogin input {
        background-color: rgb(0, 0, 0) !important;
        color: rgb(247, 172, 0)!important;
        border: 2px solid rgb(255, 255, 255);
        font-size: 1.5em;
    }

    .firstAccess {
        color: #000;
    }

    .firstAccess input {
        border: 2px solid rgb(0, 0, 0);
        font-size: 1.5em;
    }

    .firstAccess ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgb(0, 137, 104) !important;
        opacity: 1; /* Firefox */
    }
    
    .firstAccess :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: rgb(0, 137, 104) !important;
    }

    .firstAccess ::-ms-input-placeholder { /* Microsoft Edge */
        color: rgb(0, 137, 104) !important;
    }
}

.btn-copy {
    background-color: #ededed !important;
    border-color: #afaaaa !important;
}

.caseSafari {
    background-color: #f08c14 !important; 
    border-color: #f08c14 !important; 
    color: #555;
    padding: 10px 0px; 
    text-align: center;
}

.hide {
    display: none;
} 

.card h5 {
    color:rgb(247, 172, 0)
}

.download {
    padding: .375rem .75rem;
}