/* Readonly - Not editable */ 
.not-editable {
    background-color: #eeeeee;
}

/* Reset PWD */ 

.border_group{ 
    border-right:none;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.border_group_icon{ 
    background: none !important;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity)) !important;
    border-radius: 4px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    cursor: pointer;
}

.border-password-red{ 
    border-color: #EE4444 !important;
}

.text-icon-password-red{ 
    color: #EE4444 !important;
}

.text-icon-password-green{ 
    color: #279672 !important;
}

.icon-password{ 
    position: absolute; 
    font-size:24px !important; 
    width: 21px; 
    height: 24px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 58%;
}

/* CHRISTMAS IMG */

.ChristmasBG {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
}

.ChristmasTEXTE {
    height: 70vh;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* MENU ICON */

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {
    font-size: 28px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
    margin-left: 10px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {
    font-size: 30px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
    margin-top: -12px;
}

/*ALL*/

/**
Accordion - Vertuoza - Rentabilite
*/

.renta_title {
    color: #ffffff;
    background-color: #060c3a;
    border-color: #616580;
    padding: 10px 15px;
}

.range_date_profita {
    background-color: white !important;
    cursor: auto !important;
}

.panel-default>.panel-heading-vertuoza,
.panel-default>.panel-heading-vertuoza:hover {
    color: #ffffff;
    background-color: #616580;
    border-color: #e0e0e0;
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled-vertuoza {
    background: url("../../global/img/portlet-expand-icon-white.png") no-repeat right;
    /*background-position: right -19px;*/
    /*margin-right: 15px;*/
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled-vertuoza.collapsed {
    /*background-position: right 12px;*/
    background: url("../../global/img/portlet-collapse-icon-white.png") no-repeat right;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-right-37 {
    padding-right: 37px;
}

a.accordion-color:hover {
    color: #ffffff !important;
}

.flex {
    display: flex;
}

.space-between {
    justify-content: space-between;
}

.dataTables_filter>label {
    float: left !important;
}

.test {
    filter: invert(47%) sepia(40%) saturate(2595%) hue-rotate(161deg) brightness(94%) contrast(101%);
}

.fa-info {
    color: #ffffff !important;
}

.label_sermit_vertuoza>.fa-warning {
    color: #08104d !important;
}

html {
    overflow-x: hidden;
}

body {
    min-height: 100vh;
    margin: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-width: 100vw;
    position: relative;
    font-family: "Inter", sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.w-full {
    width: 100%;
}

.mr-1 {
    margin-right: 4px;
}

#fixed_background {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
}

#fixed_background>#relative_background {
    position: relative;
    height: 100%;
    width: 100%;
}

.recurrence-done {
    text-decoration: line-through;
}

/**************
 ** MENU     **
 **************/

.nav.navbar-nav.pull-right .dropdown .dropdown-submenu .dropdown-menu {
    width: 240px;
}

.dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu-spec {
    left: -130% !important;
}

li.dropdown ul.dropdown-menu li>a,
li.dropdown ul.dropdown-menu li>a i {
    color: #08104d !important;
    font-weight: unset;
}

.mouse_a span.details.details_aligns span.label i {
    color: white !important;
}

/**************
** DASHBOARD **
**************/

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #003fda !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #ebf0ff;
}

/*.tooltips i.fa, tbody tr td .btn-xs i.fa {*/
/*    color: #003FDA;*/
/*}*/

/**

tr td => devis
 */
.table-striped tr td.vertical_middle a i.fa,
td>a:not(.btn):not(.popovers)>i.fa,
.text-center a i.fa,
.gradeX .text_center a i.fa,
.btn-link span.fa,
#dft_row .text_center .btn i.fa,
.btn.btn-xs.event_resume_button.fa.tooltips,
#FormFTD .text_center a i.fa,
.portlet-title .tools a i.fa,
#details .table-condensed tbody tr td div a i.fa,
tr td[data-cel="actions"] i,
.works_components_add i,
.works_components_c_add i,
.portlet .bloc_accueil_tbody .dataTables_wrapper.no-footer .no-footer tbody td:last-of-type a.btn.tooltips i.fa {
    color: #003fda;
}

.container-fluid {
    padding: 0 25px;
}

.thead_grey>tr>th {
    background-color: #ebf0ff !important;
    color: #08104d;
}

.thead_darkblue {
    background-color: #616580 !important;
}

.thead_darkgrey {
    background-color: #d9d9db !important;
}

tbody {
    color: #374051;
}

.modal-title {
    color: #08104d;
}

.label {
    padding: 7px 12px;
    font-weight: 600;
    border-radius: 4px !important;
}

.label-success {
    background-color: #009462 !important;
}

.label-success-light {
    background-color: #00b87a !important;
    text-shadow: none !important;
    font-size: 13px;
    color: #fff;
    font-family: "Inter", sans-serif;
}

.label-danger-light {
    background-color: #ff4117 !important;
    text-shadow: none !important;
    font-size: 13px;
    color: #fff;
    font-family: "Inter", sans-serif;
}

.label-primary {
    background-color: #003fda !important;
}

.label-primary-dark {
    background-color: #08104d !important;
}

.label-danger {
    background-color: #ef3b2e !important;
}

.label-default {
    background-color: #b3b4bb !important;
}

.fc-widget-header table thead tr {
    background-color: #ffffff;
    color: "#374051";
}

/*
.fc-time-grid-event {
    background-color: #003FDA !important;
}
*/

.fc-button {
    background-color: #003fda !important;
}

.row div .text_bold {
    font-weight: 600 !important;
}

.no-padding {
    padding: 10px;
}

.label-select2[data-color="success"] {
    background-color: #009462;
}

.label-select2[data-color="success-light"] {
    background-color: #00b87a;
}

.label-select2[data-color="primary"] {
    background-color: #003fda;
}

.label-select2[data-color="default"] {
    background-color: #b3b4bb;
}

.label-select2[data-color="danger"] {
    background-color: #ef3b2e;
}

.label-select2[data-color="danger-light"] {
    background-color: #ff4117;
}

.label-select2 {
    height: 8px;
    width: 25px;
    display: inline-block;
    border-radius: 5px;
    margin-right: 8px;
}

/************
** COMMENTAIRE **
************/

.img-circle.timeline-badge-userpic {
    width: 70px !important;
    height: 70px !important;
    margin-left: 5px;
}

.timeline:before {
    margin-left: 50px;
}

#timeline_commentaire>.timeline-item>.timeline-badge>.timeline-badge-userpic {
    margin-left: 15px;
}

.com-body {
    padding-bottom: 5px;
}

.global_h4 {
    margin-bottom: 5px;
    padding: 5px 10px;
}

.global_border_bottom {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.modal_max_vh {
    max-height: 98vh;
}

.form-body,
#timeline_commentaire {
    min-height: 50px;
}

#com_desc {
    font-size: 14px !important;
}

.form-group_flex {
    display: flex;
    justify-content: space-between;
}

.form-group_flex>div:first-of-type {
    flex-grow: 1;
}

.form-group_flex a {
    color: #003fda !important;
    font-size: 14px !important;
    margin: 0 10px !important;
}

.form-group_flex a span {
    font-weight: 600;
    text-decoration: underline;
}

/************
** GENERAL **
************/

.icon-select {
    color: white !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

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

.details_aligns .label.label-icon {
    padding: 4px 4px 4px 4px;
}

.bootstrap-select .selected i {
    color: white !important;
}

.popover.tailwind-popover {
    font-size: 12px;
    z-index: 11000;
    /* A value higher than 1010 that solves the problem */
}

.popover.left>.arrow:after {
    border-left-color: rgb(55 65 81);
}

.popover.top>.arrow:after {
    border-top-color: rgb(55 65 81);
}

.popover.right>.arrow:after {
    border-right-color: rgb(55 65 81);
}

.popover.bottom>.arrow:after {
    border-bottom-color: rgb(55 65 81);
}

.tooltip {
    z-index: 10051 !important;
    position: fixed;
}

.fa-blue-vertuoza {
    color: #2945da;
}

.fa-red-vertuoza {
    color: #fc543e !important;
}

.fa-green-vertuoza {
    color: #5cb85c !important;
}

.bg-green-vertuoza {
    background-color: #5cb85c !important;
}

.fa-size-50 {
    font-size: 50px !important;
}

.info_show {
    font-weight: 500;
    color: "#6B7280";

    font-size: 11px;
}

/* FULL CALENDAR SCHEDULER */

.fc-license-message {
    display: none !important;
}

.fc--button {
    display: none !important;
}

.bootstrap-growl {
    z-index: 10055 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.text-disabled:hover {
    cursor: not-allowed;
}

.select2-drop-active {
    z-index: 100000 !important;
}

#image-picker input[type="radio"]:checked+label {
    border-color: blue;
    border-top-color: blue;
    border-right-color: blue;
    border-bottom-color: blue;
    border-left-color: blue;
    background: lightskyblue;
}

#focus-overlay {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
    display: block;
}

.overlay-focused {
    z-index: 10001;
    position: sticky;
    background: white;
}

.select2-container--open {
    z-index: 9999999;
}

#refresh_data span {
    margin-top: 4px !important;
}

@media (min-width: 768px) {

    .container_custom,
    .container_avancement,
    .container_custom_fluid {
        width: 750px;
    }
}

@media (min-width: 992px) {

    .container_custom,
    .container_avancement,
    .container_custom_fluid,
    .container_custom_full,
    .container_custom_all {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container_custom {
        width: 75% !important;
    }

    .container_custom_fluid {
        width: 90% !important;
    }

    .container_custom_full {
        width: 95% !important;
    }
}

.container_custom_all {
    width: 100% !important;
}

#embededPB {
    width: 100%;
    height: 900px;
}

.portlet.light>.portlet-title>.caption>.caption-subject {
    font-size: 20px !important;
}

.portlet.box.blue_vertuoza>portlet-title>.caption {
    font-size: 20px !important;
}

.label_width {
    display: inline-block !important;
    /*width: 170px !important;*/
    width: 195px !important;
}

.label_width_f {
    display: inline-block !important;
    /*width: 135px !important;*/
    width: 165px !important;
}

.label_width_send {
    display: inline-block !important;
    width: 130px !important;
}

.label_width_state {
    display: inline-block !important;
    /*width: 85px !important;*/
    width: 105px !important;
}

.label_width_answer {
    display: inline-block !important;
    width: 50px !important;
}

.bg_red_vertuoza {
    background-color: rgba(252, 84, 62, 0.5) !important;
}

.bg_red_vertuoza_b {
    background-color: rgba(252, 84, 62, 0) !important;
}

.ea_gt_100,
.ea_gt_100 input {
    color: rgba(252, 84, 62) !important;
}

.border_red_vertuoza {
    border: 1px solid rgba(252, 84, 62, 0.1) !important;
}

.btn_color {
    background-color: #eff3f8;
    color: #546ae1;
    font-size: 11px;
}

.input-icon-vertuoza {
    background-color: #eff3f8 !important;
}

