#dispitem-sortable-area div.sortable-area {
    width: 860px;
}
#dispitem-sortable-area div.sortable-area div.left-window {
    float: left;
    width: 200px;
}
#dispitem-sortable-area div.sortable-area div.right-window {
    float: left;
    margin-left: 10px;
    width: 200px;
}
#dispitem-sortable-area div.sortable-area div.favorite-window {
    float: left;
    margin-left: 15px;
}


#dispitem-sortable-area ul.items {
    list-style-type: none;
    border: 1px solid #e5e5e5;
    padding: 5px;
    width: 195px;
    height: 400px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    float:left;
}
#dispitem-sortable-area ul.favoriteitems {
    width: 235px;
    list-style-type: none;
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    /*border: 1px solid #ccc;*/
    clear: both;
    padding: 5px 0 0 7px;
}
#dispitem-sortable-area ul.items li {
    border: 1px solid #ccc;
    background-color: #F3F3F3;
    text-decoration: none;
    text-align:center;
    margin: 7px 5px;
    box-shadow: 3px 3px 1px #d8d8d8;
}
#dispitem-sortable-area ul.favoriteitems li {
    /*border: 1px solid #ccc;*/
    padding: 0;
    text-decoration: none;
    width: 205px;
    display: block;
    margin: 2px 0 2px 0;
}
#dispitem-sortable-area ul.favoriteitems li.selected {
    background-color: #e2e2e2;
}
#dispitem-sortable-area ul.favoriteitems li.saved {
  animation: Flash1 1s 1;
}
@keyframes Flash1{
  50%{
    box-shadow: 0 1px 15px 0 #5cb85c;
  }
}
#dispitem-sortable-area ul.favoriteitems li button.delete-favorite {
    float: left;
    padding: 0;
    /*border: 1px solid;*/
    padding: 5px 5px 5px 5px;
}
#dispitem-sortable-area ul.favoriteitems li button.select-favorite {
    float: left;
    text-align: left;
    white-space: inherit;
    word-break: break-all;
    /*border: 1px solid;*/
    padding: 5px 0px 5px 5px;
    width: 175px;
}
#dispitem-sortable-area ul.items li.stop {
    background-color: #FFFFFF;
    box-shadow: none;
}
#dispitem-sortable-area ul.items li:hover {
    cursor: grab;
    border-color: #b3b3b3;
    background-color: #dcdcdc;
}
#dispitem-sortable-area ul.items li.stop:hover {
    cursor: default;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
}
#dispitem-sortable-area ul.items li.placeholder-highlight {
    height: 2.2em;
    border: dotted 2px #0000ff;
    background-color: #fdfdfd;
}

.grab {
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.grabbing {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

div.handsontable.listbox td.htDimmed {
    background: #e6f0f6 !important;
}

div.handsontable.listbox td.htDimmed.current.highlight {
    background: #0B6FAC !important;
    color: #FFFFFF;
}

div.handsontable.listbox .ht_master table td:hover {
    background-color: #d4d4d4 !important;
}

div.handsontable.listbox .ht_master .wtHolder {
    overflow-y: auto !important;
    overflow-x: hidden;
    width: 100% !important;
}




/**
 * Journal contests area
 */
 #journal .acc-area {
    display: block;
}
#journal .search-area {
    min-width: 815px;
}

#journal div.preview {
    height: 700px !important;
}
#journal div.preview-area-wrapper {
    flex-basis: 450px;
    width: 450px;
}

#journal div.preview-area {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#journal div.preview-menu-area div {
    font-size: 20px;
    color: #333;
    height: 40px;
}

#journal div.preview-menu-area div.menu-center {
    margin-top: -40px;
    text-align: center;
}
#journal div.preview-menu-area div.menu-right {
    margin-top: -40px;
    text-align: right;
}
.preview-zoom-default {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  cursor: default;
}

