@font-face { 
    font-family: 'lptent';
    src: url('ttf/lptent.eot');
    src: url('ttf/lptent.eot?#iefix') format('embedded-opentype'),
        url('ttf/lptent.woff') format('woff'),
        url('ttf/lptent.ttf') format('truetype'),
        url('ttf/lptent.svg#lptent') format('svg');
}
.horizontal-scrollbar
{
    overflow-x: auto; /*for horizontal scroll bar */
    overflow-y: hidden; /*for hiding vertical scroll bar */
}
.navbar-nav > .user-menu > .dropdown-menu {
    width: 234px;
}

.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper {
    margin-left: 210px;
}

.suivibat .main-header .navbar {
    background-color: #0074c8;
}
.suivibat .main-header .navbar .nav > li > a {
    color: #fff;
    padding: 17px 17px;
}
.suivibat .main-header .navbar .nav > li > a:hover,
.suivibat .main-header .navbar .nav > li > a:active,
.suivibat .main-header .navbar .nav > li > a:focus,
.suivibat .main-header .navbar .nav .open > a,
.suivibat .main-header .navbar .nav .open > a:hover,
.suivibat .main-header .navbar .nav .open > a:focus,
.suivibat .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.suivibat .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.suivibat .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.suivibat .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.suivibat .main-header .navbar .sidebar-toggle:hover {
    background-color: #005DA2;
}
@media (max-width: 767px) {
    .suivibat .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .suivibat .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .suivibat .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9;
    }

}
.suivibat .main-header .logo {
    background-color: #0074C9;
    color: #ffffff;
    border-bottom: 0 solid transparent;
    padding-top: 15px;
}
.suivibat .main-header .logo:hover {
    background-color: #005DA2;
}
.suivibat .main-header li.user-header {
    background-color: #3c8dbc;
}
.suivibat .content-header {
    background: transparent;
}
.main-header .navbar-custom-menu, .main-header .navbar-right {
    background-color: #0068B4;
}
.suivibat .wrapper,
.suivibat .main-sidebar,
.suivibat .left-side {
    background-color: #3c3c3b;
}
.suivibat .user-panel > .info,
.suivibat .user-panel > .info > a {
    color: #fff;
}
.suivibat .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}
.suivibat .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}
.suivibat .sidebar-menu > li:hover > a,
.suivibat .sidebar-menu > li.active > a,
.suivibat .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.suivibat .sidebar-menu > li.active > a:after, .suivibat .sidebar-menu > li:hover > a:after{
    content:"";
    position:absolute;
    height:0;
    width:0;
    left:100%;
    top:0;
    border:30px solid transparent;
    border-left: 20px solid #1e282c;
}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    overflow: inherit;
}

.suivibat .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}
.suivibat .sidebar a {
    color: #b8c7ce;
    font-size: 18px;
}
.suivibat .sidebar a:hover {
    text-decoration: none;
}
.suivibat .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}
.suivibat .sidebar-menu .treeview-menu > li.active > a,
.suivibat .sidebar-menu .treeview-menu > li > a:hover {
    color: #ffffff;
}
.suivibat .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}
.suivibat .sidebar-form input[type="text"],
.suivibat .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
}
.suivibat .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}
.suivibat .sidebar-form input[type="text"]:focus,
.suivibat .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.suivibat .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.suivibat .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}
.suivibat.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.suivibat.layout-top-nav .main-header > .logo:hover {
    background-color: #3b8ab8;
}

.titre {
    font-size: 16px;
    font-family: 'Open Sans', sans-sherif;
}

.sidebar-menu img {
    margin-right: 25px;
}

a.delete {
    color: red;
}

#result-filter {
    border-top: dotted 1px;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 15px;
}
#result-filter small {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
}

.result-filter {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #b9b9b9;
    margin-top: 3px;
}
.result-filter	div {
    position: relative;
    flex: 1;
}
.result-filter	input {
    width: 100%;
    height: 30px;
    opacity: 0;
}
.result-filter	label {
    position: absolute;
    top: 0; left: 0;
    color: #646464;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    border-right: 1px solid #b9b9b9;
    font-size: 14px;
    font-weight: normal;
}
.result-filter	div:last-child label {
    border-right: 0;
}
.result-filter	input:checked + label {
    background: #b2b2b1;
}
.year-filter, .search-filter {
    color: #549fcf;
    border-radius: 10px;
    border: solid 1px #0375be;
    margin-top: 3px;
}

@media (min-width: 992px) {
    .content-header > .breadcrumb {
        margin-top: -10px;
        padding: 10px 20px 10px 0;
    }
}

