/*
	This file has been auto-generated by a tool at 15/12/2025 06:06:17
	Any changes made will be overwritten the next time it is regenerated.
*/

/*

    COLORS:
    -------





    GENERIC:
    --------

    




    BASE FONT(S) / COLOUR(S):
    -------------------------






    HYPERLINKS:
    -----------




    BUTTONS:
    --------




    INPUTS:
    -------










    TOOLTIPS:
    ---------



    
    MODALS:
    -------







    PROMPTS:
    --------







    HEADER:
    -------






    NAVIGATION:
    -----------





    FOOTER:
    -------





    TABS:
    -----






    DATE PICKER:
    ------------








*/



/* Root styles */

*
{
    margin: 0; padding: 0;
}

html, body
{
    background: #fff;
    color: #333;
    font-family: 'lato', 'Open Sans', Sans-Serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
}

table td
{
    word-break: break-all;
}



/* Selected text styles */

::selection 
{
    background: #00AEEF none no-repeat scroll 0 0;
    color: #fff;
}
::-moz-selection 
{
    background: #00AEEF none no-repeat scroll 0 0;
    color: #fff;
}

*::placeholder, .Framework_HintText, .placeholder:not(:focus), .noTouchEvents .placeholder:not(:focus):hover, option[value="-"]:not(:focus) {
    color: #b7b7b7;
    font-style: italic;
    text-align: left;
}
.error::placeholder, .error .Framework_HintText, .error.placeholder {
    color: #fff;
}


/* Headings and text content */

h1, h2, h3, h4, h5, h6
{
    font-size: 200%;
    font-weight: 700;
    line-height: 1.2;
    margin: 32px 0;
}
h2 { font-size: 150%; }
h3 { font-size: 117%; }
h4 { font-size: 112%; }
h5 { font-size: 83%; }
h6 { font-size: 75%; }

p
{
    margin: 32px 0;
}



/* Hyperlinks */

a
{
    color: #00AEEF;
    text-decoration: none;
    transition: color 0.25s;
}
a:hover
{
    color: #333;
    text-decoration: underline;
}
a:active
{
    color: #00AEEF;
    text-decoration: underline;
}



/* Input controls */

input, select, textarea
{
    background-color: #fff;
    border: 2px solid #333;
    color: #333;
    border-radius: 4px;
    font-family: 'lato', 'Open Sans', Sans-Serif;
    font-size: 15px;
    font-weight: 400;
    height: 36px;
    line-height: 1;
    padding: 0 4px;
    transition: background 0.25s, border 0.25s, color 0.25s;
}
input.error, select.error, textarea.error, .checkBox.error, .checkBoxList.error, .radioButtonList.error
{
    background-color: #ff686d !important;
    border: 1px solid red !important;
    color: #fff !important;
}
input:hover, select:hover, textarea:hover
{
    background-color: #fff;
    border: 2px solid #00AEEF;
    color: #333;
}
input:focus, select:focus, textarea:focus
{
    background-color: #333;
    border: 2px solid #333;
    color: #fff;
}

input.readOnly, select.readOnly, textarea.readOnly
{
    background-color: #eee;
    border: 2px solid #333;
    color: #333;
}

input:disabled, select:disabled, textarea:disabled
{
    background-color: #ccc;
    border: #ccc;
    color: #333;
}

textarea
{
    height: 100px;
    line-height: 1.2;
}

.fa {
    font-size: 23px;
}
a.fa {
    border: 2px solid #00AEEF;
    color: #00AEEF;
}
.noTouchEvents a.fa:hover, .noTouchEvents a.fa:focus {
    background-color: #333;
    color: #fff;
}

.col > .Framework_Pod {
    margin: 16px 0 !important;
}

.redText {
    color: #e31e25;
}
.largeText {
    font-size: 125%;
}

table.noWordBreak thead tr th,
table.noWordBreak tbody tr td
{
    word-break: normal;
}

/*
    Framework buttons
*/

