/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 14px;
    background-color: #ffebe8;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    
}

h1{
    color:#662b57;
    margin-top:0;
    margin-bottom:30px;
    padding-top:16px;
    font-size:28px;
}

.flex-line {
    display:flex;
    column-gap:8px;
    align-items:center;
}


.tall{
    height:500px;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    position:relative;
    margin:0;
    
}

iframe.notesframe{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    border:0;
    z-index:99;
    display:none;
}

.notes-clicker {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 4px;
    right: 4px;
    background-image: url('/img/notes.svg');
    z-index: 5000;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: all 0.1s ease;
}

.toolbar-area {
    position: fixed;
    top: 4px;
    right: 60px;
    border: 1px solid #fff;
    transition: all 100ms ease;
    z-index: 5000;
    display: flex;
    align-content: center;
    align-items: center;
    transform-origin: top right;
    padding: 6px;
    background-color: #662b57;
    border-radius:5px;
}


.toolbar-area:hover{
    transform:scale(1.5);
    box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}

.toolbar-clicker {
    display:block;
    width: 30px;
    height: 26px;
    z-index: 5000;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: all 50ms ease;
    margin:0 3px;
}

.problem-client {
    padding-left: 28px;
    padding-right: 10px;
    padding-top:2px;
    padding-bottom:2px;
    background-image: url('/img/problem.svg');
    background-position: 6px center;
    background-size:16px 16px;
    background-repeat:no-repeat;
    font-weight:bold;
    background-color:rgba(255, 0, 0, 0.1);
    border-radius: 5px;
    margin-left:-4px;
}

.toolbar-clicker:hover {
    transform: scale(1.2);
}

    .toolbar-clicker.diary {
        background-image: url('/img/diary.svg');
    }

    .toolbar-clicker.breathe {
        background-image: url('/img/breathe.svg')
    }

    .toolbar-clicker.xe {
        background-image: url('/img/xe.svg')
    }

    .toolbar-clicker.poms {
        background-image: url('/img/poms.svg')
    }

.notes-clicker.behid{
    display:none;
}

    .notes-clicker.closer {
        background-image: url('/img/notes-close.svg');
    }

    .notes-clicker:hover {
        transform: scale(1.2);
    }

.table-flex{
    display:flex;
    flex-direction:column;
}

.sml-label{
    font-size:10px;
    padding:1px!important;
    text-transform:uppercase;
}

.table-date{
    padding:1px!important;
    margin-bottom:6px;
}

.navbar-header {
    margin-left: 0.7vw;
}

.navbar-collapse{
    font-size:1vw;
}

.title-pair {
    display: flex;
    align-items: center;
    color: #662b57;
}

.title-num {
    padding-right: 8px;
    margin-right: 8px;
    width: 60px;
    text-align: right;
    border-right: 1px dotted #662b57;
}

.title-bold {
    font-weight: 700;
}

.post-comment img{
    max-width:100%;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }

    
}

img.editImage, input.editImage{
    width:16px;
    height:16px;
    opacity:0.5;
    padding:4px;
}

img.editImage:hover, input.editImage:hover{
    opacity:1.0;
}

img.editImage.big, input.editImage.big{
    width:32px;
    height:32px;
}

.reply-box{
   
    background-color:#fff;
    box-shadow:6px 6px 6px rgba(0,0,0,0.5);
    border-radius:3px;
    padding:30px;
    box-sizing:border-box;
}

    .reply-box textarea {
        width: 100%;
        box-sizing: border-box;
        font-size:16px;
        line-height:22px;
    }

.post-reply-area{
    text-align:right;
    margin:20px;
    position:relative;
}

.post-reply-button {
    border: 1px solid #662b57;
    border-radius: 3px;
    color: #662b57;
    font-weight: bold;
    padding: 12px;
    display: inline-block;
    transition: all .2s ease-in-out;
    cursor:pointer;
    background-color:rgba(255,255,255,0.2);
}

    .post-reply-button:hover {
        transform: scale(1.3);
        background-color: rgba(255,255,255,0.9);
    }


