.quiz_response-container {
    border: 1px solid #eee;
    padding: 11px 9px 20px 9px;

}

.quiz_response-container a {
    position: absolute;
    left: 250px;
    /* margin: -41px 66px 4px 5px; */
    /* margin: 0 0px 0 5px; */
    top: -40px;
}

.remove_question_parent {
    /* float: right; */
}

.parent_question_container {
    /*border: 1px solid #eee;*/
    padding: 15px;
    height: 155px;
    /*margin-left : 120px;*/
    width: 845px;
}

.aq_form_error {
    color: red !important;
    width: 100% !important;
}

.legend_question {
    font: caption;
    font-size: large;
    font-style: initial;
}

.response_dropdown {
    /**
    margin-left: 52px;
    width: 160px;**/
}

/* Main menu */

.header-navbar.pcoded-header {
    z-index: 1028;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a {
    padding-bottom: 0 !important;
    padding-left: 15px !important;
}

.pcoded .pcoded-navbar .pcoded-item li.disabled > a {
    color: gray !important;
    opacity: .65;
    pointer-events: none;
}

.pcoded .pcoded-navbar .pcoded-item li.disabled:hover > a {
    color: gray !important;
}

.pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.disabled.pcoded-trigger {
    width: inherit !important;
    z-index: inherit !important;
}

.pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.disabled.pcoded-trigger .pcoded-mtext {
    display: none;
}

.pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.disabled.pcoded-trigger .pcoded-mtext {
    display: none;
}

.pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu > li:last-child {
    margin-bottom: 10px;
}

.badge-menu {
    float: right;
    margin: 3px 0 0 0;
}

/* Main menu hide chevron */

.pcoded-submenu-item-custom {
    display: inline-block;
    font-size: 0.9em;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before {
    display: none;
}

/* Top menu */

.navbar-container .nav-right .user-profile .profile-notification li > a {
    padding: 0;
}

/* Activated toggle */

td a.text-primary:hover {
    color: #1abc9c !important;
}

/* Default "cancel/back to..." button */

a.btn-default:hover {
    color: #fff;
}

/* Editeur dabsboard table custom style */

.text-table-custom {
    color: #757575;
    border-top: none !important;
}

.badge-dashboard {
    margin-bottom: 0px;
}

/* Front : Article submission : Questions */

#wizard section fieldset.question-box table td {
    display: block;
}

#wizard section fieldset.question-box table td label {
    white-space: normal;
}

/* Front : Article submission : Article Files */

#wizard section fieldset.article-file-box h5 {
    margin-left: 30px;
    font-weight: 700;
}

#wizard section fieldset.article-file-box .classTest1 {
    margin: 30px 0;
    padding: 20px; 
    border: 2px solid green;
}

.CT1-header p {
    font-size: 14px;
    color: #757575;
    margin-top: 10px;
}

.CT1-header i.fa {
    font-size: 26px;
    position: relative;
    top: 4px;
}

/* User Profile */

.input-group .input-width {
    width: 100%;
}

.input-group .col-6:last-child {
    padding-right: 0;
}

.input-flex {
    display: flex;
}

.input-flex-buttons {
    display: flex;
    justify-content: space-between;
}

.input-label {
    padding-left: 0;
}

.item-center {
    text-align: center;
}

.mt-2.expert-title {
    font-size: 14px;
}

.infos-title {
    font-weight: 700;
}

/* Header table : Top border */

.pcoded-inner-content .card-body .table thead th, .pcoded-inner-content .card-block .table thead th {
    border-top: none;
}

/* Article Data Table */

.table-custom table {
    table-layout: fixed;
    width: 100%;
}

.table-custom th, .table-custom td {
    width: 17.5%;
}

.table-custom th:last-child, .table-custom td:last-child {
    width: 12%;
}

.table-text td, .table-header th {
    white-space: normal;
}

.table-detail tr td:first-child{
    width: 200px;
}

/* Article details */

tr.collapse-hover {
    cursor: pointer;
}

tr.collapse-hover > td {
    text-align: right;
}

tr.collapse-hover:hover a, tr.collapse-hover:hover > td {
    color: #0056b3 !important;
}

.table-detail a:hover, .table-detail a:focus {
    color: #2b3d51 !important;
}

/* Article details : buttons */

