@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins&display=swap');

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
ul{
  list-style: none !important;
  margin    : 0 !important;
  padding   : 0 !important;
}
body {
  background            : #f0f0f0 !important;
  line-height           : normal;
  font-size             : 16px;
  overflow-x            : hidden;
  font-family           : 'Roboto Condensed', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

#site-footer {
  font-size: 85%;
  background-color: white;
  -webkit-box-shadow: 0 0 0 1px rgba(61,70,79,.05), 0 1px 3px 0 rgba(61,70,79,0.05);
    box-shadow: 0 0 0 1px rgba(61,70,79,.05), 0 1px 3px 0 rgba(61,70,79,0.05);
  text-align:center;
  position: fixed;
  padding: 10px;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
}
.badge-error.label.label-danger{
  position: absolute;
  right: 15px;
  top: 0px;
}
.label-error-red{
  color:red;
}
.doubleclick{
  touch-action: manipulation;
  position:relative;
}
.form-control {
    font-size: 13px !important;
}
.required::after{
    content     : "*";
    color       : #EF5350;
    padding-left: 4px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 0 !important;
}
.help-block {
  color        : #EF5350 !important;
}
.display-none{
  display      : none !important;
}
.position-absolute{
  position     : absolute !important;
}
.padding-left-0{
  padding-left : 0 !important;
}
.padding-right-0{
  padding-right: 0 !important;
}
.margin-left-0{
  margin-left:0 !important;
}
.margin-right-0{
  margin-right:0 !important;
}
.position-fixed{
  position     : fixed !important;
}
.overflow-hidden{
  overflow     : hidden !important;
}
.btn {
  font-size    : 12px !important;
}
.label {
  padding      : 0.6em 1.2em !important;
  font-weight  : 100 !important;
}
.input-group .form-control {
  z-index      : 0 !important;
}
.input-group-addon {
  padding      : 5px 12px !important;
}
.container{
  width        : 100% !important;
  background   : #f0f0f0 !important;
  padding-left : 0 !important;
  padding-right: 0 !important;
}
input[type=checkbox], input[type=radio] {
    cursor: pointer !important;
}
.md-txt{
  color: #8c0f24;
}
.icon{
  color:#404040 !important;
}

a, a:hover, a:visited, a:link, a:active {
  text-decoration: none !important;
}
.sm-img {
  height: 30px !important;
  width : 30px !important;
}
.text-center-smallsize{
  text-align: center !important;
}
.rad-page-title {
  margin-bottom: 15px;
  text-shadow  : 1px 4px 7px #c6c6c6, 0 0 0 #000, 0px 3px 6px #c6c6c6;
}
.rad-page-title span {
  font-size  : 22px;
  font-weight: 500;
  display    : block;
}

.rad-navigation {
  position          : absolute;
  left              : 0;
  right             : 0;
  top               : 0;
  -webkit-box-shadow: 0 0px 9px 4px rgba(0, 0, 0, 0.1), 0 -5px 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 9px 4px rgba(0, 0, 0, 0.1), 0 -5px 2px 2px rgba(0, 0, 0, 0.1);
  background        : white;
  z-index           : 500;
  text-align        : center;
  height            : 95px;
}
.rad-navigation ul {
  margin-bottom: 0;
}

.rad-logo-hidden {
  opacity           : 1;
  position          : absolute;
  left              : 41.2%;
  -webkit-transition: all .2s ease-in-out;
  transition        :  all .2s ease-in-out;
}
.rad-logo-hidden img{
  width: 265px;
}

.links {
  margin-right: 10px;
  position    : relative;
}
.links > li {
  list-style: none;
  position  : relative;
  margin    : 10px;
  display   : inline-block;
}

.rad-dropmenu-item.active {
  display: block;
  -webkit-animation: flipInX 1s ease;
}

.lg-text {
  font-size: 12px;
  color    : #666B85;
}

.sm-text {
  font-size: 11px;
  color    : #c6c6c6;
}

.md-text {
  font-size: 12px;
  color    : #c6c6c6;
}

.rad-notification-item {
  width  : 100%;
  padding: 15px;
  border-bottom: 1px solid #EEEEEE;
}
.rad-notification-item:hover {
  background: #F5F5F5;
}
.rad-notification-item .rad-notification-content {
  color: #404040;
}

.rad-notification-body {
  color         : black;
  vertical-align: middle;
  margin-top    : 30px;
}

.rad-logo-container.rad-nav-min {
  width     : 225px;
  text-align: center;
  height    : 100px;
  float     : left;
}
 .rad-logo-container {
  width: 45px;
}

.rad-top-nav-container {
  margin-top: -75px;
  cursor    : pointer;
}
.rad-nav-min ~ .rad-top-nav-container{
  margin-top: 25px;
  cursor    : pointer;
}

.rad-top-nav-container {
  float: right;
}

.rad-toggle-btn
{
  height         : 100px;
  padding        : 27px 0px;
  font-size      : 33px;
  text-transform : uppercase;
  text-decoration: none;
  color          : #222533;
  display        : inline-block;
}

.rad-menu-item {
  position   : relative;
  padding    : 0 5px;
  line-height: 30px;
  height     : 30px;
  color      : #89949B;
  z-index    : 5;
  display    : inline-block;
}

.rad-badge {
  height            : 20px;
  color             : white;
  border-radius     : 10px;
  line-height       : 20px;
  font-size         : 12px;
  background        : #E94B3B;
  -webkit-box-shadow: 0.5px 0.2px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0.5px 0.2px 1px rgba(0, 0, 0, 0.5);
  display           : inline-block;
  text-align        : center;
}

.rad-menu-badge {
  position          : absolute;
  min-width         : 20px;
  min-height        : 20px;
  line-height       : 20px;
  font-weight       : bold;
  color             : white;
  border-radius     : 100%;
  font-size         : 12px;
  background        : #870f20;
  -webkit-box-shadow: 0.5px 0.2px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0.5px 0.2px 1px rgba(0, 0, 0, 0.5);
  display           : inline-block;
  text-align        : center;
  top               : -10px;
  z-index           : 1;
}

.sm-menu {
  min-width: 175px !important;
}
.sm-menu > li {
  padding   : 10px;
  text-align: left;
}
.sm-menu > li i {
  margin: 0 10px 0 0;
}
.sm-menu > li > a {
  padding: 10px;
}

.rad-dropmenu-item {
  position          : absolute;
  right             : -6px;
  top               : 45px;
  min-width         : 250px;
  max-height        : 85vh;
  overflow          : auto;
  background        : white;
  border            : 1px solid #BDBDBD;
  border-top        : 5px solid #515d6e;
  border-radius     : 2px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  display           : none;
}
.rad-dropmenu-item:before {
  content     : "";
  position    : absolute;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: #515d6e transparent;
  top         : -14px;
  right       : 8px;
}

.rad-dropmenu-item.rad-settings {
  right: 0 !important;
  left : auto !important;
}
.rad-dropmenu-item.rad-settings:before {
  right: 5px !important;
  left : auto !important;
}
.rad-dropmenu-item.rad-settings > .rad-notification-item:hover {
  background: #fff !important;
}
.rad-dropmenu-item.rad-settings > .rad-notification-item i {
  font-size: 24px;
}

.rad-dropmenu-footer,
.rad-dropmenu-header {
  display       : block !important;
  background    : #515d6e;
  text-transform: initial;
  font-size     : 12px;
  margin        : 0 !important;
  padding       : 6px;
  text-align    : center;
}
.rad-dropmenu-footer > a,
.rad-dropmenu-header > a {
  color          : white !important;
  line-height    : 12px;
  text-decoration: none;
}

.rad-dropmenu-header {
  border-bottom: 1px solid #515d6e;
}

.rad-dropmenu-footer {
  border-top: 1px solid #515d6e;
  color     : white;
}

.rad-chk-pin {
  margin: 0 !important;
}
.rad-chk-pin span {
  display      : inline-block;
  position     : relative;
  height       : 20px;
  width        : 40px;
  border-radius: 4px;
  background   : crimson;
  border       : 1px solid #f6f6f6;
}
.rad-chk-pin span:after {
  content           : "";
  position          : absolute;
  background        : white;
  width             : 20px;
  height            : 20px;
  border-radius     : 4px;
  top               : -1px;
  left              : 0px;
  -webkit-box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all .2s ease;
  transition        : all .2s ease;
}
.rad-chk-pin input {
  display: none;
}
.rad-chk-pin input:checked + span {
  background: #23AE89;
}
.rad-chk-pin input:checked + span:after {
  left: 19px;
}

.hide {
  display: none;
}

.rad-option-selected {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -2px 4px rgba(0, 0, 0, 0.2);
  -webkit-transform : scale(1.1);
          transform : scale(1.1);
  -webkit-transition: all .2s linear;
  transition        : all .2s linear;
}

.rad-color-swatch {
  display      : table;
  width        : 90px;
  height       : 25px;
  border-radius: 4px;
}
.rad-color-swatch .colors {
  width  : 25px;
  height : 25px;
  display: table-cell;
  cursor : pointer;
}
.rad-color-swatch .colors input[type="radio"] {
  display: none;
}
.rad-color-swatch .colors:first-child {
  border-top-left-radius   : 4px;
  border-bottom-left-radius: 4px;
}
.rad-color-swatch .colors:last-child {
  border-top-right-radius   : 4px;
  border-bottom-right-radius: 4px;
}

