@import url(https://fonts.googleapis.com/css?family=Montserrat);

h1 span.pid {
  padding-left        : 2em;
  font-size           : 0.5em;
  color               : #888;
}

h1 span.subtitle{
  margin-left         : 1em;
  line-height         : 1.6em;
  color               : #888;
  font-weight         : normal !important;
  font-style          : italic;
  font-family         : Montserrat;
  font-size           : 0.5em;
  display             : block;
}

h1 span.subtitle::before{
  content             : ' ';
  background          : url("../images/icons/arrow-return_16x16.png") center center no-repeat;
  height              : 16px;
  width               : 16px;
  padding-right       : 2em;
  display             : inline-block;
}

/* ========================================================================== */
/*    STARTING SUBMISSION                                                     */
/* ========================================================================== */
div#tabs{
  margin-bottom       : 2em;
}
h2.deposit{
  padding-left        : 40px;
  /*border-bottom       : 1px solid black;*/
  font-family         : Montserrat;
  background          : transparent center left no-repeat;
}
h2.start-new-deposit{
  background-image    : url("../images/start.png");
  border-bottom-color : #60b32c;
  color               : #60b32c;
}
h2.continue-deposit{
  background-image    : url("../images/continue.png");
  border-bottom-color : #336699;
  color               : #336699;
}
div.no_publication{
  text-align          : center;
  background-color    : #F9F9F9;
  font-style          : italic;
  padding             : 1.25rem 0;
}

