@font-face {
	font-family: "SpaceMono";
	src: url(/SpaceMonoRegular.ttf);
}

body {
    background-color: black;
    color: white;
    font-family: SpaceMono;
    padding-top: 70px;
    margin: 0;
}

::selection {
    background-color: purple; 
    color: white; 
  }
  

html,body {
    height: 100%;
}
  

nav {
    background-color: rgb(34, 11, 115);
    margin-bottom: 0px;
    border-bottom-color: white;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.long {
    height: 100%;
}
.frame {
    padding: 0px;
}
.full {
    min-height: calc(100% - 70px);
}
.tabs {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important; 
}

iframe {
    border-radius: 4px;
    border-color: white;
    border-style: solid;
    border-width: 2px;

}

.btn-lg {
    font-size: 50px;
    margin: 0 8px;;
}

.fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.spacer {
    margin-bottom: 60px;
}

.slimspacer {
    margin-bottom: 10px;
}

.bborder {
    border-bottom-color: white;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.bottomborder {
    border-bottom-width: 20px;
}
.topborder {
    border-top-width: 20px;
}

.pbottom {
    padding-bottom: 20px;
}

.pbox {
    padding: 20px;
}

.ticketitem {
    border-width: 2px;
    border-color: lightgrey;
    border-style: solid;
    margin-bottom: 2px;
    padding: 3px;
}

.account-box {
    background-color: #f8f9fa; /* Light gray */
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 6px 12px;
  }

  .pbtn {

    display: flex; /* Ensure content inside the button aligns properly */
    align-items: center; /* Vertically align content */
    padding: 1px 10px 1px 1px; /* Adjust padding to ensure uniform spacing */
    margin: 0;
  }
  .npbtn {

    display: flex; /* Ensure content inside the button aligns properly */
    align-items: center; /* Vertically align content */
    padding: 1px 10px; /* Adjust padding to ensure uniform spacing */
    margin: 0;
  }

  .pfpbtn {
    height: 40px; /* Match the height of other buttons */
  }
  
  .pfp-img {
    height: 100%; /* Ensure the image fills the button height */
    width: auto; /* Maintain the aspect ratio */
    margin: 0; /* Remove any margins */
    border-radius: 0; /* Square edges for the image */
    border-top-left-radius: 0.375rem; /* Match button's rounded corners */
    border-bottom-left-radius: 0.375rem;
  }
  
  .rspace {
    margin-right: 5px;
  }

  .wborder {
    border-width: 2px;
    border-color: white;
    border-style: solid;
  }
  .pfpstandard {
    border-radius: 30px;
    width: 100%; /* Makes the image take up 100% of its container */
    max-width: 128px; /* Restricts the maximum width */
    height: auto; /* Ensures aspect ratio is maintained */
  }

  .editlinks a{
    color: white;
    text-decoration: none;
  }

  .editlinks a:hover{
    color: yellow;
    text-decoration: none;
  }

  a {
    color:rgb(90, 255, 211);
  }

  a:hover {
    color: rgb(218, 163, 255);
  }

  a:visited {
    color: rgb(90, 255, 211);
  }

  a:active {
    color: rgb(90, 222, 255);
  }

  .editor {
    background-color: #1e1e1e;
    color: white;
    min-height: 200px; 
    padding: 10px;
    border-radius: 5px;
    }

    .aboutmedisplay {
        background-color: #1e1e1e;
        color: white;
        min-height: 200px; 
        padding: 10px;
        border-radius: 20px;
        }
    .aboutmedisplay .ql-align-center {
        text-align: center;
        align-items: center;
    }
    .aboutmedisplay .ql-align-right {
        text-align: right;
        align-items: right;
    }
    .aboutmedisplay .ql-align-left {
        text-align: left;
        align-items: left;
    }
    .aboutmedisplay .ql-align-justify {
        text-align: justify;
        align-items: justify;
    }

    #aboutmeeditor .ql-editor {
        min-height: 200px; 
    }
    .ql-toolbar {
        background-color: #333;
        border: none;
    }
    .ql-container {
        border: none;
    }
.ql-stroke {
    stroke: white !important; /* Change icon color */
}
svg:hover .ql-stroke  {
    stroke: #4fa3ff !important; /* Change color on hover */
}
.ql-picker-label {
    color: white !important; /* Dropdown items */
}
.ql-picker-label:hover {
    color: #4fa3ff !important; /* Dropdown items */
}
.ql-toolbar {
    background-color: #333 !important;
    border: none;
}
.ql-picker-options {
    background-color: #333 !important;
    color: white !important; /* Dropdown items */
}
    
.no-p-space p{
    padding: 0 !important;
    margin: 0 !important;
}    


  
/*------------------------------------
- COLOR ovsovsprimary
------------------------------------*/
.alert-ovsprimary {
    color: #000003;
    background-color: #7b5aef;
    border-color: #6c48ed;
}

.alert-ovsprimary hr {
    border-top-color: #5a30eb;
}

.alert-ovsprimary .alert-link {
    color: #000000;
}

.badge-ovsprimary {
    color: #fff;
    background-color: #220B73;
}

.badge-ovsprimary[href]:hover, .badge-ovsprimary[href]:focus {
    color: #fff;
    background-color: #140644;
}

.bg-ovsprimary {
    background-color: #220B73 !important;
}

a.bg-ovsprimary:hover, a.bg-ovsprimary:focus,
button.bg-ovsprimary:hover,
button.bg-ovsprimary:focus {
    background-color: #140644 !important;
}

.border-ovsprimary {
    border-color: #220B73 !important;
}

.btn-ovsprimary {
    color: #fff;
    background-color: #220B73;
    border-color: #220B73;
}

.btn-ovsprimary:hover {
    color: #fff;
    background-color: #180752;
    border-color: #140644;
}

.btn-ovsprimary:focus, .btn-ovsprimary.focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 11, 115, 0.5);
}

