.boxbeta .ribbon {
    position: absolute;
    right: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
    pointer-events: none;
  }
  .boxbeta .ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#F70505 0%, #8F0808 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; right: -21px;
  }
  .boxbeta .ribbon span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #8F0808;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
  }
  .boxbeta .ribbon span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #8F0808;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
  }

.clear{
	clear:both;
}

*{
	outline: 0;
}

a{
	color:inherit;
	text-decoration: none;
}

hr{
	border: 0;
	border-top: 1px solid #D8D8D8;
}

.forceuppercase{
    text-transform: uppercase;
}

.forcewrap{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.colcontainer{
	margin-left: -15px;
	margin-right: -15px;
    position: relative;
}


.col{
	position: relative;
	float:left;
	display: block;
	margin: 15px;
	box-sizing: border-box;
}

.col.right{
	float:right;
	margin: 15px;
}

.col-1{
	width: calc(((100% - (12 * 30px))/12)*1);
}
.col-2{
	width: calc(((100% - (12 * 30px))/12)*2 + (1 * 30px));
}
.col-3{
	width: calc(((100% - (12 * 30px))/12)*3 + (2 * 30px));
}
.col-4{
	width: calc(((100% - (12 * 30px))/12)*4 + (3 * 30px));
}
.col-5{
	width: calc(((100% - (12 * 30px))/12)*5 + (4 * 30px));
}
.col-6{
	width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
}
.col-7{
	width: calc(((100% - (12 * 30px))/12)*7 + (6 * 30px));
}
.col-8{
	width: calc(((100% - (12 * 30px))/12)*8 + (7 * 30px));
}
.col-9{
	width: calc(((100% - (12 * 30px))/12)*9 + (8 * 30px));
}
.col-10{
	width: calc(((100% - (12 * 30px))/12)*10 + (9 * 30px));
}
.col-11{
	width: calc(((100% - (12 * 30px))/12)*11 + (10 * 30px));
}
.col-12{
	width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
}

[class^="sursectoricon-"], [class*=" sursectoricon-"] {
    line-height: inherit;
}

#mmenu:not( .mm-menu) {
	display: none;
}

.badgeselect{
    position:relative;
    border-radius: 50%;
    padding: 5px;
}

.badgeselect span{
  background-color: #fff;
  border:1px solid #D6001C;
  color:#D6001C;
  position:absolute;
  right:0px;
  bottom:0px;
  transform: translate(20%,20%);
  border-radius:300px;
  display: flex;
  align-items: center;
  justify-content: center;
  width:10px;
  height:10px;
  font-size: 8px;
  font-family: 'Roboto', sans-serif;
}

.badgeselect.selected{
    background-color: #D6001C;
    color:#fff;
}

.badgescaddiecontainer{
  position: fixed;
  left:0px;
  top:50%;
  transform: translateY(-50%);
}

.badgescaddie{
    background-color: #D6001C;
    color:#fff;
    position: fixed;
    left:0px;
    top:50%;
    transform: translateY(-50%);
    padding:5px;
    display:none;
    font-size: 0.667em;
    text-transform: uppercase;
    z-index: 200;
}

.badgescaddiecontainer .badgescaddie{
  top:auto;
  left:auto;
  transform: none;
  position: relative;
}

.badgescaddie a{
    display: block;
    margin-top: 10px;
}

.badgeselectchantier{
   position:relative;
    border-radius: 50%;
    padding: 5px;
}

.badgeselectchantier span{
  background-color: #fff;
  border:1px solid #D6001C;
  color:#D6001C;
  position:absolute;
  right:0px;
  bottom:0px;
  transform: translate(20%,20%);
  border-radius:300px;
  display: flex;
  align-items: center;
  justify-content: center;
  width:10px;
  height:10px;
  font-size: 8px;
  font-family: 'Roboto', sans-serif;
}

.badgeselectchantier.selected{
    background-color: #03BD37;
    color:#fff;
}

.badgeschantiercaddie{
    background-color: #03BD37;
    color:#fff;
    position: fixed;
    left:0px;
    top:50%;
    transform: translateY(-50%);
    padding:5px;
    display:none;
    font-size: 0.667em;
    text-transform: uppercase;
    z-index: 200;
}

.badgescaddiecontainer .badgeschantiercaddie{
  top:auto;
  left:auto;
  transform: none;
  position: relative;
}