/* Submitting publication teaser ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.submit-publication{
  padding-left        : 8px;
  padding-right       : 8px;
  width               : 100%;
}
div.submit-publication:hover{
  background-color    : #F7F7F7;
}
div.submit-publication:hover .label{
  border              : none;
}

div.submit-publication div.action{
  width               : 40px;
  position            : absolute;
  top                 : -1px;
  height              : 50px;
  text-align          : center;
  margin              : 0;
  padding-top         : 20px;
  opacity             : 0;
  visibility          : hidden;
  -webkit-transition  : opacity 900ms, visibility 350ms;
  transition          : opacity 900ms, visibility 350ms;
}
div.submit-publication:hover div.action{
  visibility          : visible;
  opacity             : 1;
}

div.submit-publication div.action.continue{
  background-color    : #77b3d4;
  border              : 1px solid #6796B0;
  border-radius       : 10px;
}
div.submit-publication div.action.delete{
  background-color    : #F5764C;
  border              : 1px solid #F15B2B;
  border-radius       : 10px;
}
div.submit-publication div.action.l{
  left                : -40px;
  border-right        : none;
  border-bottom-right-radius : 0;
  border-top-right-radius    : 0;
}
div.submit-publication div.action.r{
  right               : -40px;
  border-left         : none;
  border-bottom-left-radius : 0;
  border-top-left-radius    : 0;
}


div.submit_publication{
  border              : 1px solid #CCC;
  background-color    : #F8F8F8;
  border-radius       : 4px;
  position            : relative;
  margin              : 1em 0;
}
div.submit_publication:first-child{
  margin-top          : 0;
}
div.submit_publication_teaser:hover{
	box-shadow          : 0 0 5px rgba(136, 174, 232, 1);
  border              : 1px solid #a8c6f3;
}
div.submit_publication span.pid{
  color               : #777;
  font-family         : "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  font-size           : 0.75em;
  position            : absolute;
  bottom              : 0.2em;
  right               : 0.5em;
}

div.submit_publication table{
  width               : 100%;
  overflow            : hidden;
}
div.submit_publication table *{
  border              : none;
}
div.submit_publication table tbody th{
  text-align          : left;
  padding-right       : 8px;
  padding-top         : 4px;
  text-transform      : uppercase;
  color               : #888;
  font-size           : 0.8em;
  width               : 20%;
  min-width           : 10%;
}
div.submit_publication table tbody th::before{
  content             : ' \25CF';
  padding-right       : 10px;
  color               : #DDD;
  font-size           : 0.75em;
}

div.submit_publication ul{
  margin              : 0;
  padding-left        : 0;
}

div.submit_publication_teaser div.title{
  margin              : 1em;
  margin-bottom       : 0;
}
div.submit_publication_teaser div.title a{
  text-decoration     : none !important;
  font-size           : 1.1em;
  font-family         : Montserrat;
}
div.submit_publication_teaser div.actions{
	position            : absolute;
	top                 : 0.25em;
	right               : 1em;
	display             : none;
}
div.submit_publication_teaser:hover div.actions{
  display             : block;
}
div.submit_publication_teaser div.actions a{
	display             : inline-block;
	height              : 32px;
	width               : 32px;
  padding             : 4px;
}


div.submit_publication a.button{
  position            : absolute;
  right               : 2px;
  top                 : 2px;
  padding             : 0.5em;
}
div.submit_publication a.button img{
  float               : left;
  padding-right       : 4px;
}

/* Submitting with no admin shiny theme ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.no-shiny table{
  border              : none;
}
div.no-shiny table tbody th{
  background-color    : inherit !important;
  padding             : 4px 8px 2px 15px !important;
  color               : #888;
  font-size           : 0.9em;
  width               : 15%;
  min-width           : 10%;
  font-weight         : bold !important;
}

div.no-shiny table tbody td{
  padding             : 2px !important;
}
div#overlay{
  margin-top          : 4em;
}

/* Submitting publication detail ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.submit_publication_authors{
  width               : 100% !important;
}
table.submit_publication_authors tr{
 counter-increment    : rowNumber;
}
table.submit_publication_authors td.email{
  font-size           : 0.9em;
  color               : #999
}
table.submit_publication_authors td.institution{
  font-size           : 0.9em;
  color               : #999
  text-align          : right;
}
table.submit_publication_authors tr td:first-child{
  padding-left        : 0;
}
table.submit_publication_authors tr td:first-child::before{
  content             : counter(rowNumber);
  min-width           : 1em;
  margin-right        : 2.5em;
  margin-bottom       : 0.5em;
  font-weight         : bold;
  color               : #FFF;
  border              : 1px solid #D7D7D7;
  border-bottom-right-radius : 1em;
  background-color    : #D7D7D7;
  padding             : 0.2em 1em;
}
table.submit_publication_data td.data{
  font-family         : "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}
table.submit_publication_data thead td{
  border-bottom       : 1px solid black;
  color               : black;
  margin-right        : 5px;
  font-weight         : bold;
}

/* Button group ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.btn-group{
  text-align          : center;
  margin-top          : 2em;
}
div.btn-group input[type=submit]{
  padding             : 1em 4em;
  border-radius       : 0;
  font-size           : 1em;
  color               : #666;
}
div.btn-group input[type=submit]:first-child{
  border-top-left-radius     : 1em;
  border-bottom-left-radius  : 1em;
}
div.btn-group input[type=submit]:last-child{
  border-top-right-radius    : 1em;
  border-bottom-right-radius : 1em;
}
div.btn-group input[type=submit]:not(:first-child){
  border-left         : none;
}
.no-close .ui-dialog-titlebar-close {
  display             : none;
}

/* ========================================================================== */
/*    COUNTER BOXES                                                           */
/* ========================================================================== */
div#main{
  position            : relative;
}
div.messages-counter{
  position            : absolute;
  top                 : 0.5em;
  right               : 0;
  text-align          : right;
}
div.message-counter{
  display             : inline-block;
  border-style        : solid;
  border-width        : 1px;
  padding             : 0.15em 0.5em;
  padding-left        : 30px;
  background-color    : #EEE;
  border-radius       : 1em;
  font-weight         : bold;
  cursor              : pointer;
  font-family         : Montserrat;
  font-size           : 1.25em;
  margin-left         : 0.5em;
}
div.message-counter[for='error']{
  background          : #fddfdf url("../images/icons/error_16x16.png") 6px center no-repeat;
  border-color        : #C00;
  color               : #C00;
}
div.message-counter[for='warning']{
  background          : #feebcd url("../images/icons/warning_16x16.png") 6px center no-repeat;
  border-color        : #F93;
  color               : #F93;
}
div.submission-messages{
  display             : none;
  border-style        : solid;
  border-width        : 1px;
  margin              : 0 1em;
  border-radius       : 4px;
}
div.submission-messages + div.submission-messages{
  margin-top          : 1em;
}
div.submission-messages[for='warning']{
  background          : #fffa90 url("../images/warning-bg_40x40.png") top left repeat;
  border-color        : #C93;
  color               : #C93;
}
div.submission-messages[for='error']{
  background          : #fddfdf url("../images/error-bg_40x40.png") top left repeat;
  border-color        : #C00;
  color               : #C00;
}
 div.submission-messages-error{
   border-color        : #C00;
   color               : #C00;
   background-color    : #fddfdf;
   text-align          : center;
   padding             : 1em;
   font-weight         : bold;
   margin              : 2em auto;
 }



