.navbar{border:none;cursor:pointer;background-color:#666666;border-radius:10px 10px;padding-top:14px;padding-right:12px;padding-bottom:14px;padding-left:12px;font-size:14px;font-style:italic;font-weight:bolder;color:#CCCCCC;margin-top:10px;margin-left:5px;font-family:Georgia, "Times New Roman", Times, serif;position:static;}
.navbar:hover{background-color:#970000;color:#FFFFFF;}


html {
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position-y: sticky;
}

body {
    font-size: 16px;
    background: none;
    cursor: default;
}

/* ### Custom Panel CSS ### */
.panel {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.panel-heading {
    padding-left: 23px;
}

.panel .panel-heading {
    height: 48px;
}

.panel-heading .panel-title {
    font-size: 22px;
}

.panel-title h3 {
    float: left;
}

/* ### Custom Table CSS ### */
.table {
    margin-bottom: 0px;
}

.table-container {
    padding: 10px 15px;
}

.table th {
    font-size: 18px;
    text-align: left;
    font-weight: normal;
    margin: 0px;
}

.table > thead > tr > th {
    border: 0px;
}

/* ###  ### */
.wrapper {
    margin: 15px;
    padding: 15px;
}

#application-title, #settings-title {
    float: left; 
}

#refresh-icon {
    float: right;
}

.click-img {
    cursor: pointer;
}

#alert-panel {
    display: none;
}

#settings-icon {
    float: left;
    margin-right: 15px;
}

#settings-panel {
    display: none;
}

#close-icon {
    float: right;
}

#last button {
    width: 100%;
    padding-right: 0px;
}

.thumbnail {
    padding: 0px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0px;
}

.thumbnail img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.thumbnail:hover .image-text {
  display: block;
}

.image-text {
    bottom: 140px;
    height: 100%;
    line-height: 140px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: -140px;
    display: none;
    cursor: pointer;
}

.image-text div {
    position: absolute;
    line-height: 100%;
    display: block;
}

.thumbnail-wrapper {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pack {
    height: 140px;
    width: 100%;
}

.pack p {
    margin-left: 15px;
    font-size: 16px;
    width: 100%;
}

.settings-col {
    display: table;
    width: 100%;
    min-height: 1px;
}

.settings-col:not(first-child) {
    margin-top: 5px;
}

.settings-col .col-md-6 {
    padding-left: 8px;
}

.settings-col .col-md-6:first-child {
    height: 100%;
}

.settings-col .col-md-6:not(:first-child) {
    padding-right: 0px;    
}

.settings-col .col-md-6:not(:first-child) button, ul {
    width: 100%;
}

.option {
    cursor: pointer;
}

.dropdown-menu > li > a:hover {
    background-color: #337ab7;
    color: white;
}

.table > tbody > tr > td {
    border-top: 0px;
}

.table > tbody > tr > td.first-channel {
    border-top: 1px solid #ddd;
}

.gallery-nav {
    display: none;
}

.gallery-page {
    display: none;
}

.gallery-page.active-page {
    display: block;
}

.slow .toggle-group {
    transition: left 0.7s;
    -webkit-transition: left 0.7s;
}

.input-group-btn {
    min-width: 125px;
}