/** TODO:  Clean up unused classes **/

@font-face {
    font-family: 'Lato';
    src: url('../Fonts/Lato-Regular.ttf');
}

html,body{
    margin:0;
    padding:0;
    overflow:hidden;
    height:100%;
    width:100%;
    border:none;
    color: white;
    background-color: transparent;
    background-image:none;
    background-repeat:no-repeat;
   }

   html,body,span,div,input,img,td
   {
    -ms-touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
   }

/* GENERAL */
    #__asptrace{background-color: white;width: 1200px;height: 900px;z-index: 10000;position: absolute;top: 10px;left: 10px;overflow : auto;}
    body, td, div, span, input {
        font-family: 'Lato', Arial, sans-serif;        
    }
    body.Shell
    {
        background-image: url('../Images/myUnityBackground.jpg');
        background-repeat: no-repeat;
        background-position:center;
        background-size:cover;
        background-attachment:fixed
        }
    body.login
    {
        background-image: url('../Images/myUnityBackground.jpg');
        background-repeat: no-repeat;
        background-position:center;
        background-size:cover;
        background-attachment:fixed}
    iframe
    {
        background-color: Transparent;
        background-image: none;
        overflow: hidden; }
    .debug { display: none; }
    .centerElement{position: absolute; bottom: 0px; width:100%; }
    img.CareMEDX_TS_Logo { position: absolute; top: 250px; left: 0px; }

/* LOGIN */
    div#divUserLoginOverlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom, #DDD 0%, #FFF 100%); z-index: 100002; }
    div#AuthCopyRightMessage{color: #000000 !important; position: relative; top: 50%; left: 35%; width: 350px; font-weight: bold; text-align: center; font-size: 13px;}
    img#imgUserLoginOverlay_Background { position: relative; left: 50%; margin-left: -350px; top: 50%; margin-top: -250px; z-index: 210; }
    img#imgUserLoginOverlay_Background1 { border: 1px solid #FFF; border-image: none; box-shadow: #FFF 1px 1px 2px; }
    img#imgUserLoginOverlay_MiddleRow { position: absolute; left: 0px; top: 430px; width: 1280px; height: 177px; z-index: 220; }
    img#imgUserLoginOverlay_BottomRow { position: absolute; left: 0px; top: 915px; width: 100%; height: 34px; z-index: 220; }
    img#imgUserLoginOverlay_Words { position: absolute; left: 147px; top: 919px; z-index: 230; }
    img#imgUserLoginOverlay_MainContent { position: absolute; left: 120px; top: 176px; z-index: 240; }

/* MENU ITEM CALLOUT */
    img.CatgCallout
    {
        position: absolute;
        top: 100px;
        left: 0px;
        }
    .ServiceItemImageDiv
    {
        position: absolute;
        top: 145px;
        left: 0px;
        padding-left: 20px;
        }
    .CatgLabel { color: White; position: absolute; top: 260px; left: 10px; }
    .CatgLabel_Under { color: White; position: absolute; top: 260px; left: 10px; }

/* MODAL DIALOGS */
    .Modal_Div {background-image: url('../Images/Modals/background.png'); width: 570px; height: 356px; }

.Modal_Div_Med {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(223,241,247,1) 12%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    border-radius: 16px;
    width: 80%;
    max-width: 1000px;
    max-height: 700px;
    height: 95%;
}

.Modal_Div_Large {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(223,241,247,1) 12%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    border-radius: 16px;
    max-width: 1010px;
    max-height: 800px;
    width: 80%;
    height: 95%;
}
    .Modal_Heading1 {width: 100%; height: 270px; position: absolute; top: 20px; left: 0px; text-align: center; font-weight: normal; font-size: 25px; color: #000000; }
    .Modal_Heading2 {width: 100%; height: 90px; position: absolute; top: 20px; left: 0px; text-align: center; font-weight: normal; font-size: 25px; color: #000000; }
    .Modal_Text {width: 100%; text-align: center; font-weight: normal; font-size: 25px; color: #000000;}
    .Modal_SetObservationTimeDiv
    {
        position:relative;
        overflow: auto;
        height: 110px;
        width: 495px;
        text-align: center;
    }

    .Modal_ButtonDiv
    {
        position: absolute;
        bottom: 30px;
        width: 100%;
        text-align: center;
    }

    .Processing_Div
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 5000;
        background-color: #000000;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

/* TRAINING MEDIA */
    .trainingMedia_Panel { background-image: url('../../static/Images/ResModalOverview/ResOverview_Stage.png'); width: 1009px; height: 796px; }
    .TrainingMedia_Div { padding-top: 60px; padding-bottom: 35px; padding-left: 15px; padding-right: 15px; text-align: center; }

/* NUMERIC KEYPAD */
    .NumKeyPad { 
        border-collapse: collapse; 
        background-position: 0px 0px; 
        background-repeat: no-repeat; 
        margin-left: auto; 
        margin-right: auto; 
        height: 100%;
    }

    .NumKeyPad td { 
        max-width: 131px; 
        max-height: 115px; 
        width: 26%;
        height: 14%;
        vertical-align: middle; 
        text-align: center; 

    }

    .NumKeyPad_HotSpot { 
        max-width: 100px; 
        max-height: 100px; 
        width: 100%;
        height: 100%;
    }

.NumKeyPad_Target {
    background-color: rgba(255,255,255, .2);
    color: #e2f1f4;
    border-right: transparent 1px solid;
    border-top: transparent 1px solid;
    border-left: transparent 1px solid;
    border-bottom: transparent 1px solid;
    font-weight: bold;
    font-size: 45pt;
    text-align: center;
    width: 85%;
    height: 100%;
    border-radius: 16px;
    box-shadow: 0 0 10px grey;
    outline: none;
    cursor: default;
    padding: 0;
}

    .FontSize_24 { font-size: 24pt;}
    .FontSize_23 { font-size: 23pt;}
    .FontSize_22 { font-size: 22pt;}
    .FontSize_21 { font-size: 21pt;}
    .FontSize_20 { font-size: 20pt;}
    .FontSize_19 { font-size: 19pt;}
    .FontSize_18 { font-size: 18pt;}
    .FontSize_17 { font-size: 17pt;}
    .FontSize_16 { font-size: 16pt;}
    .FontSize_15 { font-size: 15pt;}
    .FontSize_14 { font-size: 14pt;}
    .FontSize_13 { font-size: 13pt;}