/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2 juin 2016, 10:22:29
    Author     : alasserre
*/

/*
 * COULEURS
 *

rouge: #E1001D
gris fond moyen : F4F4F4
gris clair : F8F8F8
bleu nuit : #4c7bb3

*/

body { background: #F4F4F4; }

a { color: #4c7bb3; }
a:hover {
  text-decoration: underline;
}

.button.tab {
  border-radius: 10px 10px 0 0;
  padding: 0.5rem 0.8rem 0.3rem;
  margin-left: 10px;
  background: #4c7bb3;
}

/*
 * ELEMENTS
 */

/* Progress bar */
.progress.round {
  border-radius: 1000px;
}
.progress .meter {
  position: relative;
  float: left;
  min-width: 1%;
  height: 100%;
}
.progress.radius .meter {
  border-radius: 999px;
}
.meter.blue {
  background-color: #4c7bb3;
}
.meter .percent {
   position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-family: tahoma,arial,helvetica;
  font-size: 12px;
  color: white;
}

/* Tables de vues */
.table_title {
  font-size: 1.2rem;
}

/* Actions de vue */
.dropbutton-wrapper.dropbutton-multiple .dropbutton-toggle button {
  border: 1px solid #4c7bb3;
  margin-left: 7px;
}
.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-toggle button {
  border: none;

}
.dropbutton-wrapper.dropbutton-multiple .dropbutton-toggle button .dropbutton-arrow { right: 15%; }
.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-widget {
  background: #fff;
  border: 1px solid #000;
}

/*
 * LAYOUT
 */

.row { max-width: 100%; }

.full-container {
  max-width: 1920px;
  margin-left: 1%;
  margin-right: 1%;
}

.layout-container {
  margin-top: 0;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 1px 1px 3px 2px #888;
  padding-bottom: 20px;
}

.row .region-inner { padding: 0.6rem 1rem; }

.message[role="contentinfo"] {
  border: 1px solid #E1001D;
  padding: 1rem 2rem;
  margin-bottom: 1.3rem;
  background: #F4F4F4;
}

/*
 * HEADER
 */

header { padding-top: 0.5rem; }

header #block-pcic-main-menu .menu-row {
  background-color: #555;
  border-bottom: 8px solid #3366cc;
}
header #block-pcic-main-menu .menu-row a {
  color: #fff;
}
header #block-pcic-main-menu .menu-row a:hover {
  color: #F8F8F8;
  text-decoration: underline
}

#block-pcic-branding {
	padding: 1rem;
	text-align: center;
}
#block-pcic-branding #site-name { display: block; color: #000; font-size: 0.8em; padding: 0 0 14px 8px;  }

/* -- Menu -- */
#block-pcic-main-menu .is-active { text-decoration: underline; }

/* -- Local Tasks -- */

#block-pcic-local-tasks {
  border-bottom: 1pt solid #444;
  margin-bottom: 1rem;
}

#block-pcic-local-tasks .menu {
  align-items: flex-end;
}

#block-pcic-local-tasks .menu .tab {
  background: transparent;
  border-radius: 0;
  color: #4c7bb3;
}
#block-pcic-local-tasks .menu .tab.is-active {
  /*border: 1pt solid #4c7bb3;
  border-bottom: 0 none;*/
  font-weight: bold;
}



/*
 * CONTENT
 */

main {
	display: flex;
}

/* ///// JMS HOME PAGE ///// */

#site-name{
	display: none !important;
}

.route--entity-node-canonical .front-page main {
	background-image: url(/themes/custom/pcic/img/bkgrnd_home.jpg);
	background-position: top center;
	/*background-size: cover;*/
	background-size: cover;
	background-repeat: no-repeat;
	border-top: 20px solid #3366cc;
	margin-top: 50px;
	/*margin-bottom: 50px;*/
}

.route--entity-node-canonical #block-pcic-page-title{
	margin: 20px 0 0 0;
}
.route--entity-node-canonical #block-pcic-content{
	/*width: 360px;*/
	margin: 20px;
}

.route--entity-node-canonical .front-page #block-pcic-content p:first-child{
	display: block;
	width: 360px;
}

.route--entity-node-canonical .front-page #block-pcic-content h2{
	display: block;
	width: 100%;
	color: #FFF;
}

#block-proposeanabstract a{
	color: #FFF;
}

#block-proposeanabstract p a{
	color: #000;
}

#block-userloginforpcic ul li{
	list-style: none;
	font-size: 12px;
}


