/* ---------- Pages Admin ----------- */

/*Custom css for homepage node form */                                      
form.node-home-page-edit-form{                       
  padding-top: 160px;                                
}  

/* Custom css to add background-color on thumbnail */
.field--name-field-document-image2 img {
  background-color: white;
}
/* End custom css */

.node-form {
    width: 96vw;
    position: relative;
    left: calc(-48vw + 50%);
}


/* General */
.path-admin .js-form-wrapper,
.node-form .js-form-wrapper {
    padding: 0;
}

.path-admin .js-form-wrapper input {
    margin: 0 15px;
}

.node-form .js-form-wrapper input {
    margin: 0;
}

.path-admin .views-form,
.node-form .views-form {
    width: 100%;
}

.path-admin .container,
.node-form .container {
    max-width: 100% !important;
}

.path-admin .js-form-wrapper,
.path-media .js-form-wrapper,
.node-form .js-form-wrapper,
.ui-dialog .js-form-wrapper {
    padding: 0;
}

.module label, .module-name {
    color: white !important;
}

.list-group-item {
    background: transparent !important;
}



/* Page d'édition */
.region-node-secondary {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}


/* Formulaires */
.path-admin fieldset label,
.node-form fieldset label{
    display: block;
}

.path-admin fieldset,
.node-form fieldset {
    margin-right: 20px;
}

.path-admin select,
.node-form select {
    height: 38px;
}

.field--name-field-categories select{
    height: 150px;
}


.dropbutton .dropbutton-action,
.dropbutton a,
.dropbutton-toggle{
    background-color: #00a6d9 !important;
    color: white !important;
}

.dropbutton .dropbutton-action:hover,
.dropbutton:hover {
    background-color: #00ceff !important;
    color: white !important;
}

.webform-tab {
	background-color: #10181d !important;
}

tr.selected td {
	background-color: transparent !important;
}

.webform-ui-elements-table tr.webform-ui-element-type-webform_actions td {
	background-color: transparent !important;
}

.webform-ui-element-form .ui-state-default a, 
.webform-ui-element-form .ui-state-default a:link, 
.webform-ui-element-form .ui-state-default a:visited, 
.webform-ui-element-form a.ui-button, 
.webform-ui-element-form a:link.ui-button, 
.webform-ui-element-form a:visited.ui-button, 
.webform-ui-element-form .ui-button {
	color: white;
}



/* Liste déroulante */
.ui-menu .ui-menu-item-wrapper {
    color: black !important;
}

.cke_panel_listItem.cke_selected a, .cke_panel_listItem a:hover, .cke_panel_listItem a:focus, .cke_panel_listItem a:active {
    background-color: #e9e9e9;
}

.tr.drag-previous {
    background-color: #0c3949;
}


/*Paragraphes */
.js .paragraphs-collapsed-description:after {
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,#000 100%) !important;
}



/* Média */
.path-media dt a {
    color: #00a6d9 !important;
}

.path-media dd {
    font-style: italic;
}

.media-library-select-all {
    display: block;
    padding: 0 15px;
}

.js-media-library-item {
    position: relative;
}

.js-media-library-item > span {
    position: relative;
    width: 85px;
    max-width: 85px;
    display: inline-block;
    height: 32px !important;
    margin-right: 5px;
}

