body#Image-URL-Analyzer .jumbotron {
    color: white;
    background-image: url("https://nineteen53.com/images/pexels-tinthia-clemant-16649-1557208.1000x498.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #a45a0b;
    height: 25% !important;
}
body#Image-URL-Analyzer .absolute {
    visibility: hidden;
}
body, html {
    height: 100%;
    overflow: visible;
}
body { font-family: 'Poppins'; }
body#HTML, body#Notes { font-family: 'Poppins' !important; }
form.td_short {
    width: 150px !important;
    font-weight: 700 !important;
}
form.td_short input.btn {
    font-weight: 600;
    margin: 0px 0 10px;
}
td.td_short {
    width: 150px !important;
}
input.btn, button.btn {
    width: 100%;
    max-width: 150px;
    margin: 4px 0!important;
}
#Hosting input.btn,
#Domains input.btn,
#Domains button.btn {
    width: 100%;
    max-width: 150px;
    margin: 0px 0!important;
}
#Hosting .btn,
#Domains .btn {
    padding: 4px 6px;
    font-size: 10px;
}
#Hosting .table>tbody>tr>td,
#Domains .table>tbody>tr>td {
    padding: 3px 6px;
}
#Hosting tr.row_full td,
#Domains tr.row_full td {
    font-size: 12px;
}
#Hosting .table>tbody>tr>td,
#Domains .table>tbody>tr>td {
    padding: 6px 3px 0;
}
#Hosting .table>thead>tr>th,
#Domains .table>thead>tr>th {
    padding: 8px 2px;
}
#Hosting td.td_shorts,
#Domains td.td_shorts {
    padding-bottom: 6px !important;
}


div#Students {
    height: 100%;
    padding-top: 5%;
    overflow: hidden;
}
div#jumbo {
    max-height: 400px;
    background-position-y: top;
    box-shadow: 0 0px 78px #333333;
}
div#Students {
    height: 100%;
    padding-top: 2%;
    overflow: hidden;
    padding-bottom: 10%;
}
body#Home div#jumbo {
    max-height: 100vh;
}
.absolute h4:hover{
	cursor: pointer;
	padding-top: 5px;
	transition: ease-in 0.4s;
}
div#read-more-container {
    position: relative;
    bottom: 100px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.absolute {
    position: absolute;
    bottom: 100px;
    text-align: center;
    width: 100%;
    height: 40px;
}
.btn-info.focus,
.btn-info:focus {
    background-color: #31b0d5;
    border-color: #31b0d5;
}
body#Material div#read-more-container,
body#Player div#read-more-container,
body#Test\ 1 div#read-more-container,
body#Test\ 2 div#read-more-container,
body#Test\ 3 div#read-more-container,
body#Test\ 4 div#read-more-container,
body#Test\ 5 div#read-more-container,
body#Edit_Music div#read-more-container,
body#Ohoh div#read-more-container,
body#Music div#read-more-container,
body#Switches div#read-more-container,
body#Add-Music div#read-more-container,
body#Test div#read-more-container,
body#HTML div#read-more-container,
body#Candy div#read-more-container,
body#Domains div#read-more-container,
body#Hosting div#read-more-container,
body#Dashboard div#read-more-container,
body#Notes div#read-more-container,
body#Edit div#read-more-container,
body#View div#read-more-container,
body#Add div#read-more-container {
    display: none;
}
form.td_short {
    float: left;
    width: 163px;
}
.pad_top_20 { padding-top: 20px;}
.pad_bot_100 { padding-bottom: 100px !important;}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
body#menu .footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
body#Hosting .footer,
body#Domains .footer,
body#Dashboard .footer {
  position: fixed;
}
.container {
  width: auto;
  max-width: 1080px;
  padding: 0 15px;
}


@media (min-width: 1200px) {
.jumbotron p, .jumbotron h1 {
    max-width: 75%;
    margin: 30px auto 0;
}
}


