/*DATATABLE*/
*
{

}


*:focus
{
  outline: none;
}

.table{
  width: 100% !important;
}
.actionTab{
  width: 200px;
}

thead input {
  width: 100%;
}
th{
  vertical-align: top !important;
}
/*
   server-side-angular-way.component.css
*/
.no-data-available {
  text-align: center;
}

/*
   src/styles.css (i.e. your global style)
*/
.dataTables_empty {
  display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color:
   #ffff !important;
  border: 0px solid
  transparent;
  background-color: #2D2D2D;
  background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#94abd2));
  background: linear-gradient(to bottom,
  #2D2D2D 0%,
  gainsboro 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color:
    white !important;
  border: 1px solid
  #2D2D2D;
  background-color: #2D2D2D;
  background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#fff));
  background: linear-gradient(to bottom,
  #2D2D2D 0%,
  #111111 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color:
    white !important;
  border: 0px solid
  transparent;
  background-color: #2D2D2D;
  background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#111111));
  background: linear-gradient(to bottom,
  #2D2D2D 0%,
  #111111 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color:
    #666 !important;
  border: 0px solid
  transparent;
  background:
    transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.2em 0.8em;
  padding-right: 0.8em;
  padding-right: 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color:
    #2D2D2D !important;
  border: 1px solid
  transparent;
  border-radius: 50%;
}
.btnAction{
  margin: 0 !important;
  padding:  10px !important;
}
input[type="search"]{
  border: 1px solid #ddd3d3;
  border-radius: 12px;
  padding: 5px 10px;

}
.inputSecahProcess{
  border: 1px solid #ddd3d3;
  transition: 330ms ease;
  /*border-radius: 12px;*/
  border-radius: 2px;
  padding: 0px 10px;
  font-weight: normal !important ;
}
.inputSecahProcess:hover{
  transform: scale(1.009);
  border-radius: 4px;
  box-shadow: 0px 0px 3px #2D2D2D;
}

/*DATA TABLE*/
/*FORM */
.form-group {
  padding-bottom: 7px;
  margin: 1px 0 0 0;
}
/*FORM*/
/*MODAL*/
.block-center-btn{
  text-align: center;
}
.block-center-btn div{
  margin-top: 40px;
}
.modal-header{
  background-color: #2D2D2D !important;
  color: white !important;
}
.close {
  font-size: inherit;
  color: #FFF !important;
  opacity: 1;
  text-shadow: none;
  font-size: 32px !important;
  color: white !important;
}

.modal-content .modal-header {
  border-bottom: none;
  padding-top: 10px !important;
  padding-right: 25px;
  padding-bottom: 10px !important;
  padding-left: 24px;
}

fieldset.scheduler-border {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #000;
  box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
  width:auto;
  padding:0 10px;
  border-bottom:none;
}
/*MODAL*/

/*FORM*/
.form-group label {
  color: black !important;
}
.control-label label {
  color: black !important;
}

.form-group {
  padding-bottom: 0px;
  margin: 1px 0 0 0;
}

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


/*FORM*/

/*MODAL*/
.modal-body{
  padding: 10px 10px !important;
}

.modal-lg {
  width: 85% !important;
}
/*MODAL*/
/*ACCORDEO*/

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
  content: "\e114";    /* adjust as needed, taken from bootstrap.css */
  float: right;        /* adjust as needed */
  color: white;         /* adjust as needed */

}
.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-group .panel {
  border-radius: 0 !important;
  padding: 5px 0px !important;
}

.bntpPanel{
  background: #2D2D2D !important;
  color: white !important;
}
.bntpPanelSub{
  background: linear-gradient(45deg,#6f6565,#2d2d2d,#6f6565) !important;
  color: #fff !important;
}/*.bntpPanelSub{
  background: linear-gradient(45deg,#839cc6, #682394, #839cc6) !important;
  color: white !important;
}*/
.labelProfilage{
  padding-left: 5px !important;
  color: #2D2D2D !important;
}
.borderedColabs {


  border: 1px solid #2b57a0 !important;

}

.form-horizontal label {
  text-align: left !important;
}
/*ACCORDEO*/
.iti {

  /* width: 100% !important; */

}

.form_ok{
  border: #52bf34 2px solid !important;
  border-radius: 7px !important;
  padding: 8px !important;
}
.form_no_ok{
  border: red 2px solid !important;
  border-radius: 7px !important;
  padding: 8px !important;
}

.alert-danger-phco{
  color: red !important;
  font-size: 10px !important;
  display: block;
}
.page {
  padding: 20px 20px 80px 20px !important;
}

.zoom{
  transition: 330ms ease;
  cursor: pointer;
}
.zoom:hover{
  transform: scale(1.08);
  box-shadow: 5px 5px 20px rgba(0,0,0,0.6);
}

.zoom1{
  transition: 330ms ease;
  cursor: pointer;
}
.zoom1:hover{
  transform: scale(1.006);
  box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
}
.logoJiram {
  width: 309px !important;
  height: 65px !important;
  top: 3px !important;
  position: relative !important;
  left: -84px !important;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 5px !important;
  vertical-align: middle;
}
.hideInput input{
  visibility: hidden !important;
}
.tabButton{
  width: 33% !important;
  display: inline-block;
  border: 1px solid #2D2D2D !important;
  text-align: center;
  padding: 20px;

}.tabButton2{
  width: 50% !important;
  display: inline-block;
  border: 1px solid #2D2D2D !important;
  text-align: center;
  padding: 20px;

}.tabButton-6{
  width: 50% !important;
  display: inline-block;
  border: 1px solid #ef8200;
  text-align: center;
  padding: 20px;

}
.activeTab{
  background-color: #2D2D2D !important;
  color: white !important;
  text-decoration: none !important;
  border: 1px solid #2D2D2D !important;
}

a.tabButton-6.nav-item.nav-link {
 color: #ef8200;
}
.mat-calendar-body-selected {
  background-color: #2D2D2D;
  color: #fff;
}
.mat-input-element {
  caret-color: #2D2D2D;
}
.shrinkToFit {
  cursor: zoom-in;
  padding: 0;
  margin: 0;
  width: 100%;
}
.colorThemePrimary{
  color: #2d2d2d !important;
}

.colorThemeSecondary{
  color: #ef8200 !important;
}
agm-map {
  height: 500px;
}
.marker a{
  text-decoration: none !important;
  background: #cb6e00;
  color: white;
}
.leftmenu-sm #leftmenu #navigation li a {
  margin: 8px;
  background: #ef8200;
}
.panel > .list-group, .panel > .panel-collapse > .list-group {

  max-height: 400px;
  overflow-y: scroll;
}