/* Minification failed. Returning unminified contents.
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,25): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(173,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(177,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(182,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-gray'
(186,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-200'
(222,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(227,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(232,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-gray'
(237,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-gray-subtle'
(242,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-gray-blue'
(247,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-blue-subtle'
(252,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red-subtle'
(261,29): run-time error CSS1039: Token not allowed after unary operator: '-m360-classic-background-gray'
(265,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-100'
(269,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-200'
(273,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-300'
(277,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400'
(281,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-500'
(304,23): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(313,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(324,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(352,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(356,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(360,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(364,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-100'
(368,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-200'
(372,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-300'
(376,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400'
(380,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-500'
(384,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-200'
(388,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-300'
(392,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400'
(396,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-500'
(400,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(405,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(406,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(407,25): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(417,29): run-time error CSS1039: Token not allowed after unary operator: '-m360-light-gray'
(424,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(436,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(437,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-gray'
(448,29): run-time error CSS1039: Token not allowed after unary operator: '-m360-light-gray'
(452,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(468,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(478,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-blue'
(489,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(511,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-white'
(516,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-300'
(535,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(666,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(667,29): run-time error CSS1039: Token not allowed after unary operator: '-m360-light-gray'
(674,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(675,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(676,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(683,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(684,29): run-time error CSS1039: Token not allowed after unary operator: '-m360-red-darker'
(685,29): run-time error CSS1039: Token not allowed after unary operator: '-m360-red-darker'
(692,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(693,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(694,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(698,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-black'
(699,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(700,29): run-time error CSS1039: Token not allowed after unary operator: '-m360-light-gray'
(706,29): run-time error CSS1039: Token not allowed after unary operator: '-m360-light-gray'
(713,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(714,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(719,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(720,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-gray'
(721,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red-subtle'
(729,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(730,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(731,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(748,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(754,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-black'
(760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(767,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-red'
(768,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(779,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(783,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-200'
(784,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400'
(785,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(793,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-300'
(846,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(858,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(871,23): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(949,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(964,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(1001,23): run-time error CSS1039: Token not allowed after unary operator: '-m360-classic-background-gray'
(1025,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(1031,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(1042,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(1049,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(1259,18): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(1270,29): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
(1370,23): run-time error CSS1039: Token not allowed after unary operator: '-fvm-white'
 */
/******************************************************************************
 * Contains CSS utility classes that can be reused through the program
 * @date 11/26/2024
 * @copyright Fox Valley Metrology © 2024
 *****************************************************************************/

/*****************************************************************************/
/*                         Variable Definitions                              */
/*****************************************************************************/

:root {
    /* Primary FVM colors */
    --fvm-red: #800000; /* rgb( 128, 0, 0 )*/
    --fvm-blue: #134E76;
    --fvm-gray: #666767;
    --fvm-gray-subtle: #F7F7F7;
    /* Secondary FVM colors */
    --fvm-blue-subtle: #E7EBF5;
    --fvm-black: #080808;
    --fvm-white: #FFFFFF;
    /* Tertiary FVM colors */
    --fvm-red-subtle: #DFDBDC;
    --fvm-dark-gray: #202020;

    /* Other colors */
    --m360-gray: #909090;
    --m360-red: var( --fvm-red );
    --m360-red-darker: rgba( 128, 55, 55, 1 );
    --m360-dark-gray: rbga( 57, 57, 57, 1 );
    --m360-light-gray: #c7c7c7;
    --m360-classic-background-gray: #F3F3F3;
}

/*****************************************************************************/
/*                                  Misc                                     */
/*****************************************************************************/

/* This is for hiding the "Powered by OptinMonster" above Steve's banner alerts */
.smithers-powered-by {
    display: none;
}

.flex-1 {
    flex: 1 !important;
}

.not-available
{
    opacity: 0.65;
}

.transition-none 
{
    transition: none;
}

.border-m360-red
{
    border-color: var( --fvm-red ) !important;
}

.border-none 
{
    border: none !important;
}