.wf-dialog{
    position:fixed;
    width:900px;
    left:50%;
    top:50%;
    
    transform: translate(-50%, -50%);
    border:1px solid #662b57;
    box-shadow:2px 2px 8px rgba(0,0,0,0.5);
    
    z-index:2000;
    background-color:#fff;


    
}

.wf-dlg-container{
    width:100%;
    box-sizing:border-box;
    max-height:90vh;
    overflow-y:auto;
    padding:20px;
}

.wf-dialog-title{
    font-size:18px;
    margin-bottom:12px;
    background-color:#662b57;
    color:#fff;
    margin:0;
    padding:20px;
}

td, th {
    padding: 6px;
    
}

.bogtable td {
    border-top: 1px solid #662b57;
    border-bottom: 1px solid #662b57;
    border-left:none;
    border-right:none;
}

th{
    color:#fff;
    background-color:#662b57;
}

.nolines td{
    border-width:0;
}

.nolines td:first-child{
    padding-left:0;
}

.lines td{
    border-top-width:1px!important;
    border-bottom-width:0px!important;
}

table{
    background-color:#fff;
}

table.nolines{
    background-color:transparent;
}

td.label{
    border:0;
    color:rgba(0,0,0,0.7);
    font-size:14px;
    font-weight:normal;
}

.tableFooter{
    background-color:#cf8ba3;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    text-align:right;
    padding:10px 40px;
    z-index:50;
}

table.record{
    margin-bottom:16px;
    border-spacing:0;
    border-bottom:1px solid #cf8ba3;
}

table.record.nolines{
    border-bottom:none;
}

.tableFooter td{
    border:0;
}

.tableFooter input[type="submit"], .tableFooter button{
    border:1px solid #662b57;
    background-color:#662b57;
    padding:8px 16px;
    color:#fff;
    border-radius:5px;
    cursor:pointer;
}

    .tableFooter input[type="submit"]:hover .tableFooter button:hover{
        background-color: #000;
        color: #fff;
    }

.tableFooter a{
    background-color:#662b57;
    color:#fff;
    padding:4px 8px;
    border-radius:5px;
    color:#ffebe8;
}

.tableFooter a:hover{
    text-decoration:none;
    background-color:#000;
    color:#fff;
}

input[type="submit"], button{
    padding:3px 10px;
    border:1px solid #999;
    border-radius:3px;
    cursor:pointer;
}

input[type="submit"]:hover, button:hover{
    color:#fff;
    background-color:#000;
}

.tableTopper p{
    font-size:18px;
}

.tableTopper{
    margin-bottom:12px;
}

input[type="text"], input[type="password"]{
    border:1px solid #ccc;
    border-radius:3px;
    padding:4px;
}

.datefield {
    width: 100px;
}

.form-horizontal div{
    padding:1px;
}

textarea{
    border:1px solid #ccc;
    border-radius:3px;
    padding:8px;
    font-size:14px;
    line-height:18px;
    box-sizing:border-box;
    max-width:100%;
}

select{
    border:1px solid #ccc;
    border-radius:3px;
    padding:3px;
}

select:hover{
    border-color:#666;
}

input[type="text"]:focus, input[type="text"]:hover, textarea:focus, textarea:hover{
    border-color:#666;
}

tr.section-header td{
    font-size:18px;
    font-weight:bold;
}

label{
    display:inline-block;
}

.grid-row-alternate td{
    background-color:#f9f9f9;
    vertical-align:top;
}

.grid-row-alternate:hover td{
    background-color:#eeeeee;
}

.grid-row td{
    /*background-color:#fff;*/
    vertical-align:top;
}

.nolines .grid-row td:first-child, .nolines .grid-row-alternate td:first-child{
    padding-left:8px;
}

.grid-header-lite td{
    border-bottom:0;
    background-color:#662b57;
    color:#fff;
    border-color:#662b57;
}

.grid-header-lite td:first-child{
    border-left:0;
}

td:last-child{
    border-right:0;
}

.grid-row:hover td{
    background-color:#eeeeee;
}

tr.ta td{
    vertical-align:top;
}

td.ta{
    vertical-align:text-top;
}

.bigpadright td{
    padding-right:20px;
}


.center-text{
    text-align:center;
}



.no-break{
    white-space:nowrap;
}

table.bogtable{
    border:0!important;
    width:100%;
    border-collapse:collapse;
}

