@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap');

@font-face {
      font-family: emojiFont;
        src: url(/include/fonts/OpenMoji-Color.ttf);
    }

/* Global scrollbar styling */
html {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #8d7353 #C9B090; /* Thumb color, Track color */
}

html::-webkit-scrollbar {
    width: 6px; /* Smal scrollbar */
}

html::-webkit-scrollbar-thumb {
    background-color: #8d7353; /* Farve til "thumb" */
    border-radius: 3px; /* Runde hjørner */
}

html::-webkit-scrollbar-thumb:hover {
    background-color: #cbb191; /* Hover-effekt */
}

html::-webkit-scrollbar-track {
    background-color: #C9B090; /* Baggrundsfarve til "track" */
    border-radius: 3px; /* Runde hjørner */
}


#adminUpdate>a,
#avis>a,
#bruger>a,
#dinProfil>a,
#kontrolpanel>a,
#logInd>a,
#nyeBrugere>a,
#nyheder>a,
#opslag>a,
#senesteEmner>a,
#senesteSvar>a,
#statistik>a,
.bottomMenuLeft>a[href="javascript:void(0)"],
.bottomMenuRight>a[href="javascript:void(0)"] {
    cursor: default
}

a:hover,
li:active {
    background: 0
}

#addQuickLink,
#footer,
#textSlide>div,
.bottomMenuLeft,
.bottomMenuRight,
.center,
.leftMenuMenuBruger>div,
.leftMenuMenuLogInd>form,
.rightMenuMenuTime {
    text-align: center
}

#indexMenu,
#textSlide,
h1,
h3,
h6 {
    overflow: hidden
}

.clear,
.clearFloat:after {
    clear: both
}

.clearFloat:after,
.clearFloat:before {
    content: "";
    display: table
}

.clearFloat {
    zoom: 1
}

.box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clearBackgroundLinkText {
    font-family: 'Cinzel', serif;
    font-size: 1.2rem;
    line-height: 38px;
    font-weight: 250;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-align:center;
}

.center {
    margin: 0 auto;
    display: block
}

body {
    background-image: url(/img/design/baggrund/baggrund1.png);
    background-attachment: fixed;
    color: #222;
    width: 1250px!important; 
    margin: 8px auto!important;
    font-family: 'Noto Sans Display', sans-serif;
    /*font-family: "Trebuchet MS"!important, Verdana, serif;*/
    font-size: 12px
}

p {
    margin: 0
}

a {
    color: #000;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

#header>a,
.leftMenu>a,
.rightMenu>a,
.topMenuLoggedIn>a {
    background-repeat: no-repeat
}

input,
textarea {
    background-color: #ba9e7b;
    border: 1px solid #aa9172;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=password],
input[type=text],
select {
    padding: 4px 4px;
    border-radius: 3px
}

input[type=submit] {
    padding: 4px;
    border-radius: 3px
}

input[type=submit]:hover {
    background-color: #b89870
}

textarea {
    padding: 5px;
    border-radius: 3px
}

::-webkit-input-placeholder {
    color: #444
}

:-moz-placeholder {
    color: #444
}

::-moz-placeholder {
    color: #000
}

:-ms-input-placeholder {
    color: #444
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 500px #ba9e7b inset
}

input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 500px #b49670 inset
}

.container {
    background-color: #c9b090;
    margin: 5px;
    border: 1px solid #000;
    overflow: hidden;
}

#mainContainer {
    width: 1250px;
    background-color: #5e3f24;
    margin: 0 auto 32px;
    padding: 5px;
    border: 1px solid #000
}

#header>a {
    width: 1245px;
    height: 139px;
    background-image: url(/img/design/logo/ntop-logo.png);
    margin: auto
}

#leftContainer {
    width: 220px;
    float: left
}

#centerContainer {
    width: 800px;
    margin: 0 5px;
    float: left
}

#centerContainer>div:first-child {
    border-bottom: 0;
    margin-bottom: 0
}

#contentContainer {
    margin-top: 0;
    padding-top: 10px
}

#footer {
    margin: 10px 0 5px;
    font-weight: 700
}

#bottomContainer {
    width: 95%;
    height: 30px;
    background-color: rgba(56, 56, 56, .76);
    line-height: 30px;
    position: fixed;
    bottom: 0;
    left: 2.5%;
    z-index: 25
}

#rightContainer {
    width: 220px;
    float: right
}

#textSlide>div {
    width: 1228px;
    line-height: 25px
}

#textSlide>div>span:last-child {
    font-style: italic
}

.leftMenu,
.rightMenu {
    width: 208px;
    min-height: 38px;
    border-bottom: 1px solid #000
}

.leftMenu:last-child,
.rightMenu:last-child {
    border-bottom: 0
}

.leftMenu>a,
.rightMenu>a {
    width: inherit;
    height: inherit;
    background-color: #ab884b;
}

.leftMenu>a:hover,
.rightMenu>a:hover {
    background-color: #c9b090;
    text-decoration:none;
}