/* ========================================================================== */
/* FIELD THEMING                                                              */
/* ========================================================================== */
.form-item label {
  margin          : 5px 0 0; /* set top margin same as form input - textarea etc. elements */
  text-transform  : uppercase;
  color           : black;
}
.form-item textarea{
  padding         : 0.4rem !important;
}
.form-item *::placeholder{
  color           : #AAA;
  font-style      : italic;
}

.form-item-fieldset{
  border          : 1px solid #CCC;
  border-radius   : 5px;
  background-color: #F8F8F8;
}
.form-item-tooltip{
  position        : relative;
  box-sizing      : border-box;
  margin-left     : 1em;
  margin-right    : 1em;
}
.form-item-tooltip label{
  float           : left;
  width           : 15%;
  text-align      : right;
  font-weight     : normal !important;
  margin-top      : 0.5em;
}
.form-item-tooltip label[for=edit-specific-part-host-host-peer-reviewed-no],
.form-item-tooltip label[for=edit-specific-part-host-host-peer-reviewed-yes],
.form-item-tooltip label[for=edit-specific-part-serial-serial-peer-reviewed-no],
.form-item-tooltip label[for=edit-specific-part-serial-serial-peer-reviewed-yes]{
  float:none;
}
.form-item-tooltip .field{
  float           : right;
  width           : 84%;
}
.form-item-tooltip .description{
  background-color: #DDD;
  color           : #777;
  padding         : 5px 10px;
  border-radius   : 6px;
  width           : 100%;
  position        : relative;
  margin          : 5px auto 0 auto;
  text-align      : center;
  box-sizing      : border-box;
  display         : none;
  font-size       : 1em;
}
.form-item-tooltip .description::after {
  content             : " ";
  position            : absolute;
  bottom              : 100%;  /* At the top of the tooltip */
  left                : 50%;
  margin-left         : -5px;
  border-width        : 5px;
  border-style        : solid;
  border-color        : transparent transparent #DDD transparent;
}
.form-item-tooltip .tooltip-icon,
.form-item-tooltip .icon{
  position            : absolute;
  top                 : 0.25em;
  cursor              : pointer;
}


.form-item-inline{ position:relative; }
.form-item-inline label{
  width               : 12%;
  display             :inline-block;
  /*border-bottom : 1px dotted #CCC;
  padding-bottom: calc(0.4rem - 1px);*/
  padding-right       : 5px;
  /*text-align: right;*/
}
.form-item-inline .field-input{
  width               : 88%;
  display             : inline-block;
}

.ui-autocomplete-input{
  background-color    : #FFF;
  background-image    : url('../images/throbber.gif');
  background-position : right 5px top 7px;
  background-repeat   : no-repeat;
}
.ui-autocomplete-loading {
  background-position : right 5px bottom 0;
}

.required-empty{
  background-color    : #fbf9ef;
}

/* special css for embargo radios ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.form-item-embargo-date{
  display : inherit !important;
}
.form-item-embargo-date label span{
  float:right;
  font-size: 0.8em;
  color : #999;
  text-transform: none;
}


/* ========================================================================== */
/* AUTHOR DRAGGABLE TABLE                                                     */
/* ========================================================================== */