.bogtable td:first-child{
    border-left:none;
}

.bogtable td:last-child{
    border-right:none;
}

.grid-pager table{
    display:inline-block;
}

.grid-pager td{
    text-align:right;
    border:0;
    padding:4px;
}

.bottom-padder{
    padding-bottom:80px;
}

.nopadding{
    padding:0;
}

.nopadding td{
    padding-top:0;
    padding-bottom:0;
}

.nopadding label{
    padding-left:8px;
}

.error{
    color:red;
    
    border-radius:3px;
    margin-left:6px;
    white-space:nowrap;
    font-size:12px;
    padding:3px;
}

.error:hover{
    background-color:red;
    color:white;
}

.error:empty{
    display:none;
}

.page-numbers-holder
{
       
    padding-top:10px;
    padding-bottom:10px;
        
}
.page-numbers-holder .page-descriptor
{
    float:left;
}

.page-numbers-holder .page-numbers
{
    float:right;
    cursor:pointer;
    white-space:nowrap;
}

.pno
{
    padding-left:3px;
    padding-right:3px;
}

.pno.sel
{
    color:#00a9ce;
}
.pager
{
    background-color:#00a9ce;
    color:#fff;
    border:1px solid #00a9ce;
    margin-left:3px;
    margin-right:3px;
    padding-left:3px;
    padding-right:3px;
}

.pager:hover
{
    background-color:#fff;
    color:#00a9ce;
    border:1px solid #000;
}
    
.clearthin
{
    clear:both;
    height:1px;
}

table.padded{
    border-spacing:0;
    width:100%;
    background-color:transparent;
}

table.padded.nolines{
    width:auto;
}

.padded td{
    border-top:1px solid #cf8ba3;
}

.padded.nolines td{
    border-top:0;
}

tr.dark td, tr.grid-header td{
    background-color:#662b57;
    color:#fff;
    border-color:#662b57;
}

tr.grid-header td a{
    color:#fff;
}

a.record-button, .windowbar input[type="submit"]{
    padding:4px 8px;
    background-color:#662b57;
    color:#fff;
    border-radius:5px;
    border:none;
}

    a.record-button:hover, .windowbar input[type="submit"]:hover{
        background-color: #000;
    }

a.editButton{
    width:16px;
    height:16px;
    background-image:url('/img/edit.png');
    background-size:contain;
    display:block;
    margin:4px;
    opacity:0.5;
}

a.editButton:hover{
    opacity:1.0;
}

.flex-man {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-bottom: 6px;
}

.start{
    align-items:flex-start;
}

.flex-one{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}

.chunk.column{
    flex-direction:column;
}

.chunk.column.cm-text > div{
    width:100%;
    max-width:300px;
    margin-bottom:6px;
}

.chunk.column.cm-text{
    width:320px;
    margin-right:20px;
}


    .chunk.column.cm-text input[type="text"] {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #662b57;
        background-color: transparent;
        border-radius: 0;
        color: #662b57;
    }

.tmb-bold{
    font-weight:bold;
}

.flex-man .chunk {
    display: flex;
    column-gap: 6px;
    align-items: center;
}

.flex-man .chunk > div{
  line-height: 28px; 
}

.flexy{
    display:flex;
}

.form-section{
    margin:30px 0;
    position:relative;
}

.form-section.hideme {
    display: none;
}

.flex-form-section{
    display:flex;
    
}

.flex-form-section .form-section{
    margin-right: 16px;
    
}

.form-section .tab-head{
    margin-left:32px;
    border-top:1px solid #662b57;
    font-size:16px;
    background-color: #eedbd8;
    padding:8px 24px;
    display:inline-block;
    color:#662b57;
    cursor:pointer;
}

.form-section .tab-head:hover{
    background-color:#662b57;
    color:#fff;
}