.input-icon-vertuoza>i {
    color: #999 !important;
}

.input-grey-vertuoza {
    background-color: #eff3f8 !important;
}

.input-grey-vertuoza:hover {
    background-color: #dddddd !important;
}

.vertuoza-h3 {
    font-family: "Inter", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.vertuoza-h4-settings {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    margin: 40px 0 30px 0;
}

.vertuoza-h4 {
    font-family: "Inter", sans-serif;
    font-size: 15px;
}

.vertuoza-h4-dash {
    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: bold;
}

.vertuoza-h5 {
    font-family: "Inter", sans-serif;
    font-size: 13px;
}

.form_action_vertuoza {
    background-color: #dde6f0 !important;
}

.btn_action_vertuoza {
    text-align: right;
}

.desc_noresize {
    resize: none;
}

.draft_line {
    font-style: italic !important;
}

.collexp {
    color: white;
    font-size: 16px;
}

a.collexp:hover {
    color: white;
}

.gen_f_1 {
    min-width: 80% !important;
    max-width: 80% !important;
    width: 80% !important;
}

.gen_f_2 {
    min-width: 20% !important;
    max-width: 20% !important;
    width: 20% !important;
}

.margin_t_5 {
    position: relative;
    top: 5px;
}

.margin_to_0 {
    margin-top: 0px;
}

.pad_icon {
    padding: 5px;
}

.text-label {
    font-size: 11px !important;
    border-radius: 0;
}

.text_bold {
    font-weight: bold;
    font-size: 12px;
}

.text_white {
    color: #ffffff;
}

.b_top_bold {
    border-top: 3px solid #374051;
}

.no_b_bottom>th {
    border: 0px !important;
}

.no_b_top {
    border-top: 0px !important;
}

.sorting,
.sorting_disabled {
    background-color: #ebf0ff;
}

.portlet-body {
    color: #374051;
    border-radius: 0 0 0px 0px !important;
}

.error_toshow,
.error_login {
    font-size: 9px;
    color: red;
}

.success_login {
    font-size: 9px;
    color: green;
}

.error_color {
    background-color: rgba(255, 0, 0, 0.1);
}

.mouse_pointer {
    cursor: pointer;
}

.mouse_move {
    cursor: move;
}

.mouse_default {
    cursor: default !important;
}

.padding_t_5 {
    padding-top: 5px;
}

.dropdown-menu-action {
    min-width: 175px;
    position: absolute;
    top: 100%;
    left: -150px;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    background-color: #ffffff;
    margin: 10px 0px 0px 0px;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
    border: 1px solid #eee;
    font-family: "Inter", sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu-action>.dropdown-menu-action:before,
.dropdown-toggle>.dropdown-menu-action:before,
.btn-group>.dropdown-menu-action:before {
    position: absolute;
    top: -8px;
    left: 155px;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e0e0e0;
    border-left: 8px solid transparent;
    content: "";
}

.dropdown-menu-action>.dropdown-menu-action:after,
.dropdown-toggle>.dropdown-menu-action:after,
.btn-group>.dropdown-menu-action:after {
    position: absolute;
    top: -7px;
    left: 155px;
    right: auto;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: "";
}

.dropdown_faq {
    width: 200px !important;
}

.table-scrollable {
    overflow-y: auto;
    overflow-x: hidden;
}

.link_disabled {
    background-color: #eeeeee !important;
}

.link_disabled a {
    cursor: not-allowed !important;
    color: #bbbbbb !important;
}

.link_disabled a:hover {
    cursor: not-allowed !important;
}

.label_grey_vertuoza {
    background-color: #aaaaaa;
}

/* ACCUEIL */

.bloc_accueil_thead {
    height: 50px;
    display: flex;
    align-items: center;
}

.bloc_accueil_tbody {
    min-height: 380px;
    height: 380px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.badge-vertuoza-dark {
    background-color: #060c3a !important;
}

.badge-vertuoza {
    background-color: #003fda !important;
}

.badge-vertuoza-white {
    background-color: #ffffff !important;
    color: #546ae1 !important;
}

.#374051.btn {
    color: #ffffff;
    background-color: #111111;
}

.#374051.btn:hover,
.#374051.btn:focus,
.#374051.btn:active,
.#374051.btn.active {
    color: #ffffff;
    background-color: #374051;
}

/*************
* COMPONENTS *
*************/

.components-icon-type {
    width: 20px;
    margin-right: 10px;
    display: inline;
}

.components_choice_type {
    display: inline-flex;
    align-items: center;
}

.action-icon-type {
    width: 20px;
    height: 14px;
    margin-right: 5px;
    filter: invert(15%) sepia(95%) saturate(6074%) hue-rotate(227deg) brightness(87%) contrast(101%);
}

.devis-icon-type {
    filter: invert(27%) sepia(19%) saturate(588%) hue-rotate(194deg) brightness(96%) contrast(85%);
    width: 20px;
    margin-right: 10px;
}

.components_icon_type_table_white {
    height: 20px;
    margin-right: 5px;
    filter: invert(100%) sepia(5%) saturate(2786%) hue-rotate(246deg) brightness(114%) contrast(104%);
}

.component_icon_type_table,
.work_icon_type_table {
    height: 20px;
    margin-right: 5px;
    display: inline;
}

.components_desc_table {
    width: auto;
    min-width: 300px;
    max-width: 600px;
}

.select2-drop-mask {
    z-index: 10053 !important;
}

.hr_works {
    margin: 2px !important;
    border-top: 1px solid #546ae1;
}

.works_tab_select {
    min-width: 1%;
    max-width: 1%;
    width: 1%;
    vertical-align: middle !important;
}

.works_tab_type,
.works_tab_action {
    min-width: 5%;
    max-width: 5%;
    width: 5%;
}

.bigdrop-type {
    width: auto !important;
}

.works_tab_description {
    min-width: 25%;
    max-width: 25%;
    width: 25%;
}

.works_tab_description>.comp_description,
.works_tab_description>.comp_c_description {
    width: 90% !important;
    display: inline-block;
}

.btn_works_description {
    position: relative;
    margin: 0;
    left: 5px;
}

.works_tab_supplier {
    min-width: 15%;
    max-width: 15%;
    width: 15%;
}

.works_tab_quantity {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
}

.works_tab_unit {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
}

.works_tab_unit .select2-selection {
    overflow: hidden;
}

.works_tab_unit .select2-selection__rendered {
    white-space: normal;
    word-break: break-all;
}

.table-works>thead>tr>th,
.table-work>tbody>tr>td,
.table-work>tfooter>tr>th {
    border: none;
}

.table-works>tbody>tr>td {
    padding: 5px !important;
}

.pricing_opacity {
    opacity: 0.3 !important;
}

/***********
** TRIBUNE **
**********/

.tribune-img {
    max-height: 50px;
    margin-right: 20px;
}

.tribute-container {
    min-width: 300px !important;
    /*top: unset;*/
}

.background_mention {
    background-color: #f5f6fa80;
}

/***********
** MODAL **
**********/
.modal-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #ffffff;
}

.modal-footer {
    position: sticky;
    bottom: 0;
    z-index: 1000;
    background-color: white;
    width: 100%;
}

.modal {
    overflow: hidden;
}

.modal-body {
    min-height: 50px;
    max-height: 500px;
    overflow: auto;
}

.modal-body-content {
    overflow-y: auto;
    /* Enable scrolling for the content inside .modal-body */
}

.modal-scrollable {
    overflow: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.modal {
    position: initial !important;
    margin: initial !important;
    max-height: 95vh !important;
    max-width: 95vw !important;
    width: auto;
    overflow: hidden;
}

#history_action.modal {
    width: 90%;
}

.modal_production,
.modal_form_components,
.modal_form_work,
.modal_contacts {
    width: 90vw !important;
}

.modal_production_review,
.modal_quantite,
.modal_form_renta {
    width: 70% !important;
}

.modal_ff {
    width: 600px !important;
}

.modal_choice_components,
.modal_choice_work,
.modal_intervention {
    width: 75% !important;
}

.modal_choice_components_payments {
    width: 1100px !important;
}

.modal_choice_components_date_range_sync {
    width: 600px !important;
}

.modal_devis_generic {
    width: 95% !important;
}

.modal_recurrence {
    width: 700px;
}

.modal_dupp,
#delivery_modal {
    width: 600px;
}

.modal_mail_files {
    width: 800px !important;
}

@media (min-width: 992px) {
    .modal-revision {
        width: 900px;
    }
}

.modal-confirm-devis {
    width: 610px !important;
}

.margin_bottom {
    margin-bottom: 20px;
}

.modal-facturer-devis {
    width: 600px !important;
}

.text-align-left {
    text-align: left !important;
}

#stockManagementTab {
    max-height: 500px;
    transition: max-height 0.2s ease-out;
}

#badge_modal_paiements {
    position: relative;
    background-color: #f36a5a;
    padding: 3px 6px 3px 6px;
    margin-right: 5px;
    margin-left: 3px;
}

#header_paiements {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
}

#body_paiements {
    max-height: 438px !important;
    padding: 0px !important;
    overflow: auto;
}

#th_paiements {
    position: sticky;
    top: 0;
    background-color: #ebf0ff;
    z-index: 1;
}

#footer_paiements {
    position: sticky;
    bottom: 0;
    border-top: 2px solid #ccc;
}

.modal.container_com {
    width: 800px;
}

.commentaire_type_to_display {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.img-circle {
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px !important;
    object-fit: cover !important;
}

.timeline.border-top {
    border-top: 1px solid #e5e5e5;
}

.timeline-body-content {
    overflow-wrap: break-word;
}

/* COMMENTAIRE */

.timeline-body {
    padding-top: 10px;
    padding-bottom: 10px;
}

.timeline-com {
    position: relative;
    padding: 0 20px;
    margin-left: 90px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

/***************
*** CURRENCY ***
***************/

.currency_input {
    position: absolute !important;
    right: 25px !important;
    top: calc(50% - 9px) !important;
    color: #333 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.dropdown-menu-spec:before {
    left: 160px !important;
}

/***************
** VIDEO FORM **
***************/

@media (min-width: 576px) {
    .p_yt {
        height: 135px;
        padding-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .p_yt {
        height: 195px;
        padding-bottom: 5px;
    }
}

@media (min-width: 992px) {
    .p_yt {
        height: 285px;
        padding-bottom: 5px;
    }
}

@media (min-width: 1200px) {
    .p_yt {
        height: 580px;
        padding-bottom: 5px;
    }
}

.video_yt {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/****************
** NOTIF COLAB **
****************/

.listing_colab {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    /* width:400px; */
    width: 200px;
}

.listing_colab li {
    padding: 5px;
    height: 40px;
    background: #fafafa;
    cursor: pointer;
    /*border-bottom:#F0F0F0 1px solid;*/
}

.listing_colab li img {
    height: 30px;
    border-radius: 50%;
}

.listing_colab li:hover {
    background: #f0f0f0;
}

.date_label {
    font-size: 11px;
    font-weight: bold;
}

.date_sc {
    font-size: 11px;
}

.h_sc_r {
    height: 350px;
}

.cbx_recl {
    width: 20px;
    position: relative;
    top: 2px;
}

.cbx_recl:checked {
    background-color: green !important;
}

.soc_img {
    float: none;
    margin: 0 auto;
    width: 75%;
    border-radius: 0% !important;
    webkit-border-radius: 0% !important;
    -moz-border-radius: 0% !important;
}

/**************
** SUIVI CH. **
**************/

#tab_sc {
    display: block;
    width: 100%;
    min-height: 280px;
    height: auto;
    max-height: 500px;
    border: 1px solid #ddd;
    background: #eff3f8;
}

#tab_sc_pic {
    min-height: 250px;
    height: auto;
    max-height: 450px;
    overflow-y: auto;
}

#tab_sc_pic .pic_ce_padd {
    height: 200px;  /* Fixed height for consistency */
    display: flex;
    flex-direction: column;
    align-items: center;
}

#tab_sc_pic .pic_ce_padd .form-group {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#tab_sc_pic .pic_ce_padd img.pic_ce {
    width: 100%;
    height: 180px;  /* Leave some space for the date below */
    object-fit: contain;
    margin: auto;
}

