/* #region :: Forms */

input {
    overflow: visible !important;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box !important;
    padding: 0 !important;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto !important;
}

[type="search"] {
    -webkit-appearance: textfield !important;
    outline-offset: -2px !important;
}

    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none !important;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button !important;
    font: inherit !important;
}

progress {
    display: inline-block !important;
    vertical-align: baseline !important;
}

textarea {
    overflow: auto !important;
    height: auto !important;
    min-height: 50px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    border-radius: 4px 4px 4px 4px !important;
    max-width: 100% !important;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif !important;
    font-size: 100% !important;
    line-height: 1.15 !important;
    margin: 0 !important;
}

button {
    overflow: visible !important;
    padding: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 0 !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    border-radius: 4px 4px 4px 4px !important;
    background: transparent !important;
    line-height: 1 !important;
}

button, select {
    text-transform: none !important;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button !important;
}

button, [type="button"], [type="reset"], [type="submit"] {
    /* Remove the inner border and padding in Firefox */
    /* Restore the focus styles unset by the previous rule */
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none !important;
        padding: 0 !important;
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText !important;
    }

[data-whatinput='mouse'] button {
    outline: 0 !important;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    display: block;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 2.4375rem !important;
    margin: 0 0 1rem !important;
    padding: 0.5rem !important;
    border: 1px solid #cacaca !important;
    border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    background-color: #fefefe !important;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1) !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    color: #222 !important;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

    [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
        outline: none !important;
        border: 1px solid #8a8a8a !important;
        background-color: #fefefe !important;
        box-shadow: 0 0 5px #cacaca !important;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out !important;
    }

    textarea[rows] {
        height: auto !important;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #cacaca !important;
    }

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #cacaca !important;
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #cacaca !important;
    }

    input::placeholder, textarea::placeholder {
        color: #cacaca !important;
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
        background-color: #e6e6e6 !important;
        cursor: not-allowed !important;
    }

[type='submit'], [type='button'] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
}

input[type='search'] {
    box-sizing: border-box !important;
}

[type='file'], [type='checkbox'], [type='radio'] {
    margin: 0 0 1rem !important;
}

    [type='checkbox'] + label, [type='radio'] + label {
        display: inline-block !important;
        vertical-align: baseline !important;
        margin-left: 0.5rem !important;
        margin-right: 1rem !important;
        margin-bottom: 0 !important;
    }

        [type='checkbox'] + label[for], [type='radio'] + label[for] {
            cursor: pointer !important;
        }

label > [type='checkbox'], label > [type='radio'] {
    margin-right: 0.5rem !important;
}

[type='file'] {
    width: 100% !important;
}

label {
    display: block !important;
    margin: 0 !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    line-height: 1.8 !important;
    color: #222 !important;
}

/* commented out for TPC upgrade
fieldset {
    border: 1px solid #c0c0c0 !important;
    margin: 0 2px !important;
    padding: 0.35em 0.625em 0.75em !important;
}
*/

fieldset {
	border: none !important;
}

legend {
    box-sizing: border-box !important;
    display: table !important;
    max-width: 100% !important;
    color: inherit !important;
    white-space: normal !important;
    margin-bottom: 0.5rem !important;
}

select {
    width: 100% !important;
    height: 2.4375rem !important;
    margin: 0 0 1rem !important;
    padding: 0.5rem !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 1px solid #cacaca !important;
    border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    background-color: #fefefe !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    line-height: normal !important;
    color: #222 !important;
    background-image: url("data:image/svg+xml!important;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>") !important;
    background-origin: content-box !important;
    background-position: right -1rem center !important;
    background-repeat: no-repeat !important;
    background-size: 9px 6px !important;
    padding-right: 1.5rem !important;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out !important;
}

@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png!important;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==") !important;
    }
}

select:focus {
    outline: none !important;
    border: 1px solid #8a8a8a !important;
    background-color: #fefefe !important;
    box-shadow: 0 0 5px #cacaca !important;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out !important;
}

select:disabled {
    background-color: #e6e6e6 !important;
    cursor: not-allowed !important;
}

select::-ms-expand {
    display: none !important;
}

select[multiple] {
    height: auto !important;
    background-image: none !important;
}

/* #endregion :: Forms */

/* #region :: Buttons */
.button.grey, .button.secondary {
    background-color: #999999;
    color: #fefefe;
}

#submitbutton_container {
    float: right !important;
}

