/* ========================================================
*
* Melon - Flat & Responsive Admin Template
*
* ========================================================
*
* File: responsive.css
* Description: Template styles for responsive design (for phone and tablet devices)
* Version: 1.0
*
* ======================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
#list_dscOh div.dataTables_wrapper div.dataTables_paginate{
  display: none !important;
}
#list_dscOh div#DataTables_Table_0_info {
    display: none;
}
#list_dscOh .btn-primary{
  display: none;
}
#list_dscOa .btn-primary{
    display: none;
}
#list_dscOa #add-dscOa{
    display: block;
}
.desktop_version{
  display: block
}
.mobile_version{
  display: none;
}
/*#list_dscOh .btn-primary{
  display: none;
}*/
.dataTables_filter{
  display: none;
}
div#vitseTable_length{
  display: none;
}
.dataTables_length{
  display: none;
}
.dataTables_info{
  display: none;
}
.letsidebare .desktop{
  display: block;
}
.letsidebare .mobile{
  display: none;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
  display: none;
}
/* # Responsive Classes
================================================== */
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .desktop_version{
    display: none
  }
  .mobile_version{
    display: block;
  }
}
.visible-print {
  display: none !important;
}
@media print {

  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }

}
/* # Media Queries
================================================== */
/* # Responsive Navbar/Navigation/Sidebar
================================================== */
/* # From 979px and below
-------------------------------------------------- */
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar {
    position: relative;
    margin-bottom: 0;
  }
  .navbar .navbar-inner {
    padding: 0px;
  }
  .navbar .container {
    width: auto;
  }
  .navbar .navbar-brand {
    width: 159px;
    font-size: 17px;
  }
  .navbar .toggle-sidebar {
    display: none;
  }
  .navbar-fixed-top {
    margin-right: 0px;
    margin-left: 0px;
  }
  #container.fixed-header {
    margin-top: 0;
  }
  .sidebar-fixed,
  #sidebar {
    /*position: relative !important;*/
    top: 0;
  }
  #divider {
    left: -8px;
  }
}
@media (max-width: 767px) {
  .navbar .navbar-brand {
    padding: 10px 20px 10px;
    margin-left: -10px;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
/* # Large desktops
-------------------------------------------------- */
@media (min-width: 1200px) {
  
}
/* # Tablets to regular desktops
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  #sidebar {
    /*width: 180px;*/
    overflow: visible;
    float: left;
    border-right: 1px solid #d1d1d1;
  }
  #sidebar ul#nav > li.current > a {
    border-right: 2px solid #668eb0;
  }
  #sidebar ul#nav > li.current > a > .arrow {
    right: 2px !important;
  }
  #sidebar ul#nav li a {
    font-size: 12px;
  }
  #sidebar ul#nav li ul.sub-menu {
    margin-left: 0px;
  }
  #sidebar ul#nav li ul.sub-menu li a {
    font-size: 11px;
  }
  #sidebar ul#nav li ul.sub-menu li ul.sub-menu {
    margin-left: 10px;
    margin-right: 0;
  }
  #divider {
    display: none;
  }
  .slimScrollBar,
  .slimScrollRail {
    display: none !important;
  }
  #content {
    margin-left: 181px;
  }
  /*[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
  		display: block;
  		float: none;
  		width: 100%;
  		margin-left: 0;
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  	}*/
  .crumbs .crumb-buttons > li > a > span {
    display: none;
  }
  .page-stats li:first-child {
    margin-left: 0;
    padding-left: 0;
  }
  .page-stats li .summary {
    margin-right: 5px;
  }
  .input-xxlarge {
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* # Phones to portrait tablets and narrow desktops
-------------------------------------------------- */
@media (max-width: 767px) {
  .letsidebare .desktop{
    display: none;
  }
  .letsidebare .mobile{
    display: block;
  }
  .modal-dialog {
  width: 100% !important;
  }
  .modal-dialog .close span{
   font-size:22px;
  }
  body.modal-open, 
  .modal-open .navbar-fixed-top,
  .modal-open .navbar-fixed-bottom{
    margin-right: 0px;
  }
  span.dtr-title{
    font-size: 14px;
  }
  .letsidebare .tab{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45%;
    margin: 20px 0px;
  }

  .xdsoft_noselect {
    width: 90% !important;
    left: 0px !important;
    right: 0px !important;
    margin: auto !important;
  }
  .xdsoft_calendar table tr td {
    padding: 15px 8px!important;
  }
  .tables_processing{
    left: 0px;
    right: 0px;
    margin: auto;
  }
  table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
  table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    display:block;
  }
  .dashboard table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
  .dashboard table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    top:20px;
    left:-20px;
  }

  table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
  table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    top: 35px;
    left:10px;
  }
  #list_dscOh table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
  #list_dscOh table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    top: 38px;
    left: -12px;
  }
    #list_dscOa table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
    #list_dscOa table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
        top: 38px;
        left: -12px;
    }
    .listGestion table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
    .listGestion table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
        top:28px;
        left: -10px;
    }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    margin: 0px;
    padding: 0px;
    white-space: initial;
  }
  .pagination>li>a, .pagination>li>span{
        padding: 6px 8px;
  }
  #container .stage-left {
    position: relative;
    left: auto;
    width: 100%;
    top: 0;
    padding-bottom: 5px;
    text-align: center;
    display: inline-block;
    margin-bottom: 50px;
  }
  #container .box_qualite_visite {
    width: 70%;
    margin: auto;
   }
  #container .panel.panel-default {
    min-width: 100%;
  }
  #container .visitebox {
    padding-bottom: 25px;
    padding-top: 35px;
  }
   #container .visitebox textarea.form-control {
    min-height: 80px;
  }
  #container .signature{
    position: relative;
  }
  #container div#content {
    position: relative;
    margin: 0px;
    min-height: auto;
  }
  #container #stage-right.open {
    right: 0px;
    padding-bottom: 30px;
    position: relative;
    right: auto;
    left: auto;
  }

  #container .letsidebare .main-side{
      margin: 60px 0 0 0;
  }
  .visite_header{
    display: inline-block;
    text-align: center;
  }
  span.etat {
    float: none !important;
    display: inline-block;
    margin-top: 10px;
  }
  .sweet-alert.showSweetAlert {
    width: 80%;
    margin: auto;
    left: 0;
    right: 0px;
 }
  .navbar .dropdown-menu{
    left: initial !important;
    right:2px;
  }
  div.dataTables_wrapper div.dataTables_filter label{
    min-width: 70%;
    margin-top: 10px;
  }
  
 /* table.dataTable thead th:nth-child(4),
  table.dataTable tbody td:nth-child(4){
    display: none !important;
  }*/