.btn-custom {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.btn-custom:focus {
    outline: none;
    box-shadow: none;
    padding: 0;
}

.btn-custom i {
    margin-right: 0;
}

.btn-custom-hover:hover {
    color: #0056b3 !important;
}

/* Article questionnaire */

.question-header {
    font-weight: 400;
}

.question-answer {
    font-style: italic;
    text-indent: 30px;
}

/* Profile form */

.profile-desc {
    font-size: 0.7rem;
    color: grey;
}

/* Front : Article Titles */

.custom-title {
    font-size: 14px;
    font-weight: 700;/*SUPPR ?*/
}

table th.custom-title {
    border-top: none;
}

.custom-text-indent {
    text-indent: initial;
}

/**  =====================
    TODO :
        Organise file
        Use scss
        Review all css and identify conflicts
==========================  **/
/* Custom modal button */

.btn-modal-submit:disabled, .btn-modal-submit[disabled="disabled"]:hover {
    background-color: #1abc9c;
    border-color: #1abc9c;
    cursor: inherit;
}

.btn-modal-submit[disabled="disabled"]:active {
    background-color: #1abc9c !important;
}

/* Modal article upload new file */

#newFileType {
    width: 100%;
    margin-bottom: 2rem;
}

#fileUploadDropzone {
    min-height: 120px;
    background: white;
    border: 2px dashed rgb(0, 135, 247);
    border-radius: 5px;
    padding: 20px 20px;
    cursor: pointer;
}

#fileUploadDropzone[disabled="disabled"] {
    opacity: 0.35;
    background: #bdc3c7;
    border: none;
    cursor: default;
}

#fileUploadDropzone > div.clickable-dropzone {
    text-align: center;
    margin: 2em 0;
}

#previewDropzone {
    margin-top: 1rem;
}

#previewTemplateDropzone .file-description {
    margin-bottom: 15px;
}

#previewTemplateDropzone .btn-custom {
    margin-left: 10px;
}

#previewTemplateDropzone > div {
    margin-bottom: 5px;
}

#previewTemplateDropzone label {
    margin: 0;
    font-weight: bold;
}

#previewTemplateDropzone .file-data {
    display: inline-block;
}

/* Referee report form */

.pcoded-inner-content form[name="report_referee_form"] label.description-questionnaire {
    color: #BDC3C7;
    font-style: italic;
    font-size: 0.9em;
}

/* Assign Editor select */

.select-label-disabled {
    display: none;
}

/* Modal swal */

.swal2-container.swal2-shown{
    z-index: 9999;
}

.swal2-header {
    flex-direction: column;
    margin-bottom: 12px;
    border-bottom: 1px solid #e9ecef;
}

.reminder_cancel {
    margin-right: 10px;
}

/* Modal bootstrap custom*/
.modal.show {
    z-index: 1070;
}

.modal.show .modal-dialog {
    margin-top: 8em;
}

.modal-header .modal-title {
    font-weight: 700;
}

.modal-custom-footer {
    text-align: center;
}

/* Modal assign Editor */

.modal-assign-editor .form-group {
    margin: 0;
}

.modal-list-btn {
    display: inline-block;
    margin: 0 10px 8px;
}

.modal-list-btn > .setColor {
    color: #17a2b8;
    box-shadow: none;
}

.modal-list-btn > .setColor:hover, .modal-list-btn > .setColor:active {
    color: #fff;
}

.without_border-top {
    border-top: none !important;
}

.form-radio label.question-error-class , label.question-error-class, .form-radio label.error{
    color: #8a1f11;
    display: inline-block;
    padding-left: 0 ;
}

.questionnaire .form-radio label{
    display: block !important;
}
.questionnaire .border-checkbox-group label{
    display: block !important;
}

.table_without-thead tr:first-child td{
    border-top: none !important;
}

/* hack for tooltip wrapper */

.tooltip-inner {
    text-align:left;
    max-width: none;
    white-space: nowrap;
}

.padding-nul {
 padding: 0 !important;
}

.block {
 display: block;
}

.dark {
    color: #2b3d51;
}

.tables-group tr th{
    border-top: none !important;
    border-bottom: 2px solid #e9ecef;
}

.col-md-1-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10.333333%;
    flex: 0 0 10.333333%;
    max-width: 10.333333%;
    position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}



.mytooltip:hover .tooltip-content-bis {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.tooltip-content-bis {
    position: absolute;
    z-index: 99;
    width: 100px;
    left: 50%;
    margin-left: -170px;
    text-align: left;
    background: #fff;
	opacity: 0;
	font-size: 14px;
	line-height: 27px;
	padding: 0.5em;
	color: #f7f7f7;
    cursor: default;
    pointer-events: none;
    border-radius: 5px;
    -webkit-transform: translate3d(0, -0.5em, 0);
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    background-clip: padding-box;
	border: 1px solid
	rgba(0,0,0,.2);
	border-radius: .3rem;
}

.mytooltip .tooltip-item-bis {
    cursor: pointer;
    z-index: 100;
    position: relative;
    transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
    font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    padding: .2rem .4rem;
	font-size: 90%;
	color:#fff;
	background-color: #212529;
	border-radius: .2rem;
}

.btn-copy{
	background-color: #212529;
	border-color: #212529;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
	border-radius: .2rem;
	text-transform: capitalize;
	font-size: 12px;
	padding: .2rem .4rem;
	font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

.inter-buttons{
	line-height: 1.7;
}

ul.list-tree {
    list-style: none !important;
}

ul.list-tree > li {
    margin-left: 0.5em;
    display: block;
}

ul.list-tree > li > ul.list-tree > li:before {
 /**   font-size: 0.8em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f142";
    padding-right: 0.7em;**/
}

li > ul.list-tree {
    padding-left: 0.5rem;
}

li .list_tree_open:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
}

li .list_empty:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: " ";
  padding-left: 0.8rem;
}