.btn, [type="submit"] {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 1rem 0 1rem 0 !important;
    padding: 0.85em 1em !important;
    -webkit-appearance: none !important;
    border: 1px solid transparent !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    border-radius: 4px 4px 4px 4px !important;
    transition: background-color 0.25s ease-out, color 0.25s ease-out !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: inherit !important;
    text-align: center !important;
    cursor: pointer !important;
    background-color: #003876 !important;
    color: #fefefe !important;
}

    .btn:hover {
        opacity: 0.5;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    .btn.btn-default {
        background-color: #999 !important;
        color: #fefefe !important;
        margin-right: 10px !important;
    }
	
	 .formFlow .btn.btn-default {
        float: left; 
    }

    .btn.btn-float-left {
        float: left;
    }

/* #endregion :: Buttons */

/* #region :: Form Group */

.form-group .row, .sf-fieldWrp .row {
    margin: 0px !important;
}

.form-group {
    padding-bottom: 1.25em;
}

    .form-group input[type='text'] {
        margin-bottom: 0 !important;
    }

.asrt-text-field .form-group, .asrt-date-field .form-group {
    padding-bottom: 0 !important;
}

.asrt-text-field .form-group label, .asrt-date-field .form-group label {
    font-weight: 600 !important;
}

/* #endregion :: Form Group */

/* #region :: TPC Misc Overrides */

.tpc.tpc-form {
    padding: 0 1rem 0 1rem;
}

/* #region :: TPC Misc Overrides */

.tpc .k-dropdown-wrap, .tpc .k-numeric-wrap, .tpc .k-picker-wrap {
    height: 39px !important;
}

.k-list > .k-state-selected {
    color: #000;
}

.k-list > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected {
    box-shadow: inset 0 0 10px 3px #ccc;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    text-indent: .4em !important;
    padding-left: 0px !important;
}

.k-picker-wrap input[type='text'] {
    border: none !important;
    background: transparent !important;
}

/*
Commented out with TPC Upgrade
.k-picker-wrap .k-select {
    min-height: 2.5em !important;
}


.k-icon, .k-tool-icon {
    margin-top: .75em;
}
*/

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected, .k-popup .k-list .k-state-focused {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #000 !important;
}

/* #region :: Alerts */

.alert, .roundedCornerContainer, .has-error, .is-warning {
    border: 1px solid #999999;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 1rem;
    position: relative;
    overflow: hidden;
    color: #222;
    box-shadow: rgb(136, 136, 136) 0px 1px 3px 0px;
	margin-bottom: 1rem;
}

    .alert a {
        color: rgba(0,138,176,1.00);
        font-weight: 600;
    }

.alert-danger, .is-error, .has-error  {
    background-color: rgba(200,54,46,0.025);
    border-color: rgba(200,54,46,0.80);
    border-left-width: 0.45rem;
}

.is-plain {
	border-color: #cccccc;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.alert-info {
    background-color: rgba(0,138,176,0.025);
    border-color: rgba(0,138,176,0.80);
    border-left-width: 0.45rem;
}

.alert-warning, .is-warning {
    background-color: rgba(246,168,0,0.025);
    border-color: rgba(246,168,0,0.80);
    border-left-width: 0.45rem;
	margin-bottom: 0.5rem;
}

/* #endregion :: Alerts */
/* #region :: Custom Label Formatting  */
.labelBold label {
    font-weight: 800 !important;
}

.labelBottomPadding label {
    padding-bottom: 1.25em !important;
}

/* #endregion :: Custom Label Formatting  */

.tpc .k-numeric-wrap input[type=text] {
    height: 37px !important;
    
	/* commented out for TPC upgrade
	
	margin-top: -2.3rem !important;
    
	*/
	
	
	border-color: transparent !important;
}

.tpc.tpc-text-field-numeric .k-numeric-wrap.k-state-focused .tpc-not-focusable, .tpc.tpc-text-field .k-numeric-wrap.k-state-focused .tpc-not-focusable {
    margin-top: 0 !important;
}

.k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
    background-color: transparent;
    color: #333;
}

/* /* #region :: Links */ */

/* a, a:link, a:visited, a:hover, a:active { */
    /* color: #008AB0 !important; */
    /* text-decoration: none; */
/* } */

/* /* #endregion :: Links */ */

.k-state-selected {
    background-color: #008AB0 !important;
    border-color: #008AB0 !important;
}

.tpc .k-widget.k-numerictextbox, .tpc .k-widget.k-datepicker, .tpc .k-widget.k-datetimepicker, .tpc-date-time-container {
    width: 175px !important;
}

#fileupload_container > div > div > label.btn.btn-default {
    float: left;
}

/* #region :: Tooltip */

.tooltip {
	max-width: 900px !important;
	border: solid 1px #003876 !important;
	background-color: #fff !important;
	color: #000 !important;
	left: 0!important;
}

.tooltip.top:before {
	border-color: #003876 transparent transparent !important;
}

/* #endregion :: Tooltip */