/*  div#DataTables_Table_0_filter {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
 }*/
 .main-side .searchListe #searchAll{
   width: 100%;
 }
  div#dashbord_oh {
 /*margin-top: 110px;*/
      display: block;
  }
  .advanced_search.active {
    width: 100%;
    top:115px;
  }
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  html {
    overflow-x: hidden;
  }
  .btn-primary{
    z-index: 0 !important;
  }
  .container {
    padding: 0;
  }
  #content {
    margin-left: 0;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  body .login-us {
    position: absolute !important;
    right:0px !important;
    left: 0px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    display: contents !important;
  }
  .box.sub-menu{
     position: relative !important;
    right:0px !important;
    left: 0px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
  }
   body .box .content {
      margin: auto;
      width: 80% !important;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 30%;
  }
  .ios_version ul#nav{
     margin-top: 60px !important; 
  }
  .navbar .container {
    padding: 0;
  }
  .navbar .container .nav > li.nav-toggle {
    display: block;
  }
  .navbar .container .navbar-brand {
    display: none;
  }
  .navbar .container .username {
    display: none;
  }
  .navbar .container .nav-left {
    margin-left: -2px;
  }
  .navbar .container .navbar-nav {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
 .is-visite-detail .container .navbar-nav{
    display: none;
  }
   .is-visite-detail .container .navbar-right{
    display: block;
  }
  .navbar .container .navbar-nav.pull-right {
    float: right;
    width: auto;
  }
  .navbar .container .navbar-nav > li {
    float: left;
  }
  .navbar .container .nav > li > .dropdown-menu.extended {
    margin-right: -150px;
    width: 260px;
  }
  .navbar .container .nav > li > .dropdown-menu.extended > li > a {
    color: #6f6f6f;
    padding: 8px;
  }
  .navbar .container .nav > li > .dropdown-menu.extended > li > a:hover {
    background-color: #4d7496;
    color: #fff;
  }
  .navbar .container .nav > li > .dropdown-menu.extended > li.footer > a {
    background-color: #f9f9f9;
  }
  #divider {
    display: none;
  }
  /* * * * * * * * * * * *
  	 * Project Switcher
  	 * * * * * * * * * * * */
  #project-switcher .project-list li {
    padding: 0 10px;
  }
  #container {
    position: relative;
    left: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #sidebar {
    /*position: fixed !important;*/
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    margin-left: 0px !important;
    width: 80%;
    height: 100%;
    z-index: 1;
    border-right: 1px solid #d1d1d1;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease;
    margin-top:0px !important;
    display: none;
  }
   .crumbs {
    overflow: initial;
    margin: auto;
    display: grid;
    padding-bottom: 30px;
    height: 60px;
   }
  .crumbs .breadcrumb{
       padding: 8px 6px;
   }
   .crumbs .breadcrumb li{
    padding-right: 0px;
   }
   .crumbs .breadcrumb li.current a{
    font-size:10px;
   }
   .crumbs .breadcrumb li a{
    font-size: 11px;
   }
   .main-side .crumbs div#topCex{
    float: none;
    padding-top: 20px;
    overflow: initial;
    text-align: center;
    justify-content: center;
    align-items: center;
   }
  .main-side .crumbs div#topCex .btn-primary{
    z-index: 0;
   }
   .main-side .advanced_search{
    border:none;
   }
   #stage-right{
    width: 100% !important;
   }
  .nav-open  #sidebar {
    display: block;
  }

