/****************************************************************
Hide Django position field (to be used for ordering) in add button for FK widget
 ****************************************************************/

.grp-stacked .position {
    display: none !important;
}

.grp-tabular .position {
    display: none !important;
}

a.add-another {
  display: none !important;
}

/****************************************************************
 CSS for the status/language labels
 ****************************************************************/

.styled_status_label .grp-readonly, .styled_language_label .grp-readonly, .styled_type_label .grp-readonly,
.status_en .grp-readonly, .status_da .grp-readonly, .status_de .grp-readonly, .status_es .grp-readonly,
.status_fr .grp-readonly, .status_it .grp-readonly, .status_nl .grp-readonly, .status_sv .grp-readonly,
.styled_category .grp-readonly {
    border-width: 0 !important;
    min-width: 50px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/****************************************************************
General Grappelli overwrites
 ****************************************************************/

body {
  min-width: 980px;
}

.grp-td, .grp-th {
    padding: 2px 5px !important;
}

header#grp-header {
    z-index: 30000;
}

.grp-fixed-footer {
    z-index: 30000;   
}

fieldset.grp-module .grp-row {
    overflow: visible;
}

p.grp-readonly {
  border: none;
}

.button-state-blue, input[type="button"], button, a.fb_show, a.related-lookup, body.tinyMCE input[name="src"] + div a,
body.tinyMCE input[name="href"] + div a, a.related-lookup.m2m, .grp-autocomplete-wrapper-m2m a.related-lookup,
.grp-autocomplete-wrapper-fk a.related-lookup, button.ui-datepicker-trigger, button.ui-timepicker-trigger,
button.ui-datetime-now, .grp-pulldown-container .grp-pulldown-handler:hover,
.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler,
.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler:hover {
  background-color: #DDD;
}

.grp-messagelist {
  padding: 20px 0 0;
}

.grp-messagelist li {
  background-color: #D0EBD0;
  border-color: #ABD7AB;
}

div.grp-readonly {
  min-width: 30px;
  max-width: 2000px;
}

.grp-collapse.grp-open > h2.grp-collapse-handler {
  background-image: none;
  background-color: #ddd;
}

.grp-collapse h2.grp-collapse-handler {
  text-shadow: none;
}

.grp-collapse.grp-closed > h3.grp-collapse-handler {
  background-image: none;
  background-color: #EEE;
}

.grp-collapse.grp-closed > h3.grp-collapse-handler:hover {
  background-image: none;
  background-color: #EFEFEF;
}

.grp-collapse.grp-closed.grp-predelete > h3.grp-collapse-handler, .grp-collapse.grp-closed.grp-predelete > h3.grp-collapse-handler:hover {
  background-image: none;
  background-color: #f2e6e6;
}

.grp-collapse.grp-open > h3.grp-collapse-handler {
  background-image: none;
  background-color: #EEE;
}

.grp-collapse.grp-closed > h2.grp-collapse-handler {
  background-image: none;
  background-color: #DFDFDF;
}

.grp-collapse.grp-closed > h2.grp-collapse-handler:hover {
  background-image: none;
  background-color: #EEE;
}

.grp-object-tools li a {
  border-radius: 5px;
}

.grappelliSkin a.mceResize:hover, .grappelliSkin a.mceResize:active {
  background-color: #DDD !important;
}

.grappelliSkin a.mceButtonEnabled:hover {
  background: none repeat scroll 0 0 #DDD !important;
}

.grp-group, .grp-group.grp-closed, .grp-group.grp-closed:hover {
  border-width: 1px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #FEFEFE;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  background: #FEFEFE;
}

input[type="submit"], input[type="submit"]:hover, input[type="submit"]:focus, .grp-object-tools li a:hover,
.grp-object-tools li a.grp-add-link:hover, body.grp-login .grp-module-login h1 span.grp-current-page,
body.grp-login .grp-module-login h1, header#grp-header #grp-navigation, .grp-fixed-footer {
  background-image: none;
}

.clearlooks2 .mceMiddle span {
  background:  #FFFFFF;
  padding: 5px;
}

.vLargeTextField {
  height: auto;
}

input.grp-search-field[type="text"] {
  border-radius: 5px;
}

form#grp-changelist-search {
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}

#grp-content {
  top: 60px;
}

.grp-module h3 {
  background-color: #E4E4E4;
  background-image: none;
}

#grp-content  .g-d-c, #grp-content  .g-all-c {
  width: 100%;
}