.leftMenu>a[href="javascript:void(0)"]:hover,
.rightMenu>a[href="javascript:void(0)"]:hover,
.topMenuLoggedIn>a,
.topMenuNotLoggedIn>a {
    background-color: #ab884b;
    text-decoration:none;
}

.leftMenuMenu,
.rightMenuMenu {
    word-wrap: break-word;
    padding: 5px
}

.leftMenuMenu>ul,
.rightMenuMenu>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.leftMenuMenu>ul li>a,
.rightMenuMenu>ul li>a {
    line-height: 20px
}

.leftMenuMenuToggle,
.rightMenuMenuToggle {
    border-bottom: 1px solid #000;
    display: none
}

.leftMenuMenuToggleToggle,
.rightMenuMenuToggleToggle {
    display: none
}

.leftMenuMenuToggleToggle>ul>li,
.rightMenuMenuToggleToggle>ul>li {
    margin-left: 8px
}

.topMenuLoggedIn {
    width: 196px;
    height: 38px;
    border-right: 1px solid #000;
    float: left
}

.topMenuLoggedIn:last-child {
    width: 197px;
    border-right: 0
}

.topMenuLoggedIn>a {
    width: inherit;
    height: inherit;
    background-color: #ab884b;
}

.topMenuNotLoggedIn {
    width: 262px;
    height: 38px;
    border-right: 1px solid #000;
    float: left
}

.indexMenu>a,
.topMenuNotLoggedIn>a {
    width: inherit;
    background-repeat: no-repeat
}

.indexMenu>a:hover {
    text-decoration: none;
}

.topMenuNotLoggedIn:last-child {
    border-right: 0
}

.topMenuNotLoggedIn>a {
    height: inherit;
    background-color: #ab884b;
}

.topMenuLoggedIn>a:hover,
.topMenuNotLoggedIn>a:hover {
    background-color: #c9b090
}

.indexMenu {
    border: solid #000;
    border-width: 1px 1px 1px 0px;
    padding: 0 5px;
    align-items:center;
    width:auto;
}

#indexMenu>div:first-child {
    border-left: 1px solid #000;
}

.indexMenu>a {
    min-height: 38px;
    padding: 0 10px 0 10px;
}

#HSQlinksMenu,
#quickLinksMenu,
#notificationBox {
    background: rgba(56,56,56, 0.76);
    position: absolute;
    bottom: 30px
}

.indexMenu:hover {
    background-color: #ba9e7b;
}

.leftMenuMenuBrugerPic>img {
    width: 208px;
    height: 208px;
    object-fit: cover;
    object-position: center;
    border-bottom: 1px solid #000
}

.leftMenuMenuBrugerPic>a>img {
    width: 208px;
    height: 208px;
    object-fit: cover;
    object-position: center;
    border-bottom: 1px solid #000
}

.leftMenuMenuBrugerPic {
    overflow: hidden;
}

.leftMenuMenuBrugerPic>a>img:hover {
    transition: 0.5s;
    transform: scale(1.2);
}

#addQuickLink,
.HSQlinksMenuLink,
.quickLinksMenuLink {
    border-bottom: 1px solid #888
}

.leftMenuMenuBruger>div>span {
    font-weight: 700;
    display: block
}

.leftMenuMenuBruger>div>span>span {
    font-weight: 400;
    line-height: 18px
}

.leftMenuMenuLogInd>form>input[type=password],
.leftMenuMenuLogInd>form>input[type=text] {
    width: 100%;
    height: 31px;
    outline: 0;
    margin-bottom: 2px;
    padding: 0 5px
}

.leftMenuMenuLogInd>form>input[type=submit] {
    width: 100%;
    padding: 7px 0
}

.bottomMenuLeft {
    border-right: 1px solid #888;
    float: left;
}

.bottomMenuRight {
    border-left: 1px solid #888;
    float: right;
    min-width:130px;
}

.bottomMenuLeft>a,
.bottomMenuRight>a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 0 10px;
    display: block;
    height: 30px
}

#faceclaimInfo a:hover,
.notlogin a:hover {
    text-decoration: underline;
    background: 0
}

.bottomMenuLeft>a:hover,
.bottomMenuRight>a:hover {
    background-color: #888
}

.rightMenuMenuTime,
h1,
h3 {
    background-color: #ba9e7b
}

#HSQlinks,
#quickLinks {
    width: 180px
}

#ugle>a>img {
    padding-top: 7px
}

#venner {
    width: 190px
}

#quickLinksMenu {
    min-width: 180px;
    left: 0;
    display: none;
    overflow-wrap: break-all;

}

#addQuickLink {
    height: 25px;
    line-height: 25px
}

#addQuickLink>a {
    color: gold;
    display: block
}

.HSQlinksMenuLink>a,
.quickLinksMenuLink>a:first-child {
    color: #fff;
    font-size: 15px;
    margin-left: 5px;
    padding-right: 5px;
}