/* #region :: Headings */

h2 {
	padding-top: 0.5rem !important;	
	padding-bottom: 0.5rem !important;
}

/* #endregion :: Headings */

/* #region :: tables  */

.doubleBorderedTableAndRows {
    border: 1px solid #000;
    padding: 5px;
}

    .doubleBorderedTableAndRows table {
        border: 1px solid #000;
        margin-bottom: 0 !important;
    }

    .doubleBorderedTableAndRows td {
        border: 1px solid#000;
    }

.noAlternateShading table tbody tr:nth-child(even) {
	background: #FFF;
}


/* #endregion:: tables  */

.ecsHeaderLogo {
	height: 125px;
}

.rfaHeaderLogo {
	height: 125px;
}

/* #region:: ECS Grid  */

.ecsGrid .k-grid-toolbar, .asrtGrid .k-grid-toolbar {
	display: none;
}

.ecsGrid .k-grid-header .k-link, .asrtGrid .k-grid-header .k-link {
	font-weight: 900;
}


.ecsGrid .k-grid-header, .asrtGrid .k-grid-header {
    background-color: #f5f5f5;
}

.ecsGrid .k-state-selected, .asrtGrid .k-state-selected  {
    color: #fff;
    background-color: #003876;
    border-color: #003876;
}

.ecsGrid .k-icon, .asrtGrid .k-icon  {
    color: #003876;
}

.ecsGrid .k-widget, .asrtGrid .k-widget {
    border-style: none; 
}

.ecsGrid .k-grid-header th.k-header, .asrtGrid .k-grid-header th.k-header {
    border-style: none;
}

.ecsGrid .k-grid tr td, .asrtGrid .k-grid tr td {
    border-style: none;
}

/* #endregion:: ECS Grid  */

.is-visible {
	display:block;
}

.is-hidden { 
	display:none;
}

.sectionHeader {
    padding-top: 1em;
}

.floatLeft {
	float:Left;
}

/* #region :: Tooltip */

#toolTip {
    background-color: #ffffff;
    border: 1px solid #acacac;
    padding: 2px;
}

    #toolTip p,
    #toolTip h1,
    #toolTip h2,
    #toolTip h3 {
        padding: 0;
        margin: 0;
    }

/* automatically include information icon */

[rel*="tooltip"]:after {
    padding-left: 0.25em;
    font-family: 'FontAwesome';
    font-weight: 900;
    content: '\f05a';
    color: #003876;
}

#tooltip {
    z-index: 9999;
    /* position over navigation bar */
    position: absolute;
    max-width: 400px;
    /* control tooltip box width from extending too wide */
    padding: 1em;
    text-align: left;
    color: rgba(25, 25, 25, 1.0);
    /* text colour */
    background-color: #fff;
    /* IE8 fix */
    background-color: rgba(250, 250, 250, 0.97);
    border-top: 2px solid #002142;
    /* IE8 fix */
    border-right: 2px solid #002142;
    /* IE8 fix */
    border-left: 2px solid #002142;
    /* IE8 fix */
    border-bottom: 2px solid #002142;
    /* IE8 fix */
    border: 2px solid rgba(0, 33, 66, 1.0);
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.26);
}

    /* triangle decoration */

    #tooltip:after {
        width: 0;
        height: 0;
        border-top: 10px solid #002142;
        /* IE8 fix */
        border-top: 10px solid rgba(0, 0, 0, 0.9);
        border-right: 10px solid transparent;
        border-bottom: 0px solid rgba(0, 0, 0, 0.0);
        border-left: 10px solid transparent;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid transparent;
        top: -20px;
        bottom: auto;
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }

/* #endregion :: Tooltip */

/* #region :: Off-Canvas Content (such as menu) */
.is-off-canvas-open {
    overflow: hidden;
}

.js-off-canvas-overlay, .toolTipOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    background: rgba(254, 254, 254, 0.75);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

    .js-off-canvas-overlay.is-visible, .toolTipOverlay.is-visible {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .js-off-canvas-overlay.is-closable, .toolTipOverlay.is-closable {
        cursor: pointer;
    }

.is-closable:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 2em;
    content: '\f057';
    padding: 1em;
    color: #888;
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute;
}

.js-off-canvas-overlay.is-overlay-fixed, .toolTipOverlay.is-overlay-fixed {
    position: fixed;
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden;
}

.off-canvas {
    position: fixed;
    z-index: 1;
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #003876;
    border-left: 1px solid white;
}
/* #region :: Off-Canvas Content (such as menu) */

.differentiateLabelFromText .col-form-label {
	font-weight: bold;
}

.addTopPadding {
	padding-top: 15px;
}

.teal {
	color: #008AB0;
}