.badgeschantiercaddie a{
    display: block;
    margin-top: 10px;
}

.smallbutton{
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    color: #D6001C;
}

.copylink{
    cursor: pointer;
}



@keyframes blinkingBackground{
    0%		{ background-color: #ff7f00 !important;}

    50%		{ background-color: #f4661b !important;}

    100%	        { background-color: #ff7f00 !important;}
}

.bottompopup{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color: white;
  padding:20px;
  whidth:100%;
  max-width: 400px;
  border-radius:20px;
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.30);
  border-radius: 4px;
  transition: all ease-in .2s;
}

.bottompopupoverlay{
  position:fixed;
  bottom:0px;
  left:0px;
  width:100vw;
  height:100vh;
  background-color: rgba(0,0,0,.6);
  transition: all ease-in .2s;
}

.bottompopupoverlay.closed{
  width:0px;
  height:0px;
  opacity: 0;
}

.bottompopup.closed{
  bottom:20px;
  left:20px;
  top:auto;
  transform:none;
  whidth:auto;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.30);
}

.bottompopup.closed .bottompopuptext{
  display: none;
}

html{
	padding:0px;
	margin:0px;
	min-height:100%;
	height: 100%;
    text-rendering: auto;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{
	padding:0px;
	margin:0px;
	min-height:100%;
	width:100%;
	height: 100%;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color:#6A6A6A;
    background-color: #EEF0F1;
    background-image: url(../img/bg_network.png);
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}

div.alert{
    position: fixed;
    background-color: #D6001C;
    color:#fff;
    padding: 20px;
    width:100%;
    bottom:0px;
    left:0px;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
}

div.alertbox{
    background-color: #D6001C;
    color:#fff;
    padding: 5px;
    width:100%;
    text-align: center;
    font-size:0.777em;
    margin-top: 10px;
}


div.headerspacer{
    height:50px;
}

div.login{
    position: relative;
    margin: auto;
    width:100%;
    max-width: 370px;
    padding:20px;
    box-sizing: border-box;
    text-align: center;
}

div.login div.logo, div.invitation div.logo{
    display: block;
    position: relative;
    margin: auto;
    width:142px;
    height:119px;
    background-image: url(../img/logo_rond.svg);
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    margin-top: 40px;
}

.formcontainer{
    margin-top:15px;
}

label{
    font-size: 0.667em;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    /*margin-top: 20px;*/
}

.error{
    color:#f00;
}

label.error{
    margin-top:0px;
}

.formcontainer.small{
    font-size: .8em;
}

.form-group .pretty{
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.pretty label{
    font-size: 1em;
    text-transform: none;
}

.pretty.p-switch .state:before{
    border-color: #E5E5E5;
    background-color: #E5E5E5!important;
}


.pretty.p-switch .state label:after{
    background-color:#fff !important;
}


.pretty.p-switch.p-fill input:checked~.state:before{
    border-color: #00E640;
    background-color: #00E640!important;
}

.pretty.p-switch.p-fill.nuit input:checked~.state:before{
    border-color: #111E6C;
    background-color: #111E6C!important;
}


.pretty.p-switch.p-login .state:before {
    border-color: #cccccc;
    background-color: #cccccc!important;
}

.pretty.p-switch.pending .state label:after, .pretty.p-switch.pending .state label:before, .pretty.p-switch.p-fill.pending input:checked~.state label:after, .pretty.p-switch.p-fill.pending input:checked~.state label:before{
    animation: blinkingBackground 1s infinite;
    background-color: #ff7f00 !important;
}


input[type=text], input[type=email], input[type=date], input[type=password], input[type=number], select.select2, textarea{
    background-color: #fff;
    border:1px solid #000;
    border-radius:5px;
    display: inline-block;
    width:100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    box-sizing: border-box;
    height:45px;
    line-height: 45px;
    padding-left:12px;
    padding-right: 12px;
    font-family: 'Roboto', sans-serif !important;
}

textarea{
    line-height: auto;
}

.permisinfos{
    display: none;
}

.formcontainer.small input[type=text], .formcontainer.small input[type=email], .formcontainer.small input[type=date], .formcontainer.small input[type=password], .formcontainer.small input[type=number], .formcontainer.small select.select2,  .formcontainer.small textarea{
    font-size: .8em;
    padding-left:5px;
    padding-right: 5px;
    height:3em;
    line-height: 3em;
    margin-top: 5px;
    margin-bottom: 0px;
}

.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.numInputWrapper input {
    width: 100%;
}
.numInputWrapper input, .numInputWrapper span {
    display: inline-block;
}

.select2{
    margin-top: 10px;
    margin-bottom: 10px;
}

.select2-container--default .select2-selection--single{
    background-color: #fff;
    border:1px solid #000;
    border-radius:5px;
    display: inline-block;
    width:100%;
    font-size: 18px;
    box-sizing: border-box;
    height:45px;
    line-height: 45px;
    padding-left:12px;
    padding-right: 12px;
   
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 45px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:45px;
}


.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--classic .select2-results__option--highlighted[aria-selected]{
    background-color: #D6001C;
    color:#fff;
}

.select2-container--default .select2-selection--multiple{
    border:1px solid #000;
    min-height: 45px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    line-height: 30px;
}

/*.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #000000;
    color:#fff;
    border-color: #000;
    border-radius:24px;
    padding-left: 10px;
    padding-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#efefef}*/

.select2-dropdown {
    z-index: 100000003;
}

.flatpickr-calendar.open{
    z-index: 100000005;
}

.inline-tooltip-download a {
    display: block;
    color: #D6001C;
    text-decoration: none;
}

.openfilters{
    display: inline-block;
    color: #D6001C;
    background-color: #fff;
    border:1px solid #D6001C;
    text-align: center;
    font-size: 0.667em;
    font-weight: 500;
    text-transform: uppercase;
    box-sizing: border-box;
    height:36px;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius:18px;
    margin-top: 1em;
}

.openfilters.active{
    background-color: #D6001C;
    color: #fff;
}

.openfilters .resetfilters{
    display: none;
}

.openfilters.active .resetfilters{
    display: inline;
}

.resultcounter{
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
    font-size: 0.8em;
    
}



.resultcounter .chip{
    height:30px;
    line-height: 30px;
}

.resultcounter .resultnumber{
    display: inline-block;
    background-color: #fff;
    color:#D6001C;
    width:20px;
    height:20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
}

#searchpopover{
    position: fixed;
    width:100%;
    top:50px;
    right:0px;
    display: block;
    transform: translateY(-200%); 
    background-color: #000;
    z-index: 8;
}

#searchpopover.mm-slideout{
    transform: translateY(-200%) !important; 
}

#searchpopover.opened, #searchpopover.mm-slideout.opened{
    transform: translateY(0) !important; 
}