#tab_sc_pic .pic_ce_padd .pic_date {
    margin-top: 5px;
}

#tab_sc_sub {
    height: 50px !important;
    padding: 5px !important;
}

.pic_ce_padd {
    padding: 20px;
}

.pic_ce {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.pic_ce_border {
    border: 3px solid #2945da;
}

.pic_checkbox {
    position: absolute;
    margin-left: 4px !important;
}

.pic_date {
    font-weight: bold;
}

.date_pic {
    text-align: right;
    position: relative;
    color: red;
    top: -15px;
    right: 4px;
    font-size: 11px;
    font-weight: bold;
}

.suivi-chantier-container {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  
.suivi-chantier-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin: auto;
}

.picture_content {
    position: relative;
    width: 160px;
    height: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.picture_content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

/***************
** PLAN.PROD. **
***************/
.title_schedule {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.ouv_schedule,
.ind_schedule {
    margin-top: 5px;
}

/****************
** MENU CUSTOM **
****************/

.icon_blue_vertuoza {
    color: #08104d !important;
}

.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li .dropdown-menu-spec {
    box-shadow: -5px 5px rgba(85, 97, 111, 0.2) !important;
}

/********************
** HORAIRE DU MOIS **
********************/

#horaire_calendar {
    min-height: 500px;
    height: auto;
}

#horaire_calendar>.fc-header-toolbar {
    background-color: #f3f4f6;
}

/*********************
** INTERVENTION NEW **
*********************/

.cadre_show {
    background-color: #ededed;
    border: 1px solid #b3b3b3;
}

.label_cadre {
    margin-bottom: 5px !important;
}

.external-events {
    min-height: 120px;
    height: 120px;
    max-height: 120px;
    overflow-y: auto;
}

.toprogram_button,
.toprogram_button:hover,
.toprogram_button:focus {
    background: transparent;
    color: white;
}

.event_resume_button,
.event_resumt_button:hover,
.event_resume_button:focus {
    margin-left: 0px !important;
    background: transparent;
    color: #6b7280;
}

/********************
*** INTER INSTALL ***
********************/

.mix_left_1,
.mix_left_2,
.mix_left_3 {
    right: 0% !important;
    left: 0% !important;
    margin-left: 5px !important;
    margin-right: 0px !important;
}

.mix_left_1 {
    right: 60% !important;
    left: 20% !important;
}

.mix_left_2 {
    right: 40% !important;
    left: 40% !important;
}

.mix_left_3 {
    right: 20% !important;
    left: 60% !important;
}

/******************
** SELECT 2 FLAT **
******************/
.select2-search input,
.select2-results,
.select2-container .select2-choice>.select2-chosen {
    font-size: 12px;
}

/**************************
*** GESTION DE CHANTIER ***
**************************/
.avenant_glo_files {
    position: relative;
    right: 20px;
}

/******************
** TABLE MANAGED **
******************/

.dt_filter_custom {
    float: left !important;
}

.dt_input_custom {
    margin-left: 0 !important;
    padding-left: 30px;
}

.dt_filter_custom label {
    position: relative;
}

.dt_filter_custom label:before {
    content: "\f002";
    font: normal normal normal 14px FontAwesome;
    left: 10px;
    bottom: 11px;
    position: absolute;
    color: #bababa;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: white !important;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5 !important;
}

.thead_darkgrey {
    background-color: rgba(132, 151, 176);
}

.thead_darkblue {
    background-color: rgba(51, 63, 79);
}

.label_justify {
    padding-top: 7px;
    margin-bottom: 0;
}

.vertical_middle {
    vertical-align: middle !important;
}

.text_bold,
.font_bold {
    font-weight: bold !important;
}

.title_bold {
    font-weight: bold !important;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list {
    overflow-y: scroll !important;
    scrollbar-width: thin;
}

.divider {
    background: #eff3f8 !important;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu,
.external,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover {
    /*background-image: linear-gradient(to right, #fc543e, #2945da) !important;
    color: #FFFFFF !important;*/
    color: #333333 !important;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover>i {
    color: #333333 !important;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover>i {
    color: #333333 !important;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external>h3,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover {
    /*color : #FFFFFF !important;*/
    color: #333333 !important;
}

span.time {
    background: #e9534d !important;
    /*color: #FFFFFF !important;*/
}

/****************
*** MODAL COM ***
****************/

.timeline {
    min-height: 0px;
    height: auto;
    max-height: 400px;
    padding-top: 20px;
    overflow: auto;
}

.timeline-badge {
    padding-right: 0px;
}

.timeline_date {
    font-size: 12px;
}

.timeline_body_action {
    float: right;
}

#commentaire_delete {
    z-index: 10055;
}

/**********
* MAILING *
**********/

.color_m_label {
    color: #333333 !important;
}

.no_border {
    border: none !important;
}

.margin_m_modele {
    margin-bottom: 30px !important;
}

.margin_m_subject {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
}

.margin_m_pdf {
    margin-top: 30px !important;
}

#mail_cc_tag,
#mail_cci_tag {
    padding: 5px;
    margin: 1px 0;
    font-size: 11px !important;
    color: #999 !important;
}

div.tagsinput span.tag {
    padding: 3px 5px 3px 5px;
    color: #333333;
    background: #fff !important;
    border: 1px solid #e5e5e5;
}

div.tagsinput span.tag a {
    color: #333333;
}

.msf_file,
.dev_file,
.inter_file,
.ff_file,
.cg_file,
.com_file,
.cmd_file,
.f_file,
.attestation_file {
    display: none !important;
}

.alert-msf {
    display: inline-block;
    width: auto;
    background-color: #dde6f0 !important;
    border-color: #e5e5e5;
    color: #333333;
    padding: 2px 3px 2px 3px !important;
    margin-bottom: 2px;
    border: 1px solid #e5e5e5 !important;
    background-image: none !important;
    background-color: #fff !important;
}

.alert-dismissable .close {
    right: 0px !important;
}


.pj_principal_electronic_signature {
    width: fit-content;
    padding: 2px;
    min-height: 35px;
}
.pj_principal {
    display: inline-block;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 2px;
    min-height: 35px;
}
.pj_secondaire {
    display: inline-block;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 2px;
    min-height: 35px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    border-radius: 0;
    padding-top: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice div {
    display: inline !important;
}

.select2-container-multi .select2-search-choice-close {
    margin-left: 3px;
}

div.tagsinput span.tag {
    font-family: "Inter", sans-serif !important;
    font-size: 11px !important;
}

/**********
** DEVIS **
**********/

.dev_desc,
.textarea_vert {
    resize: vertical;
}

.control-label {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
}

.form-control {
    font-size: 14px !important;
    border-radius: 0;
    font-weight: 500 !important;
}

.devis-label {
    text-align: left !important;
}

.d_c_1 {
    min-width: 8% !important;
    max-width: 8% !important;
    width: 8% !important;
}

.d_c_2 {
    min-width: 7% !important;
    max-width: 7% !important;
    width: 7% !important;
}

.d_c_3 {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

.d_c_4 {
    min-width: 40% !important;
    max-width: 40% !important;
    width: 40% !important;
}

.d_c_5 {
    min-width: 8% !important;
    max-width: 8% !important;
    width: 8% !important;
}

.d_c_6 {
    min-width: 7% !important;
    max-width: 7% !important;
    width: 7% !important;
}

.d_c_7 {
    min-width: 8% !important;
    max-width: 8% !important;
    width: 8% !important;
}

.d_c_8 {
    min-width: 8% !important;
    max-width: 8% !important;
    width: 8% !important;
}

.d_c_9 {
    min-width: 4% !important;
    max-width: 4% !important;
    width: 4% !important;
}

.d_c_10 {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

.bootstrap-switch-id-devis_position_sp_s .bootstrap-switch-container .bootstrap-switch-handle-on,
.bootstrap-switch-id-devis_position_sp_s .bootstrap-switch-container .bootstrap-switch-handle-off {
    background-color: #546ae1;
    color: white;
}

/************
*** DEVIS ***
************/

.dev_1 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.dev_2 {
    min-width: 35% !important;
    max-width: 35% !important;
    width: 35% !important;
}

.dev_3 {
    min-width: 7% !important;
    max-width: 7% !important;
    width: 7% !important;
}

.dev_4 {
    min-width: 7% !important;
    max-width: 7% !important;
    width: 7% !important;
}

.dev_5 {
    min-width: 8% !important;
    max-width: 8% !important;
    width: 8% !important;
}

.dev_6 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.dev_7 {
    min-width: 8% !important;
    max-width: 8% !important;
    width: 8% !important;
}

.dev_8 {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

.dev_10 {
    min-width: 90% !important;
    max-width: 90% !important;
    width: 90% !important;
}

.dev_11 {
    /* Compte général */
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

/*************
*** TACHES ***
*************/

.error_task {
    font-size: 16px !important;
    color: red;
}

/************
** RAPPORT **
************/

.ir_cols_5 {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

.ir_cols_10 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.ir_cols_15 {
    min-width: 15% !important;
    max-width: 15% !important;
    width: 15% !important;
}

.ir_cols_30 {
    min-width: 30% !important;
    max-width: 30% !important;
    width: 30% !important;
}

.ir_cols_40 {
    min-width: 40% !important;
    max-width: 40% !important;
    width: 40% !important;
}

.ir_cols_50 {
    min-width: 50% !important;
    max-width: 50% !important;
    width: 50% !important;
}

/****************
** FACTURATION **
****************/

.fact_c_1 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.fact_c_2 {
    min-width: 7% !important;
    max-width: 7% !important;
    width: 7% !important;
}

.fact_c_3 {
    min-width: 26% !important;
    max-width: 26% !important;
    width: 26% !important;
}

.fact_c_4 {
    min-width: 8% !important;
    max-width: 8% !important;
    width: 8% !important;
}

.fact_c_5 {
    min-width: 11% !important;
    max-width: 11% !important;
    width: 11% !important;
}

.fact_c_6 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.fact_c_7 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.fact_c_8 {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

.fact_c_9 {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

.fact_c_10 {
    min-width: 8% !important;
    max-width: 8% !important;
    width: 8% !important;
}

/*****************
* COMMANDE MATOS *
*****************/

table.tab_devis_cmd>tbody,
table.tab_devis_cmd>tbody>tr>td>input[type="checkbox"] {
    cursor: pointer;
}

.c_m_desc {
    resize: none;
}

.c_m_rem {
    resize: none;
}

.c_m_1 {
    min-width: 45% !important;
    max-width: 45% !important;
    width: 45% !important;
}

.c_m_2 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.c_m_3 {
    min-width: 15% !important;
    max-width: 15% !important;
    width: 15% !important;
}

.c_m_4 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.c_m_5 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.c_m_6,
.c_m_7 {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

/***************************
** COMMANDE SOUS-TRAITANT **
***************************/

.cs_1 {
    min-width: 9% !important;
    max-width: 9% !important;
    width: 9% !important;
}

.cs_2 {
    min-width: 6% !important;
    max-width: 6% !important;
    width: 6% !important;
}

.cs_3 {
    min-width: 25% !important;
    max-width: 25% !important;
    width: 25% !important;
}

.cs_4 {
    min-width: 7% !important;
    max-width: 7% !important;
    width: 7% !important;
}

.cs_5 {
    min-width: 9% !important;
    max-width: 9% !important;
    width: 9% !important;
}

.cs_6,
.cs_7 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.cs_8,
.cs_11 {
    min-width: 7% !important;
    max-width: 7% !important;
    width: 7% !important;
}

.cs_9,
.cs_10 {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

/************
** AVENANT **
************/

.ave_1 {
    min-width: 9% !important;
    max-width: 9% !important;
    width: 9% !important;
}

.ave_2 {
    min-width: 6% !important;
    max-width: 6% !important;
    width: 6% !important;
}

.ave_3 {
    min-width: 32% !important;
    max-width: 32% !important;
    width: 32% !important;
}

.ave_4 {
    min-width: 7% !important;
    max-width: 7% !important;
    width: 7% !important;
}

.ave_5 {
    min-width: 9% !important;
    max-width: 9% !important;
    width: 9% !important;
}

.ave_6,
.ave_7 {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.ave_11 {
    min-width: 7% !important;
    max-width: 7% !important;
    width: 7% !important;
}

.ave_9,
.ave_10 {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

/***************
** DOSSIER FT **
***************/

.ft_d_1 {
    min-width: 35% !important;
    max-width: 35% !important;
    width: 35% !important;
}

.ft_d_2 {
    min-width: 50% !important;
    max-width: 50% !important;
    width: 50% !important;
}

.ft_d_3 {
    min-width: 15% !important;
    max-width: 15% !important;
    width: 15% !important;
}

.choice_connect {
    position: relative;
    top: 10px;
}

.page-header .page-header-top .page-logo .logo-default {
    padding: 14px 0 !important;
    height: 90px;
}

/* général Modal */
.modal_custom {
    width: 600px !important;
}

/* Utilisateurs */
#error_pwd {
    position: relative;
    top: 10px;
}

.mod_name {
    position: relative;
    top: 10px;
}

.user_list {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 313px;
}

.user_list li {
    padding: 10px;
    background: #fafafa;
    border-bottom: #f0f0f0 1px solid;
}

.user_list li:hover {
    background: #f0f0f0;
}

#label-list {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#label-list li {
    padding: 10px;
    background: #fafafa;
    border-bottom: #f0f0f0 1px solid;
}

#label-list li:hover {
    background: #f0f0f0;
}

#cl_label {
    padding: 10px;
    border: #f0f0f0 1px solid;
}

/**************************************
** TABLE DEVIS - GESTION DE CHANTIER **
**************************************/

#table_devis {
    display: block;
    width: 100%;
    height: 450px !important;
    border: 1px solid #ddd;
}

table.tab_devis tbody {
    /*display:block;*/
    overflow-y: auto;
    height: 378px;
}

table.tab_devis_cmd tbody {
    display: block;
    overflow-y: auto;
    height: 378px;
}

table.tab_block tbody {
    display: block;
}

.tab_devis_thead {
    margin: 0;
}

/*
table.tab_devis_thead thead tr th{
	font-size : 10px;
}
*/

table.tab_devis tbody tr td,
table.tab_devis_cmd tbody tr td {
    font-size: 9px;
}

.t_d_order {
    min-width: 5% !important;
    max-width: 5% !important;
    width: 5% !important;
    text-align: center;
}

.t_d_ltitle {
    min-width: 95%;
    max-width: 95%;
    width: 100vw !important;
    font-size: 12px !important;
}

.text_white {
    color: #ffffff;
}

.t_d_gtitle {
    min-width: 100%;
    max-width: 100%;
    width: 100% !important;
}

.t_d_noart {
    min-width: 8% !important;
    max-width: 8% !important;
    width: 8% !important;
    text-align: center;
}

.t_d_desc {
    min-width: 47% !important;
    max-width: 47% !important;
    width: 47% !important;
    /*width: 100vw;*/
}

.t_d_qte {
    min-width: 9% !important;
    max-width: 9% !important;
    width: 9% !important;
    text-align: right;
}

.t_d_unite {
    min-width: 11% !important;
    max-width: 11% !important;
    width: 11% !important;
    text-align: center;
}

.t_d_pu {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
    text-align: right;
}

.t_d_ptot {
    min-width: 10% !important;
    max-width: 10% !important;
    width: 10% !important;
    text-align: right;
}

.t_d_title {
    text-align: center;
    background-color: #747474;
    font-size: 12px !important;
}

.t_d_stitle {
    text-align: center;
    background-color: #d9d9d9;
    font-size: 12px !important;
}

.t_d_avenant_exist {
    min-height: 50px;
    height: 50px;
    max-height: 50px;
}

.t_d_avenant {
    text-align: center;
    background-color: #747474;
}

.t_d_avenant_title {
    text-align: center;
    background-color: #747474;
}

.t_d_avenant_stitle {
    text-align: center;
    background-color: #d9d9d9;
}

/*************
* AVANCEMENT *
*************/

.size_height {
    font-size: 8px !important;
}

.ten_height {
    font-size: 10px !important;
}

.eleven_height {
    font-size: 11px !important;
}

.twelve_height {
    font-size: 12px !important;
}

.thirtheen_height {
    font-size: 13px !important;
}

.fourteen_height {
    font-size: 14px !important;
}

.sixteenth_height {
    font-size: 16px !important;
}

.eighteenth_height {
    font-size: 18px !important;
}

#table_avancement {
    display: block;
    width: 100%;
    /*height:550px !important;*/
    /*border: 1px solid #ddd;*/
}

table.tab_avancement td>a.toggle-content:not(.btn):not(.popovers)>i.fa {
    float: right;
    color: white !important;
    padding: 3px 10px;
}

table.tab_avancement .toggle-content>.fa-chevron-up {
    display: none;
}

table.tab_avancement .toggle-content.open>.fa-chevron-up {
    display: inline-block;
}

table.tab_avancement .toggle-content.open>.fa-chevron-down {
    display: none;
}

table.tab_avancement,
table.tab_avancement_thead {
    margin-bottom: 0px !important;
}

table.tab_avancement tbody {
    /*overflow-y:auto;*/
    /*height : 430px;*/
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    border-top: none;
    display: table;
    width: 100%;
}

table.tab_avancement tbody>tr {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

table.tab_avancement tbody>tr>td>.checkbox-table,
table.tab_avancement_thead thead>tr>th>.checkbox-table {
    float: left;
    height: 25px;
    width: 25px;
    margin: 0 !important;
}

table.tab_avancement tbody>tr.av_row>td>.checkbox-table {
    margin: 5px !important;
}

table.tab_avancement_thead thead>tr>th>.checkbox-table {
    margin: 2px 1px 0 1px !important;
}

.tab_devis_thead {
    margin: 0;
}

.av_title {
    background-color: #003fda;
    color: white;
    font-size: 16px;
}

.av_title>td {
    padding: 10px !important;
}

.av_d_title {
    background-color: #060c3a;
    color: white;
    font-size: 14px;
}

.av_d_title>td {
    padding: 10px !important;
}

.av_d_stitle {
    background-color: #616580;
    color: white;
    font-size: 14px;
}

.av_d_stitle>td {
    padding: 10px !important;
}

.av_row>td {
    font-size: 10px;
}

.av_row>td>input {
    font-size: 10px !important;
    padding: 0;
    text-align: center;
}

.av_pos_rem {
    vertical-align: middle !important;
}

.av_rem {
    font-size: 12px !important;
    padding: 1px 5px !important;
}

.av_bg_grey {
    background-color: #eeeeee;
}

.head_data {
    cursor: pointer;
}

.av_b_right {
    border-right: 1px solid #dadada;
}

.av_desc {
    pointer: none;
    color: #374051;
}

.av_desc:hover {
    pointer: none;
    color: #374051;
    text-decoration: none;
}

/***********
** HEADER **
***********/

@media (min-width: 768px) {
    .navbar-cust>li {
        float: none;
    }
}

.navbar-cust>li {
    position: relative;
    display: inline-block;
}

@media (max-width: 1360px) {
    .menu_hidden {
        display: none !important;
    }
}

/*************
** PLANNING **
*************/

.pp_red_color {
    color: rgba(243, 86, 93, 0.5) !important;
}

.pp_grey_color {
    color: #eeeeee;
}

.pp_nb_week {
    margin-left: 10px;
}

.pp_label_week {
    margin-right: 10px;
}

.pp_week_font {
    font-size: 15px;
}

#planning_v1,
#planning_v1_old {
    display: block;
    /*
    margin: 20px 20px 20px 20px;
    width: 98%;
    overflow-x : scroll;
    white-space: nowrap;
    */
    margin: 20px auto;
    margin-top: 5px;
    width: 98%;
    overflow: auto;
}

#planning_v1>thead,
#planning_v1_old>thead {
    width: 100%;
    height: 70px;
}

#planning_v1>tbody,
#planning_v1_old>tbody {
    display: block;
    /*height:630px;*/
    /*overflow-y : scroll;
    overflow-x : hidden;*/
}

#planning_v1>thead,
#planning_v1_old>thead,
#planning_v1>tbody tr,
#planning_v1_old>tbody tr {
    display: table;
    width: auto;
    table-layout: fixed;
}

#planning_v1>thead,
#planning_v1_old>thead {
    position: sticky;
    z-index: 3;
}

#planning_v1>thead>tr>th {
    border: 1px solid #ddd;
    border-bottom: 0.5px solid #ddd;
    min-width: 100px;
    width: calc(14.28vw - 50px - 17px);
}

#planning_v1_old>thead>tr>th {
    min-width: 200px;
    width: 200px;
}

#planning_v1_old>tbody>tr>td {
    min-width: 200px;
    width: 200px;
}