.js-media-library-item > span a{
    border-radius: .25rem;
    width: auto;
    background: #00a6d9 !important;
    background-color: #00a6d9 !important;
    border-color: #00a6d9 !important;
    cursor: pointer;
    margin: 5px;
    padding: 5px;
    color: transparent !important;
    width: 85px;
    max-width: 85px;
    display: inline-block;
    height: 32px !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.path-admin .js-media-library-item {
    width: 24%;
    max-width: 25%;
    padding: 0 15px;
}

.js-media-library-item-preview img{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    object-fit: contain;
}

.js-media-library-item > span a:before {
    color: white;
    position: absolute;
    z-index: 1;
    display: inline-block;
}

.js-media-library-item > span:nth-child(2) a:before {
    content:'Éditer';
}

.js-media-library-item > span:nth-child(3) a:before {
    content:'Supprimer';
}

.js-media-library-widget-toggle-weight {
    background-color: transparent;
    border: none;
    text-decoration: underline;
    padding-left: 15px;
}



/* Boutons */
.path-admin button,
.path-admin input.button,
.node-form input.button,
.node-form button,
.ui-dialog .button,
.path-media .button{
    border-radius: .25rem;
    width: auto;
    color: white !important;
    background: #00a6d9 !important;
    background-color: #00a6d9 !important;
    border-color: #00a6d9 !important;
    cursor: pointer;
}

.path-admin .vertical-tabs__menu-item,
.node-form .vertical-tabs__menu-item,
.path-media .vertical-tabs__menu-item {
    background: #10181d;
    background-color: rgba(0,166,217,0.24);
    color: white;
}

.path-admin .vertical-tabs__menu-item.is-selected,
.node-form .vertical-tabs__menu-item.is-selected,
.path-media .vertical-tabs__menu-item.is-selected {
    background-color: white;
    color: #10181d;
}

.path-admin .container,
.node-form .container,
.path-media .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: hidden;
    width: 100% !important;
    max-width: none;
}

.path-admin .ckeditor-buttons li .cke-icon-only {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    align-self: center;
}

.path-admin .ckeditor-buttons li .cke-icon-only {
    margin: auto;
}

.path-admin .js-form-type-checkbox {
    display: flex;
    align-items: center;
}

.path-admin .js-form-type-checkbox label{
        margin-left: 20px;
}

.path-admin .block-local-actions-block a.btn{
    color: white !important;
    background-color: #00a6d9 !important;
    border-color: #00a6d9 !important;
}




/* Popup de dialogue */
.ui-dialog {
    background-color: #10181d !important;
    color: white !important;
    font-family: 'NunitoSans';
}

.ui-widget-header {
    background-color: #0c3949;
    color: white !important;
}

.view-media-library {
    color: white !important;
}

.ui-dialog .ui-dialog-buttonpane {
    background-color: #0c3949;
    color: white !important;
}

.ui-dialog .views-form {
    width: 100%;
    padding: 0 15px;
}

.ui-dialog .contextual-region div{
    display: inline-block;
}

.js-media-library-item.checked img, .js-media-library-item.is-hover img {
    border: 9px solid #00a6d9 !important;
    border-radius: 10px !important;
}




/* Tableau */
.path-admin .tabledrag-handle .handle,
.path-media .tabledrag-handle .handle,
.node-form .tabledrag-handle .handle{
    color: white;
    background-color: white;
    background-size: contain;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-origin: unset;
    padding: 0;
    background-position: center;
    margin: 0;
}

.path-admin .system-modules details {
    color: white;
}

.path-admin .field--widget-entity-reference-paragraphs td,
.node-form .field--widget-entity-reference-paragraphs td {
    padding: 10px !important;
}

.path-admin fieldset:not(.fieldgroup),
.path-media fieldset:not(.fieldgroup),
.node-form fieldset:not(.fieldgroup) {
    background-color: #0c3949;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    color: white;
}


.text-muted {
    color: white !important;
}

.path-admin .field--name-field-paragraphes .field__item,
.node-form  .field--name-field-paragraphes .field__item {
    margin-bottom: 0;
}

.node-form table tr,
.entity-form-display-form table tr{
    background: #10181d !important;
}

.node-form table tr th,
.entity-form-display-form table tr th{
    background: #0c3949 !important;
}

.node-form .table .table  {
    background: #10181d !important;
}

table.treetable tr.branch {
    background-color: transparent !important;
}


/* Images */
.path-admin .js-media-library-item,
.node-form .js-media-library-item {
    display: inline-block;
    position: relative;
}