.quickLinksMenuLink>a:last-child {
    min-height: 16px;
    float: right;
    margin-right: 5px;
    padding-left: 15px;
}

h2,
h6 {
    margin: 0 0 5px;
    padding-bottom: 2px
}

#HSQlinksMenu {
    width: 180px;
    left: 181px;
    display: none
}

.btn .badge,
.collapsing,
.glyphicon {
    position: relative
}

.modal,
.modal-backdrop {
    right: 0;
    bottom: 0;
    left: 0
}

#blivVIW>a {
    background-position: 0 -506px
}

#facebook {
    height: 74px
}


.sceditor-button-youtube div {
    background-position: 0 0
}

.rightMenuMenuTime>div {
    border-bottom: 1px solid #000
}

.rightMenuMenuTime>div:last-child {
    border-bottom: 0
}

.tabbing {
    border: 1px solid #000
}

.rightMenuMenuTime>div>span {
    font-size: 12px;
    font-weight: 700
}

.rightMenuMenuTime>div:first-child>span {
    font-size: 12px
}

.rightMenuMenuStatistic>table>tbody>tr>td:first-child {
    width: 18px;
    padding-right: 3px;
    text-align: right;
    font-size: 12px
}

#indbakke-head,
.badge,
h4 {
    text-align: center
}

.rightMenuMenuStatistic>table>tbody>tr>td {
    font-size: 12px
}

#komGodtIGang>a {
    width: 240px;
}

#indexWelcomeLink {
    font-size: 1.9em;
    font-weight: 700
}

#indexMenu {
    width: auto;
    min-height: 38px;
    display:flex;
    align-items:center;
    justify-content: center;
}

.indexNewsKategory {
    float: right
}

h1,
h3 {
    font-size: 16px;
    margin: 0;
    color: #000;
    padding: 3px;
    border-bottom: solid 1px #000
}

h2,
h4 {
    font-size: 12px
}

h2 {
    color: #222;
    border-bottom: solid 1px #222
}

h6,
table {
    font-size: 11px
}

h6 {
    color: #fff;
    border-bottom: solid 2px #fff
}

table {
    margin: 0;
    padding: 1px;
    width: 100%;
    overflow: visible;
    border-collapse: collapse;
    border: 0;
    caption-side: top;
    vertical-align: top
}

td,
th{
    padding: 2px;
}

.td {
    padding: 3px
}

input.image {
    font-size: 11px;
    margin-bottom: 3px;
    padding: 2px 0;
    overflow: auto
}

select {
    size: 1px;
    border: 1px solid #938a79;
    background: #ba9e7b
}

input.checkbox {
    border: 0
}

input.image {
    border: 0 solid #aa9172;
    background: 0
}

.tabbing {
    background-color: #ba9e7b;
    height: auto;
    padding: 5px 10px;
    margin: 0 5px 5px;
    border-top: 0;
    float: left
}

.tabbing:active,
.tabbinga:hover {
    background-color: #c9b090;
    box-shadow: inset 0 2px 4px 1px #ba9e7b
}

#contents {
    margin-top: 36px
}

.boks {
    width: auto;
    background-color: #c9b090;
    border: 1px solid #000;
    margin: 5px
}

.boks ul {
    list-style: square;
    margin: 0;
    padding-left: .75cm;
    display: block
}

.padding {
    padding: 5px
}

.padding h1,
.padding h3 {
    font-size: 16px;
    color: #000;
    margin: 0;
    padding: 3px;
    border-bottom: solid 1px #000
}

.tab1 {
    width: auto;
    padding: 5px
}

.fejl,
.succed {
    margin: 10px 5px;
    padding: 5px 10px 5px 30px;
    font-size: 14px
}

.h3 {
    width: 100%;
    background-color: #000;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-bottom: 2px solid #fff
}

.fejl,
.fejl a,
.succed,
.succed a {
    color: #000
}

.succed {
    background: url(/img/icons/success.png) 5px 5px no-repeat #9cf692;
    border: 2px solid #0d8000
}

.fejl {
    background: url(/img/icons/warning.png) 5px 5px no-repeat #db9ea6;
    border: 2px solid #e00
}

#profil-avatar,
#profil-baggrund,
#profil-top {
    border: 1px solid #000
}

#profil-baggrund {
    width: 100%;
    background-color: #ba9e7b
}

#profil-top {
    min-height: 200px;
    background-color: #ba9e7b;
    margin: 0 10px 10px;
    padding: 5px;
    border-top: 0
}

#profil-avatar {
    width: 130px;
    height: 130px;
    object-fit: cover;
    object-position: center;
    margin-right: 1%;
    margin-left: 1%;
    float: left
}

#profil-info {
    width: 77%;
    margin-right: 1%;
    padding: 4px;
    border: 0;
    float: left
}

.profil-understreg {
    border-bottom: 0px solid #a48b6b;
    line-height: 1.4;
}

#profil-venner {
    width: 17%;
    height: 185px;
    border: 1px solid #000;
    float: left
}

