﻿.initialSetup.Widget { max-width: 350px; min-width: 300px; margin: 0px auto; position: relative; }
.initialSetup.Widget .SectionHeader, .SSC_History .SectionHeader { display: block; padding-right: 10px !important; /* padding: 0px; */ }
.SSC_container { position: relative; display: inline-block; height: auto; height: 100%; }
.SSC_container .SectionHeader.fa:before { position: absolute; padding-top: 0px; padding: 6px 0; background-color: #09a209; border: 1px solid #066306; border-radius: 0 0 0 9px; width: 30px; height: 30px; box-sizing: border-box; color: #fff; top: 0; right: 0px; }
.SSC_container .SectionHeader.fa:before, .initialSetup .SectionHeader.fa:before, .SSC_History .SectionHeader.fa:before { content: "\f155"; }
.SSC_History .SectionHeader, .btnSSCCalc:before { content: "\f155"; }
.btnSSCSave:before { content: "\f07c"; }
.SSC_Details { display: table-cell; vertical-align: top; padding: 0px 10px 10px 10px; }
.SSC_SideBar { display: table-cell; vertical-align: top; background-color: #fff; /* border: 1px solid #ccc; */ border-radius: 6px; }
.btmFix { position: absolute; left: 0px; bottom: 13px; right: 0px; border: none; }
.btmFix .ButtonFix { display: block; }
.WNotation { display: block; }
.SSC_SideBar { width: 27%; }
.SSC_container .SSC_SideBar .SectionHeader { font-size: 14px; font-weight: bold; color: #333; padding: 0px; }
.SSCDetailContainer { padding-top: 10px; /* background-color: #fff; */ /* border: 1px solid #ccc; */ border-top: none; }
.SSC_Details .SectionFooter { background-color: #f5f5f5; margin: 0 auto 0 auto; width: 94%; border: 1px solid #ccc; }
.SSC_Details { /* background-color: #fff; */ }
.SSCSection .SectionHeader { color: #000; padding: 0px; font-size: 13px !important; }
.SSCSection .RadGrid { margin-bottom: 0px; }
.SSC_SideBar .SSCSection { padding: 10px; /* border: 1px solid #ccc; */ /* background-color: #fff; */ padding-bottom: 85px; border-radius: 6px; }
.SSC_SideBar .divLogin, .SSC_SideBar .divCustomize { text-align: center; font-size: 14px; border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; background-color: #F1F5FB; border-radius: 6px; }
.SSCCreateLogin { font-size: 12px; display: block; border-top: 1px solid #ccc; margin-top: 6px; padding-top: 6px; }
.SSCHeader { display: block; font-size: 18px; text-align: center; margin-bottom: 10px; }
.SSCInfo { display: block; }
.SSCNameHeader { display: block; font-size: 18px; }
.SSCWelcome { display: inline-block; margin: 6px 0px 18px 0px; }
.SSCMyCalcs { border: 1px solid #ccc; margin-bottom: 10px; background-color: #fff; border-radius: 6px; padding: 8px; }
.SSCMyCalcs .SSCMyCalcsHeader { font-size: 15px; /* border-bottom: 1px solid #c7c7c7; */ display: block; padding: 4px; background-color: #e5e5e5; }
.SSC_Details .SSCSection { /* border: 1px solid #ccc; */ }
.SSCDetailContainer .SectionFooter span { font-size: 14px; padding: 6px; display: inline-block; }
.SSCCurrentCalcs .buttons { float: right; }
.SSCCurrentCalcs span { display: inline-block; padding: 7px 4px; padding-right: 4px; border-right: 1px solid #ccc; margin-top: 0px; }
.SSCToCustomize { display: block; }
.SSC_List { display: block; margin-top: 10px; font-weight: bold; text-align: center; background-color: aliceblue; padding: 10px; border: 1px solid #ccc; border-radius: 10px; margin-top: -28px; position: relative; z-index: 9; }
.SSC_RequiredWage { margin-top: 10px; font-weight: bold; /* padding-bottom: 62px; */ }
.SSC_RequiredWage table { width: 100%; border: 1px solid #ccc; }
.SSC_RequiredWage table tr:nth-child(even) td { background-color: #EBEBEB; border-top: 1px solid #ccc; }
.SSC_RequiredWage table td { padding: 4px; }
.WPadding { padding: 10px 10px 0 10px !important; overflow-x: visible !important; max-height: 600px !important; }
.initialSetup table { margin-top: 10px; width: 100%; }
.initialSetup table td { padding: 4px; }
.SSC_container .k-gauge:before { border: 1px solid #ccc; border-radius: 300px; content: ""; width: 99%; height: 99%; position: absolute; top: 33px; left: 0px; z-index: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */ background-color: #ffffff; /* Old browsers */ background-image: -moz-linear-gradient(-45deg, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background-image: linear-gradient(135deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.SSC_container .k-gauge { position: relative; z-index: 0; margin: 0 auto; overflow: hidden; }
.SSC_ReqWageTitle { font-size: .85em; }
.SSC_container .k-gauge:after { content: ""; width: 100%; height: 100%; background-image: url('../../images/gaugebg.png'); position: absolute; top: -5px; left: -2px; z-index: 99999; background-repeat: no-repeat; background-position: center; /* background-size: cover; */ }
.SSC_Result_Sufficient:before, .SSC_Result_Insufficient:before, .SSCH_Deficiency:before, .SSCH_Surplus:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2em; padding: 0 20px 0 0; }
.SSC_Result_Sufficient, .SSC_Result_Insufficient { font-size: 18px; display: block; text-align: center; margin: 20px 0px; }
.SSC_Result_Sufficient, .SSCH_Surplus { color: #009933; }
.SSC_Result_Insufficient, .SSCH_Deficiency { color: red; }
.SSC_Result_Sufficient:before, .SSCH_Surplus:before { content: "\f087"; }
.SSC_Result_Insufficient:before, .SSCH_Deficiency:before { content: "\f088"; }
.SSCCurrentCalcs .buttons { margin-top: 0px; padding-top: 2px; }
.SSCCurrentCalcs .lnk.Edit { margin: 10px 10px 0px 0px; }
.SSCCurrentCalcs .buttons .btn Cancel { margin: 2px; padding: 2px 12px; }
.SSCSection .rgHeader, .SSCSection tr td { white-space: nowrap; }
.SSC_HourlyIncomeAlert { display: block; background-color: #fff; padding: 10px; color: red; }
.SSC_SideBar .btn Save, .SSC_SideBar .btn Cancel { text-align: center; }
.lnkForResource { font-weight: bold; display: block; text-align: center; border: 1px solid #ccc; padding: 6px; border-radius: 6px; text-decoration: none; color: #fff; margin-top: 10px; background-color: #0072CA; font-size: 14px; }
.SSCLinkForResource { margin-top: 10px; padding: 10px; background-color: #F5FAFF; border-radius: 6px; border: 1px solid #ccc; font-size: 14px; text-align: center; }

/*Fixes for indy */
.SSCMyCalcs .buttons .btn:before { display: none; }
.SSCMyCalcs .buttons { border-top: 0px; }
.SSCMyCalcs .buttons .btn { margin: 0px; padding: 2px 10px; }
.TextAlignToRight{text-align: right;}

@media screen and (max-width: 768px) {
    .SSC_Details { display: block; vertical-align: top; padding: 0px 10px 10px 10px; }
    .SSC_SideBar {display: block;vertical-align: top;background-color: #fff;/* border: 1px solid #ccc; */border-radius: 6px;width: auto;}
    .SSC_Details .SectionFooter { text-align: center; }
    .SSC_Details .SectionFooter div { float: none !important; }
    .SSC_Details .SectionFooter div span { border: none !important; font-weight: bold; }
    .TextAlignToRight{text-align: left !important;}
    .SSCSection .rgHeader, .SSCSection tr td {white-space:normal}
}