#footer_content .region-inner #block-proposeanabstract{
	/*background-color: #eee;
    border: 1px solid;
    border-radius: 10px;*/
    font-size: 20px;
    font-weight: bold;
    margin: 0px auto;
    /*padding: 20px 10px;*/
    width: 97%;
}

#footer_content .region-inner #block-proposeanabstract table{
	border-collapse: separate;
	border-spacing: 3px;
}

#footer_content .region-inner #block-proposeanabstract .black-cell a, #footer_content .region-inner #block-proposeanabstract .black-cell a:visited{
	color: #FFF;
}

#footer_content .region-inner p{
	margin: 0;
}

#footer_content .region-inner a{
	text-decoration:underline;
}

#footer_content .region-inner #block-aboutus{
    margin: 0px auto 50px auto;
    padding: 100px 10px 20px 10px;
    width: 97%;
	background-image: url(/themes/custom/pcic/img/bkgrnd_about-us.jpg);
	background-position: center top;
	background-size:inherit;
	background-repeat: no-repeat;
}

#footer_content .region-inner #block-aboutus p strong{
  display: block;
  margin-bottom: 5em;
  color: white;
  text-shadow: 0px 1px 4px #000;
}

#footer_content .region-inner #block-aboutus h2{
  color: #FFF;
}

.rubrique-- #block-pcic-content a{
	background-color: #3268b3;
    border-radius: 5px;
    color: #fff;
    display: block;
    height: 28px;
    padding: 0 20px;
    text-align: center;
    width: 30%;
}



/* ///// JMS DASHBOARD ///// */

#block-pcic-breadcrumbs{
	display: none;
}

.js-pager__items{
	    margin-top: 15px;
    margin-left: 40%;
    width: auto;
}


.js-pager__items li{

	display: inline;
	margin: 0 15px;
}

.rubrique--dashboard nav[role=navigation]:after {
    clear: both;
}


/* ///// ///// ///// */

