/* ************************** */
/* AREA MICHELLE */
/* ************************** */

/* GROUP MAIN */

.app-area[area="michelle"] .app-section[group="main"] .app-background[bkg="1"] {
    background-image: url(../../assets/image/michelle/bkg_michelle_1.png);
}
.app-area[area="michelle"] .app-section[group="main"] .app-background[bkg="2"] {
    background-image: url(../../assets/image/michelle/bkg_michelle_2.png);
}

/* MENU */
.app-area[area="michelle"] .button-menu[menu="1"]  {
    background-image: url(../../assets/image/common/btn_menu_meetmichelle_off.png);
    position: absolute;
    top: 13px;
    left: 131px;
    width: 519px;
    height: 189px;
}

.app-area[area="michelle"] .button-menu[menu="1"].active {
    background-image: url(../../assets/image/common/btn_menu_meetmichelle_on.png);
}

.app-area[area="michelle"] .button-menu[menu="2"]  {
    background-image: url(../../assets/image/common/btn_menu_signs_off.png);
    position: absolute;
    top: 13px;
    left: 786px;
    width: 672px;
    height: 189px;
}

.app-area[area="michelle"] .button-menu[menu="2"].active {
    background-image: url(../../assets/image/common/btn_menu_signs_on.png);
}

.app-area[area="michelle"] .button-menu[menu="3"]  {
    background-image: url(../../assets/image/common/btn_menu_patienthistory_off.png);
    position: absolute;
    top: 13px;
    left: 1441px;
    width: 542px;
    height: 189px;
}

.app-area[area="michelle"] .button-menu[menu="3"].active {
    background-image: url(../../assets/image/common/btn_menu_patienthistory_on.png);
}

.app-area[area="michelle"] .button-menu[menu="4"]  {
    background-image: url(../../assets/image/common/btn_menu_diagnosis_off.png);
    position: absolute;
    top: 13px;
    left: 2096px;
    width: 425px;
    height: 189px;
}

.app-area[area="michelle"] .button-menu[menu="4"].active {
    background-image: url(../../assets/image/common/btn_menu_diagnosis_on.png);
}