@media (min-height: 1000px) {
    .suivibat .sidebar-menu > li.bottom > a {
        margin-top: 720px;
    }    
}
@media (max-width: 991px) {
    .content-header > .breadcrumb {
        text-align:right;
        background: none;
    }
    #result-filter {
        margin-top: 0;
    }
    /*Hamburger*/
    .main-header .sidebar-toggle::before {
        font-size: 18px;
    }
    .sidebar-toggle p{
        display: none;
    }
    .suivibat .sidebar-menu > li.bottom > a {
        margin-top: inherit;
    }
}
@media (max-width: 767px) {
    .main-sidebar, .content-wrapper {
        margin-top: 75px;
    }
}

.content-header > .breadcrumb > li + li::before {
    content: '';
}

.inputWithIcon input[type=text]{
    padding-left:40px;
}

.inputWithIcon{
    position:relative;
    margin-top: 3px;
}

.inputWithIcon img{
    position:absolute;
    left:0;
    top:0px;
    padding:8px 8px;
    color:#aaa;
    transition:.3s;
    height: 40px;
}

#recherche::placeholder, #recherche -ms-input-placeholder, #recherche -ms-input-placeholder{
    color: #79b3d9;
}
#batresults {
    padding-bottom: 1000px;
}

.bat_results {
    width: 100%;
    font-weight: normal;
    text-align: center;
    font-size: 12px;
}
.bat_results img {
    height: 37px;
    border-radius: 50%;
    width: 37px;
}
.bat_in_progress img, .bat_finished img {
    height: 32px;
    width: inherit;
}

.bat_results th {
    background-color: #dadad9;
    text-align: center;
    font-weight: normal;
    font-family: 'open sans semibold';
    line-height: 1;
    padding: 5px;
}

.bat_results td {
    position:relative; 
    height:70px;
}
.bat_select input[type="checkbox"] {
    margin-left: 5px;
}
.bat_devis_number, .bat_graphiste {
    border: solid 2px #bfbfbe;
}
.bat_signed, .bat_deposit {
    border-top: solid 2px #bfbfbe;
    border-bottom: solid 2px #bfbfbe;
}
.bat_date, .bat_client_name, .bat_comment {
    background-color: #dadad9;
    /*font-size: 8px;*/
    border: solid 2px #bfbfbe;
}
.bat_results .bat_client_name, .bat_client_name .tabledit-input, .bat_results .bat_comment, .bat_comment .tabledit-input{
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}
.bat_number {
    background-color: #6f6f6e;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    border: solid 2px #bfbfbe;
}
.bat_select {
    border-top: solid 2px #bfbfbe;
    border-left: solid 2px #bfbfbe;
    border-bottom: solid 2px #bfbfbe;
}
.users_list {
    border-top: solid 2px #bfbfbe;
    border-bottom: solid 2px #bfbfbe;
}
#usersResults tr:nth-child(odd) {
    background-color: #D3D3D3;
}
.bat_img_user{
    border-top: solid 2px #bfbfbe;
    border-bottom: solid 2px #bfbfbe;
}
.bat_manager {
    border-top: solid 2px #bfbfbe;
    border-right: solid 2px #bfbfbe;
    border-bottom: solid 2px #bfbfbe;
}
.bat_sent {
    background-color: #6f6f6e;
    color: #fff;
    border: solid 2px #bfbfbe;
}
.bat_fabrication {
    background-color: #3c3c3b;
    color: #fff;
    border: solid 2px #bfbfbe;
}
.bat_status {
    background-color: #fff;
    border: solid 2px #bfbfbe;
}

.editable {
    position: relative;
    display: inline-block;
}
.bat_edit {
    background-image: url("../images/editer.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.bat_edit img {
    position:absolute;
    height: 13px;
    top: 5px;
}

.bat_in_progress img, .bat_finished img {
    height: 20px;
    margin-right: 15px;
}

/*********************************************/
.actionmodal-container {
    width: 100% !important;
    background-color: #0074C9;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    font-family: roboto;
}

.actionmodal-padding {
    padding: 30px;
}

.actionmodal-container h1 {
    text-align: center;
    font-size: 24px;
    font-family: roboto;
    color: #fff;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #3C3C3B;
    margin-top: inherit;
    text-transform: uppercase;
}

.actionmodal-container input[type=submit] {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.actionmodal-container input[type=text] {
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.actionmodal-container input[type=text]:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.actionmodal {
    text-align: center;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    height: 36px;
    padding: 0 8px;
}

.actionmodal-submit {
    border: 0px;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.1); 
    background-color: #4d90fe;
    padding: 17px 0px;
    font-family: roboto;
    font-size: 14px;
}

.actionmodal-submit:hover {
    border: 0px;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    background-color: #357ae8;
}

.actionmodal-container a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    text-align: center;
    display: inline-block;
}

.actionmodal-container label {
    color: #fff;
    font-size: 12px;
    display: block;
}

.actionmodal-container .form-control {
    color: #2b8ccb;
}

.actionmodal-container .confirmation-message {
    color: #fff;
    padding-top: 20px;
    padding-bottom: 60px;
}

.modal {
    background: rgba(255, 255, 255, 0.3);
}

.modal-dialog {
    width: 600px;
    margin: 8% auto;
}
.sidebar-menu {
    min-height: 100%;
}

.dropdown-toggle span {
    font-family: 'Open Sans';
}

.dropdown-toggle small {
    font-size: 10px;
}

@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}

