@font-face {
  font-family: "Roboto";
  src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff");
  font-weight: 100;
}

@font-face {
  font-family: "Roboto";
  src: local(Roboto Light), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: "Roboto";
  src: local(Roboto Medium), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: "Roboto";
  src: local(Roboto Bold), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff");
  font-weight: 700;
}
html, body{
    background-color: #4c5768!important;
    color: #4c5768;
    font-family: Roboto;
    height: 100%;
    overflow: hidden;
}
*{
    outline: none;
}
pre{
    text-align: left;
}
/* Bouton de publication désactivé en attendant le front */
.online-toggle{
    display: none!important;
}
/* Bouton de publication désactivé en attendant le front */

/* GENERAL */
.horizontal-spacer-white{
    background: #fff;
}
div, p{
    position: relative;
}
div[disabled] {
    opacity: .5;
    pointer-events: none;
}
.active > .hide-if-active{
    opacity: 0;
}
table{
    line-height: 1.5rem;
}
h4{
    font-size: 1.7rem;
}
p{
    margin: 0;
}
.pointer-events-none{
    pointer-events: none;
}
.switch.pointer-events-none{
    opacity: .6;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.copy-to-clipboard{
    cursor: pointer;
    text-decoration: underline;
}
*:not(tr):not(header)[disabled]{
    background: transparent!important;
    border: 1px solid #e6e8ed!important;
    color: #4c5768!important;
    pointer-events: none;
}
.strong{
    font-weight: 500;
}
.noborder{
    border: none!important;
}
.material-icons{
    line-height: inherit;
/*    margin-right: .5rem;*/
    vertical-align: middle;
}
.btn:not(.small):not(.btn-floating) .material-icons{
    margin: 0 .5rem;
}
.btn:not(.toggle-selected) span{
    padding: 0 .5rem;
}
.chip .material-icons{
    margin-right: 0;
}
.chip.static{
    background-color: #a5d6a7;
}
.chip.static .close{
    display: none;
}
.material-tooltip {
    background-color: #4c5768;
    border-radius: 8px;
    z-index: 10000;
/*
    -moz-box-shadow: 5px 5px 10px 0px #9b9b9b;
    -webkit-box-shadow: 5px 5px 10px 0px #9b9b9b;
    -o-box-shadow: 5px 5px 10px 0px #9b9b9b;
    box-shadow: 5px 5px 10px 0px #9b9b9b;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=10);
*/
}
.help .material-icons{
    line-height: 1;
    margin-right: 0;
}
p{
    text-align: inherit;
}
label{
    display: inline-block;
}
input{
    font-family: Roboto;
    font-size: 1rem!important;
}
.error-message{
    position: absolute;
    color: red;
    right: 1rem;
    top: 1.5rem;
}

.form-content .checkbox-wrapper p,
.form-content .checkbox-wrapper label,
.form-content .checkbox-wrapper .tick{
    height: 18px;
    line-height: 18px!important;
}
.form-content .checkbox-wrapper p{
    margin-right: 4rem!important;
}
.form-content .checkbox-wrapper.centered p{
    margin-right: 0!important;
}
[type="checkbox"]:checked + span{
    color: #009688;
/*    font-weight: 500;*/
}
.removed [type="checkbox"]:checked + span{
    color: #009688;
/*    font-weight: 500;*/
}
[type="checkbox"]+span:not(.lever){
    height: 18px;
    line-height: 18px;
    padding-left: 2.4rem;
}
[type="checkbox"].nolabel+span{
    padding-left: 18px;
}
.removed [type="checkbox"]:checked+span:not(.lever):before{
    border-right-color: #009688;
    border-bottom-color: #009688;
}
[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    margin-top: 0;
}
[type="checkbox"]:checked+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    margin-top: 3px;
}
.removed .tick{
    top: 8px;
    left: 9px;
}
.entity-content th{
    height: 36px;
    padding: .5rem 1rem;
}
.entity-content [type="checkbox"] + label{
    height: 13px;
    left: 3px;
    padding-left: 0px;
    position: relative;
    top: -5px;
}
/* .entity-content th [type="checkbox"] + label{
   left: -3px;
} */
.galerist-blue{
    background-color: #4c5768!important;
}
.galerist-blue-light{
    background-color: #d0d3d8!important;
}
.galerist-grey{
    background-color: #90a4ae!important;
}
.galerist-grey-light{
    background-color: #f2f2f2!important;
}
a,
.galerist-blue-text,
label{
    color: #4c5768!important;
}
a,
label{
    display: inline-block;
}
.nopadding{
    padding: 0!important;
}
.galerist-blue-light-text{
    color: #d0d3d8!important;
}
.white-text a{
    color: #fff!important;
}
.disclaimer{
    box-sizing: border-box;
    margin: 0 1rem;
    padding: .5rem 1rem;
}
.label-disclaimer {
    display: inline-block;
    font-size: 0.9rem;
    line-height: 0;
    padding-left: .5rem;
}
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .sidenav {
     -webkit-box-shadow: none; 
     box-shadow: none; 
}
.create-btn{
    height: 50px;
    line-height: 50px;
    text-transform: none;
    width: 100%;
}
.delete-btn:hover{
    color: #F44336!important;
}
.panzoom{
    background: #fff;
}
img{
    display: block;
}
img.fit{
    max-height: 100%;
    max-width: 100%;
}
img.thumb{
    height: 100px;
    width: 100px;
}
img.logo-small{
    max-height: 50px;
    max-width: 100%;
}
.thumb strong{
    display: inline-block;
}
img.miniature {
    border-radius: 50%;
    box-sizing: border-box;
    height: 50px;
    margin: 5px;
}
img.miniature:hover{
    border: 1px solid #fff;
}
img.imageFile{
    width: 100%;
}
.video_link{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.video_link strong{
    background: rgba(0, 0, 0, .5);
    font-size: 1.2rem;
    width: 100%;
}
.avatar{
    width: 100%;
}
.avatar>img{
    height: auto;
    width: 100%;
}
.order-contact-wrapper>div{
    height: 200px;
}
.order-contact .avatar{
    text-align: center;
}
.order-contact .avatar>img{
    line-height: 2rem;
    height: 140px;
    padding-bottom: .5rem;
    text-align: center;
    width: auto;
}
tr.remove{
    background-color: #ffcdd2!important;
}
table.highlight > tbody > tr:not(.nohighlight):not(.remove):hover,
table.highlight > tbody > tr:not(.nohighlight):not(.remove).hovered{
/*    background-color: #d0d3d8;*/
    background-color: #9eaabc!important;
    color: #fff!important;
}
table.highlight > tbody > tr:not(.nohighlight):hover a,
table.highlight > tbody > tr:not(.nohighlight).hovered a{
    color: inherit!important;
}
.view-btn,
.open-btn,
.link{
    cursor: pointer;
}
a.view-btn:not(.btn):hover,
a.add-btn:not(.btn):hover,
a.edit-btn:not(.btn):hover,
a.open-btn:not(.btn):hover,
a.link:not(.btn):hover{
    color: #039be5!important;
    text-decoration: underline;
}
.view-btn:not(header):not(.related-item),
.open-btn:not(header):not(.related-item),
.link:not(header):not(.related-item){
    font-weight: 500;
}
table td .view-btn:not(header):not(.related-item),
table td .open-btn:not(header):not(.related-item),
table td .link:not(header):not(.related-item){
    font-weight: 400;
}
.view-btn>img,
.view-btn>span,
.open-btn>img,
.open-btn>span,
.link>img,
.link>span
{
    display: inline-block;
    vertical-align: middle;
}
.view-btn>img{
    margin-right: .5rem;
}
.row{
    margin-bottom: 0;
}
.row:after {
    content: "";
    display: table;
    clear: both;
    margin-right: -1rem;
}
.row .col{
    margin-left: initial!important;
    padding: 0;
}
.col .row{
    margin: 0;
}
.xl6:nth-child(odd){
    padding-right: .5rem;
}
.xl6:nth-child(even){
    padding-left: .5rem;
}
.scrollbar,
.horizontal-scrollbar{
    scrollbar-color: #4c5768 transparent;
    scrollbar-width: thin;
}
.scrollbar{
    overflow-x: hidden;
    overflow-y: scroll!important;
}
section .scrollbar,
.popin .scrollbar{
    height: 100%;
    width: 100%;
}
.horizontal-scrollbar{
    cursor: grab;
    overflow-y: visible;
    overflow-x: scroll!important;
    padding-bottom: 1px;
}
.chip{
    color: #000;
    cursor: pointer;
    height: auto;
/*    margin: .5rem .5rem 0 0;*/
    margin: 0 .5rem .5rem 0;
    min-height: 32px
}
.chip.active{
    color: #fff!important;
    outline: none;
    background-color: #26a69a;
}
.chip:focus{
    color: #000;
}
/*
.chips.filter .chip{
    height: 2.6rem;
    line-height: 1.3em;
}
.chips.filter .chip .close{
    line-height: 0.3rem;
    padding-left: 1rem;
}
*/
.chip .crumb{
    font-size: 0.8rem;
    line-height: 4px;
}
.related-tags .input-field,
.chips{
  margin: 0!important;  
}
.chips .searchtitle{
    display: block;
    padding: 1rem 0 0 .5rem;
}
.chips .input{
    padding: 0 .5rem!important;
    width: calc(100% - 1rem)!important
}
.searchfilters .chips .input{
    width: 100%!important
}
.chips .input:focus{
    background: #fff;
}
.chips.focus .autocomplete-content{
    box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, .5);
}
.chips.filter{
    border: none!important;
    box-shadow: none!important;
    margin: 42px 0 0!important;
    min-height: auto;
/*    padding-bottom: .5rem;*/
}
.chips.filter.noinput{
    margin-top: 0!important;
}
.filters-trigger i{
    position: absolute;
    right: 0;
}
.chips.filter .input {
    left: 0;
    padding: 0 .5rem!important;
    position: absolute;
    top: -42px;
}
.chips.filter.noinput .input {
    display: none;
    top: 0;
}
.filters-links{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0.5rem;
}
.filters-links > .col{
    flex-grow: 1;
    padding: .5rem;
/*    width: 23%;*/
}
.filters-links > .col > a,
.filters-links .daterange_wrapper{
    border: 1px solid #4c5768;
    padding: 0 24px 0 0.5rem;
}
.filters-links > .col > a > strong{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.filters-links a,
.filters-links .daterange_wrapper{
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    position: relative;
}
.filters-links .daterange_wrapper{
    padding: 0;
}
.filters-links .daterange{
    background: transparent!important;
    border: none!important;
    box-shadow: none!important;
    font-weight: 500;
    height: 24px!important;
    padding: 0 .5rem!important;
}
.filters-links .daterange:focus::placeholder,
.filters-links .daterange:focus{
    color: #007bff;
}
.switch input[type=checkbox][disabled]+.lever {
    cursor: default!important;
    background-color: rgba(0,0,0,0.12)!important;
}
.daterangepicker{
    overflow: hidden;
}
.daterangepicker th,
.daterangepicker td{
    padding: 0!important;
}
.daterangepicker .btn{
    background: #e6e8ed;
    color: #000;
    letter-spacing: normal;
    height: auto;
     line-height: 1.5; 
    padding: 4px 8px;
     text-transform: none; 
     vertical-align: inherit; 
}
.daterangepicker .btn[disabled]{
    border: none!important;
}
.daterangepicker .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.daterangepicker select{
    display: inline-block;
    height: 24px;
}
.filters-links .dropdown-content{
    box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, .5)!important;
    overflow: visible;
}
.filters-links .dropdown-content .collection{
    margin: 0;
}
.filters-links .dropdown-content.collapsible-dropdown{
    max-height: none;
}
.filters-links .dropdown-content li span,
.filters-links .category span{
    color: inherit;
}
.filters-links .dropdown-content.filtersearch:not(.tree){
    min-height: 500px;
}
.filters-links .dropdown-content.filtersearch.tree{
    background: transparent;
    box-shadow: none!important;
}
.filters-links ul li{
/*    background: #eee!important;*/
    min-height: 42px!important;
    padding: 0!important;
}
/* .filters-links ul li:hover{
   background: #fff!important;
} */
.filters-links .dropdown-content li>a, .filters-links .dropdown-content li>span{
    line-height: 1rem;
}
.filters-links .is_company{
    color: #b2dfdb;
}
.filters-links li.is_company,
.chips .is_company{
    background-color: #b2dfdb;
/*    border-color: #b2dfdb;*/
}
.filters-links .company{
    color: #c8e6c9;
}
.filters-links li.company,
.chips .company{
    background-color: #c8e6c9;
/*    border-color: #c8e6c9;*/
}
.filters-links .contacts-category_option_id,
.filters-links .type{
    color: #b3e5fc;
}
.chips .contacts-category_option_id,
.chips .type{
    background-color: #b3e5fc;
/*    border-color: #b3e5fc;*/
}
.filters-links .country{
    color: #f0f4c3;
}
.chips .country{
    background-color: #f0f4c3;
/*    border-color: #f0f4c3;*/
}
.filters-links .city{
    color: #ffe0b2;
}
.chips .city{
    background-color: #ffe0b2;
/*    border-color: #ffe0b2;*/
}
.dropdown-content{
    max-height: 500px;
    overflow: hidden;
}
.dropdown-content li:hover, .dropdown-content li.active {
    background-color: #d0d3d8;
}
.dropdown-content:not(#create-entity-dropdown) li i:not(.lens):not(.sort-link){
    position: absolute;
    right: .5rem;
}
.dropdown-content.scrollbar{
    height: auto!important;
}
/*
.dropdown-content.select-dropdown{
    overflow-y: scroll;
}
*/
.dropdown-content.collapsible-dropdown{
    height: auto!important;
}
.dropdown-content .collapsible li{
    background: inherit;
    margin: 0;
    min-height: auto;
    padding: 0!important;
}
.fc-scroller::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar{
    height: 5px;
	width: 5px;
	background-color: inherit;
}
.horizontal-scrollbar::-webkit-scrollbar{
    height: 8px;
	width: 8px;
}
.fc-scroller::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-track,
.horizontal-scrollbar::-webkit-scrollbar-track{
	background-color: inherit;
}
.fc-scroller::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb,
.horizontal-scrollbar::-webkit-scrollbar-thumb{
    background-color: #4c5768;
}
.fc-scroller::-webkit-scrollbar-thumb:hover,
.scrollbar::-webkit-scrollbar-thumb:hover,
.horizontal-scrollbar::-webkit-scrollbar-thumb:hover{
    background-color: #4c5768;
}
.fc-list-heading-main{
    font-weight: 400;
}
.btn, .btn-large, .btn-small, .btn-flat{
    padding: 0 2rem;
}
.btn.entity-add-btn{
    background: transparent;
    padding: 0;
}
.btn.entity-add-btn i{
    font-size: 2.2rem;
}
.btn.entity-add-btn i.hover{
    display: none;
}
.btn.entity-add-btn:hover i{
    display: none;
}
.btn.entity-add-btn:hover i.hover{
    display: initial;
}
.btn-floating{
    padding: 0;
}
.btn-floating.small{
    height: 24px;
    line-height: 24px;
    padding: 0;
    width: 24px;
}
.btn.medium{
    font-size: 1.6rem;
    height: 28px;
    line-height: inherit;
    width: 2rem;
}
.btn.medium i{
    line-height: inherit;
}
.btn.small.right{
    margin: 0;
}
.btn-floating.small i{
    font-size: 1.1rem;
    line-height: 24px;    
}
.btn-small{
    font-size: 0.8rem;
    height: 26px;
    line-height: 26px;
}
.alphabet .btn{
    font-size: 0.9rem;
    height: 26px;
    flex-grow: 1;
    line-height: 26px;
    margin: 0 .1rem;
    padding: 0 .5rem;
    width: auto;
}
.comments-form .btn.small{
    bottom: 1.5rem;
    position: absolute;
    right: .5rem;
}
.btn.square{
    padding: 0 1rem;
}
.draghandle{
    cursor: -webkit-grab;
    cursor: grab;
    padding-right: 6px;
    width: 34px;
}
div.add-related{
    background-color: #f2f2f2;
    border: 1px dashed transparent!important;
    border-radius: 0 0 8px 8px;
    cursor: pointer;
    height: 60px;
/*    line-height: 60px;*/
    margin: 0;
    text-align: center;
    width: 100%;
}
div.add-related .drop_area i{
    margin: 0 1rem;
}
div.add-related.disabled{
    opacity: .7;
    pointer-events: none;
}
div.add-related:not(.noclick):hover
{
    background: #80cbc4;
}
/* div.add-related:not(.noclick):hover header
{
    background: #80cbc4!important;
} */
.add-related .droptext{
    display: inline-block;
    line-height: 60px;
    padding: 0;
    width: 100%;
}
div.add-related .drop_area,
div.add-related .drop_area .valign-wrapper
{
    height: 100%;
    min-height: 60px;
}
div.add-related .drop_area .valign-wrapper > i{
    margin: 0;
    padding: 0 2rem;
}
.form-content .input-group.add-related{
    background: #e0f2f1;
    border-radius: 0 0 8px 8px;
    padding-bottom: 0;
    overflow: hidden;
}
.form-content .input-group.add-related.noclick{
    background: #fff;
    cursor: initial;
}
.droparea,
.droparea .collapsible-header
{
    background: #80cbc4!important;
}
.nodrop, .nodrop .collapsible-header{
    background: #ef9a9a!important;
}
.toast{
    background-color: #80cbc4;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
}
/* CAKE FLASH MESSAGE*/
*::not(.login-form) .message{
    background: #90a4ae !important;
    color: #fff;
    font-weight: 600;
    left : 50%;
    padding: 40px 20px;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3000;
}
.clear{
    clear: both;
}

/*  PAGINATOR */
.paginator{
    padding: 1rem 0;
    text-align: center;
}
.paginator ul{
    display: inline-block;
}

.paginator .advanced-search-paginator{
    opacity: 1;
}
.paginator.lazyloading .advanced-search-paginator{
    opacity: 0;
}
.paginator .first a,
.paginator .prev a,
.paginator .next a,
.paginator .last a{
    padding: 0;
}
.paginator ul li.active{
    background-color: #f2f2f2;
    background-color: #4db6ac;
    color: #fff;
}
.paginator ul li.disabled{
    opacity: .5;
}
.paginator ul{
    white-space: nowrap;
}
.paginator ul,
.paginator a,
.paginator a:hover{
    font-weight: 500;
}
.paginator a{
    color: inherit!important;
}
.paginator li:not(.active):not(.disabled) a:hover,
.paginator li:not(.active):not(.disabled) a:hover i,
.paginator li:not(.active):not(.disabled) a i:hover,
.paginator li:not(.active):not(.disabled) a + i:hover{
    color: #4db6ac!important;
}
.paginator a i,
.paginator i{
    font-size: 1.4rem;
}
.paginator a i.date-icon{
    font-size: 1.6rem;
    vertical-align: middle;
}

/* DRAGGABLE WINDOW */
.dragableWindow{
    background: #e5e5e5;
    height: 400px;
    left: 50%;
    position: absolute;
    top: 50%;
    left: 200px;
    top: 200px;
    width: 800px;
    max-width: 100%;
    overflow: auto;
    overflow: scroll;
    resize: both;
    z-index: 9000;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}
