/*
*/

/* top profile */
#profile-container {
background:#eaeaea;
padding:10px;
}

#profile-container .wrap {
width:960px;
margin:0 auto;
}

#profile-container .column {
float:left;
}

#profile-container .update-profile {
display:block;
text-decoration:none;
text-align:center;
font-size:10px;
font-style:italic;
color:black;
}

#profile-container .column-person {
width:819px;
padding-top:12px;
}

#profile-container .column-qsets {
float:right;
width:358px;
padding-right:61px;
}

#profile-container .column-qsets .sms-trigger {
display:block;
float:right;
width:143px;
height:40px;
vertical-align:middle;
text-align:center;
text-decoration:none;
background-color:#0099ff;
color:white;
border-radius:6px;
}

#profile-container .column-qsets .sms-trigger i,
#profile-container .column-qsets .sms-trigger span {
vertical-align:middle;
}

#profile-container .column-qsets .sms-options input {
margin:0px;
}

#profile-container .column-photo {
padding-right:23px;
padding-left:9px;
}

#profile-container .circular {
width:108px;
height:108px;
overflow:hidden;
border-radius:54px;
-webkit-border-radius:54px;
-moz-border-radius:54px;
}

#profile-container .circular img {
height:108px;
}

#profile-container .column-person .name {
font-weight:bold;
font-size:16px;
}

#profile-container .column-person .name .bonus,
#profile-container .column-person .name .fine {
font-weight:bold;
}

#profile-container .column-person .name .bonus {
color:green;
}

#profile-container .column-person .name .fine {
color:red;
}

#profile-container .column-person .post,
#profile-container .column-person .department {
font-style:italic;
}

#profile-container .column-info {
font-size:15px;
}

#profile-container .column-bigmenu {
float:none;
margin-top:12px;
}

#profile-container .column-bigmenu .menu-item {
display:inline-block;
text-align:center;
text-decoration:none;
width:249px;
line-height:59px;
color:#666666;
text-transform:uppercase;
border:1px solid white;
background:#f9f9f9;
}

#profile-container .column-bigmenu .menu-item.selected {
background-color:#0099ff;
color:white;
}

#profile-container .column-bigmenu span {
display:inline-block;
}

#profile-container .column-bigmenu span.lbl {
width:225px;
}

#profile-container .column-bigmenu span.cnt {
width:19px;
border-left:1px solid white;
color:white;
background:#0099ff;
}



#feed-container {
width:960px;
margin:0 auto;
}

#feed-container.instruction-container,
#feed-container.journal-container {
border-top:1px solid #cccccc;
padding-top:10px;
}

#feed-container input,
#feed-container select,
#feed-container textarea {
margin-top:0px;
margin-bottom:0px;
}

#feed-container .btn {
font-size:12px;
text-shadow:none;
}

.circular.circular35 {
width:35px;
height:35px;
overflow:hidden;
border-radius:35px;
-webkit-border-radius:35px;
-moz-border-radius:35px;
}

.circular.circular35 img {
height:35px;
}

.circular.circular49 {
width:49px;
height:49px;
overflow:hidden;
border-radius:49px;
-webkit-border-radius:49px;
-moz-border-radius:49px;
}

.circular.circular49 img {
height:49px;
}

.circular.circular55 {
width:55px;
height:55px;
overflow:hidden;
border-radius:55px;
-webkit-border-radius:55px;
-moz-border-radius:55px;
}

.circular.circular55 img {
height:55px;
}

#feed-container .small-menu {
border-bottom:1px solid #CCCCCC;
padding-left:20px;
padding-right:15px;
margin-bottom:16px;
}

#feed-container.task-container .small-menu {
padding-top:15px;
}

#feed-container .small-menu .menu-item {
margin-right:12px;
}

#feed-container .small-menu .menu-item.menu-item-search,
#feed-container .small-menu .menu-item.menu-item-total {
float:right;
}

#feed-container .small-menu .menu-item.menu-item-search {
display:inline-block;
margin-top:-11px;
}

#feed-container .small-menu .menu-item.menu-item-search .txt {
width:100px;
}

#feed-container .small-menu .menu-item.menu-item-search .btn {
width:70px;
color:white;
background: #0093f5;
padding:4px;
margin-left:4px;
border:none;
}

#feed-container .small-menu .menu-item.selected {
font-weight:bold;
}