@media (max-width: 767px) {
div#jumbo {
    max-height: 400px;
    background-position-y: top;
    margin-top: 0;
    padding-top: 45px;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
}



.jumbotron p, .jumbotron h1 {
    padding-left: 5%;
}
a.navbar-brand {
    font-weight: 700;
}
body#table .footer {
    position: fixed;
}
body#table div#main {
    padding-bottom: 10px !important;
    height: 100%;
    overflow: hidden;
}
body#table div#main {
    padding-bottom: 150px !important;
    height: auto;
    overflow: hidden;
}



.boxy {
    padding-bottom: 100px;
}
td.td_full div {
    margin-top: -29px;
    font-size: 78%;
    color: #656262d1;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 450px;
}



.more_room_bottom_30 { margin-bottom: 30px;}
tr.row_full {
    height: 100%;
}


.navbar-fixed-bottom, .navbar-fixed-top {
    box-shadow: 0px 10px 30px rgb(0 0 0 / 25%);
}
.container.view form.td_short,
.container.edit form.td_short {
    padding-right: 10px;
}
.table-striped.special>tbody>tr:nth-of-type(odd) {
    background-color: #b6680f12 !important;
}
.homepage td.td_full div {
    margin-top: -28px;
}
.homepage form.td_short input.btn {
    font-weight: 600;
    margin: 0;
}
.homepage td.td_full {
    border: 1px !important;
}
.blockquote-footer::before {
    content: "" !important;
}
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mt-40 { margin-top: 40px;}
.mt-50 { margin-top: 50px;}
.ms-1 {  margin-left: ($spacer * .5) !important;}
.blockquote-footer {
    margin-top: 0rem !important;
    margin-left: 1.25rem !important;
}
.on_or_off { display: none;}
.Information .on_or_off { display: block;}
.space_me {
    width: auto;
    float: left;
    margin-right: 11px;
    padding-top: 2px;
}
progress {
    vertical-align: revert !important;
    margin-left: 5px;
}


div#place_audio {
    margin: 20px 0 20px -10px;
    min-height: 0px;
}
div#music_list_song, div#music_list_artist,div#music_list_year,
div#song, div#artist, div#year {
    float: left;
    padding-right: 0.5em;
    font-size: 75%;
    font-style: italic;
}
audio#myAudio2 {
    width: 100%;
    padding-right: 0%;
}
div#music, .music_info {
    height: 100%;
    overflow: hidden;
}
.music_info {
    padding: 0 0 3px 8px;
}
body#Switches .music_info,
.music_list_music_info,
body#Music .music_info {
    padding: 0 0 3px 8px;
    font-size: 17px;
    font-weight: 700;
    color: #e5a10b;
}
div#music_list_song,
body#Switches div#song,
body#Music div#song {
    width: 100%;
}
body#HTML input.btn, body#HTML button.btn {
    width: auto !important;
    max-width: unset !important;
    margin: 4px 0 !important;
    font-size: 75%;
}
audio {
    box-shadow: 5px 5px 20px rgba(0,0, 0, 0.4);
    border-radius: 90px;
    transform: scale(1.05);
    margin-top: 6px;
    max-width: 300px;
    width: 100% !important;
}



