.XLDrag {
  position: relative; }


/** c-field ************/
@media screen {
  /** node **/
  .c-field {
    width: 33.33%;
    float: left;
    padding: 0 20px 20px 0;
    position: relative; }

  .c-field label {
    display: block;
    color: #64686C;
    padding: 0 0 5px 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .25s ease-out;
    z-index: 210; }

  .c-field label em {
    font-size: 12px; }

  .c-field input, .c-field select, .c-field-select, .c-field .c-captcha, .c-field-text, .c-field .c-input {
    border-radius: 5px;
    border: 1px solid #E0E5EB;
    padding: 0 10px;
    font-size: 1em;
    color: #060626;
    background-color: #ffffff;
    line-height: auto;
    height: 45px;
    outline: 0;
    text-align: left;
    width: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); }

  .c-field input:focus, .c-field select:focus, .c-field-select:focus, .c-field .c-captcha:focus, .c-field-text:focus,
  .c-field.c-on input, .c-field.c-on .c-field-select {
    border-color: #fe5101;
    z-index: 200; }

  .c-field input:focus + label, .c-field.c-on label {
    border-color: #fe5101 !important;
    background-color: #fe5101 !important;
    color: #ffffff !important;
    z-index: 300 !important; }

  .c-field-date {
    background: url("../images/custom/dsvg/calendar-range.svg?c1=64686C") no-repeat 97% center;
    background-size: 24px 24px; 
    
    }

  /** c-field-ok c-field-ko ************/
  .c-field.c-field-ok input, .c-field.c-field-ok .c-field-select {
    color: #25C86A;
    border: 1px solid #25C86A;
    margin: 0;
    padding-right: 5px; }

  .c-field.c-field-ok:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/custom/dsvg/disc-check.svg?c1=009e3b") no-repeat top left;
    background-size: cover;
    position: relative;
    float: right;
    margin: -32px 5px 0 0;
    z-index: 10; }

  .c-field.c-field-ok * {
    color: #25C86A; }

  .c-field-ko input, .c-field-ko .c-field-select {
    color: #cc2908 !important;
    border: 1px solid #cc2908 !important;
    margin: 0;
    padding-right: 5px; }

  .c-field.c-field-ko:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/custom/dsvg/disc-close.svg?c1=cc2908") no-repeat top left;
    background-size: cover;
    position: relative;
    float: right;
    margin: -32px 5px 0 0;
    z-index: 10; }

  .c-field-ko * {
    color: #cc2908; }

  /** c-field-error **/
  .c-field-error {
    position: absolute;
    z-index: 9000;
    text-align: center; }

  .c-field-error div {
    border: 2px solid #cc2908;
    background-color: #ffffff;
    padding: 5px 10px;
    color: #cc2908;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

  .c-field-error:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #cc2908 transparent;
    top: -8px;
    left: 50%;
    margin-left: -5px;
    z-index: 9001; }

  .c-field-error:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #ffffff transparent;
    top: -6px;
    left: 50%;
    margin-left: -5px;
    z-index: 9002; }

  .cw-response {
    color: #64686C;
    font-size: 16px;
    padding: 7px 0 0 5px;
    margin: 0 0 0 -400px;
    opacity: 0;
    -webkit-animation-name: Resp;
    -webkit-animation-duration: 150ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: Resp;
    -moz-animation-duration: 150ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -moz-animation-fill-mode: forwards;
    animation-name: Resp;
    animation-duration: 150ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards; } }

/** c-pop ************/
@media screen {
  /** node **/
  .c-pop {
    visibility: hidden;
    position: absolute;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #E0E5EB;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    z-index: -1;
    text-align: left;
    top: -10000px;
    min-width: 300px;
    /** to add later:fix before display none / block before showing filters
    display:none; **/ }

  .c-pop > div {
    background: #ffffff;
    border-radius: 5px;
    z-index: 20;
    height: 100%;
    overflow: hidden; }

  .c-pop.c-show {
    /** to add later:fix before display none / block before showing filters
    display:block; **/
    display: block !important;
    visibility: visible;
    z-index: 6000 !important; }

  .c-pop .c-slider-cont {
    padding: 0 50px 20px 50px; }

  .c-pop-slider {
    width: 350px; }

  .c-pop-slider > div {
    overflow: initial; }

  .c-pop .c-title, .c-pop .c-resp-title {
    display: block;
    color: #fe5101;
    border-bottom: 1px solid #fe5101;
    padding: 16px 0 14px 7px;
    border-radius: 0;
    font-size: 16px; }

  .c-pop .c-resp-title {
    /**display:none;**/ }

  .c-pop .c-title-s {
    font-size: 14px;
    color: #060626;
    padding: 10px 0 7px 10px;
    border-bottom: 1px dotted #E0E5EB;
    margin: 0 0 5px 0; }

  .c-pop .c-title-s span {
    color: #888888; }

  .c-pop.c-error {
    background-color: #cc2908;
    border-color: #cc2908;
    color: #ffffff;
    padding: 7px 20px; }

  .c-pop .c-sep {
    border-bottom: 1px solid #c5cad1; }

  .c-pop .c-scroll {
    height: 295px;
    overflow: scroll;
    overflow-x: hidden; }

  .c-pop .c-scroll::-webkit-scrollbar {
    -webkit-appearance: none; }

  .c-pop .c-scroll::-webkit-scrollbar:vertical {
    width: 15px; }

  .c-pop .c-scroll::-webkit-scrollbar:horizontal {
    height: 11px; }

  .c-pop .c-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border: 2px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, 0.5); }

  .c-pop .c-scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 5px; }

  .c-pop .c-close {
    position: absolute;
    font-size: 26px;
    top: -15px;
    right: -15px;
    width: 26px;
    height: 26px;
    color: #c5cad1;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
    cursor: pointer;
    display: none; }

  .c-pop .c-close:hover {
    	color: #fe5101;
    }
  .c-pop .c-close:before {
      	content: "\e909";
		font-family: 'picto-font';
     }

  
 }