.form-section .tab-body{
    background-color:#eedbd8;
    padding:16px;
    border-bottom:1px solid #cf8ba3;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

table.fullwidth{
    width:100%;
}




ul{
    padding-left:6px;
}


.left-nav-panel{
    position:fixed;
    top:40px;
    left:-340px;
    z-index:200;
    width:10vw;
    
    background-color:rgba(102,43,87, 0.95);
    color:#fff;
    padding:20px;
    font-size:15px;
    max-height: calc(100vh - 120px);
    overflow-y:auto;
}

.left-nav-panel a{
    color:#ffebe8;
    font-weight:normal;
}

.left-nav-panel ul{
    margin-bottom:12px;
}

.left-nav-panel li{
    margin:4px 0;
    font-weight:bold;
}

.left-nav-panel li li{
    margin-top:4px;
}

.jmenu li{
    list-style:none;
}

.main-holder{
    flex-grow:5;
    margin-left:auto;
    margin-right:auto;
    min-width:900px;
    padding:0 10px;
    box-sizing:border-box;
}

.main-holder .inform{
    
    margin-left:auto;
    margin-right:auto;
    max-width:1200px;
    position:relative;
    transition: all 0.2s ease-in-out;
}

.chat-open .main-holder .inform {
    margin-left:0;
}

footer{
    width:90vw;
    margin-left:auto;
    margin-right:auto;
}

.navbar-nav li{
    cursor:pointer;
}

.navbar-nav li.selected, .navbar-nav li.selected.hilited, .navbar-nav li.selected:hover{
    background-color:#a07896;
}

.navbar-nav li:hover, .navbar-nav li.hilited{
    background-color:#885f7e;
}


.navbar-brand{
    font-size:1.1vw;
    padding:10px 10px 0 15px;
}

    .navbar-brand img {
        width: 36px;
    }

.navbar-nav li a{
    padding-left:0.7vw;
    padding-right:0.7vw;
}



.slider-gov{
    display:flex;
    flex-direction:row;
    width:100%;
}

.slider-panel{
    width:0;
    height:200px;
}

td input[type="image"]{
    width:16px;
    height:16px;
    opacity:0.5;
}

td input[type="image"]:hover{
    opacity:1.0;
}

.fieldNumber{
    text-align:right;
}

.cross{
    position:absolute;
    width:20px;
    height:20px;
    top:25px;
    right:5px;
    cursor:pointer;
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    transform-origin:center center;
}

.cross:before{
    content:'';
    position:absolute;
    left:0;
    width:100%;
    top:0;
    height:2px;
    background-color:#fff;
    transform: rotate(45deg);
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    transform-origin:center center;
}

.cross:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:2px;
    background-color:#fff;
    transform: rotate(-45deg);
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    transform-origin:50% 50%;
}

.cross:hover:before, .cross:hover:after{
    top:-1px;
    height:4px;
}

.col-md-4{
    border:1px solid #cf8ba3;
    border-radius:6px;
    margin:0 10px;
    background-color:rgba(255, 255, 255, 0.5);
    padding:6px 20px;
}

.col-md-4:first-child{
    margin-left:0;
}

.col-md-4 h2{
    margin:8px 0;
    font-size:22px;
}

.col-md-4 ul{
    padding-left:16px;
}

.col-md-4 li{
    margin:4px 0;
}

.spacey{
    margin:40px 0;
}

.refresh{
    cursor:pointer;
    opacity:0.4;
}

.refresh:hover{
    opacity:1.0;
}

.riskme{
    width:22px;
}


.w12{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

.searchform{
    position:absolute;
    top:20px;
    right:10px;
}

.navbar-nav.search{
    padding-top:11px;
    margin-left:20px;
}

.alr{
    text-align:right;
}

.navbar li a.tb-button{
    padding:4px;
}

.tb-button img{
    width:auto;
    height:20px;
    display:block;
}

.button-link{
    background-color:#662b57;
    color:#fff;
    border:0;
    border-radius:3px;
    color:#fff;
    padding:8px 12px;
    display:inline-block;
    margin-top:16px;
}

.button-link:hover{
    background-color:#cf8ba3;
}



#errorWindow, .information-dialog, .emailWindow
{
    position:fixed;
    min-width:300px;
    min-height:100px;
    max-height:90vh;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    
    background-color:#eeeeee;
    border:1px solid black;
    padding:16px;
    z-index:2500;
    box-shadow:2px 2px 12px #aaa;
}

.emailWindow{
    min-width:900px;
}

.information-dialog h3{
    font-size:16px;
    font-weight:normal;
    text-align:left;
    margin:0 0 10px 0;
}

#errorWindow, .emailWindow{
    display:none;
}