#list_dscOh .btn-primary{
display:block;
}
#list_dscOa .btn-primary{
    display:block;
}
  #list_dscOh .pagination>li {
    display: inline;
    margin-bottom: 5px;
    display: inline-block;
  }
    #list_dscOa .pagination>li {
        display: inline;
        margin-bottom: 5px;
        display: inline-block;
    }
  #sidebar ul#nav > li.current > a {
    border-right: 2px solid #668eb0;
  }
  #sidebar ul#nav li a {
    padding: 12px 15px;
  }
  #sidebar ul#nav li ul.sub-menu li a {
    padding: 10px 15px 10px 20px;
  }
  #container,
  .header,
  #sidebar {
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease;
  }
  .nav-open #container,
  .nav-open .header,
  .nav-open #sidebar {
  /*  left: 250px;*/
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease;
  }
  .nav-open #sidebar {
    left: 0;
    z-index:999;
  }
  .crumbs .crumb-buttons > li > a > span {
    display: none;
  }
  .daterangepicker.dropdown-menu {
    min-width: 0px !important;
  }
  .daterangepicker.opensleft .calendar.right {
    float: none;
  }
  .left-box,
  .right-box {
    width: 100%;
    float: none;
  }
  .dual-control {
    width: auto;
    margin: 20px 0;
    position: static;
    left: 0;
  }
  .btn-group,
  .input-append,
  .input-prepend {
    white-space: normal;
  }
  .form-horizontal .form-actions {
    padding-left: 20px;
    padding-right: 20px;
  }
  .form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
  }
  .input-width-large,
  .input-width-xlarge,
  .input-width-xxlarge {
    width: 100% !important;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .select2-container-multi.full-width-fix .select2-search-field input {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .page-header {
    text-align: center;
    margin: 0 auto;
  }
  .page-header .page-title {
    float: none;
  }
  .page-header .page-stats {
    display: none;
  }
  .crumbs {
    text-align: center;
  }
/*  .crumbs .breadcrumb {
    display: none;
  }*/
  .crumbs .crumb-buttons {
    float: none;
    margin: 0 auto;
    display: inline-block;
    height: 40px;
  }
   .main-side .crumbs {
     display: block;
   }
  .main-side .crumbs .box_select{
    margin-bottom: 10px;
   }
  .main-side .crumbs div#topCex{
    display: block;
    float: left;
    min-width: 80%;
  }
  /* * * * * * * * * * * *
  	 * Login
  	 * * * * * * * * * * * */
  .login .logo {
    margin-top: 0 !important;
  }
  .login .box {
    width: 100% !important;
  }
  .login .single-sign-on {
    width: 90% !important;
  }
}