/* create feed item */
#feed-container .feed-form {
width:791px;
background:#d3d3d3;
padding:0px 15px 10px;
margin:0 auto;
border-radius:6px;
}

#feed-container .feed-form.feed-form-instruction {
height:auto;
padding-top:15px;
padding-bottom:10px;
margin-bottom:20px;
}

#feed-container .feed-form .column {
float:left;
}

#feed-container .feed-form .feed-radio {
height:29px;
line-height:29px;
}

#feed-container .feed-form .feed-text {
width:775px;
height:84px;
resize: none;
}

#feed-container .feed-form .feed-settings {
margin-top:9px;
}

#feed-container .feed-form .column-actions {
margin-bottom: 16px;
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}

#feed-container .feed-form .column-actions .feed-user {
width:210px;
}

#feed-container .feed-form .assigments {
height:30px;
}

#feed-container .feed-form .assigments.hd {
visibility:hidden;
}

#feed-container .feed-form li input,
#feed-container .feed-form li label {
display:inline-block;
}

#feed-container .feed-form .column-actions .priority-lbl {
display:inline-block;
width:100px;
text-align:right;
}

#feed-container .feed-form .column-actions .feed-priority {
width:80px;
}

#feed-container .feed-form .column-actions .feed-priority option.priority-1 {
color:red;
}

#feed-container .feed-form .column-actions .feed-priority option.priority-2 {
color:yellow;
}

#feed-container .feed-form .column-actions .feed-priority option.priority-3 {
color:green;
}

#feed-container .feed-form .column-actions .actions {
margin-top:10px;
}

#feed-container .feed-form .column-actions .btn.btn-submit {
background:#0099ff;
color:white;
}

#feed-container .feed-form .column-actions .btn.btn-reset {
background:transparent;
border-width:0px;
box-shadow:none;
}

#feed-container .feed-form .column-fdata {
display: flex;
justify-content: space-between;
align-items: baseline;
width: 100%;
padding: 0;
flex-wrap: wrap;
}

#feed-container .feed-form .column-fdata .fdata-item:first-child {
margin-bottom:11px;
}

#feed-container .feed-form .column-fdata span {
display:inline-block;
}

#feed-container .feed-form .column-fdata .mlbl {
width:71px;
}

#feed-container .feed-form .column-fdata .lbl {
font-size:10px;
color:#919191;
font-style:italic;
}

#feed-container .feed-form .column-fdata select {
width:158px;
}

#feed-container .feed-form .feed-ondate,
#feed-container .feed-form .feed-ontime {
display:inline-block;
}

#feed-container .feed-form .feed-ondate {
width:90px;
border-right:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
}

#feed-container .feed-form .feed-ontime {
width:66px;
border-left:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
}

#feed-container .feed-form .feed-series,
#feed-container .feed-form .feed-number {
width:53px;
}

#feed-container .feed-form .feed-tracking {
width: 80px;
}

#feed-container .feed-form .dropdown-menu>li>a:hover,
#feed-container .feed-form .dropdown-menu>li>a:focus,
#feed-container .feed-form .dropdown-submenu:hover>a,
#feed-container .feed-form .dropdown-submenu:focus>a {
background:#0099ff;
}

#feed-container .feed-form .dropdown-menu>.active>a,
#feed-container .feed-form .dropdown-menu>.active>a:hover,
#feed-container .feed-form .dropdown-menu>.active>a:focus {
background:#0099ff;
}



#feed-container .feed-items {
margin-top:19px;
border-top:1px solid #cccccc;
padding-top:11px;
}

#feed-container.instruction-container .feed-items,
#feed-container.task-container .feed-items,
#feed-container.journal-container .feed-items {
border-top:0px;
}

#feed-container.journal-container .small-menu {
margin-top:16px;
}

#feed-container .feed-items .feed-separator {
margin-top:20px;
margin-bottom:20px;
height:1px;
background:#cccccc;
}

.feed-item {
border:2px solid #d7d7d7;
padding:11px;

margin-left:97px;
margin-right: 137px;
border-radius:6px;
}

.feed-item .column {
float:left;
}

.feed-item .column-status {
float:none;
position:absolute;
margin-top:-11px;
margin-left:-11px;
}

.feed-item .column-status span {
display:block;
width:14px;
height:14px;
background:#cc6600;
border-radius:14px;
}

.feed-item .column-status span.priority-1 {
background:red;
}

.feed-item .column-status span.priority-2 {
background:yellow;
}

.feed-item .column-status span.priority-3 {
background:green;
}