.information-dialog{
    display:block;
}

.windowbar
{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:#cf8ba3;
    padding:16px;
    color:#fff;
}

.ui-state-default.ui-state-active{
    
   background:#662b57;
   color:#fff;
}

.ui-datepicker-today .ui-state-default.ui-state-highlight{
    background:#fff;
    color:#000;
}

.ui-datepicker-today .ui-state-default.ui-state-active{
   background:#662b57;
   color:#fff;
}



.windowbar a{
    color:#fff;
}



.missing{
    box-shadow:0px 0px 4px red;
}

.missing.toolong{
    box-shadow:0px 0px 4px green;
}

.countdown.over{
    color:red;
}

.countdown{
    color:#888;
    display:block;
    font-size:12px;
}

.colorkeys{
    display:flex;
}

.colorkey{
    display:flex;
    flex-direction:column;
    margin:0 6px;
}

.colorkey .block{
    width:50px;
    height:30px;
}

.colorkey .desc{
    text-align:center;
}

.bold-value{
    font-weight:bold;
}

.handle {
    cursor:pointer;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8yMC8xNV9UXmkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAL0lEQVQ4jWMsLy//z0BDwERLw4eHBYz//9M0CoZDEI0m0wG3YDSZEgSjyXTgLQAAAlsNRsHag18AAAAASUVORK5CYII=') /*/img/handle.png*/;
    width:24px;
    height:18px;
    opacity:0.6;
}

.handle:hover{
    opacity:1.0;
}

.ui-sortable-helper {
    display: table;
}

tr.country{
    background-color:#f5f5f5;
}

tr.country td{
    border-top:1px solid #000;
}

tr.total{
    background-color:#eee;
}

tr.grand-total{
    background-color:#444;
    color:#fff;
}

tr.grand-total td{
    font-weight:bold;
}



tr.total td{
    border-top:1px solid #999;
}

tr.data{
    display:none;
}

tr.data td{
    border-top:1px solid #fff;
}

.expandButton{
    width:20px;
    height:20px;
    cursor:pointer;
    background-image:url(/img/expand.png);
    background-repeat:no-repeat;
    background-size:contain;
    display:none;
}

.country .expandButton{
    display:block;
}

.dropdowncb{
    position:relative;
    width:260px;
}

.dd-cbs{
    position:absolute;
    width:260px;
    height:400px;
    overflow-y:scroll;
    z-index:20;
    display:none;
    background-color:#fff;
    border:1px solid #aaa;
}

.dd-cbs .selbuts{
    padding:0 10px;
}

.dropdowncb .dd-title{
    border:1px solid #999;
    background-color:#fff;
    width:250px;
    padding:0 10px 0 10px;
}

.dropdowncb:hover .dd-cbs{
    display:block;
}

.dropdowncb table{
    line-height:18px;
}

.dropdowncb td{
    border:none;
    padding:0 10px 0 10px;
}

.dropdowncb label{
    padding-left:8px;
}

.bug-button-inline {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/img/bug.svg);
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.bug-img {
    width: 18px;
    height: auto;
    transition: all .2s ease-in-out;
}

.bug-img:hover{
    transform:scale(1.2);
}

.gear {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/img/gear.svg);
    cursor: pointer;
    transition: all .2s ease-in-out;
    position:absolute;
    top:10px;
    right:10px;
    z-index:20;
}

.gear:hover {
        transform: scale(1.2);
    }

.bug-button-inline.feature {
    background-image: url(/img/feature.svg);
}

.bug-button-inline:hover {
    transform: scale(1.3);
}

.post-box{
    
    background-color:rgba(255,255,255, 0.7);
    padding:40px;
    border-radius:6px;
    font-size:16px;
    line-height:22px;
    white-space:pre-line;
}

.saving-icon{
    padding:20px 30px;
    border-radius:3px;
    border:3px solid #000;
    color:#662b57;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    position:fixed;
    top:5%;
    right:2%;
    z-index:2000;
    margin:4px;
    background-color:rgba(255,255,255, 0.7);
    display:none;
}


.tb-head{
    margin-bottom:4px;
}