#grp-content  .g-centered {
  width: 380px !important;
}

.grp-group > h2 {
  background-color: #DDD;
  background-image: none;
}

body.grp-delete-confirmation ul.grp-nested-list > li {
  font-size: 13px;
}

body.grp-delete-confirmation ul.grp-nested-list > li > ul > li {
  font-size: 12px;
}

#grp-changelist-form .grp-row a img {
  margin: -8px;
  border-radius: 2px;
}

#grp-changelist .nowrap {
  white-space: normal;
}

.grp-tbody .grp-tr:hover .grp-td {
  background-color: #E2EAED;
}

#container.grp-container .grp-tabular .grp-table .grp-th, #container.grp-container .grp-tabular .grp-table .grp-td {
  white-space: normal;
  width: auto;
}

.grp-module h2 {
  background-color:  #E7E7E7;
  background-image: none;
}

.grp-module-login .grp-admin-title {
  margin-left: 10px !important;
}

#container.grp-container .vTextField,
#container.grp-container .vURLField,
#container.grp-container .vFileBrowseField,
#container.grp-container  textarea,
#container.grp-container .vLargeTextField,
#container.grp-container .vXMLLargeTextField,
.grp-autocomplete-wrapper-m2m,
input[name=longitude],
input[name=latitude] {
  width: 100%;
  resize: vertical;
}

a.grp-button.grp-pulldown-handler {
    color: #017B69;
}

select#select_cluster,
select#select_status {
    height: 124px;
    overflow-y:scroll
}

/****************************************************************
 CSS fix for the coloring picker widget control
 ****************************************************************/

.evo-colorind, .evo-colorind-ie, .evo-colorind-ff   {
    border-radius: 20px;
    margin-top: 1px;
}

div.evo-color div {
    border: 1px solid #666 !important;
}

div.evo-color span {
    font-size: small !important;
    color: #666;
}

/****************************************************************
 Dashboard related styles
 ****************************************************************/

body.dashboard {
    background-color:  #EEEEEE !important;
}

body.dashboard #grp-content {
    background-color: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    padding-bottom: 10px;
}

body.dashboard article .mtg-version {
    color: #777;
    font-size: 12px;
    display: block;
    text-align: center;
    position: relative;
    bottom: -110px;
}

body.dashboard article .mtg-version .kreios-logo {
    height: 60px;
    margin-top: 10px;
    display: inline-block;
}

.dashboard .g-d-c, .dashboard .g-all-c {
    width: 100%;
}

.dashboard .g-d-12, .dashboard .l-2cr-fluid.l-d-12 .c-1 {
    margin-right: 0;
    width: 54%;
}

.dashboard .g-d-f, .dashboard .g-all-f, .g-all-fl, .dashboard .l-2c .c-1, .dashboard .l-2cr .c-1 {
    margin-right: 0 !important;
}

.dashboard .g-d-6, .dashboard .l-2cr-fluid.l-d-6 .c-1 {
    margin-right: 0;
    width: 23%;
}

.dashboard .g-d-l, .dashboard .g-all-l, .g-all-fl, .dashboard .l-2c .c-2, .l-2cr .c-2 {
    padding-right: 0 !important;
}

.dashboard .grp-group {
    width: 98%;
}

.dashboard .g-d-6 > .grp-module {
    width: 96%;
}

.dashboard .g-d-l > .grp-module {
    width: 100%;
}

/****************************************************************
 Dashboard items
 ****************************************************************/

.dashboard-item .grp-module {
  padding: 2px;
}

#grp-content .dashboard-item .grp-module .grp-td, #grp-content .dashboard-item .grp-module .grp-th {
  padding: 3px ;
}

.dashboard-item .grp-tabular .grp-table .grp-tbody {
  font-size: 11px;
}

.dashboard-item .grp-module {
  background: white;
}

#column_1 > .grp-module {
  width: 98%;
}

.grp-dashboard-module .grp-tabular .grp-table .grp-th, .grp-dashboard-module .grp-tabular .grp-table .grp-td {
  white-space: normal !important;
}

.grp-dashboard-module  .highlight {
  font-weight: bold;
  color: #444;
}

#grp-content .recent-actions .avatar-column,  #grp-content .recent-actions .message-columm {
  display: inline;
}

#grp-content .recent-actions .message-columm .user, #grp-content .recent-actions .message-columm .object, #grp-content .recent-actions .message-columm .info {
}

#grp-content .recent-actions .message-columm  .user {
  font-size: 12px;
  font-weight: bold;
  color: #444;
}