.nowrap 
{
    white-space: nowrap !important;
}

.metrology360-background 
{
    background-image: url('/images/mi4.png');
    background-size: cover;
}

/* This is for the tool tips when hovering over pie chart */
.jqstooltip {
    box-sizing: content-box;
}

.dropdown-toggle {
    outline: 0;
}

.scrollarea {
    overflow-y: auto;
}

.cursor-text 
{
    cursor: text !important;
}

.cursor-pointer 
{
    cursor: pointer !important;
}

.cursor-not-allowed 
{
    cursor: not-allowed !important;
}

.pl-4-5 {
    padding-left: 2.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.mb-2-5 {
    margin-bottom: 0.75rem !important;
}

.min-vh-50 {
    min-height: 50vh !important;
}

.min-vh-75 {
    min-height: 75vh !important;
}

.vh-50 {
    height: 50vh !important;
}

.vh-75 {
    height: 75vh !important;
}

.text-small-caps
{
    font-variant: small-caps;
}

.text-normal {
    font-variant: normal;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: ""; /* down arrow */
}

.collapsed > .fa.arrow:before {
    content: ""; /* left arrow */
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

/*****************************************************************************/
/*                               Text Styles                                 */
/*****************************************************************************/

.font-default 
{
    font-family: var(--bs-body-font-family);
}

.text-m360-red {
    color: var( --fvm-red ) !important;
}

.text-m360-gray 
{
    color: var( --fvm-gray );
}

.text-gray-200 {
    color: var( --bs-gray-200 ) !important;
}

.text-orange 
{
    color: orange !important;
}

.fs-7 {
    font-size: 0.9rem !important;
}

.fs-8 {
    font-size: 0.75rem !important;
}

.fs-9 {
    font-size: 0.65rem !important;
}

/*****************************************************************************/
/*                            Background Styles                              */
/*****************************************************************************/

.bg-none 
{
    background-color: transparent !important;
}

.bg-blur {
    background: transparent !important;
    backdrop-filter: blur(10px) !important;
}

.bg-white, .bg-fff
{
    background-color: var( --fvm-white ) !important;
}

.bg-fvm-red 
{
    background-color: var( --fvm-red ) !important;
}

.bg-fvm-gray 
{
    background-color: var( --fvm-gray ) !important;
}

.bg-fvm-gray-subtle
{
    background-color: var( --fvm-gray-subtle ) !important;
}

.bg-fvm-blue 
{
    background-color: var( --fvm-gray-blue ) !important;
}

.bg-fvm-blue-subtle 
{
    background-color: var( --fvm-blue-subtle ) !important;
}

.bg-fvm-red-subtle 
{
    background-color: var( --fvm-red-subtle ) !important;
}

.bg-highlight {
    background-color: rgb(255, 255, 204) !important;
}

/* Classic m360 gray background color */
.bg-classic-gray {
    background-color: var( --m360-classic-background-gray ) !important;
}

.bg-gray-100 {
    background-color: var( --bs-gray-100 ) !important;
}

.bg-gray-200 {
    background-color: var( --bs-gray-200 ) !important;
}

.bg-gray-300 {
    background-color: var( --bs-gray-300 ) !important;
}

.bg-gray-400 {
    background-color: var( --bs-gray-400 ) !important;
}

.bg-gray-500 {
    background-color: var( --bs-gray-500 ) !important;
}

.bg-purple 
{
    background-color: #600080 !important;
} 

.bg-classic-table-gray,
thead .bg-classic-table-gray,
.bg-classic-table-gray tr,
.bg-classic-table-gray th,
.bg-classic-table-gray td 
{
    background-color: #e8e8e8 !important;
}

.table-wrapper 
{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background: var( --fvm-white );
}

.m360-table > thead > th,
.m360-table > thead > tr > th,
.m360-table > thead > tr > td,
.m360-table > thead > td
{
    background-color: #e8e8e8 !important;
    color: var( --fvm-red );
}

.m360-table th,
.m360-table td
{
    font-size: 0.75rem;
}

.m360-table > thead 
{
    border-bottom: 1px solid var( --bs-dark );
}

.m360-table th:first-of-type 
{
    border-top-left-radius: 0.5rem;
}

.m360-table th:last-of-type {
    border-top-right-radius: 0.5rem;
}

.bg-table-highlight,
table.bg-table-highlight > tbody > tr > td,
tbody.bg-table-highlight > tr > td {
    background-color: #F5F5E4 !important;
}

/*****************************************************************************/
/*                              Hover Styles                                 */
/*****************************************************************************/


.hover-bold:hover {
    font-weight: bold !important;
}

.hover-white:hover {
    color: var( --fvm-white ) !important;
}

.hover-white > a:hover {
    color: var( --fvm-white ) !important;
}

.hover-m360-red:hover {
    color: var( --fvm-red ) !important;
}

.hover-bg-gray-100:hover {
    background-color: var( --bs-gray-100 ) !important;
}

.hover-bg-gray-200:hover {
    background-color: var( --bs-gray-200 ) !important;
}

.hover-bg-gray-300:hover {
    background-color: var( --bs-gray-300 ) !important;
}

.hover-bg-gray-400:hover {
    background-color: var( --bs-gray-400 ) !important;
}

.hover-bg-gray-500:hover {
    background-color: var( --bs-gray-500 ) !important;
}

.hover-gray-200:hover {
    color: var( --bs-gray-200 ) !important;
}

.hover-gray-300:hover {
    color: var( --bs-gray-300 ) !important;
}

.hover-gray-400:hover {
    color: var( --bs-gray-400 ) !important;
}

.hover-gray-500:hover {
    color: var( --bs-gray-500 ) !important;
}

.hover-bg-fvm-red:hover {
    background-color: var( --fvm-red ) !important;
}

.btn-hover-m360-red:hover 
{
    color: var( --fvm-white ) !important;
    background-color: var( --fvm-red ) !important;
    border-color: var( --fvm-red ) !important;
}

/*****************************************************************************/
/*                              Input Styles                                 */
/*****************************************************************************/

input.form-control.classic-input,
select.form-control.classic-input,
textarea.form-control.classic-input { 
    border: 1px solid var( --m360-light-gray );
    box-shadow: none;
}

input.form-control.classic-input:focus,
select.form-control.classic-input:focus,
textarea.form-control.classic-input:focus {
    border: 1px solid var( --fvm-red );
    box-shadow: none;
}

input.classic-input.form-control[readonly],
input.classic-input.form-control[disabled],
input.classic-input[readonly],
select.classic-input[readonly],
textarea.classic-input[readonly],
input.classic-input[disabled],
select.classic-input[disabled],
textarea.classic-input[disabled] {
    background-color: var( --bs-secondary-bg );
    color: var( --fvm-gray );
}

input.classic-input.form-control[readonly]:focus,
input.classic-input.form-control[disabled]:focus,
input.classic-input[readonly]:focus,
select.classic-input[readonly]:focus,
textarea.classic-input[readonly]:focus,
input.classic-input[disabled]:focus,
select.classic-input[disabled]:focus,
textarea.classic-input[disabled]:focus {
    border: 1px solid var( --m360-light-gray );
}

.m360-check-input {
    border: 1px solid var( --bs-secondary ) !important;
    float: none !important;
}

.m360-check-input:checked
{
    /* You can change the fill color of the checkbox and radio 
        buttons by setting the background, but most users 
        probably expect blue and it stands out more */
/*    background-color: var( --fvm-red ) !important;*/
    border: none !important;
}


.check-input-m360-red:checked 
{
    background-color: var( --fvm-red ) !important;
}

.check-input-orange:checked 
{
    background-color: orange !important;
}

.check-input-m360-blue:checked 
{
    background-color: var( --fvm-blue ) !important;
}

.check-input-dark-green:checked 
{
    background-color: darkgreen !important;
}


.m360-check-input:focus 
{
    border-color: var( --bs-secondary ) !important;
    box-shadow: none !important;
}

.input-lg[type="radio"],
.input-lg[type="checkbox"] 
{
    width: 18px;
    height: 18px;
}

.input-xl[type="radio"],
.input-xl[type="checkbox"] {
    width: 30px;
    height: 30px;
}

/*****************************************************************************/
/*                              Link Styles                                  */
/*****************************************************************************/
a.link-white 
{
    color: var( --bs-white ) !important;
}

a.link-white:hover
{
    color: var( --bs-gray-300 ) !important;
}

/*****************************************************************************/
/*                             Button Styles                                 */
/*****************************************************************************/

/* Extra small buttons */
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

/* Classic M360 white/gray button */
.btn-classic
{
    color: rgb(33, 37, 41) !important;
    background-color: var( --fvm-white ) !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    border: 1px solid #d2d2d2 !important;
}

.btn-classic:hover
{
    box-shadow: 0 2px 5px rgba(0,0,0,.15) inset !important;
    background-color: #e6e6e6 !important;
    border: 1px solid #d2d2d2 !important;
}

.btn-classic.active,
.btn-classic:active
{
    box-shadow: 0 2px 5px rgba(0,0,0,.15) inset !important;
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border: 1px solid #d2d2d2 !important;
}

.btn-classic.active:hover, 
.btn-classic:active:hover
{
    background-color: #d4d4d4 !important;
}

.btn-m360-red {
    --bs-btn-color: var( --fvm-white );
    --bs-btn-bg: var( --fvm-red );
    --bs-btn-border-color: var( --fvm-red );
    --bs-btn-hover-color: var( --fvm-red );
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var( --fvm-red );
/*    --bs-btn-focus-shadow-rgb: 128, 0, 0;*/
    --bs-btn-active-color: var( --fvm-red );
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var( --m360-red-darker );
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var( --fvm-gray-subtle );
    --bs-btn-disabled-bg: var( --fvm-red );
    --bs-btn-disabled-border-color: transparent;
}

.btn-outline-m360-red {
    --bs-btn-color: var( --fvm-red );
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var( --fvm-red );
    --bs-btn-hover-color: var( --fvm-white );
    --bs-btn-hover-bg: var( --fvm-red );
    --bs-btn-hover-border-color: var( --fvm-red );
    /*    --bs-btn-focus-shadow-rgb: 128, 0, 0;*/
    --bs-btn-active-color: var( --fvm-white );
    --bs-btn-active-bg: var( --fvm-red );
    --bs-btn-active-border-color: var( --fvm-red );
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var( --fvm-gray-subtle );
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
}

.btn-m360-dark {
    --bs-btn-color: var( --fvm-white );
    --bs-btn-bg: var( --fvm-black );
    --bs-btn-border-color: var( --fvm-black );
    --bs-btn-hover-color: var( --fvm-white );
    --bs-btn-hover-bg: var( --fvm-red );
    --bs-btn-hover-border-color: var( --fvm-red );
    /*    --bs-btn-focus-shadow-rgb: 128, 0, 0;*/
    --bs-btn-active-color: var( --fvm-white );
    --bs-btn-active-bg: var( --m360-red-darker );
    --bs-btn-active-border-color: var( --m360-red-darker );
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var( --fvm-gray-subtle );
    --bs-btn-disabled-bg: var( --fvm-gray );
    --bs-btn-disabled-border-color: transparent;
}

.btn-outline-m360-dark {
    --bs-btn-color: var( --fvm-black );
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var( --fvm-black );
    --bs-btn-hover-color: var( --fvm-white );
    --bs-btn-hover-bg: var( --fvm-black );
    --bs-btn-hover-border-color: var( --fvm-black );
    /*    --bs-btn-focus-shadow-rgb: 130, 138, 145;*/
    --bs-btn-active-color: var( --fvm-white );
    --bs-btn-active-bg: var( --fvm-black );
    --bs-btn-active-border-color: var( --fvm-black );
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: var( --m360-light-gray );
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
}

.btn-m360-light {
    --bs-btn-color: var( --fvm-black );
    --bs-btn-bg: var( --fvm-white );
    --bs-btn-border-color: var( --m360-light-gray );
    --bs-btn-hover-color: var( --fvm-white );
    --bs-btn-hover-bg: var( --fvm-red );
    --bs-btn-hover-border-color: var( --fvm-red );
    /*    --bs-btn-focus-shadow-rgb: 128, 0, 0;*/
    --bs-btn-active-color: var( --fvm-white );
    --bs-btn-active-bg: var( --m360-red-darker );
    --bs-btn-active-border-color: var( --m360-red-darker );
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var( --fvm-black );
    --bs-btn-disabled-bg: var( --m360-light-gray );
    --bs-btn-disabled-border-color: transparent;
}

.btn-m360-gray {
    --bs-btn-color: var( --fvm-white );
    --bs-btn-bg: var( --fvm-gray );
    --bs-btn-border-color: var( --fvm-gray );
    --bs-btn-hover-color: var( --fvm-white );
    --bs-btn-hover-bg: var( --fvm-red );
    --bs-btn-hover-border-color: var( --fvm-red );
    /*    --bs-btn-focus-shadow-rgb: 130, 138, 145;*/
    --bs-btn-active-color: var( --fvm-white );
    --bs-btn-active-bg: var( --fvm-red );
    --bs-btn-active-border-color: var( --fvm-red );
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var( --fvm-gray-subtle );
    --bs-btn-disabled-bg: var( --fvm-gray );
    --bs-btn-disabled-border-color: transparent;
}

.btn-toggle-m360-red 
{
    background-color: var( --fvm-white );
    border: 1px solid var( --m360-light-gray );
    border-radius: 10px;
    margin: 1px;
}

.btn-toggle-m360-red:hover 
{
    color: var( --fvm-red );
    background-color: var( --fvm-white );
    border: 1px solid var( --fvm-red );
}

.btn-toggle-m360-red.active,
.btn-toggle-m360-red:active 

{
    color: var( --fvm-white );
    background-color: var( --m360-red-darker );
    border: 1px solid var( --m360-red-darker );
}

.btn-toggle-m360-red.active:hover,
.btn-toggle-m360-red:active:hover 

{
    color: var( --fvm-white );
    background-color: var( --fvm-red );
    border: 1px solid var( --fvm-red );
}

.btn-toggle-m360-gray {
    color: var( --fvm-black );
    background-color: var( --fvm-white );
    border: 1px solid var( --m360-light-gray );
    border-radius: 10px;
    margin: 1px;
}

.btn-toggle-m360-gray[disabled] {
    border: 1px solid var( --m360-light-gray ) !important;
}

.btn-toggle-m360-gray:focus,
.btn-toggle-m360-gray:focus-visible,
.btn-toggle-m360-gray:hover 
{
    color: var( --fvm-red ) !important;
    border: 1px solid var( --fvm-red ) !important;
}

.btn-toggle-m360-gray.active,
.btn-toggle-m360-gray:active {
    color: var( --fvm-white ) !important;
    background-color: var( --fvm-gray ) !important;
    border: 1px solid var( --fvm-red-subtle ) !important;
}

.btn-toggle-m360-gray.active:focus,
.btn-toggle-m360-gray.active:focus-visible,
.btn-toggle-m360-gray.active:hover,
.btn-toggle-m360-gray:active:hover 
{
    color: var( --fvm-white ) !important;
    background-color: var( --fvm-red ) !important;
    border: 1px solid var( --fvm-red ) !important;
}



/*****************************************************************************/
/*                              Custom Elements                              */
/*****************************************************************************/

.status-circle {
    border-radius: 25px;
    height: 0.9em;
    width: 0.9em;
    display: inline-block;
}

.m360-classic-table th {
    color: var( --fvm-red ) !important;
    background-color: #e8e8e8 !important;
}

.m360-classic-table td
{
    color: var( --fvm-black );
}

/* These dropdown classes are simply to set the hover color of dropdown items
    to the thematic Metrology360 red color */
.m360-dropdown-menu {
    --bs-dropdown-link-active-color: var( --fvm-white ) !important;
    --bs-dropdown-link-active-bg: var( --fvm-red ) !important;
    --bs-btn-hover-color: var( --fvm-white );
    --bs-btn-hover-bg: var( --fvm-red );
}

.m360-dropdown-menu .dropdown-item:hover {
    background-color: var( --fvm-red );
    color: var( --fvm-white ) !important;
}

.m360-dropdown-menu .dropdown-item .nav-link 
{
    color: inherit !important;
    transition: none !important;
}

.m360-dropdown-menu .dropdown-item .nav-link:active
{
    color: var( --fvm-white ) !important;
}

span.multi-select-option {
    background-color: var( --bs-gray-200 );
    border: 1px solid var( --bs-gray-400 );
    border-radius: var( --bs-border-radius-lg );
    padding: 0.25rem 0.50rem;
    margin: 0.25rem;
    white-space: nowrap;
}

span.multi-select-option:hover 
{
    background-color: var( --bs-gray-300 );
    cursor: pointer;
}

/* Close */
span.close 
{
    margin-left: 0.25rem;
    font-size: 1.25rem; 
}

span.close::after {
    content: " ×";
}

span.close:hover 
{
    font-weight: bold;
    cursor: pointer;
}

/*****************************************************************************/
/*                                Old Styles                                 */
/*****************************************************************************/

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0
}

.ibox.collapsed .ibox-content {
    display: none
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: ""
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: ""
}

.ibox:after, .ibox:before {
    display: table
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: var( --fvm-white );
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px
}

.ibox-content {
    background-color: var( --fvm-white );
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: var( --fvm-white );
    padding: 10px 15px
}

table.table-mail tr td {
    padding: 12px
}

.table-mail .check-mail {
    padding-left: 20px
}

.table-mail .mail-date {
    padding-right: 20px
}

.star-mail, .check-mail {
    width: 40px
}

.unread td a, .unread td {
    font-weight: 600;
    color: inherit
}

.read td a, .read td {
    font-weight: normal;
    color: inherit
}

.unread td {
    background-color: #f9f8f8
}

.ibox-content {
    clear: both
}

.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none
}