a.delete{
    color:#D6001C;
    font-size: .65em;
    text-transform: uppercase;
    float:  right;
    margin: 10px;
    height:36px;
    line-height: 36px;
}

td a.delete{
  height:auto;
  line-height:normal;
}

button, .button{
    display: inline-block;
    background-color: #D6001C;
    border:1px solid #D6001C;
    color: #fff;
    text-align: center;
    font-size: 0.667em;
    font-weight: 500;
    text-transform: uppercase;
    box-sizing: border-box;
    height:36px;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius:18px;
    margin-top: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;    
}

button.outlined, .button.outlined{
    background-color: transparent;
    color: #D6001C;
    border:1px solid #D6001C;
    width: auto;
}

button.outlined.lightcolor, .button.outlined.lightcolor{
    color: #6A6A6A;
    border:1px solid #6A6A6A;
}

button.new, .button.new{
    float: right;
}

.login button, .login .button{
    width:100%;
    margin-top: 20px;
    margin-bottom: 60px;
}

.chip{
    display: inline-block;
    background-color: #000;
    color:#fff;
    padding-left: 9px;
    padding-right: 9px;
    border-radius:4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    border:1px solid;
}

.chip.green{
    background-color: #03BD37;
    border-color: #03BD37;
}

.chip.red{
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.chip.orange{
    background-color: #FF8000;
    border-color: #FF8000;
}

.chip.transparent{
    color:#6A6A6A;
    background-color: transparent;
    border:1px solid;
}

.chip.big{
    font-size: 1em;
    line-height: normal;
    padding-top: 4px;
    padding-bottom: 4px;
}

.light:before{
    content:"";
    display: inline-block;
    width:9px;
    height:9px;
    background-color: #000;
    border-radius: 30px;
    margin-right: 10px;
}

.light.green:before{
    background-color: #03BD37;
}

div.inside{
    box-sizing: border-box;
    padding-left:20px;
    padding-right: 20px;
    width:100%;
    max-width: 1170px;
    margin: auto;
    position: relative;
}

div.inside.full{
    max-width: none;
}

div.accordeon{
  background-color:white;
  border-radius:16px;
  margin-top: 20px;
  margin-bottom: 20px;
}

div.accordeontitle{
  padding:20px;
  display: flex;
  flex-direction: flew-row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

div.accordeontitle h1{
  margin:0px;
  color:#D6001C;
}

div.accordeoncontent{
  padding:20px;
  display: none;
}

div.accordeon.opened div.accordeoncontent{
  display: block;
}

.plusminus {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
div.accordeon.opened .plusminus:before {
  transform: translatey(-50%) rotate(-90deg);
  opacity: 0;
}
div.accordeon.opened .plusminus:after {
  transform: translatey(-50%) rotate(0);
}
.plusminus:before, .plusminus:after {
  content: "";
  display: block;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 0;
  transition: 0.35s;
  width: 100%;
  height: 3px;
}
.plusminus:before {
  transform: translatey(-50%);
}
.plusminus:after {
  transform: translatey(-50%) rotate(90deg);
}

.tabcontent{
  display: none;
}

.tabcontent.active{
  display: block;
}

#header{
    color:#fff;
    background-color:#000000;
    height:50px;
    position: fixed;
    width:100%;
    top:0px;
    left:0px;
    z-index: 1;
}


#header #logo{
    background-image: url("../img/logo_header.svg");
    background-position: left center;
    background-repeat: no-repeat;
    width:128px;
    display: inline-block;
    margin:0px;
    padding: 0px;
    float:left;
    margin-top: 17px;
}

#header #mainnav{
    display: inline-block;
    margin:0px;
    padding: 0px;
    float:right;
    padding-top: 17px;
}