/* -- Breadcrumb -- */
.layout-content #block-pcic-breadcrumbs { margin-top: 0.75rem; }
.layout-content .breadcrumbs { margin-bottom: 0; padding-left: 3px; }
.layout-content .breadcrumbs li a { color: #000; }
.layout-content .breadcrumbs li::after { content:'/'; }

/* -- Titre -- */
.layout-content h1 {
   line-height: 1;
   margin-bottom: 1.5rem;
   font-size: 2rem;
}

/*
 Champs
*/
.field-label {
  color: #fff;
  background: #4c7bb3;
  width: auto;
  /*    display: inline-block; */
      padding: 0 0.5rem;
}
.field-label.inline { display: inline-block; background: #90a8c0; }
.field-content {
  border: 1px solid #C4C4C4;
  padding: 0.6rem;
  background: #F8F8F8;
}
.field-content.inline { display: inline-block; border: 0; padding: 0; }
.field-wrapper {
  margin: 1rem 0;
}
.field-wrapper.inline { border-bottom: 1pt solid #a0bad5;  margin: 0.4rem 0; }

/* - Field Collection && INLINEs - */
.field-wrapper.inline, .field-collection-item  .field-wrapper { margin: 0.4rem 0; }
.field-label.inline, .field-collection-item  .field-label {
  display: inline-block;
  background: none;
  color: #000;
  font-weight: 600;
}
.field-content.inline, .field-collection-item  .field-content {
     display: inline-block; border: 0 none;
}

/* Actions to do */
details.youraction {

}
details.youraction summary, details[open].youraction summary {
    background: #00cc33;
    color: #fff;
}

/*
 * COMMENTAIRES
 */
.initial_evaluation h2 { display: none; }

.comments-list ul {
  margin-left: 0;
}
.comments-list ul li {
  list-style-type: none;
}

/*
 * FOOTER
 */
footer {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  padding-top: 5px;
}

footer .region-inner, footer .region-inner nav, footer .region-inner .row.menu-row, footer .region-inner ul, footer .region-inner li, footer .region-inner li a  { display: inline; width: auto; }

/*
 * FORMULAIRES
 */

label.form-required::after {
  content: '*';
}

details {
  border: 1px solid #C4C4C4;
  padding: 0.4rem 0.8rem;
  margin: 1rem 0;
}
details summary {
    cursor: pointer;
    font-weight: 600;

}

details[open] a.details-title { color: #fff; }

details[open] summary { margin-bottom: 0.8rem; background: #4c7bb3; color: #fff; border-radius: 4px; padding-left: 10px;
}

details > .bloc-description {
  font-style: italic;
  margin: 0.8rem 0.5rem 1.2rem;

}

details .form-item .inner-form-element {
  display: flex;
  margin: 0.15rem 0;
}



details .form-item .inner-form-element label {
	padding-top: 2px;
    min-width: 20%;
    text-align: right;
    padding-right: 1rem;
    font-weight: 400;
}
details .form-item .inner-form-element input {
  margin: 0;
  padding: 0.25rem 0.5rem;
  height: auto;
  line-height: 1.4em;
}
details .form-item .inner-form-element input[type="text"]:disabled {
  font-size: 0.9rem;
}


details .form-item .description {
  text-align: right;
  font-style: italic;
  font-size: 0.8rem;
  padding-bottom: 0.6rem;
}

/* Cacher le 'show row height' */
.tabledrag-toggle-weight-wrapper { display: none; }


/* - Textarea - */

/* pas d'aide sur les formats */
details .form-item .filter-wrapper.js-form-wrapper.form-wrapper { display: none; }

details .form-item.js-form-type-textarea .textarea-wrapper { width: 100%; }
details .form-item.js-form-type-textarea { margin-bottom: 1rem; }

/* - Select - */
details .form-item select {
    height: auto;
}


/* - Submit - */
details #edit-actions { text-align: right; }



/*
  VUES
*/
.js td .dropbutton-multiple { padding-right: 2em; }



/* ///// JMS FORMULAIRE DE SOUMISSION D'ABSTRACTS ///// */

.route--entity-paper-add_form .handle{
	height: 28px !important;
    width: 28px !important;
}

.route--entity-paper-add_form .field-multiple-table thead{
	display: none;
}

.route--entity-paper-add_form .form-checkbox{
	flex: 0 0 auto;
	margin-top: 7px !important;
}

.route--entity-paper-add_form .fieldgroup{
	flex-wrap:wrap;
	min-width: 50%;
	margin-bottom: 50px;
}

.route--entity-paper-add_form #edit-field-theme-ajax > .fieldset-wrapper {
	flex-wrap: wrap;
}

/*
Step 2->3 : Acceptance delay form
*/
.route--entity-paper-canonical [type="checkbox"] + label, .route--entity-paper-canonical [type="radio"] + label {
    width: 80%;
    vertical-align: middle;
}

.route--entity-paper-canonical #edit-submit--3 { margin-top: 20px; }

/*
Step 3->4 Upload Draft
*/
.route--entity-paper-canonical #edit-field-author-acceptation-wrapper {
  margin: 10px 0 10px 18%;

}
.route--entity-paper-canonical #edit-field-author-acceptation-wrapper label { text-align: left; }
.route--entity-paper-canonical #edit-field-author-acceptation-wrapper .form-checkbox.error + label { color: #E1001D; }

.route--entity-paper-canonical #edit-field-draft-acomment-0--description {
  text-align: right;
  font-style: italic;
}

#edit-field-final-paper-file-wrapper label { font-weight: bold; }

/**
IEEE
*/
fieldset#edit-ieee {
  border: 1pt solid #aaa;
    margin: 0 10% 2rem;
    padding: 0.1rem 0.5rem;
}
fieldset#edit-ieee > legend {
  margin-bottom: 0;
  padding: 0 0.4rem;
}
details fieldset#edit-ieee .form-item.form-item-use-ieee-xplore .inner-form-element label {
  text-align: left;
}
details fieldset#edit-ieee .form-item-use-ieee-xplore {
  margin-bottom: 0.6rem;
}
details fieldset#edit-ieee .form-item-ieee-xplore-ref  {
  margin-top: 1rem;
}
details fieldset#edit-ieee .form-item-ieee-xplore-ref label, details fieldset#edit-ieee #edit-field-final-paper-ieee-ref-wrapper label {
  width: 350px;
  padding-left: 27px;
}
#edit-ieee-xplore-ref, #edit-field-final-paper-ieee-ref-0-value {width: auto; cursor: auto;}
#edit-field-final-paper-ieee-ref-0-value { height: 26pt; margin-top: 10px; }
/**
 Résumé du paper
 **/
.article-details {
 box-shadow: 2px 2px 2px #888;
 padding: 0;
 background-color: #EEE;
}
.article-details > summary { padding: 0.4rem 0.6rem; }
.article-details[open] > summary {
    background: #555555 none repeat scroll 0 0;
    border-radius: 0px;
    color: #fff;
    margin-bottom: 0.8rem;
    padding-left: 10px;
    padding: 0.2rem 0.6rem;
}
.article-details .container {
  padding: 0 0.8rem 0.4rem;
}

/** --- **/
#edit-new-title--description, #edit-new-content--description {
  font-size: 10pt;
  text-align: right;
}
#edit-new-content-format { display: none; }