﻿.AnswerText
{
    position: relative;
    top: 35px;
    left: 130px;
    color: #084558;
    }

.AnswerText_small
{
    position: relative;
    top: 28px;
    left: 130px;
    color: #084558;
    }


.AnswerText_PhysMonSelection {
    color: #084558;
    padding-left: 60px;
    padding-top: 5px;
    display: inline-block;
}

/* CSS Checkmark. Before is inner portion, After is the white border portion */
.Btn_Single_Selected_PhysMonSelection .AnswerText_PhysMonSelection::before,
.Btn_Multi_Selected_PhysMonSelection .AnswerText_PhysMonSelection::before {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 24px;
    width: 12px;
    border-bottom: 7px solid rgb(57, 185, 73);
    border-right: 7px solid rgb(57, 185, 73);
    position: absolute;
    top: calc(50% - 20px);
    left: 25px;
    z-index: 1;
}

.Btn_Single_Selected_PhysMonSelection .AnswerText_PhysMonSelection::after,
.Btn_Multi_Selected_PhysMonSelection .AnswerText_PhysMonSelection::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 24px;
    width: 12px;
    border-bottom: 9px solid white;
    border-right: 9px solid white;
    position: absolute;
    top: calc(50% - 21px);
    left: 24px;
}

.AnswerButton
{
    width: 703px;
    height: 106px;
    cursor: pointer;
    text-align: left;
    background-repeat:no-repeat;
    background-position:top left;
}

.AnswerButton_PhysMonSelection {
    background: linear-gradient(to bottom, #f7fbfe,#97d1e4 10%,#bde5f0 60%, #cfedf6 90%, #b4dbe9 100%);
    border-radius: 16px;
    padding: 4px;
    box-shadow: 0 0 10px gray;
    min-height: 80px;
    width: 300px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

.Btn_Single_Selected_PhysMonSelection,
.Btn_Multi_Selected_PhysMonSelection {
    background: linear-gradient(to bottom, #f7fbfe, #7bef66 10%, #bdf8ba 60%, #d5f4db 90%, #d1e7eb 100%);
    border-radius: 16px;
    padding: 4px;
    box-shadow: 0 0 10px gray;
    min-height: 80px;
    width: 300px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

.PhysMonSelectionPosition .scrollableInnerContainer {
    width: 100%;
}

.PhysMonSelectionPosition #dlAnswersList {
    margin-right: auto;
    margin-left: auto;
}

.AnswerButton_Small {
    width: 597px;
    height: 85px;
    cursor: pointer;
    text-align: left;
    background-repeat: no-repeat;
    background-position: top left;
}

.AnswerText_Full {
    display: inline-block;
    width:95%;
}

.Btn_Full_Text  {position:absolute; right:15px; top:23px;}
.Btn_Container {    position: relative; height:106px; }
.Btn_Container_Small {position: relative;width: 697px;height: 106px; }

.Btn_Container_PhysMonSelection,
.Btn_Container_PhysMonSelection_Small {
    position: relative;
    height: 106px;
}

.Btn_Single {background-image: url(../Images/AnswerSelector/FormEntry/single.png); }
.Btn_Single_small  {background-image: url(../Images/AnswerSelector/FormEntry/single_1280x800.png); }

.Btn_Single_Selected  {background-image: url(../Images/AnswerSelector/FormEntry/single_selected.png); }
.Btn_Single_Selected_small  {background-image: url(../Images/AnswerSelector/FormEntry/single_selected_1280x800.png); }

.Btn_Single_Highlighted  {background-image: url(../Images/AnswerSelector/FormEntry/single_red.png); }
.Btn_Single_Highlighted_small  {background-image: url(../Images/AnswerSelector/FormEntry/single_red_1280x800.png); }

.Btn_Multi  {background-image: url(../Images/AnswerSelector/FormEntry/multi.png); }
.Btn_Multi_small  {background-image: url(../Images/AnswerSelector/FormEntry/multi_1280x800.png); }

.Btn_Multi_Selected  {background-image: url(../Images/AnswerSelector/FormEntry/multi_selected.png); }
.Btn_Multi_Selected_small  {background-image: url(../Images/AnswerSelector/FormEntry/multi_selected_1280x800.png); }

.Btn_Multi_Highlighted  {background-image: url(../Images/AnswerSelector/FormEntry/multi_red.png);}
.Btn_Multi_Highlighted_small  {background-image: url(../Images/AnswerSelector/FormEntry/multi_red_1280x800.png); }

/**Organization Styles**/
.Btn_Single_User {background-image: url(../Images/AnswerSelector/UserEntry/single_unselected.png); }
.Btn_Single_User_small {background-image: url(../Images/AnswerSelector/UserEntry/Single_unselected_1280x800.png); }

.Btn_Single_Selected_User {background-image: url(../Images/AnswerSelector/UserEntry/single_selected.png); }
.Btn_Single_Selected_User_small {background-image: url(../Images/AnswerSelector/UserEntry/Single_Selected_1280x800.png); }

.Btn_Multi_User {background-image: url(../Images/AnswerSelector/UserEntry/multi_unselected.png); }
.Btn_Multi_User_small {background-image: url(../Images/AnswerSelector/UserEntry/multi_unselected_1280x800.png); }

.Btn_Multi_Selected_User {background-image: url(../Images/AnswerSelector/UserEntry/multi_selected.png); }
.Btn_Multi_Selected_User_small {background-image: url(../Images/AnswerSelector/UserEntry/multi_selected_1280x800.png); }