#planning_v1>tbody>tr>td {
    width: calc(14.28vw - 50px - 17px);
    border: 1px solid #ddd;
    border-top: 0.5px solid #ddd;
    border-bottom: 0.5px solid #ddd;
}

#planning_v1>thead>tr>th.first_col,
#planning_v1_old>thead>tr>th.first_col {
    min-width: 300px;
    width: 300px;
}

#planning_v1>thead>tr>th.second_col,
#planning_v1_old>thead>tr>th.second_col {
    min-width: 50px;
    width: 50px;
}

/*#planning_v1 > thead > tr > th.special_th {*/
/*    min-width:1400px;*/
/*    width:1400px;*/
/*}*/

#planning_v1>tbody>tr>td {
    min-width: 100px !important;
    width: calc(14.28vw - 50px - 17px);
    /* (100%/7 - (350/7) partie fixe de gauche - (margin latérales)  */
    max-width: calc(14.28vw - 50px - 17px);
    /* (100%/7 - (350/7) partie fixe de gauche - (margin latérales)  */
    z-index: 1;
}

#planning_v1_old>tbody>tr>td {
    width: calc(14.28vw - 50px - 17px);
    /* (100%/7 - (350/7) partie fixe de gauche - (margin latérales)  */
    max-width: calc(14.28vw - 50px - 17px);
    /* (100%/7 - (350/7) partie fixe de gauche - (margin latérales)  */
    z-index: 1;
}