.rad-sidebar {
  z-index           : 9999;
  position          : fixed;
  font-weight       : 600;
  background        : white !important;
  width             : 180px;
  height            : 100%;
  top               : 100px;
  left              : 0;
  bottom            : 0;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
  -webkit-transition: all .2s ease-in-out;
  transition        : all .2s ease-in-out;
}
.rad-sidebar li {
  text-align    : left;
  height        : 45px;
  font-size     : 14px;
  font-weight   : 500;
  letter-spacing: .025em;
  line-height   : 1.5;
}
.rad-sidebar li a {
  text-decoration: none;
  display        : block;
  color          : #515d6e;
}
.rad-sidebar li a i {
  position   : relative;
  width      : 45px;
  line-height: 45px;
  text-align : center;
}
.rad-sidebar li a i:before {
  z-index : 10;
  position: relative;
}
.rad-sidebar li a > span {
  display           : inline-block;
  visibility        : visible;
  opacity           : 1;
  padding-left      : 10px;
  -webkit-transition: all .2s ease-in-out .2s;
  -webkit-transform : translate3d(0, 0, 0);
          transform : translate3d(0, 0, 0);
  text-transform    : uppercase;
  font-size         : 11px;
}
.rad-sidebar li:hover {
  background: #f2f2f2;
}
.rad-sidebar li:hover .icon-bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.rad-sidebar li:hover a > i {
  color: white;
}

.icon-bg {
  position          : absolute;
  left              : 0;
  top               : 0;
  bottom            : 0;
  z-index           : 1;
  width             : 100%;
  -webkit-transform : translate3d(-43px, 0, 0);
          transform : translate3d(-43px, 0, 0);
  -webkit-transition: all .2s ease-in-out;
  transition        : all .2s ease-in-out;
}

.rad-txt-primary {
  color: #1C7EBB;
}

.rad-bg-primary {
  background: #1C7EBB;
}

.rad-txt-success {
  color: #23AE89;
}

.rad-bg-success {
  background: #23AE89;
}

.rad-txt-danger {
  color: #E94B3B;
}

.rad-bg-danger {
  background: #E94B3B;
}

.rad-txt-warning {
  color: #F98E33;
}

.rad-bg-warning {
  background: #F98E33;
}

.rad-txt-violet {
  color: #6A55C2;
}

.rad-bg-violet {
  background: #6A55C2;
}

.rad-logo-container.rad-nav-min {
  -webkit-transform: translate3d(-180px, 0, 0);
          transform: translate3d(-180px, 0, 0);
}


.rad-sidebar.rad-nav-min {
  width: 45px !important;
}
.rad-sidebar.rad-nav-min .rad-sidebar-item {
  opacity           : 0;
  visibility        : hidden;
  -webkit-transition: all .1s linear;
  -webkit-transform : translate3d(-200px, 0, 0);
          transform: translate3d(-200px, 0, 0);
}
.rad-sidebar.rad-nav-min .icon-bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.rad-sidebar.rad-nav-min i {
  border            : 0px;
  color             : white;
  -webkit-transition: all .2s linear;
  transition        : all .2s linear;
}
.rad-sidebar.rad-nav-min li:hover .icon-bg {
  -webkit-transform: scale(1.2, 1);
          transform: scale(1.2, 1);
}

.rad-body-wrapper {
  width             : 100%;
  margin-top        : 110px;
  -webkit-transition: all .2s ease-in-out;
  transition        : all .2s ease-in-out;
}

.rad-body-wrapper.rad-nav-min {
  left: 50px;
}

.logo-home{
  width:210px;
}
.panel {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius     : 0 !important;
  position          : relative;
  -webkit-transition: all .2s linear;
}

.panel-body {
  position          : relative;
  -webkit-transition:  all .2s linear;
}
.panel-body.rad-container{
  font-size: 12px !important;
}
.panel-heading {
  background   : white !important;
  border-radius: 0;
  padding      : 15px;
  border-bottom: 0 !important;
}
.panel-heading .panel-title {
  text-transform: uppercase;
  font-weight   : 600;
  font-size     : 13px;
  color         : #515d6e;
}
.subtitle{
  text-transform: uppercase;
  font-weight   : 600;
  font-size     : 12px;
  color         : #515d6e;
  margin-bottom : 5px;
  margin-top    : 10px;
}
.rad-panel-action {
  list-style: none;
  display   : inline-block;
  float     : right;
}

.rad-panel-action li {
  display: inline-block;
  color  : #515d6e;
  margin : 0 5px;
  cursor : pointer;
}


/*** Table Styles **/

.table-fill {
  background        : white;
  border-radius     : 3px;
  border-collapse   : collapse;
  width             : 100%;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-animation : float 5s infinite;
          animation :  float 5s infinite;
}
 
