@CHARSET "ISO-8859-1";

* {
    /*margin: 0px auto;*/
    margin: initial;
    font-family: 'Muli', sans-serif;
    /*font-size: 12px;*/
}

.md-tab > span {
    /*color: white;*/
    font-size: 12px;
    /*line-height: 20px;
    text-transform: capitalize;*/
}

html,body{
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
    height: 100% !important;
}

.nav {
    height: 0px;
    min-height: 0px;
    margin-bottom:0px;
    background-color: #e62937;
    color: #ffffff;
}
body, md-content {
    background: white;
}

.red {
    color: #005297;
}

#score {
     background-image: url('../img/score_vte.png');
    
 }

#wizard {
     background-image: url('../img/wizard_vte.png');
}
  
#paziente {
     background-image: url('../img/dati_paziente_vte.png');
 }
 


.origami-box {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.score-container {
    padding-top: 15px;
}

.img-button {
    /*background-size: 45%;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.score-label {
    margin-bottom: 0px;
}

.score-select  {
    margin-bottom: 0px;
    height: 40px;
    padding: 10px;
    
}

.btn-dimension {
    width: 100%;
}

.intro {
    text-align: justify;
    padding: 10px 0 20px 0 ;
}
.info_biblio {
    list-style-type: none;
}
.form-control, .form-group .form-control { 
    background-color: #fbfbfb;
}

.togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled]+.toggle {
    margin-right: 10px;
}

.origami img {
    width: 101%;
}

.blue {
    color: #e62937;
    font-weight: bold;
    /*font-size: 15px;*/
}

.box-item {
    background: #055193;
    margin-bottom: 0px;
}

.box-result-item {
    margin: 8px 0px;
}

.result-item {
    background: #b2b2b2;
    margin-top: 0px;
}

.button-reset-calc {
    text-align: center !important;
    width: 100%;
}
.button-score {
    margin-bottom: 10px !important;
}
.paziente_none {
    padding: 25px 5px;
}

.box-question-fix {
    background: #871388;
}

.box-answer-fix {
    background: #d5d5d5;
    color: black;
}

.first-level {
    list-style-type: square;
    color: #2bb631;
    padding-left: 30px;
    font-size: 20px;
}

.first-level > li > .first-square {
    color: #000;
    font-size: 15px;
}

.second-level {
    list-style-type: square;
    color: #0e7713;
    padding-left: 20px;
    font-size: 20px;
}

.second-level > li > .second-square {
    color: #000;
    font-size: 15px;
}

.space-pad {
    padding-left: 10px;
}

.pad-cats{
    padding: 5px;
}
.text-cats {
    padding-top: 5px;
}

/* iPhone 5 */
body, label, .md-button {
    font-size: 15px;
}

.nav-deco {
    background-color: #005297;
    color: white;
}

.origami {
    margin-bottom: 15px;
}

.icons-center > .material-icons, .icons-center-nav > .material-icons  {
    font-size: 30px;
}

.pad-text-item {
    padding: 5px 16px;
}

.box-text-item {
    height: 15px;
}

.text-item {
    font-size: 11px;
}

.icons-center-nav > .icon-item {
    font-size: 15px;
}

.hr-item {
    margin-top: 5px; 
    margin-bottom: 10px;
}

.pad-text-result-item {
    padding: 10px;
    height: 50px;
}

.number-points-item {
    font-size: 16px;
}

.points-risk-item {
    font-size: 13px;
    padding: 9px 0 0 15px;
}

.box-cats {
    height: 35px;
}
@media only screen /* iPhone 6 */
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2)
{
     body, label, .md-button  {
        font-size: 17px;
    }

.nav-deco {
    background-color: #005297;
    color: white;
}

    .origami {
        margin-bottom: 15px;
    }

    .icons-center > .material-icons, .icons-center-nav > .material-icons {
        font-size: 35px;
    }

    .pad-text-item {
        padding: 10px 16px;
    }

    .box-text-item {
        height: 20px;
    }

    .text-item {
        font-size: 12px;
    }

    .icons-center-nav .icon-item {
        font-size: 17px;
    }

    .hr-item {
        margin-top: 10px; 
        margin-bottom: 15px;
    }

    .pad-text-result-item {
        padding: 10px;
        height: 55px;
    }

    .number-points-item {
        font-size: 16px;
    }

    .points-risk-item {
        font-size: 15px;
        padding: 9px 0 0 15px;
    }
    .box-cats {
        height: 40px;
    }
}

@media only screen /* iPhone 6plus */
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 3)
{ 
    body, label, .md-button  {
        font-size: 19px;
    }

.nav-deco {
    background-color: #005297;
    color: white;
}

    .origami {
        margin-bottom: 15px;
    }

    .icons-center > .material-icons, .icons-center-nav > .material-icons  {
        font-size: 35px;
    }

    .pad-text-item {
    padding: 10px 16px;
    }

    .box-text-item {
        height: 20px;
    }

    .text-item {
        font-size: 12px;
    }

    .icons-center-nav .icon-item {
        font-size: 17px;
    }

    .hr-item {
        margin-top: 10px; 
        margin-bottom: 15px;
    }

    .pad-text-result-item {
        padding: 10px;
        height: 55px;
    }

    .number-points-item {
        font-size: 16px;
    }

    .points-risk-item {
        font-size: 15px;
        padding: 9px 0 0 15px;
    }
    .box-cats {
        height: 40px;
    }   
}

 @media only screen  /*iPad */
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2)
{ 
    body, label, .md-button  {
        font-size: 20px;
    }

    .nav-deco {
        background-color: #005297;
        color: white;
    }

    #score {
     background-image: url('../img/score_vte_ipad.png');   
    }

    #wizard {
        background-image: url('../img/wizard_vte_ipad.png');
    }
    #paziente {
        background-image: url('../img/dati_paziente_vte_ipad.png');
    }

    .img-button {
        background-size: 100%;
    }

    .icons-center > .material-icons, .icons-center-nav > .material-icons {
        font-size: 40px;
    }
    
    .pad-text-item {
     padding: 10px 16px;
    }

    .box-text-item {
        height: 40px;
    }

    .text-item {
        font-size: 17px;
    }

    .icons-center-nav .icon-item {
        font-size: 17px;
    }

    .hr-item {
        margin-top: 10px; 
        margin-bottom: 15px;
    }

    .pad-text-result-item {
        padding: 10px;
        height: 65px;
    }

    .number-points-item {
        font-size: 16px;
    }

    .points-risk-item {
        font-size: 15px;
        padding: 9px 0 0 15px;
    }
    .box-cats {
        height: 45px;
    }
}

@media only screen  /*iPad Pro */
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2)
{ 
    body, label, .md-button  {
        font-size: 20px;
    }

.nav-deco {
    background-color: #005297;
    color: white;
}
    #score {
     background-image: url('../img/score_vte_ipad.png');   
    }

    #wizard {
        background-image: url('../img/wizard_vte_ipad.png');
    }
    #paziente {
        background-image: url('../img/dati_paziente_vte_ipad.png');
    }

    .img-button {
        background-size: 100%;
    }

    .icons-center > .material-icons, .icons-center-nav > .material-icons {
        font-size: 40px;
    }
    .box-cats {
        height: 45px;
    }
}