/* BOTTOM NAVIGATION MENU */
.app-area[area="michelle"] .button[buttonid="back"] {
    background-image: url(../../assets/image/common/btn_back_text.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    position: absolute;
    top: 1949px;
    left: 75px;
    width: 98px;
    height: 145px;
}

.app-area[area="michelle"] .button[buttonid="back"] .icon {
    background-image: url(../../assets/image/common/btn_back_icon.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 98px;
    height: 98px;
}

.app-area[area="michelle"] .button[buttonid="resources"] {
    background-image: url(../../assets/image/common/btn_resources_text.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    position: absolute;
    top: 1949px;
    left: 206px;
    width: 163px;
    height: 145px;
}

.app-area[area="michelle"] .button[buttonid="resources"] .icon {
    background-image: url(../../assets/image/common/btn_resources_icon.png);
    position: absolute;
    top: 0px;
    left: 39px;
    width: 98px;
    height: 98px;
}

.app-area[area="michelle"] .button[buttonid="home"] {
    background-image: url(../../assets/image/common/btn_home_text.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    position: absolute;
    top: 1949px;
    left: 406px;
    width: 98px;
    height: 145px;
}

.app-area[area="michelle"] .button[buttonid="home"] .icon {
    background-image: url(../../assets/image/common/btn_home_icon.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 98px;
    height: 98px;
}

.app-area[area="michelle"] .button[buttonid="next"] {
    background-image: url(../../assets/image/common/btn_next_text.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    position: absolute;
    top: 1949px;
    left: 571px;
    width: 98px;
    height: 145px;
}

.app-area[area="michelle"] .button[buttonid="next"] .icon {
    background-image: url(../../assets/image/common/btn_next_icon.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 98px;
    height: 98px;
}

/* SLIDE 1 */
.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="1"]  {
    background-image: url(../../assets/image/michelle/slide1.png);
    width: 100%;
    height: 100%;
    position: absolute;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="1"] .button-slide[buttonid="patienthistory"] {
    width: 497px;
    height: 120px;
    position: absolute;
    top: 1599px;
    left: 133px;
}

/* SLIDE 2 */
.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"]  {
    background-image: url(../../assets/image/michelle/slide2.png);
    width: 100%;
    height: 100%;
    position: absolute;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .button-slide[buttonid="patienthistory"] {
    width: 497px;
    height: 120px;
    position: absolute;
    top: 1599px;
    left: 133px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .button-slide[buttonid="1"] {
    background-image: url(../../assets/image/common/zoom_off.png);
    width: 137px;
    height: 137px;
    position: absolute;
    top: 781px;
    left: 2483px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .button-slide[buttonid="1"].active {
    background-image: url(../../assets/image/common/zoom_on.png);
}


.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .button-slide[buttonid="2"] {
    background-image: url(../../assets/image/common/zoom_off.png);
    width: 137px;
    height: 137px;
    position: absolute;
    top: 1107px;
    left: 2483px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .button-slide[buttonid="2"].active {
    background-image: url(../../assets/image/common/zoom_on.png);
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .button-slide[buttonid="3"] {
    background-image: url(../../assets/image/common/zoom_off.png);
    width: 137px;
    height: 137px;
    position: absolute;
    top: 1432px;
    left: 2483px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .button-slide[buttonid="3"].active {
    background-image: url(../../assets/image/common/zoom_on.png);
}


.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .box-slide[boxid="1"] {
    background-image: url(../../assets/image/michelle/slide2_box1.png);
    width: 908px;
    height: 1044px;
    position: absolute;
    top: 601px;
    left: 2790px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .box-slide[boxid="2"] {
    background-image: url(../../assets/image/michelle/slide2_box2.png);
    width: 908px;
    height: 1214px;
    position: absolute;
    top: 514px;
    left: 2790px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="2"] .box-slide[boxid="3"] {
    background-image: url(../../assets/image/michelle/slide2_box3.png);
    width: 908px;
    height: 1044px;
    position: absolute;
    top: 594px;
    left: 2790px;
}

/* SLIDE 3 */
.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="3"]  {
    background-image: url(../../assets/image/michelle/slide3.png);
    width: 100%;
    height: 100%;
    position: absolute;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="3"] .button-slide[buttonid="1"] {
    background-image: url(../../assets/image/common/btn_accesspatient.png);
    width: 760px;
    height: 109px;
    position: absolute;
    top: 1796px;
    left: 1909px;
}

/* SLIDE 4 */
.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"]  {
    background-image: url(../../assets/image/michelle/slide4.png);
    width: 100%;
    height: 100%;
    position: absolute;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[group="1"] {
    background-image: url(../../assets/image/common/btn_select_off.png);
    width: 423px;
    height: 155px;
    position: absolute;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[group="1"].active {
    background-image: url(../../assets/image/common/btn_select_on.png);
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[group="1"][buttonid="1"] {
    top: 980px;
    left: 983px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[group="1"][buttonid="2"] {
    top: 980px;
    left: 1711px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[group="1"][buttonid="3"] {
    top: 980px;
    left: 2443px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[group="1"][buttonid="4"] {
    top: 980px;
    left: 3174px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[action="submit"] {
    background-image: url(../../assets/image/common/btn_submit.png);
    width: 432px;
    height: 109px;
    position: absolute;
    top: 1795px;
    left: 2072px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[buttonid="6"] {
    background-image: url(../../assets/image/common/btn_accesspatientseverity.png);
    width: 928px;
    height: 109px;
    position: absolute;
    top: 1795px;
    left: 1826px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[buttonid="patienthistory"] {
    width: 500px;
    height: 133px;
    position: absolute;
    top: 1139px;
    left: 120px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .button-slide[action="reset-slide"] {
    background-image: url(../../assets/image/common/btn_tryagain.png);
    width: 497px;
    height: 109px;
    position: absolute;
    top: 1795px;
    left: 2041px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .box-slide[boxid="1"] {
    background-image: url(../../assets/image/michelle/slide4_box1.png);
    width: 2826px;
    height: 361px;
    position: absolute;
    top: 1335px;
    left: 879px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="4"] .box-slide[boxid="2"] {
    background-image: url(../../assets/image/michelle/slide4_box2.png);
    width: 2815px;
    height: 305px;
    position: absolute;
    top: 1344px;
    left: 879px;
}


/* SLIDE 5 */
.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"]  {
    background-image: url(../../assets/image/michelle/slide5.png);
    width: 100%;
    height: 100%;
    position: absolute;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="1"] {
    background-image: url(../../assets/image/michelle/slide5_btn1_off.png);
    width: 568px;
    height: 82px;
    position: absolute;    
    top: 641px;
    left: 916px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="1"].active {
    background-image: url(../../assets/image/michelle/slide5_btn1_on.png);
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="2"] {
    background-image: url(../../assets/image/michelle/slide5_btn2_off.png);
    width: 568px;
    height: 82px;    
    position: absolute;
    top: 779px;
    left: 916px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="2"].active {
    background-image: url(../../assets/image/michelle/slide5_btn2_on.png);
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="3"] {
    background-image: url(../../assets/image/michelle/slide5_btn3_off.png);
    width: 568px;
    height: 82px; 
    position: absolute;   
    top: 913px;
    left: 916px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="3"].active {
    background-image: url(../../assets/image/michelle/slide5_btn3_on.png);
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="4"] {
    background-image: url(../../assets/image/michelle/slide5_btn4_off.png);
    width: 568px;
    height: 82px; 
    position: absolute;   
    top: 1049px;
    left: 916px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="4"].active {
    background-image: url(../../assets/image/michelle/slide5_btn4_on.png);
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="5"] {
    background-image: url(../../assets/image/michelle/slide5_btn5_off.png);
    width: 568px;
    height: 82px; 
    position: absolute;   
    top: 1184px;
    left: 916px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[group="1"][buttonid="5"].active {
    background-image: url(../../assets/image/michelle/slide5_btn5_on.png);
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[action="submit"] {
    background-image: url(../../assets/image/common/btn_submit.png);
    width: 432px;
    height: 109px;
    position: absolute;
    top: 1795px;
    left: 2072px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[action="reset-all"] {
    background-image: url(../../assets/image/common/btn_returnhome.png);
    width: 618px;
    height: 109px;
    position: absolute;
    top: 1795px;
    left: 1983px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[action="reset-slide"] {
    background-image: url(../../assets/image/common/btn_tryagain.png);
    width: 497px;
    height: 109px;
    position: absolute;
    top: 1795px;
    left: 2041px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .button-slide[buttonid="patienthistory"] {
    width: 500px;
    height: 133px;
    position: absolute;
    top: 1139px;
    left: 120px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .box-slide[boxid="image"] {
    background-image: url(../../assets/image/michelle/slide5_box1.png);
    width: 1767px;
    height: 318px;
    position: absolute;
    top: 1335px;
    left: 1407px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .box-slide[boxid="correct"] {
    background-image: url(../../assets/image/michelle/slide5_box2.png);
    width: 2815px;
    height: 136px;
    position: absolute;
    top: 1464px;
    left: 880px;
}

.app-area[area="michelle"] .app-section[group="main"] .app-slide[slide="5"] .box-slide[boxid="wrong"] {
    background-image: url(../../assets/image/michelle/slide5_box3.png);
    width: 2815px;
    height: 136px;
    position: absolute;
    top: 1460px;
    left: 880px;
}