.administration_title {
    font-size: 22px;
    color: #3C8DBC;
    font-weight: bold;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

.tabledit-input {
    background: none;
    background-image: none;
    font-size: 16px;
    color: #000;
    border: none;
    text-align: center;
}
.bat_number .tabledit-input, .bat_send .tabledit-input, .bat_fabrication .tabledit-input {
    color: #fff;
}

.login-page, .register-page {
    background: #0074C9;
}

.background {
    background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
}

.login-box input[type="email"], .login-box input[type="password"]{
    background-color: #0074c8;
    color: #fff;
}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #fff;
}
.login-box input[type="email"]::placeholder, .login-box input[type="password"]::placeholder {
    color: #fff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #fff;
    color: #0074c8;
    border: solid 1px #0074c8;
}
.btn-primary {
    background-color: #0074c8;
    border-color: #0074c8;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
    padding: 17px 5px 17px 20px;
}

.bat_in_progress:before, .bat_finished:before {
    font-family: 'lptent';
    content: "S";
    font-size: 16px;
    padding-right: 10px;
}
.bat_finished:before {
    content: "r";
}
.bat_in_progress, .bat_finished {
    background-color: #48ac33;
    color: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 15px;
    border: solid 1px #368326;
    display: inline-flex;
    font-size: 14px;
}
.bat_finished {
    background-color: #0073bc;
    border: solid 1px #004e7f;
}
.main-header .sidebar-toggle::before {
    font-family: 'lptent';
    content: '#';
}

#alert-message-form {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: red;
}

.content-header > .breadcrumb > li > a.import_csv, .content-header > .breadcrumb > li > a.export_csv {
    color: #0074C8;
}

@media only screen and (orientation:portrait) {
    .wrapper {
        display:none;
    }
    .must_be_landscape {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: 'Open Sans';
        background-color: #0074C8;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }
    .must_be_landscape p {
        margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
        transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
    }
}
@media only screen and (orientation:landscape) {
    .must_be_landscape {
        display:none;
    }
}

.content-header {
    margin-top: 40px;
}

#refreshed_users, #refreshed_results {
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
}

.bat_results {
    table-layout: fixed;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.table-responsive {
    margin-top: -20px;
}

.table_list_bat_responsive, .table_list_users_responsive {
    min-width: 1450px;
}

/******************************************
.sidebar-collapse .table_list_bat_responsive th:first-child+th+th+th+th+th+th+th+th+th+th+th+th+th {
    width: 400px;
}
.sidebar-collapse .table_list_bat_responsive td:first-child+td+td+td+td+td+td+td+td+td+td+td+td+td+td {
    width: 400px;
}
***********************************/

/* Responsive option */
/************************************************************************
@media (max-width: 1919px) {
    .table_list_bat_responsive {
        max-width: 1450px;
        min-width: 1450px;
    }

    .table_list_bat_responsive th:first-child+th+th {
        width: 121px;
    }
    .table_list_bat_responsive th:first-child+th+th+th+th {
        width: 90px;
    }
    .table_list_bat_responsive th:first-child+th+th+th+th+th {
        width: 200px;
    }
    .table_list_bat_responsive th:first-child+th+th+th+th+th+th+th+th+th, .table_list_bat_responsive th:first-child+th+th+th+th+th+th+th+th+th+th {
        width: 60px;
    }
    .table_list_bat_responsive th:first-child+th+th+th+th+th+th+th+th+th+th+th+th+th {
        width: 140px;
    }
    .sidebar-collapse .table_list_bat_responsive th:first-child+th+th+th+th+th+th+th+th+th+th+th+th+th {
        width: 280px;
    }
    .table_list_bat_responsive td:first-child+td+td+td {
        width: 80px;
    }
    .table_list_bat_responsive td:first-child+td+td+td+td+td+td {
        width: 200px;
    }
    .table_list_bat_responsive td:first-child+td+td+td+td+td+td+td+td+td+td+td+td+td+td {
        width: 140px;
    }
    .sidebar-collapse .table_list_bat_responsive td:first-child+td+td+td+td+td+td+td+td+td+td+td+td+td+td {
        width: 320px;
    }

    .table_list_bat_responsive td:first-child+td+td+td+td+td+td+td+td+td+td, .table_list_bat_responsive td:first-child+td+td+td+td+td+td+td+td+td+td+td {
        width: 60px;
    }

    .table_list_users_responsive th:first-child+th+th+th {
        width: 160px;
    }
    .table_list_users_responsive td:first-child+td+td+td {
        width: 160px;
    }
    .table_list_users_responsive th:first-child+th+th+th+th {
        width: 180px;
    }
    .table_list_users_responsive td:first-child+td+td+td+td {
        width: 180px;
    }
    .table_list_users_responsive th:first-child+th+th+th+th+th, .table_list_users_responsive th:first-child+th+th+th+th+th+th{
        width: 180px;
    }
    .table_list_users_responsive td:first-child+td+td+td+td+td, .table_list_users_responsive td:first-child+td+td+td+td+td+td{
        width: 180px;
    }
}
****************************************************/

/* Enlever le jaune de Chrome */
input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px #0074C8 inset;
}