.table-fill th {
  color        : #D5DDE5;
  background   : #404040;
  border-bottom: 3px solid #9ea7af;
  border-right : 1px solid #343a45;
  font-size    : 12px;
  font-weight  : 100;
  padding      : 10px 6px !important;
  text-align   : left;
  text-shadow  : 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

.table-fill th:first-child {
  border-top-left-radius:3px;
}
 
.table-fill th:last-child {
  border-top-right-radius: 3px;
  border-right           : none;
}
  
.table-fill tr {
  border-top    : 1px solid #C1C3D1;
  border-bottom : 1px solid #C1C3D1;
  color         : #666B85;
  font-size     : 16px;
  font-weight   : normal;
  text-shadow   : 0 1px 1px rgba(256, 256, 256, 0.1);
}
  
.table-fill tr:first-child {
  border-top:none;
}

.table-fill tr:last-child {
  border-bottom:none;
}
 
.table-fill tr:nth-child(odd) td {
  background:#EBEBEB;
}

.table-fill tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.table-fill tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
.table-fill td {
  background    : #FFFFFF;
  padding       : 3px 2px !important;
  text-align    : left;
  vertical-align: middle;
  font-weight   : 300;
  font-size     : 11px;
  text-shadow   : -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right  : 1px solid #C1C3D1;
}
.background-color-1{
  background: rgb(222, 101, 101, 0.82) !important;
}
.background-color-2{
  background: rgb(247, 221, 226, 0.66)!important;
}

.background-color-3{
  background: rgb(206, 155, 131, 0.66) !important;
}
.background-color-4{
  background: #3498db !important;
}
.background-color-5{
  background: rgb(234, 234, 104, 0.64) !important;
}
.background-color-6{
  background: #AB47BC !important;
}
.background-color-7{
  background: #FFFFFF !important;
}
.background-pink{
  background: rgb(247, 221, 226, 0.66)!important;
}


.background-color-1.background-color-2{
  background: linear-gradient(rgb(247, 221, 226, 0.66) 58%, rgb(222, 101, 101, 0.82) 50%) !important;
}
.background-color-1.background-color-3{
  background: linear-gradient(rgb(206, 155, 131, 0.66) 58%, rgb(222, 101, 101, 0.82) 50%) !important;
}
.background-color-1.background-color-5{
  background: linear-gradient(rgb(234, 234, 104, 0.64) 58%, rgb(222, 101, 101, 0.82) 50%) !important;
}
.background-color-1.background-color-7{
  background: linear-gradient(#FFFFFF 58%, rgb(222, 101, 101, 0.82) 50%) !important;
}
.background-color-2.background-color-3{
  background: linear-gradient(rgb(206, 155, 131, 0.66) 58%,rgb(247, 221, 226, 0.66) 50%) !important;
}
.background-color-2.background-color-5{
  background: linear-gradient( rgb(234, 234, 104, 0.64) 58%, rgb(247, 221, 226, 0.66) 50%) !important;
}
.background-color-2.background-color-7{
  background: linear-gradient(#FFFFFF 58%, rgb(247, 221, 226, 0.66) 50%) !important;
}
.background-color-3.background-color-5{
  background: linear-gradient(rgb(234, 234, 104, 0.64) 58%, rgb(206, 155, 131, 0.66) 50%) !important;
}
.background-color-3.background-color-7{
  background: linear-gradient(#FFFFFF 58%, rgb(206, 155, 131, 0.66) 50%) !important;
}
.background-color-5.background-color-7{
  background: linear-gradient(#FFFFFF 58%, rgb(234, 234, 104, 0.64) 50%) !important;
}
.color-white{
  color: #ffffff !important;
}
.table-fill td:last-child {
  border-right: 0px;
}

.table-fill th.text-left {
  text-align: left;
}

.table-fill th.text-center {
  text-align: center;
}

.table-fill th.text-right {
  text-align: right;
}

.table-fill td.text-left {
  text-align: left;
}

.table-fill td.text-center {
  text-align: center;
}

.table-fill td.text-right {
  text-align: right;
}
.btn-tab {
  padding: 6px 6px !important;
}


/*** TOOLTIPS ***/

[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform     : none; /* opinion 2 */
  font-size          : .9em; /* opinion 3 */
  line-height        : 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events     : none;
  position           : absolute;
  display            : none;
  opacity            : 0;
}
[tooltip]::before {
  content: '';
  border : 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content           : attr(tooltip); /* magic! */
  text-align        : center;
  min-width         : 3em;
  max-width         : 21em;
  white-space       : nowrap;
  overflow          : hidden;
  text-overflow     : ellipsis;
  padding           : 1ch 1.5ch;
  border-radius     : .3ch;
  -webkit-box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
          box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background        : #404040;
  color             : #fff;
  z-index           : 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom             : 100%;
  border-bottom-width: 0;
  border-top-color: #404040;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left             : 50%;
  -webkit-transform: translate(-50%, -.5em);
          transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top             : 100%;
  border-top-width: 0;
  border-bottom-color: #404040;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left             : 50%;
  -webkit-transform: translate(-50%, .5em);
          transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top               : 50%;
  border-right-width: 0;
  border-left-color : #404040;
  left              : calc(0em - 5px);
  -webkit-transform : translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top              : 50%;
  right            : calc(100% + 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top               : 50%;
  border-left-width : 0;
  border-right-color: #404040;
  right             : calc(0em - 5px);
  -webkit-transform : translate(.5em, -50%);
          transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top              : 50%;
  left             : calc(100% + 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@-webkit-keyframes tooltips-vert {
  to {
    opacity          : .9;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
    opacity          : .9;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
    opacity          : .9;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
    opacity          : .9;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
          animation: tooltips-horz 300ms ease-out forwards;
}
/*** MODAL ***/
.scroller{
  height: 87vh !important;
}
.title-modal-add-state{
  text-transform: uppercase;
  margin-top: 0;
  font-weight: 700;
  font-size: 14px !important;
  color: #880c20;
}
.modal-perso {
  -webkit-box-align      : center;
      -ms-flex-align     : center;
          align-items    : center;
  background-color       : rgba(52, 73, 94, .6);
  display                : -webkit-box;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : center;
      -ms-flex-pack      : center;
          justify-content: center;
  height                 : 100%;
  left                   : 0;
  z-index                : 3;
  position               : fixed;
  opacity                : 0;
  overflow               : hidden;
  top                    : 0px;
  font-size              : 12px !important;
  -webkit-transform      : translateY(-100%);
          transform      : translateY(-100%);
  -webkit-transition     : all .5s;
  transition             : all .5s;
  width                  : 100%;
  z-index: 333;
}

.modal-perso.center.site{
  /* top: 50px; */
}
.modal-perso:target{
  opacity          : 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.modal-perso.center:target{
  top: 50px;
}
.old-data{
  position: absolute;
  top     : 0px;
  right   : 15px;
}
.btn-state-truck, .btn-edit-state-truck{
  padding: 0px 5px !important;
}
.btn-state-truck i, .btn-edit-state-truck i{
  font-size: 9px !important;
  vertical-align: inherit;
}
.modal-perso:target .modal-content{
  height    : auto;
  margin-top: none;
  opacity   : 1;
  display:block;
}

.modal-perso:not(:target) .modal-content {
  height    : 0px;
  margin-top: -200%;
  opacity   : 0;
  display: none;
}
.removeModal{
  height    : 0px;
  margin-top: -200%;
  opacity   : 0;
}
.modal-content {
  background-color  : #fff;
  -webkit-box-shadow: 0px 0px 5px #888;
          box-shadow: 0px 0px 5px #888;
  display           : block;
  height            : 0px;
  margin            : 10px;
  opacity           : 0;
  position          : relative;
  -webkit-transition: all .3s;
  transition        : all .3s; 
  width             : 500px;
}
.modal-perso .modal-footer{
  margin-top   : 35px;
  margin-bottom: -15px;
}

.content-wild { background-image: -webkit-gradient(linear, left bottom, left top, from(#d299c2), to(#fef9d7)); background-image: linear-gradient(to top, #d299c2 0%, #fef9d7 100%) }
.content-wild .header-btn-close { color: #444 }

.content-love { background-image: -webkit-gradient(linear, left bottom, left top, from(#f77062), to(#fe5196)); background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%) }
.content-love .modal-header{ color: #fff }

.header-btn-close {
  color          : #fff;
  float          : right;
  font-weight    : bold;
  text-decoration: none;
  font-size      : 26px;
  font-weight    : bold;
  margin-top     : -10px;
}

.modal-header-title {
  font-size: 14px;
  text-transform: uppercase;
}

.modal-header {
  padding: 15px 15px 10px 15px !important;
}
.modal-footer {
  padding: 10px 0 !important;
}
.header-default {
  background-color: #3498db;
  color           : #fff 
}

.modal-body {
  width : 100%;
}

/**** ALERT ****/
@-webkit-keyframes slide-bottom-right {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-bottom-right {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes slide-top {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-top {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/*** SWITCH ***/
.switch {
  background-color  : #bebebe;
  border-radius     : 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
          box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  color             : #fff;
  cursor            : pointer;
  display           : block;
  font-size         : 14px;
  height            : 26px;
  margin-bottom     : 12px;
  position          : relative;
  width             : 60px;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition        : background-color 0.2s ease-in-out;
}
.switch-driver{
  height : 10px;
  font-size: 12px;
  margin-bottom: 1px;
}
.switch.checked {
  background-color: #76d21d;
}
.switch input[type="checkbox"] {
  cursor            : pointer;
  height            : 10px;
  left              : 12px;
  position          : absolute;
  display           : none;
  top               : 8px;
  -webkit-transition: left 0.05s ease-in-out;
  transition        : left 0.05s ease-in-out;
  width             : 10px;
}
.switch.checked input[type="checkbox"]+span:before {
  left: 27px;
}
.switch.checked input[type="checkbox"]+span:after {
  left: 57px;
}
.switch input+span:before {
  background        : #fff;
  background        : -webkit-gradient(linear, left top, left bottom, from(#fff),to(#f0f0f0));
  background        : linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);
  border            : 1px solid #fff;
  border-radius     : 2px;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
          box-shadow: 0 0 4px rgba(0,0,0,0.3);
  -moz-box-shadow   : 0 0 4px rgba(0,0,0,0.3);
  content           : open-quote;
  width             : 32px;
  height            : 24px;
  position          : absolute;
  top               : 1px;
  left              : 1px;
}
.switch-driver input+span:before {
  height            : 8px;
}
.switch input+span:after {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow   : 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius     : 10px;
  content           : '';
  height            : 12px;
  margin            : 7px 0 0 -20px;
  position          : absolute;
  width             : 12px;
}
.switch-driver input+span:after {
  height: 5px;
  margin: 3px 0 0 -18px;
  position: absolute;
  width: 5px;
}
.switch-driver .icon-remove, .switch-driver .icon-ok {
  line-height: 11px !important;
  font-size: 9px !important;
}
.switch .icon-remove, .switch .icon-ok  {
  line-height: 28px;
  text-shadow: 0 -2px 0 rgba(0,0,0,0.2);
  margin     : 0 7px;
}
.switch-driver .icon-remove, .switch-driver .icon-ok {
  line-height: 21px;
  text-shadow: 0 -2px 0 rgba(0,0,0,0.2);
  margin: 0 9px;
}
.switch .icon-ok {
  float: left;
}
.switch .icon-remove {
  float: right;
}
/*** Checkbox Entity ***/
.listTypeTruck{
  margin-top:-10px !important;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-top: 1px !important;
}
/*** CLOSE ALERT ***/
.close-alert{
  color       : white;
  right       : 5px;
  top         : 5px;
  cursor      : pointer;
  margin-left : 20px !important;
  margin-right: -15px;
  margin-top  : -5px;
}
.label-multiple-responsive{
  display: inline-block !important;
}
/*** HISTORIC ***/
.label-historic{
  text-align: center !important;
  margin-top: 15px;
}
.input-small{
  height: 31px !important;
}
.block-filter{
  margin-bottom:-10px !important;
}
/****** MODAL AS LEFT SIDEBAR *******/
.modal-perso.left .modal-content{
  position         : fixed;
  margin           : auto;
  width            : 322px;
  height           : 100%;
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
  left             : -1px;
  top              : -1px;
}
.red{
  background: #8b1024;
}
.modal-top{
  top: 94px !important;
}
.modal-top-after-trigger{
  top:-15px !important;
}
.modal-top-after-trigger-user{
  top:-115px !important;
}
/*** HISTORIC ***/
.panel-filter{
  float     : right;
  margin-top: -15px !important;
}
.separator-filter-small{
  display      : none;
  padding-left : 5px;
  padding-right:  5px;
}
.separator-filter{
  padding-left : 5px;
  padding-right: 7.5px;
}
.block-filter-header a{
  text-transform: inherit !important;
}
#resetKeyWord{
  position: absolute;
  top     : 32px;
  right   : 50px;
  cursor  : pointer;
}
.searchbar button {
  width        : 15%;
  height       : 31px !important;
  border-radius: 0 4px 4px 0;
  border-left:none !important;
}
.searchbar input {
  float        : left;
  border-radius: 4px 0 0 4px;
  width        : 85%;
  padding      : 0 0 0 10px;
}
.center-notification{
  margin-right: 25px;
  margin-left : 25px;
}
.chevron-notification, .libel-chevron-notification{
  padding-top: 1.5px;
}
#listNotification{
  right: -8px !important;
}
#listProfil{
  right: 0px !important;
}
/*** TABS ***/
.tabs {
  position     : relative;
  overflow     : hidden;
  border-radius: 4px;
}
.tabs-header {
  position    : relative;
  color       : #D5DDE5;
  background  : #404040;
  margin-left : 0 !important;
  margin-right: 0 !important;
  overflow    : auto;
}
.tabs-header .border {
  position  : absolute;
  bottom    : 0;
  left      : 0;
  background: #4285f4;
  width     : auto;
  height    : 4px;
}
.tabs-header ul{
  display : -webkit-inline-box;
  display : -ms-inline-flexbox;
  display : inline-flex;
  overflow: hidden;
}

.tabs-header ul.sector li:nth-child(1n).active {
  border-bottom     : 4px solid #AB47BC;
  -webkit-transition: 0.5s ease;
  transition        : 0.5s ease;
}
.tabs-header ul.sector li:nth-child(2n).active {
  border-bottom     : 4px solid pink;
  -webkit-transition: 0.5s ease;
  transition        : 0.5s ease;
}
.tabs-header ul.sector li:nth-child(3n).active {
  border-bottom     : 4px solid #4285f4;
  -webkit-transition: 0.5s ease;
  transition        : 0.5s ease;
}
.tabs-header ul.sector li:nth-child(4n).active {
  border-bottom     : 4px solid #ffc107;
  -webkit-transition: 0.5s ease;
  transition        : 0.5s ease;
}
.tabs-header ul.sector li:nth-child(5n).active {
  border-bottom     : 4px solid grey;
  -webkit-transition: 0.5s ease;
  transition        : 0.5s ease;
}
.tabs-header ul li.active {
  border-bottom: 4px solid #4285f4;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.tabs-header ul li{
  display: inline-block;
  border-bottom: 4px solid transparent;
}
.tabs-header li {
  -webkit-transition: 0.3s ease;
  transition        : 0.3s ease;
}
.tabs-header a {
  z-index           : 1;
  display           : block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding           : 7px 20px 3px 20px;
  color             : #D5DDE5;
  font-weight       : 500;
  text-decoration   : none;
  text-transform    : uppercase;
  text-align        : center;
  min-width         : 250px;
}
.libel-entreprise{
  min-width: inherit !important;
}
.tabs-header a:hover,.tabs-header a:focus  {
  color:#ffffff;
}
.tabs-nav {
  height             : 100%;
  color              : #FFFFFF;
  text-align         : right;
  padding            : 3px 7.5px 0px 0 !important;
  -webkit-user-select: none; 
    -moz-user-select : none;
      -ms-user-select: none;
          user-select: none;
}
.tabs-nav:before {
  content : '';
  z-index : 1;
  position: absolute;
  top     : 0;
  left    : 0;
  height  : 100%;
}
.tabs-nav i {
  border-radius : 100%;
  cursor        : pointer;
  font-size     : 23px;
  text-align    : center;
  vertical-align: middle;
}
.tabs-nav .btn-nav-sector{
  padding: 0 2px !important;
}
.tabs-content {
  position          : relative;
  height            : auto;
  -webkit-transition: 0.3s ease;
  transition        : 0.3s ease;
  overflow          : hidden;
}
.tabs-content .tab {
  display: none;
}
.tabs-content .tab.active {
  display: block;
}
/*** HOLIDAY ***/
.colored-stripe {
  background: repeating-linear-gradient( 45deg, #790f1f, #881226 10px, #545454 10px, #404040 20px ) !important;
  color:white;
  text-transform: uppercase;
  font-size: 7px;
  text-align:center;
}
.colored-stripe-disease {
  background: repeating-linear-gradient( 45deg, #78909C, #78909C 10px, #545454 10px, #404040 20px ) !important;
  color:white;
  text-transform: uppercase;
  font-size: 7px;
  text-align:center;
}
.colored-stripe-disease.block{
  width  : 70px;
  height : 15px;
  display: inline-block;
}
.colored-stripe.block{
  width  : 70px;
  height : 15px;
  display: inline-block;
}
.colored-stripe-waiting {
  background: repeating-linear-gradient( 45deg, #31708f, #31708f 10px, #545454 10px, #404040 20px ) !important;
  color:white;
  text-transform: uppercase;
  font-size: 7px;
  text-align:center;
}
.colored-stripe-waiting.block{
  width  : 70px;
  height : 15px;
  display: inline-block;
}
.panel-type-holiday{
  display: inline-block !important;
  padding: 5px 0;
  vertical-align: top;
  background-color: #EBEBEB;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #c1c3d1;
  text-align: center;
  width:100%;
}
.panel-type-holiday .block-type-holiday{
  display:inline-block;
  margin-right: 10px;
  margin-left: 10px;
  text-align:center;
  vertical-align: -webkit-baseline-middle;
}
.panel-type-holiday .block-type-holiday .round-state{
  float: left;
}
.deleteHoliday, .radio-remove-holiday{
  overflow:auto;
}
.radio-type-holiday label {
  margin-bottom:0px;
  overflow: auto;
}
.radio-type-holiday input[type="radio"] {
  display: none;
}

.radio-type-holiday label input[type="radio"]+ div {
  border: none! important;
}

.radio-type-holiday label input[type="radio"]:checked + div {
  transform: scale(1.25);
  border: 2px solid white !important;
}

.radio-type-holiday label input[type="radio"].checked + div {
  transform: scale(1.25);
  border: 2px solid white !important;
}

.radio-type-holiday .round-state {
  margin-left: 10px;
  cursor: pointer;
  border-radius: 0 !important;
}
.radio-type-holiday label:hover div {
  transform: scale(1.4);
}
.radio-type-holiday label span {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .2s ease-in-out;
}
.times-remove-holiday:hover{
  color:red;
  cursor:pointer;
}

/*** PLANNING ***/
.fixed-table{
  max-height: calc((100vh - 160px));
}

/*** STATISTICS ***/

.fixed-table-statistic{
  max-height: 400px !important;
}
.tablesorter-header-inner {
  display: inline-block !important;
}
.tablesorter-header{
  cursor: pointer;
}
.tablesorter tr th::after {
  content: '\f0dc';
  font-family: "Font Awesome 5 Free";
	line-height: 1;
  display: inline-block;
  margin-left: 5px;
	margin-right: 0.6em;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
  color:white;
}
.table-statistic td{
  padding: 10px 5px !important;
}
/** LOADER STATS **/
.loader-stats {
  position: absolute;
  margin: auto;
  height: 45px;
  width: 100%;
  top:150px;
  position:absolute;
  text-align:center;
  overflow: hidden;
}
.block-statistic-left .loader-stats{
  margin-left: -35px !important;
}

.loader-stats span {
  display: inline-block;
  width: 10px;
  height: 60px;
  animation-name: scale;
  -webkit-animation-name: scale;
  -moz-animation-name: scale;
  -ms-animation-name: scale;
  -o-animation-name: scale;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite
}

.loader-stats span.item-1 {
  background: #FF5252
}

.loader-stats  span.item-2 {
  background: #26A69A
}

.loader-stats  span.item-3 {
  background: #66BB6A
}

.loader-stats  span.item-4 {
  background: #FFA726
}

.loader-stats  span.item-5 {
  background: #FF5252
}

.loader-stats  span.item-6 {
  background: #26A69A
}

.loader-stats  span.item-7 {
  background: #66BB6A
}

.loader-stats span.item-1 {
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s
}

.loader-stats span.item-2 {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s
}

.loader-stats span.item-3 {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s
}

.loader-stats span.item-4 {
  animation-delay: -0.7s;
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s
}

.loader-stats span.item-5 {
  animation-delay: -0.6s;
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s
}

.loader-stats span.item-6 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s
}

.loader-stats span.item-7 {
  animation-delay: -0.4s;
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s
}

@-webkit-keyframes scale {
  0%,40%,100% {
      -webkit-transform: scaleY(0.5);
      -moz-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
      -o-transform: scaleY(0.5);
      transform: scaleY(0.5)
  }

  20%,60% {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1)
  }
}

@-moz-keyframes scale {
  0%,40%,100% {
      -webkit-transform: scaleY(0.5);
      -moz-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
      -o-transform: scaleY(0.5);
      transform: scaleY(0.5)
  }

  20%,60% {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1)
  }
}

@-ms-keyframes scale {
  0%,40%,100% {
      -webkit-transform: scaleY(0.5);
      -moz-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
      -o-transform: scaleY(0.5);
      transform: scaleY(0.5)
  }

  20%,60% {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1)
  }
}

@keyframes scale {
  0%,40%,100% {
      -webkit-transform: scaleY(0.5);
      -moz-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
      -o-transform: scaleY(0.5);
      transform: scaleY(0.5)
  }

  20%,60% {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1)
  }
}


#contents:not(.loading) #spinner-container
.inline-spinner, .spinner {
  width: 100%;
  height: 100%;
}
.spinner {
    background-image: url(data:image/svg+xml;base64,PCEtLSBUaGlzIHZlcnNpb24gb2YgdGhlIHRocm9iYmVyIGlzIGdvb2QgZm9yIHNpemVzIGxlc3MgdGhhbiAyOHgyOGRwLAogICAgIHdoaWNoIGZvbGxvdyB0aGUgc3Ryb2tlIHRoaWNrbmVzcyBjYWxjdWxhdGlvbjogMyAtICgyOCAtIGRpYW1ldGVyKSAvIDE2IC0tPgo8c3ZnIHZlcnNpb249IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgICAgICAgICAgICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgICB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDwhLS0gMTY9IFJBRElVUyoyICsgU1RST0tFV0lEVEggLS0+CgogIDx0aXRsZT5NYXRlcmlhbCBkZXNpZ24gY2lyY3VsYXIgYWN0aXZpdHkgc3Bpbm5lciB3aXRoIENTUzMgYW5pbWF0aW9uPC90aXRsZT4KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgICAvKioqKioqKioqKioqKioqKioqKioqKioqKiovCiAgICAgIC8qIFNUWUxFUyBGT1IgVEhFIFNQSU5ORVIgKi8KICAgICAgLyoqKioqKioqKioqKioqKioqKioqKioqKioqLwoKICAgICAgLyoKICAgICAgICogQ29uc3RhbnRzOgogICAgICAgKiAgICAgIFJBRElVUyAgICAgID0gNi44NzUKICAgICAgICogICAgICBTVFJPS0VXSURUSCA9IDIuMjUKICAgICAgICogICAgICBBUkNTSVpFICAgICA9IDI3MCBkZWdyZWVzIChhbW91bnQgb2YgY2lyY2xlIHRoZSBhcmMgdGFrZXMgdXApCiAgICAgICAqICAgICAgQVJDVElNRSAgICAgPSAxMzMzbXMgKHRpbWUgaXQgdGFrZXMgdG8gZXhwYW5kIGFuZCBjb250cmFjdCBhcmMpCiAgICAgICAqICAgICAgQVJDU1RBUlRST1QgPSAyMTYgZGVncmVlcyAoaG93IG11Y2ggdGhlIHN0YXJ0IGxvY2F0aW9uIG9mIHRoZSBhcmMKICAgICAgICogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3VsZCByb3RhdGUgZWFjaCB0aW1lLCAyMTYgZ2l2ZXMgdXMgYQogICAgICAgKiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgNSBwb2ludGVkIHN0YXIgc2hhcGUgKGl0J3MgMzYwLzUgKiAyKS4KICAgICAgICogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEZvciBhIDcgcG9pbnRlZCBzdGFyLCB3ZSBtaWdodCBkbwogICAgICAgKiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgMzYwLzcgKiAzID0gMTU0LjI4NikKICAgICAgICoKICAgICAgICogICAgICBTSFJJTktfVElNRSA9IDQwMG1zCiAgICAgICAqLwoKICAgICAgLnFwLWNpcmN1bGFyLWxvYWRlciB7CiAgICAgICAgd2lkdGg6MTZweDsgIC8qIDIqUkFESVVTICsgU1RST0tFV0lEVEggKi8KICAgICAgICBoZWlnaHQ6MTZweDsgLyogMipSQURJVVMgKyBTVFJPS0VXSURUSCAqLwogICAgICB9CiAgICAgIC5xcC1jaXJjdWxhci1sb2FkZXItcGF0aCB7CiAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogMzIuNDsgIC8qIDIqUkFESVVTKlBJICogQVJDU0laRS8zNjAgKi8KICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMzIuNDsgLyogMipSQURJVVMqUEkgKiBBUkNTSVpFLzM2MCAqLwogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvKiBoaWRlcyB0aGluZ3MgaW5pdGlhbGx5ICovCiAgICAgIH0KCiAgICAgIC8qIFNWRyBlbGVtZW50cyBzZWVtIHRvIGhhdmUgYSBkaWZmZXJlbnQgZGVmYXVsdCBvcmlnaW4gKi8KICAgICAgLnFwLWNpcmN1bGFyLWxvYWRlciwgLnFwLWNpcmN1bGFyLWxvYWRlciAqIHsKICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlOwogICAgICB9CgogICAgICAvKiBSb3RhdGluZyB0aGUgd2hvbGUgdGhpbmcgKi8KICAgICAgQGtleWZyYW1lcyByb3RhdGUgewogICAgICAgIGZyb20ge3RyYW5zZm9ybTogcm90YXRlKDBkZWcpO30KICAgICAgICB0byB7dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTt9CiAgICAgIH0KICAgICAgLnFwLWNpcmN1bGFyLWxvYWRlciB7CiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxNTY4LjYzbXM7IC8qIDM2MCAqIEFSQ1RJTUUgLyAoQVJDU1RBUlRST1QgKyAoMzYwLUFSQ1NJWkUpKSAqLwogICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlOwogICAgICAgIGFuaW1hdGlvbi1uYW1lOiByb3RhdGU7CiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogICAgICB9CgogICAgICAvKiBGaWxsaW5nIGFuZCB1bmZpbGxpbmcgdGhlIGFyYyAqLwogICAgICBAa2V5ZnJhbWVzIGZpbGx1bmZpbGwgewogICAgICAgIGZyb20gewogICAgICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDMyLjMgLyogMipSQURJVVMqUEkgKiBBUkNTSVpFLzM2MCAtIDAuMSAqLwogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLyogMC4xIGEgYml0IG9mIGEgbWFnaWMgY29uc3RhbnQgaGVyZSAqLwogICAgICAgIH0KICAgICAgICA1MCUgewogICAgICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7CiAgICAgICAgfQogICAgICAgIHRvIHsKICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAtMzEuOSAvKiAtKDIqUkFESVVTKlBJICogQVJDU0laRS8zNjAgLSAwLjUpICovCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLyogMC41IGEgYml0IG9mIGEgbWFnaWMgY29uc3RhbnQgaGVyZSAqLwogICAgICAgIH0KICAgICAgfQogICAgICBAa2V5ZnJhbWVzIHJvdCB7CiAgICAgICAgZnJvbSB7CiAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsKICAgICAgICB9CiAgICAgICAgdG8gewogICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTM2MGRlZyk7CiAgICAgICAgfQogICAgICB9CiAgICAgIEBrZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICBmcm9tIHsKICAgICAgICAgIHN0cm9rZTogIzQyODVmNDsKICAgICAgICB9CiAgICAgICAgdG8gewogICAgICAgICAgc3Ryb2tlOiAjNDI4NWY0OwogICAgICAgIH0KICAgICAgfQogICAgICAucXAtY2lyY3VsYXItbG9hZGVyLXBhdGggewogICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMTMzM21zLCA1MzMybXMsIDUzMzJtczsgLyogQVJDVElNRSwgNCpBUkNUSU1FLCA0KkFSQ1RJTUUgKi8KICAgICAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZSwgaW5maW5pdGUsIGluZmluaXRlOwogICAgICAgIGFuaW1hdGlvbi1uYW1lOiBmaWxsdW5maWxsLCByb3QsIGNvbG9yczsKICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZywgcnVubmluZywgcnVubmluZzsKICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMC40LCAwLjAsIDAuMiwgMSksIHN0ZXBzKDQpLCBsaW5lYXI7CiAgICAgIH0KCiAgPC9zdHlsZT4KCiAgPCEtLSAyLjI1PSBTVFJPS0VXSURUSCAtLT4KICA8IS0tIDggPSBSQURJVVMgKyBTVFJPS0VXSURUSC8yIC0tPgogIDwhLS0gNi44NzU9IFJBRElVUyAtLT4KICA8IS0tIDEuMTI1PSAgU1RST0tFV0lEVEgvMiAtLT4KICA8ZyBjbGFzcz0icXAtY2lyY3VsYXItbG9hZGVyIj4KICAgIDxwYXRoIGNsYXNzPSJxcC1jaXJjdWxhci1sb2FkZXItcGF0aCIgZmlsbD0ibm9uZSIgCiAgICAgICAgICBkPSJNIDgsMS4xMjUgQSA2Ljg3NSw2Ljg3NSAwIDEgMSAxLjEyNSw4IiBzdHJva2Utd2lkdGg9IjIuMjUiCiAgICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KICA8L2c+Cjwvc3ZnPgo=);
    background-size: 100%;
    height: 27px;
    width: 27px;
    position: absolute;
}

#preloader{
  margin : 2vh 0;
  display: block;
}
#preloader .gear{
  width             : 110px;
  height            : 65px;
  margin            : 0 auto;
  border-radius     : 10%;
  border            : 4px solid  #404040;
  position          : relative;
  -webkit-box-shadow: 0 10px 0 0 #404040;
          box-shadow:  0 10px 0 0 #404040;
}

#preloader .gear:after{
  content           : "";
  width             : 90px;
  height            : 90px;
  border-radius     : 100%;
  display           : block;
  border            : 5px dashed  #404040 ;
  position          : absolute;
  top               : -20px;
  left              : -20px;
  -webkit-box-shadow: inset 0px 0 0 20px #404040;
          box-shadow: inset 0px 0 0 20px #404040;
  -webkit-transform : scale(.5) rotate(0deg);
          transform : scale(.5) rotate(0deg);
  -webkit-animation : gear 6s linear infinite;
          animation:gear 6s linear infinite;
}

#preloader .gear:before{
  content           : "";
  width             : 60px;
  height            : 60px;
  border-radius     : 100%;
  display           : block;
  border            : 5px dashed #404040;
  position          : absolute;
  top               : 8px;
  right             : -13px;
  -webkit-box-shadow: inset 0px 0 0 10px #404040;
          box-shadow: inset 0px 0 0 10px #404040;
  -webkit-transform : scale(.5) rotate(0deg);
          transform : scale(.5) rotate(0deg);
  -webkit-animation : gear2 4s linear infinite;
          animation:gear2 4s linear infinite;
}

#preloader h4{
  text-align    : center;
  color         : #8c0f24;
  margin-bottom : 7px;
  text-transform: uppercase;
  font-size     : 13px;
  font-weight   : bold;
  padding-top   : 7px;
}

@-webkit-keyframes gear {
   0%{-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg);}
  100%{-webkit-transform:scale(.5) rotate(360deg);transform:scale(.5) rotate(360deg);}
}

@keyframes gear {
   0%{-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg);}
  100%{-webkit-transform:scale(.5) rotate(360deg);transform:scale(.5) rotate(360deg);}
}

@-webkit-keyframes gear2 {
   0%{-webkit-transform : scale(.5) rotate(0deg);transform    : scale(.5) rotate(0deg);}
  100%{-webkit-transform: scale(.5)  rotate(-360deg);transform: scale(.5)  rotate(-360deg);}
}

@keyframes gear2 {
   0%{-webkit-transform : scale(.5) rotate(0deg);transform    : scale(.5) rotate(0deg);}
  100%{-webkit-transform: scale(.5)  rotate(-360deg);transform: scale(.5)  rotate(-360deg);}
}

/*** CHOOSEN LIST ***/
.chosen-container-single .chosen-single {
    padding    : 5px 0 0 8px !important;
    height     : 34px !important;
    font-family: 'Roboto Condensed', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

select[multiple] + .chosen-container.chosen-container-multi .chosen-choices{
  position          : relative !important;
  display           : block !important;
  overflow          : hidden !important;
  padding           : 3px !important;
  padding           : 0 0 0 8px !important;
  height            : 34px !important;
  border            : 1px solid #aaa !important;
  border-radius     : 5px !important;
  background-color  : #fff !important;
  background        : -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4)) !important;
  background        : linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%) !important;
  background-clip   : padding-box !important;
  -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow        : 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1) !important;
  color             : #444 !important;
  text-decoration   : none !important;
  white-space       : nowrap !important;
  line-height       : 25px !important;
  font-family       : 'Roboto Condensed', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 4px 0 !important;
  font-family: 'Roboto Condensed', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.chosen-container-multi .chosen-choices li.search-choice {
  margin: 5px 5px 3px 0 !important;
  font-family: 'Roboto Condensed', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.chosen-container-single .chosen-single div b {
    background: url(chosen-sprite.png) no-repeat 0px 7px !important;
    font-family: 'Roboto Condensed', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
/*** AUTOCOMPLETION ***/
.ui-widget {
  font-family: 'Roboto Condensed', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size: 12px !important;
  background: white;
  padding: 10px !important;
  border: 1px solid #cccccc;
  width: 25em !important;
  z-index: 3;
}
.ui-helper-hidden-accessible{
  display:none !important;
}
.ui-autocomplete{
  max-height: 195px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-state-active{
  background-color: #3875d7 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)) !important;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%) !important;
  color: #fff !important;
  border: none !important;
}
.ui-menu .ui-menu-item {
  font-size: 13px !important;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Roboto Condensed', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size: 12px !important;
}

/*** RESPONSIVE ***/
@media screen and (min-width: 1100px){

}
@media screen and (max-width: 1099px){
  #holiday .fixed-table td {
    font-size: 7px !important;
  }
  .panel-type-holiday .block-type-holiday{
    margin: 0 5px !important;
    text-align: left;
    font-size:10px !important;
  }
  .panel-type-holiday .block-type-holiday .round-state{
    margin-right:3px !important;
  }
  .block-legend .colored-stripe, .block-legend .label-block{
    font-size: 10px !important;
  }
  #site-footer {
    font-size: 75% !important;
    padding: 1px !important;
  }
}
@media screen and (min-width: 962px){
  .block-statistic-left{
    padding-right:5px !important;
  }
}
@media screen and (min-width: 767px){
  .btn-date{
    margin-top: 21.5px !important;
  }
  .btn-date-planning{
    margin-top: 21.5px !important;
  }
}
@media screen and (max-width: 768px){
 .label-multiple-responsive:nth-last-child(2){
    margin-bottom: 2px;
  }
  #holiday .date-planning{
    min-width: 70px !important;
    width:70px !important;
  }
  #holiday .fixed-table th{
    font-size: 7px !important;
  }
  .list-state-planning label {
    width      : 100% !important;
    text-align : left !important;
  }
  .searchbar button {
    width: 30% !important;
  }
  .searchbar input {
    width: 70% !important;
  }
  .type-historic{
    width: 180px !important;
  }
  .date-update-historic{
    width: 60px !important;
  }
  #preloader .gear {
    width : 75px !important;
    height: 85px !important;
  }
  #preloader .gear:before {
    width : 50px !important;
    height: 50px !important;
    top   : 35px !important;
    right : -9px !important;
  }
  #preloader .gear:after {
    width : 90px !important;
    height: 90px !important;
    top   : -20px !important;
    left  : -21px !important;
  }
}
@media screen and (max-width: 767px){
  /* .fixed-table .table-fill th {
      min-width: 18.6vw !important;
  } */
  .searchbar button {
    width: 10% !important;
  }
  .alert-perso {
    line-height: 1.3 !important;
    font-size  : 11px !important;
  }
  .searchbar input {
    width: 90% !important;
  }
  .btn-filter, #resetFilter{
    margin-bottom: 0px !important;
    margin-top   : 0px !important;
  }
  .btn-search-dispo, .btn-display-filter{
    margin-bottom: 15px !important;
  }
  .input-filter{
    padding-right: 0 !important;
  }
  .btn-date-planning {
    padding-left: 15px !important;
  }
  /* .fixed-table .table-fill th {
    min-width: 141px !important;
  } */
}
@media screen and (min-width: 650px) and (max-width: 768px){
 .rad-logo-hidden {
    left: 31vw;
  }
}
@media screen and (min-width: 550px) and (max-width: 649px){
 .rad-logo-hidden {
    left: 25vw;
  }
}
@media screen and (min-width: 425px) and (max-width: 549px){
 .rad-logo-hidden {
    left: 17vw;
    top:13%;
  }
  .rad-logo-hidden img {
    width: 244px;
  }
   .table-full td {
    padding: 4px 4px !important;
  }
  .btn-tab {
    padding  : 2px 4px !important;
    font-size: 11px !important;
  }
  .text-center-smallsize{
    text-align: center !important;
  }
  .action-small{
    width: 55px;
  }
  .block-filter-header a{
    float: none !important;
  }
  .block-filter-header{
    margin-top:25px;
  }
  .separator-filter-small{
    display: inline-block !important;
  }
  .separator-filter{
    display: none !important;
  }
  .type-historic{
    width: 60px !important;
  }
}


/*** LIST TYPE OPTION ON TRUCK ***/
@media screen and (min-width: 460px){
  .listTypeSmallScreen{
      display: none !important;
  }
}


@media screen and (max-width: 460px){
  /* .margin-planning{
    margin-top:15px;
  } */
  .block-btn-planning {
    margin-top: -30px !important;
    margin-right: 5px !important;
  }
  .btn-export{
    margin-top: 5px !important;
    float: left;
  }
  /* .fixed-table .table-fill th {
    min-width: 121px !important;
  } */
  .panel-body.rad-container {
    font-size: 11px !important;
  }
  .form-control {
    font-size: 12px !important;
  }
  .rad-page-title {
    text-align: center;
  }
  .btn-tab {
    padding  : 2px 4px !important;
    font-size: 11px !important;
  }
  .listType{
    display: none !important;
  }
  .linkTypeSmall{
    padding: 4px 2px !important;
  }
  .pagination{
    font-size: 11px!important;
  }
  .tabs-header ul {
    font-size: 11px !important;
  }
  #preloader .gear{
    width             : 50px !important;
    height            : 60px !important;
    margin            : 0 auto;
    border-radius     : 10%;
    border            : 5px solid  #404040;
    position          : relative;
    -webkit-box-shadow: 0 10px 0 0 #404040;
            box-shadow: 0 10px 0 0 #404040;
  }

  #preloader .gear:after{
    top   : -13px !important;
    left  : -14px !important;
    width : 60px !important;
    height: 60px !important;
  }

  #preloader .gear:before{
    width : 35px !important;
    height: 35px !important;
    top   : 23px !important;
    right : -7px !important;
  }

  #preloader h4{
    text-align : center;
    padding-top: 10px;
    font-size  : 12px !important;
  }
  .type-historic{
    width: 60px !important;
  }
  .container-fluid {
    padding-right: 15px !important;
    padding-left : 15px !important;
    margin-bottom:35px !important;
  }
  .btn-tab {
    padding  : 2px 4px !important;
    font-size: 11px !important;
  }
  .panel-body {
    padding: 5px !important;
  }
  .panel-heading {
    padding: 10px 5px !important;
  }
  .list-state-planning .block-icon {
    font-size: 8px;
  }
  .list-state-planning{
    padding:2px 5px !important;
  }
  .btn-date-planning{
    padding-top:21px;
  }
  .table-fill.table-full.zoom tr th{
    font-size: 7px !important;
  }
  .dezoom .nameDriver, .dezoom .nameDriver + div {
    font-size: 6px !important;
  }
  .list-state-planning .block-icon{
    text-align: left !important;
    width     : 49% !important;
    display   : inline-block !important;
    margin    : 4px auto !important;
  }
  .container-fluid {
      padding-right: 19px !important;
      padding-left: 19px !important;
  }
}

