/* css */
  .load-devis-table-inner ,
  .table-outer-div {
    overflow-x: auto;
  }
  .devis-creation-title-div {
    float: left;
  }
  .devis-stats {
    margin-bottom: 10px;
  }
  .devis-stats #yeardiv, 
  .devis-stats #yearRepdiv,
  .devis-stats .yeardiv {
    max-width: 150px;
    width: 100%;
    margin-bottom: 5px;
  }
  .devis-stats #monthdiv,
  .devis-stats #monthRepdiv,
  .devis-stats .monthdiv {
    max-width: 200px;
    width: 100%;
  }
   .devis-stats #yeardiv select,
   .devis-stats #yearRepdiv select,
   .devis-stats .yeardiv select {
    width: 100%;
    margin-bottom: 10px;
   }
   .devis-stats #monthdiv select,
   .devis-stats #monthRepdiv,
   .devis-stats .monthdiv select {
    width: 100%;
   }
   .devis-stats #annualdiv,
   .devis-stats .annualdiv {
    max-width: 100px;
    width: 100%;
   }
   .padding-15-l-r {
    padding-left: 15px;
    padding-right: 15px;
   }
   .agent-top-btn button {
    margin: 0 5px;
   }
   /* contract page */
   .contract-top-1 {
    padding: 10px 0 5px 0; 
    background-color: #fff; 
   }
   .contract-top-1 .select-label-div{
    float: left;
    max-width: 165px;
    margin-left: 25px;
   }
   .contract-top-1 .select-div{
      float: left;
      max-width: 350px;
      width: 100%;
      padding-left: 20px;
    }
    .contract-top-1 .select-div select {
      width:100%; 
      height:25px; 
      margin-left:8px;
   }
   .contract-top-1 .top-right-col{
    
   }
    .contract-top-1 .top-right-col #search{
      float:left;
      margin-top: 0; 
      max-width:185px;
      width: 100%;
   }
    .contract-top-1 .top-right-col #undo{
      float:right;
      margin-top: 0; 
   }
    .contract-top-2 {
      background-color: #fff;
      padding-top: 15px;
      padding-bottom: 15px;
  }
   .contract-top-2 button {
      margin: 0 8px;
      width: 15%;
   }
   .contract-top-3 {
    padding-bottom: 10px;
    background-color: #fff;
   }

    .contract-top-3 .form-date-col label{
      float: left;
      width: 35%;
      margin-bottom: 0;
      padding-top: 5px;
    }
    .contract-top-3 .form-date-col input{
      width: 65%;
    }
    .contract-top-3 .to-date-col label  {
    float: left;
    width: 25%;
    padding-top: 5px;
    }
    .contract-top-3 .to-date-col input {
      width: 70%;
    }
    .contract-nouveau-div {
      padding-top: 20px;
    }
   /* Edit Contract page*/
   .ibox-title.edit-contract-title {
    height: auto;
   }
   /*.ibox-title.edit-contract-title h5 {
    margin-bottom: 0;
   }*/
   .edit-contract-title .btn.stepContent {

   }
   .edit-contract-title .ace-switch-5-outer{
    display: inline-block;
    position: relative;
   }
   .edit-contract-title {

   }
   #commentTab textarea#status_comment,
   #commentCarnet textarea#carnet_comment {
    width: 100%;
   }
   #fichesPassTab .ibox-content {
    padding-bottom: 0;
   }
  
  #load_payment_link_form .form-group {
    margin-bottom: 0;
  }

  #paymentLinkTab .lien-da-btn-col {
    margin-top: 28px;
  }
  #paymentLinkTab .col-sm-6,
  #paymentLinkTab .col-sm-4 {
    margin: 5px 0;
  } 
  #cdvTab .dropzone .dz-default.dz-message ,
  #companyDocTab .dropzone .dz-default.dz-message {
    max-width: 428px;
    width: 100%;
    height: 123px;
    transform: translate(-50%,-50%);
    margin: 0 !important;
  }
  /* promotion page css */
  .promotion-top-btn-div,
  .demand-top-btn-div {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        /*padding-top: 15px;*/
  }
  .promotion-top-form-div,
  .demand-top-form-div {
    padding-bottom: 10px;
  }
  .contract-top-2 .promotion-top-btn-div button ,
  .contract-top-2 .demand-top-btn-div button {
    width: 22.3%;
  }
  .promotionTabs#infoTab .control-label,
  .demandTabs#infoTab .control-label{
    margin: 7px 0;
    word-wrap: break-word;
  }

  /*customer list page*/
   .customer-list-top-1 {
    padding-bottom: 10px;
    background-color: #fff;
    padding-top: 15px;
   }

    .customer-list-top-1 .form-date-col label{
     float: left;
    width: 42%;
    margin-bottom: 0;
    padding-top: 5px;
    }
    .customer-list-top-1 .form-date-col input{
      width: 58%;
    }
    .customer-list-top-1 .to-date-col label  {
    float: left;
    width: 35%;
    padding-top: 5px;
    }
    .customer-list-top-1 .to-date-col input {
      width: 65%;
    }
    .customer-btn-div-inner {
      max-width: 420px;
      margin: 0 auto;
      padding-bottom: 15px;
    }
    .customer-btn-div-inner button {
      width: 100%
    }
    .get-contract-top{
      padding-top: 15px;
      padding-bottom: 10px;
    }
    .get-contract-top .client-label,
    .get-contract-top .email-label{
      width: 65px;
      float: left;
    }
    .get-contract-top .email-label{
      
    }
    .get-contract-top .client-select,
     .get-contract-top .email-select{
      
      width: calc(100% - 65px);
      float: left;
    }
    .get-contract-top .email-select{
      
    }
    .get-contract-top .top-btn-col #search{
      width: calc(100% - 45px);
      float: left;
      margin-top: 0;
    }
    .get-contract-top .top-btn-col #undo {
      float: right;
      width: 38px;
      margin-top: 0;
    }
    .get-contract-top-2 {
      max-width: 700px;
      width: 100%;
      margin: 0 auto;
      padding-bottom: 15px;
    }
    .contract-top-3.invoice-top {
      padding-bottom: 5px;
      padding-top: 15px;
    }

  @media(min-width: 768px) {
    #invoice_popup .modal-dialog {
      width: 670px;
    }
    #invoice_popup .form-horizontal .control-label {
      padding-top: 0;
      margin-bottom: 5px;
    }
  }
  
  @media(min-width:992px ) {
    .customer-top-form-div {
      margin-left: 4%;
    }
  }
   @media(min-width: 1200px) {
    .agent-top-btn button {
      padding-right: 25px;
      padding-left: 25px;
    }
    .trip-details-col .control-label.label-au {
      width: 3%;
    }
    .trip-details-col .col-au {
      width: 13.8%;
    } 
    .trip-details-col .col-type {
      width: 33.2%;
    }
    .points-date-row .col-lg-2.bonus-point {
      width: 13%;
    }
    .points-date-row .col-lg-2.bonus-res-point {
      width: 20%;
    }

     .get-contract-top .date-col{
      width: 30%;
    }
    .get-contract-top .top-btn-col{
      width: 20%;
    }
   }
 
 @media(max-width: 1320px) and (min-width: 992px) {
  .payment-list-div {

  }
  .payment-list-div .title-div {
      width: 24%;
  }
  .payment-list-div .dropdown-div {
      width: 30%;
  } 
  .payment-list-div .btn-panel-div {
      width: 46%;
      text-align: right;
  }
  .payment-list-div .btn-panel-div {
    
  }
 }
  @media(max-width: 1310px) and (min-width: 1200px){
    .crm-inner-div .tracking-top-row .col-xs-6 {
       padding: 0 10px;
    }
    .tracking-top-row .ibox-title h5 {
      font-size: 12px;
    }
  }
  @media(max-width: 1600px) and (min-width: 1401px){
    #container-size .menupad {
      padding: 15px 6px !important;
      font-size: 12px !important;
    }
    .header-right-menu .font12{
      font-size: 12px !important;
      padding: 15px 10px !important;
    }
  }
  @media(max-width: 1400px) and (min-width: 1200px){
    #container-size .menupad {
      padding: 15px 6px !important;
      font-size: 11px !important;
    }
    .header-right-menu .font12{
      font-size: 11px !important;
      padding: 15px 10px !important;
    }
  }
  @media(max-width: 1300px) and (min-width: 1200px) {
    #container-size {
      padding: 0 15px !important;
    }
    .top-navigation .wrapper.wrapper-content {
      padding: 40px 10px;
    }
    /*#container-size .menupad {
      padding: 15px 8px !important;
    }*/
    .header-right-menu .font12 {
      padding: 15px 8px !important;
    }
  }

  @media(max-width: 1200px) and (min-width: 992px){
    .md-m-t-10 {
    margin-top: 10px;
   }
  }