.profil-venner-div {
    font-size: 14px;
    padding: 2px;
    border-bottom: 2px solid #a48b6b
}

#profil-venner-h3 {
    background-color: #a48b6b;
    color: #000;
    font-size: 15px;
    padding: 4px
}

.profil-venner-boks {
    width: auto;
    height: auto;
    text-align: center;
    margin: 5px;
    padding: 5px;
    border: 0px solid #666;
    background: rgba(171,145,112,100); 
    -webkit-box-shadow: 0px 0px 5px -3px #000000; 
    box-shadow: 0px 0px 5px -3px #000000;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    border-radius: 0.6rem;
}

.cards {
    display: flex;
    flex-wrap: wrap;

    margin: 0 0 0 0;
}

.cards_item {
    flex-basis: 29.8%;
    padding: 0 8px 0 8px;
}

.profil-venner-boks h2 {
    color: #222;
    font-size: 0.8rem;
    border: 0px;
    text-decoration: none;
}

.profil-venner-boks a:hover {
    text-decoration: none;
}

#profil-baggrund-h3,
#profil-header-container {
    background-color: #a48b6b;
    border: 1px solid #000
}

#profil-menu {
    width: 100%;
    height: 39px;
    margin: 0;
    padding: 0;
    display: block;
    z-index: 0
}

.collapse,
.editNewsDiv,
.newsNewsBbcodeDiv {
    display: none
}

#profil-baggrund-h3 {
    width: auto;
    font-size: 14px;
    margin: 10px 5px 0 auto;
    padding: 5px 10px;
    border-bottom: 0;
    float: left;
    z-index: 0
}

#profil-baggrund-h3:active,
#profil-baggrund-h3:hover {
    background-color: #c9b090;
    box-shadow: inset 0 2px 4px 1px #ba9e7b
}

#profil-tekst-container {
    background-color: #ba9e7b;
    margin: 2px 10px 10px 10px;
    padding: 5px;
    border: 1px solid #000;
    overflow: auto;
    z-index: 10
}

#profil-header-container {
    height: auto;
    margin: 10px 10px 0;
    padding: 5px
}

.profil-venstre {
    width: auto;
    height: auto;
    float: left
}

.profil-hojre {
    width: auto;
    height: auto;
    float: right
}

.tagwall-besked,
.tagwall-billed {
    float: left;
    border: 1px solid #000
}

#profil-navn {
    color: #fff;
    font-size: 26px;
    font-weight: bolder
}

.tagwall-container {
    width: auto;
    height: auto;
    padding: 5px
}

.tagwall-billed {
    width: 130px;
    height: 130px;
    margin-right: 5px
}

.tagwall-besked {
    width: 530px;
    overflow: auto
}

#indbakke,
.registerSpan,
.right {
    float: right
}

.bold {
    font-weight: 700
}

.border-top,
.registerH1 {
    border-top: 1px solid #000
}

.registerTable {
    padding: 5px
}

.registerTable input[type=password],
.registerTable input[type=text] {
    width: 210px
}

.registerTable select {
    width: 212px
}

.registerTable input[type=submit] {
    width: 100px
}

.registerColumn1 {
    width: 19%
}

.registerColumn2 {
    width: 35%
}

.registerInfoRpg,
.registerInfoUser {
    width: 286px;
    height: auto;
    padding: 10px;
    border: 1px solid #000;
    display: none;
    font-size: 14.5px
}

#besked-tr,
.input-padding-5 {
    padding: 5px
}

#alle-read,
#besked-svar,
#beskeden-svar,
#emne-nybesked,
#indbakke,
#svar-head,
#til-nybesked {
    border: 1px solid #5b5b5b
}

.registerCheckOkay {
    color: green
}

.registerCheckWrong {
    color: red
}

.aboutSpanHeader {
    font-size: 1.7em;
    font-weight: 700
}

.aboutTableHeader {
    font-size: 1.2em;
    font-weight: 700
}

.aboutTable {
    font-size: 1.2em
}

.newsTable {
    width: 100%
}

.newsTableTd {
    width: 100px
}

.newsHeadline {
    width: 200px
}

.newsDisplay,
.newsFormat,
.newsKategory {
    width: 203px
}

.newsNewsHtml {
    width: 100%
}

.newsNewsBbcodeDiv textarea {
    width: 100%;
    height: 300px
}

#emne-nybesked,
#indbakke-head,
#til-nybesked {
    padding-top: 5px;
    height: 25px
}

.newsSubmit {
    width: 100px;
    margin: 10px
}

.editNewsSpan {
    cursor: pointer
}

.commentDeleteLink,
.newsDeleteLink:hover {
    background: 0
}

.editNewsDiv textarea {
    width: 98%
}

.editNewsSubmit {
    width: 100px;
    margin: 5px
}

.readCommentsLink {
    margin: 0 0 0 5px
}

.createCommentDiv textarea {
    width: 98%;
    margin: 0
}

.notlogin h2 {
    font-size: 15px
}