li .list_tree_close:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  padding-left: 0.15rem;
}

.text-initial{
    text-transform: initial;
}

a#connect-orcid-link{
    cursor: pointer;
    color: #999;
    font-size: 16px;
}

a#connect-orcid-link:hover{
    color: #338caf;

}

#orcid-id-icon{
    display: block;
    margin: 0 .5em 0 0;
    padding: 0;
    float: left;
}

td.column_late  {
  border-left-color: #e74c3c;
  border-left-width: 0.3em;
  border-left-style: solid;
}

.ui-autocomplete {
    z-index: 215000000 !important;
}

.navbar-lng .header-notification:hover .show-notification,
.navbar-lng .mega-menu-top:hover .show-notification

{
    -webkit-transform: translateY(0px);
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}


.navbar-lng .nav-right li {
    float: left;
    line-height: 4;
    padding: 0 10px;
    position: relative;
}

.navbar-lng .header-notification,
.navbar-lng .mega-menu-top {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 99;
}
.navbar-lng .header-notification .show-notification,
.navbar-lng.mega-menu-top .show-notification

{
    -webkit-transform: translateY(30px);
    background: #fff;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03);
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(30px);
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    visibility: hidden;
    width: 24rem;
}
.navbar-lng .lng-dropdown .show-notification {
    width: 14em !important;

}
.navbar-lng .header-notification .show-notification li:first-child,
.navbar-lng .mega-menu-top .show-notification li:first-child
{
    padding: 10px 20px;

}
.navbar-lng .header-notification .show-notification li:hover,
.navbar-lng .mega-menu-top .show-notification li:hover{
    background-color: #f1f1f1;
}

.navbar-lng .header-notification .show-notification li,
.navbar-lng .mega-menu-top .show-notification li {
    line-height: initial;
    padding: 1em 20px;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flag-icon-en {
    background-image: url(../pages/flag-icon/flags/4x3/gb.svg);
}

.btn  {
    text-transform: none !important;
}

.i-button {
    color: #ffffff !important; 
}
#commentToEditorModal, #actionModal {
  top:-8%;
}

.card-container {
    position: relative;
    margin: 0 auto 30px;
}

.card-columns {
    column-count: 4;
    margin: 0 0 -1.5rem;
}

@media screen and (max-width: 991px) {
    .card-container {
        max-height: calc(100vh - 79px);
        min-height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
        width: fit-content;
        max-width: 100%;
    }
    
    .card-container::after, .card-container::before {
        display: block;
        content: "";
        width: calc(1.5rem * 2 + 100%);
        height: 50px;
        position: sticky;
        z-index: 10;
        pointer-events: none;
        opacity: 0;
        margin-left: -1.5rem;
        transition: opacity 0.3s;
    }
    
    .card-container::after {
        background: linear-gradient(#f8f9fa00, #f8f9fa);
        bottom: -1.5rem;
    }
    
    .card-container::before {
        background: linear-gradient(#f8f9fa, #f8f9fa00);
        top: -1.5rem;
    }
    
    .card-container:not(.scroll-bottom)::after, .card-container:not(.scroll-top)::before {
        opacity: 1;
    }
    
    .card-columns {
        column-count: 3;
        margin: -50px 0 calc(-50px - 1.5rem);
    }
}

@media screen and (max-width: 767px) {
    .card-columns {
        column-count: 2;
    }
}

@media screen and (max-width: 575px) {
    .card-columns {
        column-count: 1;
    }
}


.card-columns .card {
    margin-bottom: 1.5rem;
    max-width: 300px;
    transition: box-shadow 0.2s ease-in-out;
}

.card-columns .card:hover {
  box-shadow: 0 0 25px 10px #ccc, 0 1px 7px 0 rgba(0, 0, 0, 1), 0 0 0 0 transparent;
}

.card-columns .card:not(.comming-soon) .card-body .card-text {
    display: none;
}