.dragableWindow.active{
    z-index: 1001;
}
.dragableWindow.closed{
    height: 28px!important;
}
.dragableWindow.fullscreen{
    height: 100%!important;
    left: 0!important;
    top: 0!important;
    width: 100%!important;
}
.dragableWindow.fullscreen .reduce{
    display: none;
}
.dragableWindow>div{
    background: #fff;
    height: calc(100% - 3rem);
    left: .2rem;
    min-width: 950px;
    width: calc(100% - .4rem);
}
.dragableWindow .scrollbar .content{
    background: #fff;
}
.dragableWindow header{
    background: #e5e5e5;
    cursor: move;
    height: 2rem;
}
.dragableWindow header strong{
    line-height: 2rem;
    padding-left: .5rem;
}
.dragableWindow header .window-buttons{
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
}
.dragableWindow a{
    cursor: pointer;
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
}
.window-buttons a i{
    cursor: pointer;
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
}
/* NO CLICK - loading - POPIN */
#noclick{
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#confirm{
    max-width: 500px;
}
.modal-footer a{
    transition: background .3s;
}
.modal-footer a:hover{
    background: #f2f2f2;
}
#debug{
    bottom: 0px;
    top: auto!important;
    z-index: 2000!important;
}
.popin{
    max-height: 80%;
    max-width: 1024px;
    min-width: 55%;
    overflow: hidden;
    overflow: visible;
    padding: 3rem 2rem 64px 2rem;
    transition: width .5s;
    width: auto;
    overflow: hidden;
}
.popin.form{
    padding: 3rem 2rem 0 2rem;
}
.popin .popin-content:not(.search){
    min-height: 200px;
}
.popin .users.popin-content{
    background: #fff;
    padding: 2rem 10rem;
}
.popin .users.popin-content header,
.popin .users.popin-content p {
    display: none;
}
.fullheight{
    height: 100%;
}
.popin.fullheight{
    height: 80%;
}
.popin.fullheight .popin-content{
    height: 100%;
}
.popin.select-list .popin-content{
    height: 100%;
}
.popin .login-form{
    padding: 1rem;
    margin: 0 auto;
    max-width: 500px;
}
.login-form .input-group .input-field{
    flex-grow: 1;
    margin: .5rem 0 .5rem .5rem!important;
}
.login-form .btn{
    border-radius: 0;
    margin-top: .5rem;
    width: 100%;
}
.login-form #reset{
    font-size: .9rem;
    padding: 1rem 0 0;
}
.login-form #reset a{
    text-decoration: underline;
}
.popin-name{
    display: none;
}
.popin .popin-name{
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    left: 0;
    position: fixed;
    text-align: center;
    top: .5rem;
    width: 100%;
}
.popin .popin-name i{
    margin-right: .5rem;
    vertical-align: middle;
}
.popin form{
    background: #fff;
/*    height: 100%;*/
}
.users-notes>form{
   background: transparent!important; 
}
.popin .calendar_event{
    background: #fff;
    min-height: 200px;
    padding: 1rem 2rem;
}
.popin .form-content{
    background: #fff;
    min-height: 200px;
/*    padding: 0 0 3.5rem;*/
}
.popin .popin-content.search .form-content{
    min-height: auto;
}
.popin img:not(.search-thumb){
    max-height: 100%;
    max-width: 100%;
}
.popin.select{
    overflow: visible;
}
#loading{
    left: 50%;
    height: 60px;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60px;
}
.popin.select-list{
    height: 65%;
    overflow: hidden;
}
.popin #sort-select-list .input-field{
    margin: 0!important;
}
.popin.select-list #list-content{
    padding-bottom: 6rem;
}
#browse-list .next, .popin.select-list .next{
    height: 6rem;
    opacity: 0;
}
.popin.select-list .select-list-content{
    background: linear-gradient(to bottom, #ffffff 40%,#90a4ae 100%);
    height: 100%;
    overflow: hidden;
    padding: 0;
}
.popin.select-list .select-list-content .collection-item{
    background-color: transparent;
    cursor: pointer;
}
.popin.select-list .select-list-content .collection-item:not(.active):hover,
.popin.select-list .select-list-content .collection-item:not(.active).hovered,
.related-item:hover,
.related-item.hovered{
    background: #9eaabc!important;
    color: #fff!important;
}
.related-item a{
    line-height: inherit;
}
.related-item:not(.tab):not(.hovered):hover a{
    color: #fff!important;
}
.popin.select-list .select-list-content .results .col:nth-child(2){
    border-left: 1px solid #f2f2f2;
}
.popin.select-list .select-list-content .artwork_name{
    color: #4c5768!important;
    padding-left: .5rem;
    max-width: 80%;
}
.popin.select-list .select-list-content .list-content .collapsible-body .artwork_name > sub{
    display: none;
}
.artwork_name > sub:after{
    content: "\A";
    white-space: pre;
}
.popin.select-list .select-list-content .status{
    position: absolute;
    right: 1rem;
    text-align: center;
    width: 100px;
}
.popin.select-list .select-list-content span.status{
    margin-right: .5rem!important;
    right: 0;
    width: auto;
}
.popin.select-list .select-list-content i.status{
    font-size: 1.6rem;
    margin-right: .5rem!important;
    right: 0;
    width: auto;
}
.popin.select-list .select-list-content span.status i.status{
    margin-left: .5rem;
    margin-right: .5rem!important;
    position: relative;
    right: auto;
    width: auto;
}
.popin.select-list .form-content .input-group{
    margin-bottom: 0!important;
    padding: .5rem 0!important;
}
.popin.select-list .form-content .input-group .col:first-child{
    padding-left: 1rem;
}
.popin.select-list .form-content .input-group a[disabled="disabled"]{
    opacity: .5;
}
.popin.select-list .form-content .input-group a i{
    margin-left: .5rem;
    vertical-align: middle;
}
.popin.select-list .list-search-result-infos{
    padding: .5rem 1rem;
}
.popin.select-list #listsearch{
    padding-left: 1rem;
}
.popin.select-list .form-content>.row{
    margin-top: 0;
}
.popin.select-list .form-content .results{
    height: calc(100% - 70px);
}
.popin.select-list .form-content .results>div{
    height: 100%;
}
.popin.select-list .select-list-content .results #double-arrow
{
    display: inline-block;
    left: calc(50% - 20px);
    height: auto;
    opacity: .6;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform-origin: center;
}
.popin.select-list .select-list-content .results #double-arrow i
{
    border-radius: 50%;
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    width: 40px;
}
.invert{
    display: inline-block;
    left: 50%;
    height: 3rem;
    opacity: .4;
    position: absolute;
    top: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%);
    transition: opacity .3s;
    width: 3rem;
}
.invert:hover{
    opacity: 1;
}
.form-content .input-group .invert p,
.invert a{
    border-radius: 50%;
    height: 100%;
    margin: 0;
    width: 100%;
}
.invert p span{
    padding: 0!important;
}
.invert p span:after,
.invert p span:before
{
    opacity: 0;
}
.invert p span i,
.invert a i{
    font-size: 2rem;
    line-height: 0;
    text-align: center;
    width: 100%;
}
.cart-bg{
    height: 100%;
    left: 0;
    line-height: 100%;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
}
.cart-bg>div{
    width: 100%;
}
.cart-bg i{
    font-size: 20rem;
}
.signature{
    border-radius: 0 0 8px 8px;
    height: 100%;
    margin: 0!important;
    overflow: hidden;
    padding: .5rem;
}
.signature .signature-file{
    margin: 0 auto;
    max-width: 200px;
}
.signature .delete-link{
    padding-top: .5rem;
    width: 100%;
}
.file-popin{
    height: 400px;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    position: relative;
    width: 600px;
}
.popin .add-file{
    height: 100%;
}
.file-popin .add-file,
.file-popin .add-file .row{
    background: #fff;
    height: calc(100% - 20px);
    position: relative;
}
.file-popin .add-file .col{
    height: 100%;
    padding: 1rem;
    position: relative;
}
.file-popin .add-file form{
    padding: 0;
}
.file-popin .add-file .default-preview,
.file-popin .add-file .default-preview .thumb{
    position: relative;
}

/* Zoom Images */

.sortable-element .zoom-image{
    cursor: move;
}
.zoom-image.zoom-in{
    cursor: zoom-in;
}
.file-wrapper .zoom-image{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
#images_popin{
    background: rgba(0, 0, 0, .8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3000;
}
#images_popin #images_popin-content{
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 201;
}
#images_popin .popin-close{
    cursor: pointer;
    margin: .5rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 202
}
#images_popin .popin-button{
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 4rem;
    margin: 0 0.2rem;
}
#images_popin .popin-button.popin-close{
    right: 1rem;
    position: absolute;
    top: 1rem;
    transform: rotate(45deg);
    z-index: 300;
}
#images_popin .zoomarea{
    background: transparent;
}
#images_popin #zoom-controls{
    background: rgba(0,0,0,.3);
    bottom: 0;
    left: 0;
    padding: .5rem;
    position: absolute;
    width: 100%;
    z-index: 202
}
#images_popin >div{
    opacity: 0;
    transition: all .5s;
}
#images_popin >div.show{
    opacity: 1;
}

/* global search */
.search-results .collapsible-body{
    padding: 0!important;
}
.search-result:hover,
.search-result:hover a{
    background-color: #9eaabc!important;
    color: #fff!important;
}
#search-form{
    margin: 0;
    padding: 1rem 0 0;
}
#search-form .input-field{
    margin: 0;
    padding: 0;
}
.sidenav:hover #search-form .input-field{
    width: auto;
}
#search-form .input-field input{
    border: none!important;
    box-shadow: none;
    margin: 0;
}
.global-search{
    position: absolute;
    top: 0;
    margin-left: -39px;
    height: 48px;
    line-height: 48px;
    max-width: calc(100% + 39px);
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: width .5s;
    width: 36px;
}
.global-search:hover{
    width: 2000px;
}
.global-search i{
    height: 48px!important;
    line-height: 48px!important;
}
.global-search form{
    width: 100%;
}
.global-search input{
    background: #fff!important;
    color: #000;
    height: 32px!important;
    margin: 0;
    padding-left: .5rem!important;
    position: absolute;
    top: .5rem;
    width: 94%!important;
}
.results, .results .collection{
    margin: 0!important;
    padding: 0!important;
}
.global-search-results a i{
    margin-right: 1rem;
    vertical-align: middle;
}
.global-search-results.collection a.collection-item{
    color: #4c5768;
    transition: all .5s;
}
.global-search-results.collection .collection-item.active {
    background-color: initial;
    color: #26a69a;
}
.collection a.collection-item.active:hover {
    background-color: #ddd;
}

/* MAIN HEADER*/
.maincontent>.navbar-fixed{
    height: 48px!important;
    z-index: 1000;
}
main>.navbar-fixed{
    height: 48px!important;
    z-index: 1000;
}
body>header.navbar-fixed nav{
    position: relative;
}

/* SIDENAV */
.flip{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sideway{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sidenav-button-collapse{
    left: 0;
    position: fixed;
    top: 0;
}
.sidenav{
    /* width: 210px; */
    transition: all 0.3s;
    width: 58px;
    z-index: 1001;
}
.sidenav:hover{
    width: 210px;
}
.sidenav li{
    background: transparent;
    color: #fff;
}
.sidenav li.active{
    background: #eceff1;
    
    color: rgba(0, 0, 0, 0.87);
}
.sidenav .collapsible-header{
    margin: 0;
    padding: 0;
}
.sidenav .user-view a,
.sidenav li>a,
.sidenav .collapsible-header>span,
.sidenav .collapsible-header a,
.sidenav .collapsible-body>a,
.sidenav .collapsible-body>header
{
    background: transparent;
    color: inherit!important;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    margin: 0;
    padding: 0 1rem;
    white-space: nowrap;
    width: 100%;
}
/* .sidenav .collapsible-body>header{
    padding-left: 1.5rem;
} */
.sidenav li.active span,
.sidenav li.active a{
    color: rgba(0, 0, 0, 0.87)!important;
}
.circle{
    border-radius: 20%;
    height: 40px;
    width: 40px;
}
.sidenav .user-view .circle{
    display: inline-block;
    height: 30px;
    margin-right: 1rem;
    vertical-align: middle;
    width: 30px;
}
.sidenav a.active{
    background-color: #90a4ae;
    color: rgba(0, 0, 0, 0.87)!important;
}
.sidenav i{
    margin-right: .5rem;
}
.sidenav i.small{
    font-size: 1rem;
}
.sidenav i.off{
    opacity: 0.3;
}
.sidenav .opened,
.sidenav a i.on,
.sidenav a i.off{
    display: none;
}
.sidenav:hover a i.on,
.sidenav:hover a.active i.off{
    display: none;
}
.sidenav:hover .opened,
.sidenav:hover a.active i.on,
.sidenav:hover a i.off{
    display: inline-block;
}
.sidenav li#logo{
    color: #fff;
    font-size: 2.1rem;
    font-weight: 800;
    height: 48px;
    padding: .4rem 0 0 12px;
}
.sidenav li#logo img.closed{
    margin-top: 8px;
    height: 40px;
}
.sidenav li#logo img.closed,
.sidenav:hover li#logo img.opened{
    display: initial;
}
.sidenav:hover li#logo img.closed,
.sidenav li#logo img.opened{
    display: none;
}
.sidenav li#logo img{
    height: 48px;
}
.sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
    margin: 0 12px 0 0;
}

/* HOME */
.stat_icon{
    color: rgba(0,0,0,0.1);
    font-size: 5rem;
}
.dashboard-box{
    background: #fff;
}
.dashboard-box header{
    font-size: 1.4rem!important;
    padding: .5rem 0!important;
}
.dashboard-box.active header{
    color: #4c5768!important;
}
.dashboard-box header i{
    margin: 0 1rem;
}
.dashboard-box header a i{
    margin: 0;
}
.galerist-blue-gradient{
    background: linear-gradient(to bottom, #d0d3d8 0%, #ffffff 100%)!important;
}
.galerist-blue-gradient-reversed{
    background: linear-gradient(to top, #d0d3d8 0%, #ffffff 100%)!important;
}
.galerist-light-blue-gradient{
    background: linear-gradient(to bottom, #bbdefb 0%, #ffffff 100%)!important;
}
.galerist-light-blue-gradient-reversed{
    background: linear-gradient(to top, #bbdefb 0%, #ffffff 100%)!important;
}
.galerist-red-gradient{
    background: linear-gradient(to bottom, #ffcdd2 0%, #ffffff 100%)!important;
}
.galerist-red-gradient-reversed{
    background: linear-gradient(to top, #ffcdd2 0%, #ffffff 100%)!important;
}
.galerist-orange-gradient{
    background: linear-gradient(to bottom, #ffe0b2 0%, #ffffff 100%)!important;
}
.galerist-orange-gradient-reversed{
    background: linear-gradient(to top, #ffe0b2 0%, #ffffff 100%)!important;
}
.galerist-green-gradient{
    background: linear-gradient(to bottom, #c8e6c9 0%, #ffffff 100%)!important;
}
.galerist-green-gradient-reversed{
    background: linear-gradient(to top, #c8e6c9 0%, #ffffff 100%)!important;
}
.view-group{
    background: linear-gradient(to bottom, #ffffff 20%,#d0d3d8 100%);
}
.user-notes{
    background: linear-gradient(to bottom, #ffffff 20%,#ffecb3 100%);
    padding: 0;
}
.users-notes{
    background: linear-gradient(to bottom, #ffffff 20%,#d7ccc8 100%)!important;
}
.stats .itemviews{
    display:inline-block;
    height: 160px;
    margin: 0 .5rem;
    vertical-align: middle;
}
.stats .itemviews .viewscount{
    bottom: 0;
    position: absolute;
    width: 100%;
}
.stats .thumb{
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    margin: .5rem;
    position: relative;
    vertical-align: middle;
    z-index: 1;
}
.stats .thumb .pageviews{
    background: rgba(255, 255, 255, .8);
    border: 1px solid #4c5768;
    border-radius: 8px;
    margin: -18px 0 0 -90px;
    opacity: 0;
    padding: .5rem;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transition: opacity .3s;
/*    transform: translateX(-50%);*/
    width: 180px;
}
.stats .thumb:hover{
    z-index: 2;
}
.stats .thumb:hover .pageviews{
    opacity: 1;
    pointer-events: all;
}
/* MAIN */
nav{
    background-color: transparent;
}
body>header, body>main, body>footer {
    /* padding: 0 280px 0 210px!important; */
    padding: 0 280px 0 58px!important;
}
main{
    height: 100%;
    opacity: 1;
    overflow: hidden;
    transition: opacity .2s;
}
main.inactive,
tr.inactive{
    opacity: .5;
    transition: opacity .4s;
}
main>.row,
.maincontent
{
    height: 100%;
    margin: 0!important;
    padding: 0!important;
}

/* BROWSE LIST */
#browse-list{
/*
    background-color: #fff;
    background: linear-gradient(to bottom, #ffffff 40%,#90a4ae 70%);
*/
    height: 100%;
    margin: 0!important;
    padding: 0!important;
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    z-index: 997;
}
#browse-list > div{
    background-color: #fff;
    background: linear-gradient(to bottom, #ffffff 40%,#90a4ae 70%);
    height: 100%;
    position: absolute;
    right: 0;
    width: 280px;
}
.galerist-bg{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 60%;
    background-image: url('/img/appicon-galerist-black.png');
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
}
#browse-list #entity-select-list{
    border-bottom: 1px solid #ccc;
    display: flex;
    height: 36px;
    margin-bottom: 0;
    z-index: 2;
}
#browse-list #entity-select-list>div{
    background: #fff;
    display: table-cell;
    /* flex-grow: 1; */
    flex: 1 1 0;
    height: 36px;
    line-height: 0;
/*    opacity: .7;*/
    overflow: hidden;
    padding: 0;
}
#browse-list #entity-select-list>div:hover,
#browse-list #entity-select-list>div.active{
/*    opacity: 1;*/
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
#browse-list #entity-select-list>div:hover{
    height: fit-content;
    overflow: visible;
}
#browse-list #entity-select-list a{
    border-radius: 0;
    opacity: .5;
    padding: 0 .5rem;
    width: 100%;
}
#browse-list #entity-select-list a:hover,
#browse-list #entity-select-list div a.active{
    opacity: 1;
}
#browse-list #entity-select-list a i{
    margin: 0;
}
#browse-list .dropdown-trigger{
    border-radius: 0;
    color: #fff!important;
    font-weight: 500;
    height: 48px;
/*    left: -10px;*/
    line-height: 48px;
    width: calc(100% + 10px);
    width: 100%;
    z-index: 10;
}
#browse-list .dropdown-content{
    /* background: linear-gradient(to bottom, #ffffff 40%,#26a69a 100%); */
    background: #fff;
/*    border-left: 3px solid #26a69a;*/
    border-right: none;
    height: calc(100% - 48px)!important;
    left: auto!important;
    max-height: 100%;
    transition: border .25s;
    top: 48px!important;
    width: 100%!important;
    z-index: 10;
}
#browse-list .dropdown-content .galerist-bg{
    top: -20px;
}
#browse-list .dropdown-trigger:focus + .dropdown-content{
    border-color: #1d7d74;
}
#browse-list .dropdown-trigger:hover + .dropdown-content{
    border-color: #2bbbad;
}
#browse-list-content{
    z-index: 1;
}
#browse-list-content{
    height: calc(100% - 84px);
}
#browse-list-content .collection{
    height: 100%;
}
#browse-list-content .collection form{
    background: #fff;
    position: relative;
    z-index: 10;
}
#browse-list-content .content{
    margin-top: -156px;
    padding-top: 156px;
    height: calc(100% - 156px);
}
#browse-list #fast-access{
    background: #90a4ae;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 1rem 0;
}
.add-icon,
.add-address{
    margin-right: .5rem;
}
#browse-list #sort-list{
    background: #fff;
    border-bottom: 1px solid #26a69a;
    font-size: .8em;
    height: 30px;
    line-height: 30px;
    padding-left: .75rem;
    z-index: 2;
}
.collection{
    border: none;
}
.collection.date-wrapper{
    overflow: visible;
}
.collection .collection-item.active{
    background-color: #90a4ae;
}
.collection .collection-item.active span:not(.status){
    color: #fff!important;
}
#browse-list .collection .collection-item.active span:not(.status),
#browse-list .collection .collection-item.active i:not(.status):not(.lens),
.select-list .collection .collection-item.active span:not(.status),
.select-list .collection .collection-item.active i:not(.status):not(.lens)
{
    color: #4c5768!important;
}
.collection .collection-item{
    position: relative;
}
.collection .collection-item span, .collection .collection-item span i{
    display: inline-block;
    vertical-align: middle;
}
#browse-list .collection{
    margin: 0!important;
    padding: 0!important;
}
.collection .collection-item{
    background: transparent;
    min-height: 50px;
    position: relative;
}
#browse-list .collection .collection-item:not(.avatar){
    padding: 1rem 2rem 1rem 1rem;
    padding: 1rem;
}
.lens{
    font-size: 1.3rem;
    margin-right: .5rem;
}
#browse-list .collection .collection-item.active{
    background: rgba(255, 255, 255, .7)!important;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px -2px 5px rgba(0, 0, 0, 0.3);
}
#browse-list .collection .collection-item:hover{
    background: #f2f2f2;
}
/*
#browse-list #create-entity-dropdown .collection a.collection-item{
    height: 50px;
    line-height: 30px;
}
*/
#browse-list .collection .collection-item:last-of-type {
    border-bottom: 1px solid #e0e0e0;
}
#browse-list .collection .collection-item.view-btn,
#browse-list .collection .collection-item.open-btn{
    font-weight: initial;
}
#browse-list .collection #top-spacer{
    color: #fff;
    font-size: 1.2rem;
    height: 48px!important;
    line-height: 52px;
    padding-left: 20px;
}
#browse-list .collection .search-result-infos{
    box-sizing: border-box;
    display: block;
    height: 42px;
    padding: 6px;
}
#browse-list .collection .collection-item > span i {
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    vertical-align: sub;
}
#browse-list #create-entity-dropdown header{
    font-style: italic;
    font-weight: 500;
    padding: 0 1rem;
}
#browse-list #create-entity-dropdown header > i{
    margin-right: .5rem;
}
#browse-list #create-entity-dropdown .collection .collection-item > span i {
    height: auto;
}
#browse-list #create-entity-dropdown .collection .collection-item > i {
    margin-right: 1rem;
}
#browse-list #create-entity-dropdown .collection .collection-item:hover > i:not(.hover),
#browse-list #create-entity-dropdown .collection .collection-item > i.hover
{
    display: none;
}
#browse-list #create-entity-dropdown .collection .collection-item:hover > i.hover {
    display: block;
}
#browse-list .collection .list-content .collection-item > span i{
    font-size: 1rem;
    position: absolute;
    top: .3rem;
    right: .3rem;
    width: 1rem;
}