/** node **/


/** c-cal ************/
@media screen {
  /** node **/
  /** xlsl **/
  .xlsl-obj {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

  .xlsl-rail {
    position: relative;
    overflow: auto;
    transition: transform 500ms ease-out;
    /**transform: translate3d(-100px, 0px, 0px);**/ }

  .xlsl-anim-no .xlsl-rail {
    transition: none !important; }

  .xlsl-anim-back .xlsl-rail {
    transition: transform 100ms ease-out !important; }

  .xlsl-noscroll {
    overflow: hidden !important; }

  .xlsl-rail:after {
    content: '';
    display: block;
    clear: both; }

   }
/** node **/

/** c-date-select  ************/
@media screen {
  /** node **/
  .c-noscroll {
    overflow: hidden;
    padding-right: 17px; }

  .c-ds {
    width: 300px; }

  .c-ds .xlsl-rail {
/*     height: 240px; */
    overflow: hidden; }

  .c-ds .c-close, .c-pop-cal .c-close {
    display: block !important;
    top: 10px;
    right: 10px; }

  .c-ds-cl {
    clear: both;
    height: 1px; }

  .c-ds-c {
    padding: 0 10px 0 5px; }

  .c-ds-l, .c-ds-r {
    width: 25px;
    height: 25px;
/*     background: url("../images/custom/dsvg/disc-arrow-l.svg?c1=64686C") no-repeat top left; */
/*     background-size: cover; */
    position: absolute;
    top: 59px;
    left: 10px;
    z-index: 10;
    font-size: 26px;
    cursor: pointer; 
    speak: none;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	text-transform: none;
  	line-height: 1;
  	-webkit-font-smoothing: antialiased;
  	color: #64686C;
  	font-family: 'picto-font';
    
    }
    .c-ds-r {
    left: auto;
    right: 10px;
/*     background-image: url("../images/custom/dsvg/disc-arrow-r.svg?c1=64686C");  */
    }
	.c-ds-l:before {
	 	content: "\e90d";
	
	}
	.c-ds-r:before {
	 	content: "\e90e";
	}

  .c-ds-l:hover, .c-ds-r:hover {
/*     background-image: url("../images/custom/dsvg/disc-arrow-l-hover.svg?c1=fe5101");  */
		color: #fe5101;
    }
  .c-ds-txt {
    font-size: 18px;
    line-height: 46px;
    padding: 0 0 0 10px; }

  .c-ds-c .c-btn {
    float: right;
    width: 80px;
    padding: 6px 0;
    margin-top: 6px; }

  .c-ds-d, .c-ds-m, .c-ds-y {
    float: left;
    width: 300px;
    padding: 5px 10px 0 10px; }

  .c-ds-txt-di, .c-ds-txt-mi {
    display: none; }

  .c-ds-title {
    padding: 10px 0;
    margin: 0 0 2px 0;
    font-weight: bold;
    text-align: center; }

  .c-ds-pick:after {
    content: "";
    display: block;
    clear: both; }

  .c-ds-pick > div {
    border: 1px solid #E0E5EB;
    border-radius: 3px;
    margin: 1px;
    float: left;
    width: 15.6%;
    text-align: center;
    padding: 6px 0;
    cursor: pointer; }

  .c-ds-m .c-ds-pick > div {
    width: 48%; }

  .c-ds-y .c-ds-pick > div {
    width: 18.5%; }

  .c-ds-y .c-ds-pick {
    height: 190px;
    overflow-x: hidden;
    overflow-y: auto; }

  .c-ds-y .c-ds-pick::-webkit-scrollbar {
    background: #ffffff;
    width: 8px;
    padding: 5px; }

  .c-ds-y .c-ds-pick::-webkit-scrollbar-track {
    background: #E0E5EB;
    border-radius: 10px; }

  .c-ds-y .c-ds-pick::-webkit-scrollbar-thumb {
    background: #fe5101;
    width: 6px;
    border-radius: 10px; }

  .c-ds-pick > div:hover, .c-ds-pick .c-on {
    border-color: #fe5101;
    background-color: #fe5101;
    color: #ffffff; }

  .c-ds-er {
    color: #cc2908;
    height: 0;
    overflow: hidden;
    margin: 0 0 5px 5px;
    transition: all .2s ease; }
	.c-ds-er:before {
		content: "\e907";
		font-family: 'picto-font';
		font-size: 20px;
		speak: none;
	  	font-style: normal;
	  	font-weight: normal;
	  	font-variant: normal;
	  	text-transform: none;
	  	line-height: 1;
	  	-webkit-font-smoothing: antialiased;
	  	margin-right: 2px;
	}
  .c-ds-er.c-on {
    height: 20px;
    transition: all .2s ease; }

  .c-pop.c-ds .c-title {
    padding: 0 !important; } }