.feed-item .column-photo {
padding-right:10px;
}

.feed-item .column-feed {
width:500px;
padding-right:11px;
border-right:1px solid #999999;
}

.feed-item .column-actions {
min-height:93px;
padding-left:18px;
padding-right:18px;
width:85px;
}

.feed-item .heading {
margin-bottom:10px;
}

.feed-item .heading .dst {
font-size:13px;
width:370px;
}

.feed-item.feed-item-task .heading .dst {
width:350px;
}

.feed-item .heading .dst b {
font-size:14px;
}

.feed-item .heading .created {
float:right;
font-size:10px;
color:#7d7d7d;
text-align: right;
}

.feed-item .txt {
margin-bottom:15px;
min-height:31px;
word-wrap:break-word;
}

.feed-item .ldate,
.feed-item .sn,
.feed-item .add-comment,
.feed-item .watch {
font-size:11px;
}

.feed-item .sn,
.feed-item .add-comment,
.feed-item .watch,
.feed-item .list-comment {
float:right;
}

.feed-item .ldate {
color:#cc3300;
}

.feed-item .sn,
.feed-item .add-comment {
color:#28a4f8;
}

.feed-item .sn span,
.feed-item .sn a {
color:#0088cc;
}

.feed-item .sn a:hover {
color:black;
}

.feed-item .sn .fa {
font-size:11px;
}

.feed-item .sn .fa:hover {
font-size:13px;
}

.feed-item .add-comment {
margin-left:25px;
}

.feed-item .list-comment {
margin-left:4px;
font-size:11px;
}

.feed-item .watch {
margin-left:19px;
color:#666666;
}

.feed-item .watch.watched {
color:#f8a70b;
}

.feed-item .column-actions .btn {
color:white;
background:#0093f5;
font-weight:normal;
}

.feed-item .column-actions span {
display:block;
text-align:center;
color:#339900;
font-weight:bold;
}



/* update view */
.feed-item.can-edit .remove-item,
.feed-item.can-edit .update-item {
display:none;
position:absolute;
margin-left:689px;
margin-top:-4px;
color:#D7D7D7;
cursor:pointer;
}

.feed-item.can-edit .remove-item {
margin-top:20px;
}

.feed-item.feed-item-instruction.can-edit .update-item {
margin-top:1px;
}

.feed-item.can-edit .update-item:hover {
color:#28a4f8;
}

.feed-item.can-edit .remove-item:hover {
color:red;
}

.feed-item.can-edit:hover .update-item,
.feed-item.can-edit:hover .remove-item {
display:block;
}

.feed-item.can-edit textarea {
resize:none;
width:95%;
}

.feed-item.can-edit .btn {
margin-top:5px;
font-size:12px;
text-shadow:none;
}

.feed-item.can-edit .btn.btn-save {
background: #0099ff;
color: white;
}

.feed-item.can-edit .btn.btn-cansel,
.feed-item.can-edit .btn.btn-remove {
background: transparent;
border-width: 0px;
}

.feed-item.can-edit .btn.btn-remove {
color:red;
}

.btn-remove-executor,
.btn-unwatch{
    color:gray;
    font-size: 12px;
}

/* comments on item */
.feed-replies {
border:2px solid #d7d7d7;
border-width:0px 0px 0px 2px;
padding-top:36px;

margin-left:137px;
margin-right:190px;
}

.feed-item.feed-item-reply {
margin:36px 0 0;
padding:8px;
background:#f4f7f8;
border-width:0px;
border-radius:0px 6px 6px 0px;
}

.feed-item.feed-item-reply:first-child {
margin-top:0px;
}

.feed-item.feed-item-reply .column-feed {
width:556px;
border-right:none;
}

.feed-item.feed-item-reply.feed-item-balance .column-feed {
width:416px;
}

.feed-item.feed-item-reply .heading {
margin-bottom:4px;
}

.feed-item.feed-item-reply .dst {
font-weight:bold;
}

.feed-item.feed-item-reply.feed-item-balance .dst {
font-weight:normal;
width:340px;
}

.feed-item.feed-item-reply .txt {
margin:0px;
}

.feed-item.feed-item-reply .update-comment {
float:right;
color:#666666;
font-size:10px;
}


/* reply by comment */
.feed-item.feed-item-replyform {
background:#e4e4e4;
}

.feed-item.feed-item-replyform textarea {
width:517px;
height:51px;
resize:none;
margin-bottom:20px;
}