@media screen and (max-width: 400px){
  .legend .label-block {
    min-width: 100px;
  }
}

@media screen and (min-width: 375px) and (max-width: 424px){
 .rad-logo-hidden {
    left: 17vw;
    top : 20%;
  }
  .rad-logo-hidden img {
    width: 205px;
  }
  .table-full td {
      padding: 4px 3px !important;
  }
  .table-full th, .table-full td {
      font-size: 10px;
  }
  .btn-tab {
    padding  : 2px 4px !important;
    font-size: 11px !important;
  }
  .action-small{
    width: 55px;
  }
  .text-center-smallsize{
    text-align: center !important;
  }
  .block-filter-header{
    margin-top:25px;
  }
  .separator-filter-small{
    display: inline-block !important;
  }
  .separator-filter{
    display: none !important;
  }
  .block-filter-header a{
    float: none !important;
  }

}

@media screen and (max-width: 375px){
  .block-filter-header{
    margin-top:25px;
  }
  .separator-filter-small{
    display: inline-block !important;
  }
  .separator-filter{
    display: none !important;
  }
  .block-filter-header a{
    float: none !important;
  }
  .text-center-smallsize{
    text-align: center !important;
  }
  .inbox{
    font-size: 12px;
  }
  .rad-sidebar li a > span {
    padding-left: 0px;
    font-size: 10px;
  }
  .rad-sidebar {
    width: 155px;
  }
  .rad-body-wrapper {
    left: 155px;
  }
  .btn {
    font-size: 11px !important;
  }
  .rad-page-title {
    margin-left: -10px;
  }
  .state-sector, .state-driver {
    width: 45px !important;
  }
  .table-full th, .table-full td {
    padding:4px 2px !important;
  }
}
@media screen and (min-width: 319px) and (max-width: 374px){
 .rad-logo-hidden {
    left: 17vw;
    top:22%;
  }
  .action-small{
    width: 50px;
  }
  .rad-logo-hidden img {
    width: 175px;
  }
  .table-full td {
      padding: 4px 2px !important;
  }
  .table-full th, .table-full td {
      font-size: 7px;
  }
  .mp-menu ul li > a {
    font-size: 12px !important;
  }
  .mp-menu ul li::before {
    line-height: 2.9 !important;
  }
  .table-full #trucks th, .table-full #trucks td{
    font-size: 9px !important;
  }
  .label {
    font-weight: 100 !important;
  }
  /* .fixed-table .table-fill th {
    min-width: 99px !important;
  } */
}
@media screen and (max-width: 330px){
  .rad-nav-min ~ .rad-top-nav-container {
    margin-top: -75px;
    cursor    : pointer;
  }
  .searchbar button {
    width: 15% !important;
  }
  .searchbar input {
    width: 85% !important;
  }
  .date-planning.disease{
    width:65px !important;
    min-width:65px !important;
  }
}
.tdDriverEnd + .tdDriverSuite{
  margin-top:0 !important;
}
.td-week{
  background: #515d6e !important;
  color     : white;
  text-align: center !important;
  height    : 20px !important;
}
.border-week-end{
  border-top: 2.5px solid #444 !important;
  border-bottom: 2.5px solid #444 !important;
}
.border-week-end.date-planning-border{
  border-left: none !important;
}
.container-fluid {
  margin-bottom:35px !important;
}