/*.Framework_IconButton
{
    background: #333;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    transition: background 0.25s, border 0.25s, color 0.25s;
}
.Framework_IconButton:hover
{
    background: #00AEEF;
    border: 0 none;
    color: #fff;
}
.Framework_IconButton:active, .Framework_IconButton.Framework_IconButton_Active
{
    background: #00AEEF;
    border: 0 none;
    color: #fff;
    cursor: default;
}

    .Framework_IconButton .Framework_IconButton_Inner
    {
        background: transparent none no-repeat scroll 0 0;
    }
    .Framework_IconButton .Framework_IconButton_Text
    {
        border-right: 1px solid #fff;
    }
    .Framework_IconButton .Framework_IconButton_NoIcon
    {
        border-right: 0 none !important;
    }

.Framework_IconButton_IconFirst .Framework_IconButton_Text { border-left: 1px solid #fff; border-right: 0 none; }*/



/* Framework prompts */

.Framework_Prompt_Container
{
    border-radius: 8px;
    box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.Framework_Prompt_Container_TitleBar
{
    background: #2a2a2a;
    color: #fff;
    line-height: 68px;
}
.Framework_Prompt_Container_TitleBar_Left, .Framework_Prompt_Container_TitleBar_Right, .Framework_Prompt_Container_TitleBar_Center
{
    background: transparent none no-repeat scroll 0 0;
}

.Framework_Prompt_Title
{
    font-family: KidSans;
    font-size: 250%;
    line-height: 68px;
    color: #fff;
}

.Framework_Prompt_Container_Middle
{
    background: #fff;
    color: #333;
}
.Framework_Prompt_Container_Middle_Left, .Framework_Prompt_Container_Middle_Right, .Framework_Prompt_Container_Middle_Center
{
    background: transparent none no-repeat scroll 0 0;
}

.Framework_Prompt_Container_Bottom
{
    background: #fff;
    color: #333;
}
.Framework_Prompt_Container_Bottom_Left, .Framework_Prompt_Container_Bottom_Right, .Framework_Prompt_Container_Bottom_Center
{
    background: transparent none no-repeat scroll 0 0;
}

    /*.Framework_Prompt_Container .Framework_IconButton
    {
        background: #00AEEF;
        border: 2px solid #fff;
        border-radius: 4px;
        color: #fff;
    }
    .Framework_Prompt_Container .Framework_IconButton:hover
    {
        background: #333;
        border: 2px solid #fff;
        color: #fff;
    }
        .Framework_Prompt_Container .Framework_IconButton .Framework_IconButton_Text
        {
            border-right: 1px solid #fff;
        }

.Framework_Prompt_Confirm #Framework_Prompt_OkButton
{
    background-color: #008000;
    color: white;
}

.Framework_Prompt_Confirm #Framework_Prompt_OkButton:hover
{
    background-color: #000;
    color: white;
}

.Framework_Prompt_Confirm #Framework_Prompt_CancelButton
{
    background-color: #ff0000;
    color: white;
}

.Framework_Prompt_Confirm #Framework_Prompt_CancelButton:hover
{
    background-color: #000;
    color: white;
}*/

.Framework_Prompt_Alert .Framework_Prompt_Container_Content
{
    background-image: url(../Images/Icons/notification-cross.png);
}
.Framework_Prompt_Confirm .Framework_Prompt_Container_Content
{
    background-image: url(../Images/Icons/notification-confirm.png);
}
.Framework_Prompt_Success .Framework_Prompt_Container_Content
{
    background-image: url(../Images/Icons/notification-tick.png);
}


/* Framework modals */

.Framework_Modal_Container
{
    border-radius: 8px;
    box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.Framework_Modal_Container.Framework_Modals_TransitionMode_Slide
{
    border-radius: 0;
    box-shadow: none;
}

.Framework_Modal_Container_TitleBar
{
    background: #2a2a2a;
    color: #fff;
    line-height: 0;/*@ModalTitleLineHeight;*/
}
.Framework_Modal_Container_TitleBar_Left, .Framework_Modal_Container_TitleBar_Right, .Framework_Modal_Container_TitleBar_Center
{
    background: transparent none no-repeat scroll 0 0;
}
.Framework_Modal_Title
{
    font-family: 'KidSans';
    font-size: 250%;
    line-height: 68px;

    display: inline-block;
    height: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 56px);
}


.Framework_Modal_Container_Middle
{
    background: #fff;
    color: #333;
}
.Framework_Modal_Container_Middle_Left, .Framework_Modal_Container_Middle_Right, .Framework_Modal_Container_Middle_Center
{
    background: transparent none no-repeat scroll 0 0;
    padding: 0;
}

.Framework_Modal_Container_Bottom
{
    display: none;
}



/* Framework tables */

table.Framework_ClickableRows>tbody>tr>td { cursor: pointer; }
table.Framework_ClickableRows>tbody>tr:not(.Framework_ClickableRows_Exempt):hover>th { background-color: #333; color: #00AEEF; }
table.Framework_ClickableRows>tbody>tr:not(.Framework_ClickableRows_Exempt):hover>td { background-color: #00AEEF; color: #333; }
.noTouchEvents table.Framework_ClickableRows>tbody>tr.Framework_ClickableRows_Exempt>td { background-color: #fff; cursor: initial; color: #333; }
table.Framework_ClickableRows>tbody>tr.Framework_ClickableRows_Exempt>td { background-color: #fff; cursor: initial; color: #333; }
table.Framework_ClickableRows>tbody>tr.Framework_ClickableRows_Exempt.alternate>td { background-color: #555; }
table.Framework_ClickableRows>tbody>tr.Framework_ClickableRows_Focus>td { background-color: #00AEEF; cursor: initial; }
table.Framework_ClickableRows>tbody>tr.Framework_ClickableRows_Highlight>td { background-color: #C0FFC0 !important; }


/* Framework tooltip */

#Framework_Tooltip
{
    background: #fff;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.25);
    color: @TooltipColour;
    overflow: hidden;
}



/* Default Text Box styles */

.memoTextBox { width: 100%; }
.longTextBox { width: 100%; }
.mediumTextBox { width: 50%; max-width: 300px; min-width: 200px; }
.shortTextBox { width: 20%; max-width: 200px; min-width: 120px; }
.smallTextBox { width: 10% !important; max-width: 60px !important; min-width: 60px !important; }
.singleTextBox { width: 10% !important; max-width: 30px !important; min-width: 30px !important; }
.standardTextBox { width: 25%; min-width: 200px; }
.numericTextBox { width: 20%; max-width: 120px; min-width: 100px; }
.fullwidthTextBox { width: 100% !important; }



/* AJAX Text Box */

.Framework_AJAXTextBox
{
    
}

.Framework_AJAXTextBox_Options
{
    background: #555;
    border: 2px solid #333;
    border-top: 0 none;
    border-radius: 0 0 4px 4px;
    margin: -4px 0 0;
    max-height: 300px;
    overflow-y: auto;
    text-align: left;
}

.Framework_AJAXTextBox_Options a
{
    color: #ccc;
    display: block;
    line-height: 1.2;
    padding: 6px 4px;
}

.Framework_AJAXTextBox_Options a.selected, .Framework_AJAXTextBox_Options a:hover, .Framework_AJAXTextBox_Options a .highlight
{
    background: #00AEEF none no-repeat scroll 0 0;
    color: #fff;
}



/* Additional Framework Styles */

.Framework_Table .Framework_Table_Cell
{
    display: inline-block;
    padding: 5px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.Framework_Table .Framework_Table_IconCell
{
    float: left;
    padding-left: 36px;
}

.Framework_Table .Framework_Table_Cell div {
    display: inline-block;
}

.Framework_Table .Framework_Table_Cell img
{
    border: none;
    height: 28px !important; 
    width: 28px !important;
    vertical-align: middle;
    margin: 0 5px 0 0;
    width: auto;
}

.Framework_Table .Framework_Table_IconCell img
{
    float: left;
    margin: 4px 0 0 -32px;
}

/*.Framework_Navigation .Framework_IconButton
{
    display: inline-block;
    width: auto;
}*/

/* Date picker */

.ui-datepicker
{
    background: @SecondarColour !important;
    border: 2px solid #333 !important;
    border-radius: 4px; !important;
}

.ui-datepicker-title {
    font-family: 'lato', 'Open Sans', Sans-Serif;    
}

.ui-datepicker-year {
    font-family: 'lato', 'Open Sans', Sans-Serif !important;    
}

.ui-widget-header
{
    background: #333 !important;
    border: 2px solid #333 !important;
    border-radius: 4px; !important;
    color: #fff !important;
}

.ui-widget-header a
{
    background: #333;
    border: 2px solid #333;
    border-radius: 4px;;
    color: #fff;
    font-weight: 700;
    text-align: center;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s;
}
.ui-datepicker .ui-datepicker-prev-hover
{
    left: 2px;
    top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover
{
    right: 2px;
    top: 2px;
}
.ui-widget-header .ui-icon
{
    height: 20px;
    margin: -10px 0 0 -10px !important;
    width: 20px;
}
.ui-widget-header .ui-icon-circle-triangle-e
{
    background-image: url(../Images/Icons/Icon-ArrowHeadRight.png);
    background-position: center;
}
.ui-widget-header .ui-icon-circle-triangle-w
{
    background-image: url(../Images/Icons/Icon-ArrowHeadLeft.png);
    background-position: center;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    background: #333;
    border: 2px solid #333;
    border-radius: 4px;;
    color: #fff;
    font-weight: 700;
    text-align: center;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover
{
    background: #555;
    border: 2px solid #555;
    color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    background: #00AEEF;
    border: 2px solid #00AEEF;
    color: #333;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    background: #00AEEF;
    border: 2px solid #333;
    color: #333;
}

.ui-datepicker table
{
    margin: 4px 0;
}

.ui-datepicker-calendar thead tr th
{
    background: transparent none no-repeat scroll 0 0;
    border: 0 none;
    padding: 0 0 2px;
}

.ui-datepicker-calendar thead tr th span
{
    background: #00AEEF;
    border: 0 none;
    color: #333;
    display: block;
    padding: 4px;
}

.ui-datepicker-calendar thead tr th:first-child span
{
    border-radius: 4px 0 0 4px;
}
.ui-datepicker-calendar thead tr th:last-child span
{
    border-radius: 0 4px 4px 0;
}

/* Tab container */

.ajax__tab_xp .ajax__tab_outer, .ajax__tab_xp .ajax__tab_outer .ajax__tab_inner, .ajax__tab_xp .ajax__tab_tab, .ajax__tab_xp .ajax__tab_active .ajax__tab_tab
{
    background: transparent none no-repeat scroll 0 0 !important;
    height: auto !important;
    line-height: 1.7;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top;
}

.ajax__tab_xp .ajax__tab_tab
{
    background: #333 none no-repeat scroll 0 0 !important;
    border: 2px solid #333;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: inline-block;
    font-family: 'lato', 'Open Sans', Sans-Serif;
    font-size: 15px;
    font-weight: 400;
    height: auto !important;
    line-height: 1.7;
    padding: 4px 8px 2px !important;
    transition: background-color 0.25s, color 0.25s;
}

.ajax__tab_xp .ajax__tab_tab:hover
{
    background-color: #555 !important;
    border: @TabHoverBorder!important;
    color: #fff !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab, .ajax__tab_xp .ajax__tab_active .ajax__tab_tab:hover
{
    background-color: #fff !important;
    border: 2px solid #333 !important;
    border-bottom: 0 none !important;
    color: #333 !important;
    padding: 4px 8px 4px !important;
}

.ajax__tab_xp .ajax__tab_header
{
    background: transparent none no-repeat scroll 0 0 !important;
    border: 0 none !important;
    margin: 0 0 -2px;
    position: relative;
    z-index: 2;
}

.ajax__tab_header .ajax__tab_outer
{
    margin: 0 2px 0 0 !important;
}

.ajax__tab_xp .ajax__tab_body
{
    background: transparent none no-repeat scroll 0 0 !important;
    border: 2px solid #333 !important;
    padding: 16px !important;
}


/* Default aspNet styles */

.aspNetDisabled, .aspNetDisabled:hover, .aspNetDisabled a, .aspNetDisabled tr, .aspNetDisabled th, .aspNetDisabled td, .aspNetDisabled label,
input:disabled, select:disabled, textarea:disabled, label:disabled { 
    cursor: not-allowed !important; 
}
/*.aspNetDisabled.Framework_IconButton, .aspNetDisabled.Framework_IconButton:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
    cursor: not-allowed !important;
}*/


/* Responsive modals */

#Framework_Modal_Padding
{
    padding: 16px;
}

.Framework_User
{
    max-width: 100%;
    margin: 0 auto;
    width: 768px;
}

.Framework_Form_Row:first-child {
    margin-top: 0;
    padding-top: 0;
}

@media (max-width: 767px)
{
    #Framework_Modal_Padding .Framework_Form_Row_Label, #Framework_Modal_Padding .Framework_Form_Row label
    {
        display: block;
        float: none;
        width: auto;
    }

    #Framework_Modal_Padding .Framework_Form_Row_Input
    {
        display: block;
        float: none;
        width: auto;
    }

    #Framework_Modal_Padding .Framework_Form_Row_Input .left
    {
        display: block;
        float: none !important;
        margin: 4px 0 0;
        width: auto !important;
    }
    #Framework_Modal_Padding .Framework_Form_Row_Input .left:first-child
    {
        margin: 0;
    }

    #Framework_Modal_Padding .Framework_Form_Row_Input .left input, #Framework_Modal_Padding .Framework_Form_Row_Input .left select, #Framework_Modal_Padding .Framework_Form_Row_Input .left textarea
    {
        float: none !important;
    }
}

/*
    Pods    
*/

.Framework_Pod {
    border-radius: 8px;
    box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.25);
    margin: 0 0 16px;
}

    .Framework_Pod_TitleBar {
        background-color: #fff;
        color: #333;
        font-size: 250%;
        padding: 16px;
    }
    .Framework_Pod_FillTitleBar .Framework_Pod_TitleBar {
        background-color: #2a2a2a;
        color: #fff;
    }
        .Framework_Pod_TitleContent {
            margin: 0 16px;
        }
        .Framework_Pod_Refresh {
            color: #333;
            margin-right: 16px;
        }
        .Framework_Pod_FillTitleBar .Framework_Pod_Refresh {
            color: #fff;
        }

    .Framework_Pod_Content {
        background-color: #fff;
        padding: 16px;
    }

        .Framework_Pod_WithoutTitleBar a {
            background-color: #fff;
        }

/*
    Collapsing header
*/

.Framework_CollapseHeader {
    height: 86px;
}
.Framework_CollapsedHeader .Framework_CollapseHeader {
    height: 0;
}
.noTouchEvents .Framework_CollapsedHeader:hover .Framework_CollapseHeader {
    height: 86px;
}
.Framework_CollapsedHeader.forceExpand .Framework_CollapseHeader {
    height: 86px;
}



.Framework_CollapsedHeader .Framework_CollapseHeader {
    height: 86px;
}
@media (max-width: 1023px) {
    .Framework_CollapsedHeader .Framework_CollapseHeader {
        height: 86px;
    }
}






/*
.Framework_IconButton {
    font-size: 0;
    height: 32px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.Framework_IconButton_FA {
    width: 32px;
}
.Framework_IconButton_IconFirst .Framework_IconButton_Icon {
    margin: 0 !important;
}
.Framework_IconButton:not(.Framework_IconButton_FA) .Framework_IconButton_Text {
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 8px !important;
    max-width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Framework_IconButton:not(.Framework_IconButton_FA) .Framework_IconButton_Text.Framework_IconButton_NoIcon {
    max-width: none;
}
.Framework_IconButton .Framework_IconButton_Icon {
    box-sizing: content-box!important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 8px !important;
}
.Framework_IconButton_Disabled{
    cursor: not-allowed;
}
.Framework_IconButton.left {
    margin-right: 4px;
}
.Framework_IconButton.right {
    margin-left: 4px;
}

    .Framework_IconButton .Framework_IconButton_Inner {
        height: 28px;
        margin: 0;
        padding: 0;
    }
        .Framework_IconButton .Framework_IconButton_Inner .Framework_IconButton_Text {
            height: 30px;
            line-height: 30px;
            margin: 0;
            padding: 0;
            font-size: 22px;
        }

        .Framework_IconButton .fa {
			line-height: 28px;
            vertical-align: baseline;
        }
*/

 /*  
    ----------------------
    FRAMEWORK OVERRIDES
    ----------------------
*/

#Framework_Core_Loading_Overlay, .Framework_Modal_Overlay {
}

#Framework_Core_Loading_Loading, .Framework_Modal_Loading {
    width: 60px;
    height: 60px;
    background: url(../Images/Icons/spinner.png) no-repeat;
    position: fixed;
    z-index: 99999999;
    left: calc(50% - 30px);
    top: calc(45% - 60px);
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(-180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(0deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateY(180deg);
    -webkit-transform: perspective(120px) rotateY(180deg) 
  } 100% { 
    transform: perspective(120px) rotateY(360deg);
    -webkit-transform: perspective(120px) rotateY(360deg);
  }
}



/*
    Icon Buttons
*/

.Framework_IconButton {
    border-radius: 6px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    /*font-size: 5vh;*/
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    padding: 0;
    position: relative;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    top: -4px;
    transition: background-color 0.125s, box-shadow 0.125s, color 0.125s, top 0.125s;
    /*width: 15vh;*/
    width: auto;
}
.Framework_LoggedInUser .Framework_IconButton {
    margin: 0 4px;
}
.Framework_IconButton_FA  {
    padding: 0 !important;
    text-align: center !important;
    width: 48px !important;
}
.noTouchEvents .Framework_IconButton:hover, .Framework_IconButton:active, .Framework_IconButton.active {
    color: #fff !important;
}
.Framework_IconButton {
    background-color: #35bdf8;
    box-shadow: 0 8px 0 0 #0b668d;
}
.sectionGreen .Framework_IconButton {
    background-color: #99d467;
    box-shadow: 0 8px 0 0 #4f792b;
}
.sectionRed .Framework_IconButton {
    background-color: #f25055;
    box-shadow: 0 8px 0 0 #941418;
}

.noTouchEvents .Framework_IconButton:hover {
    background-color: #35bdf8;
    box-shadow: 0 12px 0 0 #0b668d;
    top: -8px;
}
.noTouchEvents .sectionGreen .Framework_IconButton:hover {
    background-color: #99d467;
    box-shadow: 0 12px 0 0 #4f792b;
    top: -8px;
}
.noTouchEvents .sectionRed .Framework_IconButton:hover {
    background-color: #f25055;
    box-shadow: 0 12px 0 0 #941418;
    top: -8px;
}

.Framework_IconButton:active, .Framework_IconButton.active {
    box-shadow: 0 0 0 0 #0b668d !important;
    top: 4px !important;
}
.sectionGreen .Framework_IconButton:active, .sectionGreen .Framework_IconButton.active {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.35) !important;
    top: 4px !important;
}
.sectionRed .Framework_IconButton:active, .sectionRed .Framework_IconButton.active {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.35) !important;
    top: 4px !important;
}

.Framework_IconButton.invert {
    background-color: #fff;
    color: #119cd9 !important;
}
.sectionGreen .Framework_IconButton.invert {
    background-color: #fff;
    color: #79ba42 !important;
}
.sectionRed .Framework_IconButton.invert {
    background-color: #fff;
    color: #e31e25 !important;
}
.noTouchEvents .Framework_IconButton.invert:hover {
    background-color: #fff;
    color: #119cd9 !important;
}
.noTouchEvents .sectionGreen .Framework_IconButton.invert:hover {
    background-color: #fff;
    color: #79ba42 !important;
}
.noTouchEvents .sectionRed .Framework_IconButton.invert:hover {
    background-color: #fff;
    color: #e31e25 !important;
}

    .Framework_IconButton .fas {
        /*line-height: 10vh;*/
        font-size: 28px;
        min-width: 28px;
        text-align: center;
        width: auto;
    }

    .Framework_IconButton .Framework_IconButton_Inner {
        height: auto;
        line-height: 0;
    }
    .Framework_IconButton:not(.Framework_IconButton_FA) .Framework_IconButton_Text,
    .Framework_IconButton .Framework_IconButton_Inner .Framework_IconButton_Text {
        font-size: 15px !important;
        height: 48px !important;
        line-height: 46px !important;
    }
    .Framework_IconButton_FA .Framework_IconButton_Inner .Framework_IconButton_Text {
        font-size: 28px !important;
        width: 48px !important;
    }

    .Framework_IconButton .Framework_IconButton_Icon {
        height: 48px !important;
        line-height: 46px !important;
    }
    .Framework_IconButton:not(.Framework_IconButton_FA) .Framework_IconButton_NoIcon {
        padding: 0 16px !important;
    }
    .Framework_IconButton:not(.Framework_IconButton_IconFirst) .Framework_IconButton_Text:not(.Framework_IconButton_NoIcon) {
        border-right: 1px solid #0b668d;
    }
    .sectionGreen .Framework_IconButton:not(.Framework_IconButton_IconFirst) .Framework_IconButton_Text:not(.Framework_IconButton_NoIcon) {
        border-right: 1px solid #4f792b;
    }
    .sectionRed .Framework_IconButton:not(.Framework_IconButton_IconFirst) .Framework_IconButton_Text:not(.Framework_IconButton_NoIcon) {
        border-right: 1px solid #941418;
    }
    .Framework_IconButton_IconFirst .Framework_IconButton_Text:not(.Framework_IconButton_NoIcon) {
        border-left: 1px solid #0b668d;
    }
    .shadowGreen .Framework_IconButton_IconFirst .Framework_IconButton_Text:not(.Framework_IconButton_NoIcon) {
        border-left: 1px solid #4f792b;
    }
    .shadowRed .Framework_IconButton_IconFirst .Framework_IconButton_Text:not(.Framework_IconButton_NoIcon) {
        border-left: 1px solid #941418;
    }

.Framework_Modal_Container_TitleBar .Framework_IconButton {
    background-color: #343434;
    box-shadow: 0 8px 0 0 #111;
    color: #fff;
    margin: 12px 0 0;
}
.noTouchEvents .Framework_Modal_Container_TitleBar .Framework_IconButton:hover {
    background-color: #555;
    box-shadow: 0 12px 0 0 #111;
    top: -8px;
}
.Framework_Modal_Container_TitleBar .Framework_IconButton:active, .Framework_Modal_Container_TitleBar .Framework_IconButton.active {
    box-shadow: 0 0 0 0 #111 !important;
    top: 4px !important;
}

.Framework_Form_ButtonRow .Framework_IconButton { float: right; }


/* Sign Up */

.signup-wizard {

}

    .signup-step {
        background-color: #f1f1f1;
        border-radius: 8px;
        display: none;
        margin: 16px 0;
        padding: 16px;
    }
    .sectionBlue .signup-step {
        background-color: #fff;
    }

        .signup-question {
            margin: 16px 0 0;
        }
        .signup-question:first-child {
            margin: 0;
        }
            .signup-question label {
                display: block;
                word-break: break-word;
            }
            .signup-question input.textbox, .signup-question textarea {
                width: 100%;
            } 
            .signup-summary {
                font-size: 150%;
                font-weight: 300;
            }
                .signup-summary ul {
                    margin: 8px 0 32px !important;
                    padding: 0 !important;
                }
            .signup-total {
                font-size: 150%;
                font-weight: 300;
            }
                .signup-cost, .signup-renewal {
                    color: #119cd9;
                    font-size: 200%;
                    font-weight: 700;
                }

.signup-wizard .radioButtonList {
    margin-bottom: 5px;
    line-height: 0;
    border-collapse: collapse;
}

    .signup-wizard .radioButtonList tr td span {
        display: block;
        margin-bottom: 5px;
    }

    .signup-wizard .radioButtonList tr td span.hidden {
        margin-bottom: 0;
    }

    .signup-wizard .radioButtonList label {
        display: inline !important;
        word-break: break-word;
        line-height: normal;
    }

    .signup-wizard .radioButtonList input {
        height: auto;
    }

/*.signup-wizard .summary {
    margin-top: 10px !important;
}*/

/* promo bubble */
#promo-bubble {
    background-color: #119cd9;
    border-radius: 16px;
    bottom: 32px;
    box-shadow: 0 8px 0 0 #0b668d;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    left: auto;
    max-width: 90%;
    padding: 16px;
    position: fixed;
    right: 32px;
    text-align: center;
    top: auto;
    width: auto;
    z-index: 99;
}
#promo-bubble span {
    display: block;
    margin: 0 0 20px;
}
#promo-bubble span:first-child {
    margin: 0 0 10px;
}#promo-bubble strong {
    font-family: KidSans;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
}
 @media (max-width: 768px) {
    #promo-bubble {
        border-radius: 0;
        bottom: 0;
        box-shadow: none;
        left: 0;
        max-width: none;
        right: 0;
    }
 }

.ParentsBlueBadge {
    width: 150px;
    padding-bottom: 85px;
    padding-right: 20px;
}

.ParentsGreenBadge {
    width: 150px;
    padding-bottom: 85px;
}

.ParentsRedBadge {
    width: 150px;
    padding-bottom: 85px;
    padding-left: 20px;
}

@media (max-width: 495px){
    .ParentsBlueBadge, .ParentsGreenBadge, .ParentsRedBadge {
        width: 100px;
    }
}

@media (max-width: 345px) {
    .ParentsBlueBadge, .ParentsGreenBadge, .ParentsRedBadge {
        width: 75px;
    }
}