#planning_v1>tbody>tr>td>a,
#planning_v1_old>tbody>tr>td>a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#planning_v1>tbody>tr>td.first_col,
#planning_v1_old>tbody>tr>td.first_col {
    min-width: 300px !important;
    width: 300px;
    vertical-align: middle;
    z-index: 1;
}

#planning_v1>tbody>tr>td.second_col,
#planning_v1_old>tbody>tr>td.second_col {
    min-width: 50px !important;
    width: 50px;
    z-index: 1;
}

#planning_v1>tbody>tr>td.text_left,
#planning_v1_old>tbody>tr>td.text_left {
    position: sticky;
    left: 0;
    z-index: 2;
}

.pic_ress {
    min-height: 33px;
    height: 33px;
    max-height: 33px;
}

.pic_p_prod_ouv {
    margin-right: -8px;
    min-width: 33px;
    width: 33px;
    max-width: 33px;
    min-height: 33px;
    height: 33px;
    max-height: 33px;
    float: left;
    border-radius: 50%;
    border: 1px #546ae1 solid;
    background-color: #ffffff;
}

.pic_p_prod_ind {
    margin-right: -8px;
    min-width: 33px;
    width: 33px;
    max-width: 33px;
    min-height: 33px;
    height: 33px;
    max-height: 33px;
    float: left;
    border-radius: 50%;
    border: 1px #b44f74 solid;
    background-color: #ffffff;
}

.pic_p_prod_name {
    position: relative;
    top: 6px;
}

.pic_p_prod_plus {
    position: relative;
    top: 5px;
}

.reunion_planning {
    padding: 0;
}

/* INTERVENTION CALENDAR */

.list_puce_hide {
    list-style-type: none;
}

.cursor_normal {
    cursor: default !important;
}

#intervention_calendar>div.fc-toolbar.fc-header-toolbar>div.fc-right>div>button,
#content_slot_free>div.fc-toolbar.fc-header-toolbar>div.fc-right>div>button {
    background: #ffffff !important;
    color: #374051;
    height: 35px;
    border-radius: 4px;
    border-color: #d1d5db;
}

#intervention_calendar>div.fc-toolbar.fc-header-toolbar>div.fc-right>div>button.fc-next-button.fc-button.fc-state-default.fc-corner-right,
#content_slot_free>div.fc-toolbar.fc-header-toolbar>div.fc-right>div>button.fc-next-button.fc-button.fc-state-default.fc-corner-right {
    margin-left: 5px;
}

#intervention_calendar .fc-scroller.fc-time-grid-container {
    overflow: visible !important;
    height: 100% !important;
}

#intervention_calendar .fc-resource-cell {
    vertical-align: middle;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 4px 0 4px;
}

#intervention_calendar>div.fc-view-container>div>table>thead>tr,
#content_slot_free>div.fc-view-container>div>table>thead>tr {
    background-color: #ffffff;
    color: #374051;
}

#intervention_calendar>div.fc-view-container>div>table>thead>tr>td>div>table>thead>tr>th.fc-axis.fc-widget-header,
#content_slot_free>div.fc-view-container>div>table>thead>tr>td>div>table>thead>tr>th.fc-axis.fc-widget-header {
    min-height: 35px;
    height: 35px;
}

#intervention_calendar>div.fc-view-container>div>table>thead>tr>td>div>table>thead>tr>th.fc-day-header,
#content_slot_free>div.fc-view-container>div>table>thead>tr>td>div>table>thead>tr>th.fc-day-header {
    vertical-align: middle;
    color: #374051;
}

#intervention_calendar .fc-today-button {
    margin-right: 5px;
}

#intervention_calendar .fc-day-header {
    text-transform: capitalize;
}

.alert_edit {
    float: right;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.event_opac {
    opacity: 0.3;
}

.int_desc {
    resize: vertical;
}

.veh_used {
    background-color: rgba(243, 86, 93, 0.5) !important;
}

.test_bg {
    background: red !important;
}

.inter_to_program {
    height: 35px;
    margin-bottom: 1em;
}

.inter_title {
    float: none !important;
    display: block !important;
    text-align: center;
    font-size: 12px !important;
    font-weight: bold;
}

/* INTER - INSTALL - PREVIEW */

.mix-grid .mix .mix-details {
    opacity: 0.9;
}

.mix-grid .mix a.mix-link,
.mix-grid .mix a.mix-preview {
    background: #546ae1 !important;
}

.event_drop:hover {
    color: white !important;
}

.event_to_program {
    background-color: #546ae1 !important;
}

.badge_pi {
    float: right;
    position: relative;
    right: -7px;
    top: -7px;
}

.badge_blue_vertuoza {
    background-color: #2945da;
}

.badge_purple_vertuoza {
    background-color: #684aab;
}

.badge_red_vertuoza {
    background-color: #ef3b2e;
}

.pic_size {
    width: 350px;
    height: 250px;
}

/* FACTURES FOURNISSEUR */

.num_sup {
    padding: 0px;
    padding-top: 7px !important;
    font-size: 8px !important;
}

/* OUVRIER */

#planning {
    margin: 20px 20px 20px 20px;
    width: 100%;
    display: inline-block;
    overflow-x: scroll;
    white-space: nowrap;
}

#planning>thead {
    width: 100%;
    height: 70px;
}

#planning>tbody {
    height: 700px;
    width: 100%;
    overflow-y: scroll;
}

#planning>thead>tr>th {
    min-width: 200px;
    width: 200px;
}

#planning>tbody>tr>td {
    min-width: 200px;
    width: 200px;
}

.p_th_title {
    min-height: 35px;
    height: 35px;
    background-color: #003fda;
    color: #ffffff;
}

.p_th_title>th {
    border: 1px solid #ffffff !important;
}

/*
.elem_planning{

}
*/

.p_info:hover {
    cursor: pointer !important;
    color: #374051;
    text-decoration: none;
}

.p_ch_title {
    min-height: 50px;
    height: 50px;
    /*margin-left: 10px;*/
}

.p_chantier_n {
    font-size: 18px;
    margin-left: 20px;
    font-weight: bold;
}

.p_chantier_c,
.p_chantier_g {
    font-size: 14px;
    margin-left: 20px;
}

.p_ch_bloc {
    font-size: 14px;
    font-weight: bold;
}

.p_ch_alinea {
    padding-left: 25px !important;
}

.add_r_title {
    font-size: 16px !important;
    font-weight: bold;
}

.used_ouvrier,
.used_veh {
    background-color: rgba(243, 86, 93, 0.5) !important;
}

.unused_ouvrier {
    background-color: #ffffff !important;
}

.abs_ouvrier {
    background-color: #eeeeee !important;
    position: relative;
    /*color : #FFFFFF !important;*/
}

.abs_ouvrier::before {
    content: "\f071";
    font: normal normal normal 14px/1 FontAwesome;
    right: 3px;
    bottom: 4px;
    position: absolute;
}

.abs_ouvrier {
    background-color: #eeeeee !important;
    position: relative;
    /*color : #FFFFFF !important;*/
}

.abs_ouvrier::before {
    content: "\f071";
    font: normal normal normal 14px/1 FontAwesome;
    right: 3px;
    bottom: 4px;
    position: absolute;
}

.week_end {
    /*background-color : rgba(239,243,248,1);*/
    background-color: rgba(41, 69, 218, 0.1);
}

.all_border {
    border: 1px solid grey !important;
}

.chantier_title {
    border-right: 1px solid grey !important;
    border-left: 1px solid grey !important;
}

.border_bottom {
    border-bottom: 2px solid grey !important;
}

.chantier_limit {
    border-bottom: 2px solid grey !important;
}

.chantier_name {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.chantier_title_name {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle !important;
}

.chantier_title_name a {
    color: #374051;
}

.page-planning {
    background: none;
}

#intervention_calendar .fc-day-header.color_day :not(a.signing-dot span):not(a.signing-dot) {
    padding: 2px 8px 2px 8px;
    border-radius: 20px;
    background-color: #e3edff;
}

#intervention_calendar .fc-day-header.color_day {
    background-color: white !important;
    color: #0050e9 !important;
}

#intervention_calendar .color_day {
    background-color: #f3f4f6 !important;
}

.color_day {
    background-color: rgba(255, 0, 0, 0.1) !important;
}

.plan_center {
    text-align: center;
    vertical-align: middle !important;
}

.plan_color {
    /* background-color:#F0CE7B; */
    background-color: #e0e6eb;
}

/* Carnet de route */
.back_chantier {
    font-size: 14px !important;
}

#title_cdr {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.suivi_chantier_button {
    border-radius: 8px !important;
    margin-top: 10px !important;
    background-color: white !important;
    border: 1px solid #d1d5db !important;
}

.suivi_chantier_button .chantier_card_address {
    color: #6b7280;
    text-align: center;
    font-weight: 500;
}

.suivi_chantier_button .chantier_card_name {
    color: #374051;
    text-align: center;
    font-weight: 600;
}

.chantier_card_address {
    min-height: 40px;
}

/* GENERAL */

.text_left {
    text-align: left !important;
}

.text_right {
    text-align: right;
}

.text_center {
    text-align: center !important;
}

.plan_height {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
}

.alert_plan {
    margin: 0 !important;
    padding: 0 !important;
}

/***************
** AVANCEMENT **
***************/

.little_write {
    font-size: 10px;
}