.progress{
  height: 6px !important;
  margin-bottom:0 !important;
  border: 1px solid #c1c3d1;
  border-radius: 4px;
}
.vertical {
  left: -33px;
  bottom: 33px;
  width: 74px;
  position: absolute;
}
.progress-bar {
  box-shadow: inset 0px 4px 6px rgba(100,100,100,0.6);
}
.table-fill tr:nth-child(odd) td {
  background: #FFFFFF;
}
.btn-envelope{
  padding: 1px 5px !important;
  font-size: 10px !important;
  position: absolute;
  right: 5px;
  top: 10px;
  color: #fff !important;
  background-color: #404040 !important;
  border-color: #9ea7af !important;
}

.fixed-table th:nth-child(4n+1) .btn-envelope{
  background: #545454 !important;
}

.libel-truck-planning{
  min-width: 152px;
  /* min-width: 140px; */
}
.fixed-table thead th{
	position: sticky;
	top: -1px;
}
.am, .pm, .am-driver, .pm-driver{
  height:80px;
  position: relative;
  padding-left: 15px;
  padding-top: 5px;
  overflow: auto;
  word-break: break-all;
  font-size: 11px !important;
}
.am-driver, .pm-driver{
  padding-left: 5px;
  font-size: 9px !important;
  color: #666B85;
}
.block-state{
  height:27px;
  padding: 2px 4px;
  border-bottom: 1px dashed black;
}
.block-state .btn-state-truck{
  color: rgb(51, 122, 185) !important;
  font-size: 12px !important;
  padding: 1px 6px !important;
  text-transform: uppercase !important;
}