#header #mainnav ul{
    list-style: none;
    display: inline-block;
    margin:0px;
    padding: 0px;
    font-weight: 500;
    font-size: 0.667em;
    
}


#header #mainnav ul li.burger{
    margin-right: 0px;
}

#header #mainnav ul.mainnav{
    border-right: 1px solid #fff;
}

#header #mainnav ul li{
    list-style: none;
    display: inline-block;
    margin:0px;
    padding: 0px;
    margin-left:20px;
    margin-right: 20px;
}

#header #mainnav ul li a{
    display: inline-block;
    color:inherit;
  
    text-transform: uppercase;
    border-bottom:1px solid #000;
}

#header #mainnav ul li a:hover, #header #mainnav ul li a.active{
    border-bottom:1px solid #fff;
}

.sursectoricon-DA-Picto:before {
    font-size: .8em;
}

/*.formbuttons{
    color:#fff;
    background-color:#000000;
    height:50px;
    position: fixed;
    width:100%;
    top:0px;
    left:0px;
    z-index: 300000;
    text-align: center;
    font-size: 0.667em;
    text-transform: uppercase;
}

.formbuttons button, .formbuttons .button {
    background-color:transparent;
    height: 36px;
    line-height: 36px;
    margin-top:8px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1em;
    margin-right: 20px;
}*/

.formbuttons{
    clear:both;
    padding-bottom:50px;
}

#subheader{
    background-image: url(../img/bg_subheader.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height:131px;
    color:#fff;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

#subheader .inside{
    height:100%;
}

#subheader h1{
    font-size:1.667em;
    text-align: center;
    width:100%;
    position: absolute;
    left:0px;
    top:calc(50%);
    transform: translateY(-50%);
    margin:0px;
    text-transform: uppercase;
}

#subheader.withlogo h1{
    top:calc(50% - 15px);
}

#subheader .logocompany{
    background-color: #fff;
    border: 5px solid #fff;
    border-radius:5px;
    box-sizing: border-box;
    float:left;
    width:91px;
    background-image: url(../img/logo_rond.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#subheader .infoscompany{
    float: left;
    font-size: 0.778em;
    margin-left: 18px;
}

#subheader .infoscompany h1{
    position: relative;
    width:auto;
    text-align: left;
    transform: none;
    font-weight: 500;
    font-size: 1.286em;
}