.medium_write {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.lineerror {
    background-color: #ffcccc !important;
}

.color_avancement {
    background-color: #f0ce7b;
}

.color_avancementbis {
    background-color: rgb(248, 255, 113);
}

.color_avancement_full {
    background-color: #26a69a;
}

/* Planning chantier */
/* MODAL */

.btn_planning {
    position: relative;
    top: 20px !important;
}

.check_exist {
    background-color: #26a69a !important;
}

#planning_chantier_d_info {
    /* position:fixed; */
    min-width: 890px;
    max-width: 890px;
    width: 890px;
    height: 700px !important;
    /* overflow-y:auto; */
    border: 1px solid #ddd;
    float: left;
}

#pg_table_d_info {
    min-width: 890px;
    max-width: 890px;
    width: 890px;
    height: 600px !important;
    overflow-y: auto;
}

.pg_tab_order {
    min-width: 40px;
    max-width: 40px;
    width: 40px;
}

.pg_tab_qte {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}

.pg_tab_unite {
    min-width: 70px;
    max-width: 70px;
    width: 70px;
}

.pg_tab_desc {
    min-width: 500px;
    max-width: 500px;
    width: 500px;
}

.pg_tab_range {
    min-width: 160px;
    max-width: 160px;
    width: 160px;
}

.pg_tab_desc_info {
    font-size: 9px;
}

.pg_tab_art_info {
    font-size: 9px;
    text-align: right;
}

.pg_tab_qte_info {
    font-size: 9px;
    text-align: right;
}

.th_spec_planning {
    min-width: 150px !important;
    max-width: 150px !important;
}

.th_spec_planning_impress {
    min-width: 300px !important;
    max-width: 300px !important;
}

.range-pc {
    vertical-align: middle;
    float: left;
    width: 100px !important;
}

.range-pc-amount {
    width: 30px;
    margin-left: 5px !important;
}

#planning_table_title>thead>tr>th {
    text-align: center;
}

#planning_table>thead>tr>th {
    text-align: center;
}

.new-planning-grp {
    background-color: yellowgreen;
}

.new-planning-grp:hover {
    background-color: yellowgreen !important;
}

#planning_chantier {
    float: left;
    margin-left: 5px;
    border: 1px solid #ddd;
    width: 370px;
}

#planning_chantier_processus {
    float: left;
    margin-left: 5px;
    border: 1px solid #ddd;
    width: 370px;
}

#planning_chantier_cotraitant {
    float: left;
    margin-left: 5px;
    border: 1px solid #ddd;
    width: 370px;
}

#planning_tab {
    float: left;
    width: auto;
}

#planning_table {
    float: left;
    width: auto;
}

#planning_table>tbody {
    height: 600px;
    display: inline-block;
    overflow: auto;
}

#planning_tab_imp {
    float: left;
    width: auto;
}

#planning_table_imp {
    float: left;
    width: auto;
}

#planning_table_imp>thead>tr>th {
    text-align: center;
}

.weekend {
    background-color: #f0ce7b !important;
    -webkit-print-color-adjust: exact;
}

.cell_day {
    width: 10px !important;
    min-width: 10px !important;
    max-width: 10px !important;
    font-size: 8px !important;
    padding: 0px !important;
    /* padding-top:5px !important; */
    /* padding-bottom:5px !important; */
    -webkit-print-color-adjust: exact;

    border: 0.5px solid lightgrey !important;
    vertical-align: middle !important;
}

.cell-sortable {
    padding: 0px !important;
    padding-left: 3px !important;
}

.cell_sem {
    font-size: 8px !important;
    padding-bottom: 10px !important;
}

.first-cell {
    font-size: 9px !important;
    padding: 0px !important;
    text-align: center;
}

.info_planning_size {
    font-size: 9px !important;
    padding: 0px !important;
    padding-left: 3px !important;
    padding-top: 3px !important;
}

.start_color {
    /*background-color: blue;*/
    height: 12px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: move;
    -webkit-print-color-adjust: exact;
}

.start_color_other {
    /*background-color: blue;*/
    height: 12px;
    cursor: move;

    -webkit-print-color-adjust: exact;
}

#all-screen {
    position: relative;
    width: 10000px !important;
}

#all-screen-impress {
    position: relative;
    width: auto !important;
}

/* RESIZABLE */

/**************
*** CMD SST ***
**************/

/****************
*** TABLE DEVIS *
****************/

#cmd_sst_d_info {
    /* position:fixed; */
    width: 100%;
    height: 700px !important;
    /* overflow-y:auto; */
    border: 1px solid #ddd;
    /* float:left;  */
}

#cmd_sst_tab_info {
    overflow-y: auto;
    height: 600px;
}

.cmd_sst_order {
    min-width: 5%;
    max-width: 5%;
    width: 5%;
}

.cmd_sst_art {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

.cmd_sst_qte {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

.cmd_sst_unite {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

.cmd_sst_desc {
    min-width: 75%;
    max-width: 75%;
    width: 75%;
}

.cmd_sst_desc_bis {
    min-width: 65%;
    max-width: 65%;
    width: 65%;
}

.cmd_sst_tab_qte {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

.cmd_sst_tab_unite {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

.cmd_sst_tab_desc {
    min-width: 40%;
    max-width: 40%;
    width: 40%;
}

.cmd_sst_tab_pu {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

.cmd_sst_tab_ptot {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

.cmd_sst_tab_marge {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

.cmd_sst_tab_delete {
    min-width: 10%;
    max-width: 10%;
    width: 10%;
}

/*** MAIL **/

.wysihtml5-sandbox {
    padding: 10px 1px 1px 10px !important;
    border: 1px solid #e5e5e5 !important;
}

/*********************
** GESTION DE STOCK **
*********************/

.products_list {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    /* width:400px; */
    width: 100%;
}

.products_list li {
    padding: 10px;
    background: #fafafa;
    border-bottom: #f0f0f0 1px solid;
}

.products_list li:hover {
    background: #f0f0f0;
}

.bc_text {
    text-align: center;
}

/*****************
*** MAGASINIER ***
*****************/

.color_mag {
    color: #374051;
    width: 100%;
    right: 0px !important;
    padding: 0px !important;
}

.link_mag {
    color: #ffffff;
}

.link_mag:hover {
    color: #ffffff;
}

.text_mag {
    text-align: center !important;
    font-weight: bold !important;
}

#planning_stock {
    margin: 20px 0px 0px 0px;
    position: relative;
    width: 1000px;
    z-index: 1;
}

#planning_stock_b {
    position: absolute;
    margin: 20px 0px 0px 0px;
    width: 1000px;
}

.table_stock {
    float: left;
}

.table_stock_b {
    float: left;
}

.tr_first_stock {
    height: 50px;
}

.tbody_stock {
    width: 1000px;
    display: inline-block;
    overflow: auto;
}

/******************************
****** PLANNING CHANTIER ******
******************************/

.pc_resize {
    border-right: 3px #eee solid;
}

.pc_left,
.pc_right {
    padding: 0px;
}

#pc_devis {
    min-width: 100%;
    width: 100%;
    height: 700px;
    display: inline-block;
    overflow: auto;
}

/*
div.twoscroll
{
	min-height:200px;
	max-height:700px;
	display:inline-block;
	overflow:auto;
}
*/
.pcg_table {
    float: left;
    width: auto;
    min-height: 200px;
    max-height: 700px;
    height: auto;
    display: inline-block;
    overflow: auto;
}

.pcg_table>thead>tr>th {
    padding: 0;
    border-right: 1px solid #374051;
}

.pcg_no_resize {
    border-bottom: 2px solid #ddd;
    border-right: 1px solid #374051;
    font-size: 8px;
    text-align: center;
    min-width: 30px;
    width: 40px;
}

.pcg_date_resize {
    border-bottom: 2px solid #ddd;
    border-right: 1px solid #374051;
    font-size: 8px;
    text-align: center;
    min-width: 150px;
    width: 150px;
}

.pcg_desc_resize {
    border-bottom: 2px solid #ddd;
    border-right: 1px solid #374051;
    font-size: 8px;
    text-align: center;
    min-width: 300px;
    width: 300px;
}

.pcg_month {
    text-align: center;
    min-width: 280px;
    max-width: 310px;
    border-right: 1px solid #374051;
}

.pcg_table>thead>tr.pcg_size>th {
    font-size: 8px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}

.pcg_table>thead>tr>th.thead-title {
    font-size: 14px;
}

.pc_info_table>thead>tr>th.cell-day {
    min-width: 20px !important;
    max-width: 20px !important;
    width: 20px !important;
}

.pcg_table>thead>tr,
.pc_info_table>thead>tr,
.pcg_table>tbody>tr.pc_row,
.pcg_table>tbody>tr>td.pc_id,
.pcg_table>tbody>tr>td.pc_desc,
.pcg_table>tbody>tr>td.pc_date {
    padding: 0;
    min-height: 25px;
    max-height: 25px;
    height: 25px;
}

.pcg_table>tbody>tr>td.pc_id,
.pcg_table>tbody>tr>td.pc_desc,
.pcg_table>tbody>tr>td.pc_date {
    border-right: 1px solid #374051;
    border-bottom: 1px solid #374051;
    vertical-align: middle;
}

.pc_info_table>tbody>tr>td.cell-day {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 0;
    min-height: 25px;
    max-height: 25px;
    height: 25px;
    min-width: 20px !important;
    max-width: 20px !important;
    width: 20px !important;
}

.pg_table>tbody>tr>td.pc_desc,
.pcg_table>tbody>tr>td.pc_desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 100px;
    max-width: 100px;
    width: auto;
}

.pcg_table>tbody>tr>td.pc_id,
.pcg_table>tbody>tr>td.pc_date {
    text-align: center;
    font-size: 11px;
}

.pc_info_table {
    float: left;
    max-width: 750px;
    width: auto;
    min-height: 200px;
    max-height: 700px;
    height: auto;
    display: inline-block;
    overflow: auto;
}

.pc_info_table>thead>tr>th {
    padding: 0;
    border-right: 1px solid #374051;
}

.pc_info_table>thead>tr.pcg_size>th {
    font-size: 8px;
    vertical-align: middle;
}

.modal-pcg {
    left: 0%;
    top: 0 !important;
    margin-top: 20px !important;
    margin: 20px !important;
    width: 930px;
    min-height: 200px;
    height: auto;
    padding: 10px;
}

#pcm_table {
    min-width: 900px;
    max-width: 900px;
    width: 900px;
}

#pcm_table>tbody>tr {
    min-height: 50px;
    max-height: 50px;
    height: 50px;
}

#pcm_table>tbody>tr>td.pc_m_left {
    min-width: 200px;
    max-width: 200px;
    width: 200px;
    min-height: 50px;
    max-height: 100px;
    height: auto;
}

#pcm_table>tbody>tr>td.pc_m_mid {
    min-width: 450px;
    max-width: 450px;
    width: 450px;
}