.tabledrag-toggle-weight{ display: none; }
table#authors-ordered-table{ margin:0; border-collapse: collapse; border-spacing: 10px 50px; }
table#authors-ordered-table tbody{ border: none;}
table#authors-ordered-table tr:not(.drag) td{ background-color: #F8F8F8; }
table#authors-ordered-table tr{ border: none;}
table#authors-ordered-table td{ padding: 0.6rem 0 1.25rem 0;  }
table#authors-ordered-table td{ border-bottom: 1px solid #7dccfc; }
table#authors-ordered-table tr td:first-child{ width: 2rem; padding-left: 10px; }
table#authors-ordered-table tr td:last-child{ width: 1rem; padding: 0 10px; }
table#authors-ordered-table .tabledrag-changed{ display: none; }
table#authors-ordered-table a.tabledrag-handle{ text-decoration: none; }
table#authors-ordered-table .action{
  height             : 20px;
  width              : 30px;
  display            : inline-block;
  cursor             : pointer;
}
table#authors-ordered-table .add-author{ background: url(../images/icons/add-circle_16x16.png) right center no-repeat; }
table#authors-ordered-table .remove-author{ background: url(../images/icons/trash_16x16.gif) right center no-repeat; }
table#authors-ordered-table tr{ background-color: #F8F8F8; }
table#authors-ordered-table tr:not(:last-child) .add-author{ display:none; }
table#authors-ordered-table tr:first-child:nth-last-child(1) .remove-author{ display:none; }


table#authors-ordered-table{ counter-reset: rowNumber; }
table#authors-ordered-table tr{ counter-increment: rowNumber;}
table#authors-ordered-table tr::before{
    content          : counter(rowNumber);
    color            : #FFF;
    font-weight      : bold;
    background-color : #7dccfc;
    border-bottom-right-radius : 0.75rem;
    display          : block;
    padding-left     : 0.75em;
}
table#authors-ordered-table label{
  font-size: 0.8em;
}

/* ========================================================================== */
/* BASIC METADATA                                                             */
/* ========================================================================== */
.form-readonly{
  background-color: #EEE;
  cursor          : not-allowed;
}
.form-type-hidden{
  display: none;
}

.additional-abstract-link{
  font-size       : 0.8em;
  text-transform  : uppercase;
  float           : right;
  margin-right    : 1em;
  margin-top      : -1em;
}

ul.tagit{ padding:0 !important; }
ul.tagit input.ui-autocomplete-input{ background: none !important; }

.form-control-action{
  width          : calc(100% - 45px);
  display        : inline-block;
  box-sizing     : border-box;
}
.form-inline-group * { display: inline-block; }
.form-inline-group-2 > *{ width: calc(50% - 4px); }
.form-inline-group-3 > *{ width: calc(33% - 4px); }
.form-inline-group-4 > *{ width: calc(25% - 4px); }

span.action{
  width          : 20px;
  height         : 20px;
  display        : inline-block;
  cursor         : pointer;
  vertical-align : middle;
}

span.add-fields{ background: url(../images/icons/add-circle_16x16.png) right center no-repeat; }
span.remove-fields{ background: url(../images/icons/trash_16x16.gif) right center no-repeat; }

div[group=localisation-fields] + div[group=localisation-fields] label,
div[group=localisation-fields] + div[group=localisation-fields] .tooltip-icon,
div[group=affiliation-fields] + div[group=affiliation-fields] label,
div[group=affiliation-fields] + div[group=affiliation-fields] .tooltip-icon,
div[group=collectionwp-fields] + div[group=collectionwp-fields] label,
div[group=collectionwp-fields] + div[group=collectionwp-fields] .icon,
div[group=report-fields] + div[group=report-fields] label,
div[group=report-fields] + div[group=report-fields] .icon,
div[group=funding-fields] + div[group=funding-fields] label,
div[group=funding-fields] + div[group=funding-fields] .icon{
  display:none;
}
div[group=collectionwp-fields] + div[group=collectionwp-fields],
div[group=report-fields] + div[group=report-fields],
div[group=funding-fields] + div[group=funding-fields]{
  margin-top: -2em;
}