.feed-item.feed-item-replyform .btn {
font-size:12px;
font-weight:normal;
}

.actions .btn.btn-submit {
background:#0099ff;
color:white;
}

.actions .btn.btn-reset {
background:transparent;
border-width:0px;
box-shadow:none;
}


/* reply by balance */
.feed-item.feed-item-balanceform {
background:#e4e4e4;
}

.feed-item.feed-item-balanceform textarea {
width:542px;
height:51px;
resize:none;
margin-bottom:20px;
}

.feed-item.feed-item-balanceform .btn {
font-size:12px;
font-weight:normal;
}

.feed-item.feed-item-balanceform .btn.btn-submit {
background:#0099ff;
color:white;
}

.feed-item.feed-item-balanceform .btn.btn-reset {
background:transparent;
border-width:0px;
box-shadow:none;
}

.feed-item.feed-item-balanceform .column-bsets {
float:right;
}

.feed-item.feed-item-balanceform .balance-type {
width:46px;
}

.feed-item.feed-item-balanceform .balance-diff {
width:70px;
}



/* reply by task */
.feed-item.feed-item-taskform {
background:#e4e4e4;
}

.feed-item.feed-item-taskform textarea {
width:542px;
height:51px;
resize:none;
margin-bottom:20px;
}

.feed-item.feed-item-taskform .btn {
font-size:12px;
font-weight:normal;
}

.feed-item.feed-item-taskform .btn.btn-submit {
background:#0099ff;
color:white;
}

.feed-item.feed-item-taskform .btn.btn-reset {
background:transparent;
border-width:0px;
box-shadow:none;
}

.feed-item.feed-item-taskform .column-bsets {
float:right;
font-size:12px;
}

.feed-item.feed-item-taskform .column-bsets .column.first {
padding-right:10px;
}

.feed-item.feed-item-taskform .column-bsets .column.last {
padding-left:10px;
border-left:1px solid #999999;
}

.feed-item.feed-item-taskform .column-bsets .mlbl {
display:inline-block;
padding-right:3px;
width:63px;
text-align:right;
}

.feed-item.feed-item-taskform .column-bsets .receipt-input {
margin-bottom:14px;
}

.feed-item.feed-item-taskform .column-bsets .feed-series,
.feed-item.feed-item-taskform .column-bsets .feed-number {
width:37px;
}

.feed-item.feed-item-taskform .column-bsets .feed-tracking{
width: 80px;
}

.feed-item.feed-item-taskform .column-bsets .feed-user {
width:111px;
}



/* task item */
.feed-item.feed-item-task {
}

.feed-item.feed-item-task .btn.btn-complatetask {
background:#00cc33;
}

.feed-item.feed-item-task .btn.btn-complatetask.disabled {
background:#A6A6A6;
}

.feed-item.feed-item-task .column-actions {
min-height:60px;
}

.feed-item.feed-item-task .column-actions select {
width:101px;
margin-bottom:5px !important;
margin-top:5px !important;
}

.feed-item.feed-item-task.can-edit .column-actions select {
width:90px;
}

.feed-item.feed-item-task .column-actions .btn {
    width: 101px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 5px;
}



/* news item */
.feed-item.feed-item-news {
padding-bottom:3px;
}

.feed-item.feed-item-news .column-feed {
width:624px;
border-right:none;
}

.feed-item.feed-item-news .nws {
margin-left:-65px;
color:#339900;
font-size:10px;
}


/* review item */
.feed-item.feed-item-review .column-feed {
width:624px;
border-right:none;
}

.feed-item.feed-item-review .nws {
margin-left:-56px;
color:#339900;
font-size:10px;
}

.feed-item.feed-item-review .rating {
text-align:right;
margin-top:10px;
margin-bottom:20px;
font-weight:bold;
font-size:11px;
}

.feed-item.feed-item-review .rating span {
margin-left:14px;
}



/* balance item */
.feed-item.feed-item-balance {
}

.feed-item.feed-item-balance .nws {
margin-left:-65px;
color:#339900;
font-size:10px;
}

.feed-item.feed-item-balance .column-actions {
width:85px;
padding-top:33px;
min-height:60px;
}

.feed-item.feed-item-balance .column-actions span.bonus {
color:#339900;
font-weight:bold;
}

.feed-item.feed-item-balance .column-actions span.bonus.red {
color:red;
}