#browse-list .collection .list-content span.object_sets{
/*    bottom: .3rem;*/
    font-size: .8rem;
    line-height: 1.4rem;
    position: absolute;
    right: 0;
    top: .1rem;
}
#browse-list .collection .list-content  span.object_sets i{
    position: relative;
    right: 0;
    top: 0;
    margin: 0 .3rem 0 0;
}
#browse-list .collection a.asc i,
#browse-list .collection a.desc i{
    color: #009688 !important;
}
#browse-list .collection .content,
#browse-list .collection .search-result-content
{
/*    height: calc(100% - 156px);*/
    height: calc(100% + 156px);
    overflow-y: scroll;
    z-index: 1;
}
#browse-list .collection.hovered .content,
#browse-list .collection.hovered .search-result-content{
    height: calc(100% - 131px);
}
#browse-list .collection input{
    box-sizing: border-box;
    margin-bottom: 0;
    padding-left: .75rem;
}
#browse-list .loader{
    height: 16rem;
    padding: 1rem 0 0;
    text-align: center;
}
#browse-list .loader img{
    height: 36px;
}
.collection .collection-item.avatar{
    min-height: 64px;
}
.collection .collection-item.valign-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/* TABS HEADER*/
main>nav,
main>nav .add-item
{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.tabs{
    margin: 0;
    overflow: hidden;
}
.nav-content .tabs{
    width: calc(100% - 4px);
}
.tabs .indicator{
    display: none;
}
.tabs .tab{
/*    float: none;*/
    line-height: 0;
    max-width: 33.333333%;
    padding: 0 1px 0 0;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    text-transform: none;
    transition: all .3s;
    width: 100%;
}
.artwork_name{
    line-height: 1.4rem;
    margin-top: -0.25em;
}
.tab a > span{
    flex-grow: 1;
    line-height: 1;
    overflow: hidden;
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…";
    text-overflow: fade;
    text-overflow: fade(10px);
    text-overflow: fade(5%);
    width: calc(100% - 32px);
}
.tabs.settings-tabs{
    margin-bottom: 1rem;
}
.tabs.settings-tabs .tab{
    padding: 0;
    width: auto;
}
.tabs.bloc_tabs .tab{
    width: auto;
}
.tabs .tab:last-of-type{
    color:aqua;
    padding: 0px;
}
.tabs .tab.before{
/*
    border: 8px dashed #64ffda;
    border-style: none none none solid;
*/
    padding-left: 60px;
}
.tabs .tab.after{
/*
    border: 8px dashed #64ffda;
    border-style: none solid none none;
*/
    padding-right: 60px;
}
.tabs .tab.before > *,
.tabs .tab.after > *{
    pointer-events: none;
}
.tabs .tab a:not(.valign-wrapper){
    display: inline-block;
}
.tabs .tab a.valign-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}v
.tabs .tab a:not(.valign-wrapper) > div{
    overflow: hidden;
}
.tabs .tab a.close-tab i{
    line-height: 24px;
    margin: 0;
}
.tabs .tab i{
    height: 48px;
    line-height: 48px;
}
.tabs .tab i.tiny{
    font-size: 1rem;
}
.tabs .tab a{
    padding: 0 0 0 1rem;
}
.tabs .tab a img{
    display: inline-block;
    height: 30px;
    margin: 9px 0.5rem 9px 0;
    vertical-align: middle;
    width: 30px;
}
.tabs .tab a.refresh-btn,
.tabs .tab a.close-tab{
    background: transparent!important;
    padding: 0 5px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
}
.tabs .tab a.close-tab:hover i{
    color: red!important;
}
.tabs .tab a{
/*
    background-color: #90a4ae!important;
    color: #fff!important;
*/
    background-color: #fff!important;
    color: #607d8b!important;
}
.tabs .tab a.active{
    background-color: #fff!important;
    color: #607d8b!important;
    background-color: #90a4ae!important;
    color: #fff !important
}
.tabs .tab.editing:not(#tab-dashboard) a{
    background-color: #64B5F6!important;
    color: #fff!important;
}
.tabs .tab a i{
    display: inline-block;
    margin-right: 0.5rem;
    vertical-align: middle;
}
.tabs .tab a span.name{
    display: inline-block;
    line-height: 1.4rem;
}
.content-tabs{
    background-color: transparent;
    height: 3rem;
    margin: 0rem 0 1rem;
}
.content-tabs .tab{
    max-width: 25%;
}
.content-tabs .tab a{
    background-color: #fff!important;
    line-height: 3rem;
    padding: 0 1rem;
}
.content-tabs .tab a.active{
    background-color: #4c5768!important;
}
/* DASHBOARD */
#dashboard table:not(.table-condensed) th a{
    color: #616161!important;
}
/* TABS CONTENT*/
.tab-content{
    background: #90a4ae;
    box-sizing: border-box;
    height: 100%;
}
.tab-content.with-header{
    margin-top: 70px;
}
#dashboard .tab-content .row .col:nth-child(odd){
    padding: 0 .5rem 0 0!important;
}
#dashboard .tab-content .row .col:nth-child(even){
    padding: 0 0 0 .5rem!important;
}
.tab-content>.center{
    min-height: 100%;
    padding: 1rem 1rem 4rem;
    text-align: left;
    width: 100%;
}
.tab-content>.left,
.popin-content>.left{
    height: 100%;
    overflow-y: scroll;
    padding: 1rem;
    width: calc(100% - 70px);
}
.tab-content>.right,
.popin-content>.right{
    height: 100%;
    position: relative;
    right: 0px;
    width: 70px;
}
.tab-content header{
    font-size: 2em;
    padding: 20px 0 0px;
}
.tab-content form header{
    font-size: 2em;
    padding: 0px;
}
.collapsible{
    border: none;
}
.collapsible:not(.sidenav)
{
    margin: 0 auto 1rem;
    position: relative;
}
ul:not(.sidenav):not(.list-content).collapsible>li{
    margin-bottom: 1rem;
}
section{
    height: calc(100% - 48px);
    margin: 0!important;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow: hidden;
    padding: 0!important;
    position: relative;
}
section > header{
    box-shadow: 5px 0 8px 8px rgba(0, 0, 0, 0.4);
    height: 70px;
    position: absolute; width: 100%;
    z-index: 2;
}
section > header i.huge{
    font-size: 3rem;
    margin: 0 1.6rem;
}
section > header .name{
    line-height: 1.2;
}
section header .fixed-action-btn{
    position: absolute;
    right: 0;
}

.tab-content header i, .material-icons.small{
    font-size: 1.5rem;
}
.tab-content>.content{
    clear: both;
    margin-bottom: 40px;
}
.tab-content>.content>div, .tab-content>.content form>div{
    margin-bottom: 30px;
}