#pcm_table>tbody>tr>td>div.modal_desc {
    min-height: 100px;
    max-height: 100px;
    height: 100px !important;
    overflow-y: scroll;
}

#pcm_table>tbody>tr>td.pc_m_right {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}

#pcm_table>tbody>tr>td.pc_m_right_b {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}

.dev_checked {
    background-color: #26a69a !important;
}

.arrow_l,
.arrow_r {
    width: 0px;
    position: relative;
}

.arrow_l {
    top: 10px;
    right: 20px;
}

.arrow_r {
    bottom: 10px;
}

.modal_load {
    display: none;
    position: fixed;
    z-index: 10060;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8) url("https://i.stack.imgur.com/FhHRx.gif") 50% 50% no-repeat;
}

body.loading .modal_load {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal_load {
    display: block;
}

.container_loading {
    display: none;
    position: absolute;
    z-index: 10060;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8) url("https://i.stack.imgur.com/FhHRx.gif") 50% 50% no-repeat;
}

/*********
** DASH **
*********/

#plan_dash {
    margin: 20px 20px 20px 20px;
    float: left;
    display: inline-block;
    width: 100% !important;
    overflow: auto !important;
}

/**********************************
**** NOUVEAU PLANNING CHANTIER ****
**********************************/

#plan_chantier_i {
    float: left;
    width: auto;
    min-height: 200px;
    max-height: 700px;
    height: auto;
    display: inline-block;
    overflow: auto;
}

#plan_chantier_i>thead>tr>th.cell-day {
    min-width: 20px !important;
    max-width: 20px !important;
    width: 20px !important;
}

#plan_chantier_i>thead>tr {
    padding: 0;
    min-height: 25px;
    max-height: 25px;
    height: 25px;
}

#plan_chantier_i>thead>tr.pcg_size>th {
    border-right: 1px solid #374051;
    vertical-align: middle;
    text-align: center;
}

#plan_chantier_i>tbody>tr>td.cell-day {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 0;
    min-height: 25px;
    max-height: 25px;
    height: 25px;
    min-width: 20px !important;
    max-width: 20px !important;
    width: 20px !important;
}

#plan_chantier_i>tbody>tr>td.pc_id,
#plan_chantier_i>tbody>tr>td.pc_desc,
#plan_chantier_i>tbody>tr>td.pc_date {
    border-right: 1px solid #374051;
    border-bottom: 1px solid #374051;
    vertical-align: middle;
}

#plan_chantier_i>tbody>tr>td.pc_desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 100px;
    max-width: 100px;
    width: auto;
    font-size: 11px;
}

#plan_chantier_i>tbody>tr>td.pc_id,
#plan_chantier_i>tbody>tr>td.pc_date {
    text-align: center;
    font-size: 11px;
}

#previousButton {
    border-radius: 4px 0 0 4px;
    padding: 6px 18px;
}

#previousButton a {
    color: #374051;
}

#nextButton {
    margin-left: -3px;
    border-left: none;
    border-radius: 0 4px 4px 0;
    padding: 6px 18px;
}

#nextButton a {
    color: #374051;
}

/********************
*** TARIF TABLEAU ***
********************/

.tab_tar_1 {
    background-color: #aaa !important;
    /* background-color:#1BA39C; */
    /* background-color:#2C3E50; */
}

.tab_tar_2 {
    background-color: #ccc !important;
    /* background-color:#1BBC9B; */
    /* background-color:#4B77BE; */
}

.tab_tar_3 {
    background-color: #eee !important;
    /* background-color:#36D7B7; */
    /* background-color:#578ebe; */
}

.tab_tar_bold {
    font-weight: bold;
}

/*******************
*** INTERVENTION ***
*******************/

.int_left {
    text-align: center;
    margin-top: 50px;
}

.fc-axis {
    width: 50px !important;
}

.inputleft {
    text-align: left !important;
}

/********************
***** FORMATION *****
********************/

.img-form-height {
    height: 250px !important;
}

button.blue_vertuoza.disabled {
    background-color: #7e8fe9 !important;
}

.not-allowed {
    cursor: not-allowed;
}

.not-allowed {
    cursor: not-allowed;
}

.pointer {
    cursor: pointer !important;
}

tr[role="row"].overlay-focused {
    border-top: 3px solid #546ae1;
    border-left: 3px solid #546ae1;
    border-right: 3px solid #546ae1;
}

tr:not([role="row"]).overlay-focused {
    border-bottom: 3px solid #546ae1;
    border-left: 3px solid #546ae1;
    border-right: 3px solid #546ae1;
}

.a-form-search {
    position: relative;
    margin: auto;
    width: 50px;
    text-align: center;
    color: #555;
    display: block;
    cursor: pointer;
    padding: 10px 15px;
    /* background: #16b2f4; */
    background: #546ae1;
}

/************
*** DEVIS ***
************/

.dev_list {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    max-height: 250px;
    overflow: scroll;
}

.dev_list li {
    padding: 10px;
    background: #fafafa;
    border-bottom: #f0f0f0 1px solid;
}

.dev_list li:hover {
    background: #f0f0f0;
    cursor: pointer;
}

/***********************
*** PLANNING DE PROD ***
***********************/

#sav_chantier,
#sav_resume {
    min-height: 800px;
    height: 800px;
    overflow: scroll;
}

#ms-ouvrier,
#ms-ouvrier_s,
#ms-soustraitant,
#ms-vehicule {
    width: 340px !important;
}

/*****************
** STATISTIQUES **
*****************/

.pad_10 {
    padding: 10px 0px 10px 0px;
}

.fa-size-10 {
    font-size: 10px !important;
}

.fa-size-12 {
    font-size: 12px !important;
}

.fa-size-14 {
    font-size: 14px !important;
}

.fa-size-16 {
    font-size: 16px !important;
}

.fa-size-18 {
    font-size: 18px !important;
}

.fa-size-24 {
    font-size: 24px !important;
}

.margin_top_10 {
    margin-top: 10px;
}

.margin_top_20 {
    margin-top: 20px !important;
}

.margin_right_10 {
    margin-right: 10px;
}

.inbox-compose {
    border: none;
}

.stats_toolbar {
    height: 50px;
}

#ChartCaMensuel,
#ChartDevis,
#ChartDevisCRM,
#ChartDevisCRMSource,
#ChartCRMCommerciaux,
#ChartCRMSource,
#ChartCommandeMatos,
#ChartCommandeSoustraitant,
#ChartFacture,
#ChartDevisCRMCom,
#ChartCommandeNbInter,
#ChartInterResp,
#ChartInterType {
    height: 500px;
}

.stats_title_width {
    min-width: 112px;
}

.stats_devise_width {
    min-width: 105px;
}

/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: 0.5em 0.5em 0.5em 0.7em;
    min-height: 0;
    /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: 0.7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: 0.4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: 0.5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.datepicker .active {
    background-color: #003fda !important;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px 0.4em;
    line-height: 1.5;
    min-height: 0;
    /* support: IE7 */
    font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: 0.4em 0 0.2em;
    line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0.2em;
    left: 0.2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #374051;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: 0.2em 0;
    vertical-align: middle;
    margin-left: 0.4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: "Inter", sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "Inter", sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png);
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #374051 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: 0.2;
    filter: Alpha(Opacity=20);
    border-radius: 5px;
}

/* LE SELECT MULTI N'A PAS LA MEME FONT*/
.select2-container-multi .select2-choices .select2-search-field input {
    font-family: "Inter", sans-serif;
}

input::placeholder {
    color: "#6B7280" !important;
}

.select2_responsible {
    width: 100% !important;
}

/* REMOVE DU BORDER RADIUS SUR LE SELECT MULTI*/
.select2-container.select2-drop-above .select2-choice,
.select2-container-multi.select2-dropdown-open,
.select2-container-multi.select2-dropdown-open .select2-choices {
    border-radius: 0;
}

.none {
    display: none !important;
}

.o-0 {
    opacity: 0;
}

.table-fixed-generic th {
    background-color: white;
}

.table-fixed-generic thead th {
    position: sticky;
    top: 50px;
    z-index: 1;
    box-shadow: inset 0 -1px #e7ebf6;
}

.update-time {
    float: right;
    font-size: 14px;
    padding: 11px 0 9px 0;
}

#sendFilesMail table>thead>tr>th:nth-child(3) {
    width: 30px !important;
    max-width: 30px !important;
    text-align: center;
}

#sendFilesMail table>tbody>tr>td:nth-child(1) {
    white-space: nowrap;
}

#sendFilesMail table>tbody>tr>td:nth-child(3) {
    text-align: center;
}

#actionsFacture,
#actionsFactureFournisseur {
    left: auto !important;
}

#actionsFacture.dropdown-menu:before,
#actionsFactureFournisseur.dropdown-menu:before {
    left: auto;
    right: 10px;
}

#actionsFacture.dropdown-menu:after,
#actionsFactureFournisseur.dropdown-menu:after {
    left: auto;
    right: 11px;
}

/* Loading snipper
use : <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
----------------------------------*/