.block-state .btn-view-sites{
  color: rgb(51, 122, 185) !important;
  font-size: 12px !important;
  padding: 1px 6px !important;
  text-transform: uppercase !important;
}
.btn-view-sites i {
  font-size: 9px !important;
  vertical-align: inherit;
}
/* .swal2-icon {
  width: 7em !important;
  height: 7em !important;
}
.swal2-icon .swal2-icon-content {
  font-size: 5.75em !important;
} */
.swal2-content {
  text-align: left !important;
}
.swal2-title{
  color: white !important;
  padding: 5px !important;
  margin-bottom: 0 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  background: #880c20;
  width: 100%;
  text-align: center !important;
  padding: 10px !important;
  display: block !important;
  margin-bottom: 15px !important;
}
.swall2-actions{
  margin-top: 0 !important
}
hr {
  border-top: 1px dashed black !important;
}
.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #3085d6;
  color: #fff;
  text-transform: uppercase !important;
}
.btn-danger.swal2-styled, .btn-default.swal2-styled{
  /* font-size: 1.0625em !important; */
  text-transform: uppercase !important;
  /* height: 29px !important; */
  height: 32px !important;
  line-height: 0 !important;
  margin-top: 1.5px;
}
/* .swall2-actions .btn-default{
  border-radius: .25em;
  background: initial;
  font-size: 1.0625em !important;
  text-transform: uppercase !important;

}
.swal2-styled.swal2-cancel {
  font-size: 1.0625em !important;
  text-transform: uppercase !important;
} */