.institutionSelect-wrapper *{ display:inline-block; }
.institutionSelect-wrapper .institutionList-field{ width:15%; margin-right: 5px;}
.institutionSelect-wrapper .institutionDepartment-field{ width:calc(85% - 5px); }
.institutionSelect-wrapper .institutionName-field{ width: 30%; margin-right: 5px;}
.institutionSelect-wrapper .entityName-field{ width: calc(55% - 10px);}


table.sub_informations { margin:0; }
table.sub_informations tbody{ border: none; }
table.sub_informations tr{ border:none; }
table.sub_informations td{ padding:0 2px; }
table.sub_informations th{
  width: 18%;
  text-transform: uppercase;
  text-align: right;
  margin-right: 10px;
  font-weight: normal;
  color: #777;
  vertical-align: middle;
  padding : 5px;
  font-size: 0.9em;
}
table.sub_informations th::after{
  content: ":";
  padding: 0 5px;
}

table.sub_informations input, table.sub_informations select{ min-width: 150px; }
table.sub_informations .form-item{ margin-bottom: 0 !important;}
table.sub_informations .form-radios .form-item { display:inline; margin-right: 10px; }
table.sub_informations .form-radios .form-item label{ font-weight: normal; }


/* ========================================================================== */
/*    ALERT (BOOSTRAP LIKE)                                                   */
/* ========================================================================== */
.alert{
  padding           : 15px;
  margin-bottom     : 20px;
  border            : 1px solid transparent;
  border-radius     : 4px;
  position: relative;
}
.alert::after{
  clear: both;
}

.alert-info{
  color             : #31708F;
  background-color  : #D9EDF7;
  border-color      : #BCE8F1;
}
.alert-info .alert-link{
  color             : #245269;
  font-weight       : 700;
}


.alert-warning{
  color             : #8A6D3B;
  background-color  : #FCF8E3;
  border-color      : #FAEBCC;
}
.alert-warning::before{
  content           : "";
  background        : url("../images/icons/warning-32x32.png") center center no-repeat;
  width             : 32px;
  height            : 32px;
  display           : inline-block;
  position          : absolute;
  top               : -16px;
  left              : -16px;
}
.alert-warning .alert-link{
  color             : #66512C;
  font-weight       : 700;
}

.alert-error{
  color             : #721C24;
  background-color  : #F8D7DA;
  border-color      : #F5C6CB;
}
.alert-error .alert-link{
  color             : #491217;
  font-weight       : 700;
}
.alert-error::before{
  content           : "";
  background        : url("../images/icons/error-32x32.png") center center no-repeat;
  width             : 32px;
  height            : 32px;
  display           : inline-block;
  position          : absolute;
  top               : -16px;
  left              : -16px;
}


/* ========================================================================== */
/*    PANEL                                                                   */
/* ========================================================================== */
.panel{
  margin-bottom     : 18px;
  background-color  : #F6F6F6;
  border            : 1px solid rgba(0,0,0,0);
  border-radius     : 6px;
  box-shadow        : 0 1px 2px rgba(0, 0, 0, 0.05);
 -webkit-box-shadow : 0 1px 2px rgba(0, 0, 0, 0.05);
  padding-bottom    : 1em;
}
.panel-default{
  border-color      : rgb(221, 221, 221);
}
.panel-default > .panel-heading{
  background-image  : linear-gradient(to bottom, rgb(230, 230, 230) 0, rgb(222, 222, 222) 100%);
  background-repeat : repeat-x;
  color             : #333;
  background-color  : #E1E1E1;
  border-color      : #DDD;
}
.panel-heading{
  padding           : 10px 15px;
  border-bottom     : 1px solid rgba(0,0,0,0);
  border-top-right-radius : 3px;
  border-top-left-radius  : 3px;
  position          : relative;
}
.panel-heading:not(:first-child){
  border-top        : 1px solid #DDD;
}
.panel-title {
  margin-top        : 0;
  margin-bottom     : 0;
  font-size         : 12px;
  text-transform    : uppercase;
  color             : #999;
  font-family       : montserrat, arial, verdana;
  font-weight       : bold;
  letter-spacing    : 1px;
}
.panel-help{
  position          : absolute;
  padding           : 1px;
  border            : 1px solid #CCC;
  top               : 0.5em;
  right             : 0.5em;
  background-color  : #FFF;
  width : 24px;
}
.panel-help img{
  vertical-align    : middle;
}
.panel-heading .counter{
  float             : right;
}
.panel .panel-content{
  margin-top        : 1em;
}
.panel p{
  margin            : 0 2em 1em 2em;
}