/* ENTITIES */
.view-group{
    background: #4c5768;
    background: #f2f2f2;
    margin-bottom: 1rem;
    transition: opacity .3s;
}
.popin .view-group{
    margin-bottom: 0;
}
#dashboard-main-view.view-group{
    background: transparent;
}
.view-group:last-child{
    margin-bottom: 3rem;
}
#settings-dashboard .view-group{
    padding-bottom: 1rem;
}
.view-group.form-header{
    margin-bottom: 0;
}
.view-group>.row{
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
}
.view-group>.row>.view-main-image,
.view-group>.row>.view-main-content{
    display: flex;
    flex-direction: column;
}
.view-group>.row>.view-main-image>div:last-child,
.view-group>.row>.view-main-content>div:last-child{
    flex-grow: 1;
}
.view-group .row{
    margin-bottom: 0!important;
}
.view-group header,
.view-group .collapsible-header{
    color: #4c5768;
    font-size: 1.4rem;
    height: 52px;
    line-height: 1.4rem;
    padding: 0;
}
.view-group header .left.title{
    text-align: left;
}
.view-group .collapsible-header{
    font-size: 1.1rem;
    height: auto;
    padding: 1rem;
}
.view-group .collapsible-header.category{
    font-size: 1rem;
}
.collapsible-header .badge{
    margin-top: .3rem;
}
.result-entity i.huge{
    font-size: 2rem;
    padding: .5rem .5rem .5rem 0;
}
.view-group header i.huge,
.view-group .collapsible-header i.huge{
    font-size: 2.4rem;
    opacity: .5;
    padding: .65rem;
}
.view-group header .title,
.view-group .collapsible-header .title{
    padding-top: .5rem;
}
.view-group header .created i,
.view-group .collapsible-header .created i{
    font-size: .9rem;
}
.online-toggle{
    line-height: 1.5rem;
}
.view-group header .online-toggle,
.view-group header .order-status,
.view-group .collapsible-header .online-toggle{
    padding-right: 1rem;
}
.view-group header>.right{
    position: absolute;
    right: 0;
    top: 0;
}
.view-group header .status{
    font-size: 1rem;
    margin: .4rem;
}
.view-group header .badge{
    margin: 1rem;
}
.status:not(.material-icons):not(.status_pin){
    border-radius: 8px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
}
a.status {
    color: inherit!important;
    display: inline-block;
    font-weight: 500;
    width: 100%;
}
span.status:not(.status_pin){
    display: inline-block;
    width: 100%;
}
td .status:not(.status_pin){
    min-width: 150px!important;
    overflow: hidden;
    width: 100%;
}
.status_pin{
    border-radius: 50%;
    display: inline-block;
    height: 0.8rem;
    min-height: 0.8rem;
    max-height: 0.8rem;
    margin: 0.9rem 0.3rem 0 0;
    width: 0.8rem;
    min-width: 0.8rem;
    max-width: 0.8rem;
}
label .status_pin{
    margin: 0;
}
.advanced-search-results .status_pin{
    min-height: 15px;
    min-width: 15px;
}
#browse-list-content .status_pin{
    margin: 0 .5rem 0 0;
}
.status *:not(ul, li){
    height: 30px!important;
    line-height: 30px!important;
    margin: 0!important;
    overflow: visible;
    padding: 0!important;
}
.status .entity-infos{
    border-radius: 0!important;
    padding: 0!important;
}
.status.entity-infos{
    overflow: visible;
}
.status .input-group{
    padding: 0!important;
}
.status .input-field{
    margin-top: 0;
}
.input-field{
    line-height: 1;
}
.status input{
    height: 30px!important;
    line-height: 30px!important;
    padding-left: 1rem!important;
}
span.caret {
    background: inherit!important;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff!important;
    height: 42px!important;
    pointer-events: none;
    right: 0;
    font-size: 14px;
    line-height: 42px!important;
    text-align: center;
    width: 30px;
    z-index: 2;
}
.status span.caret {
    height: 30px!important;
    line-height: 30px!important;
}
.vat-select span.caret{
    color: inherit!important;
    height: 40px!important;
    line-height: 40px!important;
    width: 10px;
}
.disabled span.caret {
    display: none;
}
.entity-infos{
    border-radius: 8px;
    margin: .5rem;
    overflow: hidden;
}
.entity-infos:first-child{
    margin-top: 1rem;
}
.entity-infos:last-child{
    margin-bottom: 1rem;
}
.open-popin-edit-btn,
.entity-infos.open-popin-edit-btn header .labelicon .entity-infos-icon,
.entity-infos.open-popin-edit-btn header:hover .labelicon .edit-icon,
.entity-infos header.open-popin-edit-btn .labelicon .entity-infos-icon,
.entity-infos header.open-popin-edit-btn:hover .labelicon .edit-icon,
i.fas.entity-infos-icon{
    cursor: pointer;
}
i.fas.entity-infos-icon{
    margin-left: 0;
}
.entity-infos header .labelicon .entity-infos-icon,
.entity-infos.open-popin-edit-btn header:hover .labelicon .edit-icon,
.entity-infos header.open-popin-edit-btn:hover .labelicon .edit-icon
{
    display: inline-block;
}
.entity-infos.open-popin-edit-btn header:hover .labelicon .entity-infos-icon,
.entity-infos header.open-popin-edit-btn:hover .labelicon .entity-infos-icon,
.entity-infos header .labelicon .edit-icon
{
    display: none;
}
#dashboard-main-view.view-group .entity-infos{
    margin: 0 0 1rem 0;
    overflow: visible;
}
.entity-infos.entity-tags{
    overflow: visible;
}
/*
.entity-infos.entity-calendar{
    border-radius: 8px 8px 0px 8px;
}
*/
.entity-infos.input-group{
    overflow: visible;
}
.entity-infos.fullheight .content{
    min-height: 320px;
}
.tab-content .entity-infos header{
    border-radius: 8px 8px 0 0;
    font-size: 1.2rem;
    height: auto;
    margin: 0;
    padding: .5rem 1rem;
    position: relative;
}
.entity-infos header .fas{
    font-size: 1.3rem;
}
.entity-infos header .left-align{
    font-weight: 500;
}
.entity-infos header a.top-right{
    position: absolute;
    right: .3rem;
    top: .4rem;
}
.entity-infos .content{
    border-radius: 0 0 8px 8px;
    line-height: 1.5rem;
    height: calc(100% - 34px);
    margin: 0;
    padding: 1rem;
}
#dashboard-main-view .entity-infos .content{
    margin: 0rem;
}
.entity-infos .content>div:not(.separator):not(.file-preview):not(.related-files){
    margin-bottom: 1rem;
}
.view-group .view-main-content .entity-infos:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.view-group .labelicon{
    width: 40px;
}
.view-group .labeljob{
    line-height: 0;
    width: 50px;
}
.view-group .coworkers a{
    margin: 0!important;
}
.view-group .labeljob a img{
    height: 40px;
    width: 40px;
}
.view-group .view-main-content .entity-infos label{
    display: inline-block;
    font-size: .9rem;
    padding: 0 1rem 0 0;
    position: relative;
}
.view-group .entity-infos label .fab{
    font-size: 1.6rem;
}
.view-group .entity-infos label i{
    margin-right: .5rem;
    vertical-align: top;
}
.view-group .entity-infos a i
{
    margin-right: .5rem;
}
.entity-infos .content .left.left-align{
    max-width: calc(100% - 40px);
}
/* .view-group .view-main-content .entity-infos a,
.view-group .view-main-content .entity-infos p{

    display: block;
    font-size: 1.2rem;
    line-height: 1rem;
    margin-bottom: 1.5rem;
    text-align: inherit;

} */
.entity-content table:not(.table-condensed) th{
    padding: 1rem;
}
.form-content table:not(.table-condensed) th{
    padding: .5rem;
}
.form-content table:not(.table-condensed) td{
    padding: 0 .5rem;
}
.form-content table:not(.table-condensed) th:first-child,
.form-content table:not(.table-condensed) td:first-child{
    border-left: none;
}
.form-content table:not(.table-condensed) th:last-child,
.form-content table:not(.table-condensed) td:last-child{
    border-right: none;
}
.form-content table:not(.table-condensed) th:not(.thumb):not(.draghandle):first-child,
.form-content table:not(.table-condensed) td:not(.thumb):not(.draghandle):first-child,
.count-table .total td:first-child{
    height: 65px;
    padding-left: 1rem!important;
    text-align: left;
}
.form-content table:not(.table-condensed) td.thumb{
    padding-left: 0;
}
.form-content table:not(.table-condensed) tr.total td{
    height: 65px;
}
.form-content table:not(.table-condensed) tfoot td{
    font-weight: 500;
    text-align: center;
}
.form-content table:not(.table-condensed) tfoot td:first-child{
    text-align: left;
}
.collapsible-header{
    line-height: 1rem;
    padding: .8rem 1rem;
    position: relative;
}
.collapsible-header a{
    vertical-align: middle;
    margin-left: 1rem;
}
.categories .collapsible-header a{
    margin-left: 0;
}
.collapsible-header .openclose{
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.collapsible-header .openclose:before{
    content: 'expand_more';
}
.collapsible-header.active .openclose:before{
    content: 'expand_less';
}
.collapsible-body{
    background: #fff;
    border-radius: 0 0 8px 8px;
    border-bottom: none;
    overflow: hidden;
    padding: 1rem;
}
.sidenav .collapsible-body{
    border-radius: 0;
}
.select-list-content .collapsible-body{
    background: transparent;
    border: none;
    padding: 0;
}
.list-content li.collection-item.avatar:not(.related-item){
    padding: 0;
}
.select-list-content .related-item,
.collection .collection-item.avatar:not(.related-item)>.collapsible-header{
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    height: 100%;
    line-height: inherit;
    padding: 10px 20px 10px 72px;
    width: 100%;
}
.select-list-content .collection .collection-item.avatar:not(.related-item)>.collapsible-header{
    border: none;
}
.select-list-content .collection .collection-item.avatar:not(.related-item)>.collapsible-body .related-item{
    border: none;
    border-top: 1px solid #e0e0e0;
    padding: 10px 20px;
}
.select-list-content .related-item:not(.avatar){
    padding: 10px 20px;
}
.select-list-content .related-item.selected{
    background: rgba(38, 166, 154, .5)!important;
}
.collection .collection-item.avatar:not(.related-item)>.collapsible-header>i{
    margin-right: .5rem;
}
.list-content div.related-item .circle,
.list-content-added div.related-item .circle{
    position: absolute;
    width: 42px;
    height: 42px;
    overflow: hidden;
    left: 15px;
    display: inline-block;
    vertical-align: middle;
}
.list-content .collapsible-body .related-item .circle{
    opacity: 0;
}
.list-content-added .collapsible-body .related-item .circle{
    opacity: 1;
}
.list-content div.related-item span,
.list-content-added div.related-item span{
    display: inline-block;
    vertical-align: middle;
}
a.table-link{
    display: block;
    padding: .5rem;
}
a.table-link img{
    margin-right: 1rem;
}
.related{
    margin-bottom: 1rem;
}
.related .collapsible-body.related-costs{
    padding: 0!important;
}
.related .collapsible-body .bloc{
    padding: 0rem 1rem;
}
.related .collapsible-body .bloc>.text{
    padding: 1rem 7rem;
}
.related-addresses table{
    margin-bottom: 1rem;
}
.related-addresses table tr th.btns,
.related-addresses table tr td.btns{
    max-width: 40px;
}
.related-addresses table tr th{
    padding: .5rem 0;
}
.related-addresses table tr th:first-child{
    padding: .5rem;
}
.related-addresses header{
    background: #f2f2f2;
    font-size: 1.2rem;
    padding: 0.5rem;
}
.related-sets-wrapper{
    border-bottom: 1px solid #d0d3d8;
    padding: .5rem;
}
.related-sets-wrapper:nth-child(odd){
    background: #f2f2f2;
}
.related-sets-wrapper:nth-child(even){
    background: #fff;
}
.related-sets .related-sets-infos{
    margin-bottom: 1rem;
}
.related-sets .related-sets-infos>div{
    display: inline-block;
}
.related-sets .set-name{
    display: block;
    margin-right: 20px;
}
.related-sets .set-visuels a{
    display: inline-block;
    vertical-align: middle;
}
.related-comments.collapsible-body,
.related-comments .trumbowyg-box{
    margin: 0;
    padding: 0;
}
.related-contacts-wrapper a{
    display: inline-block;
}
.collapsible-body.entity-main-infos{
    padding-top: 0;
}
.entity-main-infos{
    position: relative;
}
.entity-main-infos>.col, .entity-main-infos .col.s12.m6{
    padding : 0 0.75rem 0.75rem 0;
}

.entity-main-infos .collection{
    margin: 0;
}
.entity-main-infos .collection-item{
    line-height: 1.2rem;
    padding: 10px 0;
}
.entity-main-infos .collection-item p{
    margin-top: 0;
    word-wrap: break-word;
}
.row.collapsible-body{
    margin-bottom: 0;
}
.artwork-status{
    background: #65BB6A;
    display: block;
    font-size: 1.2rem;
    padding: 0 .5rem 0 1rem;
    text-align: left;
}
.artwork-status.center{
    text-align: center;
}
.artwork-status i,
.artwork-status span{
    height: 30px;
    line-height: 30px;
}
.order-status{
    background: #65BB6A;
    border-radius: 8px;
    display: inline-block;
    font-size: 1rem!important;
    height: 30px;
    line-height: 30px;
    margin-left: .5rem;
    padding: 0 1rem;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.card table tr,
.card table td,
.card table th
{
    border: none;
}
.card table .order-status{
    margin-left: 0;
}
.collapsible-header .right{
    cursor: initial;
}
.order-status span{
    font-size: 1rem;
}
.related .collapsible-header>div,
.related .collapsible-body>div{
    display: block;
    line-height: 2rem;
    width: 100%;
}
.related .collapsible-body>div tr{
    line-height: 1.3rem;
}
.related .collapsible-body>div tr:last-of-type{
    border-bottom: none;
}

/*ACTION BUTTONS*/
.entity-buttons
{
    bottom: 0;
    pointer-events: none;
    position: fixed;
    right: 280px;
    text-align: center;
    transition: all .3s;
    width: calc(100% - 490px);
    z-index: 1000;
}
.entity-buttons.inactive:not(.active){
    bottom: -100px;
}
.popin .entity-buttons{
    right: 0;
    width: 100%;
    /* bottom: auto; */
}
.popin.fullscreen .entity-buttons{
    position: fixed;
    bottom: 0;
    width: auto;
    z-index: 99999;
}
.buttons-wrapper{
    pointer-events: none;
    width: auto;
}
.buttons-wrapper .buttons{
    display: inline-block;
    padding: .5rem;
    pointer-events: all;
    width: auto;
}
.popin .buttons-wrapper .buttons{
    padding: 1rem;
}
.buttons-wrapper a,
.buttons-wrapper button{
    pointer-events: all;
}
.popin .buttons-wrapper{
    width: 100%;
}
.buttons-wrapper .btn{
    margin: 0 .25rem;
}
.form-buttons{
    height: 50px;
    position: absolute;
    width: 100%;
}
.form-buttons .btn{
    margin: .5rem .25rem;
}
.btn{
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.entity-actions .btn{
    opacity: .5;
}
.entity-actions .btn:hover{
    opacity: 1;
}
.inpage-btn{
    background-color: #fff;
    margin-bottom: 6rem;
    padding: .5rem 0;
}
.btn:not(.btn-sm) i,
.buttons-wrapper i{
    vertical-align: sub;
}
.btn:not(.btn-sm) i.fas,
.buttons-wrapper i.fas{
    vertical-align: bottom;
}
.nbartworks{
    padding-bottom: .5rem;
}
.selected-entities{
    background: rgba(76, 87, 104, 1);
    border: 1px solid #4c5768;
    border-radius: 0;
    border-top-left-radius: 8px;
    left: 0;
    height: 450px!important;
    margin: 0 auto!important;
    min-width: 400px;
    overflow-y: scroll;
    margin-bottom: 50px;
    padding-bottom: 50px;
    pointer-events: all;
    position: absolute;
    text-align: left;
    top: 50px;
    transition: all .5s;
    width: 100%;
}
.selected-entities.active{
    top: -450px;
}
.entity-buttons.inactive .selected-entities{
    top: 50px!important;
}
.selected-entities:after{
    color: #fff;
    content: "Drop here";
    font-size: 3rem;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.selected-entities-background{
    bottom: 0;
    left: 0;
    position: absolute;
    height: 50px;
    width: 100%;
}
.selected-entities-header{
    height: 50px;
}
.selected-entities .collection-item{
    background: #f2f2f2;
    cursor: move;
    padding: .5rem!important;
}
/* .selected-entities .collection-item:nth-child(odd){
   border-right: 1px solid #4c5768;
} */
.selected-entities .collection-item,
.selected-entities .collection-item:last-child{
    border-bottom: 1px solid #e0e0e0;
    border-bottom: 1px solid #4c5768;
}
.selected-entities .collection-item:hover,
.selected-entities .collection-item.hovered{
    background: #d0d3d8;
}
.invoice-artwork .remove-button,
.selected-entities .remove-entity{
    display: none;
    position: absolute;
    top: 18px;
    transform: rotate(45deg);
    right: .2rem;
}
.selected-entities .remove-entity i{
    font-size: 1.4rem;
}
.selected-entities .collection-item:hover .remove-entity{
    display: inherit;
}
.selected-entities .thumb,
.selected-entities .thumb img{
    margin: 0;
    height: 30px!important;
    width: 30px!important;
}
.selected-entities .search-thumb{
    height: 30px!important;
    margin: .5rem .6rem .5rem .5rem;
    width: 30px!important;
}
/* FORMS*/
::placeholder{
   color: #90a4ae;
    /* color: #4c5768 */
}
:-ms-input-placeholder{
    color: #90a4ae;
}
::-ms-input-placeholder{
    color: #90a4ae;
}
input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid>input.select-dropdown, .select-wrapper.invalid>input.select-dropdown:focus .nested-label{
    border: 1px solid #F44336!important;
    border-style: none none solid!important;
}
textarea{
    height: 9.3rem;
    resize: none;
}
label.invalid{
    color: #F44336!important;
}
tr.invalid td{
    background-color: #F44336!important;
}
.disabled-wrapper{
    opacity: .5;
    pointer-events: none;
}
.edit-field{
    display: block;
}
a.edit-field{
    height: 100%;
}
.edit-field:hover{
    background: rgba(0, 0, 255, .2);
}
section .tab-content{
    padding-bottom: 6rem;
}
/*.form-content,*/
.tab-content header i.count{
    font-size: 1rem;
    margin: 0 .5rem;
    padding-top: 0.2rem;
}
.settings ul,
.form-content.search-form-content{
    padding-bottom: 0rem!important;
}
.search-form-content{
    margin-bottom: .5rem;
}
.settings-contact .content>div:not(.separator){
    margin: 1rem 3.3rem 2rem;
}
.form-content .input-group.no_bg{
    padding-bottom: 0;
}
.form-content .input-group .input-group{
    margin-bottom: 0;
}
.collapsible-body.form-content,
.trads-settings .form-content.row,
.trads-settings .form-content .row{
    border: none;
    padding-bottom: 1rem;
}
.advanced-search .row{
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}
.form-content .input-group{
    border-radius: 0 0 8px 8px;
    background: #fff;
    margin-bottom: 1rem;
    /* overflow: hidden; */
    padding-bottom: 1rem;
    transition: opacity .3s;
    width: 100%;
}
.form-content .input-group.fullheight{
    padding-bottom: 0;
}
.form-content>.input-group,
.form-content>.row>.input-group
{
    opacity: .4;
}
.form-content .multiple{
    background: transparent;
}
.form-content .multiple > .row{
    display: flex;
    align-items: stretch;
    gap: 1rem;
}
.form-content .add-related{
    height: auto;
}
.form-content .multiple > .row > .col > .add-related{
    height: 100%;
}
.form-content .multiple > .row > .col > div.add-related .drop_area{
    height: calc(100% - 2rem - 81px);
}
.form-content .input-group .input-field{
    margin: 0;
}
.form-content .input-group table .input-field.quantity{
    width: 50px;
}
.form-content .input-group table .input-field.date{
    width: 100px;
}
.form-content.artwork_video_form .input-group{
    background: transparent;
}
.remove-contact{
    position: absolute;
    right: 0;
}
.refreshtrads .form-content .input-group{
    padding-top: 1rem;
}
.refreshtrads .form-content .input-group.active{
    background: #f2f2f2;
}
.view-group .form-content,
.view-group .form-content .input-group{
    margin-bottom: 0rem;
    padding-bottom: 0rem;
}
.view-group .form-content.users-notes{
    padding-bottom: 1rem;
}
.view-group .form-content.users-notes form,
.view-group .form-content.users-notes div,
.view-group .form-content.users-notes textarea{
    height: 100%;
}
.view-group .form-content.users-notes textarea{
    background: transparent;
    border: none;
    margin-top: 0;
    outline: none;
    padding: .5rem;
}
.form-content.order-form .input-group,
.form-content.search-form-content .input-group{
    padding-bottom: 0;
}
.form-content .input-group.active,
.popin .input-group{
    opacity: 1;
}
.input-group[disabled]{
    background: #fff!important;
    opacity: .4!important;
}
.separator > div{
    border-top: 2px dashed #90a4ae;
    padding: 0;
    margin: 1rem 0;
}
.separator.fullline > div{
    border-top: 1px solid #f2f2f2;
    margin: 0 0 1rem 0;
}
.add-items.separator > div{
    padding: .5rem 0;
}
.coworkers .separator:last-child{
    display: none;
}
.input-group .separator{
    margin: 0;
    padding: 0rem .5rem!important;
}
.separator label,
.related-items .sortable label,
.related-files .input-group label{
    display: block;
    font-size: 1.2rem!important;
    margin: 1rem auto 0;
    text-align: left;
}
.add-items .row label.col{
    display: block;
    font-size: 1.2rem;
    text-align: left;
    margin: 0rem;
    padding-right: 2rem;
}
.related-items .set_type{
    border-radius: 8px;
    display: inline-block;
    padding: 1rem;
    margin: 0 auto 1rem;
    width: auto;
}
.related-items .collapsible-body{
    border: none;
    padding: 0;
}
.related-items table thead tr th{
    padding: .5rem;
}
.items-container{
    background: #fff;
}
.related-items .related-item{
    background: #fff;
    line-height: 1.4rem;
}
.related-items .related-item:not(.view-btn):not(.open-btn){
    cursor: initial;
}
.related-items .related-item:nth-child(odd){
    background: #f2f2f2;
}
.related-items .related-item .draghandle{
    padding: 0;
}
.related-items .related-item  .infos{
    width: 100%;
}
.related-items .related-item  .actions:not(td){
    padding-right: 1rem;
}
/*
.related-items .thumb{
    background-size: cover;
    border-radius: 8px;
    display: inline-block;
    line-height: 1rem;
    margin: 1rem 1rem 1rem 0;
    vertical-align: middle;
    width: auto;
}
*/
.related-items .sortable label{
    margin: 0;
    padding: 1rem;
}
.related-items .sortable .online_status i{
    font-size: 1.4rem;
}
.related-items .related-item .sortable{
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
}
.related-items .actions:not(td){
    padding: 0 .5rem;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
}
.related-items .text,
.related-items .row .notext{
    display: inline-block;
}
.related-items .row .text,
.related-items .notext{
    display: none;
}
.related-items .notext{
    color: #80cbc4;
    font-size: 3rem;
}
.related-items:hover .notext{
    color: #4c5768;
}
.sortable-element.sortable-item,
.sortable-element.sortable-artwork{
    border: none!important;
    cursor: move;
    padding: .5rem!important;
}
.sortable-element.sortable-item.droparea{
    border: none!important;
}
.sortable-artwork>div{
    background-position: center;
    background-size: cover;
    height: 120px;
    width: 100%;
}
.sortable-artwork-name{
    background: rgba(76, 87, 104, .6);
    display: block;
    line-height: 1rem;
    padding: .5rem;
    width: 100%;
}
.remove-sortable-item{
    bottom: .5rem;
    opacity: .6;
    position: absolute;
    right: .5rem;
    transition: opacity .5;
}
.remove-sortable-item:hover{
    opacity: 1;
}
.related-files .input-group label{
    margin: 0 auto 1rem;
}
.input-group .separator label .btn{
    margin: 1rem .5rem;
}
.form-content .input-group .separator.add-items{
    padding: 0 1rem;
    margin: 1rem 0;
}
.form-content .input-group .separator.add-items>div{
    padding-top: 1rem;
}
.form-content .input-group .separator.add-items label,
.form-content .input-group .separator.add-items .add-related{
    display: inline-block;
}
.input-group .separator.add-items label{
    margin: 0;
}
.entity-content .collapsible-header,
.form-content .collapsible-header{
    background-color: transparent;
    border: none;
    padding: 0;
}
.entity-content .collapsible-header:not(.valign-wrapper),
.form-content .collapsible-header:not(.valign-wrapper){
    display: block;
}
.form-content .input-group .collapsible-header .arrow_drop_down{
    position: absolute;
    top: .4rem;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s;
    right: 0;
    width: 36px;
}
.form-content .input-group .collapsible-header .arrow_drop_down i{
    font-size: 2.4rem;
    margin-right:0;
    
}
.form-content .input-group .collapsible-header.active .arrow_drop_down{
    transform: rotate(540deg);
}
.input-group header{
    font-size: 1.4rem!important;
    padding: .5rem 0!important;
}
.input-group .entity-infos header{
    font-size: 1.2rem!important;
    padding: .5rem 1rem!important;
}
.input-group table header{
    display: inline-block;
}
.input-group.active header{
    color: #4c5768!important;
}
.input-group header i{
    margin: 0 1rem;
}
.input-group header .labelicon i,
.input-group header a i{
    margin: 0;
}
.form-content:not(.login-form) .input-group .input-field:not(.filter),
.form-content .input-group .inline.radio-field{
    padding: 0 1rem;
}
.form-content .input-group .input-field.range{
    margin: 0;
    padding: 0 .5rem;
}
.related_contact_address_select{
    margin-bottom: 0!important;
    padding: 0 1rem 2rem!important;
}
.form-content .input-group .radio-field{
    padding: 0 1rem 0 0;
}
.popin .form-content .input-group .input-field.wysiwyg-container{
    padding: 0;
}
/*.popin .form-content .input-group .input-field.lang,*/
.form-content.artwork_video_form .input-group .input-field{
    padding: 0;
    margin: 0!important;
}
.form-content .input-group .input-field.searchfilters{
    margin: 0!important;
    padding: 0 .5rem;
}
.form-content .input-group:not(.filter) table .input-field:not(.hidden-dropdown){
    margin: .5rem auto!important;
    padding: 0;
}
.form-content .input-group table.table-condensed .input-field{
    margin: 0 auto!important;
}
.form-content .input-group .radio-field{
    line-height: 2.8rem;
}
.form-content .input-group .input-field.nopadding{
    padding: 0;
}
.notes .input-field,
.refreshtrads .form-content .input-group .input-field:not(.filter){
    margin: 0!important;
}
.form-content .input-group table .input-field,
.view-group:not(.movement, .order) .form-content .input-group .input-field{
    margin: 0!important;
    padding: 0!important;
}
.form-content .input-group .nolabel:not([type=checkbox]){
    margin-top: 45px;
}
.popin .form-content{
    text-align: left;
}
.popin .form-content .input-group,
.popin .form-content .input-group .row,
.form-content .input-group .input-field .input-field:not(.filter){
    margin: 0!important;
/*    padding: 0!important;*/
}
/*
.popin .form-content .input-group .input-field,
.popin .form-content .input-group .radio-field{
    margin: 0!important;
}
*/
.form-content .order-form.input-group table .input-field{
    margin: 0!important;
    padding: .5rem 0!important;
}
.modal:not(.popin) .form-content .input-group .input-field{
    padding: 1rem 0 0;
}
.form-content .input-field.hidden-dropdown{
    height: 0;
    margin: 0!important;
    overflow: hidden;
    padding: 0!important;
    position: absolute;
    top: 0;
    width: 0;
}
.reset-trad{
    font-size: .9rem;
    padding: 1.3rem 0 0 1rem;
    text-decoration: underline;
}
.reset-trad a{
    color: inherit!important;
}
.flag-wrapper{
    background-color: #91a4ae;
    border-radius: 8px;
    display: inline-block;
    padding: 10px!important;
    text-align: center;
}
.flag{
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    display: inline-block;
    height: 38px;
    overflow: hidden;
    vertical-align: middle;
    width: 58px;
}

.flag:after{
    background-image: url(/img/flags/overlay_64.png);
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 38px;
    left: 0;
    margin-right: .5rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 100%;
}
.flag.small{
    background-size: cover;
    border-radius: 0;
    height: 19px;
    margin-right: .5rem;
    width: 29px;
}
.flag.small:after{
    height: 19px;
}
.flags{
    height: auto;
}
.flags .left.input-field{
    width: 100%;
}
.tabs.flags{
    height: 58px;
}
.flags .tab{
    height: 100%;
    margin-left: 1rem;
    width: auto;
}
.flags .tab a{
    background-color: transparent;
    border-radius: 8px;
    height: 58px;
    opacity: .6;
    padding: 0;
    text-align: center;
    width: 78px;
}
.flags .tab a.active,
.flags .tab a:hover{
    background: #f2f2f2;
    opacity: 1;
}
.flags .tab a .flag{
    vertical-align: initial;
}
.form-content .input-group .input-field label:not(.nested-label).active,
.form-content .input-group .input-field label:not(.nested-label),
.form-content .input-group .radio-field label:not(.nested-label).active,
.form-content .input-group .radio-field label:not(.nested-label){
    display: inline-block;
    font-size: 1.2rem;
    left: 0;
    line-height: 24px;
    padding: 1rem 20px .5rem 0;
    position: relative;
    top: 0;
    -webkit-transform: none;
    transform: none;
}
.form-content .input-group .input-field.label_small label{
    font-size: 1rem;
    padding: 0;
    font-style: italic;
}
.form-content .input-group .radio-field.notinline label:not(.nested-label),
.form-content .input-group .radio-field.notinline p{
    display: block;
}
.form-content .radiolist .radio-field label{
    padding-bottom: 1rem!important;
}
.form-content .input-group .var{
    color: #F44336;
    text-transform: uppercase;
}
.form-content .input-group .var.active{
    background: #F44336;
    color: #fff;
}
.form-content .input-group p{
    display: inline-block;
    line-height: 2.8rem;
    margin-right: 2rem;
}
.form-content .input-group .entity_select p{
    line-height: 0;
    margin-right: 0rem;
}
.form-content .input-group .valign-wrapper p{
    line-height: 0;
}
.form-content .input-group td.checkbox p{
    margin-right: 0rem;
}
.form-content .input-group td.checkbox p .tick{
    color: transparent;
    padding-left: 0;
}
.form-content .input-group tr p.status {
    line-height: 30px;
    padding: 0 1rem;
}
.form-content .input-group .actions p{
    margin: 0;
    width: 20px;
}
.form-content .input-group .right-align p{
    margin-right: 0;
}
.form-content .input-group .block-label label{
    display: block!important;
}
.form-content .input-group .inline p label{
    left: 0;
    padding-left: 2rem;
}
.form-content .input-group .form-field-title{
    background: #90a4ae;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 42px;
    margin-top: 45px;
    padding: 0 1rem 0 0;
    text-align: right;
    width: calc(100% - 1rem);
}
.form-content .add-fields i{
    margin-right: .5rem;
    vertical-align: middle;
}
.form-infos-btn{
    cursor: pointer;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: .7rem;
    top: 1rem;
    float: right;
/*
    position: relative;
    top: -5rem;
*/
    width: 24px;
}
th > .form-infos-btn{
    position: relative;
    right: auto;
    top: auto;
}
.entity-infos .form-infos-btn{
    top: 0;
    right: 0;
}
.form-infos-btn .input-help{
    border-radius: 8px;
    left: -230px;
    line-height: 1.4rem;
    max-height: 0;
    opacity: 0;
    padding: 1rem;
    text-align: left;
    transition: max-height .5s;
    width: 260px;
    z-index: 2000;
}
.form-infos-btn:hover{
    overflow: visible;
}
.form-infos-btn:hover .input-help{
    max-height: 700px;
    opacity: 1;
}
.form-content .input-group .input-field input{
    background: #e6e8ed;
    /* background: #f2f2f2; */
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 .5rem;
    text-align: inherit;
}
.form-content .input-group .input-field.searchfilters{
    padding: .5rem;
}
.searchfilters .chips .input:focus{
    border-bottom: 1px solid #26a69a!important;
    -webkit-box-shadow: 0 1px 0 0 #26a69a!important;
    box-shadow: 0 1px 0 0 #26a69a!important;
}
.select-wrapper:not(.status){
    background-color: #90a4ae!important;
    border-radius: 0px;
    color: #fff;
}
.select-wrapper.galerist-blue{
    background-color: #4c5768!important;
}
.select-wrapper.nolabel{
    margin-top: 45px;
}
.datepicker-modal .select-wrapper{
    background-color: transparent!important;
}
.datepicker-modal .select-wrapper input.select-dropdown{
    color: #4c5768!important;
}
.select-wrapper input.select-dropdown{
    background-color: inherit!important;
    border-radius: 0px!important;
    box-sizing: border-box;
}
.select-wrapper.order_artwork_price input{
    margin-bottom: 0;
    padding-left: .5rem;
}
.center.select-wrapper.status input.select-dropdown{
    padding-left: 0!important;
}
.select-wrapper.status input.select-dropdown{
    box-sizing: border-box;
    color: inherit;
    padding-right: 24px;
    text-align: inherit;
    width: 100%;
}
.select-wrapper .caret{
    background: inherit!important;
    fill: #fff;
    pointer-events: none;
    z-index: 2;
}
.galerist-blue-text .caret{
    fill: #4c5768;
}
.select-wrapper.table-status input.select-dropdown,
.table-status
{
    height: 42px!important;
    line-height: 42px!important;
    text-align: left!important;
}
.table-status .caret
{
    height: 40px!important;
    line-height: 40px!important;
    top: 1px;
}
.form-content table th.vat-select,
.form-content table td.vat-select{
    padding: 1rem .5!important
}
th.vat-select .select-wrapper{
    background-color: #d0d3d8!important;
}
td:nth-child(odd).vat-select .select-wrapper{
    background-color: #fff!important;
}
td:nth-child(even).vat-select .select-wrapper{
    background-color: #f2f2f2!important;
}
.vat-select .select-wrapper input.select-dropdown{
/*    border-bottom: 1px solid #4c5768!important;*/
    color: #4c5768!important;
    font-weight: 500!important;
}
.vat-select .select-wrapper .caret{
    fill: #4c5768;
}
.select-wrapper.disabled{
    background-color: #fff!important;
    border: 1px solid #e6e8ed!important;
}
.select-wrapper.disabled input.select-dropdown{
    height: 40px;
}
.select-wrapper:not(.status) .dropdown-content{
    border-radius: 8px 0 0 8px;
    border-radius: 0;
}
.form-content.order-form table .input-group .input-field input{
    padding-left: 0;
}
input[type="number"]{
    padding-left: 1rem!important;
    text-align: center!important;
}
/*
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label{
    padding-left: 24px;
}
*/
[type="radio"] + label{
    padding-left: 24px;
}
[type="radio"]:checked + label{
    font-weight: 500;
}
input[type="radio"] + .tick{
    vertical-align: middle;
}
.form-content .input-group .input-field textarea{
    border-style: none;
    border-radius: 8px;
    background: rgb(230, 232, 237);
/*    height: 60px;*/
    padding: .5rem;
}
.refreshtrads .form-content .input-group.active .input-field input,
.refreshtrads .form-content .input-group.active .input-field textarea{
    background: #fff;
}
.form-content .input-group .input-field textarea.small{
    height: 42px;
    padding-top: .8rem;
}
.form-content .input-group .input-field textarea.large{
    height: 104px;
}
input.select-dropdown{
    border: none!important;
}
input.select-dropdown{
    background: #90a4ae;
    color: inherit;
    height: 42px;
    z-index: 1;
}
.select-dropdown.dropdown-content{
    border: 1px solid #4c5768!important;
    min-width: 200px;
    z-index: 1010;
}
.popin .select-dropdown.dropdown-content{
    position: fixed!important;
}
.wide .select-dropdown.dropdown-content{
    min-width: 300px;
}
.status .select-dropdown.dropdown-content{
    border-radius: 0 0 8px 8px;
}
.select-dropdown.dropdown-content li {
    align-items: center;
    background-color: #e6e8ed;
    background-color: #f2f2f2;
    display: flex;
    line-height: 1rem;
    padding: 0 .5rem;
}
.select-dropdown.dropdown-content li:hover,
.select-dropdown.dropdown-content li.hovered{
  background-color: #fff;
  background-color: #d0d3d8;
}
.select-dropdown.dropdown-content li.selected {
  background-color: #90a4ae!important;
}
.select-dropdown.dropdown-content li label{
    padding: 1rem!important;    
}
.select-dropdown.dropdown-content li span,
.select-dropdown.dropdown-content li a{
    color: #4c5768;
    display: inline;
    height: auto;
    padding: 0!important;
/*    width: 100%;*/
}
.select-dropdown li.disabled:hover{
    background-color: #f2f2f2!important;
}
.select-dropdown li.disabled span,
.select-dropdown li.disabled a,
.select-dropdown li.disabled label{
    color: rgba(0,0,0,0.3)!important;
}
.select-dropdown li img{
    border-radius: 50%;
}
/* .select-dropdown.dropdown-content li:hover span,
.select-dropdown.dropdown-content li:hover a{
   color: #fff;
} */
.select-dropdown.dropdown-content li.selected span{
    color: #fff;
}
.select-dropdown.dropdown-content li > span > label {
    top: -10px;
}
.multiple-select-dropdown.dropdown-content li.selected{
    background: #4c5768;
}
.multiple-select-dropdown.dropdown-content li.selected span{
    color: #fff;
}
.multiple-select-dropdown li > span {
    height: 100%!important;
    padding: 0!important;
}
.multiple-select-dropdown li > span > label {
    height: 100%;
    height: auto;
    padding: 0!important;
    width: 100%;
}
.multiple-select-dropdown li > span > label span{
    height: 100%;
    padding: 1rem!important;
    width: 100%;
}
.multiple-select-dropdown li > span{
    width: auto;
}
.multiple-select-dropdown li > span > label [type="checkbox"]+span:not(.lever):before,
.multiple-select-dropdown li > span > label [type="checkbox"]+span:not(.lever):after{
    display: none;
}
.multiple-select-dropdown li > span > label [type="checkbox"]+span:not(.lever):before{
    border: none;
    left: auto;
    right: .5rem!important;
    top: 1rem;
}
.multiple-select-dropdown li > span > label [type="checkbox"]:checked+span:not(.lever):before{
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    right: 1.5rem!important;
    top: .7rem;
}
.multiple-select-dropdown li.disabled > span > label [type="checkbox"]+span:not(.lever):before{
    display: none;
}
.form-content .input-group .input-field .autocomplete-content{
    margin-top: 0!important;
    width: calc(100% - 2rem);
}
form .collection, form .collection .collection-item, form .row .col:not(.input-group):not(.nolabel){
    margin: 0;
    padding: 0;
}
form .contact-companies .collection{
    overflow: visible;
}
form .contact-companies .collection-item{
    padding: .5rem 0;
}
form .contact-companies .collection-item:last-child{
    border-bottom: 1px solid #e0e0e0;
}
.popin form .form-content .input-group.contact-companies .row.collection-item{
    padding: .5rem!important;
}
form .contact-companies .collection-item .autocomplete_entity_dropdown{
    top: 43px;
}
.form-content .input-group.contact-companies .collection-item .input-field{
    margin-bottom: 0!important;
}
form .collection.pdf_artworks .collection-item{
    background: #f2f2f2;
    margin-bottom: 2px;
    padding: .5rem;
}
form .row .col.s5{
    padding-right: 10px;
}
form>.row{
    border-bottom: 1px solid #90a4ae;
    padding-bottom: 10px;
}
.form-input-wrapper .row{
    margin: 0 auto;
}
input.invalid{
    border: 1px dashed #b71c1c;
}
input.compute_total,
input.compute_total[disabled]{
    background: #4c5768!important;
    color: #fff!important;
    font-weight: 800;
    font-size: 1.3rem!important;
}
.textarea .input-field label:not(.active){
    padding-left: .75rem;
}
.textarea .input-field label:not(.label-icon).active {
    -webkit-transform: translateY(-14px) scale(0.8);
    transform: translateY(-16px) scale(0.8);
}
textarea.materialize-textarea {
    min-height: 10rem;
}
textarea.materialize-textarea.small {
    min-height: 3rem;
}
textarea.materialize-textarea.single-line{
    min-height: 1rem;
}
textarea ul li{
    list-style-type: initial!important;
}
.collection.select, .recommendation-form{
    overflow: visible;
}
.autocomplete-content{
    position: absolute;
    width: 100%;
}
.autocomplete-content img{
    display: none;
}
.selectable{
    cursor: grab;
}
.selectable.active{
    cursor: grabbing;
}
.lang_content{
    margin-bottom: 1rem;
}
.radio-template{
    display: inline-block;   
}
.radio-template label{
    cursor: pointer;
    margin: 0 .5rem;
    opacity: .4;
    padding: .5rem;
    text-align: center;
    transition: all .5s;
}
.radio-template.active label{
    background: #f2f2f2;
    opacity: 1;
}
.radio-template label img{
    display: block;
    margin-bottom: .5rem;
    max-height: 100%;
    max-width: 100%;
}
.template-content{
    border: 1px dashed #e9e9e9;
    padding: 3rem 0 0 3rem!important;
    position: relative;
}
.bloc-templates-radio img{
    max-width: 100%;
    width: 100%;
}
.editions{
    border-bottom: 1px solid #4c5768;
}
.editions-list .collection-item{
    display: inline-block;
    height: 45px;
    line-height: 45px;
    width: 100%;
}
.editions-list .collection-item a{
    display: inline-block;
    padding-left: 1rem;
    width: 100%;
}
.editions-list .editions-buttons{
    position: absolute;
    right: 0;
    top: 0;
}
.editions-list .editions-buttons a{
    padding: 0;
    width: auto;   
}
.editions-list .editions-buttons a.duplicate-editions:hover{
    color: #64B5F6 !important;
}
.editions-list .editions-buttons a.delete-editions:hover{
    color: #E57373 !important;
}
.editions-list .editions-buttons a i{
    font-size: 1.5rem;
}
.editions-detail{
    background: #fff;
    border-left: 1px solid #4c5768;
/*
    left: 0;
    position: absolute;
    top: 0;
*/
}
.editions-template{
    margin-bottom: 6.2rem;
}
.editions-template .editions-detail{
    position: relative;
}
.gridtext .template-content{
    float: left;
    padding: 3rem 1rem 0 1rem!important;
    width: 50%;
    min-width: 550px;
}
.gridtext .image.template-content{
    height: 300px;
    overflow: hidden;
    width: 30%;
}
.gridtext .template-content:nth-child(even){
    margin: 0 3% 3%;
}
.gridtext .template-content .blocimage{
    background: #272727;
    height: 150px;
}
.gridtext .template-content .blocimage img{
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.imagetext .imagetext-title strong{
    color: #000;
    font-size: 2rem;
    line-height: 2rem;
}
.imagetext .imagetext-title,
.gridtext .imagetext .imagetext-sizes,
.gridtext .imagetext .imagetext-positions{
    display: none;
}
#gridtext .imagetext .imagetext-title,
.gridtext .imagetext .imagetext-title{
    display: initial;
}
#gridtext .imagetext p a,
.gridtext .imagetext p a{
    color: #000;
    display: inline-block;
    font-weight: 600;
    padding-top: .5rem!important;
    text-decoration: underline;
    z-index: 3;
}
.template-content .draghandle{
    position: absolute;
    top: .5rem;
    left: .5rem;
}
.template-content .input-field label{
    margin-left: .5rem;
}
.delete-bloc-form{
    position: absolute;
    right: .5rem;
    top: .5rem;
    z-index: 100;
}
.template_image{
    margin-right: 2rem;
    max-width: 225px;
}
.bloc-templates-radio{
    display: inline-block;
    opacity: .5;
    width: 225px;
}
.bloc-templates-radio.active{
    opacity: 1;
}
.bloc.sortable-element{
    border: 1px dashed #9e9e9e!important;
    margin-bottom: .5rem;
    overflow: visible;
}
.blocimage{
    padding: 0;
    position: relative;
}
.blocimage img{
    width: 100%;
}
.file-edit{
    position: absolute;
    top: .5rem;
    right: .5rem;
}

.address-form input {
    height: 1.7rem!important;
    margin: 0 0 10px 0!important;
}
.address-form label:not(.select-label){
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.address-form d label:not(.label-icon).active{
    -webkit-transform: translateY(-20px) scale(0.8);
        transform: translateY(-20px) scale(0.8);
}
.trumbowyg-editor.trumbowyg-reset-css{
    font-family: 'Calibri', Arial, 'Roboto', Sans-serif!important;
}
.trumbowyg-editor.trumbowyg-reset-css blockquote,
.trumbowyg-editor.trumbowyg-reset-css div,
.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css p,
.trumbowyg-editor.trumbowyg-reset-css ul{
    box-shadow: none !important;
    background: 0 0 !important;
    margin: 0 !important;
    line-height: inherit !important;
    font-family: 'Calibri', Arial, 'Roboto', Sans-serif!important;
    font-size: inherit !important;
    border: none;
}
.trumbowyg-editor.trumbowyg-reset-css blockquote{
    font-style: normal;
    margin: 0 0 0 40px!important;
}
.form-content .input-group .trumbowyg-editor p{
    display: block;
    line-height: 1.4rem;
    margin-right: auto;
}
.trumbowyg-box,
.consignment .trumbowyg-editor{
    background: #fff;
    margin: 0;
}
.trumbowyg-button-pane{
    padding: 0;
}
.trumbowyg-button-pane .trumbowyg-button-group+.trumbowyg-button-group::before{
    margin: 0;
}
.trumbowyg-modal-box label input{
    border: 1px solid #9e9e9e!important;
    box-sizing: border-box;
    height: 2.8rem!important;
    outline: 0;
    padding-left: 1rem!important;
}
.trumbowyg-modal-box label,
.trumbowyg-modal-box label .trumbowyg-input-infos{
    box-sizing: border-box;
    height: 3rem;
    line-height: calc(3rem - 2px);
    pointer-events: all;
}
.trumbowyg-modal-box label .trumbowyg-input-infos span {
    width: 130px;
}
.popin .trumbowyg-editor{
    max-height: calc(100vh - 540px);
}
.trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen .trumbowyg-textarea {
    height: calc(100vh - 37px) !important;
    max-height: calc(100vh - 37px) !important;
}
.params_text .trumbowyg-fullscreen .trumbowyg-editor-box{
    background: #4c5768;
}
.params_text .trumbowyg-fullscreen .trumbowyg-editor{
    width: auto;
    aspect-ratio: 210 / 290;
    padding: 30px;
}
.trumbowyg-editor a{
    text-decoration: underline!important;
}
.input-field.wysiwyg-container{
    margin-top: 0!important;
}
.wysiwyg-container label{
    left: 0rem;
    font-size: 1rem;
    position: absolute;
    top: -1.5rem;
}
.wysiwyg-container .trumbowyg-modal-box label{
    position: relative;
}
.small .trumbowyg-editor, .small .trumbowyg-editor-visible{
    min-height: 150px;
}
.sliderange{
    margin: 0 2px;
    min-width: 300px;
}
.rangeslider{
    margin: 1rem 0;
}
.noUi-horizontal {
    height: 8px;
}
.noUi-horizontal .noUi-handle {
    border-radius: 8px;
    background: #90a4ae;
    border: none;
    box-shadow: none;
    cursor: w-resize;
    height: 20px;
    left: auto;
    right: -5px;
    top: -7px;
    width: 8px;
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle{
    right: -5px;
}
.noUi-handle:after, .noUi-handle:before {
    background-color: transparent;
    height: 5px;
    left: 0;
    top: 2px;
}
.slider-values{
    margin: 5px 0;
}
.form-content .input-group .input-field .slider-values > .input-field.col:nth-child(odd){
    padding-right: .5rem!important;
}
.form-content .input-group .input-field .slider-values > .input-field.col:nth-child(even){
    padding-left: .5rem!important;
}
.picker__header{
    margin-bottom: 1rem;
}
.autocomplete_entity_dropdown{
    background: #e6e8ed;
    border-radius: 8px;
    border-top: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 87px;
    transition: height .5s;
    width: calc(100% - 2rem)!important;
    z-index: 1001;
}
td .autocomplete_entity_dropdown{
    left: 0;
    top: 3rem;
    margin: 0!important;
    width: 100%!important;
}
.autocomplete_entity_dropdown.scrollbar{
    height: 250px!important;
}
.autocomplete_entity_dropdown.nolabel{
    top: 42px;
}
.advanced-search .autocomplete_entity_dropdown{
    width: calc(100% - 1rem)!important;
}
.autocomplete_entity_dropdown.active{
    border: 1px solid #e6e8ed;
    box-shadow: 0px 4px 6px rgba(0,0,0,.6);
}
.autocomplete_entity_result{
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
    color: initial;
    cursor: pointer;
    height: 54px;
    padding: 0 .5rem;
    text-align: left;
}
.autocomplete_entity_result:hover{
    background: #f2f2f2;
}
.autocomplete_entity_result span{
    line-height: 1rem;
}
.autocomplete_entity_dropdown img{
    height: 40px;
    width: 40px;
    margin-right: 1rem;
}

/* ADVANCED SEARCH */
.searchform{
    padding-bottom: .5rem;
/*    margin-top: 1rem;*/
}
.searchform.row{
    border: none!important;
}
.searchform .col{
    padding: 0 .5rem!important;
}
.advanced-search-buttons{
    margin-top: 28px!important;
}
.advanced-search-btn{
    margin-top: 20px;
}
.artworks-search .advanced-search-btn, .artworks-search .clear-btn{
    margin-top: 30px;
}
.clear-btn{
    display: inline-block;
    height: 30px;
    margin: 20px 1rem 0 3rem;
    width: 30px;
}
.clear-btn i{
    line-height: 30px;
}
.advanced-search-results{
    margin-top: .5rem;
}
.advanced-search-results tbody tr:hover{
    background: #9eaabc!important;
    color: #fff!important;
}
.advanced-search-results tbody tr:hover a:not(.galerist-blue-text){
    color: #fff!important;
}
.advanced-search-results table th.created a{
    width: 60px;
}
.advanced-search-results table th a:not(.entity-add-btn),
.advanced-search-results table th a:not(.entity-add-btn) i{
    display: inline;
}
.advanced-search-results table th span:not(.tick){
    display: inline-block;
    width: 120px;
}
.advanced-search-results tr.active{
    background: #4c5768!important;
    color: #fff!important;
}
.advanced-search-results tr.active a, .advanced-search-results tr.active:hover a{
    color: #fff!important;
}
.advanced-search-results tr.active [type="checkbox"] + label .tick{
    border : none;
}
.advanced-search-results tr.active:hover [type="checkbox"]:checked + label:before {
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.advanced-search-results tr>*:first-child .tick{
    padding-left: 18px!important;
}
.advanced-search-results label{
    height: 15px;
}
.advanced-search-results .selectable{
    cursor: default;
}
.thumb-link{
    display: inline-block;
/*    margin-right: .5rem;*/
    padding: .5rem;
}
.search-thumb{
    height: 50px;
    vertical-align: middle;
    width: 50px;
}
.related-items .status:not(.status_pin),
.advanced-search-results .status:not(.status_pin){
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 .5rem;
    min-width: 100px;
    max-width: 240px;
}
.left-align .status{
    margin: 0;
}
/*
.related-items .status{
    min-width: 100px;
    padding: 0 1rem;
    width: 100%;
}
.related-items p.status{
    display: inline-block;
}
*/
.related-items .status.select-ajax-form{
    padding: 0;
}
.online-bullet{
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    width: 12px;
}
.table-actions{
    border: 1px solid #4c5768;
    height: auto;
    left: auto!important;
    right: .5rem!important;
    max-height: fit-content;
    width: 250px!important;
}
.table-actions li{
    background: #fff;
    border-bottom: 1px solid #4c5768;
    font-size: 1rem;
    min-height: 42px;
    padding: 0;
}
.table-actions li:last-child{
    border-bottom: none;
}
.table-actions li a{
    font-size: 1rem;
}
.table-actions li.table-actions-name{
    padding: .5rem;
}
.list-entity-actions{
    cursor: pointer;
    display: block;
}
.list-entity-actions .actions{
    background: #fff;
    border: none;
    height: auto;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 27px;
    top: -8px;
    transition: width .2s, opacity .2s;
    width: 0;
}
.collection.actions .collection-item.active{
    background-color: initial;
}
#browse-list-content .collection-item.active,
#browse-list-content .collection .collection-item.active span:not(.object_sets):not(.order-status):not(.artwork_name),
#browse-list-content .collection .collection-item.active *:not(.object_sets):not(.artwork_name) i{
    color: inherit!important;
}
.list-entity-actions .actions>div{
    border: 1px solid #4c5768;
    border-style: solid none solid solid;
    width: 200px;
}
.advanced-search-results tr .list-entity-actions .actions a,
.advanced-search-results tr .list-entity-actions:hover .actions a{
    color: #4c5768!important;
}
.list-entity-actions:hover .actions{
    border-right: 1px solid #4c5768;
    display: block;
    opacity: 1;
    width: 200px;
    z-index: 1000;
}

/* ADRESSES */
.address-name{
    display: inline-block;
    padding-right: 0.7rem;
    text-align: left;
    vertical-align: middle;
}
.gmap-btn i{
    vertical-align: middle;
}

/* PANORAMA */
section.fullscreen .center,
section.fullscreen .center .popin-content,
section.fullscreen .center .panorama{
    height: 100%;
}
section.fullscreen .center .view{
    height: calc(100% - 130px);
}
section.fullscreen .center .entity-content{
    height: calc(100% - 50px);
}
section.fullscreen .center .paginator{
    display: none;
}
section.fullscreen .panorama{
    background: #000;
    height: 100%;
    left: 0!important;
    position: fixed;
    top: 0;
    width: 100%!important;
    z-index: 1001;
}
.panorama{
    border-bottom: 1px solid #4c5768;
}
.panorama-wrapper{
    background: #fff;
/*    border-radius: 8px 0 0 0;*/
    height: 100%;
    overflow: hidden;
}
section.fullscreen .panorama .panorama-wrapper{
    background: #000;
}
.panorama-elements{
    height: 25vw;
    padding: 0;
    z-index: 2;
}
section.fullscreen .panorama .panorama-elements{
    height: 100%;
    padding: 0;
}
.panorama-prev,
.panorama-next{
    cursor: pointer;
    height: 40%;
    opacity: 0.4;
    position: absolute;
    top: 30%;
    transition: all .3s;
    width: 40px;
}
.panorama-elements.infos_on .panorama-prev,
.panorama-elements.infos_on .panorama-next{
    display: none;
}
.panorama-prev{
    border-radius: 0 8px 8px 0;
}
.panorama-next{
    border-radius: 8px 0 0 8px;
}
.panorama-prev:hover,
.panorama-next:hover{
    background-color: #d0d3d8;
    opacity: 1;
}
.panorama-prev{
    left: 0;
}
.panorama-next{
    right: 0;
}
.panorama-prev i,
.panorama-next i{
    font-size: 4rem;
    filter: drop-shadow(2px 2px 0px #000);
}
.panorama-element{
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: all .3s;
    width: 100%;
}
.panorama-element.video{
    padding: 50px;
}
section.fullscreen .panorama-element.video{
    padding-bottom: 70px;
}
.panorama-element.active{
    opacity: 1;
    pointer-events: all;
}
section.fullscreen .panorama .panorama-element,
section.fullscreen .panorama .panorama-sort{
    left: 0;
    height: 100%;
    cursor: pointer;
    width: 100%;
}
.panorama-element-actions{
    bottom: 0;
    height: auto;
    left: 50%;
    overflow: hidden;
    position: absolute;
    transform: translate(-50%, 0);
    z-index: 2;
}
section.fullscreen .panorama-element-actions{
    display: none;
}
.panorama-element-actions > a{
    opacity: .6;
    padding: 1rem 0.5rem;
    text-shadow: 1px 1px 1px #000;
    transition: opacity .3s;
}
.panorama-element-actions > i:hover,
.panorama-element-actions > a:hover{
    opacity: 1;
}
.panorama-element-actions > i{
    font-size: 2.4rem;
    line-height: 2.4rem;
    border-radius: 50%;
}
.panorama-element-actions > a i{
    font-size: 2.4rem;
    line-height: 0;
}
.panorama-element-infos{
    background: rgba(255, 255, 255, .9);
    height: 100%;
    opacity: 0;
    text-align: center;
    transition: opacity .3s;
    padding: 3rem;
    pointer-events: none;
    width: 100%;
    z-index: 1;
}
.infos_on .panorama-element-infos{
    pointer-events: all;
}
section.fullscreen .panorama-element-infos{
    display: none;
}
.panorama-elements.infos_on .panorama-element-infos{
    opacity: 1;
    pointer-events: all;
}
.infos_off,
.infos_on .infos_on{
    display: none;
}
.panorama-elements.infos_on .infos_off{
    display: inline-block;
}
.panorama-element-infos header{
    height: auto;
    line-height: 0;
    padding: 5rem 0 3rem 0;
}
.panorama-element-infos .content{
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%; 
}
.panorama-element iframe{
    height: 100%;
    width: 100%;
}
.panorama-thumbs{
    height: 70px;
    padding: .5rem .5rem 0;
    z-index: 2;
}
section.fullscreen .panorama .panorama-thumbs{
    bottom: 0;
    left: 0;
    position: absolute;
}
.panorama-thumb{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 50px;
    min-height: 50px;
    margin-right: .5rem;
    opacity: .4;
    transition: all .3s;
    width: 50px;
    min-width: 50px;
}
.panorama-thumb:hover,
.panorama-thumb.active{
    opacity: 1;
}
.panorama-thumb:hover{
    border: 1px solid #000;
}
.panorama .files-upload-wrapper{
    color: #fff;
    height: 105px;
    margin: 0;
}
.panorama .files-upload-wrapper .dropzone a{
    color: #fff!important;
}
.panorama .files-upload-wrapper .dropzone a:hover{
    text-decoration: underline;
}
.panorama .files-upload-wrapper .dropzone i{
    font-size: 5rem;
    left: 0;
    margin: 0;
    opacity: .3;
    position: absolute;
    top: 0;
}
.panorama .files-upload-wrapper .dropzone .dz-preview{
    border-radius: 8px;
    height: 100%;
    margin: 0;
    padding: .5rem;
}
.panorama .files-upload-wrapper .dropzone .dz-preview .dz-image,
.panorama .files-upload-wrapper .dropzone .dz-preview .dz-image img{
    height: 95px;
    width: 95px;
}
.panorama .files-upload-wrapper .dropzone .dz-preview .dz-remove{
    display: none;
}
.panorama-sort{
    background: #fff;
/*    opacity: 0;*/
    left: 0;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
/*    padding: 49px 0 0;*/
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 1;
}
.panorama-sort.active{
    opacity: 1;
    z-index: 4;
}
.panorama-sort-header{
    font-size: 0.9rem;
    height: 49px;
    justify-content: center;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    top: 0;
    width: 100%;
}
.panorama-sort .sortable{
    flex-wrap: wrap;
}
.panorama-sort .sortable-artwork{
    margin: 0;
    height: 120px;
    min-height: 120px;
    width: 120px;
    min-width: 120px;
}
.panorama-sort .sortable-artwork>div{
    margin: 0;
    height: 100%;
    width: 100%;
}
.panorama-sort form{
    height: 100%;
}
.panorama-sort .form-content{
    padding: 0rem 1rem;
}
.panorama-sort .panorama-thumbs{
    background: #fff;
    bottom: 0;
    justify-content: center;
    height: 64px;
    position: absolute;
    width: 100%;
}
.panorama-element .card,
.panorama-element .card > div,
.panorama-element .card .card-image
{
    height: 100%;
}
.panorama-element .card .card-image{
    background-color: #000;
    background-size: contain;
    pointer-events: none;
}
.panorama-element .card-checkbox,
.panorama-element .card-status,
.panorama-element .card-content,
.panorama-element .price{
    display: none!important;
}
.panorama-element .card-content{
    background: rgba(0, 0, 0, .5);
    color: #fff;
    height: auto!important;
    left: 0;
    padding: .5rem;
    position: absolute;
    top: 0;
    width: 100%;
}
.panorama-element .card-content a{
    color: #fff!important;
}
.panorama-element .card-header .left > div{
    display: inline-block;
}
.image-type{
    font-size: 2.6rem;
    opacity: .7;
}
.file-position-delete-btn{
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
}
.panorama-actions{
    padding: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 5;
}
.panorama-actions .button,
.panorama-actions .button a{
    color: #fff!important;
    opacity: .7;
    transition: opacity .3s;
}
.panorama-actions .button:hover,
.panorama-actions .button:hover a{
    opacity: 1;
}
section.fullscreen .panorama .panorama-actions{
    background: transparent;
}
.panorama-actions .button{
    cursor: pointer;
    display: inline-block;
    padding: .5rem 0;
    text-align: center;
}
.panorama-actions .button i{
    font-size: 2.4rem;
    line-height: 0rem;
    margin-right: 0;
    filter: drop-shadow(2px 2px 0px #000);
}
section.fullscreen .panorama .panorama-actions .button i{
    color: #fff!important;
    filter: drop-shadow(2px 2px 0px #000);
}
.panorama .toggle-play{
    display: none;
}
.panorama.play iframe{
    pointer-events: none;
}
section.fullscreen .panorama .panorama-add-images,
section.fullscreen .panorama .add-video-btn,
section.fullscreen .panorama .button.toggle-sort{
    display: none;
}
section.fullscreen .panorama .button.toggle-play{
    display: inline-block;
}
.panorama .toggle-fullscreen i.off,
section.fullscreen .panorama .toggle-fullscreen i.on,
.panorama .toggle-play i.off,
.panorama.play .toggle-play i.on{
    display: none;
}
.panorama .toggle-fullscreen i.on,
section.fullscreen .panorama .toggle-fullscreen i.off,
.panorama.play .toggle-play i.off,
.panorama .toggle-play i.on{
    display: inline-block;
}
.panorama-actions .dropzone{
    height: auto;
    left: auto;
    min-height: auto;
    position: relative;
    top: auto;
}
.panorama-actions .dropzone i{
    margin: 0;
}
.panorama-actions .upload-wrapper{
    background: transparent;
    border-color: transparent;
    height: 50px;
    margin: 0;
    min-height: auto;
    min-width: auto;
    width: 50px;
    flex-grow: initial;
    transition: all .3s;
}
.panorama-actions .upload-wrapper:hover{
    background: rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.2);
}
.panorama-actions .upload-wrapper a{
    justify-content: center;
}
.panorama-actions .upload-wrapper .add-video-btn,
.panorama-actions .upload-wrapper .panorama-sort-btn{
    height: 100%;
}
.panorama-actions .upload-wrapper .dropzone i,
.panorama-actions .upload-wrapper .add-video-btn i,
.panorama-actions .upload-wrapper .panorama-sort-btn i{
    font-size: 3rem;
    margin: 0;
    position: absolute;
}
.panorama-save{
    bottom: 0;
    padding: 1rem;
    position: absolute;
    width: 100%;
}
.panorama-play-icon,
.panorama-pause-icon{
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    display: none;
    height: 8vw;
    justify-content: center;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 8vw;
}
section.fullscreen .panorama .panorama-play-icon,
section.fullscreen .panorama .panorama-pause-icon{
    display: flex;
}
.panorama-play-icon.animate,
.panorama-pause-icon.animate{
    animation: state_pulse .7s linear 0s 1 forwards;
}
@keyframes state_pulse{
    100%{
        background: rgba(255, 255, 255, .1);
        height: 8vw;
        opacity: 0;
        width: 8vw;
    }
    60%{
        background: rgba(255, 255, 255, .5);
        height: 8vw;
        opacity: 1;
        width: 8vw;
    }
    45%{
        background: rgba(255, 255, 255, .3);
        height: 8vw;
        opacity: 1;
        width: 8vw;
    }
    30%{
        background: rgba(255, 255, 255, .5);
        height: 4vw;
        opacity: 1;
        width: 4vw;
    }
    15%{
        background: rgba(255, 255, 255, .3);
        height: 6vw;
        opacity: 1;
        width: 6vw;
    }
    0%{
        background: rgba(255, 255, 255, .1);
        height: 3vw;
        opacity: 0;
        width: 3vw;
    }
}
.panorama-play-icon i,
.panorama-pause-icon i{
    color: #fff;
    font-size: 6rem;
}
/* FILES */
.generate-file-checkboxes p{
    display: inline-block;
    padding: 0 3rem .5rem 0;
}
.default-visuel-wrapper-content{
    padding: 1rem .5rem .5rem;
}
.entity-default-visuel,
.default-visuel-wrapper{
/*    margin-bottom: 1rem;*/
    padding: 0;
}
.default-visuel-wrapper, .default-visuel-wrapper-content{
    position: relative;
}
.default-visuel{
    background-position: center;
    background-repeat: no-repeat;
/*    background-size: cover;*/
    background-size: contain;
    background-color: #f2f2f2;
    border-radius: 8px;
    display: block;
    position: relative;
}
.default-visuel.bordered{
    border: 1px dashed #26a69a;
}
.default-visuel:before{
    display: block;
    content: "";
    padding-top: 100%;
}
.files-upload.default{
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
.dropzone.default .dz-preview{
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.dropzone.default .dz-image, .dropzone.default .dz-image img{
    border-radius: 8px;
    display: block;
    height: 100%;
    width: 100%;
}
.dropzone.default .dz-remove{
    position: absolute;
    right: .5rem;
    top: 0.3rem;
    z-index: 2001;
}
.files-upload.default.entity-buttons{
    position: fixed;
}
.files-upload.default a{
    width: 100%;
}
.popin .files-upload.default a{
    width: auto;
}
.files-upload.default a i{
    vertical-align: middle;
}
.default-preview, .default-preview .thumb{
    background-image: src('/img/thumbnail.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
    
.popin .default-preview .thumb{
    background-size: contain;
}
.default-visuel-btns{
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.default-visuel-btns .btn{
    margin-left: .3rem;
}
.upload-wrapper{
    background: #f2f2f2;
    border: 1px dashed #26a69a;
    border-radius: 8px;
    min-height: 160px;
    margin: 0px 0 .5rem 0;
    overflow: hidden;
    position: relative;
    flex-grow: 1;
    min-width: 160px;
}
.upload-wrapper>.row{
    margin-bottom: 0;
}
.dropzone{
    background: transparent;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    min-height: 50px;
    padding: 0;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
}
.files-wrapper .dropzone{
    min-height: 160px;
    position: relative;
}
.dropzone i{
    font-size: 8rem;
    margin: 0 1rem;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}
.dropzone .dz-message{
    display: flex!important;
    left: 0;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
}
.dropzone.dz-started .dz-message {
    display: none!important;
}
.dropzone .dz-message>div{
    text-align: center;
    width: 100%;
}
/* .files-wrapper .dropzone .dz-preview{
   display: none!important;
} */
.dz-preview.dz-image-preview{
    background-color: transparent;
}
.dz-preview .dz-remove{
    bottom: 6px;
    color: red!important;
    font-weight: 600;
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: 20;
}
.files-wrapper .files-upload{
/*    height: 100px;*/
    padding-top: 1rem;
    text-align: center;
    width: 100%;
}
.files-wrapper .files-upload .files-upload-btn{
/*    font-size: 1.1rem;*/
/*    height: 100px;*/
/*    line-height: 1.1rem;*/
    margin: 0 auto;
/*    padding: 24px 0;*/
/*    width: 100%;*/
}
/* .files-wrapper .files-upload .files-upload-btn i{
   font-size: 2.9rem;
} */
.file-wrapper{
    border-radius: 20px;
    display: inline-block;
    position: relative;
}
.file-wrapper.thumb .bg{
    background: transparent;
    height: 100%;
    left: 0;
    margin-left: 0;
    opacity: .5;
    position: absolute;
    transition: background .3s;
    top: 0;
    width: 100%;
}

.file-wrapper.thumb:hover .bg{
    background: rgba(255, 255, 255, .7);
    height: 100%;
}
.file-wrapper.related-document{
/*    border: 1px solid #000;*/
    border-radius: 8px;
    display: inline-block;
    height: 160px;
    margin-right: 1rem;
    overflow: hidden;
    text-align: center;
    width: 160px;
}
.file-wrapper.related-document .bg{
    background-size: contain;
    height: 100%;
    left: 0;
    margin-left: 0;
    opacity: .5;
    position: absolute;
    transition: opacity .3s;
    top: 0;
    width: 100%;
}
.file-wrapper.related-document:hover .bg{
    opacity: .2;
}
.file-wrapper.related-document .bg.pdf{
    background-image: url(../img/docpdf.png);
}
.file-wrapper.related-document .bg.doc,
.file-wrapper.related-document .bg.docx{
    background-image: url(../img/docword.png);
}
.file-wrapper.related-document .bg.ppt,
.file-wrapper.related-document .bg.pptx{
    background-image: url(../img/docpowerpoint.png);
}
.file-wrapper.related-document .bg.xls,
.file-wrapper.related-document .bg.xlsx{
    background-image: url(../img/docexcel.png);
}
.file-wrapper .file-category{
    position: absolute;
    text-align: center;
    width: 100%;
}
.file-wrapper .filename{
    color: #000!important;
    font-size: 1.1rem;
    line-height: 1rem;
    margin: 0 auto;
    padding: 0 .5rem;
    position: relative;
    text-align: center;
    word-break: break-word;
    z-index: 2;
}
.file-wrapper.related-document a{
    height: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.file-wrapper.related-document a strong{
    width: 100%;
}
.file-wrapper.related-document>div{
    height: 100%;
}
.image-make-default{
    border-radius: 50%;
    height: 24px;
    left: .5rem;
    line-height: 24px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: .5rem;
    width: 24px; 
}
.image-make-default i{
    color: #fff;
    font-size: 1.1rem;
    line-height: 24px;
    margin: 0 auto;
}
.document-published{
    right: .5rem;
    position: absolute;
    top: .5rem;
    z-index: 3;
}
.document-published i{
    font-size: 1.8rem!important;
}
.image-btns{
    bottom: 5px;
    right: 10px;
    position: absolute;
    text-align: left;
    z-index: 3;
}
.image-btns a{
    margin-left: .3rem;
}
.file-form,
.sortable-element,
.artworks-infos{
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    min-height: 100px;
    margin: 0 auto;
    padding: 1.5rem 0px;
}
.sortable-element.category{
    min-height: inherit;
    padding: 0;
}
.sortable-element.file-infos{
    border-bottom: 0;
    border-radius: 20px;
    padding: 0;
}
.files.valign-wrapper{
    flex-wrap: wrap;
    justify-content: space-between;
    grid-column-gap: .5rem;
    margin-bottom: -.5rem;
}
.files .form{
    background: #f2f2f2;
    border-radius: 20px;
    box-sizing: border-box;
    line-height: 0;
    min-height: auto;
    padding: 1rem;
}
.files .file-form{
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    display: inline-block;
    height: 160px;
    margin-right: 1rem;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 160px;
}
.files .file-infos{
    box-sizing: border-box;
    display: inline-block;
    height: 160px;
    margin: 0 0 .5rem 0;
    width: 160px;
}
.file-form.droparea{
    background-color: transparent!important;
    border-radius: 20px;
    box-sizing: border-box;
}
.popin .file-form{
    padding: 0;
}
.default-preview .file-form{
    height: 100%;
}
.file-form:last-child, .sortable-element:last-child, .artworks-infos:last-child{
    border-bottom: none;
}
.artworks-infos .col{
    padding: 0;
}
.artworks-infos .col .col .col{
    margin-bottom: 10px;
}
.file-form.edit{
    height: 100px!important;
}

.file-form.edit .file-infos,
.file-form .file-edit-inputs,
.file-form .file-save-btn,
.file-form.edit .file-edit-btn,
.file-form.edit .file-delete-btn,
.file-form .file-cancel-edit-btn{
    display: none;
}

.popin .file-form .file-infos .input-field,
.popin .file-form .file-infos .input-field input{
    margin-bottom: 1rem;
}
.file-form.edit .file-edit-inputs,
.file-form.edit .file-save-btn,
.file-form .file-edit-btn,
.file-form .file-delete-btn,
.file-form.edit .file-cancel-edit-btn{
    display: inline-block;
}
.related-events{
    padding: 1rem;
}
.related-events:nth-child(odd){
    background: #f2f2f2;
}
.related-events .event-infos{
    width: 100%;
}
.related-events .event-infos>div{
    display: inline-block;
}
.event-infos .thumb{
    height: 100px!important;
    margin-right: 1rem;
    width: 100px!important;
}
.event-infos .thumb a{
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.popin .file-form .form-content,
.popin .file-form .form-content .col,
.popin .file-form .form-content .row{
    height: 100%;
}
/*
.popin .file-infos{
    margin-top: 4rem!important;
}
*/
.file-form.edit .input-field{
    height: auto!important;
    padding: 0!important;
    margin-top: 20px;
}
.file-form .col.s5 .input-field{
    margin-right: 2rem;
}
.file-form .input-field input{
    margin-bottom: 0;
}
.file-form .input-field textarea{
    padding: 0;
    margin: 0;
}
.file-wrapper.docs{
    border: 1px solid #cfd8dc;
    line-height: 36px;
    margin: 0 10px 10px 0;
    padding: 0 10px;
}
.file-wrapper.docs.edit{
    padding-right: 90px;
}
.file-wrapper.docs.view-document, .file-wrapper.docs.download-document{
    font-size: .8rem;
    text-transform: none;
}
.file-wrapper.docs.view-document:hover, .file-wrapper.docs.download-document:hover{
    background: #cfd8dc !important;
}
.files-display-table tr td{
    cursor: pointer;
    padding: 0.75rem;
}
.files-display-table tr td:first-of-type{
    width: 80px;    
}
.file-wrapper.thumb{
    background-image: url('/img/thumbnail.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 160px;
    opacity: .6;
    transition: opacity .5s;
    vertical-align: top;
    width: 160px;
}
.file-wrapper.thumb:hover{
    opacity: 1;
}
.file-wrapper.thumb img{
    max-width: 100%;
}
.view-image, .edit-image{
    border-radius: 20px;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}
.img-actions, .docs-actions{
    padding: 10px;
    position: absolute;
    right:  0;
    top: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}
.img-actions a, .docs-actions a{
    margin: 0 0 0 10px;
}

/* PAGES / BLOCS */
.pages-list .btn{
    margin: 1rem;
}
.bloc{
    background-size: cover;
    border: none;
    height: auto;
    min-height: auto;
    padding: 0;
    position: relative;
}
.bloc-header{
    background: rgba(255, 255, 255, .6);
    height: 55px;
    line-height: 55px;
    padding: 0 1rem;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.bloc-body{
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}
.video-container{
    position: relative;
    padding-bottom: 45%!important;
}
.bloc .collapsible-header span{
    padding-left: 1rem;
}
.bloc-action-btns {
    padding-top: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
}
.bloc-action-btns form{
    display: inline-block;
    margin-right: 2rem;
}
.bloc_tabs{
    margin-bottom: 2rem;
}
.contentbloc{
    margin-bottom: 2rem;
    position: relative;
}
.contentbloc.col.s12.m6.xl4 {
    padding: 1rem;
}
.remove-bloc-tab{
    background: #fff;
    padding: 0rem .5rem;
    position: absolute;
    right: 1rem;
    top: -0.1rem;
}
.lang_content .sortable{
    border: 1px solid #9e9e9e;
    padding: 1rem 1rem 1rem 3rem;
}
.bloctab{
    position: relative;
}
.price-table{
    margin: 0;
    width: 100%;
}
.price-table tbody th{
    padding-right: 5rem;
}
.price-table thead th:not(:first-child),
.price-table tbody td{
    padding: .5rem 2rem;
}
/* ORDERS - CARTS */
.order-form tr{
    border-color: #fff!important;
}
.count-table td:not('.draghanle'):not('.action'){
    min-width: 150px;
}
.count-table td.thumb,
.count-table th.thumb{
    min-width: 150px;
    width: auto;
}
.labelicon img,
.count-table td.thumb img,
.count-table th.thumb img{
    border-radius: 10px;
    display: inline-block;
    height: 40px;
    margin: 0 .5rem;
    vertical-align: middle;
    width: 40px;
}
.labelicon img{
    margin: 0;
}
th.td-icon,
td.td-icon,
td.actions,
th.actions{
    min-width: 50px;
    text-align: center;
    width: 50px;
}
td.actions i{
    margin-right: 0;
}
.count-table td.total,
.count-table th.total {
    width: 200px;
}
th span,
td span:not(.status):not(.fc-event-dot):not(.tick){
    display: inline-block;
    line-height: 1rem;
    padding: .5rem 0;
    vertical-align: middle;
}
.accounting .count-table th:last-child,
.accounting .count-table td:last-child{
    width: 200px;
}
.form-content.order-form th .input-field,
.form-content.order-form td .input-field{
    font-weight: 400;
    margin: 0!important;
    padding: 0!important;
}
.count-table th.vat_type,
.count-table td.vat_type{
    max-width: 80px;
}
.count-table table.bordered > tfoot > tr {
    border-bottom: 1px solid #d0d0d0;
}
.count-table th,
.count-table td{
    border: 1px solid #d0d3d8;
}
.count-table .galerist-blue-light th,
.count-table .galerist-blue-light td,
.count-table tr.total td{
    border-color: #f2f2f2;
}
.count-table tr th:last-child,
.count-table tr td:last-child{
    font-weight: 500;
}
.count-table th i.material-icons{
    margin: 0 1rem 0 0!important;
}
table.count-table.highlight > tbody > tr:hover {
    background-color: #4c5768;
    color: #fff;
    font-weight: 500;
}
table.tdhighlight tbody td:hover,
table.tdhighlight tbody tr:hover th:first-child{
    background-color: #4c5768;
    color: #fff;
    font-weight: 500;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
}
table.tdhighlight tbody td:hover a{
    color: #fff!important;
}
.count-table tr.total{
    font-weight: 600;
}
.order-actions{
    display: inline-block;
    margin-bottom: .5rem;
}
.add-contact-wrapper{
    padding: 1rem;
}
.add-contact-wrapper i.huge{
    font-size: 10rem;
    opacity: .1;
}
.add-contact{
    background: rgba(255,255,255, .8);
    padding: 1rem 0;
}
.add-contact-infos{
    background: #f2f2f2;
    padding: .5rem;
}
.add-contact-infos>div{
    margin: 0 1rem;
}
.add-contact-infos>div i{
    margin-right: .5rem;
}
.add-contact-infos .thumb{
    border-radius: 8px;
    vertical-align: middle;
}
.popin .orders-contact-infos .delete-related-btn{
    display: none;
}
.pdf-btn{
    margin-left: 1rem;
}
.pdf-btn i{
    margin-left: 1rem;
}

/* TABLES */
td.address{
    padding: 1rem 0;
}
.address-checkbox{
     margin-top: 1.7rem;
}
table:not(.table-condensed) td.input{
    width: 160px!important;
}
table:not(.table-condensed) td.input .input-field{
    display: inline-block;
    width: 80px!important;
}
table:not(.table-condensed) td.input .input-field input{
    text-align: center;
}
table:not(.table-condensed) td.input .btn{
    margin-left: .5rem;
    vertical-align: text-top;
}
table:not(.table-condensed)>thead>tr,
table:not(.table-condensed)>tbody>tr{
    height: 50px;
    min-height: 50px;
}
table.table-condensed tr th,
table.table-condensed tr td
{
    padding: .5rem;
}
table.centered thead tr td,
table.centered tbody tr th{
    text-align: center;
}
table.centered thead tr th.right-align,
table.centered thead tr td.right-align,
table.centered tbody tr th.right-align,
table.centered tbody tr td.right-align{
    text-align: right;
}
table.centered thead tr th.left-align,
table.centered thead tr td.left-align,
table.centered tbody tr th.left-align,
table.centered tbody tr td.left-align{
    text-align: left;
}
table thead tr th:first-child:not(.center):not(.td_status),
table tbody tr th:first-child:not(.center):not(.td_status),
table tbody tr td:first-child:not(.center):not(.td_status)
{
    text-align: left;
}
table tr.vtop td{
    vertical-align: top;
}
table:not(.table-condensed) tbody tr td.draghandle,
.calendar table thead tr th:first-child{
    text-align: center!important;
}
table, thead, tbody, tr, th, tr{
    position: relative;
}
td, th {
    line-height: 1.2;
    padding: 0px .5rem;
}
td.entity_select, th.entity_select{
    padding: 0px 1rem;
}
tfoot th,
tfoot td{
    padding: .5rem 1rem;
}
th i.material-icons{
    margin-left: 0;
}
table a{
    display: inline-block;
}
table thead tr th.left-align,
table tbody tr td.left-align{
    text-align: left!important;
}
td.thumb, th.thumb {
    line-height: 0;
    padding: 0px;
/*    width: 100px;*/
}
table.image-table tbody tr{
    height: 100px;
}
.table-btns{
    margin-top: 0.4rem;
    padding: 0 0.75rem;
}
.table-btns .valign-wrapper>div{
    width: 100%;
}
.table-btns a, .table-btns button{
    margin: 3px;
}
.orders-table th:nth-child(even),
.orders-table td:nth-child(even){
    background: #f2f2f2;
}
/* CARDS */
.card > header{
    font-size: 1.2rem;
    padding: .5rem;
}
.card > footer{
    width: 100%;
}
.card .card-image .card-title{
    padding: 0 0 6px 12px;
}
.card-btns{
    bottom: -20px;
    position: absolute;
    right: 12px;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.card-btns .btn-floating{
    margin-left: 8px;
}

/* WEBSITE*/
.domain{
    font-family: Domaine Display narrow;
}
.template-img{
    width: 100%;
}
.tab-content .bloc-body .btn{
    background-color: rgba(0,0,0,.9);
    border: 1px solid #fff;
    border-radius: 0!important;
    box-sizing: border-box;
    color: #fff!important;
    cursor: pointer;
    font-size: .9rem;
    height: auto;
    line-height: 20px;
    min-height: 40px;
    padding: 10px 40px;
    transition: background .3s;
    -webkit-transition: background .3s;
    box-shadow: none;
    -webkit-box-shadow: none;
        
}
.tab-content .bloc-body .btn:hover, .tab-content .bloc-body .btn:focus, .tab-content .bloc-body .btn:active{
    background-color: rgba(255,255,255,.2);
    box-shadow: none;
    -webkit-box-shadow: none;
    
}
.tab-content .bloc-body .btn.white{
    background-color:rgba(255,255,255,1);
    border: 1px solid #000;
    color: #000!important;
}
.tab-content .bloc-body .btn.white:hover, .tab-content .bloc-body .btn.black:hover{
    background-color: #e9e9e9!important;
    color: #000!important;
}
.tab-content .bloc-body .btn.full{
    padding: 10px;
    width: 100%;
}
.tab-content .bloc-body .btn.full.black{
    border: 1px solid #000;
}
.tab-content .bloc-body .btn.noborder{
    border: none;
}
.tab-content .bloc-body .btn.small{
    padding: 10px;
}
.tab-content .bloc-body .row, .tab-content .bloc-body .col{
    margin: 0!important;
    padding: 0!important;
}
.rounded{
    border-radius: 20px;
}
.tab-content .bloc-body .bloc .imagetext{
    margin-top: 3rem;
}
.tab-content .bloc-body .textimage{
    width: 50%;
}
.tab-content .bloc-body .textimage img{
    width: 100%;
}
.tab-content .bloc-body .textimage.left{
    margin: -3rem 2rem 1rem 0;
}
.tab-content .bloc-body .textimage.right{
    margin: -3rem 0rem 1rem 2rem;
}
.tab-content .bloc-body .bloc p{
    text-align: justify;
}
/* ICONS */
.icon{
    background-image: url(/img/icons.png);
    background-size: 235px 110px;
    background-position: -5px -5px;
    display: inline-block;
    height: 30px;
    margin: 0 .5rem;
    position: relative;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
    vertical-align: top;
    width: 30px;
}
.fas{
    margin: 0 4px;
}
a.icon.rounded:hover,
a.icon.circle:hover,
.social-icon.rounded:hover,
.social-icon.circle:hover{
    background-color: #e9e9e9;
}
.icon.large{
    background-size: 470px 220px;
    background-position: -10px -10px;
    height: 60px;
    width: 60px;
}
.chat_icon{
    background-position: -435px -5px;
    margin: 0;
}
.user_icon:hover, .user_icon.active{
    background-position: -35px -5px;
}
.favorite_icon{
    background-position: -70px -5px;
}
.favorite_icon:hover, .favorite_icon.active{
    background-position: -100px -5px;
}
.cart_icon{
    background-position: -135px -5px;
}
.large.cart_icon{
    background-position: -270px -10px;
    margin-left: 1rem;
}
.large.heart_icon{
    background-position: -10px -80px;
}
.large.delivery_icon{
    background-position: -140px -80px;
}
.large.diploma_icon{
    background-position: -10px -150px;
}
.large.frame_icon{
    background-position: -270px -80px;
}
.large.fourteen_icon{
    background-position: -140px -150px;
}
.plane_icon{
    background-position: -35px -75px;
    margin: 0;
}
.mail_icon{
    background-position: -35px -40px;
    margin: 0;
}
.fr_icon{
    background-position: -435px -40px;
}
.en_icon{
    background-position: -435px -75px;
}
.lang{
    margin: 0;
}
.large.fb_icon{
    background-position: -200px -150px;
}
.large.tw_icon{
    background-position: -270px -150px;
}
.large.ig_icon{
    background-position: -330px -150px;
}
.share{
    margin-top: 2rem;
}
.social-icon{
    border: 1px solid #515151;
    display: inline-block;
    font-size: 1.2rem;
    height: 45px;
    line-height: 45px;
    margin: 20px;
    text-align: center;
    width: 45px;
}
.social-icon i:before{
    color: #515151;
}
.cgu-text{
    font-size: .7rem;
    padding: 1rem 0 2.5rem;
}
.banner{
    margin-bottom: 1rem;
}
.banner:before{
    content: '';
    display: block;
    padding-top: 60%;
}
form .banner:before{
    display: none;
}
.banner-image{
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.banner-image.active{
    opacity: 1;
}
#banner-buttons-wrapper{
    bottom: -2rem;
    left: 0;
    text-align: center;
    position: absolute;
    width: 100%;
}
.banner-buttons{
    display: inline-block;
    margin: 0 auto;
    padding: 0 1rem;
}
.banner-button{
    background: rgba(255, 255, 255, .3);
    background: rgba(0,0,0,.3);
    border: 1px solid rgba(0,0,0, .7);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 1rem;
    display: inline-block;
    height: 1rem;
    margin: .5rem .5rem .2rem;
    transition: all 1s;
    width: 1rem;
}
.banner-button.active,
.banner-button:hover{
    background: rgba(255, 255, 255, 1);
    background: rgba(0,0,0,.7);
}
.bg{
    background: #e9e9e9;
    height: -webkit-calc(100% - 400px);
    height: calc(100% - 2rem);
    left: 0;
    margin-left: 1rem;
    position: absolute;
    top: 0;
    width: calc(100% - 1rem);
    z-index: 1;
}
.no_bg{
    background: none!important;
}
.page-header{
    font-size: 2.6rem;
    margin-left: 4vw;
    padding: .5rem!important;
    position: relative;
    z-index: 2;
}
.full{
    position: relative;
    width: 100%;
}
.full .page-header{
    margin-left: 7.5vw;
}
.regular-header{
    margin: 1.6rem 0;
}
.small .page-header{
    font-size: 2.8rem;
    line-height: 2.3rem;
    padding: 1rem 0 2.3rem 3.5rem;
    position: relative;
}
.page-header .left, .page-header .right{
    display: inline-block;
    vertical-align: bottom;
}
.page-header .left{
    max-width: 35%;
}
.page-header .title{
    display: inline-block;
    font-weight: 800;
    font-size: 5.5vw;
    line-height: 7rem;
    margin-right: 1.5rem;
    vertical-align: baseline;
}
.page-header .description{
    color: #6d6d6d;
    display: inline-block;
    font-size: 1.3rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.5rem;
    vertical-align: baseline;
/*    width: 60%;*/
}
.page-header.filters .description{
    display: block;
    font-size: 1.1rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.4rem;
    width: auto;
}
.page-header span {
    font-size: 1.1rem;
    letter-spacing: 0.1em;
}
.grid{
    position: relative;
    z-index: 2;
}
.grid{
    line-height: 0;
    margin: 0 auto;
    width: calc(100%);
    width: -webkit-calc(100%);
}
.grid-sizer, .grid-item{
    box-sizing: border-box;
    margin-bottom: 50px;
    position: relative;
    text-align: center;
    width: calc(50% - 50px);
    width: -webkit-calc(50% - 50px);
}
.grid-item img{
    height: auto;
    width: 100%;
}
.grid-item.col.s12.m6 {
    padding: 3rem!important;
}
.grid-item .label{
    background: #fff;
    line-height: 1rem;
    font-size: .9rem;
    padding: 10px 20px;
    position: absolute;
    width: 210px;
}
.grid-item .label .artist-name, .grid-item .label .edition, .grid-item .label .price{
    font-weight: 700;
    padding: 0 0 6px;
}
.grid-item .label .edition, 
.grid-item .label .price{
    padding: 6px 0 0;
}
.grid-item .label-left{
    left: -20px;
}
.grid-item .label-right{
    right: -20px;
}
.grid-item .text,
.grid-item .imagetext{
    line-height: 1rem;
    text-align: center;
    width: 100%!important
}
.grid-item .center{
    margin: 0 auto;
}
.grid-item .imagetext .textimage{
    margin-bottom: .5rem;
}
.image-tag{
    background: #fff;
    color: #000;
    font-size: 1.5rem;
    font-weight: 800;
    height: 56px;
    left: -1rem;
    padding: 1rem;
    position: absolute;
    top: 80%;
}
.banner .tagline {
    background: #fff;
    height: 128px;
    font-size: .9rem;
    font-weight: 700;
    position: absolute;
    right: 3rem;
    top: calc(50% - 84px);
    top: -webkit-calc(50% - 64px);
    width: 128px;
}
.banner .tagline .content {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 100%;
}
.slider{
    height: initial;
}
.slider .slides-container{
    height: 100%;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}
.slider .slider-btn{
    cursor: pointer;
    display: block;
    height: 200px;
    position: absolute;
    text-align: center;
    top:0;
    width: 50px;
    z-index: 3;
}
.slider-btn img{
    position: absolute;
    top: 50%;
}
.slider .slider-btn.left-btn{
    left: 0;   
}
.slider .slider-btn.left-btn img{
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
}
.slider .slider-btn.right-btn img{
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.slider .slider-btn.right-btn{
    right: 0;   
}
.slider .slides{
    background-color: transparent;
    height: 100%;
    left: 0;
    margin: 0;
    position: relative;
    transition: left .3s;
    -webkit-transition: left .3s;
}
.slider .slides .slide{
    float: left;
    height: 100%;
    padding: 0 50px 20px 0;
    position: relative;
    width: 350px;
}
.slider .slides .slide .image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    width:100%
}
.slider .slides .slide .caption{
    background: #fff;
    bottom: 12px;
    color: #000;
    font-size: .8rem;
    font-weight: 700;
    height: 35px;
    line-height: 33px;
    margin-left: 12px;
    padding: 0 1rem;
    position: absolute;
}
#home-slider .slider-wrapper{
    background-color: #e9e9e9;
    height: 220px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#home-slider .slider{
    height: 220px;
    padding: 0 50px;
    position: absolute;
    top: -.5rem;
    width: 1450px;
}
#home-slider .slides{
    overflow: hidden;
}
#home-slider .fill-line{
    background-image: url(/img/line-fill.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 260px 260px;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}
#home-slider{
    margin-top: 1.5rem;
    padding: 80px 0 0 60px;
}
#home-slider .title{
    font-family: Domaine Display narrow;
    font-size: 2.5rem;
    font-weight: 500;
    left: 2vw;
    line-height: 3.2rem;
    position: absolute;
    top: 0;
}
#hors-cadre .content{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4rem 2rem 3rem;
    position: relative;
    width: 100%;
}
#hors-cadre .content .content-left, #hors-cadre .content .content-right{
    position: relative;
}
#hors-cadre .content .description{
    bottom: 0;
    max-width: 90%;
}
#hors-cadre .content .text{
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: justify;
}
#hors-cadre .content .text .name{
    display: inline-block;
    font-size: 5.7rem;
    line-height: 5rem;
    margin-left: -210px;
    margin-right: 1rem;
    vertical-align: top;
}
#hors-cadre ul{
    clear: both;
    color: #fff;
    margin: 3rem 0 0 -5px;
}
#hors-cadre ul li{
    cursor: pointer;
    display: inline-block;
    width: 110%;
}
#hors-cadre li:before{
    display: block;
    content: "+";
    float: left;
    padding: 0 1.5rem 1.8rem 0;
}
#hors-cadre li:after{
    display: block;
    content: "";
    clear:both;
}
#hors-cadre .content .details{
    color: #fff;
}
#hors-cadre .content .details>div{
    left: 0;
    opacity: 0;
    padding: 0;
    top: -2rem;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
}
#hors-cadre .content .details>div:not(:first-child){
    position: absolute;
    top: 0!important;
}
#hors-cadre .content .details>div.active{
    opacity: 1;
}
/* LE CLUB */
#club .content{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 150px 0 0;
    position: relative;
    width: 100%
}
#le-club-title{
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 9.4vw;
}
#club .content p{
    color: #fff;
    margin: 0 auto;
    width: 50%;
}
#club .content .btn{
    margin: 3rem 0;
}
#performance{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    padding: 40px 0;
}
#performance header{
    margin-bottom: 2rem;
}
#performance .content .col{
    height: 210px;
    margin-bottom: 4rem!important;
}
#performance .content .title{
    padding: 2rem 0 .5rem;
}
#performance .content .text{
    font-size: .9rem;
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 260px;
}
/* newsletter */
#newsletter img{
    width: 100%;
}
/* INSTAGRAM */
#instagram{
    padding-top: 10px
}
#instagram header{
    font-size: 1.8rem;
    padding: 0 0 3rem;
}
#instagram header span{
    font-size: 3.7rem;
    padding-bottom: 10px;
}
#instagram .images{
    line-height: 0;
    margin: 0 auto;
    width: 100%;
}
#instagram .images a{
    background-size: cover;
    display: inline-block;
    margin: .3rem;
    max-width: 100%;
    width: calc(30% - 2rem);
    width: -webkit-calc(30% - 2rem);
}
#instagram .images a:before{
    content: '';
    display: block;
    padding-top: 100%;
}
#instagram .images a img{
    width: 100%;
}
#instagram .btn{
    margin: 3rem 0;
}
.tab-content .bloc-body .col.bloc-artist{
    margin: 0 auto 1.5rem!important;
    padding: 0 .75rem!important;
    position: relative;
}
.tab-content .bloc>.text,
.collapsible-body .bloc>.text{
    padding: 0 3rem;
}
.tab-content div.bloc>div,
.collapsible-body div.bloc>div{
    margin-bottom: 2rem;
}
.tab-content div.bloc>div:last-child,
.collapsible-body div.bloc>div:last-child{
    margin-bottom: 0;
}
.bloc-artist-background{
    background-size:cover;
    left: 0;
    position: relative;
    top: 0;
    transition: transform .3s;
    -webkit-transition: transform .3s;
    width: 100%;
}
.bloc-artist-background:before{
    content: "";
    display:block;
    padding-top: 70%;
}
.bloc-artist .content{
    background: rgba(0,0,0,.2);
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    transition: background .3s;
    -webkit-transition: background .3s;
    width: calc(100% - 1.5rem);
    width: -webkit-calc(100% - 1.5rem);
}
.bloc-artist-name{
    background: rgba(242,242,242,.9);
    font-size: 1rem;
    margin: 0 auto;
    max-width: 80%;
    padding: 1.1rem 3.3rem;
    text-align: center;
}
.blochead{
    background: #eceff1;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    padding: 0 1rem;
    position: relative;
}
.blochead .entitybloc{
    position: absolute;
    right: 0.5rem;
    top: 8px;
}
.collapsible-body .bloc{
    padding-top: 2rem;
}
/* EVENTS */
.event{
    margin-bottom: 6rem;
}
.event .collection{
    border: none;
    overflow: visible;
}
.event .collection-item{
    background: transparent;
    border: 1px solid #e0e0e0;
    margin-bottom: 3rem!important;
    padding: 0!important;
    position: relative;
}
.event.collection-item .image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 140px;
}
.event header{
    padding: 1rem 0 0 2rem;
    position: relative;
}
.event header strong
{
    color: #8f8f8f;
    color: #000;
    font-size: 2rem;
    line-height: 3rem;
    position: relative;
    z-index: 3;
}
.event header .date{
    background: #f2f2f2;
    font-size: 1.4rem;
    margin: -1.5rem 0 0 3.6rem;
    padding: 1.5rem 0 1rem 1.5rem;
}
.event .content .text{
    font-size: .8rem;
    padding: 2rem 2rem 3rem!important;
    position: relative;
}
/* TEXTS MULTI BLOCS */
#bloc-tabs{
    padding: 0 3rem 3rem;
}
#bloc-tabs a{
    margin-right: 3rem;
}
.multitexts-bloc .links{
    margin-bottom: 30px!important;
}
.multitexts-bloc .links#about-links{
    padding-top: 0!important;
}
.multitexts-bloc .links a{
    border: 2px solid #f2f2F2;
    border-style: none none solid;
    color: #9e9e9e!important;
    display: inline-block;
    font-weight: 600;
    position: relative;
    white-space: nowrap;
}
.multitexts-bloc .links a.active, .multitexts-bloc .links a:hover{
    color: #000!important;
    font-weight: 600!important;
}
a .menu-line{
    background: #000;
    height: 2px!important;
    position: absolute;
    top: 50px;
    transition: width .3s;
    -webkit-transition: width .3s;
    width: 0!important;
}
a:hover .menu-line, a.active .menu-line{
    width: 100%!important;
}
.multitexts-bloc .links a .menu-line{
    position: relative;
    top: 2px;
}
.multitexts-bloc p{
    line-height: 1.5rem;
    text-align: justify;
}
/* CMS */
.cms-content{
    min-height: 1px;
}
.cms-content>div{
    display: none;
}
.cms-content>div.active{
    display: block;
}
.cms-template:hover{
    background: #f2f2f2;
}
.cms-template .row{
    padding: 0!important;
}
.cms-template{
    border: none;
    cursor: pointer;
    min-height: auto;
}
.cms-template .droparea .collapsible-header{
    border: none;
}
.cms-template .section-content{
    line-height: 1.3rem;
    padding: 1rem!important;
}
.template-text .section-content{
    padding: 1rem!important;
}
.template-text .wysiwyg-container{
    margin-bottom: 0;
}
.template-video .section-content iframe{
    pointer-events: none;
}
.cms-btns li{
    padding: .5rem;
}
.template-tabs .collapsible{
    padding: 1rem;
    pointer-events: none;
}
.cms-template .collapsible-body{
    background: transparent;
    border: none;
}
.lang-content-wrapper .lang{
    left: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transition: opacity .5s;
    top: 0;
}
.popin .lang-content-wrapper .lang{
    padding-bottom: 4rem;
}
.lang-content-wrapper .lang.active{
    opacity: 1;
    pointer-events: all;
    position: relative;
}
.switch-lang{
    margin-bottom: 1rem;
}
.popin .switch-lang{
    margin: .5rem .5rem .5rem 1rem;
}
.switch-lang,
.switch-cms-lang{
    display: inline-block;
}
.switch-lang .flag,
.switch-cms-lang .flag{
    background-size: contain;
    height: 28px;
    opacity: .3;
    transition: all .3s;
    width: 28px;
}
.switch-lang .flag:after,
.switch-cms-lang .flag:after{
    background-image: none;
}
.switch-lang .flag:hover,
.switch-lang .active .flag,
.switch-cms-lang .flag:hover,
.switch-cms-lang .active .flag{
    opacity: 1;
}
.form-content.select_currencies .input-group{
    background: transparent!important;
    opacity: 1;
}
.form-content.select_currencies .input-group .input-field{
    background: transparent;
    margin: 0!important;
    padding: 0!important;
    width: 100%;
}
.form-content.select_currencies .input-group .input-field input{
    background: #fff!important;   
}
.switch-currencies{
    background: rgba(144, 164, 174, .5)!important;
    border-radius: 0 8px 8px 0!important;
    position: absolute;
    right: 0;
    top: 0;
    width: 3rem;
}
.switch-currencies ul{
    min-width: 3rem !important;
}
.switch-currencies input{
    margin: 0!important;
    padding-left: 0.5rem!important;
}
.select-wrapper.switch-currencies input.select-dropdown{
    border-radius: 0 8px 8px 0!important;
}
.order-to-movement{
    padding: 0 0 3.5rem 0!important;
}
.order-to-movement .artwork-checkbox:not(.disabled){
    border-bottom: 1px solid #e7e7e7;
    padding: .5rem 1rem!important;
}
.order-to-movement .tick:before{
    top: 0!important;
    left: 0!important;
}
/*production costs*/
.edit-datas{
    cursor: pointer;
}
.certificate-checkbox .tick{
    padding-left: 2.8rem!important;
}
.certificate-checkbox .tick:before{
    margin-left: .2rem;
}
/* RESPONSIVE */
@media only screen and (min-width : 993px){
    nav .brand-logo {
        padding-left: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    html {
     font-size: 14px; 
    }
    .artworks-infos .col .col .col{
        margin-bottom: 0;
    }
}
@media only screen and (min-width : 1300px) {
    .grid-sizer, .grid-item{
        width: calc(33.33% - 50px);
        width: -webkit-calc(33.33% - 50px);
    }
}
@media only screen and (min-width : 1600px) {
    .grid-sizer, .grid-item{
        width: calc(25% - 50px);
        width: -webkit-calc(25% - 50px);
    }
}
@media only screen and (max-width : 1300px) {
/*
    #browse-list .collection a.collection-item.avatar{
        padding-left: 20px;
    }
    #browse-list .collection .collection-item.avatar img{
        display: none!important;
    }
*/
}
@media only screen and (max-width : 992px) {
    main>.row,
    .maincontent
    {
        height: calc(100% - 64px);
    }
    html {
     font-size: 14px; 
    }
    .sidenav{
        margin-top: 64px;
    }
    #slide-out li:first-child{
        display: none;
    }
    body>header, body>main, body>footer {
        padding-left: 0px!important;
    }
}
@media only screen and (max-width : 640px) {
    .grid-sizer, .grid-item{
        width: calc(100%);
        width: -webkit-calc(100%);
    }
}
.views{
/*    background: #fff;*/
    height: 36px;
    margin: 0;
}
.views>div{
    flex-grow: 1;
}
.views .sort-dropdown{
    background-color: #4c5768!important;
    color: #fff!important;
    padding: .5rem 2rem .5rem .5rem;
    width: 100%;
}
.views .sort-dropdown .caret{
    position: absolute;
    right: 0;
    top: 0;
}
.views ul li{
    padding: 0 1rem;
}
.views .sort-select ul li{
    background-color: #f2f2f2;
    border-bottom: 1px solid #4c5768;
    padding: 0 .5rem;
}
.views .sort-select ul li:last-child{
    border-bottom: none;
}
.views .sort-select ul li:hover{
    background-color: #d0d3d8;;
}
.views .sort-select ul li a{
    margin-left: 1rem;
    padding: 0;
}
.views .sort-select ul li a:hover{
    color: #039be5!important
}
.views .sort-select ul li a i{
    float: none;
    margin: 0;
    position: relative;
    right: auto;
    width: auto;
}
.views .toggle-view{
    text-align: center;
    height: 36px;
    width: 36px
}
.views .toggle-view i{
    line-height: 36px;
    font-size: 1.8rem;
    transition: all .1s;
    margin: 0;
}
.views .toggle-view.active{
    background: #4c5768;
    width: 42px
}
.views .toggle-view.active i{
    color: #fff;
/*    font-size: 2.3rem;*/
}
.views .select-wrapper{
    margin: 0!important;
}
.views .select-wrapper > input{
    height: 36px;
    margin: 0!important;
    padding: 0 .5rem;
}
.card{
    margin: 0;
}
/* .card.selected{
   background: #4c5768;
   color: #fff;
} */
.card.selected:after{
    background: transparent;
    border: 1rem solid #009688;
    border: 1rem solid #4c5768;
    content: "";
    display: block;
    height: 100%;
    left: 0;
/*    opacity: .5;*/
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .2s;
    width: 100%;
}
.card:hover.selected:after{
    left: -1px;
    width: calc(100% + 1px);
}
.card>div{
    background: #fff;
    color: #4c5768;
    transition: all .2s;
}
.card .card-content{
    height: 160px;
}
#browse-list #browse-list-content .cards .card .card-content{
    height : auto;
}
.card-header .left{
    width: 85%;
}
.card-header:after{
    content: "";
    display: block;
    clear: both;
}
.card-header .name{
    line-height: 1.4rem;
}
.card-header .inventory_number{
    flex-grow: 1;
    font-size: 1rem;
}
.card-header .name{
    font-size: 1.2rem;
}
.card .card-checkbox{
    display: inline-block;
    left: 1rem;
    position: absolute;
    top: 1rem;;
}
.card .card-checkbox > p{
    width: 24px;
    height: 24px;
    opacity: 0;
    padding: 4px;
    transform: scale(1.2);
    transform-origin: top left;
}
.card.selected .card-checkbox > p{
    opacity: 1;
}
.card.selected .card-checkbox > p{
    background: transparent;
}
.card .card-toggle-checkbox{
    cursor: pointer;
}
.card .card-image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 65%;
}
.card .card-sale-infos{
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}
.invoice-artwork .price,
.card .price{
    bottom: 1rem;
    font-size: 1.3rem;
    position: absolute;
    transition: all .2s;
    right: 1rem;
}
.invoice-artwork .name{
    font-size: 1.5rem;
}
.card.selected .price{
    bottom: 2rem;
    right: 2rem;
}
.card .card-status{
    pointer-events: none;
    position: absolute;
    right: 2rem;
    top: 2rem;
    transition: all .2s;
    min-width: 150px;
}