.data_holder a {
    color: #212121;
}
.data_holder a:hover {
    text-decoration: none;
    color: #2121218c;
}
.col_100 {
    width: 12%;
    float: left;
    text-align: right;
    min-width: 100px;
}
.col_200 {
    width: 25%;
    float: left;
    min-width: 100px;
}
.col_full {
    clear: both;
    float: none;
    padding: 10px 40px 10px 0;
}
.data_holder.heading div {
    font-weight: 700;
    margin-bottom: 13px;
    font-size: 108%;
}
.data_holder.heading {
    height: 100%;
    overflow: hidden;
}
 .stevie_button { font-weight: 600;}
 form.td_shorts {
     width: 164px;
     float: left;
 }
 body#Hosting form.td_shorts,
 body#Domains form.td_shorts,
 body#Dashboard form.td_shorts {
     width: 70px;
     float: left;
 }
 .container.edit.buttons {
     padding: 10px 0;
 }
 input#domain,
 input#TLD { width: 100%; max-width: 350px;}

 input#Password,
 input#ServerIP,
 input#DateCreated,
 input#DateExpires,
 input#dob {
     width: 169px;
 }
 body#Test {
     background: linear-gradient(    to bottom right,    #eee8dd,    #e3d9c6  );
 }

 .music_column.music_column_4 input.btn,
 .music_column.music_column_4 button.btn {
     max-width: 100%;
 }
 #Switches .music_column.music_column_4 input.btn,
 #Switches .music_column.music_column_4 button.btn,
 #Music .music_column.music_column_4 input.btn,
 #Music .music_column.music_column_4 button.btn {
     max-width: 84%;
     background-color: transparent !important;
     border-color: transparent;
     color: #333;
     outline: none;
 }
 .music_column {
    float: left;
    padding-right: 25px;
}
.music_column_9, .music_column_10, .music_column_11, .music_column_2, .music_column_1, .music_column_6 {
    padding-top: 11px;
    font-size: 12px;
}
.music_column.music_column_5 div#place_audio .music_info {
    display: none;
}
.music_column {
    height: 57px;
}
body#Switches .music_column,
body#Music .music_column {
    height: auto;
}
.music_column.music_column_4 {
    padding-top: 1px;
}
.music_row {
    height: 80px !important;
}
body#Switches .music_row,
body#Music .music_row {
    height: auto !important;
}
body#Hosting .music div#place_audio,
body#Domains .music div#place_audio,
body#Dashboard .music div#place_audio {
    width: 100%;
    max-width: 234px;
}
.row.my-4.boxy.music div#place_audio {
    margin: 5px 0 7px -7px;
}
div#music_list_song, div#music_list_artist,div#music_list_year,
.row.my-4.boxy.music div#song, .row.my-4.boxy.music div#artist, .row.my-4.boxy.music div#year {
    float: left;
    padding-right: 0.5em;
    font-size: 67%;
    font-style: normal;
    padding-bottom: 0;
}
.row.my-4.boxy.music h3.card-title {
    margin-top: 0;
}
.music_list {
    padding: 8px 0 0 8px;
}
body#Switches .music_list,
body#Music .music_list {
    padding: 1px 0 0px 23px;
    height: 100%;
    overflow: hidden;
}
.music_column_1 {
    width: 86px;
}
.music_column_2 {
    width: 127px;
}
.music_column_6 {
    width: 39px;
}
.music_column_4 {
    width: 241px;
}
.music_column_9 {
    width: 55px;
}
.left button.btn.btn-primary.btn-sm {
    text-align: left;
}
.wrap {
    margin-top: 0;
    font-size: 73%;
    color: #656262d1;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 162px;
    margin-right: 25px;
    height: 67px;
    word-wrap: break-word;
}
tr.row_full.music_row td {
    padding-bottom: 0 !important;
}
.table-responsive.music {
    margin-top: 15px;
}


.navbar-toggler {
    background-color: #e7b30b87 !important;
    margin-top: 10px !important;
}
.navbar-toggler-icon {
    width: 1em !important;
    height: 1em !important;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
li.dropdown.squeeze_left {
    margin-left: -80px;
}



.navbar-right {
    margin-right: 15px!important;
}
.navbar-inverse {
    background-color: #222222d4 !important;
}


li.nav-item a, ul.nav.navbar-nav li a {
    font-size: 14px !important;
    text-decoration: none;
}
.navbar-inverse .navbar-toggle {
    border-color: #333;
    background-color: transparent !important;
}
.version_5 ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
    display: block;
    height: 100%;
    overflow: hidden;
    float: left;
    position: relative;
    width: 100%;
}
.version_5 ul.navbar-nav.me-auto.mb-2.mb-lg-0 li.nav-item {
    padding: 0 20px;
}