div.preview-menu-area div span:hover {
    opacity:1.0;
    cursor : pointer;
}
div.preview-menu-area div span.pressed {
    top: 3px;
    opacity:1.0;
    text-shadow: 2px 2px 1px #999999;
}

div.preview-menu-area div a#prev-page-button {
    cursor: pointer;
    border-radius: 25px;
    border: solid 2px;
    background-color: white;
    font-size: 60%;
}

div.preview-menu-area div span#page_num {
    cursor: default;
    font-size: 80%;
    font-weight: bold;
}

div.preview-menu-area div a#next-page-button {
    cursor: pointer;
    border-radius: 25px;
    border: solid 2px;
    background-color: white;
    font-size: 60%;
}

.zoomContainer {
    z-index: 99;
}

.navi-onmouse {
    position: fixed !important;
    z-index: 500;
    top: 0;
    left: 0;
}

.navi-dummy {
    width: 50px !important;
    min-width: 50px !important;
    min-height: 100vh;
}

#navi #menu ul li.indent a {
    padding-left: 105px;
}
#navi #menu ul li.indent i {
    left: 70px;
}

#navi.off #menu ul li.indent a {
    padding: 12px 0px 12px 70px;
}
#navi.off #menu ul li.indent i {
    left: 35px;
}


/**
 * Ledger contents area
 */
#ledger {
    display: flex;
}

#ledger .search-area {
    min-width: 815px;
}

#ledger div.preview {
    height: 700px;
}
#ledger div.preview-area {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#ledger div.preview-area-wrapper {
    box-sizing: border-box;
    height: 700px;
    flex-basis: 450px;
    width: 450px;
    background: #f7f7f7;
    border: 10px solid #f7f7f7;
    border-top: 10px solid #f7f7f7;
    overflow: hidden;
}
#ledger div.preview-menu-area div {
    font-size: 20px;
    color: #333;
    height: 40px;
}

#ledger div.preview-menu-area div.menu-center {
    margin-top: -40px;
    text-align: center;
}
#ledger div.preview-menu-area div.menu-right {
    margin-top: -40px;
    text-align: right;
}

#ledger table th,
#ledger table td {
	white-space: nowrap;
    font-weight: bold;
}
#ledger table th:first-child {
	border-left: none;
}
#ledger table th:last-child,
#ledger table td:last-child {
	border-right: none;
}
#ledger table thead th {
	color: #838a93;
}
#ledger table thead th i {
	font-size: 14px;
	color: #838a93;
}
#ledger table th,
#ledger table td {
	padding: 0 5px;
	background: #fff;
	font-size: 12px;
}
#ledger table td {
	padding: 5px;
	vertical-align: middle;
}
#ledger table td .fa-exclamation-triangle {
	color: #c42626;
}
#ledger table td .fa-exclamation-circle {
	color: #e08a00;
}

#ledger table .edit-button {
  display: block;
  padding: 3px 10px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border: none;
  border-radius: 13px;
  background-color: #ff848b;
  white-space: nowrap;
  cursor: pointer;
}
#ledger table .edit-button:hover {
  opacity: 0.7;
  transition: 0.3s;
}


#ledger .operate {
	margin: 10px 0 25px;
	display: flex;
	align-items: center;
}
#ledger .operate .txt {
	flex: 1;
	display: flex;
}
#ledger .operate .txt li {
	padding-right: 30px;
}
#ledger .operate .txt li a {
	color: #0a4998;
}
#ledger .operate .txt li a i {
	padding-right: 5px;
}
#ledger .operate .btn {
	display: flex;
}
#ledger .operate .btn button,
#ledger .operate .btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 36px;
	margin-left: 10px;
	border-radius: 18px;
	border: none;
	background: #606873;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
#ledger .operate .btn button.red {
	background: #c0000b;
	filter: drop-shadow(0px 3px 10px rgba(245,39,51,0.3));
}
#ledger .operate .btn button:hover,
#ledger .operate .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}


/**
 * Notification area
 */
