body {
    min-height: 100%;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #ECECEC inset !important;
}

.ui.form .field.field input:-webkit-autofill,
.ui.form .field.field input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #ECECEC inset !important;
}

.main.container {
    margin-top: 7em;
}

div.header {
}

.hidden {
    display: none;
}

.bold {
    font-weight: bold;
}

.float_right {
    float: right;
}

.clear {
    clear: both;
}

.yspacer {
    height: 10px;
}

p {
    font-size: 1rem;
}

p.disabled {
    opacity: 0.65;
    color: rgba(40, 40, 40, 0.3);
    font-size: 1rem;
}

.icon.link {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ARROWS */

a.arrow_up {
    display: inline-block;
    padding-bottom: 2px;
}

div.arrow_up {
    width: 10px;
    height: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #4D4D4D;
    margin-left: 14px;
    cursor: pointer;
}

a.arrow_up.active {
    display: inline-block;
    padding-bottom: 2px;
}

div.arrow_up.active {
    width: 10px;
    height: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #9AAF0A;
    margin-left: 14px;
    cursor: pointer;
}

a.arrow_down {
    display: inline-block;
    padding-top: 2px;
}

div.arrow_down {
    width: 10px;
    height: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #4D4D4D;
    margin-left: 14px;
    cursor: pointer;
}

a.arrow_down.active {
    display: inline-block;
    padding-bottom: 2px;
}

div.arrow_down.active {
    width: 10px;
    height: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #9AAF0A;
    margin-left: 14px;
    cursor: pointer;
}

/* Home */
.app_content {
    padding-top: 39px;
}

.app_content div.clients,
.app_content div.books {
    height: calc(100vh - 39px);
    background-color: white;
}

/*  Books filters  */
.books .filters span.filter_value, .clients .filters span.filter_value {
    padding-left: 5px;
    color: #9AAF0A;
}

.books .filters .active.title .more_filters_title:after, .clients .filters .active.title .more_filters_title:after {
    content: 'Moins de filtres';
}

.books .filters .title .more_filters_title:after, .clients .filters .title .more_filters_title:after {
    content: 'Plus de filtres';
}

.books .filters .active.title .active_filters, .clients .filters .active.title .active_filters {
    display: none;
}

.books .filters .title .active_filters, .clients .filters .title .active_filters {
    padding-left: 8px;
    color: #9AAF0A;
}

.books .filters .float_right, .clients .filters .float_right {
    float: right;
    padding-right: 8px;
}

.books .filters .clear, .clients .filters .clear {
    clear: both;
}

.books .filters .float_right a, .clients .filters .float_right a {
    padding: 0 2px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/* Books table pagination */
div.pagination div.left_pagination {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

div.pagination div.left_pagination div.ui.dropdown {
    height: 24px;
    color: #4d4d4d;
    background-color: rgba(221, 221, 221, 0.23);
    margin: 0 21px;
    padding: 0 6px;
    display: flex;
    align-items: center;
}

div.pagination div.right_pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

div.pagination div.right_pagination div.buttons {
    display: flex;
    align-items: center;
    background-color: rgba(221, 221, 221, 0.23);
    margin-left: 21px;
    color: #4d4d4d;
}

div.pagination div.right_pagination div.buttons a {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    color: #a3a3a3;
}

div.pagination div.right_pagination input.pagination_input {
    width: 42px;
    height: 24px;
    color: #a3a3a3;
    text-align: center;
    background-color: #ececec;
}

/* Catalog input file zone */
.catalog .filezone {
    height: 109px;
    border: solid lightgray 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.catalog .filezone .publish {
    transform: rotate(180deg);
    font-size: 24px;
}

.catalog .filezone .placeholder {
    color: #0aa9cb;
}

.catalog .filezone .filename {
    color: green;
}

.catalog .filezone_image {
    height: 109px;
    border: solid lightgray 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog .filezone_image button {
    border: none;
    background: none;
    cursor: pointer;
}

.catalog .filezone_image i {
    font-size: 24px;
}

.catalog .sticky_content {
    padding-bottom: 78px;
}

.catalog .sticky_buttons, .price-revision .sticky_buttons {
    width: 100%;
    height: 48px;
    background-color: #ffffff;
    box-shadow: 0.5px 0.8px 8px 0 rgba(0, 1, 1, 0.36);
    position: fixed;
    left: auto;
    right: auto;
    top: auto;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 100;
}

/* ORDERS SCREEN  */

div.ui.container.orders {
    margin-top: 18px;
}

/* STOCKS SCREEN  */

div.ui.container.stocks {
    margin-top: 18px;
}

/* EXPORTS SCREEN  */

div.ui.container.exports {
    margin-top: 18px;
}

/* IMPORTS SCREEN  */

div.ui.container.imports {
    margin-top: 18px;
}

/* LOGIN SCREEN  */

.ui.container.login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 80px);
}

.login .ui.centered.header,
.login .ui.center.aligned.header {
    margin-bottom: 64px;
    font-size: 26px;
}


/* Diffusion lists */
.DiffusionLists .segments {
    border-bottom: none;
    box-shadow: none;
    border-radius: 0;
}

.DiffusionLists .segments > .segment {
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.DiffusionLists .segments > .segment.active {
    background: rgba(10, 169, 203, 0.1);
}

.DiffusionLists .segments > .segment:last-of-type {
    text-align: right;
}

.DiffusionLists .segments > .segment > .label {
    flex-grow: 1;
    padding: 0.5em;
}

.DiffusionListEditor {
    padding-bottom: 35px;
}

.DiffusionListEditor .sticky-footer {
    position: fixed;
    bottom: 0;
    width: 300px;
    background: white !important;
}


/* ADMIN SCREEN  */

.ui.container.admin {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 80px);
}

.admin .ui.centered.header,
.admin .ui.center.aligned.header {
    margin-bottom: 24px;
    font-size: 22px;
}


/* Books editor */

.BookEditorWrapper {
    background-color: #E5E5E5;
    padding: 1.5em 0;

}

.BookEditorWrapper .ui.container {
    background-color: #F5F5F5;
    padding: 2em;
    border-radius: 10px;
}

.BookEditorWrapper .ui.container .Header .Title {
    text-transform: uppercase;
    margin-bottom: 1em;
}

.Editor-buttons {
    margin: 1.5em 0;
}
.Editor-buttons:last-child {
    margin-bottom: 0;
}
.Editor-buttons .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.BookEditorWrapper .ui.list {
    margin: 0.3em 0 0 0;
}
.BookEditorWrapper .ui.list .item {
    color: #4d4d4d;
    font-weight: bold;
    padding: 1px 0.5em;
}

.BookEditorWrapper .ui.list .item i.icon {
    color: #F27E26;
}

.BookEditorWrapper .toggle-checkbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-bottom: 7px;
}

.BookEditor .content .dividing.title {
    background-color: #9AAF0A;
    border-radius: 8px;
    padding: 1em;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    margin-bottom: 2em;
    align-items: center;
    font-size: 16px;
}

.BookEditor .content .dividing.title img {
    margin-right: 1em;
}

/* Book page */

.book_wrapper {
    background-color: #ececec;
    padding: 2em 3em;
}

.book_wrapper .header {
    display: flex;
    flex-direction: row;

}

.book_wrapper .header .title {
    color: #4D4D4D;
    font-family: Alegreya;
    font-size: 36px;
    font-style: italic;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.book_wrapper .header .link_button {
    font-weight: bold;
    opacity: 50%;
}

.book_wrapper .content .left.content {
    display: flex;
    flex-direction: column;
}

.book_wrapper .content .right.content {
    display: flex;
    flex-direction: column;
}

.book_wrapper .content .block_informations {
    background-color: #F5F5F5;
    padding: 1em;
    border-radius: 10px;
    margin-bottom: 1em;
    font-size: 14px;
}

.book_wrapper .content .block_informations .block-header {
    color: #4D4D4D;
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.book_wrapper .content .block_informations .block-header img {
    margin-right: .5em;
}

.book_wrapper .content .block_informations .block-header .button {
    margin-left: auto;
    margin-right: 0;
}

.book_wrapper .content .block_informations .table_header {
    color: #4D4D4D;
    font-family: Lato;
    font-size: 15px;
    font-weight: bold;
    margin: 1rem 0;
}

.book_wrapper .content .block_informations .table {
    margin: 1rem 0;
    background-color: #F5F5F5;
    border: 0;
}

.book_wrapper .content .block_informations .table tr td:first-child {
    min-width: 10em;
    max-width: 10em;
    width: 10em;
}

.book_wrapper .content .block_informations .table tr td {
    border: 0;
}

.book_wrapper .content .block_informations .table tr:nth-child(even) {
    background-color: #FAFAFA;
}

.book_wrapper .content .block_informations .table tr:nth-child(odd) {
    background-color: #F5F5F5;
}
.book_wrapper .content .block_informations .Big-Illustration{
    position: relative;
}
.book_wrapper .content .block_informations .Big-Illustration .previous {
    position: absolute;
    left: 0;
    top: calc(50% - 21px);
    z-index: 10;
}

.book_wrapper .content .block_informations .Big-Illustration .next {
    position: absolute;
    right: 0;
    top: calc(50% - 21px);
    z-index: 10;
}

.book_wrapper .content .block_informations .Big-Illustration .search.plus.icon {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 10;
    color: #F27E26;
}

.book_wrapper .content .status_dropdown {
    background-color: #F27E26;
    color: white;
}

.book_wrapper .content .status_dropdown:hover {
    background-color: #F27E26;
    color: white;
}

.book_wrapper .content a {
    color: #555555;
}

/* Books table */
.books_table .table_header {
    margin-bottom: 0;
}

.books_table .top {
    padding: .5em 0;
}

.books_table .table_header .title {
    color: #4D4D4D;
    font-family: Alegreya;
    font-size: 36px;
    font-style: italic;
    letter-spacing: 0;
}

.books_table .menu_bar {
    background-color: #F2F4F6;
    margin: 0;
}

.books_table .menu_bar .column {
    padding: .5rem 1rem !important;
}

.books_table .menu_bar .ui.large.basic.primary.icon.button {
    box-shadow: none !important;
    font-weight: bold;
}
.books_table .menu_bar .ui.large.basic.primary.icon.button img{
 margin-right: .2em!important;
}

.books_table .date-div {
    display: flex;
    flex-direction: row;
}

.books_table .date-div img {
    margin-right: 0.3em;
}

.boolean_render {
    display: flex;
    align-items: center;
}

.ui.top.right.pointing.dropdown {
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-fit-available;
    display: flex;
    justify-content: center;
}

/* ImageUploader */

.ImageUploader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 3px dashed #CDCACA;
    height: 100%;
}

.ImageUploader.hover{
     border: 3px dashed #da602c;
}

.ImageUploader label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ImageUploader label.placeholder {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em;
    display: flex;

}

.ImageUploader label.placeholder:hover {
    cursor: pointer;
}

.ImageUploader label img {
    max-height: 220px;
    margin-bottom: .5em;
}

.ImageUploader label.placeholder img {
    height: 160px;
    margin-bottom: 1em;
}


.ImageUploader label .delete {
    position: absolute;
    background-color: #da602c;
    color: white;
    font-weight: bold;
    top: 0;
    right: 0;
    padding: 0.7em 1em;
    margin: 0;
}

.ImageUploader input {
    display: none;
}

.ImageUploader button {
    display: none;
}

.ImageUploaders {
    background-color: white;
    min-height: 259px;
}

.ImageUploader .incoming {
    color: #4D4D4D;
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 1em;
}

/* book status */
.ui.draft.label, .ui.draft.button {
    background-color: #3E61D1;
    color: white;
}

.ui.sold.label, .ui.sold.button {
    background-color: #098832;
    color: white;
}

.ui.publish.label, .ui.publish.button {
    background-color: #249DBA;
    color: white;
}

.ui.unpublish.label, .ui.unpublish.button {
    background-color: #919297;
    color: white;
}

/* AddImages */

.AddImagesWrapper {
    background-color: #E5E5E5;
    padding: 1.5em 0;
    min-height: calc(100vh - 39px);
}

.AddImagesWrapper .ui.container {
    background-color: #F5F5F5;
    padding: 2em;
    border-radius: 10px;
    margin-bottom: 2em;
    width: 1000px !important;
}

.AddImagesWrapper .ui.container .Header .Title {
    text-transform: uppercase;
    margin-bottom: 1em;
}

.AddImagesWrapper .ui.container .description {
    background-color: rgba(243, 197, 0, 0.15);
    font-style: italic;
    display: flex;
    padding: .5em;
    margin: 1em 0;
}

.AddImagesWrapper .ui.container .description img {
    margin-right: .5em;
}

.AddImagesWrapper .ui.container .steps .step img {
    margin-right: .5em;
}

.AddImagesWrapper .ui.container .steps .step {
    padding-left: 5em !important;
    padding-right: 5em !important;
    font-size: large;
    font-weight: bold;
    background-color: #E4E4E8;
}

.AddImagesWrapper .ui.container .steps .step:after {
    background-color: #E4E4E8;
}

.AddImagesWrapper .ui.container .steps .active.step:after {
    background-color: white;
}

.AddImagesWrapper .ui.container .steps .active.step {
    color: #da602c;
    background-color: white;
}

.AddImagesWrapper .ui.container .bottom {
    display: flex;
}

.AddImagesWrapper .ui.container .bottom .ui.main.button {
    margin-left: auto;
}

.AddImagesWrapper .ui.bottom.container {
    background-color: white;
}

.AddImagesWrapper .ui.container .ui.grid {
    background-color: white;
    margin: 0;
}

.AddImagesWrapper .ui.container .ui.grid .column .bottom {
    display: flex;
    justify-content: center;
}

.AddImagesWrapper .ui.container .ui.grid .column .bottom .filename {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.AddImagesWrapper .ui.container .image-header {
    color: #4D4D4D;
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 1em;
}

.AddImagesWrapper .ui.container .image-header .ui.icon {
    color: red;
    margin-right: 1em;
}

.AddImagesWrapper .ui.container .image-header img {
    margin-right: 1em;
}

.AddImagesWrapper .ui.container .images_adders .images_adder {
    padding-top: 1em;
}

.AddImagesWrapper .ui.container .images_adders .title.column {
    font-family: Lato;
    font-size: 15px;
}

.AddImagesWrapper .ui.container .images_adder .column div {
    background-color: #E4E4E8;
}
.AddImagesWrapper .ui.container .images_adder .column div.imageDiv {
    padding-top: .5em;
    position: relative;
}
.AddImagesWrapper .ui.container .images_adder .column div.imageDiv .search.plus.icon{
    position: absolute;
    top: 5px;
    right: 0;
}

.AddImagesWrapper .ui.container .images_adders .column div.bottom {
    padding-top: .5em;
}

.AddImagesWrapper .ui.container .images_adders .column div.imageDiv {
    padding-top: .5em;
    position: relative;
}
.AddImagesWrapper .ui.container .images_adders .column div.imageDiv .search.plus.icon{
    position: absolute;
    top: 5px;
    right: 0;
}


.default.text {
    color: #B0B0B0 !important;
}

.ui.multiple.search.selection.dropdown {
    padding: 0;
}

.ui.item.status_button.button {
    width: -moz-available;
    width: -webkit-fill-available;
    width: available;
    background-color: white;
}
.ui.item.status_button.button:hover {
    background-color: #ececec;
}

.filterinput{
    background-color: #ececec!important;
    width: 215px!important;
}

.ui.weight.form{
    width: 100%!important;
}