/* instruction item */
.feed-item.feed-item-instruction {
}

.feed-item.feed-item-instruction .column-actions {
padding-right:0px;
width:101px;
}

.feed-item.feed-item-instruction .column-actions span.complate {
line-height:93px;
}

.feed-item.feed-item-instruction .column-actions select {
width:101px;
}

.feed-item.feed-item-instruction.can-edit .column-actions select {
width:90px;
}

.feed-item.feed-item-instruction .column-actions .btn {
width:101px;
padding-left:0px;
padding-right:0px;
margin-top:5px;
font-size:11px;
}

.feed-item.feed-item-instruction .column-actions .btn.btn-add,
.feed-item.feed-item-instruction .column-actions .btn.btn-watch {
background:#00cc33;
}



/* notify */
.feed-notifications {
position:fixed;
right:0px; bottom:0;
    z-index: 100;
    max-height: calc(100vh - 50px);
    overflow-y: auto;
    width: 335px;
}

.feed-notifications .notification {
cursor:pointer;
border-radius:6px;
}

.feed-notifications .column {
float:left;
}

.feed-notifications .column-photo {
padding-right:10px;
}

.feed-notifications .column-info {
width:250px;
word-wrap: break-word;
}

.feed-notifications .notification p {
    max-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 2px 0;
    font-size: 12px;
    transition: .3s ease;
}

.feed-notifications .notification:hover p {
    max-height: 200px;
    margin: 2px 0;
    font-size: 12px;
}

.feed-notifications .notification .btn-small {
    padding: 0 4px;
    font-size: 13px;
}

.feed-notifications .notification {
    background:#515151;
    color:white;
    width:310px;
    padding: 3px 5px;
    margin-bottom: 3px;
}

.feed-notifications .fa {
position:absolute;
cursor:pointer;
}

.feed-notifications .fa-times {
margin-left:300px;
}

.feed-notifications .fa-desktop {
margin-left:275px;
}

.feed-notifications .created {
display:none;
}

.feed-notifications .notification .hd {
text-transform:uppercase;
font-weight:bold;
margin-bottom:-2px;
    font-size: 13px;
}


#journal-container .feed-load {
text-align:center;
width:100px;
margin:10px auto 0px;
cursor:pointer;
color:#0099ff;
}



/* feed paging */
#feed-container .feed-pager {
text-align:center;
padding:18px 0px 18px;
margin-top:10px;
border-top:1px solid #cccccc;
}

#feed-container .feed-pager a {
display:inline-block;
font-size:12px;
line-height:12px;
color:#0099ff;
padding:2px 4px 2px;
background:#E8E8E8;
}

#feed-container .feed-pager a.selected {
color:white;
background:#0093f5;
}



/* modals */
.journal-modal {
position:fixed;
width:100%;
height:100%;
z-index: 100;
top:0px;
left:0px;
bottom:0px;
background: rgba(0,0,0,0.6);
}

.journal-modal .body {
width:669px;
height:550px;
margin:60px auto 0px;
background:white;
border:2px solid #d7d7d7;
overflow-y:scroll;
box-shadow: 3px 3px 5.94px 0.06px rgba(0, 0, 0, 0.6);
border-radius:6px;
}

.journal-modal .feed-item {
margin:0px;
border-width:0 0 2px 0px;
border-radius:0px;
}

.journal-modal .feed-item.feed-item-reply {
margin-top:36px;
}

.journal-modal .feed-item.feed-item-reply:first-child {
margin-top:0px;
}

.journal-modal .feed-item.feed-item-news .column-feed {
width:550px;
}

.journal-modal .feed-item .column-feed {
width:430px;
}

.journal-modal .feed-item.feed-item-review .column-feed {
width:550px;
padding-right:0px;
}

.journal-modal .feed-item.feed-item-reply .column-feed {
width:556px;
}

.journal-modal .feed-item.feed-item-balance .column-feed {
width:438px;
}

.journal-modal .feed-item.feed-item-balance .nws {
margin-left:-40px;
}

.journal-modal .feed-replies {
margin:0px;
margin-left:20px;
}

.journal-modal .hndl-close {
position:absolute;
margin-left: 650px;
margin-top: 5px;
cursor: pointer;
}

.journal-modal .hndl-close {
margin-left: 673px;
margin-top: -26px;
}

.journal-modal .hndl-close:hover {
color:red;
}

#journal-container #settingsModal .body {
height:432px;
width:800px;
overflow:hidden;
}