.btn-ovsprimary.disabled, .btn-ovsprimary:disabled {
    color: #fff;
    background-color: #220B73;
    border-color: #220B73;
}

.btn-ovsprimary:not(:disabled):not(.disabled):active, .btn-ovsprimary:not(:disabled):not(.disabled).active, .show > .btn-ovsprimary.dropdown-toggle {
    color: #fff;
    background-color: #140644;
    border-color: #100536;
}

.btn-ovsprimary:not(:disabled):not(.disabled):active:focus, .btn-ovsprimary:not(:disabled):not(.disabled).active:focus, .show > .btn-ovsprimary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 11, 115, 0.5);
}

.btn-outline-ovsprimary {
    color: #220B73;
    background-color: transparent;
    border-color: #220B73;
}

.btn-outline-ovsprimary:hover {
    color: #fff;
    background-color: #220B73;
    border-color: #220B73;
}

.btn-outline-ovsprimary:focus, .btn-outline-ovsprimary.focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 11, 115, 0.5);
}

.btn-outline-ovsprimary.disabled, .btn-outline-ovsprimary:disabled {
    color: #220B73;
    background-color: transparent;
}

.btn-outline-ovsprimary:not(:disabled):not(.disabled):active, .btn-outline-ovsprimary:not(:disabled):not(.disabled).active, .show > .btn-outline-ovsprimary.dropdown-toggle {
    color: #fff;
    background-color: #220B73;
    border-color: #220B73;
}

.btn-outline-ovsprimary:not(:disabled):not(.disabled):active:focus, .btn-outline-ovsprimary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ovsprimary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 11, 115, 0.5);
}

.list-group-item-ovsprimary {
    color: #000003;
    background-color: #6c48ed;
}

.list-group-item-ovsprimary.list-group-item-action:hover, .list-group-item-ovsprimary.list-group-item-action:focus {
    color: #000003;
    background-color: #5a30eb;
}

.list-group-item-ovsprimary.list-group-item-action.active {
    color: #fff;
    background-color: #000003;
    border-color: #000003;
}

.table-ovsprimary,
.table-ovsprimary > th,
.table-ovsprimary > td {
    background-color: #6c48ed;
}

.table-hover .table-ovsprimary:hover {
    background-color: #5a30eb;
}

.table-hover .table-ovsprimary:hover > td,
.table-hover .table-ovsprimary:hover > th {
    background-color: #5a30eb;
}

