/**
 * GRID SYSTEM
 */

[class*="grid-"] {
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
}

.grid {
  display: flex;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  max-width: 100%;
}

.no-gutter {
  padding: 0rem !important;
}

[class*="column-"] {
  padding: 0.5rem;
  max-width: 100%;
  float: left;
}

.grid .column-1 {
  width: 8.333333%;
}

.grid .column-2 {
  width: 16.666666%;
}

.grid .column-3 {
  width: 25%;
}

.grid .column-4 {
  width: 33.333333%;
}

.grid .column-5 {
  width: 41.666666%;
}

.grid .column-6 {
  width: 50%;
}

.grid .column-7 {
  width: 58.333332%;
}

.grid .column-8 {
  width: 66.666665%;
}

.grid .column-9 {
  width: 75%;
}

.grid .column-10 {
  width: 83.333331%;
}

.grid .column-11 {
  width: 91.666664%;
}

.grid .column-12 {
  width: 100%;
}

.hide {
  display: none;
}

.show {
  display: block;
}

@media all and (max-width: 1200px) {
  .grid .column-lg-1 {
    width: 8.333333%;
  }

  .grid .column-lg-2 {
    width: 16.666666%;
  }

  .grid .column-lg-3 {
    width: 25%;
  }

  .grid .column-lg-4 {
    width: 33.333333%;
  }

  .grid .column-lg-5 {
    width: 41.666666%;
  }

  .grid .column-lg-6 {
    width: 50%;
  }

  .grid .column-lg-7 {
    width: 58.333332%;
  }

  .grid .column-lg-8 {
    width: 66.666665%;
  }

  .grid .column-lg-9 {
    width: 75%;
  }

  .grid .column-lg-10 {
    width: 83.333331%;
  }

  .grid .column-lg-11 {
    width: 91.666664%;
  }

  .grid .column-lg-12 {
    width: 100%;
  }

  .hide-lg {
    display: none;
  }

  .show-lg {
    display: block;
  }
}

@media all and (max-width: 992px) {
  .grid .column-md-1 {
    width: 8.333333%;
  }

  .grid .column-md-2 {
    width: 16.666666%;
  }

  .grid .column-md-3 {
    width: 25%;
  }

  .grid .column-md-4 {
    width: 33.333333%;
  }

  .grid .column-md-5 {
    width: 41.666666%;
  }

  .grid .column-md-6 {
    width: 50%;
  }

  .grid .column-md-7 {
    width: 58.333332%;
  }

  .grid .column-md-8 {
    width: 66.666665%;
  }

  .grid .column-md-9 {
    width: 75%;
  }

  .grid .column-md-10 {
    width: 83.333331%;
  }

  .grid .column-md-11 {
    width: 91.666664%;
  }

  .grid .column-md-12 {
    width: 100%;
  }

  .hide-md {
    display: none;
  }

  .show-md {
    display: block;
  }

  .calque.alerte .modal {

    width: 70%;
    height: auto;
  }
}

@media all and (max-width: 768px) {
  .grid .column-sm-1 {
    width: 8.333333%;
  }

  .grid .column-sm-2 {
    width: 16.666666%;
  }

  .grid .column-sm-3 {
    width: 25%;
  }

  .grid .column-sm-4 {
    width: 33.333333%;
  }

  .grid .column-sm-5 {
    width: 41.666666%;
  }

  .grid .column-sm-6 {
    width: 50%;
  }

  .grid .column-sm-7 {
    width: 58.333332%;
  }

  .grid .column-sm-8 {
    width: 66.666665%;
  }

  .grid .column-sm-9 {
    width: 75%;
  }

  .grid .column-sm-10 {
    width: 83.333331%;
  }

  .grid .column-sm-11 {
    width: 91.666664%;
  }

  .grid .column-sm-12 {
    width: 100%;
  }

  .hide-sm {
    display: none;
  }

  .show-sm {
    display: block;
  }

  .modal-full:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .modal-large:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .modal-medium:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .modal-small:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .modal-auto:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .calque:not(.multicalques) {
    width: 100% !important;
  }

  .modal-full:not(.multicalques) .modal {
    width: 100% !important;
  }

  .modal-large:not(.multicalques) .modal {
    width: 100% !important;
  }

  .modal-medium:not(.multicalques) .modal {
    width: 100% !important;
  }

  .modal-small:not(.multicalques) .modal {
    width: 100% !important;
  }
  .calque.alerte .modal {

    width: 90% !important;
    height: auto;
  }

  .calque.alerte .modal .modal-content .modal-alert-title, 
  .calque.alerte .modal .contenu_alerte,
  .calque.alerte .modal .modal-content .btn-section,
  .calque.alerte .modal .modal-content:before {

    width: 100% !important;
    text-align: center;
  }

  .btn-success, .annuler, .continue {
    width: 40%;
  }
}