#grp-content .recent-actions .message-columm  .type {
  color: #777;
}

#grp-content .recent-actions .message-columm .info {
  font-style: italic;
  color: #777;
}

#grp-content .recent-actions .avatar-column {
  float: left;
  width: auto;
  margin-bottom: 21px;
  margin-right: 10px;
}

#grp-content .recent-actions {
  overflow-y: auto;
  max-height: 500px;
}

/***************************************************************
Entity specific CSS overwrites
***************************************************************/

.internal_remarks textarea {
  font-weight: normal;
  font-size: 11px;
}

.avatar-image-box img {
  border-radius: 3px;
}

#touroperatorquery_set-group .grp-readonly, #travelguidecreationrun_set-group .grp-readonly, #generator_runs-group .status .grp-readonly, #entries-group .status .grp-readonly {
  padding: 2px 5px 2px;
  line-height: 15px;
}

#point_on_route-group .type {
  vertical-align: middle;
}

/* Some fine-tuning of the "related routings" that may show-up as part of each destination */
.outgoing-routing  .routing-destination div {
    font-weight: normal !important;
}

.incoming-routing .routing-start div {
    font-weight: normal !important;
}

.route-selector label {
  vertical-align: middle;
  display: table-cell;
  font-size: 11px;
}

.route-selector label span {
  display: inline;
  font-size: 11px;
}

.route-selector label input {
  margin: 0;
  margin-right: 2px;
  display: inline-block;
  vertical-align: middle;
}

.route-selector {
  display: table;
  width: 100%;
}

/***************************************************************
2-column layout
***************************************************************/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .mtg-right-panel {
        width: 100%!important;
        float: none!important;
    }
    .mtg-left-panel-by-inline, .mtg-left-panel-by-fieldset {
        width: 100%!important;
        float: none!important;
    }

}

@media only screen and (min-width : 1400px){
    .mtg-right-panel {
        float: right;
        width: 32%;
    }
    .mtg-left-panel-by-inline, .mtg-left-panel-by-fieldset {
        float: left;
        width: 67%;
    }
}

#container.grp-container .grp-module:not(.grp-submit-row) {
    min-width: 100px !important;
}

#container.grp-container .g-d-4-td, .l-2c-fluid.l-d-4:not(.grp-cell) .c-1, .grp-module .l-2c-fluid.grp-cell.l-d-4 .c-1 {
    display: table-cell;
    float: none;
    min-width: 110px;
    padding-right: 20px;
    width: 110px;
}

#container.grp-container .grp-tabular .grp-table .grp-tbody .grp-th.grp-tools-container,
#container.grp-container .grp-tabular .grp-table .grp-tbody .grp-td.grp-tools-container {
    padding: 1px;
}

#container.grp-container .grp-tools-container .grp-tools {
    right: 0;
    padding: 0;
}

/***************************************************************
m-to-m selector
***************************************************************/

.selector {
    width: 100%;
}

.selector select[multiple=multiple] {
  margin: 0;
}

.selector .selector-available, .selector .selector-chosen {
    background: none;
    border: none;
    border-radius: 0;
    width: 48%;    
}

.selector.stacked .selector-available, .selector.stacked .selector-chosen {
  background: none;
  border: none;
  border-radius: 0;
  width: 100% !important;
}

.selector .selector-available select {
    height: 130px !important;
}

.selector .selector-chosen select {
    height: 165px !important;
}

.selector.stacked .selector-available select {
  height: 80px !important;
}

.selector.stacked .selector-chosen select {
  height: 115px !important;
}

.selector.stacked .selector-filter label {
  display: none;
}

.selector.stacked .selector-filter {
  padding: 2px 0 1px;
  text-indent: 0;
}

.selector .selector-available select[multiple="multiple"], .selector .selector-chosen select[multiple="multiple"] {
    width: 100% !important;   
    max-width: none !important;
}

.selector .selector-available .selector-filter {
  border-top-width: 0;
  border-bottom-width: 0;
}

.selector .selector-filter input[type="text"] {
  width: 90% !important;
  max-width: none !important;
}

.selector.stacked .selector-filter input[type="text"] {
    width: 100% !important;
    max-width: none !important;
}

.selector .selector-available h2, .selector .selector-chosen h2 {
    background: none;
}

.select ul.selector-chooser {
    width: 3%;
}

.selector.stacked ul.selector-chooser {
  margin: 4px 0 0 48%;
}

/***************************************************************l
Special image handling
***************************************************************/