@media(max-width: 991px) and (min-width: 768px){
   .padding-0-l-r-tab {
      padding-right: 0;
      padding-left: 0;
    }
  .agent-top-btn button {
      font-size: 10px;
   }

}
	
@media (max-width: 1450px){
	.table-outer-div-tab-new.departures {
		overflow-x: auto;
	}
}
	
  @media (max-width: 1200px) {
    .newsletter-page-table,
  .campaign-channel-table,
  .table-outer-div-tab,
  .table-outer-div-tab-new {
    overflow-x: auto;
  }
  .table-outer-div-tab-new {
    width: 100%;
  }
  .table-outer-div-tab-new th,
  .table-outer-div-tab-new td {
    white-space:nowrap;
  }

  .crm-header .navbar-header {
      float: none;
  }
  .crm-header .navbar-left , .crm-header .navbar-right {
      float: none !important;
  }
  .crm-header .navbar-toggle {
      display: block;
  }
  .crm-header .navbar-collapse.collapse {
      display: none!important;
  }
  .crm-header .navbar-nav {
      float: none!important;
  }
  .crm-header .navbar-nav>li {
      float: none;
  }
  .crm-header .collapse.in{
      display:block !important;
      overflow-y: auto !important;
  }
  .contract-top-1 .select-div {
    max-width: 250px;
  }
  .contract-top-1 .select-label-div {
    margin-left: 0;
  }
  .contract-top-1 .top-right-col #search {
    max-width: 155px;
  }

   .contract-top-2 button {
      margin: 5px 8px;
      width: 20%;
   }
   #confirmTab .col-xs-12 {
    margin: 5px 0;
   }
   /*.contract-top-2 .promotion-top-btn-div button {
    width: 22.3%;
  }*/
  .contract-daily-div {
    width: 1275px;
  }
  .get-contract-top .get-contract-top-inner {
    max-width: 765px;
    width: 100%;
    margin: 0 auto;
  }
  .get-contract-top .col-sm-6{
    margin: 7px 0;
  }
  .get-contract-top #datepicker {
    margin: 0 auto
  }

}


  @media(max-width: 991px) {
    .sm-n-p-l {
      padding-left: 0;
    }
     .top-navigation .wrapper.wrapper-content {
      padding: 40px 0;
    }
    .contract-tab-col .form-group .col-xs-4,
    .contract-tab-col .form-group .col-xs-8 {
      margin: 5px 0;
    }

   .traking-last-col {
      margin-top: 15px;
    }
    .devis-creation-title {
      font-size: 13px; 
    }
     .font-size-mob h2,
     h2.newsletter-title,
     h2.channel-title{
      font-size: 20px;
    }

    .contract-top-1 .top-right-col {
      margin-top: 10px;
    }
    .contract-top-1 .top-right-col #undo {
      float: none;
      margin-left: 20px;
    }
    .contract-top-3 .form-date-col label {
      width: 45%;
    }
    .contract-top-3 .form-date-col input {
      width: 55%;
    }
    .contract-top-3 .to-date-col label {
      width: 35%;
    }
    .contract-top-3 .to-date-col input {
      width: 65%;
    }
    .contract-chercher-div {
     margin-top: 10px;
    }
    .ibox-title.edit-contract-title h5 {
      float: none;
    }
    .edit-contract-title .ibox-tools{
      float: none;
      display: block;
    }
    .contract-tab-col .form-group {
      padding-left: 15px;
    }
    #fichesPassTab .col-sm-6,
    #custContactTab .col-xs-12{
      margin: 5px 0;
      height: 57px;
    }
    .confirmation-date-row .col-xs-12 {
      float: none;
    }

    .points-date-row .col-lg-2.bonus-point {
      width: 34%;
      margin-top: 15px;
    }
    .points-date-row .col-lg-2.bonus-res-point {
      width: 50%;
      margin-top: 15px;
    }
     .contract-top-3 .promotion-top-form-div, 
     .contract-top-3 .demand-top-form-div {
      margin-left: 6%;
     }
     .customer-list-top-1 .customer-top-form-div {
      max-width: 560px;
      width: 100%;
      margin: 0 auto;
     }
     .customer-list-top-1 .customer-top-form-div .col-xs-12 {
      margin: 7px 0;
     }
     .customer-list-top-1 .customer-top-form-div .download-btn-col {
      text-align: center;
     }
     .customer-list-top-1 .customer-top-form-div .form-select-col {
      text-align: center;
     }
     .customer-list-top-1 .customer-top-form-div .form-select-col .chosen-container{
        text-align: left;
     }
     .payment-list-div {
        height: auto !important;
     }
     .payment-list-div .btn-panel-div {
      text-align: right;
      margin-bottom: 10px;
     }
     /*.payment-list-div:before {
        display: table;
        content: " ";
     }
     .payment-list-div:after {
        display: table;
        content: " ";
        clear: both;
     }*/
     .agent-point-year-row {
        padding: 15px 0;
        margin-top: 0;
     }
  }

  @media(max-width: 767px) {
    .equalheight-col {
      height: auto !important; 
    }
    .mob-col-m-t-b-5 .col-xs-12 {
    margin: 5px 0;
   }
    .load-pie-inner {
      margin-bottom: 15px;
    }
    .channel-title {
      font-size: 18px;
    }
    .devis-traking button,
    .devis-stats button { 
      font-size: 12px;
      padding-left: 8px;
      padding-right: 8px;
    }
    .mob-m-t-15 {
      margin-top: 15px;
    }
    .dashboard-page #load_graph {
        padding-right: 0;
        padding-left: 0;
    }
    .table-outer-div-mob {
      overflow-x: auto;
    }
    .agent-top-div .col-xs-12 {
      margin: 5px 0;
    }
    .agent-top-div .col-xs-12 select {
      width: 100%;
    }

    .contract-top-1 .top-middle-col {
      margin-top: 10px;
    }
    /*.contract-top-2 {
      padding-left: 0;
    }*/
    .contract-top-2 button {
      width: 30%;
      margin: 5px;
    }
     .contract-top-3 .form-date-col label,
     .contract-top-3 .to-date-col label {
      width:31%;
    }
    .contract-top-3 .form-date-col input,
    .contract-top-3 .to-date-col input {
      width: 65%;
    }
    .contract-top-3 .col-xs-12 {
      margin: 10px 0;
    }
    .contract-top-3 .download-btn-col {
      text-align: center;
    }
    .contract-chercher-div .col-xs-12 {
      padding: 0;
      margin: 5px 0;
    }

    .edit-contract-title .btn.stepContent {
      width: 32%;
    }
    .contract-tab-col .trip-details-col {
      margin-top: 15px;
    }
   .contract-tab-col #product-image {
     margin: 0 auto;
   }
   #fichesPassTab .form-group ,
   #custContactTab .form-group,
   #confirmTab .form-group  {
    margin-bottom: 0;
   }
    #fichesPassTab .col-sm-6,
    #custContactTab .col-xs-12,
    #confirmTab .col-xs-12  {
      margin: 10px 0;
      height: auto;
    }
    .edit-contract-page-title {
      font-size: 22px;
    }
    #paymentLinkTab .col-sm-6,
   #paymentLinkTab .col-sm-4 {
    margin: 7px 0;
   }
   #paymentLinkTab .lien-da-btn-col {
    margin-top: 34px;
  }

  #cdvTab .dropzone .dz-default.dz-message ,
  #companyDocTab .dropzone .dz-default.dz-message {
    background-size: 230px !important;
    background-position: top !important;
    height: 66px !important;
    width: 270px !important; 
  }
  #invoice_popup .col-sm-6 {
    margin: 10px 0; 
  }
  #invoice_popup .form-group {
    margin-bottom: 0; 
  }
   #invoice_popup .invoice-checkbox {
    margin-top: 15px;
   }
  #invoice_popup .invoice-checkbox .col-xs-12 {
    margin: 5px 0;
  }
  .promotion-top-btn-div,
  .demand-top-btn-div {
    max-width: 500px;
  }
  .contract-top-2 .promotion-top-btn-div button ,
  .contract-top-2 .demand-top-btn-div button {
    width: 47%;
  }
  .contract-top-3 .promotion-top-form-div ,
  .contract-top-3 .demand-top-form-div,
  .customer-list-top-1 .customer-top-form-div {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }
  .promotionTabs#statTab,
  .demandTabs#statTab {
    margin-bottom: 15px;
  }
  .promotionTabs#agendaTab .date-col, 
  .demandTabs#agendaTab .date-col {
    margin-bottom: 15px;
  }
  .m-mob-inner-col .col-xs-12 {
    margin: 7px 0;
  }
  .m-mob-inner-col .form-group {
    margin-bottom: 0;
   }
   .get-contract-top .top-btn-col-inner {
      max-width: 400px;
      margin: 0 auto;
   }
  }
 
  @media(max-width: 500px) {
    .crm-inner-div .tracking-top-row .col-xs-6 {
      width: 100%;
    }
    .ibox-title.devis-traking {
      height: auto !important;
    }
    .ibox-title.devis-traking h5 {
      display: block;
      float: none;
    }
    .ibox-title.devis-traking .pull-right {
        float: none !important;
        margin-top: 10px !important;
    }
    .devis-conversion-div .col-right button {
      font-size: 12px;
    }
    .devis-conversion-div {
      height: auto;
    }
    .devis-conversion-div .col-left,
    .devis-conversion-div .col-right {
      width: 100%;
      margin-left: 0;
    }
    .devis-creation-title-div {
      margin-bottom: 10px;
      float: none;
    }
    .devis-creation-title-right {
      float: none !important;
      text-align: left;
    }
    .devis-stats #yeardiv, 
    .devis-stats #yearRepdiv,
    .devis-stats .yeardiv {
      max-width: 90px;
      padding: 0;
      margin: 0 5px;
    }
    .devis-stats #monthdiv, 
    .devis-stats #monthRepdiv,
    .devis-stats .monthdiv {
      max-width: 140px;
      width: 100%;
      padding: 0;
      margin: 0 5px;
    }
    .devis-stats #annualdiv,
    .devis-stats .annualdiv {
      padding: 0;
    }
    body.divis-by-channel-page .paginate_button {
      font-size: 10px;
    }
    body.divis-by-channel-page div.dataTables_paginate {
      float: none;
    }
    .agent-top-btn button {
      width: 100%;
      margin: 5px 0;
    }

    .contract-top-1 .select-label-div {
      float: none;
    }
    .contract-top-1 .select-div {
      float: none;
      max-width: 100%;
      padding-left: 0;
    }
    .contract-top-1 .select-div select {
      margin-left: 0;
    }
    .contract-top-2 button {
      width: 45%;
    }

    .edit-contract-title .btn.stepContent {
      width: 99%;
    }
    .edit-contract-title .ibox-tools {
      max-width: 256px;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    }
    .edit-contract-title .ace-switch-5-outer {
      margin-top: 10px;
    }
    .contract-tab-col .form-group .col-xs-4, 
    .contract-tab-col .form-group .col-xs-8 {
      width: 100%;
    }
    .contract-tab-col .form-group .col-xs-4 {
      margin-bottom: 0;
    }
    #pointsTab .points-tab-outer {
      overflow-x: auto;
    }
    #pointsTab .points-tab-inner {
      width: 430px;
    }
    .edit-contract-page-title {
      font-size: 18px;
    }
     #paymentLinkTab .input-daterange {
      padding: 0;
    }
     #paymentLinkTab .col-xs-2 {
      padding-left: 0;
     }
     #contract_popup_details .form-control,
     #contract_popup_details  .single-line {
      font-size: 12px;
     }
     #paymentLinkTab .nestable2-outer .dd {
        width: 385px;
     }
     #paymentLinkTab .nestable2-outer {
      overflow-x: auto;
     }
     #edit_payment_popup_details .form-group {
      margin-bottom: 0;
     }
     #edit_payment_popup_details .col-xs-6 {
      width: 100%;
      margin: 5px 0; 
     }
     #direct_link_popup_details .card-details-row .col-xs-4 {
      width: 50%;
     }
     #direct_link_popup_details .card-details-row .col-xs-4:last-child {
      margin-top: 15px;
    }
    .contract-top-2 .promotion-top-btn-div button ,
    .contract-top-2 .demand-top-btn-div button {
      width: 98%;
    }
    .edit-promotion-title h5 span ,
    .edit-demand-title h5 span {
      padding: 6px 6px;
    }
     .customer-btn-div-inner .col-xs-6 {
      margin: 5px 0;
      width: 100%;
     }
     #agency_popup_details .col-sm-6 {
      width: 100%;
      margin: 7px 0;
     }
     #agency_popup_details .form-group.s-m-b-0 {
      margin-bottom: 0;
     }
     .get-contract-top .col-xs-6 {
      width: 100%;
     }
     .get-contract-top-2 .input-col {
        width: 100%;
        margin-bottom: 15px;
    }
    .get-contract-top-2 .btn-col {
      text-align: center;
      width: 100%;
    } 
    .payment-list-div .dropdown-div {
      width: 100%;
     }
     .payment-list-div .dropdown-div button {
      float: left !important;
      margin: 15px 0;
     }
     .payment-list-div .title-div {
      width: 100%;
     }
     .payment-list-div .btn-panel-div {
      float: left;
     } 
     .agent-point-year-row .col-xs-6 {
        width: 100%;
        margin: 10px 0;
     }
     .calender-col .left-col,
      .calender-col .right-col {
      float: none !important;
      margin-bottom: 10px;
     }
     .calender-col .form-inline {
      text-align: center;
     }
  }
  @media(max-width: 390px) {
    .edit-promotion-title h5 span,
  .edit-demand-title h5 span {
    padding: 6px 6px;
    font-size: 12px;
  }
  }
  @media(max-width: 360px) {
    .payment-link-tab-outer {
      overflow-x: auto;
    }
    .payment-link-tab-inner {
      width: 290px;
    }
    .promotionTabs#infoTab .control-label,
    .demandTabs#infoTab .control-label{
      font-size: 12px;
  }
  .edit-promotion-title h5 span,
  .edit-demand-title h5 span {
    padding: 6px 5px;
    font-size: 11px;
  }
  .edit-promotion-title .fa-2x,
  .edit-demand-title .fa-2x {
    font-size: 1.2em;
  }
  }
  @media(max-width: 340px) {
    .loyality-total-count {
      margin-left: 20% !important;
    }
    .contract-top-2 button {
      width: 100%;
      margin-left: 0px;
    }
  }