.card.selected .card-status{
    right: 3rem;
    top: 3rem;
}
.card .card-status p{
    display: inline-grid;
}
.card .card-status.edition-status p{
    min-width: 150px;
}
.edition-icon{
    margin: 0 auto;
}
.card .edition-icon{
    float: right;
}
.edition-icon i{
    line-height: 1;
    margin: 0;
}
.card .edition-icon i{
    font-size: 2rem;
}
.edition-icon span{
/*    display: none!important;*/
    font-weight: 500;
    padding-left: .5rem!important;
    vertical-align: middle;
}
.card .card-content {
    padding: 1rem 0 1rem 1rem;
}
.card .card-content .card-element-infos{
    padding-top: .5rem;
}
#browse-list.hovered,
#browse-list.hovered #browse-list-content .cards > .content{
    margin-left: -610px;
    padding-left: 610px;
    width: 890px;
}
#browse-list.hovered .collection{
    overflow: visible;
}
/* #browse-list.hovered .collection .content{
   z-index: 3;
} */
/*
#browse-list.hovered #browse-list-content .cards > .content{
    height: calc(100% - 156px + 25px);
    margin-left: -610px;
    margin-top: -25px;
    padding-left: 610px;
    padding-top: 25px;
    width: 890px;
}
*/
#browse-list #browse-list-content .cards .collection-item > *{
    pointer-events: none;
}
#browse-list #browse-list-content .cards .collection-item.hovered{
    z-index: 1;
}
#browse-list #browse-list-content .cards .collection-item.hovered{
    z-index: 12;
}
#browse-list #browse-list-content .cards .collection-item .card{
    background: #fff;