#container.grp-container a[target="_blank"], #container.grp-container .file-upload, #container.grp-container .file-upload a {
  display:  table-cell;
  vertical-align: top;
  word-break: break-all;
}

.grp-object-tools li a[target="_blank"] {
    background: url('../images/icons-s846f870921.png') 0 -775px no-repeat,linear-gradient(#E7E7E7,#ccc);
}

.grp-object-tools li a[target="_blank"]:hover {
     background: url('../images/icons-s846f870921.png') 0 -775px no-repeat,linear-gradient(#999999,#888888);
 }

#container.grp-container .file-upload {
  width: 100%;
  overflow: hidden;
  white-space: normal;
  line-height: 15px;
}

#container.grp-container .file-upload br {
  display: none;
}

#container.grp-container .file-upload input[type=file] {
  margin-top: -2px;
}

#container.grp-container .file-upload input, #container.grp-container input[type=file] {
  font-size: 11px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#container.grp-container .file-upload span.clearable-file-input {
  margin: 0 0 0;
}

#container.grp-container a img {
  border-radius: 3px;
  margin-right: 10px;
}

/*************************************************************
Language flag representation to be used for list views for
displaying language information (see styled_language_label in
code).
 ************************************************************/

.fallback-en:after {
  content: url('../images/flags/us.png');
  position: absolute;
  top: 14px;
  right: -6px;
}

.language-indicator {
  display: inline-block;
}

.language-indicator:before{
  white-space: nowrap;
  padding-right: 3px;
  vertical-align: middle;
}

.language-en:before {
  content: url('../images/flags/us.png');
}

.language-da:before {
  content: url('../images/flags/dk.png');
}

.language-de:before {
  content: url('../images/flags/de.png');
}

.language-es:before {
  content: url('../images/flags/es.png');
}

.language-fr:before {
  content: url('../images/flags/fr.png');
}

.language-it:before {
  content: url('../images/flags/it.png');
}

.language-nl:before {
  content: url('../images/flags/nl.png');
}

.language-sv:before {
  content: url('../images/flags/sv.png');
}


/*************************************************************
New button style
 ************************************************************/

input[type="submit"], .grp-object-tools li a, .grp-object-tools li a.grp-add-link,
li.grp-changelist-actions .grp-horizontal-list a {
  border: 1px solid #BBB !important;
  background: #fff;
  opacity: 1;
  color: #777;
}

input[type="submit"]:hover, input[type="submit"]:focus,
.grp-object-tools li a:hover, .grp-object-tools li a:focus,
.grp-object-tools li a.grp-add-link:hover, .grp-object-tools li a.grp-add-link:focus,
li.grp-changelist-actions .grp-horizontal-list a:hover, li.grp-changelist-actions .grp-horizontal-list a:focus {
  border: 1px solid #777 !important;
  background: #EEE;
  opacity: 1;
  color: #333
}

li.grp-changelist-actions .grp-horizontal-list a,
li.grp-changelist-actions .grp-horizontal-list a:hover,
li.grp-changelist-actions .grp-horizontal-list a:focus {
  border-color: transparent !important;
}


/*************************************************************
New "Fixed footer" layout (no longer) depending on branding color
 ************************************************************/

.grp-fixed-footer {
  border-top: 1px solid #CCC;
  background-color: #ddd;
  padding: 5px 20px 0px !important;
}

.grp-submit-row > ul > li {
  margin-left: 1px !important;
}

.grp-submit-row.grp-fixed-footer > ul > li {
  background-color: #ddd;
}

li.grp-changelist-actions .grp-horizontal-list li {
  margin-right: 4px;
  margin-top: 2px;
  border: 1px solid #999;
}

li.grp-changelist-actions .grp-horizontal-list .grp-button {
  padding: 4px 10px 1px;
  height: 23px;
}

li.grp-changelist-actions .grp-horizontal-list span {
  color: #666 !important;
  border-width: 0 !important;
  background: #EFEFEF !important;
}

/*************************************************************
Secondary panel on login and logout should have no border to be brandable
 ************************************************************/

body.grp-login .grp-module-login h1 span.grp-current-page {
  border-width: 0 !important;
}

/*************************************************************
User menu adaption
 ************************************************************/

header#grp-header #grp-navigation ul#grp-user-tools > li {
  border-left-width: 0;
  border-right-width: 0;
}

header#grp-header #grp-navigation ul#grp-user-tools {
  border-left-width: 0;
}