/*
.notification-area i {
    top: 2px;
}

.notification-area {
    padding-right: 11px;
    padding-left: 11px;
    height: 0px;
    font-weight: 100;
}
*/
.jquery-notify-bar {
    height: 25px;
    position: fixed;
    width: 100%;
    padding: 3px 28px 3px 10px;
    border-radius: 0 0 4px 4px;
    display: none;
    font-weight:none;
}
.notification-danger {
    color: #FFFFFF;
    background: #d43f3a;
}

.notification-warning {
    color: #FFFFFF;
    background: #eea236;
}

.notification-success {
    color: #FFFFFF;
    background: #4cae4c;
}

.notification-info {
    color: #FFFFFF;
    background: #46b8da;
}

.notification-primary {
    color: #FFFFFF;
    background: #2e6da4;
}

.notification-default {
    color: #FFFFFF;
    background: #878787;
}

.notify-bar-close {
    position: fixed;
    right: 15px;
    text-decoration: none;
    color: #FFFFFF !important;
    top: 3px;
}


div.dragover {
    background-color: #babcbf;
    color: #FFFFFF;
    border: 1px dotted #888888 !important;
}


div.chosen-container-single,
a.chosen-single {
    width: 300px !important;
    height: 48px !important;
}
.col-2 div.chosen-container-single,
.col-2 a.chosen-single {
    width: 360px !important;
}

.col-3 div.chosen-container-single,
.col-3 a.chosen-single {
    width: 230px !important;
}

a.chosen-single  {
    border: none !important;
    background: none !important;
}

a.chosen-single span {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 16px !important;
}

div.chosen-drop{
    border-radius: 6px !important;
    border: solid 1px #e2e4e8 !important;
}

input.chosen-search-input {
    width: 290px !important;
}
.col-2 input.chosen-search-input {
    width: 350px !important;
}
.col-3 input.chosen-search-input {
    width: 220px !important;
}

div.chosen-container-active {
    border-color: #227ae8 !important;
}

.chosen-container-single .chosen-single div b {
    background: none !important;
}

.search-choice-close {
    top: 20px !important;
    right: 45px !important;
}

.badge-area {
    height: 70px;
    overflow-x: hide;
    overflow: hidden;
    overflow-y: scroll;
}

.badge-area span {
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    padding: 0px 3px 1px 3px;
    margin-right: 4px;
    margin-top: 0px;
    background-color: #e0e0e0;
    font-size: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.badge-label {
    border: none !important;
    background-color: #b0fbc59c !important;
}

li.file-img {
    width: 200px;
    height: 200px;
}

.file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.modal-wrap #csv-download-table {
	max-height: 400px;
	overflow: auto;
}
.modal-wrap #csv-download-table table {
	border-collapse: separate;
}
.modal-wrap #csv-download-table thead {
	border-top: 2px solid #bbc0c7;
}
.modal-wrap #csv-download-table thead th {
	padding: 5px 7px;
	font-size: 12px;
	border-right: 1px solid #e2e4e8;
	border-bottom: 2px solid #bbc0c7;
	background: #f7f7f7;
}
.modal-wrap #csv-download-table thead th:last-child {
	border-right: none;
}
.modal-wrap #csv-download-table tbody td {
	padding: 5px 7px;
	font-size: 12px;
	border-right: 1px solid #e2e4e8;
	border-bottom: 1px solid #e2e4e8;
}
.modal-wrap #csv-download-table tbody td:last-child {
	border-right: none;
}

.goto-journal-button {
	/*display: block;*/
	padding: 3px 10px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: none;
	border-radius: 13px;
	background-color: #ff848b;
	white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 4px !important;
    right: 3px !important;
}


.ml140 {margin-left: 140px !important;}


thead th a {
	display: block;
}
span.sort {
	display: none;
}
span.sort.sort-active {
	display: block;
}

.float-left {
    float: left;
}

button.btn-custom {
    border-style: none;
    border-radius: 4px;
    margin: 3px;
    padding: 3px 6px;
}