/*    display: none;*/
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 275px;
    top: -20px;
    width: 600px;
}
#browse-list #browse-list-content .cards .collection-item .card.image-card:before{
    content: "";
    display: block;
    padding-top: 90%;
}
#browse-list #browse-list-content .cards .collection-item.hovered:not(.dragactive) .card{
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px -2px 5px rgba(0, 0, 0, 0.3);
    display: block!important;
    opacity: 1;
    transition: opacity .3s;
    transition-delay: .3s;
    padding: .5rem;
    pointer-events: all;
}
#browse-list #browse-list-content .cards .collection-item .card > div{
    padding: 1rem;
    width: 100%;
}
#browse-list #browse-list-content .cards .collection-item .card.image-card > div{
    height: 100%;
    left: 0;
    padding: 1rem;
    position: absolute;
    top: 0;
    width: 100%;
}
#browse-list #browse-list-content .cards .collection-item .card .card-image{
    height: 65%;
}
#browse-list #browse-list-content .cards .collection-item .card .name i{
    font-size: 1.3rem;
    line-height: 1.3rem;
    vertical-align: middle;
    width: auto;
}
#browse-list #browse-list-content .cards .collection-item .card .card-content .status{
    padding: 0 2rem;
}
#browse-list #browse-list-content .cards .collection-item .card tr{
    color: #4c5768!important;
}
.cards.row>div{
    margin-bottom: 1rem;
}
.cards.row>div .card{
    transition: all .2s;
}
.cards.row>div.col.s12 .card:before{
    content: "";
    display: block;
/*    padding-top: 45%;*/
    padding-top: 35vw;
}
.cards.row>div.col.s12.l6 .card:before{
/*    padding-top: 85%;*/
    padding-top: 30vw;
}
.cards.row>div.col.l4 .card:before{
/*    padding-top: calc(110%);*/
    padding-top: 25vw;
}
/* .cards.row>div.col.s12.l4:nth-child(3n+2) .card:before{
   padding-top: calc(110% + 2rem);
} */
.cards.row>div.col.s12.l3 .card:before{
/*    padding-top: 145%;*/
    padding-top: 25vw;
}
/* .cards.row>div.col.s12.l3:nth-child(4n+1) .card:before{
  padding-top: calc(145% - 21px);
} */
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card:after{
    border-width: 15px;
}
.cards.row>div .card > div{
    height: 100%;
    left: 0;
    padding: 1rem;
    position: absolute;
    top: 0;
    width: 100%;
}
.cards.row>div .card.selected > div{
    padding: 2rem;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card .card-status{
    top: 1rem;
    right: 1rem;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card.selected .card-status{
    top: 2rem;
    right: 2rem;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card .edition-icon,
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card .card-header>div{
    float: none!important;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card .edition-icon i{
    font-size: 1.4rem;
    line-height: 1;
    margin: 0;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card .edition-icon span{
    display: inline-block!important;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card-image{
    height: 100%;
    width: 60%;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card-content{
    padding: 2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 40%;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card-content a{
    font-size: 1.2rem;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card-content .name a{
    font-size: 1.6rem;
    padding: .1rem 0;
}
.cards.row>div.col.s12:not(.l6):not(.l4):not(.l3) .card .price{
    font-size: 1.5rem;
}
.cards.row>div.col.s12.l6:nth-child(odd){
    padding: 0 .5rem 0 0;
}
.cards.row>div.col.s12.l6:nth-child(even){
    padding: 0 0 0 .5rem;
}
.cards.row>div.col.s12.l4:nth-child(3n+1){
    padding: 0 .66rem 0 0;
}
.cards.row>div.col.s12.l4:nth-child(3n+2){
    padding: 0 .33rem;
}
.cards.row>div.col.s12.l4:nth-child(3n+3){
    padding: 0 0 0 .66rem;
}
.cards.row>div.col.s12.l3:nth-child(4n+1){
    padding: 0 .75rem 0 0;
}
.cards.row>div.col.s12.l3:nth-child(4n+2){
    padding: 0 .5rem 0 .25rem;
}
.cards.row>div.col.s12.l3:nth-child(4n+3){
    padding: 0 .25rem 0 .5rem;
}
.cards.row>div.col.s12.l3:nth-child(4n+4){
    padding: 0 0 0 .75rem;
}
.cards.row>div.col.s12.l6 .card:hover,
.cards.row>div.col.s12.l4 .card:hover,
.cards.row>div.col.s12.l3 .card:hover{
    transform: scale(1.02);
}
.col.s12.l6 .card .price,
.col.s12.l6 .card .name{
    font-size: 1.2rem;
}
.col.s12.l4 .card .name,
.col.s12.l4 .card .price,
.col.s12.l3 .card .name,
.col.s12.l3 .card .price{
    font-size: 1.1rem;
}
/* POPIN PDF */
.select-editions-infos ul.collection li.collection-item{
    height: 36px;
    line-height: 36px;
    min-height: 36px;
}
.form-content .input-group .select-editions-infos .input-field,
.form-content .input-group .select-editions-infos .input-field p
{
    height: 100%;
    width: 100%;
}
.form-content .input-group .select-editions-infos .item p,
.form-content .input-group .select-editions-infos .item p label,
.form-content .input-group .select-editions-infos .item p label span{
    font-weight: 500;
    height: inherit;
    line-height: inherit;
    padding: 0;
}
.form-content .input-group .select-editions-infos .item p{
    flex-grow: 1;
    margin: 0;
    padding: 0 .5rem;
}
.form-content .input-group .select-editions-infos .item p label,
.form-content .input-group .select-editions-infos .item p label span{
    width: 100%;
}
.form-content .input-group .select-editions-infos .item p label span.tick:before,
.form-content .input-group .select-editions-infos .item p label span.tick:after{
    left: auto;
    top: 8px;
}
.form-content .input-group .select-editions-infos .item p label span.tick:before{
    right: 10px;
}
.form-content .input-group .select-editions-infos .item p label span.tick:after{
    right: 0;
}
.form-content .input-group .select-editions-infos .item p label [type="checkbox"] + span{
    opacity: .4;
}
.form-content .input-group .select-editions-infos .item p label [type="checkbox"]:checked + span{
    color: initial;
    opacity: 1;
    line-height: 34px;
}
.form-content .input-group .select-editions-infos .item p label [type="checkbox"]:not(:checked) + span{
    line-height: 34px;
}
.form-content .input-group .select-editions-infos .input-field{
    padding: 0!important;
}
.form-content .input-group .select-editions-infos .input-field.radio-field.inline p{
    display: inline-block;
}
.form-content .input-group .select-editions-infos .input-field.radio-field.inline p label{
    padding: 0 2rem 0 0;
}
.form-content .input-group .select-editions-infos .input-field.radio-field p{
    display: block;
    margin: 0;
}
.form-content .input-group .select-editions-infos .row .col:nth-child(odd){
    padding-right: .5rem!important;
}
.form-content .input-group .select-editions-infos .row .col:nth-child(even){
    padding-left: .5rem!important;
}

.selected-categories{
    padding: 0 1rem;
}
.selected-categories .chip{
    outline: none;
    background-color: #26a69a;
    color: #fff;
}
.categories{
    width: 250px;
    padding: 0;
    margin: 0;
}
.filters-links .categories,
.filtersearch .categories{
    width: 100%;
    padding: 0;
}
.categories ul{
    margin: 0;
    transition: all .3s;
    max-width: 100%;
    width: 250px;
}
.categories.form-categories ul{
    min-width: 250px;
}
.categories.select-categories ul.subcategories{
    max-width: none;
}
.categories.select-categories ul.subcategories.short{
    width: 100px;
}
.filters-links .categories ul,
.filtersearch .categories ul{
    background: #fff;
    box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, .5)!important;
    width: 100%;
}
.categories.form-categories li{
    border: 1px solid #f2f2f2;
    transition: opacity .3s;
}
.categories.select-categories li .subcategories{
    display: none;
/*    left: 75%;*/
    position: absolute;
}
.categories.select-categories li:hover > .subcategories{
    display: initial;
}
.categories li.category-header,
.categories li.active{
    background: #4c5768!important;
    color: #fff;
    font-weight: 500;
}
.categories.form-categories ul:not(.active) li:not(.active) > *{
    opacity: .5;
}
.categories.form-categories ul:not(.active) .add-category{
    opacity: .5;
}
.categories.form-categories ul .add-category a{
    display: inline-block;
}
.categories.form-categories ul:not(:hover) .add-category a{
    background: #e5e5e5!important;
    color: #4c5768!important;
}
.categories ul .category-header span{
    display: inline-block;
    max-width: calc(100% - 60px);
    overflow: hidden;
}
.categories ul .category-header a{
    transition: all .3s;
}
.categories ul:not(:hover) .category-header a{
    opacity: 0;
}
.categories div:not(.category){
    padding: 0 .5rem;
}
.categories .category{
    background: #fff;
    cursor: pointer;
    display: block;
    height: 42px;
    line-height: 40px;
}
.categories .category.category-header{
    cursor: initial;
}
.categories.form-categories .category{
    transition: all .3s;
}
.select-categories .category{
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    z-index: 1;
}
.select-categories .category:hover{
    z-index: 2;
}
.categories .category > *{
/*    display: inline;*/
    display: inline-block;
    white-space: nowrap;
}
.categories-wrapper .lens,
.categories .category .lens{
    display: inline;
    font-size: 0.8rem;
}
.categories .category.selected > div > .lens{
    display: inline;
}
/*
.categories ul.subcategories.short > li > div > .arrow{
    display: none;
}
*/
.categories .category.category-header,
.categories .category:not(.category-header) > a
{
    padding: 0 .5rem;
}
.categories .category:not(.category-header) > div,
.categories .category:not(.category-header) > a{
    overflow: hidden;
    width: 100%;
}
.categories .category:not(.active):not(.category-header):hover{
    background: #f2f2f2;
    color: #4c5768;
}
.tasks-wrapper{  
    bottom: 0;
    height: 60px;
    left: 0;
    padding: 10px;
    position: absolute;
    width: 60px;
    z-index: 2000;
}
.tap-target-wrapper{
    z-index: 2000;
}
.tap-target{
    border-radius: 8px;
    overflow: hidden;
}
.tap-target-content {
    display: block;
    height: 430px!important;
    inset: 0px 0px 0px 370px!important;
    padding: 0!important;
    position: absolute;
    width: 430px!important;
}
.tap-target-content header{
    height: 3rem;
    padding-left: 1rem;
}
.files-download-wrapper{
    height: calc(100% - 3rem);
    width: 100%;
}
.files-download-wrapper ul{
    margin: 0;
    margin-bottom: 5rem;
}
.files-download-wrapper ul li{
    border-bottom: 1px solid #f2f2f2;
    padding: 1rem;
}
.files-download-wrapper ul li .thumb-link{
    padding: 0 1rem 0 0;
}
.files-download-wrapper ul li .remove-download{
    margin-left: .5rem;
    transform: rotate(45deg);
}