@media all and (max-width: 576px) {
  .grid .column-xs-1 {
    width: 8.333333%;
  }

  .grid .column-xs-2 {
    width: 16.666666%;
  }

  .grid .column-xs-3 {
    width: 25%;
  }

  .grid .column-xs-4 {
    width: 33.333333%;
  }

  .grid .column-xs-5 {
    width: 41.666666%;
  }

  .grid .column-xs-6 {
    width: 50%;
  }

  .grid .column-xs-7 {
    width: 58.333332%;
  }

  .grid .column-xs-8 {
    width: 66.666665%;
  }

  .grid .column-xs-9 {
    width: 75%;
  }

  .grid .column-xs-10 {
    width: 83.333331%;
  }

  .grid .column-xs-11 {
    width: 91.666664%;
  }

  .grid .column-xs-12 {
    width: 100%;
  }

  .hide-xs {
    display: none;
  }

  .show-xs {
    display: block;
  }

  .modal-full:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .modal-large:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .modal-medium:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .modal-small:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .modal-auto:not(.multicalques) {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .calque:not(.multicalques) {
    width: 100% !important;
  }

  .modal-full:not(.multicalques) .modal {
    width: 100% !important;
    max-width: 100%;
  }

  .modal-large:not(.multicalques) .modal {
    width: 100% !important;
    max-width: 100%;
  }

  .modal-medium:not(.multicalques) .modal {
    width: 100% !important;
    max-width: 100%;
  }

  .modal-small:not(.multicalques) .modal {
    width: 100% !important;
    max-width: 100%;
  }

  .modal-auto:not(.multicalques) .modal {
    min-width: 0;
    width: auto;
  }

  .calque.alerte .modal {

    width: 90%;
    height: auto;
  }

  .calque.alerte .modal .modal-content .modal-alert-title, 
  .calque.alerte .modal .contenu_alerte,
  .calque.alerte .modal .modal-content .btn-section,
  .calque.alerte .modal .modal-content:before {

    width: 100% !important;
    text-align: center;
  }

  .menu {
    flex-wrap: wrap;
  }

  .container .main-content .menu .search-sidebar {

    flex-basis: 60%;
  }

  .breadcrumb {

    display: none !important;
  }

  .div_table .action-bar .container-pagination {

    float: none;
    width: 100%;
  }

  .btn-success, .annuler, .continue {
    width: 40% !important;
  }
}
/**  
 * END GRID SYSTEM
*/

@media (max-width: 1200px) {
  .container .sidebar {
    position: fixed;
    transform: translateX(-100%);
    transition: transform 0.5s ease;
    z-index: 300;
    bottom: 0;
    left: 0;
    min-width: 10rem;
    overflow-y: auto;
  }

  .container .search-sidebar-menu {
    position: fixed;
    /*transform: translateX(-100%);*/
    transition: transform 0.5s ease;
    z-index: 300;
    bottom: 0;
    left: 0;
    min-width: 10rem;
    overflow-y: auto;
  }

  /*.search-container {
    display: none;
  }*/

  .container .sidebar #logo {
    background-origin: padding-box;
  }

  .container .main-content {
    max-width: 100%;
  }

  .responsive-sidebar {
    display: block;
  }

  .horizontal-form .form-field {
    display: flex;
  }

  .horizontal-form .form-field label {
    max-width: 120px;
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
  }
}

@media (min-width: 1200px) {
  .container .sidebar {
    transform: translateX(0%);
    transition: transform 0.5s ease;
  }

  .container .search-sidebar-menu {
    transform: translateX(0%);
    transition: transform 0.5s ease;
  }

  .search-container {
    display: block !important;
  }

  .search-icon {
    display: none;
  }
}

@media (max-width: 768px) {
  .calque {
    height: 100%;
  }
  .calque .modal {
    height: 100%;
    max-width: 100%;
  }
  .calque .modal .contenu_scroll {
    max-height: calc(100% - 96px);
  }
  .calque .modal .form-action-bar {
    padding: 0.4rem 0.9rem;
    position: fixed;
    width: 100%;
    bottom: 0;
  }
  .calque div[id*="calque_"] form {
    height: 100%;
  }
  .calque div[id*="calque_"] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
}