.notlogin a:hover {
    color: #e00
}

#besked,
#emne-ny,
#til-ny {}

#alle-read,
#emne-nybesked,
#indbakke-head,
#svar-head,
#til-nybesked {
    background: #ba9e7b
}

.table-td-width-155 {
    width: 155px
}

.input-width-87-5 {
    width: 87.5px
}

.input-width-175 {
    width: 175px
}

.input-width-740 {
    width: 740px !important
}

#sidste-svar,
#svar-besked {
    width: 500px;
    height: 200px;
    float: left;
    margin: 5px
}

#faceclaimInfo {
    border: 1px solid #000;
    margin-bottom: 10px;
    padding: 3px
}

#indbakke {
    width: 250px;
    margin: 5px;
    height: 408px
}

#indbakke-beskeder {
    padding: 3px;
    overflow: auto;
    height: 372px
}

#svar-head {
    padding-top: 5px;
    height: 30px;
    overflow: hidden
}

#avatar-besked {
    height: 165px;
    width: 135px;
    float: left
}

#besked-svar {
    height: 165px;
    width: 357px;
    overflow: auto;
    margin-left: 3px;
    float: left;
    border-top: 0;
    padding-left: 3px
}

#besked-tr:hover {
    background-color: #a7895e
}

#svar-besked {
    border: 0 solid #333
}

#til-nybesked {
    float: left;
    width: 244px;
    margin-right: 2px
}

#emne-ny,
#til-ny {
    border: 0 solid #111;
    width: auto
}

#emne-nybesked {
    float: left;
    width: 245px;
    margin-left: 2px
}

#beskeden-svar {
    height: 165px;
    width: 495px;
    overflow: auto;
    float: left;
    border-top: 0
}

#besked {
    width: 485px;
    height: 150px;
    border: 0;
    color: #fff
}

#gamle-svar,
#ny-besked-submit,
#send-svar {
    width: 175px;
    height: 30px;
    margin: 5px;
    float: left;
    background: #ba9e7b;
    border: 1px solid #5b5b5b
}

#alle-read {
    width: 165px;
    height: 30px;
    margin: 5px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse.in {
    display: block
}