#journal-container #settingsModal .hndl-close {
margin-left:800px;
}

#journal-container #settingsModal h2 {
text-align:center;
margin-top:20px;
margin-bottom:20px;
}

#journal-container #settingsModal label {
line-height:14px;
}

#journal-container #settingsModal .form-actions {
padding-left:0px;
padding-right:0px;
text-align:center;
}

#journal-container #settingsModal .column-1,
#journal-container #settingsModal .column-2 {
float:left;
width:400px;
min-height:206px;
}

#journal-container #settingsModal .column-1 {
width:342px;
}

#journal-container #settingsModal .column-2 {
border-left:1px solid #e4e4e4;
padding-left:25px;
margin-left:20px;
padding-bottom:80px;
}

#journal-container #settingsModal .column-1 .control-group:first-child {
margin-bottom:10px;
}

#journal-container #settingsModal .column-1 .control-label {
width:100px;
}

#journal-container #settingsModal .column-1 .controls {
margin-left:115px;
text-align:left;
}

#journal-container #settingsModal .column-2 .control-label {
width:75px;
}

#journal-container #settingsModal .column-2 .controls {
margin-left:88px;
text-align:left;
}


#journal-container #settingsModal .journal-sms-schedule {
margin-top:10px;
border-spacing:1px;
border-collapse:separate;
}

#journal-container #settingsModal .journal-sms-schedule td {
padding:0px;
text-align:center;
width:16px;
}

#journal-container #settingsModal .journal-sms-schedule td.ct {
cursor:pointer;
color:white;
}

#journal-container #settingsModal .journal-sms-schedule td.plus {
background-color:#006dcc;
}

#journal-container #settingsModal .journal-sms-schedule td.minus {
background-color:#F2F2F2;
}

#journal-container #settingsModal .time-lbl .titem {
position:absolute;
margin-top:30px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform:rotate(-90deg);
}




#journal-container #notification-log,
#journal-container #notification-log-trigger,
#journal-container #notification-log-loader,
#journal-container #notification-log-filter {
position:fixed;
}

#journal-container #notification-log {
z-index:2;
right:0px; top:0px;
margin-right:-350px;
width:350px;
height:100%;
padding-top:104px;
background:#515151;

direction: rtl;
overflow-y:scroll;
overflow-x:hidden;
}

#journal-container #notification-log-trigger {
z-index:1;
cursor:pointer;
color:black;
top:50%;
right:20px;
}

#journal-container #notification-log-filter {
z-index:3;
color:white;
text-align:center;
background:#515151;

top:0px; right:0px;
width:335px;
margin-right:-350px;
}

#journal-container #notification-log-loader {
z-index:3;
cursor:pointer;
text-align:center;
color:white;
background:#515151;

right:0px; bottom:0px;
width:335px;
margin-right:-350px;
}


#notification-log .notification {
direction:ltr;
cursor:pointer;
background:transparent;
color:white;
width:310px;
padding:10px;

margin-bottom:0px;
padding-bottom:0px;
border-radius:0px;
}

#notification-log .notification .column {
padding-bottom:10px;
}

#notification-log .notification:after {
display:block;
background:white;
content:' ';
height:1px;
margin-left:10px;
margin-right:10px;
}

#notification-log .column {
float:left;
}

#notification-log .column-photo {
padding-right:10px;
}

#notification-log .column-info {
width:250px;
word-wrap: break-word;
}

.notification .column-full {
    width: auto;
    word-wrap: break-word;
    float: none;
}

#notification-log span.created,
#notification-log .fa {
position:absolute;
cursor:pointer;
}

#notification-log .fa-times {
margin-left:300px;
display:none;
}

#notification-log .fa-desktop {
margin-left:275px;
}

#notification-log span.created {
margin-left:196px;
}

#notification-log .notification .hd {
text-transform:uppercase;
font-weight:bold;
margin-bottom:9px;
}

#notification-log-filter .log-search {
direction: ltr;
}

#notification-log-filter .log-search input,
#notification-log-filter .log-search select {
float:left;
width:120px;
}

#notification-log-filter .log-search select {
height:24px;
margin-left:10px;
}

#notification-log-filter .log-search input.btn {
width:66px;
padding-top:2px;
padding-bottom:2px;
color:white;
background:#0093f5;
border-width:0px;
}

#notification-log-filter .fa-spin {
color:#0099ff;
text-align:center;
margin:0 auto;
}