.tb-head a{
    font-weight:bold;
}

.tb-chunk{
    display:flex;
    padding:2px;
}



.tb-chunk div:first-child{
    width:60px;

    color:#666;
}

    .tb-chunk.email div:first-child {
        width:auto;
    }

.status-icon{
    width:24px;
    height:24px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}

    .status-icon.active{
        background-image:url(/img/active.svg);
    }

    .status-icon.closed {
        background-image: url(/img/closed.svg);
    }

    .status-icon.cancelled {
        background-image: url(/img/cancelled.svg);
    }

.tp-post {
    margin: 40px 20px 40px 20px;
    background-color: #e6b7c7;
    border-radius: 8px;
    padding: 0 20px 20px 20px;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:flex-start;
    position:relative;
    transition:all 0.4s ease;
}

.tp-post.deleting{
    transform:scale(0.1);
    opacity: 0;
}


.post-user{
    font-weight:bold;
    font-size:16px;
    border-bottom:1px solid #662b57;
    margin-bottom:6px;
}

.post-date {
    background-color: rgba(255,255,255,0.7);
    border-radius: 4px;
    padding: 16px;
    margin-bottom:10px;
    margin-top:-22px;
    flex-grow:0;
    
}

.ticket-icon img{
    width:40px;
}

.post-comment{
    margin:0 20px 20px 20px;
    font-size:16px;
    line-height:22px;
    white-space:pre-line;
}

.file-upload-bit{
    position:absolute;
    bottom:0;
    right:0;
}

.tp-post .file-upload-bit{
    bottom: -10px;
    right: -10px;
    z-index:40;
}

.upload-button {
    width: 30px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/img/upload.svg);
    opacity: 0.6;
    cursor: pointer;
    display: inline-block;
    transition:all 0.2s ease;
}

    .upload-button:hover {
        opacity: 1.0;
        transform: scale(1.2);
    }

.post-edit-button {
    width: 30px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/img/edit.svg);
    opacity: 0.6;
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s ease;
}

    .post-edit-button:hover {
        opacity: 1.0;
        transform: scale(1.2);
    }

.attach-image.download img{
    width:20px;
}

.delete-file{
    position:absolute;
    z-index:20;
    width:18px;
    height:18px;
    background-image:url(/img/close.svg);
    top: -3px;
    right: -3px;
    opacity:0.3;
    cursor:pointer;
}

.close-box {
    position: absolute;
    z-index: 20;
    width: 28px;
    height: 28px;
    background-image: url(/img/close.svg);
    top: 2px;
    right: 2px;
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.2s ease;

}

    .close-box:hover {
        opacity: 1.0;
        transform: scale(1.2);
    }

.delete-post {
    position: absolute;
    z-index: 20;
    width: 24px;
    height: 24px;
    background-image: url(/img/close.svg);
    top: -3px;
    right: -3px;
    opacity: 0.3;
    cursor: pointer;
    transition:all 0.2s ease;
}

.delete-post:hover{
    opacity:0.9;
    transform: scale(1.2);
}

.delete-file:hover{
    opacity: 0.9;
}



.tab-attach{
    display:flex;
    margin:0 20px 20px 20px;
    background-color:rgba(255,255,255,0.1);
}

    

.tp-post .tab-attach{
    margin-bottom:0;
    margin-left:0;
}

.attach-image{
    padding:10px;
    margin:5px;
    text-align:center;
    border-radius:3px;
    background-color:rgba(255,255,255, 0.5);
    position:relative;
    cursor:pointer;
    transition:0.3s all ease;
}

    .attach-image:hover {
        background-color: rgba(255,255,255, 0.9);
    }

.edit-box {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.5);
    border-radius: 3px;
    padding: 30px;
    box-sizing: border-box;
    z-index:2000;
}

.glowing-beacon{
    width:500px;
    padding:12px;
    border:1px solid #cf8ba3;
}

#mobile_marker{
    display:none;
}

.note-controls{
    text-align:right;
}

a.small-link{
    display:inline-block;
    background-image:url(/img/active.svg);
    width:12px;
    height:12px;
    background-repeat:no-repeat;
    background-size:contain;
    opacity:0.6;
    cursor:pointer;
}

    a.small-link:hover{
        opacity:1.0;
    }