.badge,
.glyphicon {
    display: inline-block
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.modal,
.modal-open {
    overflow: auto
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    top: 1px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.badge,
.close {
    font-weight: 700;
    line-height: 1
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.badge {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #999;
    border-radius: 10px
}

.badge:empty,
.modal {
    display: none
}

.btn .badge {
    top: -1px
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.nav-pills>.active>a>.badge,
a.list-group-item.active>.badge {
    color: #428bca;
    background-color: #fff
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.close {
    float: right;
    font-size: 21px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
}

.modal-content,
.popover {
    background-clip: padding-box
}

.modal {
    position: fixed;
    top: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-show,
.tooltip {
    display: block
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog {
    position: relative;
    width: 440px;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #ba9e7b;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    background-color: #ba9e7b;
    padding: 15px 15px 5px;
    border-bottom: 1px solid #ac895f;
    border-radius: 6px 6px 0 0;
    min-height: 16.43px
}

.modal-header h1 {
    border: 0
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    background-color: #c9b090;
    border-radius: 0 0 6px 6px;
    position: relative;
    padding: 20px
}

.popover,
.tooltip,
.tooltip-arrow {
    position: absolute
}

.modal-body input[type=text] {
    width: 377px;
    border-radius: 3px;
    padding: 10px
}

.modal-body .small {
    width: 100px !important
}

.modal-body textarea {
    width: 377px;
    max-width: 377px;
    height: 80px;
    min-height: 80px;
    border-radius: 3px;
    padding: 10px
}

.modal-body input[type=submit] {
    padding: 10px;
    border-radius: 3px;
    outline: 0;
    margin-top: 15px;
    float: right
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

@media(min-width:768px) {
    .modal-dialog {
        width: 440pxpx;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

@media(min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    z-index: 1030;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-color: #c9b090;
    border: 1px solid #8a673d;
    border-radius: 4px
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #8a673d
}

.tooltip-arrow {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    left: 5px
}

.tooltip.top-right .tooltip-arrow {
    right: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #8a673d
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #8a673d
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #8a673d;
    top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    left: 5px
}

.tooltip.bottom-right .tooltip-arrow {
    right: 5px
}

.popover {
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.left>.arrow:after,
.popover.right>.arrow:after {
    content: " ";
    bottom: -10px
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    left: 1px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff
}

/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */

.sceditor-button div,
div.sceditor-grip {
    background-image: url(famfamfam.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

.sceditor-button-link div {
    background-position: 0 -16px
}

.sceditor-button-unlink div {
    background-position: 0 -32px
}

.sceditor-button-underline div {
    background-position: 0 -48px
}

.sceditor-button-time div {
    background-position: 0 -64px
}

.sceditor-button-table div {
    background-position: 0 -80px
}

.sceditor-button-superscript div {
    background-position: 0 -96px
}

.sceditor-button-subscript div {
    background-position: 0 -112px
}

.sceditor-button-strike div {
    background-position: 0 -128px
}

.sceditor-button-source div {
    background-position: 0 -144px
}

.sceditor-button-size div {
    background-position: 0 -160px
}

.sceditor-button-rtl div {
    background-position: 0 -176px
}

.sceditor-button-right div {
    background-position: 0 -192px
}

.sceditor-button-removeformat div {
    background-position: 0 -208px
}

.sceditor-button-quote div {
    background-position: 0 -224px
}

.sceditor-button-print div {
    background-position: 0 -240px
}

.sceditor-button-pastetext div {
    background-position: 0 -256px
}

.sceditor-button-paste div {
    background-position: 0 -272px
}

.sceditor-button-orderedlist div {
    background-position: 0 -288px
}

.sceditor-button-maximize div {
    background-position: 0 -304px
}

.sceditor-button-ltr div {
    background-position: 0 -320px
}

.sceditor-button-left div {
    background-position: 0 -336px
}

.sceditor-button-justify div {
    background-position: 0 -352px
}

.sceditor-button-italic div {
    background-position: 0 -368px
}

.sceditor-button-image div {
    background-position: 0 -384px
}

.sceditor-button-horizontalrule div {
    background-position: 0 -400px
}

.sceditor-button-format div {
    background-position: 0 -416px
}

.sceditor-button-font div {
    background-position: 0 -432px
}

.sceditor-button-emoticon div {
    background-position: 0 -448px
}

.sceditor-button-email div {
    background-position: 0 -464px
}

.sceditor-button-date div {
    background-position: 0 -480px
}

.sceditor-button-cut div {
    background-position: 0 -496px
}

.sceditor-button-copy div {
    background-position: 0 -512px
}

.sceditor-button-color div {
    background-position: 0 -528px
}

.sceditor-button-code div {
    background-position: 0 -544px
}

.sceditor-button-center div {
    background-position: 0 -560px
}

.sceditor-button-bulletlist div {
    background-position: 0 -576px
}

.sceditor-button-bold div {
    background-position: 0 -592px
}

div.sceditor-grip {
    background-position: 0 -608px
}

.rtl div.sceditor-grip {
    background-position: 0 -618px;
    width: 10px;
    height: 10px
}

.sceditor-container {
    position: relative;
    background: #fff;
    border: 1px solid #d9d9d9;
    font-size: 13px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #222;
    line-height: 1;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
    padding: 0;
    margin: 0;
    z-index: 3
}

.sceditor-container iframe,
.sceditor-container textarea {
    border: 0;
    outline: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #111;
    padding: 0;
    margin: 5px;
    resize: none;
    background: #fff
}

div.sceditor-resize-cover {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: .3
}

.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
    background: #efefef
}

.sceditor-container.ie6 {
    overflow: hidden
}

div.sceditor-grip {
    overflow: hidden;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3
}

.sceditor-maximize {
    position: fixed;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2000
}

body.sceditor-maximize,
html.sceditor-maximize {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.ie6.sceditor-maximize {
    position: absolute
}

.sceditor-maximize div.sceditor-grip {
    display: none
}

.sceditor-maximize div.sceditor-toolbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

div.sceditor-dropdown {
    position: absolute;
    border: 1px solid #ccc;
    background: #ba9e7b;
    color: #333;
    z-index: 4000;
    padding: 10px;
    line-height: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .2)
}

div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
    color: #333
}

div.sceditor-dropdown form {
    margin: 0
}

div.sceditor-dropdown label {
    display: block;
    font-weight: 700;
    color: #3c3c3c;
    padding: 4px 0
}

div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    outline: 0;
    padding: 4px;
    border: 1px solid #ccc;
    border-top-color: #888;
    margin: 0 0 .75em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

div.sceditor-dropdown textarea {
    padding: 6px
}

div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
    border-color: #666 #aaa #aaa;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1)
}

div.sceditor-dropdown .button {
    font-weight: 700;
    color: #444;
    padding: 6px 12px;
    background: #ececec;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer;
    margin: .3em 0 0
}

div.sceditor-dropdown .button:hover {
    background: #f3f3f3;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
    padding: 6px 0
}

div.sceditor-color-picker,
div.sceditor-emoticons,
div.sceditor-more-emoticons {
    padding: 0
}

.sceditor-pastetext textarea {
    border: 1px solid #bbb;
    width: 20em
}

.sceditor-emoticons img,
.sceditor-more-emoticons img {
    padding: 0;
    cursor: pointer;
    margin: 2px
}

.sceditor-more {
    border-top: 1px solid #bbb;
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    padding: 6px 0
}

.sceditor-dropdown a:hover {
    background: #eee
}

.sceditor-font-option,
.sceditor-fontsize-option,
.sceditor-format a {
    display: block;
    padding: 7px 10px;
    cursor: pointer;
    text-decoration: none;
    color: #222
}

.sceditor-fontsize-option {
    padding: 7px 13px
}

.sceditor-color-column {
    float: left
}

.sceditor-color-option {
    display: block;
    border: 1px solid #fff;
    height: 10px;
    width: 10px;
    overflow: hidden
}

.sceditor-color-option:hover {
    border: 1px solid #333
}

div.sceditor-toolbar {
    overflow: hidden;
    padding: 3px 5px 2px;
    background: #f7f7f7;
    border-bottom: 1px solid silver;
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

div.sceditor-group {
    display: inline-block;
    background: #ddd;
    margin: 1px 5px 1px 0;
    padding: 1px;
    border-bottom: 1px solid #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
    display: inline;
    zoom: 1
}

.sceditor-button {
    float: left;
    cursor: pointer;
    padding: 3px 5px;
    width: 16px;
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-indent: -9999px
}

.ie .sceditor-button {
    text-indent: 0
}

.ie6 .sceditor-button,
.ie7 .sceditor-button {
    float: none !important;
    display: inline;
    zoom: 1
}

.ie6 .sceditor-button {
    padding: 0
}

.ie6 .sceditor-button div {
    margin: 5px
}

.ie7 .sceditor-button div {
    margin: 5px 0
}

.sceditor-button.active,
.sceditor-button:active,
.sceditor-button:hover {
    background: #fff;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .3), inset -1px 0 rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .3), inset -1px 0 rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .3), inset -1px 0 rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.sceditor-button:active {
    background: #fff;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .3), inset -1px 0 rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .3), inset -1px 0 rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .3), inset -1px 0 rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 0 8px rgba(0, 0, 0, .3)
}

.sceditor-button.disabled:hover {
    background: inherit;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.sceditor-button,
.sceditor-button div {
    display: block
}

.sceditor-button div {
    margin: 2px 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent
}

.sceditor-button.disabled div {
    filter: alpha(opacity=30);
    opacity: .3
}

.sceditor-button.text,
.sceditor-button.text div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div,
.text .sceditor-button,
.text .sceditor-button div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div {
    width: auto;
    overflow: visible;
    line-height: 16px;
    font-size: 1em;
    color: inherit;
    text-indent: 0
}

.sceditor-button.text div,
.text .sceditor-button div {
    padding: 0 2px;
    background: 0
}

.sceditor-button.text-icon div,
.text-icon .sceditor-button div {
    padding: 0 2px 0 20px
}

.rtl .sceditor-button {
    float: right
}

.rtl div.sceditor-grip {
    right: auto;
    left: 0
}

.table_color tr:nth-child(even) {
    background: #ba9e7b
}
.pagination {
    display: inline-block;
    margin-top:5px;
    margin-bottom: 5px;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 14px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color .3s;
}

.pagination a.active {
    border-radius: 4px;
    background-color: #ba9e7b;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.center {
    text-align: center;
}


.owl_menu a {
    background-color: #ba9e7b;
    color: black;
    padding: 10px 50px;
    border: 0px solid #5b5b5b;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.job_color a {
    background-color: #ba9e7b;
    padding: 2px 5px;
    border: 0px solid #5b5b5b;
    font-size: 9pt;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top:5px;
    cursor: default;
}


.owl_menu a:hover, a:active {
    background-color: #a7895e;
    border: 0px solid #a7895e;
}

.owl_count {
    /*background-color: #997c55; */
    color: black;
    padding: 10px 10px;
    border: 0px solid #5b5b5b;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
}

#textSlider {
    margin-left: 20px;
    margin-right: 20px;
}

.imgHoverWrap { position: relative; }

.imgHover {
    display: none;
    width: 100px;
    height: 130px;
    padding: 2px;
    background-color: #ba9e7b;
    position: absolute;
    left: 20px;
    top: 18px;
}

/*News Slider*/
h2.news-slide-header {
    border: 0px;
    text-align: center;
    font-size: 1rem;
}

.news-slide-link a:hover {
    text-decoration: none;
}

.news-slide-body {
    text-align: center;
}

p.news-slide-date {
    text-align: center;
    margin: 5px;
    font-size:10pt;
}

.news-slider-box {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 75%;
    margin-left:25px;*/
}

/* image effects */


img.round {
    border-radius: 10px;
}

img.drop-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img.center {
    display:block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.avatar {
    /* Rounded border */
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 5px;
}

.large-img {
    /* Rounded border */
    height: 120px;
    width: 120px;
    padding: 5px;
}

.avatar_image {
    /* Rounded border */
    border-radius: 20%;

    /* Take full size */
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.square {
    border-radius: 10%;
}

.avatar_container {
    position: relative;
}

.avatar_indicator_red {
    /* Shown at the bottom right corner */
    bottom: 8px;
    position: absolute;
    right: 8px;
    transform: translate(50%, 50%);

    /* Rounded border */
    border-radius: 9999px;
    height: 10px;
    width: 10px;

    /* Background color */
    background-color: #d13028;
}

.avatar_indicator_green {
    /* Shown at the bottom right corner */
	bottom: 8px;
    position: absolute;
    right: 8px;
    transform: translate(50%, 50%);

    /* Rounded border */
    border-radius: 9999px;
    height: 10px;
    width: 10px;

    /* Background color */
    background-color: DarkGreen;
}

#tooltip {
    background-color: rgba(76,76,76, 0.98);
    color: white;
    padding: 3px 3px;
    border-radius: 4px;
    font-size: 12px;
    display: none;
    z-index:11;
}

#tooltip[data-show] {
    display: block;
}

#arrow,
#arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
    z-index: 10;
}

#arrow {
    visibility: hidden;
}

#arrow::before {
    visibility: visible;
    content: '';
    transform: rotate(45deg);
}

#tooltip[data-popper-placement^='top'] > #arrow {
    bottom: -4px;
}

#tooltip[data-popper-placement^='bottom'] > #arrow {
    top: -4px;
}

#tooltip[data-popper-placement^='left'] > #arrow {
    right: -4px;
}

#tooltip[data-popper-placement^='right'] > #arrow {
    left: -4px;
}

.notification_container {
    height: 30px;
    padding: 4px;
    align-items:center;
    justify-content:center;
}

.notification_indicator {
    /* Shown at the bottom right corner */
    transform: translate(50%, 50%);
    align-items:center;
    justify-content:center;
    display:flex;

    /* Rounded border */
    border-radius: 9999px;
    height: 16px;
    width: 16px;
    font-size: 0.8rem;
    color: white;

    /* Background color */
    background-color: #FF4136;
    margin-top: -4px;
    margin-left: 3px;
}

#notificationBox {
    right:447px;
    width:auto;
    min-width: 220px;
    line-height: 13px;
    color: white;
    display:none;
    padding: 15px;
}

.notification_link {
    display:grid;
    grid-template-columns: 90% 10%;
    grid-template-rows: auto 12px;
    grid-auto-flow: column;
    border-bottom: 1px solid #999;   
}

.notification_link a {
    color: white;
    justify-self:center;
    align-self:center;
    padding-top: 7px;
}

#notificationBox>div:last-child {
    border-bottom: 0px;
}

.notification_info {
    height: auto;
    font-size: 12px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.notification_info a {
    color:white;
}

.notification_time {
    grid-row: 2;
    font-size: 8px;
    padding-bottom: 3px;
}

.notification_read {
    grid-column:2;
    grid-row: 1 / 3;
    justify-self:center;
    align-self: center;
}

img.forum_avatar {
    width: 120px; 
    height:120px; 
    border: 0px; 
    border-radius: 0 0 3px 3px; 
    object-fit: cover; 
    object-position: center;
}

img.forum_avatar_answer {
    width: 100px; 
    height:100px; 
    border: 0px; 
    border-radius: 0 0 3px 3px; 
    object-fit: cover; 
    object-position: center;
}

#recipient-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Dropdown-listen */
.dropdown-owl {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #a28766;
    background-color: #BA9E7B;
    z-index: 999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    max-height: 200px;
    overflow-y: auto;
    border-radius: 4px;
}

/* Dropdown-elementer */
.dropdown-owl li {
    padding: 5px;
    cursor: pointer;
    font-size: 13px;
    border-bottom: 1px solid #a28766;
    transition: background-color 0.2s ease;
}

/* Sidste element uden grænse */
.dropdown-owl li:last-child {
    border-bottom: none;
}

/* Hover-effekt */
.dropdown-owl li:hover {
    background-color: #C9B090;
}

/* Aktivt/fokuseret element */
.dropdown-owl li.active {
    background-color: #C9B090;
    font-weight: bold;
}

/* Scrollbar styling for moderne browsere */
.dropdown-owl {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #BA9E7B #C9B090; /* Thumb color, Track color */
}

.dropdown-owl::-webkit-scrollbar {
    width: 6px; /* Smal scrollbar */
}

.dropdown-owl::-webkit-scrollbar-thumb {
    background-color: #BA9E7B; /* Farve til "thumb" */
    border-radius: 3px; /* Runde hjørner */
}

.dropdown-owl::-webkit-scrollbar-thumb:hover {
    background-color: #a28766; /* Hover-effekt */
}

.dropdown-owl::-webkit-scrollbar-track {
    background-color: #C9B090; /* Baggrundsfarve til "track" */
    border-radius: 3px; /* Runde hjørner */
}

#cke_1_contents {
    min-height: 500px !important;
}

/* Gæstebog slet-knap styling */
.delete-guestbook-btn {
    background: #ba9e7b;
    color: #ba9e7b;
    border: 1px solid #5a0606;
    border-radius: 1px;
    padding: 4px 6px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 22px;
}

.delete-guestbook-btn:hover {
    background: #9F0B0B;
    border-color: #7F0909;
    transform: scale(1.05);
}

.delete-guestbook-btn:active {
    background: #5a0606;
    transform: scale(0.95);
}

.delete-guestbook-btn img {
    filter: brightness(0) invert(1);
}