.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px
}

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left
}

.ibox-title .label {
    float: left;
    margin-left: 4px
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4
}

.ibox-tools a.btn-primary {
    color: var( --fvm-white )
}

.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px
}

.ibox .ibox-tools.open > .dropdown-menu {
    left: auto;
    right: 0
}

.modal-content {
    background-clip: padding-box;
    background-color: var( --fvm-white );
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    outline: 0 none;
    position: relative
}

.modal-dialog {
    z-index: 2200
}



.modal .modal-header {
/*    padding: 30px 15px;*/
    justify-content: center;
    text-align: center
}

.modal .modal-title {
    font-size: 26px;
    text-align: center;
    width: 100%;
}

.modal .modal-icon {
    font-size: 84px;
    color: #e2e3e3
}


.modal-body {
    padding: 20px 30px 30px 30px
}


.modal .modal-body {
    background: var( --m360-classic-background-gray ) !important;
}

.modal-backdrop {
    z-index: 2040 !important
}

.modal {
    z-index: 2050 !important
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover {
     color:#777; 
     cursor:not-allowed; 
     background-color:var( --fvm-white ); 
     border-color:#ddd; 
}

.pagination > li > a,
.pagination > li > span {
    background-color: var( --fvm-white );
    color: inherit;
    float: left;
    line-height: 1.42857;
    position: relative;
    float: left;
    padding: 4px 10px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: var( --fvm-white );
    border: 1px solid #ddd;
}


.panel {
    margin-bottom: 20px;
    background-color: var( --fvm-white );
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 2rem;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: var( --fvm-white );
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: var( --fvm-white )
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.tabs-container .panel-body {
    background: var( --fvm-white );
    border: 1px solid #e7eaec;
    border-radius: 2px;
    padding: 20px;
    position: relative
}