/*******************************/
/* General site-wide styles */

    body {
        height: auto;
        min-height: 100%;
        min-height: 100%;
        overflow-x: auto;
        overflow-y: auto;
    }
    .wrapper {
        height: auto; 
        min-height: 100%;
        overflow-x: auto;
        overflow-y: auto;
        width: fit-content;
    }
    .content-wrapper {
        min-width:calc(99vw - 230px);
    }
    .flash-message {padding-bottom: 8px}

    table, table.table.table-bordered {display:table}
    .content-wrapper a {text-decoration:underline}
    h3, h4 {font-weight:700}
    .doc h3 {color:mediumpurple}
    .doc h4 {color:red}
    h4.modal-title {color:white}
    blockquote {font-size: 1em}
    code {color: #00a65a}
    i.big-icon {font-size:200%}
    .copy-button {
        line-height:.9; 
        padding: 3px 5px;
    }
    .help_text {
        margin-top:-5px; 
        font-size:85%; 
        font-weight:lighter;
    }

    .currencyinput {
        border: 1px inset #d2d6de;
        background-color: #fff;
        display: flex;
        align-items: center;
    }
    .currencyinput input {
        border: 0;
        flex: 1;
    }

    .sidebar-menu li > a > .fa-angle-right, .sidebar-menu li > a > .pull-right-container > .fa-angle-right {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 10px;
    }
    .sidebar-menu li.active>a>.fa-angle-right,.sidebar-menu li.active>a>.pull-right-container>.fa-angle-right {
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        transform:rotate(90deg)
    }

    .table.table-bordered {
        display: block;
        overflow-x: auto;
    }

    .table.table-bordered th.header {
        vertical-align: top !important;
        padding-right: 17px !important;
    }

    .menu-expand {
        position: absolute;
        top: 7px;
        left: -4px;
        background-color:yellowgreen;
        padding: 0px;
        border: 2px #eee solid;
    }
    .menu-expand a {
        color:black;
        font-size: 17px;
    }

/*******************************/
/* Homepage popup alerts & top banner */

    #banner_icon{
        margin-right: 10px;
        font-size:150%;
        position:relative;
        top:-5px;
    }
    #notices {
        background: rgba(34, 45, 51, 0.85);
        border-left: 10px rgba(34, 45, 51, 0.85) solid;
    }
    .event-notice {
        width: 36rem;
        position:absolute;
        top: 0;
        right:0;
        z-index:2;
    }
    .target {
        -moz-transition: -moz-transform .5s;
        -o-transition: -o-transform .5s;
        -webkit-transition: -webkit-transform .5s;
         -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        -webkit-transform-origin: top;
        transform-origin: top;
        transition: transform .5s;
    }
    .updown {
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

/*******************************/
/* Grid layout */

    .grid-container {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 2rem;
        align-items: start;
    }


    .col-left       {grid-column: 1 / span 6}
    .col-center     {grid-column: 1 / span 6}
    .col-right      {grid-column: 1 / span 6}
    .col-left-wide  {grid-column: 1 / span 6}
    .col-right-wide {grid-column: 1 / span 6}
    @media (min-width:1000px) {
        .col-left       {grid-row: 1; grid-column: 1 / span 2}
        .col-center     {grid-row: 1; grid-column: 3 / span 2}
        .col-right      {grid-row: 1; grid-column: 5 / span 2}
        .col-left-wide  {grid-row: 1; grid-column: 1 / span 4}
        .col-right-wide {grid-row: 1; grid-column: 3 / span 4}
    }

/*******************************/
/* Modify Menu colors */

    .main-sidebar .sidebar-menu {white-space:normal}

    .sidebar-menu li.header {border-bottom: 2px solid}
    .sidebar-collapse li.header::after {
        content: "GEN"; 
        display:block; 
        height:5px; 
        border-bottom: 2px solid #147733
    }

/*******************************/
/* Styles for home page layout */


    .content {
        padding-top: 0px
    }
    .content-footer{
        padding:0px 15px 1px 15px;
        margin-right:auto;
        margin-left:auto}

    /* Responsive header for mobile */
        .head-s {display:none}
        .head-m {display:none}
        .head-l {display:none}
    @media (max-width:600px) {
        .head-s {display:inline}
    }
    @media (min-width:600px) {
        .head-m {display:inline}
    }
    @media (min-width:900px) {
        .head-l {display:inline}
    }

/*******************************/
/* Blog pages */

    .card.blog-post {margin-bottom: 6rem}
    .card.blog-post:last-child {margin-bottom:.5rem}
    .blog-post .card-header .card-title {margin-top:0px}
    .blog-post .card-footer {border-top: 1px solid #ddd;}
    .blog-post .card-footer .card-text {margin-bottom: 0px;}


/*******************************/
/* Announcement sidebar [DEPRECATED] */

    /*
    .control-sidebar, .control-sidebar-bg {border:10px solid #222d32; width:22em; right:-22em}
    .announcements-sidebar  h3 {margin-top:5px}
    .announcements-sidebar .box {border-top-width:7px; border-left:5px solid white}
    .announcements-sidebar .box .box-header {padding-top: 0px; padding-bottom: 0px}
    .announcements-sidebar .box-body {color:black}

    .announcements-sidebar .info-box {min-height:60px}
    .announcements-sidebar .info-box-icon {height:60px; width:60px; line-height:60px}
    .announcements-sidebar .info-box-content {margin-left: 60px}
    .announcements-sidebar .info-box-text {color:black}
    .announcements-sidebar .info-box-event .info-box-date {padding:5px; font-size:18px; line-height:24px; font-weight:bold}
    .announcements-sidebar .info-box-event .info-box-number {font-size:14px}

    .announcements-sidebar .box.box-primary{border-left-color:#3c8dbc}
    .announcements-sidebar .box.box-info{border-left-color:#00c0ef}
    .announcements-sidebar .box.box-danger{border-left-color:#dd4b39}
    .announcements-sidebar .box.box-warning{border-left-color:#f39c12}
    .announcements-sidebar .box.box-success{border-left-color:#00a65a}
    .announcements-sidebar .box.box-default{border-left-color:#d2d6de}
    */ 

/*******************************/
/* Gdoc.pub container fix */

    .frame-container {
        position: relative;
        padding-top: 100%;
        height: 0;
        border: 0px;
    }

    .frame-container iframe, .frame-container object, .pdfobject-container {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0px;
    }
    @media screen and (min-width: 1050px) {
        #original {display:none}
    }
    .pdfobject { border: 1px solid #666; }


/*******************************/
/* Officer/profile pages */

    .card-profile {display:inline-block}
    .officer-group {text-align: center; clear:left; width:100%}


/*******************************/
/* Tournament edit pages */

    #tournament-dates, #deadlines, #settings {
        width:100%; 
        display:block; 
        clear:left
    }
    #tournament-dates .form-group, #deadlines .form-group, #settings .form-group {
        float:left; 
        width:20em; 
        margin-right:1em
    }
    #groups-list {column-count:3; column-width:15em}

    #debates .panel {
        width:100%; 
        margin-bottom:0px;
    }
    #debates .panel-body {
        display: flex; 
        flex-flow: row nowrap; 
        width:100%; 
        padding:0px; 
        margin-bottom:0px;
    }
    #debates .form-group {
        padding-bottom:0px; 
        margin: 3px 1em 3px 3px;
        min-width:5em;
    }
    #debates .form-group:nth-child(1) {flex: 4 1 25%;}
    #debates .form-group:nth-child(2) {flex: 2 0 120px;}
    #debates .form-group:nth-child(3) {flex: 1 1 10%;}
    #debates .form-group:nth-child(4) {flex: 2 1 15%;}
    #debates .form-group:nth-child(5) {flex: 0 0 115px;}
    #debates .header {padding-top: 5px}
    #debates .header .form-group {padding-left: 0.8em}

    #fields .panel {
        width:100%; 
        margin-bottom:0px;
    }
    #fields .panel-body {
        width:100%; 
        display: flex; 
        flex-flow: row wrap; 
        margin-bottom:0px;
    }
    #fields .header .form-group {padding-left: 0.8em}
    #fields .form-group {
        padding-bottom:0px; 
        margin: 3px 1em 3px 3px;
        min-width:5em;
    }
    #fields .form-group:nth-child(1), #fields .form-group:nth-child(4) {flex: 3 0 30%;}
    #fields .form-group:nth-child(2), #fields .form-group:nth-child(5) {flex: 5 0 40%;}
    #fields .form-group:nth-child(3), #fields .form-group:nth-child(6) {flex: 1 0 20%;}
    #fields label, #fields p  {
        margin-bottom:2px; 
        width:100%
    }
    #fields .form-inline input {
        width: 100%; 
        margin-right: 10px;
    }
    #fields .dropdown-items .form-group {
        display:flex; 
        margin: 3px 0px; 
    }
    #fields .dropdown-items input {
        flex: 1 1 auto; 
        margin-right: 10px;
        min-width:10em; 
    }
    #fields .form-inline button {flex: 0 0 15px}