.path-admin .js-media-library-item input,
.node-form .js-media-library-item input,
.path-media .js-media-library-item input{
    background-color: #00a6d9 !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    background-image: url("/themes/swi/images/admin/close-icon.svg") !important;
    background-size: 13px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: transparent !important;
}

.path-media .js-media-library-item input {
    top: 30px;
    right: 10px;
}

.path-admin .js-media-library-widget-toggle-weight,
.node-form .js-media-library-widget-toggle-weight{
    margin-bottom: 15px;
}


.draggable a.tabledrag-handle {
    margin-left: 0 !important;
}

a.tabledrag-handle .handle {
    background-size: contain;
    background-position: center;
    margin: 0;
}

.path-media .youtube-cover img {
    object-fit: cover;
    max-width: 100%;
    max-height: 400px;
}

.path-media .youtube-play-icone img {
    display: none;
}

.path-media .youtube-play-icone {
    background-image: url("/themes/swi/images/button_play.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px !important;
    height: 60px !important;
}

.path-media .media-video {
    position: relative;
}

.path-media .media-video iframe {
    width: 100%;
    height: 400px;
}



/* Images */
.node-form  .field--type-image img, .node-form .image-carousel img {
    width: 100% !important;
    height: auto !important;
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    object-fit: cover;
    overflow: auto;
    min-height: unset;
}

.node-form .image-carousel {
    height: auto !important;
}

.node-form .field--name-field-cover-image .trigger.focusable {
    display: none;
}

.node-form .js-media-library-widget-toggle-weight{
    display: none;
}






/* Mise en page des blocs */
.block-disabled:not(:hover) {
    background: transparent;
}

.ui-widget-content, .ui-widget-content a {
    color: white;
}




/* Views */
.views-ui-display-tab-bucket .views-display-setting:nth-of-type(even),
.views-display-top,
.form-edit .form-actions,
.view-preview-form__title,
.views-query-info table tr,
.views-displays .tabs .action-list li {
    background-color: transparent;
}

.views-display-top {
    display: inline-block;
}

.views-displays .tabs.secondary li a {
    background-color: #00a6d9;
}

.views-displays .tabs.secondary {
    margin-top: 20px;
}

.js .views-edit-view .dropbutton-wrapper {
    right: 0;
}

.edit-display-settings-top.views-ui-display-tab-bucket {
    display: inline-block;
    position: absolute;
    top: -92px;
    right: 0;
}

.views-displays .tabs .action-list li input {
    background-color: #f1f1f1 !important;
    color: #00a6d9 !important;
}

.views-ui-dialog .views-override:not(:empty) {
    background-color: transparent;
}





/* Popup choix d'une page */
.ui-dialog-content {
    height: 480px !important;
    max-height: none !important;
}

.editor-linkit-dialog {
    height: 600px !important;
    margin-top: -100px;
}




/* Pagination */
.pagination .page-item .page-link, .pagination .pager__item--next a {
    color: white;
    background-color: transparent;
    border-radius: 30px;
    margin: 0 1px;
}

.pagination .page-item .page-link:hover,
.pagination .page-item.active .page-link {
    background-color: #00ceff;
}




/* CSS custom pour les documents de la documentheque */
.node-form .field--name-field-subcategory-documents .js-media-library-item img {
    display: none;
}





/* CSS custom pour la liste des contacts de l'encart presse */
#edit-field-c-press-contact-contacts {
    height: 150px;
}





/* CSS custom pour la liste des contacts du paragraphe Liste de contacts et la liste des Profils */
.field--name-field-show-contact, .field--name-field-profil {
    height: 250px;
}

.field--name-field-show-contact select, .field--name-field-profil select{
    height: 200px;
}

.field--name-field-profil-press select {
    height: 200px;
}



/* CSS custom pour cacher */
.node--type-page-simple .field--name-field-show-title-paragraph-text {
    display: none
}