#subheader .infoscompany p{
    line-height: 1.500em;
    margin: 0px;
}

#subheader .logocompany:after{
    content: "";
    display: block;
    width:1px;
    padding-top: 100%;
}


#subheader .back{
    position: absolute;
    left:20px;
    bottom:0px;
    text-transform: uppercase;
}


.tabscontainer{
    background-color: #fff;
}

.tabscontainer.withlogo{
    padding-top: 15px;
}

.tabs{
   
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100px;
    width:100%;
}

.tab{
    display: block;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
    max-height: 40px;
    text-align: center;
    font-size: 0.778em;
    text-transform: uppercase;
    color:inherit;
    font-weight: 500;
    border-bottom:1px solid #fff;
    padding-bottom: 18px;
    width:auto;
   
    box-sizing: border-box;
    align-self: flex-end;
}

.tab .tabicon{
    font-size: 1.3em;
}

.tab:hover, .tab.active{
    color:#D6001C;
    border-bottom:1px solid #D6001C;
}

.tab-panel{
    display: none;
}

.tabscontainer.simple{
    background-color: transparent;
}

.tabscontainer.simple .tabs{
    height: auto;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-end;
    -moz-box-pack: flex-end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.tabscontainer.simple .tab{
    padding-bottom: 0px;
    margin: 18px;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -o-flex: 0 1 auto;
    flex: 0 1 auto;
    border-bottom: 1px solid transparent;
}

.tabscontainer.simple .tab.active, .tabscontainer.simple .tab:hover{
    color: #000000;
    border-bottom: 1px solid #000000;
}

.subtabscontainer{
    background-color: #fff;
}

.subtabscontainer .tabs{
    height: auto;
}

.subtabscontainer .tab{
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    flex-grow: unset;
    border: 1px solid #D6001C;
    border-right-color: transparent;
    display: inline-block;
    color:#D6001C;
    max-height: none;
}

.subtabscontainer .tab.active, .subtabscontainer .tab:hover{
    color:#ffffff;
    background-color: #D6001C;
}

.subtabscontainer .tab:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.subtabscontainer .tab:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-right-color: #D6001C;
}