.alert-perso {
  height: auto;
  padding: 10px;
  box-shadow: 0px 0px 2px rgba(0,0,0,0.35);
  text-align: center;
  position: fixed;
  width: 100%;
  top:0;
  left: 0;
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 1px 0px #999;
  z-index: 1000;
}
.alert-perso.error-alert{
  background-color: #EF5350 !important;
}
.alert-perso.success-alert{
  background-color: #66BB6A !important;
}
.alert-perso.info-alert{
  background-color: #29B6F6 !important;
}

.close-alert{
  display: none !important;
}
.swal2-popup {
  width: 125em !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

/** checkbox switch **/
/*** TOOGLE ***/
.checkbox-inline.checkbox-switch {
  vertical-align: middle;
  margin-top: 5px;
  cursor:pointer;
  padding-left: 0 !important;
}
.checkbox-inline.checkbox-switch span {
  display: inline-block;
  position: relative;
  height: 20px;
  width: 40px;
  vertical-align: middle;
  margin-left: 5px;
  border-radius: 4px;
  background: crimson;
  margin-top: -2px;
}
.checkbox-inline.checkbox-switch span:after {
  content: "";
  position: absolute;
  background: white;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  top: 0px;
  left: 0px;
  box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all .2s ease;
}
.checkbox-inline.checkbox-switch input {
  display: none !important;
}
.checkbox-inline.checkbox-switch input:checked + span {
  background: #23AE89;
}
.checkbox-inline.checkbox-switch input:checked + span:after {
  left: 19px;
}
.nameCustomerPlanning{
  color: #8b1024;
  padding-right: 4px !important;
  font-weight: bold;
  text-transform: uppercase;
}
.border-top{
  border-top: 1px dashed black;
}
.progress.vertical{
  left: -28px;
  bottom: 37px;
  width: 71px;
  position: absolute;
}
.otherInformationPlanning{
  font-size: 10px;
  padding-right: 4px !important;
  color: #666B85 !important;
}
.absolute-btn-trash-site{
  border: 0 !important;
  background: none !important;
  color: rgb(46, 109, 164) !important;
  position: absolute;
  right: 2px;
  top: 4px;
}
.block-btn-planning{
  float: right;
  margin-top: -25px;
  margin-right: 15px;
}

@media screen and (max-width: 750px){
  .container-fluid{
    padding: 5px !important;
  }
  .panel-body {
    padding: 5px !important;
  }
  .panel-heading {
    padding: 10px 5px !important;
  }
  .block-btn-planning {
    margin-top: -30px !important;
    margin-right: 5px !important;
  }
  .swall2-actions {
    margin-bottom: 75px !important;
    margin-top: 0 !important;
  }
  .fixed-table{
    max-height: calc((100vh - 130px));
  }
}
#btnChangeDatePlanning, .list-sector-planning, #date.dateMonth{
  height: 32px !important;
}
.planning-content{
  min-height: 100vh !important;
}
.table-scroll {
  position: relative;
  width:100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
}
.table-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}
.table-wrap {
  position: relative;
}
.table-scroll td{
  padding: 5px 10px;
  padding: 5px 2px;
  border-right: 1px solid #c0c3d1;
  border-bottom: 1px solid #c0c3d1 !important;
  background: #fff;
  vertical-align: top;
}