.header_bat_results, .header_users_results {
    margin-top: 20px;
}

@media (max-width: 1023px) {
    .background {
        background-image: none;
    }
}

@media (max-width: 767px) {
    .suivibat .main-header .logo {
        display: none;
    }
    .main-header .sidebar-toggle {
        padding: 9px 9px;
    }
    .suivibat .main-header .navbar .nav > li > a {
        padding: 10px 10px;
    }
    .navbar-nav > .user-menu .user-image {
        width: 32px;
        height: 32px;
    }
    .main-header .navbar {
        min-height: 46px;
    }
    .main-sidebar, .content-wrapper {
        margin-top: -54px;
    }
    .content-header {
        margin-top: -15px;
    }

    .inputWithIcon input[type="text"], .year-filter, .search-filter {
        margin-bottom: 20px;
    }
    .result-filter {
        margin-top: 20px;
    }
    #refreshed_users, #refreshed_results {
        position: relative;
    }
}

.scroll_y {
    width: 100%;
    overflow-y: scroll;
}


.bat_results .bat_sent span, .bat_results .bat_comment span {
    padding-top: 15px;
    padding-bottom: 15px;
}
/*Agrandir en hauteur au survol des cases*/
.bat_results .bat_client_name span, .bat_results .bat_devis_number span, .bat_results .bat_sent span, .bat_results .bat_sent_achat span, .bat_results .bat_fabrication span, .bat_results .bat_comment span  {
    max-height: 70px;
    overflow: hidden;
    display: block;
    /*padding-top: 5px;*/
    padding-left: 5px;
    padding-right: 5px;
}
.bat_results .bat_client_name span:hover, .bat_results .bat_devis_number span:hover, .bat_results .bat_sent span:hover, .bat_results .bat_sent_achat span:hover, .bat_results .bat_fabrication span:hover, .bat_results .bat_comment span:hover {
    max-height: inherit;
}


/*div.bat_send {
    display: block;
    max-height: 70px;
    min-height: 70px;
    overflow: hidden;
    word-wrap: break-word;
}*/

/*
.bat_comment {
    min-height: 70px;
    min-width: 220px;
    max-width: 220px;
    overflow: hidden;
    background-image: url("../images/editer.png");
    background-position: right top;
    background-repeat: no-repeat;
    word-wrap: break-word;
}
.bat_comment .tabledit-span {
    display: block;
    min-width: 220px;
    max-width: 220px;
    min-height: 70px;
    max-height: 70px;
    overflow: hidden;
}
.bat_comment .tabledit-span:hover {
    display: inherit;max-height: inherit;
}
.bat_comment .tabledit-input {
    min-height: 70px;
    max-height: 70px;
    min-width: 220px;
    max-width: 220px;
}
.bat_comment:hover {
    max-height: inherit;
}


#batresults .tabledit-span, .bat_sent {

    display: block;
    max-height: 70px;
    overflow: hidden;

}
#batresults .tabledit-span:hover, .bat_sent:hover {
display: block;
max-height: inherit;
overflow: hidden;
}
.bat_comment div {
    display: block;
    max-height: 70px;
    overflow: hidden;
}
.bat_comment div:hover {
    max-height: inherit;
}
*/