.right-justify{
    text-align:right;
}
.nobackground {
    background-image: none !important;
}

.fswell {
    background-color: #f1f4f5;
    padding: 10px;
}

/* SWEET ALERT OVERRIDES */
.swal2-title {
    font-size:20px !important;
    color: #333 !important;
    font-weight:400;
}

.swal2-content {
    font-family: Roboto,sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.571429 !important;
    color: #76838f !important;
    font-weight:300 !important;
}

.swal2-confirm{ background-color: #005365 !important; } 

.swal2-success{ 
     color: #005365 !important; 
     border-color: #005365 !important;
     }

.swal2-success-line-tip swal2-animate-success-line-tip {
    background-color: #005365 !important; 
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: #005365 !important; 
}

.swal2-success-ring {
    border-color: #005365 !important;
}

/* END SWEET ALERTS */

body.waiting * {
    cursor: progress;
}

.loader-content {
    color: white !important;
}

.fs-error {
    color: #f96868 !important;
}

.fs-error-input {
    border-color: #f96868 !important;
}
.opacity-0 {
    opacity:0;
}
/*Telerik AutoComplete override */

.RadAutoCompleteBox_Default .racTokenList {
    font-size: 1rem !important;
    line-height: 1.571429 !important;
    color: #666 !important;
    border: none !important;
    background-color: #fff !important;
    background-image: none !important;
    font: inherit !important;
    position: relative !important;
}

.RadAutoCompleteBox_Default .racInput {
    color: #666 !important;
    font-size: 1rem !important;
    font: inherit !important;
}

.RadAutoCompleteBox_Default .racEmptyMessage {
    opacity: 1 !important;
    color: #a3afb7 !important;
    font-style:normal !important;
}

.racTextToken {
    color: #666 !important;
    font-size: 1rem !important;
    font: inherit !important;
}

.RadAutoCompleteBoxPopup_Default {
    color: #666 !important;
    font-size: 1rem !important;
    font: inherit !important;
}

.RadAutoCompleteBoxPopup {
    border: #e4eaec !important;
    float:right !important;
}

.racList {
    border: solid #e4eaec !important;
}


/* color declarations*/
/*
    FS Grey #263238;
    FS Green #005365
*/
.display-none {
    display:none;
}

.fs-result-button {
    opacity:100 !important;
    cursor:unset !important;
    border-radius:0 !important;
    border:0px !important
}

/* Risk Tolerance */
.fsprogress-bar .progress {
    width:50%;
}
.question {
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 15px;
}

.answer {
    color: #4D4D4D;
    padding-left : 15px;
}

/* End Risk Tolerance */
.no-box-shadow {
    box-shadow:none !important;
}

/* Progress Bar */
.progress-bar {
    background-color:#005365 !important;
}
/* End Progress Bar*/
/* TOASTR */
#toast-container>.toast-success
{
    background-color: #005365 !important;
}

/* End TOASTR */
.fs-color-button {
    background-color: #005365 !important;
    color: white !important;
}

.fs-blue-color-button {
    background-color: #009299 !important;
    color: white !important;
}


.fsgreen {
    background-color: #005365 !important;
}

.fsblue {
    background-color: #009299 !important;
}

.fswhite {
    background-color: white !important;
}

.fswhite-text {
    color: white !important;
}

.fsgreen-text {
    color: #005365 !important;
}

.fsblue-text {
    color: #009299 !important;
}

/* Knob Colors */
.dial { color: #005365 !important; }
/* End Knob Colors*/

/* Knob Text */
.knob-chart {
    color: #005365 !important
}

.fsdropdown {
    background: white !important;
    width: 100% !important;
}
.fsdropdown button span{
    font-weight: 100;
    color: #333 !important;
}

.spacer {
    height: 5%;
}

.display-table {
    display: table;
}
.overflow-hidden {
    overflow:hidden !important;
}

.help-icon-right {
    text-align: right;
    margin-right:10px;
}

.float-left {
    float:left;
}

.fstable td, .fstable th{
    padding: .250rem;
}
.w-100-p {
    width:100%;
}

.knob-label {
    margin-bottom: .5rem;
    display:inline-block;
}

table.borderless td,table.borderless th{
     border: none !important;
}

.line-height-1-half {
    line-height: .5 !important;
}
.center {
    text-align:center;
}

.fsradio {
    margin-right: 10px;
    /*padding-left: 10px; */
}

.fsradio label{
    margin-left:5px;
}

a.pen{background:url(/Content/Images/icon_pen.png) left top no-repeat; width:27px; height:25px;text-indent:-4000px;display:block;line-height:5px;}
 
.topic {
    /*color:#4D4D4D;font:Raleway;*/
    font-weight:500 !important;font-size:14px; text-transform:uppercase;padding-left:0; padding-right:0;
}

.topic-nopad{
    /*color:#4D4D4D;font:Raleway;*/
    font-weight:500 !important;font-size:14px; text-transform:uppercase;;
}

tr.odd{background:#E5e4E2;}

a {
    color: #005365;
}

a:focus, a:hover {
    color: #424242;
}

.thirtypercent {
    min-width:30%;
}

.fiftypercent {
    min-width: 50%;
}


/* FS Rad Grid */
/*.FSRadGrid {
    border: 1px solid #336601;
    padding: 1px;
}

.FSRadGrid .rgHeader {
    color: #FFF !important;
    text-align: center !important;
    padding: 8px 10px 8px 8px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

.FSRadGrid .rgHeader a {
    text-decoration : none !important;
    color: white !important;
}

.FSRadGrid td, .FSRadGrid tr {
    border: 1px solid white;
    line-height: 18px;
    padding: 1px;
    text-align:center;
    font-weight: normal !important;
    color:#4d4d4d !important;
    font-size:14px !important;
}

.FSRadGrid td.buttoncell {
text-align:center;
vertical-align:middle;
}

.FSRadGrid td input {
    border: 1px solid #ccc;
    line-height: 20px;
    margin: 0 0 0px;
    padding: 0;
    vertical-align: middle;
    width:auto; 
    height:auto;
}
*/

/* End FS Rad Grid */
/* LOADER*/
.loader-overlay {
  background: #005365 !important;
}

/* REMARK OVERLOADS*/
/* change color behind FS logo in top left */
.navbar-brand, .site-navbar {
    background-color:#005365;
}

/* END REMARK */
/* Changes the line color on floating */
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#005365,#005365),linear-gradient(#e4eaec,#e4eaec) !important;
}

    .form-material .form-control:disabled ~ .floating-label, .form-material .form-control[disabled] ~ .floating-label, fieldset[disabled] .form-material .form-control ~ .floating-label {
        color: #005365;
    }

    /* Focus color of floating label */
    .form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label {
        color: #005365;
    }

/* These are for Rad Combo*/
/* .form-material .rcbInput, was removed 07-07-2017 */
.form-material .rcbInput.focus, .form-material .rcbInput:focus {
    background-image: linear-gradient(#005365,#005365),linear-gradient(#e4eaec,#e4eaec) !important;
}

    .form-material .rcbInput:disabled ~ .floating-label, .form-material .rcbInput[disabled] ~ .floating-label, fieldset[disabled] .form-material .form-control ~ .floating-label {
        color: #005365;
    }

    .form-material .rcbInput:focus ~ .floating-label, .form-material .rcbInput.focus ~ .floating-label {
        color: #005365;
    }
/* End Rad Combo*/

.form-material.floating + .form-material.floating {
    margin-top: 20px;
}

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-primary input[type="radio"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + input[type="hidden"] + label::before {
    background-color: #005365;
    border-color: #005365;
}

.btn-primary {
    color: #fff !important;
    background-color: #005365 !important;
    border-color: #005365 !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) !important;
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #BDBDBD !important;
        border-color: #BDBDBD !important;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff !important;
        background-color: #005365 !important;
        border-color: #005365 !important;
    }

    .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        color: #fff !important;
        background-color: #369b6f !important;
        border-color: #34936a !important;
        background-image: none !important;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
            color: #fff !important;
            background-color: #BDBDBD !important;
            border-color: #BDBDBD !important;
        }

    .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
        background-color: #46be8a !important;
        border-color: #46be8a !important;
    }

    .btn-primary.disabled:hover, .btn-primary:disabled:hover {
        background-color: #46be8a !important;
        border-color: #46be8a !important;
    }

.page-full::before {
    background: #424242 linear-gradient(to bottom, #263238 0%, #424242 100%) repeat-x scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.page-full form .form-material label {
    color: #333;
    font-weight: 100;
}

/** Date time picker */
td.day.disabled {
    color: red !important;
    font-weight: normal;
}

/* active / selected day*/
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    background-color: #005365 !important;
}

.datepicker table tr td.today {
    font-weight: 500;
    color: #000 !important;
    border-color: #005365 !important;
    background-color: #fff !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) !important;
}

    .datepicker table tr td.today:hover {
        color: #000 !important;
        border-color: #005365 !important;
        background-color: #005365 !important;
    }

    .datepicker table tr td.today:focus,
    .datepicker table tr td.today.focus {
        color: #000 !important;
        border-color: #005365 !important;
        background-color: #005365 !important;
    }

    .datepicker table tr td.today:active,
    .datepicker table tr td.today.active,
    .open > .datepicker table tr td.today.dropdown-toggle {
        color: #000 !important;
        border-color: #005365 !important;
        background-color: #005365 !important;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

        .datepicker table tr td.today:active:hover,
        .datepicker table tr td.today:active:focus,
        .datepicker table tr td.today:active.focus,
        .datepicker table tr td.today.active:hover,
        .datepicker table tr td.today.active:focus,
        .datepicker table tr td.today.active.focus,
        .open > .datepicker table tr td.today.dropdown-toggle:hover,
        .open > .datepicker table tr td.today.dropdown-toggle:focus,
        .open > .datepicker table tr td.today.dropdown-toggle.focus {
            color: #000 !important;
            border-color: #005365 !important;
            background-color: #005365 !important;
        }

    .datepicker table tr td.today.disabled:focus,
    .datepicker table tr td.today.disabled.focus,
    .datepicker table tr td.today:disabled:focus,
    .datepicker table tr td.today:disabled.focus {
        border-color: #005365 !important;
        background-color: #005365 !important;
    }

    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today:disabled:hover {
        border-color: #005365 !important;
        background-color: #005365 !important;
    }

    .datepicker table tr td.today.focused {
        background: #005365;
    }

    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled:active {
        color: red;
        background: #fff;
    }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td {
    border-bottom-width: 2px;
    border-bottom: 1px solid #005365 !important;
}
/** End Date time picker */

/*active command hover colors*/
.form-control:hover, .form-control:active, .form-control.focus, .form-control:focus {
    border-color: #005365 !important;
}

/* change the active color of items */
/*select:active, select:hover {
    //background-color: #005365;
    //box-shadow: inset 20px 20px #005365;
}*/

/* change the active hover color of items */
/*select option:hover {
    background-color: #005365;
    box-shadow: inset 20px 20px #005365;
}*/

/*change selected one when drop down opens*/
/*select option:checked {
    background-color: #005365;
    box-shadow: inset 20px 20px #005365;
}*/

.max600 {
    max-width: 600px;
}

.left {
    text-align: left;
}

.RadComboBoxDropDown .rcbScroll {
    border: #a3afb7 1px solid;
    background-color: white;
}

.RadComboBox .rcbInput {
    padding: 0px 1px;
}

.RadComboBox table td.rcbInputCell {
    padding: 0 0px 0 0px !important;
}

.minus20bottom {
    margin-bottom: -20px !important;
}

.panel-body {
    /*min-width:450px;*/
}


/* C3 Gauge */
.c3-chart-arcs .c3-chart-arcs-gauge-min {
    fill: white !important;
    font-size:12px;
    font-weight:bold;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
    fill: white !important;
    font-size:12px;
    font-weight:bold;
}
.c3-chart-arc .c3-gauge-value {
    fill: white !important;
}

/* C3 Chart */
.c3-axis-y text {
    font-family: Roboto,sans-serif;
    fill: #666;
    font-size: 10px;
}

.c3-axis-x text {
    font-family: Roboto,sans-serif;
    font-size: 10px;
    fill: #666;
}

.c3-legend-item
{
    font-size: 12px !important;
    font-family: Roboto,sans-serif !important;
    fill: #666 !important;
}


/* spread the label 100% in floating layout */
.RadComboBox_fs {
    width: 100% !important;
    display: inline-table !important;
}

.ribbon {
    width: 350px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.float-right {
    float:right !important;
}

.p-t-20 {
    padding-top:20px !important;
}

.p-l-10 {
    padding-left:10px;
}

.p-r-10 {
    padding-right:10px;
}

.w-100 {
    width: 100% !important;
}

.wizard-buttons{
    text-align: left;
    padding-top: 30px;
}

.step-desc {
	text-align: Center;
}

.steps-sm .step-title {
	font-size: 24px;
}
.step.active, step.current {
	color: #fff;
	background-color: #005365;
}
.step.done .step-number {
	color: #005365;
	background-color: #fff;
}
.step.done {
	color: #fff;
	background-color: #005365;
}

/* Header color and weight */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
	font-family: Roboto,sans-serif;
	font-weight: 100;
	line-height: 1.2;
	color: #333;
}
.panel-title {
	display: block;
	padding: 20px 30px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 36px;
	color: #333333;
}

.blue-grey-500 {
	color: #666 !important;
}

.blue-grey-700 {
	color: #333 !important;
}

.site-menubar {
	position: fixed;
	top: 66.01px;
	z-index: 1400;
	height: 100%;
	height: calc(100% - 66.01px);
	font-family: Roboto,sans-serif;
	color: rgba(163,175,183,.9);
	background: #333;
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

.site-menubar-footer>a {
    background-color: #333 !important;
}
.table {
	color: #666;
}

body {
	font-family: Roboto,sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.57142857;
	color: #333;
	text-align: left;
}

.form-control {
	display: block;
	width: 100%;
	padding: .4rem .4rem;
	font-size: 1rem;
	line-height: 1.57142857;
	color: #333;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #e4eaec;
	border-radius: .215rem;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* login page backgrounds */
.page-full::before {
	background: linear-gradient(to bottom, #f5f5f5 40%, #005365 40%) repeat-x scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

.page-login:before {
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-position: center top;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -1;
  background: #005365;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYThlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTcxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#005365));
  background-image: -webkit-linear-gradient(top, #f5f5f5 50%, #005365 50%);
  background-image: -o-linear-gradient(top, #f5f5f5 50%, #005365 50%);
  background-image: linear-gradient(to bottom, #f5f5f5 40%, #005365 40%) repeat-x scroll 0 0;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62A8EA', endColorstr='#FF3583CA', GradientType=0);
}

.layout-full .page {
	height: 100%;
	padding: 0;
	margin: 0 !important;
	background-color: linear-gradient(to bottom, #f5f5f5 40%, #005365 40%) repeat-x scroll 0 0;
}

.page-copyright-inverse {
	color: #fff;
}

.navbar-default .navbar-toolbar .nav-link {
	color: #666;
}

.lgswizard{
    width: 800px;
}

/*validation stuff */
.form-group .has-success input, .form-control.is-valid {
    border-color: #e4eaec !important;
}

.form-group .has-success label{
    color: #333 !important;
}

.fv-form-bootstrap4 .has-success label{
    color: #333 !important;
}


.btn-outline.btn-success {
    color: #005365 !important;
    border-color: #005365 !important;
    background-color: white !important;
}

.btn-outline.btn-success:hover {
    border-color: #005365 !important;
    background-color: #005365 !important;
    color:white !important;
}

.lgs-form-group{
    position: relative;
    margin: 5px 0px;
}
.lgs-form-group label{
    position: absolute;
    padding-left: 10px;
    top:8px;
    cursor: text;

}

.lgs-form-group input:focus + label, .lgs-form-group input:not(:placeholder-shown) + label{
    opacity:1;
    transform: scale(.9) translateY(-140%) translateX(-5px);
    color:#005365;
}

.flyout {
    opacity: 1;
    transform: scale(.9) translateY(-140%) translateX(-5px);
    color: #005365;
    transition: all 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 1;
}

.lgs-form-group label, .lgs-form-group input {
    transition: all 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 1;
}

.lgs-form-group input:focus{
    border:1px solid #000;
    outline-color: #000;
}
.lgs-form-group{
    padding: 10px;
    margin:0px 0px;
}
.lgs-form-group input{
    width:100%;
    padding-left: 10px;
}

.lgsradio {
	margin-right: 10px;
	padding-left: 10px;
}

.dropdown-menu {
	color: #666 !important;
}

.strength-container{
    width: 100% !important;
}

.nowrap{
    flex-wrap: nowrap !important;
}

.radio-custom {
	padding-left: 30px;
}

.checkbox-sm span {
    padding-left: 8px;
}

.m-t-10{
    margin-top:10px !important;
}