.note-edit-block{
    position:relative;
}

.note-unlocker{
    position:relative;
}

.notes-heading {
    font-weight: bold;
    margin-top: 10px;
    color: #662b57;
}


.note-unlock {
    background-color: #fff;
    background-size: 20px 20px;
    background-position: top 5px right 5px;
    background-repeat: no-repeat;
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 0.4;
    cursor: pointer;
    background-image: url(/img/closed.svg);
}

    .note-unlock:hover {
        background-image: url(/img/unlocked.svg);
    }

.note-edit {
    border: 1px solid transparent;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    min-height: 40px;
    white-space: pre-wrap;
    max-height:300px;
    overflow-y:auto;
}

    .note-edit:hover {
        border: 1px solid rgba(0,0,0,0.3);
    }

.agent-box{
    position:absolute;
    top:14px;
    right:20px;
    border:2px solid #cf8ba3;
    border-radius:3px;
    padding:10px 20px;
}

#SearchSection{
    line-height:18px;
}

#SearchSection input[type="text"]{
    
    box-sizing:border-box;
    margin-left:4px;
    
}

.mc-scroll{
    max-height:350px;
    min-height:80px;
    overflow-y:auto;
    border:4px solid #cf8ba3;
    background-color:#fff;
    border-radius:3px;
}

.hollow-victory{
    padding:25px;
}

.job-chunk{
    margin-bottom:50px;
}


.jms-item-card {
    display: flex;
    justify-content:space-between;
    border-bottom: 1px solid #662b57;
    cursor:pointer;
}

    .jms-item-card:hover {
        
        filter: brightness(120%);
    }


.jms-item-Subject{
    font-size:1.2em;
    width:100%;
}
.lt{
    color:rgba(0,0,0,0.5);
}

.jms-item-card div{
    padding:8px 16px;
}
.jms-clump {
    width: 76%;
    
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
}

.jms-clump div{
    padding:0;
    margin-right:10px;
}

.job-chunk h2{
    margin-bottom:0px;
    padding:8px;
    font-size:18px;
    
}

.reverse{
    background-color:#662b57;
    color:#fff;
    padding:8px 20px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    
}

    .reverse a {
        text-decoration: none;
        color:#fff;
    }


 .info-panel{
     background-color:#ffebe8;
     padding:10px;
     border:1px solid #cf8ba3;
     margin:10px;
     font-size:12px;

 }

@media (max-width:767px) {
    .navbar-collapse {
        font-size: 14px;
    }

    .navbar-brand{
        font-size:18px;
    }

    .body-content{
        padding-left:0;
        padding-right:0;
    }

    .main-holder{
        min-width:300px;
        padding-top:16px;
    }

    .flexy{
        flex-wrap:wrap;
    }

    .col-md-4{
        margin:3px;
    }

    #mobile_marker{
        display:block;
    }

    .navbar-nav li a{
        color:#ffebe8;
    }

    .navbar-nav li {
        color: #ffebe8;
    }

    .navbar-fixed-top{
        width:100vw;
        box-sizing: border-box;
    }
}

.info-popup{
    position:relative;
    display:inline-block;
    line-height:18px!important;
}

.info-popup .info-text{
    display:none;
    position:absolute;
    top:20px;
    left:0;
    width:200px;
    padding:6px;
    box-shadow:1px 1px 4px rgba(0,0,0,0.5);
    color:#444;
    font-size:12px;
    line-height:16px!important;
    z-index:50;
}

.info-popup:hover .info-text{
    display:block;
    background-color:#fff;
}

.ticon{
    font-size:18px;
    color:#cf8ba3;
    cursor:pointer;
    line-height:18px!important;
}

.ticon:hover{
    color:#000;
}

.bk_contract{
    position:relative;
    padding-left:34px;
    padding-right:20px;
    background-color:rgba(128,220,255,0.6);
    border-radius:5px;
    box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}

.bk_contract::before {
    content:"";
    width: 30px;
    height: 30px;
    background-image: url('/img/contract.svg');
    background-size: 30px 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.flextom {
    display:flex;
    align-items: center;
    column-gap:6px;
    row-gap:6px;
}