﻿body {
}
a {
    text-decoration:none !important;
}
a:hover {
    text-decoration:underline !important;
}
.stratex-register-email {
    display:inline;
}

.card-title-1 {
    font-size: x-large;
    font-weight: 700;
}

.card-title-2 {
    font-size: larger;
    font-weight: 600;
}

.card-title-3 {
    font-weight: 600;
} 

.fms-image {
    max-width:90%;
}
.fms-image-sidebar {
    max-height:450px;
}
.btn-theme{
    color:whitesmoke;
    font-size:x-large;
}
.fms-form-control {
    height: 25px;
}
.fms-text-box-short {
    padding:0.25rem 0.25rem !important;
}
.fms-align-vertical-middle {
    vertical-align:middle;
}
/* Flyout*/
.apex-popup {
    height: 100vh;
    width: 550px;
    top: 55px;
    right: 0px;
    position: fixed;
    background-color: #212529;
    color: whitesmoke;
}

.apex-sidebar-opening {
    animation-name: sidebarFade;
    animation-duration: 1.0s;
}

.apex-sidebar-closing {
    animation-name: sidebarFadeOut;
    animation-duration: 1.0s;
}

.apex-sidebar {
    height: 100vh;
    width: 550px;
    top: 55px;
    right: 0px;
    position: fixed;
    color: whitesmoke;
    z-index: 9999;
    padding-right: 10px;
    padding-left: 10px;
}

.apex-sidebar-closed {
    height: 100vh;
    width: 550px;
    top: 55px;
    right: -550px;
    position: fixed;
    color: whitesmoke;
    z-index: 9999;
    padding-right: 10px;
    padding-left: 10px;
    animation-name: sidebarFadeOut;
    animation-duration: .5s;
    
}

.apex-sidebar-mask {
    height: 100vh;
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 9998;
    background-color: rgba(64,64,64,0.3);
}

.apex-sidebar-header {
    font-weight: 600;
    font-size: larger;
    text-align: center;
}

.apex-sidebar-body {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.apex-sidebar-open {
    display: block;
    background-color: blue;
    height: 90vh;
    width: 450px;
    overflow-y: scroll;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
}

@keyframes sidebarFade {
    from {
        background-color: inherit;
        right: -550px;
    }

    to {
        background-color: #343a40;
        right: 0px;
    }
}

@keyframes sidebarFadeOut {


    from {
        background-color: #343a40;
        right: 0px;
    }

    to {
        background-color: inherit;
        right: -550px;
    }
}
/* Flyout end*/
.fms-KTC-Cat-DDL
{
    font-size:small;
}
.ss-table {
    
}
.ss-table-header {
    font-size: large;
    font-weight: 700;
    border-top-right-radius: 14px;
    border-top-left-radius: 14px;
    background-color: #272b30;
    color: #ffffff;
    border: 1px solid #272b30;
}
.ss-table-header-sm {
    font-size:inherit;
    font-weight:600;
}
.ss-table-row-border-outside {
    border-left: 3px solid #272b30;
    border-right: 3px solid #272b30;
}
.ss-table-row-footer {
    background-color: #272b30;
    border: 1px solid #272b30;
}
.ss-grid-action-icon {
    margin-right: 6px;
    text-decoration:none;
}
.fms-survey-question
{
    font-size:large;
    font-weight:700;
    color:whitesmoke;
}
.fms-survey-question-lg{
    font-size: x-large;
    font-weight:900;
}
.fms-control-width-50 {
    width:50%;
}
.btn-spacing {
    margin:7px;
}
.ss-message-systemWide-div {
    font-weight:700;
    padding-top:5px;
    padding-bottom:5px;
}
.bg-darkred {
    background-color:darkred;
    color:white;
}
.bg-yellow {
    background-color:darkgoldenrod;
    color:white;
}
.bg-green {
    background-color:darkgreen;
    color:white;
}
.ss-bannedWordHighlight
{
    background-color:yellow;
}
.ss-bannedWords-before {
    background-color:darkred;
    color:white;
}
.ss-bannedWords-after {
    background-color:darkgreen;
    color:white;
}
.ss-text-deleted {
    color:red;
    text-decoration: line-through;
}
.ss-radio-button-list input[type="radio"] {
    margin-left: 15px;
    display:inline;
}