/* ========================================================================== */
/*    NEW SUBMISSION                                                          */
/* ========================================================================== */
div.new_submission{
	background        : url(../images/add_green.png) 15px 2px no-repeat;
	padding-left      : 180px;
	margin-bottom     : 3em;
}
#tabs ul{
  border-bottom     : 1px solid #AAA;
}
.ui-tabs .ui-tabs-nav{
  padding-left      : 0 !important;
}
.ui-tabs-anchor{
	text-transform    : uppercase;
	text-decoration   : none !important;
	font-weight       : bold;
}
.ui-state-active a{
  background-color  : #F9F9F9 !important;
}
.ui-tabs-panel{
	border-width      : 1px !important;
	border-top        : none;
	background-color  : #F9F9F9 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	margin-bottom     : -2px !important;
	padding-bottom    : 0 !important;
	border-bottom     : 1px solid #F9F9F9;
}
.ui-tabs .ui-state-focus a:focus{
  outline           : none !important;
}


/* ========================================================================== */
/*    FILES MANAGEMENT                                                        */
/* ========================================================================== */
div#edit-upload{
  margin-top        : 2em;
}
div.fakefile{
  position          : relative;
}
span.file-fakeinput-remove{
  display           : block;
  width             : 24px;
  height            : 24px;
  background        : url("../images/icons/remove-icon_16x16.png") center center no-repeat;
  cursor            : pointer;
  position          : absolute;
  top               : 3px;
  right             : 3px;
}
div.form-item-access-type span.field-prefix{
  float             : right;
  padding-top       : 4px;
}
span.sherpa_toggle{
  float: right;
  cursor: pointer;
  color: #A8000C;
  text-decoration: underline;
}

/* Attached files ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.attached-file{
  position          : relative;
  margin            : 1em 0;
}
div.attached-file table{
  width             : auto;
  overflow          : hidden;
}
div.attached-file table *{
  border            : none;
}
div.attached-file table tbody th{
  text-align        : left;
  padding-right     : 8px;
  padding-top       : 4px;
  text-transform    : uppercase;
  color             : #888;
  font-size         : 0.9em;
}
div.attached-file table tbody th::before{
  content           : ' \25CF';
  padding-right     : 10px;
  color             : #DDD;
  font-size         : 0.75em;
}
div.attached-file table td.title{
  color             : #A8000C;
  font-weight       : bold;
}
div.attached-file .file-icon{
  float             : left;
  width             : 80px;
  height            : 80px;
  padding           : 8px;
}
div.attached-file .file-icon img{
  opacity           : 0.4;
  filter            : alpha(opacity=40), grayscale(100%);
  -webkit-filter    : grayscale(100%);
  -moz-filter       : grayscale(100%);
  -ms-filter        : grayscale(100%);
  -o-filter         : grayscale(100%);
}
div.attached-file img.access-restriction{
  position          : absolute;
  top               : 60px;
  left              : 60px;
}

div.attached-file div.actions{
  position          : absolute;
  transform         : translateY(-50%);
  top               : 50%;
  right             : 1em;
  display           : none;
}
div.attached-file:hover div.actions{
  display           : block;
}


div.license {
  position          : relative;
}
div.license span.field-suffix{
  float             : right;
}