.table-scroll thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  color: #c0c3d1 !important;
  background: #404040 !important;
  border-bottom: 3px solid #9ea7af !important;
  border-right: 1px solid #343a45 !important;
  font-size: 10px !important;
  font-weight: 100 !important;
  padding: 10px 6px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
  vertical-align: middle !important;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #666;
  color: #fff;
  z-index:4;
}
th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
}
thead th:first-child,
tfoot th:first-child {
  z-index: 5;
}
.date-planning{
  min-width: 65px !important;
}
.td-week{
  background:black !important;
}

.state-truck-1{
  background-color: rgb(222, 101, 101, 0.82) !important;
}
.state-truck-2{
  background-color: rgb(247, 221, 226, 0.66) !important;
}
.state-truck-3{
  background-color: rgb(206, 155, 131, 0.66) !important;
}
.state-truck-5{
  background-color: rgb(234, 234, 104, 0.64) !important;
}
.state-truck-7{
  background-color: rgb(255, 255, 255) !important;
}
.state-truck-8{
  background-color: #f7dde2 !important;
}
.type-holiday-1:not(.in-site){
  background-color: #78909C !important;
}
.type-holiday-2:not(.in-site){
  background-color: #86ba0d !important;
}
.type-holiday-3:not(.in-site){
  background-color: #940084 !important;
}
.type-holiday-4:not(.in-site){
  background-color:#943B00 !important;
}
.type-holiday-5:not(.in-site){
  background-color: #ff7f00 !important;
}

.type-holiday-1:not(.in-site) *, .type-holiday-2:not(.in-site) *, .type-holiday-3:not(.in-site) *, .type-holiday-4:not(.in-site) *, .type-holiday-5:not(.in-site) *{
  color: white !important;
}



.completion{
  background: white;
  max-height: 115px;
  overflow: auto;
  position: absolute;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  z-index: 2;
  width: 93%;
}
.completion li{
  padding: 5px;
}
.completion li:not(:last-child){
  border-bottom: 1px solid #cccccc;
}
.completion li:hover{
  background-color: #dedede;
  cursor: pointer;
}
.btn-add-plannification{
  margin-left: 10px;
}
.btn-delete-plannification-state-truck{
  margin-right: 10px;
}
#tbodyPlanning td, #tbodyHoliday{
  padding: 0 !important;
}

/* DESIGN NEW POLICE */

/* #mp-menu ul{
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
  font-size: 16px !important;
} */
.table-scroll thead th {
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  font-size: 14px !important;
  letter-spacing: 0.25px;
}
.title-modal-add-state{
  font-size: 18px !important;
}
.title-modal-add-state, .subtitle{
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
  font-size: 16px;
}
.swal2-styled{
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px !important;
  padding: 7px 25px !important;
  font-size: 1.25em !important;
}
.swal2-styled i, .btn i{
  margin-right: 5px;
}
.btn-tab i, .btn-state-truck i, .btn-view-sites i, .block-btn-planning .btn i, #nextMonth i, #prevMonth i, .btn-envelope i, #nextMonthHoliday i, #prevMonthHoliday i{
  margin-right: 0;
}
.swal2-title{
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px !important;
  font-size: 20px !important;
}
.view-site, .other-driver-principal, .driver-principal-planning{
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
  font-size: 13px;
}
.other-driver-principal{
  text-decoration: underline;
  color: #8b1024;
}
.panel-heading .panel-title {
  font-size: 17px !important;
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
}

.rad-page-title span{
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
}
#preloader h4{
  font-size: 17px !important;
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
}
#tbodyPlanning th, #tbodyHoliday th{
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
  font-size: 12px;
  vertical-align: top;
  padding: 8px 6px;
  color: #666B85;
  background: white!important;
  border-right: 1px solid #C1C3D1 !important;
  border-bottom: 1px solid #c0c3d1 !important;
}
th{
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
  font-size: 12px !important;
  vertical-align: top;
  padding: 8px 6px;
  color: #666B85;
  border-right: 1px solid #C1C3D1 !important;
  border-bottom: 1px solid #c0c3d1 !important;
}
.mp-menu h2 {
  font-size: 20px !important;
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
  padding: 15px !important;
}
.rad-dropmenu-footer{
  font-family: "Bebas Neue",sans-serif !important;
  font-weight: 100 !important;
  letter-spacing: 0.25px;
  font-size: 14px !important;
}
label{
  font-size: 12px !important;
}

.btn.btn-primary{
  font-family: "Bebas Neue",sans-serif;
  border: 0;
  border-radius: .25em;
  letter-spacing: 0.25px;
  height: 31px;
  background: initial;
  background-color: #3085d6;
  color: #fff;
}
.btn.btn-default{
  font-family: "Bebas Neue",sans-serif;
  border-radius: .25em;
  letter-spacing: 0.25px;
}

@media screen and (min-width: 767px){
  .min-height-view-site{
    min-height: 130px !important;
  }
  .link-legend-mobile{
    display: none;
  }
}

.btn-tab, .btn-state-truck, .btn-view-sites, .block-btn-planning .btn, #nextMonth, #prevMonth, .btn-envelope{
  font-family: 'Roboto Condensed', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

/** DEZOOM PLANNING **/
.dezoom .am, .dezoom .am-driver, .dezoom .pm, .dezoom .pm-driver{
  height: 17px;
  overflow: hidden;
  padding-top: 0;
}

.dezoom td{
  padding: 0 !important;
  position: relative;
}
.dezoom thead th:not(.dezoom-date-planning), .dezoom #tbodyPlanning th:not(.dezoom-date-planning) {
  font-size: 8px !important;
  padding: 2px !important;
  min-width: 62px !important;
}
.dezoom .view-site, .dezoom .other-driver-principal, .dezoom .driver-principal-planning {
  font-size: 6px;
}
.dezoom .block-state{
  height: 19px;
  padding: 1px 2px;
}
.dezoom .btn-view-sites,.dezoom .btn-state-truck, .dezoom .btn-envelope {
  padding: 0 5px !important;
}
.dezoom .btn-view-sites i,.dezoom .btn-state-truck i, .dezoom .btn-envelope i {
  font-size: 7px !important;
}
.dezoom .otherInformationPlanning{
  display: none;
}
.dezoom .date-planning, .dezoom .libel-date-planning{
  width: 20px !important;
  min-width: 20px !important;
}
.dezoom .progress.vertical{
  left: 0px;
  bottom: 5px;
  width: 14px;
}
.dezoom .nameCustomerPlanning {
  color: #8b1024;
  padding-right: 4px !important;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -2px;
}
.dezoom .block-state .btn-state-truck, .dezoom .block-state .btn-view-sites {
  font-size: 9px !important;
}
.dezoom .btn-envelope {
  top: 0px;
}
.dezoom .dezoom-date-planning, .dezoom th.libel-date-planning{
  font-size: 8px !important;
  padding: 2px !important;
}

@media screen and (max-width: 767px){
  .dezoom .block-state{
    display: none;
  }
  .dezoom .btn-envelope{
    display:none;
  }
  .dezoom .dezoom-date-planning, .dezoom th.libel-date-planning {
    font-size: 7px !important;
  }
  #listLegend{
    display: none;
  }
  .link-legend-mobile{
    margin-top: -12px;
    color:#8b1024;
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: 2px;
    width: 100px;
  }
}


/*** HOLIDAY LIST ****/
#tbodyHoliday tr th{
  padding:2px 5px !important;
}
.display-hover-holiday{
  display: none;
}
#tbodyHoliday .hover-holiday{
  padding: 0 0 0 3px !important;
  vertical-align: inherit !important;
}
#tbodyHoliday .hover-holiday:hover .display-hover-holiday{
  display: inline-block;
  cursor:pointer;
  padding-top: 2px;
}
.display-hover-holiday .color-holiday{
  height: 15px;
  width: 20px;
  vertical-align: middle;
  display: inline-block;
}
#tbodyHoliday tr{
  height: 23px !important;
}
#listHoliday tr th{
  min-width: 120px;
  padding: 2px !important;
  font-size: 12px !important;
  padding-bottom: 0 !important;
}
#holiday-table .date-planning, .libel-date-planning{
  min-width: 55px !important;
}
.delete-holiday{
  color: white !important;
  border: none !important;
  padding: 0 !important;
  background: none !important;
}
.square{
  padding: 7px 8px;
  margin-right: 5px;
  vertical-align: middle;
}
.legend{
  padding: 5px 4px !important;
  background-color: #EBEBEB;
  border: 1px solid #c1c3d1;
  text-align: center;
}
.legend .block-legend{
  margin-right:5px;
}
.legend *{
    font-family: "Bebas Neue",sans-serif;
    border-radius: .25em;
    letter-spacing: 0.25px;
    display: inline-block;
}

@media screen and (max-width: 1660px){
  .dezoom .btn-envelope {
    top: 4px;
    right: 1px;
  }
}
.block-billing{
  color: #ff0000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 5px;
}
.block-billing.no-validate{
  background: yellow;
}