.text-ovsprimary {
    color: #220B73 !important;
}

a.text-ovsprimary:hover, a.text-ovsprimary:focus {
    color: #140644 !important;
}


/*------------------------------------
- COLOR ovssecondary
------------------------------------*/
.alert-ovssecondary {
    color: #312a56;
    background-color: #ddd9ed;
    border-color: #d0cce6;
}

.alert-ovssecondary hr {
    border-top-color: #c1bbde;
}

.alert-ovssecondary .alert-link {
    color: #1d1934;
}

.badge-ovssecondary {
    color: #fff;
    background-color: #6152a9;
}

.badge-ovssecondary[href]:hover, .badge-ovssecondary[href]:focus {
    color: #fff;
    background-color: #4d4186;
}

.bg-ovssecondary {
    background-color: #6152a9 !important;
}

a.bg-ovssecondary:hover, a.bg-ovssecondary:focus,
button.bg-ovssecondary:hover,
button.bg-ovssecondary:focus {
    background-color: #4d4186 !important;
}

.border-ovssecondary {
    border-color: #6152a9 !important;
}

.btn-ovssecondary {
    color: #fff;
    background-color: #6152a9;
    border-color: #6152a9;
}

.btn-ovssecondary:hover {
    color: #fff;
    background-color: #534690;
    border-color: #4d4186;
}

.btn-ovssecondary:focus, .btn-ovssecondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(97, 82, 169, 0.5);
}

.btn-ovssecondary.disabled, .btn-ovssecondary:disabled {
    color: #fff;
    background-color: #6152a9;
    border-color: #6152a9;
}

.btn-ovssecondary:not(:disabled):not(.disabled):active, .btn-ovssecondary:not(:disabled):not(.disabled).active, .show > .btn-ovssecondary.dropdown-toggle {
    color: #fff;
    background-color: #4d4186;
    border-color: #473c7c;
}

.btn-ovssecondary:not(:disabled):not(.disabled):active:focus, .btn-ovssecondary:not(:disabled):not(.disabled).active:focus, .show > .btn-ovssecondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(97, 82, 169, 0.5);
}

.btn-outline-ovssecondary {
    color: #6152a9;
    background-color: transparent;
    border-color: #6152a9;
}

.btn-outline-ovssecondary:hover {
    color: #fff;
    background-color: #6152a9;
    border-color: #6152a9;
}

.btn-outline-ovssecondary:focus, .btn-outline-ovssecondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(97, 82, 169, 0.5);
}

.btn-outline-ovssecondary.disabled, .btn-outline-ovssecondary:disabled {
    color: #6152a9;
    background-color: transparent;
}

.btn-outline-ovssecondary:not(:disabled):not(.disabled):active, .btn-outline-ovssecondary:not(:disabled):not(.disabled).active, .show > .btn-outline-ovssecondary.dropdown-toggle {
    color: #fff;
    background-color: #6152a9;
    border-color: #6152a9;
}

.btn-outline-ovssecondary:not(:disabled):not(.disabled):active:focus, .btn-outline-ovssecondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ovssecondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(97, 82, 169, 0.5);
}

.list-group-item-ovssecondary {
    color: #312a56;
    background-color: #d0cce6;
}

.list-group-item-ovssecondary.list-group-item-action:hover, .list-group-item-ovssecondary.list-group-item-action:focus {
    color: #312a56;
    background-color: #c1bbde;
}

.list-group-item-ovssecondary.list-group-item-action.active {
    color: #fff;
    background-color: #312a56;
    border-color: #312a56;
}

.table-ovssecondary,
.table-ovssecondary > th,
.table-ovssecondary > td {
    background-color: #d0cce6;
}

.table-hover .table-ovssecondary:hover {
    background-color: #c1bbde;
}

.table-hover .table-ovssecondary:hover > td,
.table-hover .table-ovssecondary:hover > th {
    background-color: #c1bbde;
}

.text-ovssecondary {
    color: #6152a9 !important;
}

a.text-ovssecondary:hover, a.text-ovssecondary:focus {
    color: #4d4186 !important;
}