.truncate {
  text-overflow: ellipsis;

  /* Needed to make it work */
  overflow: hidden;
  white-space: nowrap;
}
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
a.neu-card {
    width: 25px;
    height: 25px;
    display: block;
    justify-content: center;
    align-items: center;
    color: #333;
    background-color: #ffffff;
    border-radius: 50%;
    transition: all ease 0.5s;
    box-shadow: -5px -5px 9px rgba(255, 255, 255, 0.45), 5px 5px 9px rgba(94, 104, 121, 0.3);
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    line-height: 27px;
    float: right;
    margin-top: 6px;
    cursor: pointer;
    text-decoration: none;
}
a.neu-card.lit,
a.neu-card:active,
a.neu-card:focus-within,
a.neu-card:target,
a.neu-card:focus-visible,
a.neu-card:focus,
a.neu-card:hover {
    color: #333;
    background-color: #e5a10b;
    outline: none;
}




.music_column.music_column_4.wrap {
    display: none;
}
#Home div#read-more-container .absolute {
    bottom: 130px;
}
.dropdown-menu {
    background-color: #08080859 !important;
}
a.sub_2,
.dropdown-menu>li>a {
    color: #ffffffa8 !important;
}
.dropdown-menu .divider {
    margin: 9px 12px !important;
    background-color: #e5e5e563 !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff !important;
    background-color: inherit;
}
ul.dropdown-menu.show {
    background-color: #22222261 !important;
}
@media (max-width: 1200px) {
  .row {
      margin-right: 15px;
      margin-left: 15px;
  }
  table.list.top {
      margin-left: 30px !important;
      max-width: 663px;
  }
}


body#iTunes .truncate {
    max-width: 17%;
}
body#Player div#jumbo {
    position: absolute;
    z-index: 999;
    width: 100%;
}
body#Material  {
    background-color: #bbdefb !important;
}
body#Material .audiocontainer {
    background-color: transparent  !important;
}
nav .dropdown, nav .dropup {
    min-width: auto;
}
div#hidden_list_reverse,
div#hidden_list {
    display: none;
}

.video video {
    box-shadow: 10px 10px 10px grey;
    margin: 20px;
    border-radius: 9px;
    width: 320px;
    height: 180px;
}




.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #63963452;
}


.sortby {
    width: auto;
    float: left;
    margin: 7px;
}
.clicker.below,
th.clicker {
    cursor: pointer;
}
td.td_shorts_delete {
    padding: 3px 3px 3px !important;
}
td.td_shorts_icon_3 {
    padding: 1px 0 0 !important;
    width: auto;
    max-width: 20px;
}
.delete_submit {
    background-color: transparent;
    border: 0px !important;
    font-size: 16px;
    color: #337ab7cc;
}

body#Hosting .table-responsive,
body#Domains .table-responsive {
    overflow: hidden;
}
body#GoDaddy th.date,
body#GoDaddy td.date { text-align: center;}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #63963452 !important;
}
body#gifs div#jumbo,
body#gifs\ Bigger div#jumbo {
  background-position: center;
}
span.disclosure {
  padding: 1px 0 6px;
  font-size: 77%;
  display: block;
}


h5.knowledge {
  max-width: 450px;
  width: 100%;
  line-height: 1.75;
}




.nav>li>a {
  padding-right: 9px !important;
  padding-left: 12px !important;
}
/*ul.nav.navbar-nav.navbar-right a {
    font-size: 12px !important;
}*/
.dropdown, .dropup {
    position: relative;
    float: left;
    min-width: 150px;
    padding-right: 7px;
}


/* Force navbar to collapse at 1200px instead of 768px*/
@media (max-width: 1295px) {
    .nav>li>a {
        padding: 2px 0 2px 10px !important;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        float: right !important;
        width: 200px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
        width: 100%;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
        background: #f5deb329;
        max-height: 1000px;
        border-radius: 20px;
        padding: 4px 24px;
        margin: 0px 30px 24px 0;
    }
    ul.nav.navbar-nav.navbar-right {
        margin-bottom: 12px;
    }
}