#container.grp-container #grp-user-tools .grp-user-options-container .user-options-handler {
  text-indent: 0 !important;
}

#container.grp-container #grp-user-tools img {
  position: absolute;
  top: 3px;
  display: inline;
  left: 4px;
  border-radius: 2px;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open > ul li {
  border-bottom-width: 0;
  border-top-width: 0;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open > ul  {
  background: #FFFFFF;
  margin-top: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  border: 1px solid #CCC;
  border-top-width: 0;
}

/****************************************************************
General status label styling
****************************************************************/

.badge-container {
  display: inline-block;
  position: absolute;
  font-weight: normal;
  line-height: 1;
  vertical-align: baseline;
  top: 14px;
  right: -3px;
}

.status-badge {
  display: inline-block;
  min-width: 10px;
  padding: 4px 10px;
  font-size: 8px;
  font-weight: normal;
  line-height: 1;
  color: #FFFFFF !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 20px;
  border: 1px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.status-badge.ok {
  background-color: #54c248;
}

.status-badge.review-pending {
  background-color: #ff8900;
}

.status-badge.to-be-revised {
  background-color: #D34F4F;
}

/* Dynamic status styling - applies to ALL status divs (current and future) */
div[class*="status-"] {
  border-radius: 20px;
  color: #FFFFFF !important;
  padding: 6px 14px !important;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap !important;
  border: 1px solid transparent;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.status-new {
    background-color: #3b7fc4;
    border-color: #3b7fc4 !important;
}

.status-mpepil {
    background-color: #8064a2;
    border-color: #4F346F !important;
}

.status-pending {
  background-color: #c2d69b;
  border-color: #8F9E74 !important;
}

.status-paused {
  background-color: #ffcc00;
  border-color: #C6AA0C !important;
}

.status-void {
  background-color: #BBB;
  border-color: #AAA !important;
}

.status-req-approval,
.status-approve-author {
  background-color: #9bbb59;
  border-color: #54682B !important;
}

.status-request-for-review, .status-request-approval  {
  background-color: #7AA92C;
  border-color: #54761C !important;
}

.status-author-invited {
  background-color: #00cc99;
  border-color: #118165 !important;
}

.status-author-submitted {
  background-color: #008080;
  border-color: #195252 !important;
}

.status-author-revised {
  background-color: #fabf8f;
  border-color: #C7A386 !important;
}

.status-writing {
  background-color: #009999;
  border-color: #0C5757 !important;
}

.status-rough-check-process {
  background-color: #b6dde8;
  border-color: #637E86 !important;
}

.status-roughly-checked {
  background-color: #92cddc;
  border-color: #5C818B !important;
}

.status-peer-reviewer-invited {
  background-color: #4bacc6;
  border-color: #347688 !important;
}

.status-peer-review-process {
  background-color: #31849b;
  border-color: #2B5E6C !important;
}

.status-peer-review-complete {
  background-color: #9ee5dc;
  border-color: #80AEA8 !important;
}

.status-ge-review-decision-process {
  background-color: #8db3e2;
  border-color: #53739B !important;
}

.status-review-ge-process-1 {
  background-color: #548dd4;
  border-color: #456388 !important;
}

.status-review-ge-process-2 {
  background-color: #f79646;
  border-color: #A87042 !important;
}

.status-copy-editing {
  background-color: #ff7c80;
  border-color: #C46C6F !important;
}

.status-copy-editing-complete {
  background-color: #f9d71c;
  border-color: #c6a400 !important;
}

.status-ge-1-comments-submitted {
  background-color: #1f497d;
  border-color: #1B3B63 !important;
}

.status-ge-2-comments-submitted {
  background-color: #e36c0a;
  border-color: #A45719 !important;
}

.status-ge-3-comments-submitted {
  background-color: #ff6699;
  border-color: #D55F86 !important;
}

.status-revision-process {
  background-color: #fbd4b4;
  border-color: #D5B9A3 !important;
}

.status-proofreading-process {
  background-color: #e5b8b7;
  border-color: #CEA8A7 !important;
}

.status-proofreading-done {
  background-color: #d99594;
  border-color: #997675 !important;
}

.status-final {
  background-color: #FF0000;
  border-color: #AA1717 !important;
}

.status-missing, .status-request-change,
.status-approved,
.status-author-approved {
  background-color: #00cc00;
  border-color: #6A991C !important;
}

.status-suggested-entry {
  background-color: #E0E0E0;
  border-color: #B1B1B1 !important;
}

.status-rejected {
  background-color: #808080;
  border-color: #645151 !important;
}

.status-req-removal {
    background-color: #D86363;
    border-color: #AB1F1F !important;
}

.status-ok, .status-in-force {
    background-color: #57781F;
    border-color: #6A991C !important;
}

.status-operative {
    background-color: #92cddc;
    border-color: #6A991C !important;
}
.status-inoperative {
    background-color: #d99694;
    border-color: #6A991C !important;
}

.status-in-editorial-process,
.status-in-editorial-review {
    background-color: #c0504d;
    border-color: #954341 !important;
}

.status-published {
  background-color: #750b1c;
  border-color: #5d0816 !important;
}

.status-expert-review-process {
  background-color: #fabf8f;
  border-color: #c89872 !important;
}

.status-ge-decision-after-rough-check {
  background-color: #4bacc6;
  border-color: #3c899e !important;
}

.status-final-disposition {
  background-color: #FF0000;
  border-color: #cc0000 !important;
}

.status-author-feedback-submitted {
  background-color: #c0504d;
  border-color: #99403d !important;
}

.status-author-feedback-process {
  background-color: #d99594;
  border-color: #ad7776 !important;
}

.status-ge-review-decision-submitted {
  background-color: #548dd4;
  border-color: #4370a9 !important;
}

.status-expert-review-ge-decision {
  background-color: #f79646;
  border-color: #c57838 !important;
}

.status-ge-final-decision {
  background-color: #ff6699;
  border-color: #cc517a !important;
}

.status-update {
  background-color: #3c87a5;
  border-color: #3a6575 !important;
}

/****************************************************************
General type label styling
****************************************************************/

div.type-index,
div.type-keyword, div.document-category {
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  padding: 3px 10px 2px !important;
  text-align: center;
  display: inline;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap !important;
  border: 1px solid #666;
}

.type-index {
  background-color: #f15c75;
  border-color: #f15c75 !important;
}

.type-keyword {
  background-color: #3b7fc4;
  border-color: #3b7fc4 !important;
}

/****************************************************************
General cluster label styling
****************************************************************/

div.cluster-color {
    border-radius: 3px 0 0 3px ;
    padding: 3px 5px 2px !important;
    display: inline;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap !important;
    border: 1px solid #999;
}

div.cluster-preview {
    border-radius: 0 3px 3px 0;
    padding: 3px 5px 2px !important;
    text-indent: 20px;
    display: inline;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap !important;
    border: 1px solid #999;
    border-left: 0;
}

.grappelliSkin .mceToolbar span.mce_photos img {
    width: 13px;
    height: auto;
    margin-left: 5px;
    margin-top: 5px;
}

#clear-datepicker-filter {
    margin: 3px 0;
    padding-left: 0px;
    border-radius: 0;
    cursor: pointer;
    color: #c4171d;
}

table#change-history {
    width: 100%;
}

table#change-history tr {
    background-color: #eee;
}