/*******************************/
/* SETTINGS - Color theme selector */

    .cc-selector {display:table;}
    .cc-selector input{
        margin:0;padding:0;
        -webkit-appearance:none;
           -moz-appearance:none;
                appearance:none;
    }
    .cc-selector input:active +.theme-cc{opacity: .9;border:2px black groove}
    .cc-selector input:checked +.theme-cc{
        border:2px black solid;
        -webkit-filter: none;
           -moz-filter: none;
                filter: none;
            
    }
    .theme-cc{
        font-size:200%; line-height:0.9;
        border:2px transparent solid;
        padding:2px;
        cursor:pointer;
        display:inline-block;
        -webkit-transition: all 100ms ease-in;
           -moz-transition: all 100ms ease-in;
                transition: all 100ms ease-in;
        -webkit-filter: brightness(1) grayscale(0) opacity(1);
           -moz-filter: brightness(1) grayscale(0) opacity(1);
                filter: brightness(1) grayscale(0) opacity(1);
    }
    .theme-cc:hover{
        -webkit-filter: brightness(1) grayscale(0) opacity(1);
           -moz-filter: brightness(1) grayscale(0) opacity(1);
                filter: brightness(1) grayscale(0) opacity(1);
        -webkit-filter: brightness(1.2) grayscale(.5) opacity(.8);
           -moz-filter: brightness(1.2) grayscale(.5) opacity(.8);
                filter: brightness(1.2) grayscale(.5) opacity(.8);
    }
    .cc-selector .color-group{display:grid; float:left}
    .cc-selector .color-group.header{color:#333}

    .fa-stack {
        display: inline-block;
        line-height: inherit;
        position: relative;
        vertical-align: middle;
        width: 1em;
        height: 1em;
        padding-bottom:0px;
    }
    .fa-stack-1x {top:0}
    .fa-under {font-size:90%; left:3%; top:3%}
    .theme-dark .fa-under {color:#222d32}
    .theme-light .fa-under {color:#f9fafc}

    .cc-selector .blue, .cc-selector .info {color:#3c8dbc} 
    .cc-selector .green, .cc-selector .success {color:#00a65a} 
    .cc-selector .purple, .cc-selector .default {color:#605ca8} 
    .cc-selector .red, .cc-selector .danger {color:#dd4b39} 
    .cc-selector .yellow, .cc-selector .warning {color:#f39c12}
    .cc-selector .black{color:#555}
        /* custom sheets */
    .cc-selector .teal{color:#1AADA6}  
    .cc-selector .pink{color:#D167A7}
    .cc-selector .orange{color:#FF7D32}
    .cc-selector .khaki{color:#D1B17B}
    .cc-selector .brown{color:#8F5538}
    .cc-selector .lime{color:#63C230}
    .cc-selector .navy{color:#324FA8}
        /* background (non-stylesheet) color selectors */
    .cc-selector .gray{color:#d2d6de}
    .cc-selector .gray-light{color:#f7f7f7}
    .cc-selector .olive{color:#3d9970}
    .cc-selector .purple{color:#605ca8}
    .cc-selector .maroon{color:#d81b60}
    .cc-selector .fuchsia{color:#F046D2}
    .cc-selector .white{color:#f7f7f7}

        /* additional background colors*/
    .bg-khaki{background-color:#D1B17B !important}
    .bg-brown{background-color:#8F5538 !important}
    .bg-pink{background-color:#D167A7 !important}
    .bg-white{background-color:#D167A7 !important}
    .bg-fuchsia{background-color:#F046D2 !important}
    .bg-khaki,.bg-brown,.bg-pink{color:#fff !important}


/*******************************/
/* More button colors */

    .btn-default
    {
        background-color:#f4f4f4;
        color:#444;
        border-color:#B3B3B3
    }
    .btn-default-outline {
        background-color:#fff;
        color:#B3B3B3;
        border-color:#B3B3B3
    }
    .btn-default:hover,
    .btn-default:active,
    .btn-default.hover,
    .btn-default-outline:hover,
    .btn-default-outline:active,
    .btn-default-outline.hover
    {
        color:#444 !important; 
        background-color:#B3B3B3
    }
    
    .btn-primary,
    .btn-light-blue
    {
        background-color:#3c8dbc;
        border-color:#367fa9
    }
    .btn-primary-outline,
    .btn-light-blue-outline
    {
        background-color:#fff;
        color:#3c8dbc;
        border-color:#367fa9
    }
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.hover,
    .btn-primary-outline:hover,
    .btn-primary-outline:active,
    .btn-primary-outline.hover,
    .btn-light-blue:hover,
    .btn-light-blue:active,
    .btn-light-blue.hover,
    .btn-light-blue-outline:hover, 
    .btn-light-blue-outline:active,
    .btn-light-blue-outline.hover
    {
        color:#FFF !important;
        background-color:#367fa9
    }
    
    .btn-success,
    .btn-green
    {
        background-color:#00a65a;
        border-color:#008d4c
    }
    .btn-success-outline,
    .btn-green-outline
    {
        background-color:#fff;
        color:#008d4c;
        border-color:#008d4c
    }
    .btn-success:hover,
    .btn-success:active,
    .btn-success.hover,
    .btn-success-outline:hover,
    .btn-success-outline:active,
    .btn-success-outline.hover,
    .btn-green:hover,
    .btn-green:active,
    .btn-green.hover,
    .btn-green-outline:hover,
    .btn-green-outline:active,
    .btn-green-outline.hover
    {
        color:#FFF !important; 
        background-color:#008d4c
    }
    
    .btn-info,
    .btn-aqua
    {
        background-color:#00c0ef;
        border-color:#00acd6
    }
    .btn-info-outline,
    .btn-aqua-outline
    {
        background-color:#fff; 
        color:#00acd6;
        border-color:#00acd6
    }
    .btn-info:hover,
    .btn-info:active,
    .btn-info.hover,
    .btn-info-outline:hover,
    .btn-info-outline:active,
    .btn-info-outline.hover,
    .btn-aqua:hover,
    .btn-aqua:active,
    .btn-aqua.hover,
    .btn-aqua-outline:hover,
    .btn-aqua-outline:active,
    .btn-aqua-outline.hover
    {
        color:#FFF !important; 
        background-color:#00acd6
    }
    
    .btn-danger,
    .btn-red
    {
        background-color:#dd4b39;
        border-color:#B8311F
    }
    .btn-danger-outline,
    .btn-red-outline
    {
        background-color:#fff;
        color:#B8311F;
        border-color:#B8311F
    }
    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.hover,
    .btn-danger-outline:hover,
    .btn-danger-outline:active,
    .btn-danger-outline.hover,
    .btn-red:hover,
    .btn-red:active,
    .btn-red.hover,
    .btn-red-outline:hover,
    .btn-red-outline:active,
    .btn-red-outline.hover
    {
        color:#FFF !important; 
        background-color:#B8311F
    }
    
    .btn-warning,
    .btn-yellow
    {
        background-color:#f39c12;
        border-color:#e08e0b
    }
    .btn-warning-outline,
    .btn-yellow-outline
    {
        background-color:#fff;
        color:#e08e0b;
        border-color:#e08e0b
    }
    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.hover,
    .btn-warning-outline:hover,
    .btn-warning-outline:active,
    .btn-warning-outline.hover,
    .btn-yellow:hover,
    .btn-yellow:active,
    .btn-yellow.hover,
    .btn-yellow-outline:hover,
    .btn-yellow-outline:active,
    .btn-yellow-outline.hover
    {
        color:#FFF !important;
        background-color:#e08e0b
    }
    
    .btn-gray
    {
        color:#FFF !important;
        background-color:#B5B5B5
    }
    .btn-gray-outline
    {
        background-color:#fff;
        color:#B5B5B5;
        border-color:#A3A3A3
    }
    .btn-gray:hover,
    .btn-gray:active,
    .btn-gray,
    .btn-gray-outline:hover,
    .btn-gray-outline:active,
    .btn-gray.hover
    {
        color:#FFF !important;
        background-color:#A3A3A3
    }
    
    .btn-gray-light
    {
        color:#000 !important;
        background-color:#E8E8E8
    }
    .btn-gray-light-outline
    {
        background-color:#fff; 
        color:#C9C9C9;
        border-color:#C9C9C9
    }
    .btn-gray-light:hover,
    .btn-gray-light:active,
    .btn-gray-light.hover,
    .btn-gray-light-outline:hover,
    .btn-gray-light-outline:active,
    .btn-gray-light-outline.hover
    {
        color:#000 !important;
        background-color:#C9C9C9
    }
    
    .btn-black{
        color:#FFF !important;
        background-color:#111
    }
    .btn-black-outline {
        background-color:#fff; 
        color:#111;
        border-color:#444
    }
    .btn-black:hover,
    .btn-black:active,
    .btn-black.hover,
    .btn-black-outline:hover,
    .btn-black-outline:active,
    .btn-black-outline.hover
    {
        color:#FFF !important;
        background-color:#444
    }
    
    .btn-blue
    {
        color:#FFF !important;
        background-color:#0073b7
    }
    .btn-blue-outline
    {
        background-color:#fff; 
        color:#0073b7;
        border-color:#005384
    }
    .btn-blue:hover,
    .btn-blue:active,
    .btn-blue.hover,
    .btn-blue-outline:hover,
    .btn-blue-outline:active,
    .btn-blue-outline.hover
    {
        color:#FFF !important;
        background-color:#005384
    }
    
    .btn-navy
    {
        color:#FFF !important;
        background-color:#0E396E
    }
    .btn-navy-outline
    {
        background-color:#fff; 
        color:#0E396E;
        border-color:#002A54
    }
    .btn-navy:hover,
    .btn-navy:active,
    .btn-navy.hover,
    .btn-navy-outline:hover,
    .btn-navy-outline:active,
    .btn-navy-outline.hover
    {
        color:#FFF !important;
        background-color:#002A54
    }
    
    .btn-teal
    {
        color:#000 !important;
        background-color:#39cccc
    }
    .btn-teal-outline
    {
        background-color:#fff; 
        color:#39cccc;
        border-color:#21ADAC
    }
    .btn-teal:hover,
    .btn-teal:active,
    .btn-teal.hover,
    .btn-teal-outline:hover,
    .btn-teal-outline:active,
    .btn-teal-outline.hover
    {
        color:#000 !important;
        background-color:#21ADAC
    }
    
    .btn-olive
    {
        color:#FFF !important;
        background-color:#3d9970
    }
    .btn-olive-outline
    {
        background-color:#fff; 
        color:#3d9970;
        border-color:#1E7D52
    }
    .btn-olive:hover,
    .btn-olive:active,
    .btn-olive.hover,
    .btn-olive-outline:hover,
    .btn-olive-outline:active,
    .btn-olive-outline.hover
    {
        color:#FFF !important;
        background-color:#1E7D52
    }
    
    .btn-lime
    {
        color:#FFF !important;
        background-color:#1AFF81
    }
    .btn-lime-outline
    {
        background-color:#fff; 
        color:#1AFF81;
        border-color:#00C957
    }
    .btn-lime:hover,
    .btn-lime:active,
    .btn-lime.hover,
    .btn-lime-outline:hover,
    .btn-lime-outline:active,
    .btn-lime-outline.hover
    {
        color:#FFF !important;
        background-color:#00C957
    }
    
    .btn-orange
    {
        color:#FFF;
        background-color:#FF943C
    }
    .btn-orange-outline
    {
        background-color:#fff; 
        color:#FF943C;
        border-color:#F07E1A
    }
    .btn-orange:hover,
    .btn-orange:active,
    .btn-orange.hover,
    .btn-orange-outline:hover,
    .btn-orange-outline:active,
    .btn-orange-outline.hover
    {
        color:#FFF !important;
        background-color:#F07E1A
    }
    
    .btn-fuchsia
    {
        color:#FFF;
        background-color:#F046D2
    }
    .btn-fuchsia-outline
    {
        background-color:#fff; 
        color:#F046D2;
        border-color:#D11C9C
    }
    .btn-fuchsia:hover,
    .btn-fuchsia:active,
    .btn-fuchsia.hover,
    .btn-fuchsia-outline:hover,
    .btn-fuchsia-outline:active,
    .btn-fuchsia-outline.hover
    {
        color:#FFF !important;
        background-color:#D11C9C
    }
    
    .btn-purple
    {
        color:#FFF;
        background-color:#605ca8;
    }
    .btn-purple-outline
    {
        background-color:#fff; 
        color:#605ca8;
        border-color:#4439A3;
    }
    .btn-purple:hover,
    .btn-purple:active,
    .btn-purple.hover,
    .btn-purple-outline:hover, 
    .btn-purple-outline:active,
    .btn-purple-outline.hover 
    {
        color:#FFF !important;
        background-color:#4439A3
    }
    
    .btn-maroon
    {
        color:#FFF;
        background-color:#d81b60
    }
    .btn-maroon-outline
    {
        background-color:#fff; 
        color:#d81b60;
        border-color:#BD004F
    }
    .btn-maroon:hover,
    .btn-maroon:active,
    .btn-maroon.hover,
    .btn-maroon-outline:hover,
    .btn-maroon-outline:active,
    .btn-maroon-outline.hover
    {
        color:#FFF !important;
        background-color:#BD004F
    }



/*******************************/
/* Vertical-tabbed panels */
    .tabs-vertical-env {
      margin-bottom: 30px;
    }
    .tabs-vertical-env .tab-content {
      background: #ffffff;
      display: table-cell;
      margin-bottom: 30px;
      padding: 30px;
      vertical-align: top;
    }
    .tabs-vertical-env .nav.tabs-vertical {
      display: table-cell;
      min-width: 120px;
      vertical-align: top;
      width: 150px;
    }
    .tabs-vertical-env .nav.tabs-vertical li.active > a {
      background-color: #777;
      color: #ffffff !important;
      border: 0;
    }
    .tabs-vertical-env .nav.tabs-vertical li.active > a:hover {
      color: #ffffff !important;
    }
    .tabs-vertical-env .nav.tabs-vertical li > a {
      color: #333333;
      text-align: center;
      white-space: nowrap;
    }
    .tab-content {
      border: 1px solid #eeeeee;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
      color: #777777;
      width: 100%;
    }

/*******************************/
/* Tournament list dropdown styles — REVISED */

    /* button to open menu */
    .dropbtn2 {
        margin: 0 1px 0 0;
        padding-right: 7px; 
        padding-left: 10px;
    
        width: auto;
        cursor: pointer;
        text-align: center;
        white-space: nowrap;
        text-decoration: underline;
    }

    /* the popup menu */
    .dropdown2 {
        position: relative;
        display: inline-block;
        transition: all 0.3s ease-out;
    }
    .dropdown2-content {
        display: none;
        position: absolute;
        padding: 0px;
        margin-top:4px;
        width: auto;
        min-width: 160px;
        white-space: nowrap;
        background: #DDDDDD;
        overflow: auto;
        z-index: 100;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-radius: 3px;
        transition: all 0.3s ease-out;
    }
    .dropdown2-content a, .dropdown2-content button {
        padding: 2px 3px;
        margin: 4px 8px;
        display:block !important;
        width: 90%;
        transition: all 0.3s ease-out;
        text-decoration: underline;
    }
    /*.dropdown2 a:hover, .dropdown2 button:hover {background: #000066;}*/
    .show {
        display:block;
        transition: all 0.3s ease-out;

    }

/*******************************/
/* Pulsating buttons */
    .pulse {
      position: relative;
      border: none;
      box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
      cursor: pointer;
      -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    }
        @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
        @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
        @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
        @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

    .glow {
        background-position: 50% 50%; 
        background-size: 80% 80%;
    }

    .glow-blue, .glow-primary {
      -webkit-animation: colorchange-blue infinite 4s;
      -moz-animation: colorchange-blue infinite 4s;
      -ms-animation: colorchange-blue infinite 4s;
      animation: colorchange-blue infinite 4s;
    }
        @-webkit-keyframes colorchange-blue
        {20%  {background: white;} 50% {background: rgba(60, 141, 188, 0.25);} 80% {background: white;}}
        @-moz-keyframes colorchange-blue
        {20%  {background: white;} 50% {background: rgba(60, 141, 188, 0.25);} 80% {background: white;}}
        @-ms-keyframes colorchange-blue
        {20%  {background: white;} 50% {background: rgba(60, 141, 188, 0.25);} 80% {background: white;}}
        @keyframes colorchange-blue
        {20%  {background: white;} 50% {background: rgba(60, 141, 188, 0.25);} 80% {background: white;}}

    .glow-red, .glow-danger {
      -webkit-animation: colorchange-red infinite 4s;
      -moz-animation: colorchange-red infinite 4s;
      -ms-animation: colorchange-red infinite 4s;
      animation: colorchange-red infinite 4s;
    }
        @-webkit-keyframes colorchange-red
        {20%  {background: white;} 50% {background: rgba(232, 76, 61, 0.25);} 80% {background: white;}}
        @-moz-keyframes colorchange-red
        {20%  {background: white;} 50% {background: rgba(232, 76, 61, 0.25);} 80% {background: white;}}
        @-ms-keyframes colorchange-red
        {20%  {background: white;} 50% {background: rgba(232, 76, 61, 0.25);} 80% {background: white;}}
        @keyframes colorchange-red
        {20%  {background: white;} 50% {background: rgba(232, 76, 61, 0.25);} 80% {background: white;}}

    .glow-orange, .glow-warning {
      -webkit-animation: colorchange-orange infinite 4s !important;
      -moz-animation: colorchange-orange infinite 4s !important;
      -ms-animation: colorchange-orange infinite 4s !important;
      animation: colorchange-orange infinite 4s !important;
  
    }
        @-webkit-keyframes colorchange-orange
        {20%  {background: white;} 50% {background: rgba(224, 142, 11, 0.25);} 80% {background: white;}}
        @-moz-keyframes colorchange-orange
        {20%  {background: white;} 50% {background: rgba(224, 142, 11, 0.25);} 80% {background: white;}}
        @-ms-keyframes colorchange-orange
        {20%  {background: white;} 50% {background: rgba(224, 142, 11, 0.25);} 80% {background: white;}}
        @keyframes colorchange-orange
        {20%  {background: white;} 50% {background: rgba(224, 142, 11, 0.25);} 80% {background: white;}}

    .glow-green, .glow-success {
      -webkit-animation: colorchange-green infinite 4s;
      -moz-animation: colorchange-green infinite 4s;
      -ms-animation: colorchange-green infinite 4s;
      animation: colorchange-green infinite 4s;
    }
        @-webkit-keyframes colorchange-green
        {20%  {background: white;} 50% {background: rgba(0, 166, 90, 0.25);} 80% {background: white;}}
        @-moz-keyframes colorchange-green
        {20%  {background: white;} 50% {background: rgba(0, 166, 90, 0.25);} 80% {background: white;}}
        @-ms-keyframes colorchange-green
        {20%  {background: white;} 50% {background: rgba(0, 166, 90, 0.25);} 80% {background: white;}}
        @keyframes colorchange-green
        {20%  {background: white;} 50% {background: rgba(0, 166, 90, 0.25);} 80% {background: white;}}

    .glow-light-blue, .glow-info {
      -webkit-animation: colorchange-ice infinite 4s;
      -moz-animation: colorchange-ice infinite 4s;
      -ms-animation: colorchange-ice infinite 4s;
      animation: colorchange-ice infinite 4s;
    }
        @-webkit-keyframes colorchange-ice
        {20%  {background: white;} 50% {background: rgba(0, 192, 239, 0.25);} 80% {background: white;}}
        @-moz-keyframes colorchange-ice
        {20%  {background: white;} 50% {background: rgba(0, 192, 239, 0.25);} 80% {background: white;}}
        @-ms-keyframes colorchange-ice
        {20%  {background: white;} 50% {background: rgba(0, 192, 239, 0.25);} 80% {background: white;}}
        @keyframes colorchange-ice
        {20%  {background: white;} 50% {background: rgba(0, 192, 239, 0.25);} 80% {background: white;}}
    /* override Bootstrap so glow works on tabs */
    .nav-tabs>li.active.glow>a, .nav-tabs > li.active.glow > a:hover{ cursor: default; background-color: inherit;}

/*******************************/
/* Data table styling */

    .tablesorter-filter-row .disabled {display:none}
 
/*******************************/
/* Inline Stripe payment object (used on reg form) */

    .StripeElement {
        background-color: white;
        padding: 8px 12px;
        border: 1px solid #d2d6de;
    }
    .StripeElement--focus {
        border: 1px solid #66afe9;
    }
    .StripeElement--invalid {
        border-color: #fa755a;
    }
    .StripeElement--webkit-autofill {
        background-color: #fefde5 !important;
    }
    
/*******************************/
/* Modify filetype icons for upload fields */
    
    .file-selector {display: table-row}
    .file-selector .fi {display: table-cell}
    .file-selector input {display: table-cell; margin: 7px 10px}