.lds-ring {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lds-ring[data-size="big"] {
    width: 46px;
    height: 46px;
}

.lds-ring[data-size="line"] {
    width: 22px;
    height: 22px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 2px;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring[data-size="line"] {
    left: 21px;
}

.lds-ring[data-size="big"] div {
    width: 46px;
    height: 46px;
    border: 3px solid #fff;
}

.lds-ring[data-size="line"] div {
    width: 22px;
    height: 22px;
    border: 3px solid #fff;
    margin: 0;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.lds-ring-parent {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999;
    opacity: 0.6;
}

.lds-ring-force-hide {
    opacity: 0 !important;
}

.lds-ring[data-color="#374051"] div {
    border-color: #c1c1c1 transparent transparent transparent;
}

.lds-ring[data-color="grey"] div {
    border-color: #dfdee1 transparent transparent transparent;
}

.lds-ring[data-color="dark-grey"] div {
    border-color: #c3c3c3 transparent transparent transparent;
}

/* Le loader (.lds-ring) a besoin de ceci pour bien se positionner dynamiquement*/
.btn {
    position: relative;
    font-weight: 500 !important;
}

.select2-search-choice {
    font-size: 12px !important;
}

.addRow {
    padding-bottom: 1%;
}

.modal_global_account {
    width: 600px !important;
    margin-left: -300px !important;
}

.globalAccountBtn {
    margin-left: 45%;
    margin-right: -35%;
}

#body_compte_generaux {
    padding: 0px !important;
}

#addGlobalAccountBtn {
    width: 75%;
}

.button_link {
    margin-top: 15px;
    text-align: center;
}

.textarea {
    display: block;
    width: 100%;
    overflow: hidden;
    min-height: 34px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    font-size: 14px !important;
    border-radius: 0;
    padding: 8px 6px 6px 6px;
    text-align: left;
    font-weight: 500;
}

.textarea:focus {
    border-color: #999;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.textarea[contenteditable]:empty::before {
    color: gray;
}

/*----------------------------------*/

/** Portabilité tablette */

@media (max-width: 950px) {
    .portlet.light {
        padding: 12px 5px 15px 5px;
    }

    .page-content {
        padding-top: 4px;
    }
}

@media (max-width: 1200px) {
    .container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .fc-event {
        font-size: 12px;
    }

    .fc-axis {
        width: 20px !important;
    }

    .fc-time-grid-event .fc-time {
        font-size: 12px;
    }

    /** MENU */
    .page-header .page-header-menu {
        background-image: linear-gradient(to right, #08104d, #061e77, #08104d);
        padding: 0;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav {
        background: none !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav>li>a {
        color: #fff !important;
    }

    .page-header .page-header-top .top-menu .navbar-nav {
        display: inline-block;
        margin: 0;
    }

    .page-content {
        height: 100%;
    }

    .fc-right {
        margin-right: 5px;
    }

    .control-label {
        font-size: 13px !important;
        font-weight: bold;
    }

    .modal-title {
        font-size: 24px;
    }

    .form-horizontal .control-label {
        text-align: left;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav>li {
        border-bottom: 0;
    }

    .form-control {
        font-size: 14px !important;
        height: 34px;
    }

    .page-header .page-header-top .page-logo .logo-default {
        width: auto;
    }

    h3 {
        font-size: 20px;
    }

    .select2-search input,
    .select2-results,
    .select2-container .select2-choice>.select2-chosen {
        font-size: 12px;
    }
}

.modal-mobile-md {
    width: 800px !important;
    left: calc(50% - 400px);
    margin-left: 0;
}

@media (max-width: 800px) {
    .modal-mobile-md {
        right: 1%;
        left: 1%;
        right: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
    }
}

.modal-mobile-sm {
    width: 400px !important;
    left: calc(50% - 200px);
    margin-left: 0;
}

@media (max-width: 400px) {
    .modal-mobile-sm {
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
    }
}

.modal-dialog {
    width: initial;
    margin: initial;
}

.page-header .page-header-top .menu-toggler {
    display: none;
}

#resume_actions {
    text-align: right;
}

#resume_actions a {
    margin-bottom: 20px;
    color: #374051;
    width: 100%;
    text-align: right;
}

#resume_actions i {
    margin-right: 5px;
    font-size: 24px;
    color: #374051;
    text-align: left;
    float: left;
    margin-top: 4px;
}

#resume_actions .btn+.btn {
    margin-left: 0px;
}

.modal-left-header {
    width: 150px;
    float: left;
    text-align: left;
}

.modal-right-header {
    width: 150px;
    float: right;
    text-align: right;
}

.label-value {
    font-size: 14px !important;
    text-align: left !important;
    margin-top: 1px;
    padding-top: 6px;
    margin-bottom: 0;
}

.fc button {
    height: 35px;
}

.fc-toolbar .fc-button {
    text-shadow: none;
}

.fc-toolbar .fc-state-active {
    color: white;
    border-color: #003fda;
}

.fc-toolbar .fc-button:not(.fc-state-active) {
    background-color: #ffffff !important;
    background-image: none;
    color: #919191;
}

.fc-day-header {
    position: relative;
}

.signing-dot-full {
    position: absolute;
    border-radius: 2px;
    right: 5px;
    padding: 2px 10px;
    margin-top: -2px;
    top: 8px;
    color: white;
}

.signing-dot-full:hover,
.signing-dot:hover,
.signing-dot-full:focus,
.signing-dot:focus {
    color: white;
    text-decoration: none;
}

.signing-dot-full[data-color="green"],
.signing-dot[data-color="green"] {
    background-color: #009462 !important;
}

.signing-dot-full[data-color="red"],
.signing-dot[data-color="red"] {
    background-color: #ff4117 !important;
}

.signing-dot[data-color="green"] {
    line-height: 1.3;
}

.signing-dot {
    border-radius: 15px;
    margin-left: 5px;
    padding: 3px 3px;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 7px;
    right: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    color: white;
}

/**************
 ** MENU     **
 **************/

#week-picker {
    cursor: pointer;
}

#weekPickerInput {
    width: 270px;
}

.bootstrap-timepicker-widget table td input {
    width: 50px;
    pointer-events: none;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    padding: 2px 19px 2px 10px;
}

.fc-state-disabled {
    opacity: 1;
}

.tooltip-inner {
    white-space: normal;
}

.bg_vertuoza {
    background-color: #003fda;
    color: white;
}

.bg_title {
    background-color: #060c3a;
}

.bg_subtitle {
    background-color: #616580;
}

.vertuoza-blockquote {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #000;
    background-color: #ebf0ff !important;
    border-left: 0px !important;
    margin-right: 65% !important;
}

.page-head-custom {
    margin-top: -15px;
}

#tb_add_dev>tbody>tr {
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
}

.table-devis-chantier {
    width: 100%;
}

.table-devis-chantier td {
    padding: 8px;
}

.table-devis-chantier th {
    padding: 8px;
}

.table-devis-chantier thead tr th {
    font-size: 14px;
    font-weight: 600;
}

/**
Dropdown simple
 */
.dropdown-simple.dropdown>.dropdown-menu:before,
.dropdown-toggle>.dropdown-menu:before,
.btn-group>.dropdown-menu:before {
    content: none;
}

.dropdown-simple.dropdown>.dropdown-menu:after,
.dropdown-toggle>.dropdown-menu:after,
.btn-group>.dropdown-menu:after {
    content: none;
}

.dropdown-simple.dropdown>button {
    text-align: right;
}

.dropdown-simple.dropdown i {
    font-size: 14px !important;
    margin-right: 5px;
}

.dropdown-simple.dropdown ul div {
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    width: 20px;
    text-align: right;
    display: inline-block;
}

.dropdown-simple.dropdown li a {
    padding: 5px 6px;
    padding-right: 20px;
}

.dropdown-simple.dropdown li i {
    color: #000 !important;
}

.dropdown-simple.dropdown .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.dropdown-simple.dropdown .dropdown-menu .divider {
    margin: 0;
}

.dropdown-simple.dropdown button i {}

.dropdown-simple.dropdown button {
    padding: 6px 8px;
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 34px;
}

.dropdown-simple.dropdown ul {
    margin: 0;
    min-width: 145px;
    margin-top: 0 !important;
}

.nav-icon {
    transition: transform 300ms ease 0s;
    flex: 0 0 20px;
    height: 20px;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    background-color: rgb(10 20 55 / 35%) !important;
}

.modal {
    box-shadow: 0 4px 6px -4px rgba(10, 20, 55, 0.1), 0 10px 15px -3px rgba(10, 20, 55, 0.1);
    -webkit-box-shadow: 0 4px 6px -4px rgba(10, 20, 55, 0.1), 0 10px 15px -3px rgba(10, 20, 55, 0.1);
    border: 1px solid #d1d5db;
}

.dataTables_length,
.dataTables_paginate {
    margin-top: 8px;
}

/* Override bootstrap default behavior  */
button[disabled],
html input[disabled] {
    cursor: not-allowed;
}


/* Signature Elect */
:root {
    --space: 60px;
}

#portlet-credits {
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    padding: 20px;

    display: grid;
    /* ou display: flex; selon votre besoin */
    gap: calc(var(--space) / 6);
    /* calcule la moitié de la variable --space */
}


:root {
    --space: 30px;
}

#box-credit-left {
    background-color: #F3F4F6;
    /* min-width:171px; */
    min-height: 123px;
    border-radius: 5.47px 0px 0px 0px;
    text-align: center;
    display: grid;
    padding: 16px;
    gap: calc(var(--space) / 3);
}

#subtitle-credits-left {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
}

#number-credits-left {
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #374051;
}

#link-credits-left a {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #0050E9;
    text-decoration: underline;
}

#link_credits-left a:hover {
    color: #0050E9;
}


:root {
    --space: 20px;
    /* Définir une variable pour l'espace total souhaité */
}

#portlet-credits-right {
    display: grid;
    /* ou display: flex; selon votre besoin */
    gap: calc(var(--space) / 2);
    /* calcule la moitié de la variable --space */
}

#title-credits-info {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: var(--color-neutral-700, #374051);
}

#body-credits-info {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    margin-bottom: 20px;
}

.line-credits-fa {
    padding-top: 5px;
    padding-bottom: 10px;
}

#link-credit-info,
#link-credit-info:hover {
    color: #0050E9;
    text-decoration: underline;
}

.credits-fa {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    padding: 12px;
    background-color: #F3F4F6;
}

.item-credits-info {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
}

#credits-modal-choice {
    width: 600px;
}

#credits-table-lines-choice {
    background: #F3F4F6;
}

#credits-table-lines-choice th {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #374051;
    border-right: 1px solid var(--color-neutral-200, #D1D5DB);
}

#credits-table-lines-choice>th:nth-child(1) {
    width: 50% !important;
}

#credits-table-lines-choice>th:nth-child(2),
#credits-table-lines-choice>th:nth-child(3) {
    width: 25% !important;
}

#credits-table-choice tbody tr td {
    padding: 6px;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #374051;

}

#credits_choice_id option[value=""] {
    color: #6B7280;
}

#credits_choice_note {
    display: none;
}

#credits_choice_note_info {
    border: none;
    background-color: #E3EDFF;
    color: #374051;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;

}

.sign_border {
    margin-top: 0px !important;
}

@media (min-width: 1220px) and (max-width: 1580px) {
    .line-credits-fa {
        padding-left: 0px;
    }
}

.academy_img {
    width: 859px;
    height: 268.44px;
}

#batiprix_modal {
    width: 95vw;
    max-height: 99vh !important;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 90%;
    display: none;
}

#batiprix_modal .modal-body {
    height: 100%;
    max-height: initial !important;
    padding: 0 !important;
}

#batiprix {
    border: 1px solid #0050E9;
    color: #0050E9;
    background-color: transparent;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

#batiprix .button-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    /* This corresponds to semibold */
    line-height: 20px;
    text-align: left;
}


/* INTEGRATION PAGE */

.container-integration {
    border-radius: 12px;
    padding: 32px;
    gap: calc(20px);
}

.box-integration {
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    padding: 24px;
    gap: calc(16px);
    min-width: 291px;
    width: 291px;
    max-width: 291px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.img-integration {
    width: 33px;
}

.title-integration {
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
}

.body-integration {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    min-height: 40px;
}

.button-integration {
    background-color: #0050E9 !important;
    color: #FFFFFF !important;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center !important;
    width: 110px;
    margin-top: auto;
}

.description-integration {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}

.connect-integration {
    background-color: #C4E8DD;
    border: solid 1px #7ED1B0;
    color: #0C3F3A;
    padding: 2px 0px 2px 0px;
    display: inline-block;
    width: 100px;
    height: 22px;
    border-radius: 9999px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
}

/* SWITCH BUTTON COMPANY/CONTACT */

.subcontractor-switch {
    position: relative;
    top: 8px;
    font-size: 10px;
}

#FormAddTask .modal-body,
#FormUpdTask .modal-body {
    max-height: 600px;
}