:root {
    /*   --primary: #0a8dd9; */
    --primary: #106ebe;
    --hover-bg: #1785c4;
    --selected-bg: #35adf2;
    --highlight-text: #ffff7f;
    --standard-text: #e2e8eb;
    --dark-background: #1c262c;
    --medium-background: #106ebe;
    --link: #faa54b;
    --link-hover: orange;
}

body {
    font-size: 12px;
    font-family: "Open Sans";
    color: var(--standard-text);
    margin: 0;
}

a:link {
    color: var(--link);
    text-decoration: none;
}

a:visited {
    color: var(--link);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover);
    text-decoration: none;
}

/*Overwrite mySkin Settings*/
/*RadWizard*/
Div.RadWizard_MySkin .rwzNext, Div.RadWizard_MySkin .rwzFinish {
    color: var(--standard-text);
}

Div.RadWizard_MySkin .rwzSelected .rwzLink {
    border-color: var(--medium-background);
    background-color: var(--medium-background);
}

    Div.RadWizard_MySkin .rwzSelected .rwzLink:before {
        border-color: var(--medium-background);
        background-color: var(--medium-background);
    }

/*DropDownList*/
Div.RadDropDownList_MySkin .rddlInner {
    border-radius: 6px;
}
/*TabStrip*/
/*Top Row*/
div.RadTabStrip_MySkin .rtsLevel1 .rtsSelected .rtsLink:before {
    border-color: var(--highlight-text);
}

Div.RadTabStrip .rtsLink {
    padding: 8px 15px;
}

Div.RadTabStrip_MySkin .rtsLevel1 .rtsLink {
    color: var(--selected-bg);
}

Div.RadTabStrip_MySkin .rtsLevel1 .rtsHovered .rtsLink {
    color: var(--hover-bg);
    text-decoration: none;
}

Div.RadTabStrip_MySkin .rtsLevel1 .rtsSelected .rtsLink {
    color: var(--highlight-text);
}
/*Second Row*/
Div.RadTabStrip_MySkin .rtsLevel1 ~ .rtsLevel .rtsLink {
    color: var(--selected-bg);
    text-decoration: none;
}

Div.RadTabStrip_MySkin .rtsLevel1 ~ .rtsLevel .rtsHovered .rtsLink {
    color: var(--highlight-text);
    text-decoration: none;
}

Div.RadTabStrip_MySkin .rtsLevel1 ~ .rtsLevel .rtsSelected .rtsLink {
    color: var(--highlight-text);
}

/*Grid*/
.rgCaption {
    background-color: var(--primary);
    font-size: 14px;
    font-family: "Open Sans";
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

Div.RadGrid .rgRow > td,
Div.RadGrid .rgAltRow > td {
    padding-left: 6px;
    padding-right: 6px;
}

Div.RadGrid_MySkin .rgHeader {
    text-transform: none;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: var(--highlight-text);
}

    Div.RadGrid_MySkin .rgHeader a {
        color: var(--highlight-text);
    }

Div.RadGrid_MySkin .rgFilterRow > td {
    padding-left: 3px !important;
}

Div .RadGrid_MySkin .rgGroupHeader {
    color: var(--highlight-text);
    font-size: 12px;
    text-transform: none;
}
/*Hides Group Expand Collapse Arrow in Header*/
Div.RadGrid_MySkin .t-font-icon:before {
    font: 0px/1 "WebComponentsIcons";
}

div.RadGrid_MySkin .rgRow a:Link,
div.RadGrid_MySkin .rgAltRow a:Link {
    color: var(--link);
    text-decoration: none;
}

div.RadGrid_MySkin .rgRow a:hover,
div.RadGrid_MySkin .rgAltRow a:hover {
    color: var(--link-hover);
    text-decoration: none;
}

div.RadGrid_MySkin .rgRow a:visited,
div.RadGrid_MySkin .rgAltRow a:visited {
    color: var(--link);
    text-decoration: none;
}

/*End mySkin Overrides*/
.MasterHeaderRow {
    padding: 8px;
    /*  background-image: url('../Images/header.jpg'); */
}

.MasterHeader {
    /* background-color: var(--primary); */
    background: linear-gradient(to right, #063652, #5ac0fa)
}

.MasterHeaderText {
    font-size: 36px;
    font-family: "Rubik Distressed";
    font-weight: normal;
    text-shadow: -1px -1px 2px White, 1px -1px 2px White, -1px 1px 2px White, 1px 1px 2px White;
    color: var(--primary) !important;
}

.HeaderLabel {
    Font-Size: x-large;
    font-weight: 600;
    Color: var(--highlight-text) !important;
    padding-left: 5px;
    padding-bottom: 5px;
    text-shadow: 1px 1px black, 2px 2px 3px white;
}

.SubHeaderLabel {
    Font-Size: large;
    font-weight: 600;
    Color: var(--highlight-text) !important;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.SubmitLineupLabel {
    Font-Size: large;
    font-weight: 600;
    Color: var(--highlight-text) !important;
}

.SubSubHeaderLabel {
    Font-Size: medium;
    font-weight: 300;
    Color: var(--highlight-text) !important;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.MasterTable {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    padding: 0px;
}

.Header {
    font-size: 24px;
}

.PageStyle {
    border-spacing: 0px;
}

.MainContent {
    padding: 20px;
    vertical-align: top;
}

.ActiveTrue {
}

.ActiveFalse {
    color: salmon;
}

.EligibleTrue {
    padding-left: 5px;
}

.EligibleFalse {
    color: #777777 !important;
    padding-left: 5px;
}

.BorderLeft {
    border-left: 1px ridge var(--dark-background) !important
}

.BorderRight {
    border-right: 1px ridge var(--dark-background) !important
}

.BorderTop {
    border-top: 1px solid var(--highlight-text) !important;
}

.BorderTopLeft {
    border-top: 1px solid var(--highlight-text) !important;
    border-left: 1px ridge var(--dark-background) !important
}