.jconfirm .jconfirm-box{
    padding:0px;
    max-width: 1024px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c{
    padding: 18px;
    font-size:24px;
    font-weight: 500;
    color:#000;
    border-bottom:1px solid #D7D7D7;
}

.jconfirm-content{
    padding: 18px;
}

.jconfirm-content .inside{
    padding: 0px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{
    padding: 18px;
    border-top:1px solid #D7D7D7;
    float:none;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{
    float:right;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{
    display: inline-block;
    background-color: #D6001C;
    color: #fff;
    text-align: center;
    font-size: 0.667em;
    font-weight: 500;
    text-transform: uppercase;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{
    background-color: transparent;
    color: #D6001C;
    font-size: 0.667em;
    font-weight: 500;
}

.card{
    background: #FFFFFF;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.30);
    border-radius:4px;
    margin-top: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
    position: relative;
}

.card .padding{
    box-sizing: border-box;
    padding:30px;
}

.card.listcard .padding{
    padding-right: 100px;
}


.card h1{
    color:#D6001C;
    font-size: 1.111em;
    font-weight: 500;
    margin-top: 0px;
    text-transform: uppercase;
}

.card h2{
    color:#000;
    font-size: 1.333em;
    font-weight: 500;
    margin-top: 0px;
}

.card h3, h3.date{
    color:#000;
    font-size: 0.667em;
    font-weight: 500;
    margin-top: 0px;
    text-transform: uppercase;
}

.card p{
    margin-top: 0px;
}

.card p.small{
    font-size:0.778em;
}

.card button, .card .button{
    float: right;
    /*clear:both;*/
}

.card button.left, .card .button.left{
    float: none;
    clear:both;
}

.card button.new, .card .button.new{
    float:none;
    position: absolute;
    right:0px;
    top:0px;
    z-index: 2;
}

.card .padding  button.new, .card .padding  .button.new{
    top:10px;
    right:30px;
}

#tableright button.new, #tableright .button.new{
    top: 50% !important;
    right:0px !important;
    margin: 0px !important;
    transform: translateY(-50%);
}

.card.chantier{
    font-size: 0.778em;
    display: block;
}

.card.chantier.disabled{
    opacity: 1;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.card.chantier h1{
    font-size:1.286em;
}

.card.chantier p{
    margin: 0px;
}

.card.chantieraccess .societephotocontainer{
    position: absolute;
    right:10px;
    top:10px;
    width:40px;
}
.card.chantieraccess table.table{
    border-top:0px !important;
}
.card.chantieraccess table.table td{
    border-bottom: 1px solid #D7D7D7 !important;
    border-top:0px !important;
}

.roundicon{
    background-color: #D6001C;
    color:#fff;
    border-radius:50%;
    width:25px;
    height:25px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    position: relative;
    vertical-align: middle;
    position: relative;
}

.roundicon span{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}


.roundicon ion-icon{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

ion-icon{
    vertical-align: bottom;
}

table.table {
    font-size: 0.778em;
    border-top: 1px solid #D7D7D7 !important;
    border-bottom: 1px solid #D7D7D7 !important;
    border-collapse:  collapse !important; 
}

table.table td{
    padding-top: 8px !important;
    padding-left: 0px !important;
    padding-bottom: 8px !important;
    padding-right: 10px !important;
    border-top: 1px solid #D7D7D7 !important;
}
table.table th{
    text-align: left;
    padding-top: 8px !important;
    
    padding-bottom: 8px !important;
    padding-right: 0px !important;
    border-bottom: 1px solid #D7D7D7 !important;
}


table.table th[align=right]{
    text-align: right;
    padding-top: 8px !important;
    
    padding-bottom: 8px !important;
    padding-right: 0px !important;
    border-bottom: 1px solid #D7D7D7 !important;
}
/*table.table th.sorting{
    padding-left: 15px !important;
}*/

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{
    background-position: 1px center;
    background-size: 6px 12px;
}

table.table th.sorting_disabled{
    padding-left: 0px !important;
}

tr[data-link]{
    cursor: pointer;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6 !important;
}


.tabletop, .tablebottom{
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 0.778em;
    position: relative;
}

#tableright{
    float: right;
    margin-top: -1em;
    font-size: 1.286em;
}

#exportbuttons{
    display: inline-block;
}

div.dt-buttons{
    float: none;
    display: inline-block;
}

.dt-buttons button{
    border: none;
    background: none;
    float: none;
    display: inline-block;
    color: inherit;
    margin-top:auto;
    height: auto;
    line-height: 1em;
    cursor: pointer;
    border:1px solid;
    padding-left: 5px;
    padding-right: 6px;
    font-size: 1em;
    margin-left: 10px;
}

#exportext{
    display: inline-block;
    margin-left:10px;
}

.tabletop label, .tablebottom label{
    font-size: 1em;
    font-weight: normal;
    text-transform: none;
    margin: 0px;
}

.tablelength, .tablefilters{
    float:left;
}

.tablelength{
    padding-right:20px;
    margin-right: 20px;
    border-right:1px solid;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
    color:inherit;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
    color:#D6001C !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    color:#D6001C !important;
    border: 1px solid #D6001C !important;
    margin: 0px;
    border-radius:0px;
    margin-left: -1px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.dataTables_wrapper .dataTables_paginate2{
    font-size: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous{
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    color:#D6001C !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next{
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    color:#D6001C !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    opacity: .6;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color:#fff !important;
    background:none;
    background-color:#D6001C;
    border: 1px solid #D6001C;
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
    background-color: transparent;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
    background-color: transparent;
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
    background-color: transparent;
}

table.dataTable.display tbody tr[data-link]:hover>.sorting_1, table.dataTable.order-column.hover tbody tr[data-link]:hover>.sorting_1{
    background-color:#D6001C;
    color:#ffffff;
}



tr[data-link]:hover td{
    background-color:#D6001C;
    color:#ffffff;
}

td a:hover{
    text-decoration: underline;
}

tr[data-log-id], tr[data-log-id] td{
    cursor: pointer;
}


.employeinfos .left{
    width:130px;
    margin-right:30px;
    float: left;
    min-height:10px;
}

.employeinfos .right{
    width:calc(100% - 160px);
    float: left;
    min-height:10px;
}

.employephoto{
    width:100%;
    box-sizing: border-box;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border:1px solid #D7D7D7;
    margin-bottom: 30px;
}

.employephoto:after{
    display: block;
    padding-top: 100%;
    content:"";
}

.societephotocontainer{
    border:1px solid #D7D7D7;
    margin-bottom: 30px;
    background-color: #fff;
    
}

.societephotocontainer.withlogo{
    padding: 20px;
}

.societephoto{
    width:100%;
    box-sizing: border-box;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box; 
}

.societephoto:after{
    display: block;
    padding-top: 100%;
    content:"";
}

.societephotocontainer.smallrounded{
    max-width: 70px;
    padding: 5px;
    border-radius:4px;
} 

#subheader .societephotocontainer{
    position: absolute;
    left:50%;
    bottom:0px;
    transform: translate(-50%, 50%);
    width: 70px;
    margin-bottom: 0px;
}

.card.chantier .societephotocontainer{
    position: absolute;
    right:15px;
    bottom:15px;
    width: 60px;
    margin-bottom: 0px;
}

.formmap{
    width:100%;
}

.formmap:after{
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.vignettmap{
    width:100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius:4px;
}

.vignettmap:after{
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.fullscreenmap{
    width:100%;
    height:100%;
}

.notificationsover{
    position: absolute;
    right:0px;
    top:181px;
    padding: 15px;
    width:90%;
    max-width: 370px;
}


.planzone, .imageemploye{
    width:100%;
}

#plancontainer{
    position: relative;
}

.accespointitem{
    background-color: rgba(255,255,255,.6);
    border:2px solid #000;
    padding: 10px;
    position: absolute;
    left: 0px;
    top:0px;
}

.mm-navbar.mm-navbar_size-2{
    background-color: #fff;
}
.mm-navbar.mm-navbar_size-2 img{
    margin: auto;
    position: relative;
    height: 90px;
}

.mm-panels > .mm-panel:after {
    content: none;
    display: none;
}
.mm-panels > .mm-panel > .mm-listview {
    margin: 0;
}

.mm-listview {
    text-transform: uppercase;
}
.mm-listitem:last-child:after {
    content: none;
    display: none;
}
.mm-listitem a,
.mm-listitem span {
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding-right: 20px !important;
}
.mm-listitem a:hover,
.mm-listitem a:hover + span {
    color: #fff;
}

.nofloat{
    float:none !important;
}

.newscard{
    padding:15px;
    color: #000;
    display: block;
}

.newscard .content{
    font-size: 14px;
}

.newscard h3 span.dateincard{
    opacity: .4;
    float: right;
}

.headroom{
    position:  fixed;
    top: 50px;
    left:0px;
    width:100%;
}
.headroom--not-top #subheader{
    height:50px;
}
.headroom--not-top #subheader .societephotocontainer{
    display: none;
}

.headroom--not-top #subheader.withlogo h1{
    top:50%;
}

.headroom--not-top #subheader h1{
    font-weight: 500;
    font-size: 0.667em;
}

.headroom--not-top #subheader .back{
    top:50%;
    bottom:auto;
    transform: translateY(-50%);
    font-weight: 500;
    font-size: 0.667em;
}

.headroom--not-top .tabscontainer{
    padding-top: 0px;
}

.headroom--not-top .tabs{
    height:50px;
   
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
}

table.fixedHeader-floating.no-footer{
    z-index: 7;
}


.ms-parent, .mutlipleselect {
    display:block;
    width:100%;
}

.canton{
    display: none;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	font-size: 30px;
	border: none;
	outline: none;
	background-color: #D6001C;
	color: white;
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom:5px;
  }
  
  #myBtn:hover {
	background-color: #D6001C;
	color:#fff;
  }



@media all and (max-width:960px){
    #header #mainnav ul.mainnav{
        display: none;
    }
    #header #mainnav ul li{
        margin-right: 0px;
    }
}

@media all and (max-width:769px){
    .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }
}

@media all and (max-width:750px){
    .tab.withicon span.title{
        display: none;
    }

    button.withicon span.title, .button.withicon span.title{
        display: none;
    }
}


@media all and (max-width:450px){
    #header #mainnav ul li:not(.burger){
        display: none;
    }

    
}

@media all and (max-height:400px){
    .notificationsover .newscard .content{
        display: none;
    }
}




/*
font-family: 'Lato', sans-serif;
font-family: 'Roboto', sans-serif;
*/