.hidden {
    display: none
}

form#entry_form div.grp-module.grp-thead div.grp-tr div.grp-th.institution {
    width: 180px;
}

ul.statuses{
    list-style-type:none;
    white-space:nowrap;
    overflow-x:auto;
    margin-bottom: 10px;
    padding-top: 4px;
    padding-bottom: 10px;
}

li.statuses{
    display:inline;
    cursor: pointer;
}

li.current div {
    color: black !important;
    background-color: #F9F9F9;
    border: medium solid black !important;
    font-weight: bold;
}

.modal-status {
    margin-top: 60px;
}

.status-label {
    width: 300px;
    float: left;
}

.row.status {
    padding-bottom: 10px;
}

form#entry_form div#suggested_authors-group.grp-group.grp-tabular.grp-collapse div.grp-tr div.grp-td.author div,
form#entry_form div#peer_reviewers-group.grp-group.grp-tabular.grp-collapse.grp-open div.grp-tr div.grp-td.peer_reviewer div,
form#entry_form div#internal_reviewers-group.grp-group.grp-tabular.grp-collapse.grp-open div.grp-tr div.grp-td.internal_reviewer div,
form#entry_form div#proofreaders-group.grp-group.grp-tabular.grp-collapse.grp-open div.grp-tr div.grp-td.proofreader div
{
    min-width: 260px;
}

form#entry_form div#suggested_authors-group.grp-group.grp-tabular.grp-collapse div.grp-tr div.grp-td.remark {
    min-width: 130px;
}

.vColorPickerInline-parent {
    padding-right: 2px !important;
}