@import url("/static/css-neon/jquery-ui-1.11.4.custom.min.css");
@import url("/static/css-neon/normalize-3.0.0.css");
@import url("/static/css-neon/bootstrap.css");
@import url("/static/css-neon/panel.css");
@import url("/static/css-neon/photo-viewer.css");
@import url("/static/css-neon/modal.css");
@import url("/static/css-neon/tooltip.css");
@import url("/static/css-neon/carousel.css");
@import url("/static/css-neon/popover.css");
@import url("/static/css-neon/neon-core.css");
@import url("/static/css-neon/neon-theme.css");
@import url("/static/css-neon/neon-forms.css");
@import url("/static/css-neon/custom.css");
/* Noto Sans : Generated by Font Squirrel (http://www.fontsquirrel.com) on March 9, 2015 */

@font-face {
    font-family: 'noto_sansbold';
    src: url('/static/font/noto-sans/NotoSans-Bold-webfont.eot');
    src: url('/static/font/noto-sans/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/font/noto-sans/NotoSans-Bold-webfont.woff2') format('woff2'),
         url('/static/font/noto-sans/NotoSans-Bold-webfont.woff') format('woff'),
         url('/static/font/noto-sans/NotoSans-Bold-webfont.ttf') format('truetype'),
         url('/static/font/noto-sans/NotoSans-Bold-webfont.svg#noto_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sansbold_italic';
    src: url('/static/font/noto-sans/NotoSans-BoldItalic-webfont.eot');
    src: url('/static/font/noto-sans/NotoSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/font/noto-sans/NotoSans-BoldItalic-webfont.woff2') format('woff2'),
         url('/static/font/noto-sans/NotoSans-BoldItalic-webfont.woff') format('woff'),
         url('/static/font/noto-sans/NotoSans-BoldItalic-webfont.ttf') format('truetype'),
         url('/static/font/noto-sans/NotoSans-BoldItalic-webfont.svg#noto_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sansitalic';
    src: url('/static/font/noto-sans/NotoSans-Italic-webfont.eot');
    src: url('/static/font/noto-sans/NotoSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/font/noto-sans/NotoSans-Italic-webfont.woff2') format('woff2'),
         url('/static/font/noto-sans/NotoSans-Italic-webfont.woff') format('woff'),
         url('/static/font/noto-sans/NotoSans-Italic-webfont.ttf') format('truetype'),
         url('/static/font/noto-sans/NotoSans-Italic-webfont.svg#noto_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sansregular';
    src: url('/static/font/noto-sans/NotoSans-Regular-webfont.eot');
    src: url('/static/font/noto-sans/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/font/noto-sans/NotoSans-Regular-webfont.woff2') format('woff2'),
         url('/static/font/noto-sans/NotoSans-Regular-webfont.woff') format('woff'),
         url('/static/font/noto-sans/NotoSans-Regular-webfont.ttf') format('truetype'),
         url('/static/font/noto-sans/NotoSans-Regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'entypo';
  src: url('/static/font/entypo/entypo.eot?71205724');
  src: url('/static/font/entypo/entypo.eot?71205724#iefix') format('embedded-opentype'),
       url('/static/font/entypo/entypo.woff?71205724') format('woff'),
       url('/static/font/entypo/entypo.ttf?71205724') format('truetype'),
       url('/static/font/entypo/entypo.svg?71205724#entypo') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="entypo-"]:before, [class*=" entypo-"]:before {
  font-family: "entypo";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.entypo-note:before { content: '\e800'; } /* '' */
.entypo-logo-db:before { content: '\e91b'; } /* '' */
.entypo-music:before { content: '\e802'; } /* '' */
.entypo-search:before { content: '\e803'; } /* '' */
.entypo-flashlight:before { content: '\e804'; } /* '' */
.entypo-mail:before { content: '\e805'; } /* '' */
.entypo-heart:before { content: '\e806'; } /* '' */
.entypo-heart-empty:before { content: '\e807'; } /* '' */
.entypo-star:before { content: '\e808'; } /* '' */
.entypo-star-empty:before { content: '\e809'; } /* '' */
.entypo-user:before { content: '\e80a'; } /* '' */
.entypo-users:before { content: '\e80b'; } /* '' */
.entypo-user-add:before { content: '\e80c'; } /* '' */
.entypo-video:before { content: '\e80d'; } /* '' */
.entypo-picture:before { content: '\e80e'; } /* '' */
.entypo-camera:before { content: '\e80f'; } /* '' */
.entypo-layout:before { content: '\e810'; } /* '' */
.entypo-menu:before { content: '\e811'; } /* '' */
.entypo-check:before { content: '\e812'; } /* '' */
.entypo-cancel:before { content: '\e813'; } /* '' */
.entypo-cancel-circled:before { content: '\e814'; } /* '' */
.entypo-cancel-squared:before { content: '\e815'; } /* '' */
.entypo-plus:before { content: '\e816'; } /* '' */
.entypo-plus-circled:before { content: '\e817'; } /* '' */
.entypo-plus-squared:before { content: '\e818'; } /* '' */
.entypo-minus:before { content: '\e819'; } /* '' */
.entypo-minus-circled:before { content: '\e81a'; } /* '' */
.entypo-minus-squared:before { content: '\e81b'; } /* '' */
.entypo-help:before { content: '\e81c'; } /* '' */
.entypo-help-circled:before { content: '\e81d'; } /* '' */
.entypo-info:before { content: '\e81e'; } /* '' */
.entypo-info-circled:before { content: '\e81f'; } /* '' */
.entypo-back:before { content: '\e820'; } /* '' */
.entypo-home:before { content: '\e821'; } /* '' */
.entypo-link:before { content: '\e822'; } /* '' */
.entypo-attach:before { content: '\e823'; } /* '' */
.entypo-lock:before { content: '\e824'; } /* '' */
.entypo-lock-open:before { content: '\e825'; } /* '' */
.entypo-eye:before { content: '\e826'; } /* '' */
.entypo-tag:before { content: '\e827'; } /* '' */
.entypo-bookmark:before { content: '\e828'; } /* '' */
.entypo-bookmarks:before { content: '\e829'; } /* '' */
.entypo-flag:before { content: '\e82a'; } /* '' */
.entypo-thumbs-up:before { content: '\e82b'; } /* '' */
.entypo-thumbs-down:before { content: '\e82c'; } /* '' */
.entypo-download:before { content: '\e82d'; } /* '' */
.entypo-upload:before { content: '\e82e'; } /* '' */
.entypo-upload-cloud:before { content: '\e82f'; } /* '' */
.entypo-reply:before { content: '\e830'; } /* '' */
.entypo-reply-all:before { content: '\e831'; } /* '' */
.entypo-forward:before { content: '\e832'; } /* '' */
.entypo-quote:before { content: '\e833'; } /* '' */
.entypo-code:before { content: '\e834'; } /* '' */
.entypo-export:before { content: '\e835'; } /* '' */
.entypo-pencil:before { content: '\e836'; } /* '' */
.entypo-feather:before { content: '\e837'; } /* '' */
.entypo-print:before { content: '\e838'; } /* '' */
.entypo-retweet:before { content: '\e839'; } /* '' */
.entypo-keyboard:before { content: '\e83a'; } /* '' */
.entypo-comment:before { content: '\e83b'; } /* '' */
.entypo-chat:before { content: '\e83c'; } /* '' */
.entypo-bell:before { content: '\e83d'; } /* '' */
.entypo-attention:before { content: '\e83e'; } /* '' */
.entypo-alert:before { content: '\e83f'; } /* '' */
.entypo-vcard:before { content: '\e840'; } /* '' */
.entypo-address:before { content: '\e841'; } /* '' */
.entypo-location:before { content: '\e842'; } /* '' */
.entypo-map:before { content: '\e843'; } /* '' */
.entypo-direction:before { content: '\e844'; } /* '' */
.entypo-compass:before { content: '\e845'; } /* '' */
.entypo-cup:before { content: '\e846'; } /* '' */
.entypo-trash:before { content: '\e847'; } /* '' */
.entypo-doc:before { content: '\e848'; } /* '' */
.entypo-docs:before { content: '\e849'; } /* '' */
.entypo-doc-landscape:before { content: '\e84a'; } /* '' */
.entypo-doc-text:before { content: '\e84b'; } /* '' */
.entypo-doc-text-inv:before { content: '\e84c'; } /* '' */
.entypo-newspaper:before { content: '\e84d'; } /* '' */
.entypo-book-open:before { content: '\e84e'; } /* '' */
.entypo-book:before { content: '\e84f'; } /* '' */
.entypo-folder:before { content: '\e850'; } /* '' */
.entypo-archive:before { content: '\e851'; } /* '' */
.entypo-box:before { content: '\e852'; } /* '' */
.entypo-rss:before { content: '\e853'; } /* '' */
.entypo-phone:before { content: '\e854'; } /* '' */
.entypo-cog:before { content: '\e855'; } /* '' */
.entypo-tools:before { content: '\e856'; } /* '' */
.entypo-share:before { content: '\e857'; } /* '' */
.entypo-shareable:before { content: '\e858'; } /* '' */
.entypo-basket:before { content: '\e859'; } /* '' */
.entypo-bag:before { content: '\e85a'; } /* '' */
.entypo-calendar:before { content: '\e85b'; } /* '' */
.entypo-login:before { content: '\e85c'; } /* '' */
.entypo-logout:before { content: '\e85d'; } /* '' */
.entypo-mic:before { content: '\e85e'; } /* '' */
.entypo-mute:before { content: '\e85f'; } /* '' */
.entypo-sound:before { content: '\e860'; } /* '' */
.entypo-volume:before { content: '\e861'; } /* '' */
.entypo-clock:before { content: '\e862'; } /* '' */
.entypo-hourglass:before { content: '\e863'; } /* '' */
.entypo-lamp:before { content: '\e864'; } /* '' */
.entypo-light-down:before { content: '\e865'; } /* '' */
.entypo-light-up:before { content: '\e866'; } /* '' */
.entypo-adjust:before { content: '\e867'; } /* '' */
.entypo-block:before { content: '\e868'; } /* '' */
.entypo-resize-full:before { content: '\e869'; } /* '' */
.entypo-resize-small:before { content: '\e86a'; } /* '' */
.entypo-popup:before { content: '\e86b'; } /* '' */
.entypo-publish:before { content: '\e86c'; } /* '' */
.entypo-window:before { content: '\e86d'; } /* '' */
.entypo-arrow-combo:before { content: '\e86e'; } /* '' */
.entypo-down-circled:before { content: '\e86f'; } /* '' */
.entypo-left-circled:before { content: '\e870'; } /* '' */
.entypo-right-circled:before { content: '\e871'; } /* '' */
.entypo-up-circled:before { content: '\e872'; } /* '' */
.entypo-down-open:before { content: '\e873'; } /* '' */
.entypo-left-open:before { content: '\e874'; } /* '' */
.entypo-right-open:before { content: '\e875'; } /* '' */
.entypo-up-open:before { content: '\e876'; } /* '' */
.entypo-down-open-mini:before { content: '\e877'; } /* '' */
.entypo-left-open-mini:before { content: '\e878'; } /* '' */
.entypo-right-open-mini:before { content: '\e879'; } /* '' */
.entypo-up-open-mini:before { content: '\e87a'; } /* '' */
.entypo-down-open-big:before { content: '\e87b'; } /* '' */
.entypo-left-open-big:before { content: '\e87c'; } /* '' */
.entypo-right-open-big:before { content: '\e87d'; } /* '' */
.entypo-up-open-big:before { content: '\e87e'; } /* '' */
.entypo-down:before { content: '\e87f'; } /* '' */
.entypo-left:before { content: '\e880'; } /* '' */
.entypo-right:before { content: '\e881'; } /* '' */
.entypo-up:before { content: '\e882'; } /* '' */
.entypo-down-dir:before { content: '\e883'; } /* '' */
.entypo-left-dir:before { content: '\e884'; } /* '' */
.entypo-right-dir:before { content: '\e885'; } /* '' */
.entypo-up-dir:before { content: '\e886'; } /* '' */
.entypo-down-bold:before { content: '\e887'; } /* '' */
.entypo-left-bold:before { content: '\e888'; } /* '' */
.entypo-right-bold:before { content: '\e889'; } /* '' */
.entypo-up-bold:before { content: '\e88a'; } /* '' */
.entypo-down-thin:before { content: '\e88b'; } /* '' */
.entypo-left-thin:before { content: '\e88c'; } /* '' */
.entypo-right-thin:before { content: '\e88d'; } /* '' */
.entypo-note-beamed:before { content: '\e801'; } /* '' */
.entypo-ccw:before { content: '\e88f'; } /* '' */
.entypo-cw:before { content: '\e890'; } /* '' */
.entypo-arrows-ccw:before { content: '\e891'; } /* '' */
.entypo-level-down:before { content: '\e892'; } /* '' */
.entypo-level-up:before { content: '\e893'; } /* '' */
.entypo-shuffle:before { content: '\e894'; } /* '' */
.entypo-loop:before { content: '\e895'; } /* '' */
.entypo-switch:before { content: '\e896'; } /* '' */
.entypo-play:before { content: '\e897'; } /* '' */
.entypo-stop:before { content: '\e898'; } /* '' */
.entypo-pause:before { content: '\e899'; } /* '' */
.entypo-record:before { content: '\e89a'; } /* '' */
.entypo-to-end:before { content: '\e89b'; } /* '' */
.entypo-to-start:before { content: '\e89c'; } /* '' */
.entypo-fast-forward:before { content: '\e89d'; } /* '' */
.entypo-fast-backward:before { content: '\e89e'; } /* '' */
.entypo-progress-0:before { content: '\e89f'; } /* '' */
.entypo-progress-1:before { content: '\e8a0'; } /* '' */
.entypo-progress-2:before { content: '\e8a1'; } /* '' */
.entypo-progress-3:before { content: '\e8a2'; } /* '' */
.entypo-target:before { content: '\e8a3'; } /* '' */
.entypo-palette:before { content: '\e8a4'; } /* '' */
.entypo-list:before { content: '\e8a5'; } /* '' */
.entypo-list-add:before { content: '\e8a6'; } /* '' */
.entypo-signal:before { content: '\e8a7'; } /* '' */
.entypo-trophy:before { content: '\e8a8'; } /* '' */
.entypo-battery:before { content: '\e8a9'; } /* '' */
.entypo-back-in-time:before { content: '\e8aa'; } /* '' */
.entypo-monitor:before { content: '\e8ab'; } /* '' */
.entypo-mobile:before { content: '\e8ac'; } /* '' */
.entypo-network:before { content: '\e8ad'; } /* '' */
.entypo-cd:before { content: '\e8ae'; } /* '' */
.entypo-inbox:before { content: '\e8af'; } /* '' */
.entypo-install:before { content: '\e8b0'; } /* '' */
.entypo-globe:before { content: '\e8b1'; } /* '' */
.entypo-cloud:before { content: '\e8b2'; } /* '' */
.entypo-cloud-thunder:before { content: '\e8b3'; } /* '' */
.entypo-flash:before { content: '\e8b4'; } /* '' */
.entypo-moon:before { content: '\e8b5'; } /* '' */
.entypo-flight:before { content: '\e8b6'; } /* '' */
.entypo-paper-plane:before { content: '\e8b7'; } /* '' */
.entypo-leaf:before { content: '\e8b8'; } /* '' */
.entypo-lifebuoy:before { content: '\e8b9'; } /* '' */
.entypo-mouse:before { content: '\e8ba'; } /* '' */
.entypo-briefcase:before { content: '\e8bb'; } /* '' */
.entypo-suitcase:before { content: '\e8bc'; } /* '' */
.entypo-dot:before { content: '\e8bd'; } /* '' */
.entypo-dot-2:before { content: '\e8be'; } /* '' */
.entypo-dot-3:before { content: '\e8bf'; } /* '' */
.entypo-brush:before { content: '\e8c0'; } /* '' */
.entypo-magnet:before { content: '\e8c1'; } /* '' */
.entypo-infinity:before { content: '\e8c2'; } /* '' */
.entypo-erase:before { content: '\e8c3'; } /* '' */
.entypo-chart-pie:before { content: '\e8c4'; } /* '' */
.entypo-chart-line:before { content: '\e8c5'; } /* '' */
.entypo-chart-bar:before { content: '\e8c6'; } /* '' */
.entypo-chart-area:before { content: '\e8c7'; } /* '' */
.entypo-tape:before { content: '\e8c8'; } /* '' */
.entypo-graduation-cap:before { content: '\e8c9'; } /* '' */
.entypo-language:before { content: '\e8ca'; } /* '' */
.entypo-ticket:before { content: '\e8cb'; } /* '' */
.entypo-water:before { content: '\e8cc'; } /* '' */
.entypo-droplet:before { content: '\e8cd'; } /* '' */
.entypo-air:before { content: '\e8ce'; } /* '' */
.entypo-credit-card:before { content: '\e8cf'; } /* '' */
.entypo-floppy:before { content: '\e8d0'; } /* '' */
.entypo-clipboard:before { content: '\e8d1'; } /* '' */
.entypo-megaphone:before { content: '\e8d2'; } /* '' */
.entypo-database:before { content: '\e8d3'; } /* '' */
.entypo-drive:before { content: '\e8d4'; } /* '' */
.entypo-bucket:before { content: '\e8d5'; } /* '' */
.entypo-thermometer:before { content: '\e8d6'; } /* '' */
.entypo-key:before { content: '\e8d7'; } /* '' */
.entypo-flow-cascade:before { content: '\e8d8'; } /* '' */
.entypo-flow-branch:before { content: '\e8d9'; } /* '' */
.entypo-flow-tree:before { content: '\e8da'; } /* '' */
.entypo-flow-line:before { content: '\e8db'; } /* '' */
.entypo-flow-parallel:before { content: '\e8dc'; } /* '' */
.entypo-rocket:before { content: '\e8dd'; } /* '' */
.entypo-gauge:before { content: '\e8de'; } /* '' */
.entypo-traffic-cone:before { content: '\e8df'; } /* '' */
.entypo-cc:before { content: '\e8e0'; } /* '' */
.entypo-cc-by:before { content: '\e8e1'; } /* '' */
.entypo-cc-nc:before { content: '\e8e2'; } /* '' */
.entypo-cc-nc-eu:before { content: '\e8e3'; } /* '' */
.entypo-cc-nc-jp:before { content: '\e8e4'; } /* '' */
.entypo-cc-sa:before { content: '\e8e5'; } /* '' */
.entypo-cc-nd:before { content: '\e8e6'; } /* '' */
.entypo-cc-pd:before { content: '\e8e7'; } /* '' */
.entypo-cc-zero:before { content: '\e8e8'; } /* '' */
.entypo-cc-share:before { content: '\e8e9'; } /* '' */
.entypo-cc-remix:before { content: '\e8ea'; } /* '' */
.entypo-github:before { content: '\e8eb'; } /* '' */
.entypo-github-circled:before { content: '\e8ec'; } /* '' */
.entypo-flickr:before { content: '\e8ed'; } /* '' */
.entypo-flickr-circled:before { content: '\e8ee'; } /* '' */
.entypo-vimeo:before { content: '\e8ef'; } /* '' */
.entypo-vimeo-circled:before { content: '\e8f0'; } /* '' */
.entypo-twitter:before { content: '\e8f1'; } /* '' */
.entypo-twitter-circled:before { content: '\e8f2'; } /* '' */
.entypo-facebook:before { content: '\e8f3'; } /* '' */
.entypo-facebook-circled:before { content: '\e8f4'; } /* '' */
.entypo-facebook-squared:before { content: '\e8f5'; } /* '' */
.entypo-gplus:before { content: '\e8f6'; } /* '' */
.entypo-gplus-circled:before { content: '\e8f7'; } /* '' */
.entypo-pinterest:before { content: '\e8f8'; } /* '' */
.entypo-pinterest-circled:before { content: '\e8f9'; } /* '' */
.entypo-tumblr:before { content: '\e8fa'; } /* '' */
.entypo-tumblr-circled:before { content: '\e8fb'; } /* '' */
.entypo-linkedin:before { content: '\e8fc'; } /* '' */
.entypo-linkedin-circled:before { content: '\e8fd'; } /* '' */
.entypo-dribbble:before { content: '\e8fe'; } /* '' */
.entypo-dribbble-circled:before { content: '\e8ff'; } /* '' */
.entypo-stumbleupon:before { content: '\e900'; } /* '' */
.entypo-stumbleupon-circled:before { content: '\e901'; } /* '' */
.entypo-lastfm:before { content: '\e902'; } /* '' */
.entypo-lastfm-circled:before { content: '\e903'; } /* '' */
.entypo-rdio:before { content: '\e904'; } /* '' */
.entypo-rdio-circled:before { content: '\e905'; } /* '' */
.entypo-spotify:before { content: '\e906'; } /* '' */
.entypo-spotify-circled:before { content: '\e907'; } /* '' */
.entypo-qq:before { content: '\e908'; } /* '' */
.entypo-instagram:before { content: '\e909'; } /* '' */
.entypo-dropbox:before { content: '\e90a'; } /* '' */
.entypo-evernote:before { content: '\e90b'; } /* '' */
.entypo-flattr:before { content: '\e90c'; } /* '' */
.entypo-skype:before { content: '\e90d'; } /* '' */
.entypo-skype-circled:before { content: '\e90e'; } /* '' */
.entypo-renren:before { content: '\e90f'; } /* '' */
.entypo-sina-weibo:before { content: '\e910'; } /* '' */
.entypo-paypal:before { content: '\e911'; } /* '' */
.entypo-picasa:before { content: '\e912'; } /* '' */
.entypo-soundcloud:before { content: '\e913'; } /* '' */
.entypo-mixi:before { content: '\e914'; } /* '' */
.entypo-behance:before { content: '\e915'; } /* '' */
.entypo-google-circles:before { content: '\e916'; } /* '' */
.entypo-vkontakte:before { content: '\e917'; } /* '' */
.entypo-smashing:before { content: '\e918'; } /* '' */
.entypo-sweden:before { content: '\e919'; } /* '' */
.entypo-db-shape:before { content: '\e91a'; } /* '' */
.entypo-up-thin:before { content: '\e88e'; } /* '' */

@font-face {
    font-family: 'merriweather';
    src: url('/static/font/merriweather/merriweathersans-regular-webfont.woff2') format('woff2'),
         url('/static/font/merriweather/merriweathersans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-ExtraBoldItalic.eot');
    src: url('/static/font/montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-Black.eot');
    src: url('/static/font/montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-Black.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-Black.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-BlackItalic.eot');
    src: url('/static/font/montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-BlackItalic.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-BlackItalic.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-ExtraBold.eot');
    src: url('/static/font/montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-ExtraBold.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-SemiBoldItalic.eot');
    src: url('/static/font/montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-SemiBoldItalic.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-ThinItalic.eot');
    src: url('/static/font/montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-ThinItalic.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-ThinItalic.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-Thin.eot');
    src: url('/static/font/montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-Thin.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-Thin.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-Medium.eot');
    src: url('/static/font/montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-Medium.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-Medium.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-ExtraLight.eot');
    src: url('/static/font/montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-ExtraLight.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-ExtraLight.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-MediumItalic.eot');
    src: url('/static/font/montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-MediumItalic.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-MediumItalic.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-ExtraLightItalic.eot');
    src: url('/static/font/montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-ExtraLightItalic.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-SemiBold.eot');
    src: url('/static/font/montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-SemiBold.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-LightItalic.eot');
    src: url('/static/font/montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-LightItalic.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-LightItalic.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-Italic.eot');
    src: url('/static/font/montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-Italic.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-Italic.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/font/montserrat/Montserrat-Light.eot');
    src: url('/static/font/montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/font/montserrat/Montserrat-Light.woff2') format('woff2'),
        url('/static/font/montserrat/Montserrat-Light.woff') format('woff'),
        url('/static/font/montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/static/font/font-awesome/fontawesome-webfont.eot?v=4.0.3');
  src: url('/static/font/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/static/font/font-awesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/static/font/font-awesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/static/font/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-truck {
  transform: rotateY(180deg);
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
:root {
    --border-radius-rounded-small: 8px;
    --border-radius-rounded-medium: 24px;
    --border-radius-rounded-large: 50px;

    --divider-thin: 1px solid var(--border-grey);
    --divider-heavy: 4px solid var(--border-grey);
}

.border-radius-rounded-minimal {
    border-radius: var(--border-radius-rounded-minimal);
}

.border-radius-rounded-small {
    border-radius: var(--border-radius-rounded-small);
}

.border-radius-rounded-medium {
    border-radius: var(--border-radius-rounded-medium);
}

.border-radius-rounded-large {
    border-radius: var(--border-radius-rounded-large);
}
:root {
    --blue-2: #1C2D6A;
    --black-1: #010101;
    --black: #000000;
    --white-1: white;

    --lavender-3: #F4F6FB;

    --grey-3: #9B9B9B;
    --grey-4: #D9D9D9;
    --grey-5: #F9F9F9;

    --text-main: var(--black-1);
    --text-secondary: var(--grey-3);
    --text-white: var(--white-1);

    --border-grey: var(--grey-4);

    --background-white: var(--white-1);
    --background-lavender: var(--lavender-3);
    --background-overlay: rgba(1, 1, 1, 0.5);
    --accent: #1BA3EF;
    --accent-background: #F1F8FF;
    --negative: #F02A75;
    --negative-background: #FDE7F0;
    --warning: #F5A623;
    --warning-background: #FFF1D9;

    /* ---------------------- */
    /* ---- first version --- */
    --content-black-primary: #010101;
    --content-grey-secondary: #7C879D;
    --content-grey-tertiary: #9B9B9B;
    --content-white: white;

    --content-accent: #1BA3EF;
    --content-warning: #F5A623;
    --content-positive: #0ECCAD;
    --content-negative: #F02A75;

    --background-grey-extra-secondary: #F9F9F9;
    --background-lavender-extra-light: #F4F6FB;
    --background-extra-option: #F1F8FF;
    --background-light-warning: #FFF1D9;
    --background-light-negative: #FDE7F0;
    --background-grey: #E0E0E0;

    --background-accent: #E1FDFE;
    --background-warning: #FFF1D9;
    --background-positive: #E7FDFA;
    --background-negative: #FDE7F0;

    --border-disabled: #D9D9D9;
}

.background-grey {
    background: var(--background-grey);
}

.background-negative {
    background: var(--background-negative) !important;
}

.background-positive {
    background: var(--background-positive);
}

.background-warning {
    background: var(--background-warning);
}

.background-content-warning {
    background: var(--content-warning);
}

.background-accent {
    background: var(--accent-background);
}

.content-negative {
    color: var(--content-negative);
}

.content-black-primary {
    color: var(--content-black-primary);
}

.content-grey-tertiary {
    color: var(--content-grey-tertiary) !important;
}

.content-accent {
    color: var(--content-accent) !important;
}
.content-positive {
    color: var(--content-positive);
}

.content-warning {
    color: var(--content-warning);
}

.content-black {
    color: var(--black);
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.border-content-negative {
    border: 1px solid var(--content-negative) !important;
}

.border-grey {
    border: 1px solid var(--border-grey);
}

.background-lavender-extra-light {
    background: var(--background-lavender-extra-light);
}

.background-white {
    background: var(--background-white);
}
:root {
    --shadow-6: 0px 16px 48px rgba(0, 0, 0, 0.2);
}

:root {
    --main-font-family: 'Montserrat';
    --font-weight-medium: 500;
    --font-weight-semibold: 600;

    --line-height-body1: 22px;
    --line-height-body2: 18px;
    --line-height-body3: 15px;

    --font-size-body1: 15px;
    --font-size-body2: 12px;
    --font-size-body3: 10px;

    --typography-heading-1: normal var(--font-weight-semibold) 24px/32px var(--main-font-family);
    --typography-heading-2: normal var(--font-weight-semibold) 20px/24px var(--main-font-family);
    --typography-heading-3: normal var(--font-weight-semibold) 18px/24px var(--main-font-family);

    --typography-body1-text-medium: normal var(--font-weight-medium) var(--font-size-body1)/var(--line-height-body1) var(--main-font-family);
    --typography-body1-text-semibold: normal var(--font-weight-semibold) var(--font-size-body1)/var(--line-height-body1) var(--main-font-family);

    --typography-body2-text-medium: normal var(--font-weight-medium) var(--font-size-body2)/var(--line-height-body2) var(--main-font-family);
    --typography-body2-text-semibold: normal var(--font-weight-semibold) var(--font-size-body2)/var(--line-height-body2) var(--main-font-family);

    --typography-body3-text-medium: normal var(--font-weight-medium) var(--font-size-body3)/var(--line-height-body3) var(--main-font-family);
    --typography-body3-text-semibold: normal var(--font-weight-semibold) var(--font-size-body3)/var(--line-height-body3) var(--main-font-family);
}

.typography-heading-1 {
    font: var(--typography-heading-1);
}

.typography-heading-2 {
    font: var(--typography-heading-2);
}
.typography-heading-2-medium {
    font: var(--typography-heading-2);
    font-weight: var(--font-weight-medium);
}

.typography-heading-3 {
    font: var(--typography-heading-3);
}

.typography-body1-text-medium {
    font: var(--typography-body1-text-medium);
}

.typography-body1-text-semibold {
    font: var(--typography-body1-text-semibold);
}

.typography-body2-text-medium {
    font: var(--typography-body2-text-medium);
}

.typography-body2-text-semibold {
    font: var(--typography-body2-text-semibold);
}

.typography-body3-text-medium {
    font: var(--typography-body3-text-medium);
}

.typography-body3-text-semibold {
    font: var(--typography-body3-text-semibold);
}

.font-size-body1 {
    font-size: var(--font-size-body1);
}

.font-size-body2 {
    font-size: var(--font-size-body2);
}
/* Position */
.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

/* Display */
.inline-block {
    display: inline-block;
}

/* Inset & Positioning */
.t-15 {
    top: 15px;
}

.r-15 {
    right: 15px;
}

/* Width & Height */
.h-46 {
    height: 46px;
}

.h-full {
    height: 100%;
}

.max-h-full {
    max-height: 100%;
}

.height-inherit {
    height: inherit;
}

.w-50 {
    width: 50%;
}

.w-450 {
    width: 450px;
}

.w-480 {
    width: 480px;
}

.w-full {
    width: 100%;
}

.max-w-200px {
    max-width: 200px;
}

/* Margins */
.m-none {
    margin: 0 !important;
}

.mt-4 {
    margin-top: 4px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-16 {
    margin-top: 15px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-32 {
    margin-top: 32px;
}

.mr-15 {
    margin-right: 15px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-8 {
    margin-left: 8px;
}

.-ml-5 {
    margin-left: -5px;
}

.ml-auto {
    margin-left: auto;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

/* Padding */
.p-8 {
    padding: 8px;
}

.p-12 {
    padding: 12px;
}

.p-16 {
    padding: 16px;
}

.p-24 {
    padding: 24px;
}

.p-30 {
    padding: 30px;
}

.p-r-0 {
    padding-right: 0;
}

.p-l-0 {
    padding-left: 0;
}

.p-l-8 {
    padding-left: 8px;
}

.p-l-16 {
    padding-left: 16px;
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.py-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

/* Flexbox & Alignment */
.flex1 {
    flex: 1;
}

.flex-auto {
    flex: auto;
}

.flex-50-percent {
    flex: 50%;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-direction-column {
    flex-direction: column;
}

.shrink-0 {
    flex-shrink: 0;
}

.items-stretch {
    align-items: stretch;
}

.items-end {
    align-items: flex-end;
}

.align-items-center {
    align-items: center;
}

.justify-content-center, .justify-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-end {
    justify-content: flex-end;
}

.gap-8 {
    gap: 8px;
}

.gap-12 {
    gap: 12px;
}

.gap-16 {
    gap: 16px;
}

.gap-32 {
    gap: 32px;
}

.gap-40 {
    gap: 40px;
}

/* Typography */
.font-16 {
    font-size: 16px;
}

.font-24 {
    font-size: 24px;
}

.font-700 {
    font-weight: 700;
}

.text-bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.center,
.text-center {
    text-align: center;
}

.text-no-wrap {
    white-space: nowrap;
}

.text-underline{
    text-decoration: underline;
}

/* Colors */
.error-font {
    color: rgba(240, 42, 117, 1);
}

/* Borders */
.border-round-8 {
    border-radius: 8px;
}

/* Lists */
.list-none {
    list-style-type: none;
}

.list-reset {
    list-style-type: none;
    padding: 0;
}

/* Overflow */
.overflow-hidden {
    overflow: hidden;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Pointer Events */
.pointer-events-none {
    pointer-events: none;
}

/* Cursor */
.cursor-pointer {
    cursor: pointer;
}

/* Banner */
.UI-Banner {
    padding: 16px;
    color: var(--content-black-primary);
    border-radius: var(--border-radius-rounded-small);
    margin-bottom: 8px;
}

.UI-Banner .backbone-ui-button {
    white-space: nowrap;
}

/* links */
.UI-link {
    color: var(--main-text);
    text-decoration: underline;
}
.UI-link:hover{
    color:var(--text-secondary);
}

.backbone-ui-button,
.backbone-ui-button.primary,
a.backbone-ui-button,
a.backbone-ui-button.primary {
    font: var(--typography-body2-text-medium);
    background-color: var(--accent);
    border: 1px solid var(--accent);
    border-radius: var(--border-radius-rounded-small);
    color: var(--text-white);
    cursor: pointer;
    min-height: 40px;
    padding: 10px 25px;
    outline: none;
    text-align: center;
}

.backbone-ui-button,
.backbone-ui-button.small {
    min-height: 40px;
}

.backbone-ui-button.wide {
	width: 100%;
}

.backbone-ui-button.backbone-ui-button-text-large {
    font: var(--typography-body1-text-medium);
}

/* BUTTON SECONDARY */
.backbone-ui-button.secondary {
    background-color: var(--background-white);
    border-color: var(--border-disabled);
    color: var(--content-black-primary);
}
.backbone-ui-button.secondary:hover {
    background-color: var(--background-white);
    border-color: var(--border-disabled);
    box-shadow: inset 0px 50px 50px rgba(0, 0, 0, 0.05);
} 
.backbone-ui-button.secondary:focus {
    background-color: var(--background-white);
    border-color: var(--border-disabled);
    box-shadow: 0px 0px 0px 4px rgba(217, 217, 217, 0.3);
} 
.backbone-ui-button.secondary:active {
    background-color: var(--background-white);
    border-color: var(--border-disabled);
    box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.2);
} 

.backbone-ui-button[disabled],
.backbone-ui-button:disabled,
.backbone-ui-button.disabled,
.backbone-ui-button.primary[disabled],
.backbone-ui-button.primary:disabled,
.backbone-ui-button.primary.disabled,
.backbone-ui-button.secondary[disabled],
.backbone-ui-button.secondary.disabled,
.backbone-ui-button.secondary:disabled {
    background-color: var(--background-lavender);
    border: 1px solid var(--grey-4);
    color: var(--text-secondary);
    box-shadow: none;
    cursor: default;
}

.backbone-ui-button.warning {
    color: var(--text-white);
    background-color: var(--warning);
    border-color: var(--warning);
}
.backbone-ui-button.warning:hover {
    box-shadow: inset 0px 50px 50px rgba(0, 0, 0, 0.05);
}
.backbone-ui-button.warning:focus {
    box-shadow: 0px 0px 0px 4px rgba(217, 217, 217, 0.3);
}
.backbone-ui-button.warning:active {
    box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.link {
    font: var(--typography-body2-text-semibold);
    text-decoration: underline;
}

.link .link--iconed {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

/* Modal timeline */
#modal-journey-timeline .modal-dialog{
    width:770px;
}

#modal-journey-timeline .modal-content{
    width:770px;
}

#modal-journey-timeline .panel-title {
    font-size:14px;
}

#modal-timeline-tab-2-title {
    display:none;
}

#add_history_mandatory_fields_error {
    margin-top:15px;
}

/* Timeline content */

.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #afdcf8;
    left: 20%;
    margin-left: -10px;
}

/* The date/time */
.cbp_tmtimeline > li {
    position: relative;
}

.cbp_tmtimeline > li .cbp_tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
    display: block;
    text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
    font-size: 0.9em;
    color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 2.9em;
    color: #3594cb;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #6cbfee;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 15px 25%;
    background: #3594cb;
    color: #fff;
    padding: 2em;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
    background: #6cbfee;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
    margin-top: 0px;
    padding: 0 0 10px 0;
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #3594cb;
    border-width: 10px;
    top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #6cbfee;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
    width: 40px;
    height: 40px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: #46a4da;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #afdcf8;
    text-align: center;
    left: 20%;
    top: 0;
    margin: 0 0 0 -25px;
}

.bg-add {
    background-color: #00A651 !important;
    color: #FFF !important;
}

.bg-set {
    background-color: #00A651 !important;
    color: #FFF !important;
}

.bg-assign {
    background-color: #FAD839 !important;
    color: #FFF !important;
}

.bg-delete {
    background-color: #ee4749 !important;
    color: #FFF !important;
}

.bg-cancel {
    background-color: #ee4749 !important;
    color: #FFF !important;
}

.bg-publish {
    background-color: #00A651 !important;
    color: #FFF !important;
}

.bg-unpublish {
    background-color: #ee4749 !important;
    color: #FFF !important;
}

.bg-duplicate {
    background-color: #00A651 !important;
    color: #FFF !important;
}

.bg-replicate {
    background-color: #00A651 !important;
    color: #FFF !important;
}

.bg-comment {
    background-color: #21A9E1 !important;
    color: #FFF !important;
}

.bg-email {
    background-color: #21A9E1 !important;
    color: #FFF !important;
}

.bg-download {
    background-color: #21A9E1 !important;
    color: #FFF !important;
}

.bg-payment {
    background-color: #FAD839 !important;
    color: #FFF !important;
}

.bg-booking {
    background-color: #FAD839 !important;
    color: #FFF  !important;
}

.bg-complete {
    background-color: #00A651 !important;
    color: #FFF  !important;
}

.bg-date {
    background-color: #21A9E1 !important;
    color: #FFF  !important;
}

.bg-now {
    background-color: #FFF !important;
    color: #333  !important;
}

/* Delete history button */
.delete-history{
    background-color: #DDD;
    color:#FFF;
    position: absolute;
    top: 8px;
    right:8px;
    width: 17px;
    height:16px;
    padding:5px;
    border-radius: 2px;
}

.delete-history:before{
    content: "×";
    position: relative;
    top:-8px;
    left:-1px;
}

.delete-history:hover{
    background-color: #AAA;
    cursor: pointer;
}


/* Example Media Queries */
@media screen and (max-width: 65.375em) {

    .cbp_tmtimeline > li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display: none;
    }

    .cbp_tmtimeline > li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

    .cbp_tmtimeline > li .cbp_tmtime span {
        text-align: left;
    }

    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }

    .cbp_tmtimeline > li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }

    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }

    .cbp_tmtimeline > li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }   
}

/* loader */

.loader-1{
    background: url("/static/img/loader/loader-1.gif") no-repeat 6px center;
    width:28px;
    height:22px;
}

.loader-2{
    background: url("/static/img/loader/loader-2.gif") no-repeat 6px center;
    width:28px;
    height:22px;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loader-3 {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.form-control .select2-choice {
    border: 0;
    border-radius: 2px;
}

.form-control .select2-choice .select2-arrow {
    border-radius: 0 2px 2px 0;   
}

.form-control.select2-container {
    height: auto !important;
    padding: 0;
}

.form-control.select2-container.select2-dropdown-open {
    border-color: #5897FB;
    border-radius: 3px 3px 0 0;
}

.form-control .select2-container.select2-dropdown-open .select2-choices {
    border-radius: 3px 3px 0 0;
}

.form-control.select2-container .select2-choices {
    border: 0 !important;
    border-radius: 3px;
}

.control-group.warning .select2-container .select2-choice,
.control-group.warning .select2-container .select2-choices,
.control-group.warning .select2-container-active .select2-choice,
.control-group.warning .select2-container-active .select2-choices,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #C09853 !important;
}

.control-group.warning .select2-container .select2-choice div {
    border-left: 1px solid #C09853 !important;
    background: #FCF8E3 !important;
}

.control-group.error .select2-container .select2-choice,
.control-group.error .select2-container .select2-choices,
.control-group.error .select2-container-active .select2-choice,
.control-group.error .select2-container-active .select2-choices,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.error .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #B94A48 !important;
}

.control-group.error .select2-container .select2-choice div {
    border-left: 1px solid #B94A48 !important;
    background: #F2DEDE !important;
}

.control-group.info .select2-container .select2-choice,
.control-group.info .select2-container .select2-choices,
.control-group.info .select2-container-active .select2-choice,
.control-group.info .select2-container-active .select2-choices,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.info .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #3A87AD !important;
}

.control-group.info .select2-container .select2-choice div {
    border-left: 1px solid #3A87AD !important;
    background: #D9EDF7 !important;
}

.control-group.success .select2-container .select2-choice,
.control-group.success .select2-container .select2-choices,
.control-group.success .select2-container-active .select2-choice,
.control-group.success .select2-container-active .select2-choices,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.success .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #468847 !important;
}

.control-group.success .select2-container .select2-choice div {
    border-left: 1px solid #468847 !important;
    background: #DFF0D8 !important;
}

/*
Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
    padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 42px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
    margin-left: 26px;
    margin-right: 0;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;

    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;

    background: #fff url('select2.png') no-repeat -37px -22px;
    background: url('select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -16px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, .2);
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 20px;
    margin: 3px 5px 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: pointer;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 10px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}

.select2-search-choice-close:before {
    font-family: "entypo";
    content: "\e814";
    display: block;
    color: #FFF;
    width: 16px;
    height: 18px;
    font-weight: 300;
    font-size: 11px;
    line-height: 1;
    margin-left: -4px;
    position: relative;
    top: -2px;
    background-color: #999;
    padding: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}


html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}
/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #00a651;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
  height: auto;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.33;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #CCC;
  outline: 0;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
/* Timeline css (for timeline-2.91.min.js) */

div.timeline-frame {
    -moz-box-sizing: border-box;
    border: 1px solid #DDD;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

div.timeline-content {
    overflow: hidden;
    position: relative;
}

div.timeline-axis {
    -moz-box-sizing: border-box;
    border-color: #bebebe;
    border-top-style: solid;
    border-width: 1px;
    box-sizing: border-box;
}

div.timeline-axis-grid {
    -moz-box-sizing: border-box;
    border-left-style: solid;
    border-width: 1px;
    box-sizing: border-box;
}

div.timeline-axis-grid-minor {
    border-color: #e5e5e5;
}

div.timeline-axis-grid-major {
    border-color: #bfbfbf;
}

div.timeline-axis-text {
    color: #4d4d4d;
    padding: 3px;
    white-space: nowrap;
}

div.timeline-axis-text-minor {
}

div.timeline-axis-text-major {
}

div.timeline-event {
    -moz-box-sizing: border-box;
    background-color: #d5ddf6;
    border-color: #97b0f8;
    box-sizing: border-box;
    color: #1a1a1a;
    display: inline-block;
}

div.timeline-event-selected {
    background-color: #fff785;
    border-color: #ffc200;
    z-index: 999;
}

/* TODO: use another color or pattern? */
div.timeline-event-cluster {
    background: url('img/cluster_bg.png') #97b0f8;
    color: #ffffff;
}

div.timeline-event-cluster div.timeline-event-dot {
    border-color: #d5ddf6;
}

div.timeline-event-box {
    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

div.timeline-event-dot {
    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
    border-radius: 5px;
    border-style: solid;
    border-width: 5px;
}

div.timeline-event-range {
    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
}

div.timeline-event-range-drag-left {
    cursor: w-resize;
    z-index: 1000;
}

div.timeline-event-range-drag-right {
    cursor: e-resize;
    z-index: 1000;
}

div.timeline-event-line {
    -moz-box-sizing: border-box;
    border-left-style: solid;
    border-left-width: 1px;
    box-sizing: border-box;
}

div.timeline-event-content {
    margin: 5px;
    overflow: hidden;
    white-space: nowrap;
}

div.timeline-groups-axis {
    -moz-box-sizing: border-box;
    border-color: #bebebe;
    border-width: 1px;
    box-sizing: border-box;
}

div.timeline-groups-axis-onleft {
    border-style: none solid none none;
}

div.timeline-groups-axis-onright {
    border-style: none none none solid;
}

div.timeline-groups-text {
    color: #4d4d4d;
    padding-left: 10px;
    padding-right: 10px;
}

div.timeline-currenttime {
    -moz-box-sizing: border-box;
    background-color: #ff7f6e;
    box-sizing: border-box;
    width: 2px;
}

div.timeline-customtime {
    -moz-box-sizing: border-box;
    background-color: #6e94ff;
    box-sizing: border-box;
    cursor: move;
    width: 2px;
}

div.timeline-navigation {
    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
    -moz-box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1px solid #bebebe;
    border-radius: 2px;
    box-sizing: border-box;
    color: #808080;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
}

div.timeline-navigation-new,
div.timeline-navigation-delete,
div.timeline-navigation-zoom-in,
div.timeline-navigation-zoom-out,
div.timeline-navigation-move-left,
div.timeline-navigation-move-right {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 36px;
    padding: 10px;
    text-decoration: none;
    width: 36px;
}

div.timeline-navigation-new {
    background: url('img/16/new.png') no-repeat center;
}

/* separator between new and navigation buttons */
div.timeline-navigation-new-line {
    border-right: 1px solid #bebebe;
}

div.timeline-navigation-delete {
    background: url('img/16/delete.png') no-repeat center;
}

div.timeline-navigation-zoom-in {
    background: url('img/16/zoomin.png') no-repeat center;
}

div.timeline-navigation-zoom-out {
    background: url('img/16/zoomout.png') no-repeat center;
}

div.timeline-navigation-move-left {
    background: url('img/16/moveleft.png') no-repeat center;
}

div.timeline-navigation-move-right {
    background: url('img/16/moveright.png') no-repeat center;
}

/* Custom Luckyloc timeline (including conveyor schedule colors, icons... */

#conveyors-schedule-add {
    display:none;
}

.search-tool:before{
    color:#333 !important;
}

#conveyors-list {
    overflow: scroll;
    height:419px;
}

#conveyors-disponibilities .ui-widget-content{
    background-color: #f5f5f6;
}

#conveyors-schedule-toolbar{
    margin-bottom: 13px;
}

#conveyors-disponibilities .panel-title{
    font-size:18px;
}

#schedule-tools {
    display:none;
}

#no-conveyors-results {
    padding:15px;
    border:1px solid #DDD;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align:center;
}

/* Customize the timeline */

.timeline-tools-spacer{
    margin: auto 3px;
}

.timeline-axis{
    background-color: #EEE;
    cursor:default;
}

div.timeline-axis-text{
    color:#333;
    font-weight:bold;
    padding-top:5px;
    cursor:default;
}

.timeline-groups-axis{
    background-color: #EEE;
    cursor:default;
}

.timeline-groups-text{
    color:#333;
    font-weight:bold;
    cursor:default;
}

/* Modal popup */
#modal-schedule-event .alert-danger {
    margin-bottom: 0;
}

/* Popover */
.popover{
    max-width: 100%; /* Max Width of the popover (depending of the container!) */
}

/* Disponibility (base class apply on all states) */
.conveyor_disponibility{
    cursor: pointer;
    border-radius:2px !important;
    min-width:20px;
}

.conveyor_disponibility:before{
    float:left;
    position:relative;
    top:7px;
    font-size:14px;
}

/* Conveyor unavailable  */

.conveyor_is_unavailable{
    background-color: #FAA0A0 !important;
    color:#000 !important;
    border:1px solid #D8818A !important;
}

.conveyor_was_unavailable{
    background-color: #EEE !important;
    color:#000 !important;
    border:1px solid #CCC !important;
}

/* Conveyor available */

.conveyor_is_available{
    background-color: #C9EAAB !important;
    color:#000 !important;
    border:1px solid #B2D08D !important;
    cursor: pointer;
    border-radius:2px !important;
    min-width:20px;
}

.conveyor_was_available{
    background-color: #EEE !important;
    color:#999 !important;
    border:1px solid #CCC !important;
    cursor: default;
    border-radius:2px !important;
    min-width:20px;
}

/* Conveyor unreachable */

.conveyor_is_unreachable {
    background-color: #FFDD97 !important;
    color:#000 !important;
    border:1px solid #E7B977 !important;
    cursor: pointer;
    border-radius:2px !important;
    min-width:20px;
}

.conveyor_was_unreachable {
    background-color: #EEE !important;
    color:#999 !important;
    border:1px solid #CCC !important;
    cursor: default;
    border-radius:2px !important;
    min-width:20px;
}

/* Conveyor waiting */

.conveyor_is_waiting {
    background-color: #FFDD97 !important;
    color:#000 !important;
    border:1px solid #E7B977 !important;
    cursor: pointer;
    border-radius:2px !important;
    min-width:20px;
}

.conveyor_was_waiting{
    background-color: #EEE !important;
    color:#999 !important;
    border:1px solid #CCC !important;
    cursor: default;
    border-radius:2px !important;
    min-width:20px;
}

/* Conveyor Booked */

.conveyor_is_booked{
    background-color: #FFF !important;
    color:#000 !important;
    border:1px solid #DDD !important;
    cursor: pointer;
    border-radius:2px !important;
    min-width:20px;
}

.conveyor_was_booked{
    background-color: #EEE !important;
    color:#999 !important;
    border:1px solid #CCC !important;
    cursor: default;
    border-radius:2px !important;
    min-width:20px;
}

.conveyor_is_booked:before, .conveyor_was_booked:before{
    float:left;
    position:relative;
    top:7px;
    font-size:14px;
    margin-left:2px;
    margin-right:4px;
}

/* Privilege plane */
.timeline-groups-text .fa-plane:before{
    position: relative;
    top:2px;
}
.md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f0f0f1}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:14px;font-weight:normal;font-family:"Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;outline:0;margin:0;display:block;padding:0;width:100%;border:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-radius:0;box-shadow:none;background:#FFF;padding:10px;}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
 *
 * Built for http://www.improvely.com
 */

 .daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 99999999;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
  float: right;
  margin: 4px;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}

.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}

.daterangepicker .ranges .range_inputs>div {
  float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
  padding-left: 11px;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
  border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
  text-shadow: #fff 1px 1px 0px;
  text-transform: uppercase;
  width: 74px;
}

.daterangepicker .ranges input {
  font-size: 11px;
}

.daterangepicker .ranges .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 10px 0;
  padding: 0 6px;
  width: 74px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

.daterangepicker .calendar-date {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.openscenter:before {
  position: absolute;
  top: -7px;
  left: 0;  
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.openscenter:after {
  position: absolute;
  top: -6px;
  left: 0;  
  right: 0;  
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.dropup{
  margin-top: -5px;
}
.daterangepicker.dropup:before{
  top: initial;
  bottom:-7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after{
  top: initial;
  bottom:-6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.daterangepicker td.off {
  color: #999;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.daterangepicker td.start-date {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: #3071a9;
  color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker_start_input {
  float: left;
}

.daterangepicker_end_input {
  float: left; 
  padding-left: 11px
}

.daterangepicker th.month {
  width: auto;
}

.btn-gray-calendar{
  background: #F6F8FD !important;
  border: 1px solid #C8D0EB !important;
  color: #111B42 !important;
  height:30px !important;
  width:49%;
}

.btn-green-calendar{
  background: #0ECCAD !important;
  border: 1px solid #0ECCAD !important;
  color: #111B42 !important;
  height:30px !important;
  width:49%;
}


.daterangepicker .ranges {
  width: 237px !important;
}

.text-white{
  color:white !important;
}

.text-black{
  color:#111B42 !important;
}
.paginate{
    text-align: center;
}

.pagination {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 3px; }

.pagination a {
  display: block;
  float: left;
  width: 30px;
  height: 31px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #555555;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  /* ATTN: need a better font stack */
  background-color: #f8f8f8;
}

.pagination a:hover, .pagination a:focus, .pagination a:active {
    background-color: #cecece;
}

.pagination a.disabled, .pagination a.disabled:hover, .pagination a.disabled:focus, .pagination a.disabled:active {
background-color: #f3f3f3;
color: #A8A8A8;
cursor: default;
}

.pagination a:first-child {
  border: none;
  border-radius: 2px 0 0 2px; }

.pagination a:last-child {
  border: none;
  border-radius: 0 2px 2px 0; }

.pagination input {
  float: left;
  margin: 0;
  padding: 0;
  width: 120px;
  height: 31px;
  outline: none;
  border: none;
  vertical-align: middle;
  text-align: center;
}

.pagination .first:before {
    font-family: entypo;
    content: "\e874\e874";
    position: relative;
    top:4px;
}

.pagination .last:before {
    font-family: entypo;
    content: "\e875\e875";
    position: relative;
    top:4px;
}

.pagination .previous:before {
    font-family: entypo;
    content: "\e874";
    position: relative;
    top:4px;
}

.pagination .next:before {
    font-family: entypo;
    content: "\e875";
    position: relative;
    top:4px;
}


/* Journey Add or Edit */

.help-creation {
    padding-top:7px;
}

.add_station_text_link{
    position:relative;
    text-decoration: underline;
    cursor:pointer;
}

.add_station_text_link:hover{
    text-decoration: none;
}

.add_station_text_link:active{
    top:1px;
}

.form-group-last {
    margin-bottom:0;
}
.margin-top-8 {
    margin-top: 8px;
}
.margin-top-15 {
    margin-top: 15px;
}
/* Add station autofill chrome fix */
.city_trick:before{
    content: "Ville";
}

.zipcode_trick:before{
    content: "Code postal";
}

/* Add station panel */
#add-station-panel, #add-station-group-panel {
    padding-bottom:0;
    padding-left:0;
}

/* Add station end button */
#button-add-station-end {
    margin-top:10px;
    margin-bottom: 5px;
}

/* Journey to build info message */
#journey-to-build-help{
    margin-top: 25px;
}

/* Add station end group button */
#button-add-station-end-group {
    margin-top:10px;
    margin-bottom: 5px;
}

/* Journey to build */
#journey-to-build {
    padding-top: 8px;
}

/* Delete all stations end button */
#delete-all-stations-end-bt {
    text-decoration: none;
    padding-bottom:10px;
    cursor: pointer;
    display: inline-block;
}

#delete-all-stations-end-bt:hover:before{
    text-decoration: none;
}

#delete-all-stations-end-bt:before {
    margin-right:5px;
}

#delete-all-stations-end-bt:hover {
    text-decoration: underline;
}

/* Modal progress */
#modal-journey-progress {
    top:28%;
}

/* Vehicle registration */
#vehicle_registration_container input, #vehicle_registration_return {
    text-transform: uppercase;
}

/* Help icon*/
.journey-help{
    position:relative;
    top:6px;
    left:-23px;
    font-size:16px;
    color:#CCC;
    cursor:default;
}

.journey-help:hover{
    color:#21A9E1;
}

#journey .popover {
    width:250px !important;
}

/* Help icon stand alone */
.journey-help-b:before{
    font-size:16px;
    color:#CCC;
    cursor:default;
    position:relative;
    top:1px;
    left:-4px;
}

.journey-option-help{
    position:relative;
    font-size:16px;
    color:#CCC;
    cursor:default;
}

.journey-option-help-new-add-page{
    color:#CCC;
    cursor:default;
}

.shameless-reposition{
    position: relative;
    font-size:16px;
    top: 5px;
}

#brand-extra-service-container .hide {
    display:none !important;
}

.discount-message {
    margin: 5px;
    height: 100% !important;
    white-space: unset;
}

.truck-help {
    font-size: 16px;
    color: #CCC;
    cursor: default;
}

.ui-autocomplete {
    max-height: 240px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 240px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.main-properties{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.overflowAuto {
    overflow: auto;
    transform: rotateX(180deg);
}

#journey_list {
    transform: rotateX(180deg);
}

.label-adjust{
    margin-bottom:3px;
}

.padding-none{
    padding:0px!important;
}

.custom-width{
    width:19% !important;
}

.custom-width-35{
    width:35% !important;
}

.no-custom-width{
    width:100% !important;
}

.custom-width-80{
    width:80% !important;
}

.pad30{
    padding: 30px 20px;
}

.pad30contentBreadcrumb {
    padding: 0px 20px 20px 25px;
}

.pad30Breadcrumb {
    padding: 30px 0px 0px 20px !important
}

.colorB {
    color: #000;
}

h1 {
    margin-bottom: 15px;
}

.nav-tabs { 
    margin-bottom: 0px;
}

.panelMargin{
    margin-top: 15px;
}

.warning-message {
    margin-top: -40px;
    margin-bottom: auto;
}

/* Help alert info for truck */

#truck-alert {
    margin-top: 20px;
}

#truck-alert > a {
    color: #2c7ea1;
}

.offset-sm-3 {
    margin-left: 25%;
}

.padd-l-8{
    padding-left: 8px;
}

.placementRdvAdDep {
    margin-bottom: 15px;
    margin-top: -15px;
}

.vehicle_registration_number::placeholder {
    color: #aaa5a579;
  }
/* Journey list*/

/* Actions */
#journey-list{
    padding-top: 0;
}

/* Button add journey */
#button-add-journey{
    display: inline-block;
    height:32px;
}

#button-add-journey .entypo-plus-circled:before{
    position: relative;
    top:3px;
}

.btn-add-journey {
    background-color: #1C2D6A;
}

.icon-add-journey, .btn-add-journey:hover {
    background-color: #111B42 !important;
}

.filter-selected{
    box-shadow: 0 0px 12px 5px rgba(0, 0, 0, 0.1);
    border: 0;
    outline: 0;
}

#filter_by_renter_id, #filter_by_billing_entity_id {
    display: inline-block;
    width: 200px;
    margin-right: 20px;
    margin-top: 5px;
}

#filter_by_mission_made_with_mobile {
    display: inline-block;
    margin-right: 20px;
    margin-top: 5px;
}

#filter_by_category {
    display: inline-block;
    margin-right: 20px;
    margin-top: 5px;
}

/* Journey date filter */
#filter_by_journey_filtered_date{
    display: inline-block;
    margin-right: 20px;
    margin-top: 5px;
}

/* Journey service filter */
#filter_by_journey_service{
    display: inline-block;
    margin-right: 20px;
    margin-top: 5px;
}

/* Meta Journey type filter */
#filter_by_meta_journey_type{
    display: inline-block;
    margin-right: 20px;
    margin-top: 5px;
}

/* Meta Journey type filter */
#filter_by_replication{
    display: inline-block;
    margin-top: 5px;
}

/* Table */
#journey-list-table td{
    list-style:none;
}

#journey-list-table td ul{
    padding:0;
}

#journey-list-table td li{
    list-style:none;
}

/* Table actions */
#journey-list-table .entypo-paper-plane{
    margin-left:-5px;
}

#journey-list-table .fa-envelope{
    margin-left:0px;
    font-size:11px;
}

#journey-list-table .entypo-flow-cascade{
    margin-left:-2px;
    margin-right:2px;
    font-size:11px;
}

#journey-list-table .fa-copy{
    margin-left:0px;
    margin-right:2px;
    font-size:11px;
}

/* Modal send mailing */
#modal-confirm-alert-journey .modal-body {
    background-color: #FAFAFA;
}

/* Modal delete */
#modal-confirm-journey-delete .modal-body, #modal-confirm-booking-delete .modal-body {
    background-color: #FAFAFA;
}

/* Modal edit journey */
#modal-edit-journey .modal-body{
    background-color: #FAFAFA;
}

#modal-edit-journey label{
    font-weight: bold;
}

#modal-edit-journey .daterange-inline {
    background-color: #FFF;
}

#modal-edit-journey .panel {
    background-color: #fafafa;
}

#modal-edit-journey #brothers-journeys-infos {
    padding:10px 0 0 0;
}

#modal-edit-journey hr{
    margin-top: 5px;
}

/* Files listing */
.files-listing {
    padding: 5px 0 0 2px;
    list-style: none;
}

.files-listing2 {
    padding: 5px 0 0 2px;
    list-style: none;
}

.files-listing li:before {
    font-family: "entypo";
    content: "\e823";
    margin-right: 5px;
    font-size: 15px;
}

.files-listing li.no-attach:before {
    content: "";
    margin-right: 0;
}

.files-listing a span:before {
    font-family: "entypo";
    content: "\e823";
    margin-right: 5px;
    font-size: 15px;
}

.files-listing-clear {
    clear: both;
}

.files-listing li a {
    color: #333;
}

/* booking conveying mission icon */
.fa.fa-automobile {
    font-size: 1.25em;
    margin-left: 3px;
}

.star{
    font-size: 20px;
    cursor: default
}

.star.red{
    color: #ff5656;
}
.star.orange{
    color: #ff8f03;
}
.star.yellow{
    color: #fde900;
}
.star.lightgreen{
    color: #94d63c;
}
.star.green{
    color: #0a9e23;
}
.star.default{
    cursor: pointer 
}

.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr;
  }
  .jq-ry-container[readonly="readonly"] {
    cursor: default;
  }
  .jq-ry-container > .jq-ry-group-wrapper {
    position: relative;
    width: 100%;
  }
  .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap;
  }
  .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
    display: inline-block;
  }
  .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
    width: 100%;
  }
  .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
    width: 0;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .underline{
    text-decoration:underline;
  }

  .modal-view-proposition{
    width:1100px !important;
 }

 .view-proposition-content{
    padding:15px;
 }

 .modal-content.view-vehicles-content{
    padding: 10px;
    width:580px;
 }
 .vehicle-info u{
    cursor:pointer;
 } 

 #error-message{
    margin-left:1%;
    width:98% !important;
}
.display-block {
    display: block;
}
.display-flex {
    display: flex;
}
.bold {
    font-weight: bold;
}

.errorMessageCancel {
    padding-bottom: 15px;
    color: red;
}

.actions-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.display-transfert-detail-btn {
    border: none;
    background-color: #1C2D6A;
    border-radius: 5px;
    color: white;
    padding: 2px 10px;
    cursor: pointer;

    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
}

.display-dropdown-actions {
    width: 26px;
    height: 26px;

    margin-left: 8px;
    
    border-radius: 50% !important;
    border: none;
    background-color: transparent;

    display: flex;
    align-items: center;
    justify-content: center;
}

.display-dropdown-actions:focus {
    background-color: #E9ECF7;
}

.display-dropdown-actions div {
    display: flex;
    width: 15px;
    justify-content: space-between;
    height: 2px;
}

.display-dropdown-actions div span {
    display: block;
    background-color: #1C2D6A;
    width: 3px;
    height: 3px;
    border-radius: 50%;
}

.display-dropdown-actions-anim {
    animation: .1s animDisplayDropdownActions;
}

@keyframes animDisplayDropdownActions {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

.dropdown-actions {
    min-width: 197px;
    padding: 20px 0 !important;
    border: none;
    background-color: white;
    box-shadow: 0px 0px 15px 0px #00000045;
    border-radius: 8px;

    height: fit-content;

    right: 70px;
    left: inherit;
    transform-origin: bottom right;
}

.dropdown-actions .action-item {
    padding: 0 20px;
    color: #010101;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    min-width: 450px;
    cursor: pointer;
}

.dropdown-actions .action-item:hover {
    background-color: #F4F6FB;
}

.dropdown-actions .action-item img {
    width: 22px
}

.dropdown-actions .divider {
    width: 90%;
    margin: 7.5px auto;
}
.dropdown-actions .tracking-tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 12px 4px 8px;
    gap: 4px;
    margin-left: auto;
    margin-right: 4px;
    background: #F1F8FF;
    color: #1BA3EF;
    border-radius: 50px;
    order: 1;
    flex-grow: 0;
}

.dropdown-actions .action-item .tracking-tag img {
    width: 16px;
}

.tags {
    margin:0;
    padding:0;
    list-style:none;
}   

.tags li, .tags .tag {
    float:left;
    height:24px;
    line-height:24px;
    position:relative;
    font-size:12px;
}

.tags li:first-child {
    margin-left: -8px;
}

.tags .tag {
    margin-left:20px;
    padding:0 10px 0 12px;
    background:#21A9E1;
    color:#FFF;
    text-decoration:none;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px; 
    border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;    
    border-top-right-radius:4px;    
}

.tags .tag:before {
    content:"";
    float:left;
    position:absolute;
    top:0;
    left:-12px;
    width:0;
    height:0;
    border-color:transparent #21A9E1 transparent transparent;
    border-style:solid;
    border-width:12px 12px 12px 0;      
}

.tags .tag:after {
    content:"";
    position:absolute;
    top:10px;
    left:0;
    float:left;
    width:4px;
    height:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background:#FFF;
}

.tag-content.label {
    float: left;
    margin-bottom: 1px;
    margin-top: 1px;
}

/* Orange version */
.tag-orange {
    background-color: #FFA400 !important;
}

/* Green version */
.tag-green {
    background-color: #009c47 !important;
}

.tags .tag-orange:before {
    border-color:transparent #FFA400 transparent transparent !important;
} 

.tags .tag-green:before {
    border-color:transparent #009c47 transparent transparent !important;
} 

.new-help-tag {
    background: #F5A623 !important;
    border-radius: 20px !important;
    font-family: 'Montserrat';
    font-size: 12px !important;
}
/* Markdown default style (for display in page, not in a PDF
 * Prefixed .markdown
 */
.markdown a {
  color: #4183C4; }
.markdown a.absent {
  color: #cc0000; }
.markdown a.anchor {
  display: block;
  padding-left: 30px;
  margin-left: -30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  cursor: text;
  position: relative; }

.markdown h1:hover a.anchor, .markdown h2:hover a.anchor, .markdown h3:hover a.anchor, .markdown h4:hover a.anchor, .markdown h5:hover a.anchor, .markdown h6:hover a.anchor {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA09pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoMTMuMCAyMDEyMDMwNS5tLjQxNSAyMDEyLzAzLzA1OjIxOjAwOjAwKSAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM2NjlDQjI4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM2NjlDQjM4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzY2OUNCMDg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzY2OUNCMTg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQhXeAAAABfSURBVHjaYvz//z8DJYCRUgMYQAbAMBQIAvEqkBQWXI6sHqwHiwG70TTBxGaiWwjCTGgOUgJiF1J8wMRAIUA34B4Q76HUBelAfJYSA0CuMIEaRP8wGIkGMA54bgQIMACAmkXJi0hKJQAAAABJRU5ErkJggg==) no-repeat 10px center;
  text-decoration: none; }

.markdown h1 tt, .markdown h1 code {
  font-size: inherit; }

.markdown h2 tt, .markdown h2 code {
  font-size: inherit; }

.markdown h3 tt, .markdown h3 code {
  font-size: inherit; }

.markdown h4 tt, .markdown h4 code {
  font-size: inherit; }

.markdown h5 tt, .markdown h5 code {
  font-size: inherit; }

.markdown h6 tt, .markdown h6 code {
  font-size: inherit; }

.markdown h1 {
  font-size: 28px;
  color: black; }

.markdown h2 {
  font-size: 24px;
  padding-bottom:10px;
  border-bottom: 1px solid #EEE;
  color: black; }

.markdown h3 {
  font-size: 18px; }

.markdown h4 {
  font-size: 16px; }

.markdown h5 {
  font-size: 14px; }

.markdown h6 {
  color: #777777;
  font-size: 14px; }

.markdown p, .markdown blockquote, .markdown ul, .markdown ol, .markdown dl, .markdown li, .markdown table, .markdown pre {
  margin: 15px 0; }

.markdown hr {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
  border: 0 none;
  color: #cccccc;
  height: 4px;
  padding: 0;
}

.markdown  > h2:first-child {
  margin-top: 0;
  padding-top: 0; }
.markdown > h1:first-child {
  margin-top: 0;
  padding-top: 0; }
  .markdown  > h1:first-child + h2 {
    margin-top: 0;
    padding-top: 0; }
.markdown  > h3:first-child, .markdown > h4:first-child, .markdown > h5:first-child, .markdown > h6:first-child {
  margin-top: 0;
  padding-top: 0; }

.markdown a:first-child h1, .markdown a:first-child h2, .markdown a:first-child h3, .markdown a:first-child h4, .markdown a:first-child h5, .markdown a:first-child h6 {
  margin-top: 0;
  padding-top: 0; }

.markdown h1 p, .markdown h2 p, .markdown h3 p, .markdown h4 p, .markdown h5 p, .markdown h6 p {
  margin-top: 0; }

.markdown li p.first {
  display: inline-block; }
.markdown li {
  margin: 0; }
.markdown ul, .markdown ol {
  padding-left: 30px; }

.markdown ul :first-child, .markdown ol :first-child {
  margin-top: 0; }

.markdown dl {
  padding: 0; }
  .markdown dl dt {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: 0;
    margin: 15px 0 5px; }
    .markdown dl dt:first-child {
      padding: 0; }
    .markdown dl dt > :first-child {
      margin-top: 0; }
    .markdown dl dt > :last-child {
      margin-bottom: 0; }
  .markdown dl dd {
    margin: 0 0 15px;
    padding: 0 15px; }
    .markdown dl dd > :first-child {
      margin-top: 0; }
    .markdown dl dd > :last-child {
      margin-bottom: 0; }

.markdown blockquote {
  border-left: 4px solid #dddddd;
  padding: 0 15px;
  color: #777777; }
  .markdown blockquote > :first-child {
    margin-top: 0; }
  .markdown blockquote > :last-child {
    margin-bottom: 0; }

.markdown table {
  padding: 0;border-collapse: collapse; }
  .markdown table tr {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0; }
    .markdown table tr:nth-child(2n) {
      background-color: #f8f8f8; }
    .markdown table tr th {
      font-weight: bold;
      border: 1px solid #cccccc;
      margin: 0;
      padding: 6px 13px; }
    .markdown table tr td {
      border: 1px solid #cccccc;
      margin: 0;
      padding: 6px 13px; }
    .markdown table tr th :first-child, table tr td :first-child {
      margin-top: 0; }
    .markdown table tr th :last-child, table tr td :last-child {
      margin-bottom: 0; }

.markdown img {
  max-width: 100%; }

.markdown span.frame {
  display: block;
  overflow: hidden; }
  .markdown span.frame > span {
    border: 1px solid #dddddd;
    display: block;
    float: left;
    overflow: hidden;
    margin: 13px 0 0;
    padding: 7px;
    width: auto; }
  .markdown span.frame span img {
    display: block;
    float: left; }
  .markdown span.frame span span {
    clear: both;
    color: #333333;
    display: block;
    padding: 5px 0 0; }
.markdown span.align-center {
  display: block;
  overflow: hidden;
  clear: both; }
  .markdown span.align-center > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: center; }
  .markdown span.align-center span img {
    margin: 0 auto;
    text-align: center; }
.markdown span.align-right {
  display: block;
  overflow: hidden;
  clear: both; }
  .markdown span.align-right > span {
    display: block;
    overflow: hidden;
    margin: 13px 0 0;
    text-align: right; }
  .markdown span.align-right span img {
    margin: 0;
    text-align: right; }
.markdown span.float-left {
  display: block;
  margin-right: 13px;
  overflow: hidden;
  float: left; }
  .markdown span.float-left span {
    margin: 13px 0 0; }
.markdown span.float-right {
  display: block;
  margin-left: 13px;
  overflow: hidden;
  float: right; }
  .markdown span.float-right > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: right; }

.markdown code, tt {
  margin: 0 2px;
  padding: 0 5px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px; }

.markdown pre code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent; }

.markdown .highlight pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }

.markdown pre {
  background-color: #EEE;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }
  pre code, pre tt {
    background-color: transparent;
    border: none; }

.markdown sup {
    font-size: 0.83em;
    vertical-align: super;
    line-height: 0;
}
/* Login */
body {
  background-color: #F3F3F3;
}
.responsive {
  display: flex;
  height: 100%;
}
.shadow {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

#flagSelected {
  margin-right: 15px;
}
.language-selected {
  padding-left: 10px;
  padding-top: 5px;
}
.language-menu {
  position: absolute;
  width: 100%;
  display: none;
  flex-direction: column;
  padding: 0;
  list-style-type: none;
  margin-bottom: auto;
}
.language-menu li a {
  display: flex;
  padding: 15px 0;
  justify-content: space-evenly;
}
.language-menu li a img{
  margin-right: 10px;
}
.language-menu li:hover {
  background: #F6F8FD;
}
.language-menu li{
  height: 63px;
  background: #FFFFFF;
}

.choose-language {
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.875px;
  list-style-type: none;
  margin-top: 4%;
  margin-right: 5%;
  margin-left: auto;
}

.language {
  display: flex;
  flex-direction: row;
  width: 120px;
  justify-content: space-between;
  padding: 15px 0px 15px 15px;
}

.login-sidebar {
  position: absolute;
  width: 35%;
}

.sidebar {
  width: -webkit-fill-available;
}

.background-sidebar{
  position: relative;
  height: -webkit-fill-available;
  width: 100%;
}

.logo-login-page {
  position: absolute;
  width: 80%;
  top: 5%;
  left: 6%;
}

.car {
  position: absolute;
  width: 50%;
  margin-top: calc(30% + 50px);
  left: 20%;
}

.error {
  display: flex;
  position: relative;
  color: #F02A75;
  font-size: medium;
}

.error-field {
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #F02A75;
  background: #FDE7F0;
  border: 1px solid #F02A75;
  box-sizing: border-box;
  border-radius: 3px;
  letter-spacing: 1px;
  margin: 2% 0%;
  padding: 2%;
}
  
.header-login {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  color: black;
}

.rotate{
    transform: rotate(0deg);
    transition: transform 0.25s linear;
}
.rotate.open{
  transform: rotate(-180deg);
  transition: transform 0.25s linear;
}

.main-content {
  width: 65%;
  position: relative;
  margin-left: 35%;
}
  
.content {
  width: 50%;
  display: flex;
  flex-direction: column;
  margin: 5% 10% 0% 17%;
  color: black;
}

.content h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
}
.input, .button {
  height: 35px;
}
.input, .content button {
  width: 100%;
  margin: 2% 0%;
}
  
.input {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  background: #FFFFFF;
  border: 1px solid #C8D0EB;
  box-sizing: border-box;
  border-radius: 3px;
  letter-spacing: 1px;
  color: black;
}

.input::placeholder {
  font-style: italic;
}

.login-basic-button {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  border-radius: 3px;
  padding: 1%;
}
.button-blue {
  background: #1C2D6A;
  color: white;
}

.button-whitesmoke {
  background: #F6F8FD;
  border: 1px solid #C8D0EB;
  box-sizing: border-box;
  color: #111B42;
}
  
.password {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;

  position: relative;
  text-align: center;
  text-decoration-line: underline;
  color: #000000;
}
  
.login-title {
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: calc(2.7vw + 10px);
  line-height: calc(2.7vw + 15px);
  color: #000000;
  letter-spacing: 2px;
  margin: 5% 10% 0% 17%;
}

.login-help {
    color:#FFF;
    margin-top:20px;
    font-size:16px;
}

.login-page .login-header {
    padding:70px;
}

.login-page .login-content {
    width:650px;
}

.hiflow-about {
    color: #FFF !important;
    text-decoration: underline;
}

#password_forgotten {
    margin-bottom: 3%;
    cursor: pointer;
}

#password_forgotten:hover {
    opacity:1;
    text-decoration: underline;
}

#password_forgotten:active {
    position: relative;
    top:1px;
}

/* Modal lost password  */
#modal-lost-password .modal-body{
    background-color: #FCFCFC;

}

#modal-lost-password label{
    color: #666;
}
/*FORM*/

.form-add-icon{
    display: inline-block;
    color:#00a65a;
}

.form-add-icon .entypo-plus-circled:before{
    position: relative;
    top:3px;
}

.form-or-separator {
    position: relative;
    left: -25px;
    top: 4px;
}

.btn-transparent , .btn-default:hover{
    background-color: transparent;
}


.btn-transparent i{
    background-color: transparent !important;
    font-size: 16px !important;
}

.form-wizard > ul > li.active a{
    color:#1C2D6A;
}

.journey-help-right {
    position: absolute;
    left: auto;
}

.form-wizard span.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
}

.form-wizard .steps-progress .progress-indicator {
    background: #1C2D6A !important;
}

.form-wizard .steps-progress .progress-indicator {
    background: #1C2D6A !important;
}

.form-wizard > ul > li.completed a {
    color: #1C2D6A;
}

.form-wizard .tab-content{
    margin: 0;
    margin-top: 35px;
}

.form-wizard > ul > li.active a span {
    background: #fff;
    color: #1C2D6A;
    -moz-box-shadow: 0 0 0 5px #1C2D6A;
    -webkit-box-shadow: 0 0 0 5px #1C2D6A;
    box-shadow: 0 0 0 5px #1C2D6A;
}

#accordion-solution input[type="radio"]{
    float: left;
    display: block;
    margin-right: 1%;
    margin-top: 1rem;
}

#accordion-solution .panel-title a{
    float: left;
    width: 80%;
    margin-top: 1rem;
}

#accordion-solution .panel-title a span{
    float: right;
    margin-right: 10px;
}

#accordion-solution .panel-heading > .panel-title {
    padding: 0 0 0 1rem;
} 

#accordion-solution .panel-title span.price {
    background-color: #1C2D6A;
    color: #FFFFFF;
    padding: 1%;
    float: right;
    width: 14%;
    text-align: center;
    
    -moz-border-radius: 0.2em 0.2em;
    -webkit-border-radius: 0.2em 0.2em;
    -o-border-radius: 0.2em 0.2em;
    -ms-border-radius: 0.2em 0.2em;
    -khtml-border-radius: 0.2em 0.2em;
    border-radius:  0.2em 0.2em;
}

#accordion-solution div.accordion-active{
    background-color: #CDF5DE !important;
}

#accordion-solution div.panel-heading-selected {
    background-color: #A2EDBD !important;
}

#accordion-solution div.panel-heading{
    background-color: #E5E5E5;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#accordion-solution .panel-default{
    margin-bottom: 10px;
    border: 1px solid #ebebeb;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

#accordion-solution .panel-group .panel{
    border-radius: 3px;
}

#accordion-solution .panel-collapse{
    border: none;
    background-color: #FFF;
}
#accordion-solution .panel-body{
    border: none;
}

#rootwizard-journey-premium img {
    width: 80px;
    height: 80px;
}

#accordion-solution span.separater {
    position: relative;
    float: left;
    margin: 5px;
}

.truck-by-ex .price {
    background-color: #E5E5E5;
    padding: 10px;
    margin-top: -10px;

    float: right;
    margin-right: -130px;

    -moz-border-radius: 0.2em 0.2em;
    -webkit-border-radius: 0.2em 0.2em;
    -o-border-radius: 0.2em 0.2em;
    -ms-border-radius: 0.2em 0.2em;
    -khtml-border-radius: 0.2em 0.2em;
    border-radius:  0.2em 0.2em;
}

#rootwizard-journey-premium .pager li.next a, #rootwizard-journey-premium .pager li.finish a {
    background-color: #1C2D6A !important;
}
#rootwizard-journey-premium .pager li.finish a {
    margin-left: -30px;
}

.border-right {
    border-right-color: #ebebeb;
    border-right-style: solid;
    border-right-width: 1px;
}

.border-left {
    border-left-color: #ebebeb;
    border-left-style: solid;
    border-left-width: 1px;
}
.mb-10 {
    margin-bottom: 10px;
}

.ml-10 {
    margin-left: 10px;
}

img.recap-solution {
    width: 35px !important;
    height: 35px !important;
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.8);
    z-index:9999;
    display:none;
}

#cover-spin-absolute {
    position:absolute;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.8);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after, #cover-spin-absolute::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:80px;height:80px;
    border-style:solid;
    border-color:#00a65a;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/* country-select */
.country-select .iti__flag {
    margin-top: 10px;
}
.select2-results  .iti__flag, .country-select .iti__flag {
    width: 20px !important;
    height: 15px !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
    float: left;
    background-color: transparent;
    box-shadow: none;
}
.select2-results  .iti__flag.iti__none, .country-select .iti__flag.iti__none {
    background-color: #C8D0EB;
}
.select2-results  span.country-name, .country-select span.country-name {
    margin-left: 0 !important;
}
/* --- */

.btn-blue-light {
    background : #F6F8FD !important;
    border: 1px solid #C8D0EB !important;
    color:#111B42 !important;
    line-height:20px;
    text-align:left;
    margin-bottom:15px;
}

.btn-blue-light i {
    background-color: #C8D0EB !important;
}

.btn-blue-light:hover {
    background : #C8D0EB !important;;
    border-radius: 3px !important;
}

/* tally form */
.tally-overlay {
    justify-content: flex-end !important;
    align-items: flex-end !important;
    padding: 20px;
}

.tally-popup .emoji {
    pointer-events: none;
}
/* Pricing calculator modal */
#modal-pricing-calculator .modal-dialog {
    width:750px;
}

#modal-pricing-calculator .modal-body {
    background-color: #FAFAFA;
}

#modal-pricing-calculator .modal-body label {
    font-weight: bold;
}

#modal-pricing-calculator .modal-body .checkbox label {
    font-weight: normal;
}

#modal-pricing-calculator .popover {
    width: 418px;
    font-weight: normal;
    font-size: 12px;
    color: #010101;
}

#modal-pricing-calculator #handover_service {
    margin-top:10px;
}
#modal-pricing-calculator .checkbox .checked {
    background-color: #777;
}

#modal-pricing-calculator #pricing-calculator-table th {
    background-color: #E5E5E5;
    color:#666;
    font-weight: bold;
}

#modal-pricing-calculator .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px;
}

.offset11 {
    margin-left: 55%;
}

#modal-pricing-calculator #pricing-calculator-table {
    margin-top:10px;
}

#handover_container  {
    margin-top:-10px;
}

#extra-services-group-container{
    margin-top:-20px;
}

/* Hack to prevent chome auto fill */
#pc_start_label, #pc_end_label  {
    letter-spacing: -1.6px;
}

/* Brand extra services */
#modal-pricing-calculator .extra-service {
    margin-top: 5px;
}
.gray-background{
    background-color: #C8D0EB ;
}

.p3 {
    padding: 15px;
}
/* Station Add or Edit */

.station-add-edit .modal-body, .station-add-edit .panel {
    background-color: #FAFAFA;
}

.station-add-edit .modal-body label {
    font-weight: bold;
}

.station-add-edit .panel.minimal > .panel-heading > .panel-options > .nav-tabs > li.active a {
    background-color: #FFF;
    border-bottom-color: #FFF;
}

.station-add-edit .tab-pane {
    margin-top: 10px;
}

.station-add-edit .modal-body{
    padding-bottom: 1px;
}

.station-add-edit .time_select{
    display: inline-block;
}

#station_schedule {
    width:100%;
}

#station_schedule th {
    color:#666;
    text-align: center;
    border-bottom: 1px solid #EEE;
    padding-bottom:5px;
}

#station_schedule .sep {
    height:9px;
}

#station_schedule td {
    padding-top:10px;
}

#station_schedule td:first-child {
    font-weight: bold;
}

#bt-duplicate-schedule{
    cursor: pointer;
    text-decoration: underline;
}

#bt-duplicate-schedule:hover {
    text-decoration: none;
}

.gray-background{
    background-color: #C8D0EB !important;
}

#station-list-table-content{
    transform: rotateX(180deg);
    overflow-x: auto;
}

#station_list_table{
    transform: rotateX(180deg);
    background:white;
}
#station-list-table-content thead tr th{
    background-color: #C8D0EB!important;
}

#station-list-table-content thead tr th:hover{
    background-color: #1C2D6A!important;
    color:white !important;
}

#station-list-table-content  .table-striped>tbody>tr:nth-child(odd)>td, 
#station-list-table-content  .table-striped>tbody>tr:nth-child(odd)>th {
    background: #F6F8FD;
    border: 1px solid rgba(200, 208, 235, 0.5);
 }

 .bodyAdd {
    background: white;
    padding: 15px !important;
    box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);
 }

 .flexDirection {
     flex-direction: column;
 }
 .starContainer { 
    margin-left: 3px;
    cursor: pointer;
}
 .starContainer { 
    cursor: pointer;
}

table tr td .starContainer,
table tr td .star2Container {
    margin-bottom: -3px;
}


/* JOURNEY DETAILS */

div.total-price{
    padding-top: 10px;
}

.add-station.form-add-icon{
    top: -3px!important;
}

.panel-group.joined > .panel > .panel-heading{
    background-color: #fff;
    border-color: #ebebeb;
}

.remove-vehicle-btn{
    margin-top:2px;
    margin-right:2px;
}

ul#uploaded_files.files-list{
    padding: 10px 0px;
    margin: 0;
    list-style: none;
}

div#file_uploader_progress{
    margin: 10px 0px;
}
.journey-comment {
    margin-top: 10px;
}
#station_start_search-error,
#station_start_email-error, 
#station_start_phone-error, 
#station_end_search-error,
#station_end_email-error,
#station_end_phone-error,
#station_end_search-error{
    margin-top:15px;
}
body {
    font-family: 'Montserrat', sans-serif;
}

@media screen and (max-height: 750px) {
    .transfer__body {
        padding: 90px 60px 90px 60px;
    }
    .transfer__header, .transfer__footer {
        height: 65px !important;
    }
}

.transfer {
    max-width: 100%;
    overflow-x: hidden;
}

.transfer * {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    color: #000000;
    font-size: 12px;
}

.fa {
    font-family: FontAwesome;
}

.fa-lg {
    font-size: 20px;
}

.content-warning {
    color: var(--content-warning);
}


.transfer__body {
    width: 100%;
    margin: 0 auto;
    padding: 0 60px 90px 60px;
    position: relative;
}

.capitalize {
    text-transform: capitalize;
}

.step1 {
    background-color: #FFFFFF;
}

.transfer__header {
    z-index: 1;
    width: 100%;
    background: #FFFFFF;
    padding: 10px 0;
    height: 90px;
    padding-left: 62px;
    padding-right: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.transfer__header__container {
    display: flex;
    align-items: center;
}

.transfer__back-button {
    cursor: pointer;
}

.transfer__header--title {
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    line-height: 26px;
}

.transfer__header_step1--title {
    margin-left: 17px;
}

.transfer__header__section1 {
    padding-right: 61px;
}

.transfer__header__section1, .transfer__header__section2 {
    display: flex;
    align-items: center;
}

.transfer__header__section--blue-title {
    color: #1BA3EF;
    letter-spacing: 0.2px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    margin-left: 10px;
}

.transfer__header__section--grey-title {
    color: #000000;
    letter-spacing: 0.2px;
    font-size: 14px;
    line-height: 21px;
    margin-left: 10px;
    opacity: 0.3;
}

.transfer__header__section--black-title {
    color: #000000;
    letter-spacing: 0.2px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    margin-left: 10px;
}

.transfer__footer {
    bottom: 0px;
    width: 100%;
    position: fixed;
    background: #FFFFFF;
    padding: 10px 0;
    height: 80px;
    padding-left: 90px;
    padding-right: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select-transfer__header {
    display:flex; 
    padding-top: 32px; 
    flex-direction: row; 
    padding-left: 23px;
}

.select-transfer__header__step {
    display:flex; 
    flex: 1;
    align-items: center;
}

.select-transfer__header__step-padding {
    padding-left: 50px;
}

.select-transfer__header__step--img {
    margin-right: 9px;
    cursor: pointer;
}

.select-transfer__header__step--text {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px; 
    color: #FFFFFF;
}

.select-transfer__body {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 10px; 
    margin-top: 12px; 
    padding: 12px;
}

.select-transfer__footer {
    margin-top: 8px;
}

.select-transfer__body__location, .select-transfer__body__date {
    flex: 1;
    background: linear-gradient(0deg, #F1F8FF, #F1F8FF);
    border-radius: 6px;
    padding: 12px 16px 12px 16px;
}

.select-transfer__body__arrow {
    background-color: #FFFFFF;
    width: 28px;
    align-self: center;
    text-align: center;
}

.select-transfer__body__space {
    width: 12px;
    background: linear-gradient(0deg, #F1F8FF, #F1F8FF);
}

.select-transfer__body--title {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    padding-left: 8px;
}

.select-transfer__body--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select-transfer__body__input {
    background: #FFFFFF;
    border: 1px solid #92C8FF;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 45px;
    padding: 13px 24px 12px 24px;
    margin-top: 12px;
    cursor: pointer;
}

.select-transfer__body__input--disabled {
    background: #F9F9F9;
    border: 1px solid #D9D9D9;
    pointer-events:none;
}

.select-transfer__body__input--text {
    font-weight: 500;
    line-height: 16px;
    color: #000000;
}

.select-transfer__body__input--edit, .select-transfer__body_input--edit-contact {
    display: flex;
    justify-content: space-between;
    border: 1px solid #CED4DA;
    padding: 12px 20px 12px 24px;
}

.select-transfer__body__locations, .select-transfer__body__dates, .select-transfer__body__details {
    display: flex;
    flex: 1;
}

.select-transfer__body__details--margin {
    flex: 1;
    margin-right: -45px;
}

.select-transfer__body__details--container {
    flex: 1;
    min-height: 284px;
    padding-bottom: 12px;
    border-radius: 6px; 
    background: linear-gradient(0deg, #F1F8FF, #F1F8FF); 
}

.select-transfer__body__details--1 {
    padding: 12px 16px 12px 16px;
}

.select-transfer__body__separator {
    display: flex;
    flex: 1;
    background: #E0E0E0;
    margin: 15px 0px 15px 0px;
    height: 1px;
}

.select-transfer__body__separator--2 {
    justify-content: center;
}

.select-transfer__body__vehicle, .select-transfer__body__extra-service {
    flex: 1;
    padding: 12px 16px 0px 16px;
}

.select-transfer__body__extra-service--2 {
    padding: 12px 0px 12px 0px;
}

.select-transfer__body__detail {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 5px;
    height: 86px;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-top: 12px;
    cursor: pointer;
    text-align: center;
    flex: 1;
}

.select-transfer__body__detail--img {
    margin-right: 10px;
}

.select-transfer__body__detail--text {
    font-weight: 500;
    line-height: 22px;
    color: #1BA3EF;
}

.no-display {
    display: none;
}

.flex {
    display: flex;
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}
.flex-0-4 {
    flex: 0.4;
}
.full-fill {
    width: 100%;
}

.alignCenter {
    justify-content: center;
}

.self-center {
    align-self: center;
}

.imagePlus {
    margin: 28px;
    align-self: center;
    background: white;
    -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1), 0px 6px 10px rgba(0, 0, 0, 0.1); 
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1), 0px 6px 10px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 16px;
    cursor: pointer;
    z-index: 1;
}
.text-blue {
    color: #1BA3EF;
}
.text-grey {
    color: #9B9B9B;
}

.mission-summary {
    display: contents;
}
.transfer-summary__body__recap {
    display: flex;
    align-items: stretch;
}

.transfer-summary__body__recap, .vehicles-summary__main-bloc, .transfer-summary__body__billings-entities {
    position: relative;
    background: #FFFFFF;
    border-radius: 8px;
    margin-top: 16px;
}

.transfer-summary__body__step {
    margin: 24px 32px;
}

.transfer-summary__body__step-title {
    border: 1px solid #C5EAFF;
    border-radius: 7px;
    padding: 2px 4px 2px 4px;
    width: 80px;
    color: #1BA3EF;
    font-size: 10px;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
}

.transfer-summary__body__step--menu, .vehicles-summary__bloc__vehicle-summary-unit--menu {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px 20px 0 0;
    background-color: transparent;
    border: none;
    border-radius: 8px;
}

.transfer-summary__body__address-info {
    font-size: 13px;
    font-weight: 600;
    margin: 6px 0px;
}

.transfer-summary__body__proposal-solution-bloc {
    margin: 16px 0;
}

.transfer-summary__body__proposal-solution-unit {
    background: #FFFFFF;
    filter: opacity(0.6);
    border-radius: 8px;
    margin: 0 8px;
    padding: 16px 24px;
    min-height: 108px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.transfer-summary__body__proposal-solution-unit--not-selected {
    filter: opacity(0.8)
}
.transfer-summary__body__proposal-solution-unit--selected {
    filter: opacity(1);
    cursor: default;
}

.transfer-summary__body__proposal-solution-unit--title {
    font-weight: 600;
    font-size: 1.33em;
    line-height: 26px;
}

.transfer-summary__body__proposal-solution-unit--options {
    line-height: 16px;
}

.direction-column {
    flex-direction: column;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    align-items: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.display-table {
    display: table;
}

.transfer-summary__body__proposal-solution-unit--more-details {
    line-height: 22px;
}

.transfer-summary__body__proposal-solution-unit--second-bloc {
    display: flex;
    margin-top: 4px;
    justify-content: space-between;
}

.transfer-summary__body__proposal-solution-unit--second-bloc--left-part {
    font-size: 10px;
}

.transfer-summary__body_proposal-solution-unit--info-co2 {
    display: flex;
    margin-left: 13px;
}

.transfer-summary__body__proposal-solution-unit--tag, .select-transfer__body--tag {
    border-radius: 3px;
    font-weight: bold;
    font-size: 9px;
    padding: 4px 8px 4px 8px;
    margin: 4px;
    color: #FFFFFF;
}

.select-transfer__body--discount_a-r--tag {
    background: linear-gradient(212.92deg, #1BB1E5 7.38%, #3B7AE9 88.03%);
}
.transfer-summary__proposal-solution-unit--quote-tag, .select-transfer__body--dates-tag {
    background: #FC9800;
}

.transfer-summary__proposal-solution-unit--error-tag {
    background: #ff0000;
}

.transfer-summary__proposal-solution-unit--blocked-tag {
    background: #636363;
}

.transfer-summary__body__proposal-solution-unit--price {
    font-weight: 600;
    font-size: 20px;
}

.transfer-summary__body__proposal-solution-loader {
    border-radius: 8px;
    margin: 0 8px;
}

.transfer-summary__body__info-bloc {
    margin-top: 16px;
    padding: 24px 32px;
    background: #FFF0B9;
    border-radius: 8px;
}

.transfer-summary__body__info-text {
    line-height: 20px;
}

.popover {
    display: flex;
    padding: 16px;
    width: 350px;
    background: #FFFFFF;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.3));
    border: none;
    border-radius: 16px;
}

.transfer-summary__body__proposal-solution-unit--loader {
    overflow: hidden;
    border-radius: 8px;
    margin-top: 10px;
}

.transfer-summary__body__proposal-solution-unit--loading_bar {
    padding: 8px;
    font-size: 1.33em;
}

.transfer-summary__body__proposal-solution-unit--loading_bar.loading {
    border-radius: 8px;
    margin: 15px 26px;
}

.loading {
    position: relative;
    background: #cccccc;
}

.loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100px);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    animation: loading 0.8s infinite;
}

@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}


/* overwrite style for custom select2 in modal */
.custom-modal .select2-arrow b:before, .select-bloc-custom .select2-arrow b:before {
    position: relative;
    font-family: 'Entypo';
    content: '\25BE'!important;
    display: block;
    color: #000000;
    line-height: 45px;
    background: #FFFFFF;
    font-size: 18px;
}
.custom-modal .select2-arrow, .select-bloc-custom .select2-arrow {
    border-left: 1px solid #ebebeb;
    width: 30px!important;
    text-align: left;
    border-left: none!important;
    background-image: none;
}
.custom-modal .select2-container .select2-choice, .select-bloc-custom .select2-container .select2-choice {
    height: 45px;
    line-height: 45px;
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    padding-left: 23px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-modal .select2-chosen, .select-bloc-custom .select2-chosen, .test {
    font-size: 12px;
}

.custom-modal .ui-label {
    display: none;
}

.custom-modal .slider {
    width: 320px;
    height: 3px;
    background: #7DD0FF;
    margin-bottom: 8px;
}

.custom-modal .slider-right {
    background: #EBEBEB;
}

.custom-modal .custom-slider-range {
    background: #EBEBEB;
}

.custom-modal .custom-slider-range > .ui-slider-range {
    background: #7DD0FF;
}

.custom-modal .ui-slider-range-min {
    background: #EBEBEB;
}

.custom-modal .slider-right .ui-slider-range-min {
    background: #7DD0FF;
}

.custom-modal .ui-slider-handle {
    background: #7DD0FF;
    width: 22px;
    height: 22px;
    margin-top: -9px;
}

.ui-slider-range--text {
    font-size: 11px; 
    line-height: 18px; 
    color: #000000; 
    opacity: 0.5;
}

.custom-modal .disabledContent, .disabledInput {
    pointer-events: none;
    opacity: 0.4;
}

.ui-datepicker-inline {
    display: none!important;
}

.date-modal--title, .billing-entity--title, .vehicle-modal__header--title {
    font-weight: 600;
    font-size: 1.33em; 
    line-height: 26px;
}

.billing-entity--input {
    width: 297px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 12px 24px;
}

.date-modal-header--close, .vehicle-modal-header--close {
    font-weight: 500; 
    font-size: 12px; 
    line-height: 22px; 
    color: #1BA3EF; 
    padding-left: 45px; 
    cursor: pointer; 
}

.vehicleCountrySearch {
    height: 45px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    margin-top: 20px;

}

.vehicleCountrySearchInput {
    width: 256px;
    padding-left: 15px;
    font-size: 12px;
    border: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 0px solid #d9d9d9;
    border-bottom: 0px solid #d9d9d9;
    border-left: 0px solid #d9d9d9;
}

.registrationText {
    background: #FFF1D9;
    color: #F5A623;
    padding: 15px;
    border-radius: 5px;
    font-size: 11px;
    line-height: 14px;
    margin-top: 15px;
}

.truckText {
    color: #F5A623 !important;
}

.info-pop {
    margin-right: 10px;
}

.vehicleAction {
    align-items: center;
    justify-content: center;
    width: 50px;
}

.vehicleNotFound {
    border: 1px solid #D9D9D9;
    border-top: 0px solid #d9d9d9;
    box-sizing: border-box;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    text-align: center;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.vehicleNotFound--text {
    font-weight: 500;
    color: #1BA3EF;
    font-size: 12px;
}

.custom-modal .vehicleCountrySearch .select2-choice {
    padding-left: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-left: 0px;
    border-top: 0px;
    height: 44px;
}

.custom-modal .vehicleCountrySearch .select2-arrow {
    width: 20px!important;
}

.custom-modal .vehicleCountrySearch .select2-container .select2-choice > .select2-chosen {
    width: 30px!important;
}


.transfer-summary__body__vehicle {
    margin-top: 16px;
}

.transfer-files__files-uploaded {
    border-radius: 50px;
    margin: 5px 0px 0 0;
    max-width: fit-content;
    background: #F4F6FB;
    padding: 4px 8px;
    gap: 4px;
}

.transfer-files__files-uploaded-variant {
    background: var(--content-white);
    padding: 8px 16px;
    border-radius: 8px;
    gap: 8px;
    margin-right: 5px;
    margin-top: 5px;
}

.transfer-files__files-uploaded-variant .t1 {
    color: var(--content-black-primary);
}

.transfer-files__files-uploaded-variant .t2 {
    color: var(--content-grey-tertiary);
}

.transfer-files__files-uploaded-variant img {
    cursor: pointer;
}

.vehicles-summary__main-bloc {
    margin-top: 16px;
    padding: 16px 16px;
}

.vehicles-summary__main-bloc--title {
    margin-bottom: 4px;
    font-weight: 600;
}

.vehicles-summary__bloc__vehicle-summary-unit {
    position: relative;
    background: white;
    border: 1px solid #92C8FF;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 8px 8px 0;
    padding: 11px 16px;
}

.vehicles-summary__bloc__vehicle-summary-unit--icon {
    margin-right: 16px;
}
.vehicles-summary__bloc__vehicle-summary-unit--menu__private-driver {
    position: absolute !important;
    padding: 16px 16px 0 0 !important;
}
.vehicles-summary__bloc__vehicle-summary-unit--menu {
    position: relative;
    padding: 15px 15px 15px 0px;
    cursor: pointer;
}

.vehicles-summary__input {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 12px 24px;
    background: white;;
}

.vehicles-summary__input.folder-number {
    width: 100%;

}

.folder-number input{
    border: none;
    width: 100%;
}

.container_same_number, .container_same_name {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.vehicles-summary__input.vehicles-summary__input--comment {
    background: white;
}

.vehicles-summary__input--comment textarea {
    border: none;
    resize: none;
    width: 100%;
}
.vehicles-summary__input--comment textarea:focus-visible {
    outline: none;
}

.vehicles-summary__drop-attachments {
    display: flex;
    align-items: center;
    border: 1px dashed #92C8FF;
    padding: 24px;
    border-radius: 5px;
}

.vehicles-summary__drop-attachments--paper-clip {
    margin-right: 3px;
}

.vehicles-summary__drop-attachments--drag-attachment {
    margin: 0 8px
}

.vehicles-summary__drop-attachments--browse-attachment {
    color: #1BA3EF;
    margin-bottom: 0;
    cursor: pointer;
}

.vehicles-summary__label__guarantee-pro-driver {
    margin-bottom: 18px;
}
.vehicles-summary__label__guarantee-pro-driver--checkbox {
    margin-right: 10px;
}
.vehicles-summary__label__guarantee-pro-driver--text {
    margin-right: 12px;
    width: 80%;
}
.vehicles-summary__label__guarantee-pro-driver--checkbox__input {
    transform: scale(1.5);
}

.vehicles-summary__hr--vehicle-separator {
    border: 1px dashed #AAABAC;
}
.opacity6 {
    opacity: 0.6;
}
.opacity7 {
    opacity: 0.7;
}
.opacity1 {
    opacity: 1 !important;
}
.vehicles-summary__prestataries--text {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin: 12px 0;
}
.vehicles-summary__prestataries-discount-price {
    font-weight: 500;
    text-decoration: line-through;
}
.vehicles-summary__prestataries-price {
    font-weight: 700;
}
.vehicles-summary__label--choice-prestataries {
    padding: 12px 8px;
    align-items: flex-start;
    border-radius: 2px;
    border: 1px solid #D9D9D9;
    background-color: #FBFBFB;
    border-radius: 5px;
}
.vehicles-suumary__label--choice-prestataries input {
    margin: 0 16px 0 4px;
}
.vehicles-summary__choice-prestataries--space-element-inside {
    margin: 0 8px !important;
}
.vehicles-summary__label--choice-prestataries input[type=radio] {
    display: none;
}
.vehicles-summary__label--choice-prestataries input[type=radio] ~ .check {
    border: 1px solid #AAABAC;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
}
.vehicles-summary__label--choice-prestataries input[type=radio]:checked ~ .check {
    border: 1px solid #1BA3EF;
}
.vehicles-summary__label--choice-prestataries input[type=radio]:checked ~ .check div {
    height: 12px !important;
    width: 12px !important;
    background: linear-gradient(0deg, #1BA3EF, #1BA3EF), #FFFFFF;
    border-radius: 3px;
}
.vehicles-summary__no-solution--bloc-message {
    margin-bottom: 12px;
}
.vehicles-summary__no-solution--message {
    display: grid;
    margin: 0 16px;
}
.fs-14_fw-600 {
    font-size:14px;
    font-weight: 600;
}
.fw-600 {
    font-weight: 600;
}
.fw-400 {
    font-weight: 400;
}
.billing-entities__bloc {
    padding: 24px 32px;
}

.m-auto {
    margin: auto;
}

.mt-16 {
    margin-top: 16px;
}
.mt-12 {
    margin-top: 12px;
}
.mt-8 {
    margin-top: 8px;
}
.mt-5 {
    margin-top: 5px;
}
.mt-4 {
    margin-top: 4px;
}

.mb-16 {
    margin-bottom: 16px;
}
.mb-12 {
    margin-bottom: 12px;
}
.mb-8 {
    margin-bottom: 8px;
}
.mb-4 {
    margin-bottom: 4px;
}

.mr-48 {
    margin-right: 48px;
}
.mr-20 {
    margin-right: 20px;
}
.mr-16 {
    margin-right: 16px;
}
.mr-13 {
    margin-right: 13px;
}
.mr-8 {
    margin-right: 8px;
}

.ml-16 {
    margin-left: 16px;
}
.ml-13 {
    margin-left: 13px;
}
.ml-12 {
    margin-left: 12px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-4 {
    margin-left: 4px;
}
.ml--40 {
    margin-left: -40px;
}

.m-rl-auto {
    margin-right: auto;
    margin-left: auto;
}
.m-rl-8 {
    margin-right: 8px;
    margin-left: 8px;
}

.pr-5 {
    padding-right: 5px;
}

.transfer-summary__link {
    color: #1BA3EF;
}

.radio-button__border--grey {
    border: 1px solid #D9D9D9;
}

.radio-button__border--blue {
    border: 1px solid #1BA3EF;
}

.customer-satisfaction__bloc {
    padding: 32px;
    justify-content: space-between;
    border-radius: 6px;
    align-items: baseline;
}

.customer-satisfaction__bloc--information-creation {
    background: #F1F8FF;
}

.customer-satisfaction__bloc--information-error {
    background: #FDE7F0;
    color: #F02A75;
}

.space-between {
    justify-content: space-between;
}

.title-font-size {
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
}

.title-font-size--S {
    font-size: 13px;
    line-height: 1.69;
}

.emoji_10 {
    height: 20px;
}

.visibility_hidden {
    visibility: hidden;
}

.visibility_hidden_forced {
    visibility: visible !important;
}

.customer-satisfaction__textarea-bloc {
    min-height: 105px;
    background-color: #FFFFFF;
    margin-left: 0 !important;
}

.customer-satisfaction__textarea {
    min-height: inherit;
}

.customer-satisfaction__ratting {
    margin: 20px 0 10px 0;
}

.customer-satisfaction__img--spinner {
    width: 40px;
    height: 40px;
    animation: spin 0.8s linear infinite;
}

.vehicles-summary__input--seat {
    width: 160px;
    height: 45px;
    margin-top: 5px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 10px 20px;
}

.transfer__cursor--pointer {
    cursor: pointer;
}

.select-bloc-custom {
    margin-top: 8px;
}

.dropzone:hover {
    cursor: pointer;
    background: #F4FBFF;
}

.vehicle-summary__label--input-file {
    width: 100%;
    background: white;
}
.vehicle-summary__msg--error-upload {
    color: #ff0000;
    padding-top: 5px;
    padding-left: 5px;
}

.transfer-files__files-uploaded img:hover {
    cursor: pointer;
}

.transfer-files__background--blue {
    background: #F4FBFF;
}

.error-message-comment {
    padding-left: 10px;
}
.error-message {
    font-size: 12px;
    padding-top: 8px;
}
.error-message div {
    color: #F02A75;
    font-weight: 500;
}

.error-input {
    background-color: #ffc0cb !important;
}

.error-input-border {
    border:solid 1px #ff0000 !important;
    background-color: #ffc0cb !important;
    border-radius: 5px;
}

.error-input--select, .error-input--select:before {
    background-color: #ffc0cb !important;
}

.copyAddress{
    position: absolute;
    right: 15px;
    top: 10px;
    color: rgba(27, 163, 239, 1);
    cursor: pointer;
    font-size: 12px;
}

.copyVehicle {
    color: rgba(27, 163, 239, 1);
    cursor: pointer;
    font-size: 12px;
}

.show-vehicle__bloc__info {
    margin: auto auto auto 16px;
}

.validation-step1__error {
    flex-direction: column;
    padding-top: 10px;
    padding-left: 5px;
    list-style: none;
}

.validation-step1__error li {
    color: #ff0000;
}

.validation__input__error {
    border-color: #F02A75 !important;
    border-radius: 5px;
    background-color: #FDE7F0 !important;
}


.re-invoice-customer div:hover, .re-invoice-customer-selected {
    background-color: #F6F8FD!important;
    cursor: pointer;
    outline: none;
	border-color: #1BA3EF !important;
}

.re-invoice-customer div:first-child {
    border-radius: 5px 0 0 5px;
}

.re-invoice-customer div:last-child {
    border-radius: 0 5px 5px 0;
}

.re-invoice-customer div {
    border: solid 1px #D9D9D9;
    padding: 13px 0px;
    background: #FFFFFF;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
}

.re-invoice-customer-not-selected {
	opacity: 0.5;
}

.help_transfer {
    text-decoration: underline;
    cursor: pointer;
    color: #9B9B9B;
}

.button_container_feedback {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.close_feedback {
    margin-left: auto; 
    margin-right: 0;
}

.truck__informations-condition--info-text {
	color: #F5A623;
    font-size: 11px;
}
.truck__informations-condition--info-text__underline {
    text-decoration: underline;
}

.containerBillingAgency {
    padding: 10px 25px 10px 25px;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    color: rgba(0,0,0,0.5);
}

#agency-select {
    width: 100%;
}

.containerBillingAgency:hover {
    border-color: rgba(27,163,239, 0.5)
}

.cBA1 {
    border-radius: 5px 0px 0px 5px;
}

.cBA2 {
    margin-left: -1px;
    margin-right: -1px;
}

.cBA3 {
    border-radius: 0px 5px 5px 0px;
}

.selectedAgency {
    border-color: #1ba3ef;
    color: black;
}

.pos-abs-icon {
    position: absolute;
    right: 15px;
}

.background-detail-page2{
    background: #F1F8FF;
    border-radius: 5px;
}

.bgdp2-spacing{
    padding: 15px;
    margin-right: 10px;
    margin-left: 10px;
}


.title-detail{
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
}

.p-left-5 {
    padding-left: 5px !important;
}

.p-top-4 {
    padding-top: 4px !important;
}

.m-right-15 {
    margin-right: 15px;
}

.iconPopoverSize {
    height: 16px;
    margin-top: 16px;
}

.blocked-icon {
    height: 10px;
    margin-bottom: 4px;
}

.white-blocked {
    color: white;
}

.warning-modify-in-detail {
    background: #FFF1D9;
    padding: 15px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 15px;
    color: #F5A623;
}

.vehicle-logo {
    writing-mode: vertical-rl;
    width: -webkit-fill-available;
}

.servicesRelated {
    margin: auto 10px auto 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
}

.verticalAlignMargin {
    margin: auto 0 auto 0;
}

.popoverTitleServiceDriver {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
}

.overflowHidden{
    overflow: hidden
}

.dropZoneContainer {
    padding: 19px;
    border: 1px #92C8FF dashed;
    border-radius: 5px;
}

.bannerWarningFile {
    background: var(--negative-background);
    padding: 16px;
    border-radius: 8px;
}

.modal-H {
    padding: 30px 30px;
    border-bottom: 1px solid #D9D9D9;
}

.modal-H-small {
    padding: 15px 30px;
    border-bottom: 1px solid #D9D9D9;
}

.modal-title-h {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    color: black;
}

.modal-B { 
    padding: 30px 30px 0px 30px;
}

.modal-F {
    padding: 10px 30px 30px 30px;
}

.close {
    opacity: 1;
}

#modal-add-files .modal-dialog {
    width: 740px;
}

.duplicate-modal--content {
    padding: 32px;
    background: var(--accent-background);
    border-radius: 3px;
}

#see_duplicate_details a,
#send_duplicate_modal a {
    width: 100%;
}

.containerTransferInfos{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.containerCarExtraService {
    padding: 15px;
    background: var(--background-extra-option);
    border-radius: var(--border-radius-rounded-small);
    height: 100%;
}

.multipleContainerTransferInfos{
    display: flex;
    gap: 8px;
    padding: 0px 15px 15px 15px;
}

.textIconModify {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--content-white);
    font: var(--typography-body2-text-medium);
    margin-left: 8px;
    margin-right: 16px;
}

.recapTextPage2 {
    font: var(--typography-heading-3);
    color: var(--content-white);
}

.deleteModalEssentialDoc {
    color: var(--content-accent);
    cursor: pointer;
    font-size: var(--font-size-body1);
}

.radioEssentialDoc {
    padding: 15px;
    width: 100%;
    background-color: var(--background-white);
    border: 1px solid var(--border-disabled);
    font: var(--typography-body2-text-medium);
    text-align: center;
    cursor: pointer;
}

.leftRadioEssentialDoc {
    border-radius: var(--border-radius-rounded-small) 0px 0px var(--border-radius-rounded-small);
}

.rightRadioEssentialDoc {
    border-radius: 0px var(--border-radius-rounded-small) var(--border-radius-rounded-small) 0px;
    margin-left: -1px;
}

.centerRadioEssentialDoc {
    border-radius: 0px;
    margin-left: -1px;
}

.reasonDocumentSelected {
    border-color: var(--content-accent);
    background-color: var(--background-lavender-extra-light);
    z-index: 2;
}

.btnDisableEssentialDoc {
    background-color: var(--background-lavender-extra-light) !important;
    color: var(--content-grey-tertiary) !important;
    border-color: var(--border-disabled) !important;
    cursor: not-allowed !important;
}

.sk-fading-circle {
    margin: 0 125px;
    width: 30px;
    height: 30px;
    position: relative;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}

.containerStat {
    background: white;
    border: 1px solid #C8D0EB;
    box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2);
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.faAbsolute {
    position: absolute;
    right: 12px;
    bottom: -18px;
    font-size: 80px;
    color: rgba(155, 155, 155, 0.3);
}

.entypoAbsolute {
    position: absolute;
    bottom: -43px;
    font-size: 80px;
    right: -10px;
    color: rgba(155, 155, 155, 0.3);
}

.bg-white { 
    background: white;
}

.toolsBar {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    margin-top: 25px;
}

.titlePage { 
    margin-left: 30px;
    margin-bottom: 15px;
    margin-top: 40px;
}

.amountStat {
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0px;
    color: #1C2D6A;
}

.textStat { 
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    color: #000000;
}

.chartStats {
    margin: 30px;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
}

.subTextStat { 
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(0,0,0,0.75);
    width: 70%;
}

.flex {
    display: flex;
}

.p-15 {
    padding: 15px;
}

.m-15 {
    margin: 0px 15px;
}

.onCar {
    position: relative;
    z-index: 1;
}

/* Spinner */

.containerSpinner{
    display: none;
}

.spinnerStat {
    border: 16px solid rgba(28, 45, 106, 1);
    border-radius: 50%;
    border-top: 16px solid rgba(69, 105, 234, 1);
    width: 80px;
    height: 80px;
    margin: auto;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin-top: 15px;
  }

  .spinnerMargin {
    margin-top: 20%;
  }
  
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
.fix-position {
    top: 3px;
}
/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

 .upload-zone {
    background-color: #FFF;
    border-radius:3px;
 }

.fileinput-button {
  margin-top:10px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

.progress{
    height:15px;
    background-color:#F3F3F3;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}

.upload-zone .progress{
    margin-bottom: 12px;
}

.files-list {
    padding:0;
    margin:0;
    list-style: none;
}

.files-list li {
    padding: 5px 10px;
    background-color: #F3F3F3;
    color: #333;
    font-weight: 700;
    margin-top:10px;
    position: relative;
    cursor: default;
    border-radius: 3px;
}

.files-list li:first-child {
    margin-top:0px;
}

.files-list li.error {
    background-color: #F55656;
    color: #FFF;
}

.files-list li .filename:before {
    font-family: "entypo";
    content: "\e823";
    margin-right: 5px;
}

.files-list li .filename {
    cursor: pointer;
}


.files-list li .delete-file {
    float: right;
    padding:0 5px 1px 6px;
    position: relative;
    left:5px;
    cursor: pointer;
    border-radius: 50px;
}

.files-list li .delete-file:hover {
    background-color: #FFF;
}

.files-list li:active {
   top:1px; 
}
.panel-options > a .entypo-cancel{
    
    font-size:2em;
    margin: -5px !important;
}

#flashInfoBlock{
    margin-top: 30px;
    margin-left: 15px;
    margin-bottom: -15px;
    margin-right: 15px;
}

.btn-send-feedback, .btn-send-feedback:hover {
    background: #1C2D6A;
    border-radius: 5px;
    color: white;
    padding-left: 0px;
    padding-right: 25px;
    margin-top: 8px;
    width: 175px;
}

.btn-send-feedback.btn-icon i {
    background-color: #111B42;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
}

#lang-dropdown{
    margin-top:8px;
    border: none;
}
#filter_by_acriss_id, #filter_by_station_id, #filter_by_department_id{
    display: inline-flex;
}

#filter_station_id, #filter_department_id{
    display: none;
}

.label-acriss-commercial_small {
    background-color: #ec5956 !important;
}
.label-acriss-commercial_large {
    background-color: #21a9e1 !important;
}
.label-acriss-particular {
    background-color: #00a651 !important;
}

.tag-wide li.select2-search-choice{
    background-color: #ebebeb !important;
    color: #000 !important;
}

.tab-content-edit{
    background: white;
    padding: 15px !important;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.actionF{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.mr15{
    margin-right: 15px;
}
#client-bills .panel-primary, #expedicar-bills .panel-primary{
    border-color: transparent !important;
}

/* Journey service filter */
#client-bills #filter_by_carrier{
    display: inline-block;
    margin-right: 20px;
}

#client-bills  #filter_by_carrier .select2-container {
    display: inline-block !important;
}

/* Journey service filter */
#client-bills .billing-datepicker{
    display: inline-block !important;
    margin-right: 20px;
    width:400px !important;
}

#client-bills .download-csv{
    display: inline-block !important;
    float: right;
    margin-right: 60px;
}
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-text-gray: #999;
  --iti-border-gray: #ccc;
  --iti-spacer-horizontal: 8px;
  --iti__flag-height: 15px;
  --iti__flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti__flag-width));
  --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti__flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
  --iti-path-flags-1x: url("/static/img/flag/flags.png?1");
  --iti-path-flags-2x: url("/static/img/flag/flags@2x.png?1");
  --iti-path-globe-1x: url("/static/img/flag/globe.png");
  --iti-path-globe-2x: url("/static/img/flag/globe@2x.png");
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: block; /* HACK fix field width to 100% */
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
  background: none;
  border: 0;
  margin: 0;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 3;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-gray);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: 3px;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-gray);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: var(--iti__flag-width);
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: var(--iti-border-width) solid var(--iti-border-gray);
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: var(--iti-text-gray);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__flag-box, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: var(--iti-selected-country-arrow-padding);
  padding-left: var(--iti-input-padding);
  margin-right: 0;
}
.iti--allow-dropdown .iti__country-container, .iti--show-selected-dial-code .iti__country-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__country-container, [dir=rtl] .iti--show-selected-dial-code .iti__country-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__country-container:hover, .iti--allow-dropdown .iti__country-container:hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:hover .iti__selected-country {
  background-color: var(--iti-hover-color);
}
.iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover {
  cursor: default;
}
.iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover .iti__selected-country,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover .iti__selected-country {
  background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-country {
  background-color: var(--iti-hover-color);
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: var(--iti-arrow-padding);
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: var(--iti-arrow-padding);
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-size: 5762px 15px;
  }
}

.iti__flag {
  height: var(--iti__flag-height);
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti__flag-width) 0;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}
@media (min-resolution: 2x) {
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}



  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb, .iti__flag.iti__en {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3138px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3664px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__une {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }

.iti__flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/static/img/flag/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url("/static/img/flag/flags@2x.png"); } }

.iti__flag.iti__np {
  background-color: transparent; }
.country-select{
	position:relative;
    display:inline-block;
}
.country-select *{
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.country-select .hide{
	display:none
}
.country-select .v-hide{
	visibility:hidden
}
.country-select input,
.country-select input[type=text]{
	position:relative;
	z-index:0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	padding-right:36px;
	margin-right:0
}
.country-select .flag-dropdown{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	padding:1px
}
.country-select .selected-flag{
	z-index:1;
	position:relative;
	width:36px;
	height:100%;
	padding:0 0 0 8px
}
.country-select .selected-flag .flag{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto
}
.country-select .selected-flag .arrow{
	position:absolute;
	top:50%;
	margin-top:-2px;
	right:6px;
	width:0;
	height:0;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
	border-top:4px solid #555
}
.country-select .selected-flag .arrow.up{
	border-top:none;
	border-bottom:4px solid #555
}
.country-select .country-list{
	position:absolute;
	z-index:3;
	list-style:none;
	text-align:left;
	padding:0;
	margin:0 0 0 -1px;
	-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);
	background-color:white;
	border:1px solid #ccc;
	white-space:nowrap;
	max-height:280px;
	overflow-y:scroll
}
.country-select .country-list .flag{
	display:inline-block;
	width:20px
}
.country-flag-input{
    width:50px;
    height:31px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}
.country-list{
    width:200px;
}
.country-input-data{
   width: calc(100% - 65px);
   height:31px;
   border: 1px solid #ebebeb;
   border-radius: 3px;
   padding: 6px 12px;
}
.country-input-data:focus {
    border-color: #c8cdd7;
}
@media (max-width: 500px){
	.country-select .country-list{
		white-space:normal
	}
}
.country-select .country-list .divider{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc
}
.country-select .country-list .country{
	padding:5px 10px
}
.country-select .country-list .country.highlight{
	background-color:rgba(0, 0, 0, 0.05)
}
.country-select .country-list .flag,
.country-select .country-list .country-name{
	vertical-align:middle
}
.country-select .country-list .flag{
	margin-right:6px
}
.country-select.inside input,
.country-select.inside input[type=text]{
	padding-right:6px;
	padding-left:52px;
	margin-left:0
}
.country-select.inside .flag-dropdown{
	right:auto;
	left:0
}
.country-select.inside .selected-flag{
	width:58px
}
.country-select.inside .flag-dropdown:hover{
	cursor:pointer
}
.country-select.inside .flag-dropdown:hover .selected-flag{
	background-color:rgba(0, 0, 0, 0.05)
}
.country-select.inside input[disabled] + .flag-dropdown:hover,
.country-select.inside input[readonly] + .flag-dropdown:hover{
	cursor:default
}
.country-select.inside input[disabled] + .flag-dropdown:hover .selected-flag,
.country-select.inside input[readonly] + .flag-dropdown:hover .selected-flag{
	background-color:transparent
}
.country-select .flag{
	width:20px;
	height:15px;
	-webkit-box-shadow:0px 0px 1px 0px #888;
	box-shadow:0px 0px 1px 0px #888;
	background-image: url("/static/img/flag/countryFlags.png");
	background-repeat:no-repeat;
	background-color:#dbdbdb;
	background-position:20px 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
	.country-select .flag{
		background-image:url("/static/img/flag/countryFlags@2x.png")
	}
}
.country-select .flag{
	width:20px
}
.country-select .flag.be{
	width:18px
}
.country-select .flag.ch{
	width:15px
}
.country-select .flag.mc{
	width:19px
}
.country-select .flag.ne{
	width:18px
}
.country-select .flag.np{
	width:13px
}
.country-select .flag.va{
	width:15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
	.country-select .flag{
		background-size:5630px 15px
	}
}
.country-select .flag.ac{
	height:10px;
	background-position:0px 0px
}
.country-select .flag.ad{
	height:14px;
	background-position:-22px 0px
}
.country-select .flag.ae{
	height:10px;
	background-position:-44px 0px
}
.country-select .flag.af{
	height:14px;
	background-position:-66px 0px
}
.country-select .flag.ag{
	height:14px;
	background-position:-88px 0px
}
.country-select .flag.ai{
	height:10px;
	background-position:-110px 0px
}
.country-select .flag.al{
	height:15px;
	background-position:-132px 0px
}
.country-select .flag.am{
	height:10px;
	background-position:-154px 0px
}
.country-select .flag.ao{
	height:14px;
	background-position:-176px 0px
}
.country-select .flag.aq{
	height:14px;
	background-position:-198px 0px
}
.country-select .flag.ar{
	height:13px;
	background-position:-220px 0px
}
.country-select .flag.as{
	height:10px;
	background-position:-242px 0px
}
.country-select .flag.at{
	height:14px;
	background-position:-264px 0px
}
.country-select .flag.au{
	height:10px;
	background-position:-286px 0px
}
.country-select .flag.aw{
	height:14px;
	background-position:-308px 0px
}
.country-select .flag.ax{
	height:13px;
	background-position:-330px 0px
}
.country-select .flag.az{
	height:10px;
	background-position:-352px 0px
}
.country-select .flag.ba{
	height:10px;
	background-position:-374px 0px
}
.country-select .flag.bb{
	height:14px;
	background-position:-396px 0px
}
.country-select .flag.bd{
	height:12px;
	background-position:-418px 0px
}
.country-select .flag.be{
	height:15px;
	background-position:-440px 0px
}
.country-select .flag.bf{
	height:14px;
	background-position:-460px 0px
}
.country-select .flag.bg{
	height:12px;
	background-position:-482px 0px
}
.country-select .flag.bh{
	height:12px;
	background-position:-504px 0px
}
.country-select .flag.bi{
	height:12px;
	background-position:-526px 0px
}
.country-select .flag.bj{
	height:14px;
	background-position:-548px 0px
}
.country-select .flag.bl{
	height:14px;
	background-position:-570px 0px
}
.country-select .flag.bm{
	height:10px;
	background-position:-592px 0px
}
.country-select .flag.bn{
	height:10px;
	background-position:-614px 0px
}
.country-select .flag.bo{
	height:14px;
	background-position:-636px 0px
}
.country-select .flag.bq{
	height:14px;
	background-position:-658px 0px
}
.country-select .flag.br{
	height:14px;
	background-position:-680px 0px
}
.country-select .flag.bs{
	height:10px;
	background-position:-702px 0px
}
.country-select .flag.bt{
	height:14px;
	background-position:-724px 0px
}
.country-select .flag.bv{
	height:15px;
	background-position:-746px 0px
}
.country-select .flag.bw{
	height:14px;
	background-position:-768px 0px
}
.country-select .flag.by{
	height:10px;
	background-position:-790px 0px
}
.country-select .flag.bz{
	height:14px;
	background-position:-812px 0px
}
.country-select .flag.ca{
	height:10px;
	background-position:-834px 0px
}
.country-select .flag.cc{
	height:10px;
	background-position:-856px 0px
}
.country-select .flag.cd{
	height:15px;
	background-position:-878px 0px
}
.country-select .flag.cf{
	height:14px;
	background-position:-900px 0px
}
.country-select .flag.cg{
	height:14px;
	background-position:-922px 0px
}
.country-select .flag.ch{
	height:15px;
	background-position:-944px 0px
}
.country-select .flag.ci{
	height:14px;
	background-position:-961px 0px
}
.country-select .flag.ck{
	height:10px;
	background-position:-983px 0px
}
.country-select .flag.cl{
	height:14px;
	background-position:-1005px 0px
}
.country-select .flag.cm{
	height:14px;
	background-position:-1027px 0px
}
.country-select .flag.cn{
	height:14px;
	background-position:-1049px 0px
}
.country-select .flag.co{
	height:14px;
	background-position:-1071px 0px
}
.country-select .flag.cp{
	height:14px;
	background-position:-1093px 0px
}
.country-select .flag.cr{
	height:12px;
	background-position:-1115px 0px
}
.country-select .flag.cu{
	height:10px;
	background-position:-1137px 0px
}
.country-select .flag.cv{
	height:12px;
	background-position:-1159px 0px
}
.country-select .flag.cw{
	height:14px;
	background-position:-1181px 0px
}
.country-select .flag.cx{
	height:10px;
	background-position:-1203px 0px
}
.country-select .flag.cy{
	height:13px;
	background-position:-1225px 0px
}
.country-select .flag.cz{
	height:14px;
	background-position:-1247px 0px
}
.country-select .flag.de{
	height:12px;
	background-position:-1269px 0px
}
.country-select .flag.dg{
	height:10px;
	background-position:-1291px 0px
}
.country-select .flag.dj{
	height:14px;
	background-position:-1313px 0px
}
.country-select .flag.dk{
	height:15px;
	background-position:-1335px 0px
}
.country-select .flag.dm{
	height:10px;
	background-position:-1357px 0px
}
.country-select .flag.do{
	height:13px;
	background-position:-1379px 0px
}
.country-select .flag.dz{
	height:14px;
	background-position:-1401px 0px
}
.country-select .flag.ea{
	height:14px;
	background-position:-1423px 0px
}
.country-select .flag.ec{
	height:14px;
	background-position:-1445px 0px
}
.country-select .flag.ee{
	height:13px;
	background-position:-1467px 0px
}
.country-select .flag.eg{
	height:14px;
	background-position:-1489px 0px
}
.country-select .flag.eh{
	height:10px;
	background-position:-1511px 0px
}
.country-select .flag.er{
	height:10px;
	background-position:-1533px 0px
}
.country-select .flag.es{
	height:14px;
	background-position:-1555px 0px
}
.country-select .flag.et{
	height:10px;
	background-position:-1577px 0px
}
.country-select .flag.eu{
	height:14px;
	background-position:-1599px 0px
}
.country-select .flag.fi{
	height:12px;
	background-position:-1621px 0px
}
.country-select .flag.fj{
	height:10px;
	background-position:-1643px 0px
}
.country-select .flag.fk{
	height:10px;
	background-position:-1665px 0px
}
.country-select .flag.fm{
	height:11px;
	background-position:-1687px 0px
}
.country-select .flag.fo{
	height:15px;
	background-position:-1709px 0px
}
.country-select .flag.fr{
	height:14px;
	background-position:-1731px 0px
}
.country-select .flag.en{
	height:10px;
	background-position:-1775px 0px
}
.country-select .flag.ga{
	height:15px;
	background-position:-1753px 0px
}
.country-select .flag.gb{
	height:10px;
	background-position:-1775px 0px
}
.country-select .flag.gd{
	height:12px;
	background-position:-1797px 0px
}
.country-select .flag.ge{
	height:14px;
	background-position:-1819px 0px
}
.country-select .flag.gf{
	height:14px;
	background-position:-1841px 0px
}
.country-select .flag.gg{
	height:14px;
	background-position:-1863px 0px
}
.country-select .flag.gh{
	height:14px;
	background-position:-1885px 0px
}
.country-select .flag.gi{
	height:10px;
	background-position:-1907px 0px
}
.country-select .flag.gl{
	height:14px;
	background-position:-1929px 0px
}
.country-select .flag.gm{
	height:14px;
	background-position:-1951px 0px
}
.country-select .flag.gn{
	height:14px;
	background-position:-1973px 0px
}
.country-select .flag.gp{
	height:14px;
	background-position:-1995px 0px
}
.country-select .flag.gq{
	height:14px;
	background-position:-2017px 0px
}
.country-select .flag.gr{
	height:14px;
	background-position:-2039px 0px
}
.country-select .flag.gs{
	height:10px;
	background-position:-2061px 0px
}
.country-select .flag.gt{
	height:13px;
	background-position:-2083px 0px
}
.country-select .flag.gu{
	height:11px;
	background-position:-2105px 0px
}
.country-select .flag.gw{
	height:10px;
	background-position:-2127px 0px
}
.country-select .flag.gy{
	height:12px;
	background-position:-2149px 0px
}
.country-select .flag.hk{
	height:14px;
	background-position:-2171px 0px
}
.country-select .flag.hm{
	height:10px;
	background-position:-2193px 0px
}
.country-select .flag.hn{
	height:10px;
	background-position:-2215px 0px
}
.country-select .flag.hr{
	height:10px;
	background-position:-2237px 0px
}
.country-select .flag.ht{
	height:12px;
	background-position:-2259px 0px
}
.country-select .flag.hu{
	height:10px;
	background-position:-2281px 0px
}
.country-select .flag.ic{
	height:14px;
	background-position:-2303px 0px
}
.country-select .flag.id{
	height:14px;
	background-position:-2325px 0px
}
.country-select .flag.ie{
	height:10px;
	background-position:-2347px 0px
}
.country-select .flag.il{
	height:15px;
	background-position:-2369px 0px
}
.country-select .flag.im{
	height:10px;
	background-position:-2391px 0px
}
.country-select .flag.in{
	height:14px;
	background-position:-2413px 0px
}
.country-select .flag.io{
	height:10px;
	background-position:-2435px 0px
}
.country-select .flag.iq{
	height:14px;
	background-position:-2457px 0px
}
.country-select .flag.ir{
	height:12px;
	background-position:-2479px 0px
}
.country-select .flag.is{
	height:15px;
	background-position:-2501px 0px
}
.country-select .flag.it{
	height:14px;
	background-position:-2523px 0px
}
.country-select .flag.je{
	height:12px;
	background-position:-2545px 0px
}
.country-select .flag.jm{
	height:10px;
	background-position:-2567px 0px
}
.country-select .flag.jo{
	height:10px;
	background-position:-2589px 0px
}
.country-select .flag.jp{
	height:14px;
	background-position:-2611px 0px
}
.country-select .flag.ke{
	height:14px;
	background-position:-2633px 0px
}
.country-select .flag.kg{
	height:12px;
	background-position:-2655px 0px
}
.country-select .flag.kh{
	height:13px;
	background-position:-2677px 0px
}
.country-select .flag.ki{
	height:10px;
	background-position:-2699px 0px
}
.country-select .flag.km{
	height:12px;
	background-position:-2721px 0px
}
.country-select .flag.kn{
	height:14px;
	background-position:-2743px 0px
}
.country-select .flag.kp{
	height:10px;
	background-position:-2765px 0px
}
.country-select .flag.kr{
	height:14px;
	background-position:-2787px 0px
}
.country-select .flag.kw{
	height:10px;
	background-position:-2809px 0px
}
.country-select .flag.ky{
	height:10px;
	background-position:-2831px 0px
}
.country-select .flag.kz{
	height:10px;
	background-position:-2853px 0px
}
.country-select .flag.la{
	height:14px;
	background-position:-2875px 0px
}
.country-select .flag.lb{
	height:14px;
	background-position:-2897px 0px
}
.country-select .flag.lc{
	height:10px;
	background-position:-2919px 0px
}
.country-select .flag.li{
	height:12px;
	background-position:-2941px 0px
}
.country-select .flag.lk{
	height:10px;
	background-position:-2963px 0px
}
.country-select .flag.lr{
	height:11px;
	background-position:-2985px 0px
}
.country-select .flag.ls{
	height:14px;
	background-position:-3007px 0px
}
.country-select .flag.lt{
	height:12px;
	background-position:-3029px 0px
}
.country-select .flag.lu{
	height:12px;
	background-position:-3051px 0px
}
.country-select .flag.lv{
	height:10px;
	background-position:-3073px 0px
}
.country-select .flag.ly{
	height:10px;
	background-position:-3095px 0px
}
.country-select .flag.ma{
	height:14px;
	background-position:-3117px 0px
}
.country-select .flag.mc{
	height:15px;
	background-position:-3139px 0px
}
.country-select .flag.md{
	height:10px;
	background-position:-3160px 0px
}
.country-select .flag.me{
	height:10px;
	background-position:-3182px 0px
}
.country-select .flag.mf{
	height:14px;
	background-position:-3204px 0px
}
.country-select .flag.mg{
	height:14px;
	background-position:-3226px 0px
}
.country-select .flag.mh{
	height:11px;
	background-position:-3248px 0px
}
.country-select .flag.mk{
	height:10px;
	background-position:-3270px 0px
}
.country-select .flag.ml{
	height:14px;
	background-position:-3292px 0px
}
.country-select .flag.mm{
	height:14px;
	background-position:-3314px 0px
}
.country-select .flag.mn{
	height:10px;
	background-position:-3336px 0px
}
.country-select .flag.mo{
	height:14px;
	background-position:-3358px 0px
}
.country-select .flag.mp{
	height:10px;
	background-position:-3380px 0px
}
.country-select .flag.mq{
	height:14px;
	background-position:-3402px 0px
}
.country-select .flag.mr{
	height:14px;
	background-position:-3424px 0px
}
.country-select .flag.ms{
	height:10px;
	background-position:-3446px 0px
}
.country-select .flag.mt{
	height:14px;
	background-position:-3468px 0px
}
.country-select .flag.mu{
	height:14px;
	background-position:-3490px 0px
}
.country-select .flag.mv{
	height:14px;
	background-position:-3512px 0px
}
.country-select .flag.mw{
	height:14px;
	background-position:-3534px 0px
}
.country-select .flag.mx{
	height:12px;
	background-position:-3556px 0px
}
.country-select .flag.my{
	height:10px;
	background-position:-3578px 0px
}
.country-select .flag.mz{
	height:14px;
	background-position:-3600px 0px
}
.country-select .flag.na{
	height:14px;
	background-position:-3622px 0px
}
.country-select .flag.nc{
	height:10px;
	background-position:-3644px 0px
}
.country-select .flag.ne{
	height:15px;
	background-position:-3666px 0px
}
.country-select .flag.nf{
	height:10px;
	background-position:-3686px 0px
}
.country-select .flag.ng{
	height:10px;
	background-position:-3708px 0px
}
.country-select .flag.ni{
	height:12px;
	background-position:-3730px 0px
}
.country-select .flag.nl{
	height:14px;
	background-position:-3752px 0px
}
.country-select .flag.no{
	height:15px;
	background-position:-3774px 0px
}
.country-select .flag.np{
	height:15px;
	background-position:-3796px 0px;
	background-color:transparent
}
.country-select .flag.nr{
	height:10px;
	background-position:-3811px 0px
}
.country-select .flag.nu{
	height:10px;
	background-position:-3833px 0px
}
.country-select .flag.nz{
	height:10px;
	background-position:-3855px 0px
}
.country-select .flag.om{
	height:10px;
	background-position:-3877px 0px
}
.country-select .flag.pa{
	height:14px;
	background-position:-3899px 0px
}
.country-select .flag.pe{
	height:14px;
	background-position:-3921px 0px
}
.country-select .flag.pf{
	height:14px;
	background-position:-3943px 0px
}
.country-select .flag.pg{
	height:15px;
	background-position:-3965px 0px
}
.country-select .flag.ph{
	height:10px;
	background-position:-3987px 0px
}
.country-select .flag.pk{
	height:14px;
	background-position:-4009px 0px
}
.country-select .flag.pl{
	height:13px;
	background-position:-4031px 0px
}
.country-select .flag.pm{
	height:14px;
	background-position:-4053px 0px
}
.country-select .flag.pn{
	height:10px;
	background-position:-4075px 0px
}
.country-select .flag.pr{
	height:14px;
	background-position:-4097px 0px
}
.country-select .flag.ps{
	height:10px;
	background-position:-4119px 0px
}
.country-select .flag.pt{
	height:14px;
	background-position:-4141px 0px
}
.country-select .flag.pw{
	height:13px;
	background-position:-4163px 0px
}
.country-select .flag.py{
	height:11px;
	background-position:-4185px 0px
}
.country-select .flag.qa{
	height:8px;
	background-position:-4207px 0px
}
.country-select .flag.re{
	height:14px;
	background-position:-4229px 0px
}
.country-select .flag.ro{
	height:14px;
	background-position:-4251px 0px
}
.country-select .flag.rs{
	height:14px;
	background-position:-4273px 0px
}
.country-select .flag.ru{
	height:14px;
	background-position:-4295px 0px
}
.country-select .flag.rw{
	height:14px;
	background-position:-4317px 0px
}
.country-select .flag.sa{
	height:14px;
	background-position:-4339px 0px
}
.country-select .flag.sb{
	height:10px;
	background-position:-4361px 0px
}
.country-select .flag.sc{
	height:10px;
	background-position:-4383px 0px
}
.country-select .flag.sd{
	height:10px;
	background-position:-4405px 0px
}
.country-select .flag.se{
	height:13px;
	background-position:-4427px 0px
}
.country-select .flag.sg{
	height:14px;
	background-position:-4449px 0px
}
.country-select .flag.sh{
	height:10px;
	background-position:-4471px 0px
}
.country-select .flag.si{
	height:10px;
	background-position:-4493px 0px
}
.country-select .flag.sj{
	height:15px;
	background-position:-4515px 0px
}
.country-select .flag.sk{
	height:14px;
	background-position:-4537px 0px
}
.country-select .flag.sl{
	height:14px;
	background-position:-4559px 0px
}
.country-select .flag.sm{
	height:15px;
	background-position:-4581px 0px
}
.country-select .flag.sn{
	height:14px;
	background-position:-4603px 0px
}
.country-select .flag.so{
	height:14px;
	background-position:-4625px 0px
}
.country-select .flag.sr{
	height:14px;
	background-position:-4647px 0px
}
.country-select .flag.ss{
	height:10px;
	background-position:-4669px 0px
}
.country-select .flag.st{
	height:10px;
	background-position:-4691px 0px
}
.country-select .flag.sv{
	height:12px;
	background-position:-4713px 0px
}
.country-select .flag.sx{
	height:14px;
	background-position:-4735px 0px
}
.country-select .flag.sy{
	height:14px;
	background-position:-4757px 0px
}
.country-select .flag.sz{
	height:14px;
	background-position:-4779px 0px
}
.country-select .flag.ta{
	height:10px;
	background-position:-4801px 0px
}
.country-select .flag.tc{
	height:10px;
	background-position:-4823px 0px
}
.country-select .flag.td{
	height:14px;
	background-position:-4845px 0px
}
.country-select .flag.tf{
	height:14px;
	background-position:-4867px 0px
}
.country-select .flag.tg{
	height:13px;
	background-position:-4889px 0px
}
.country-select .flag.th{
	height:14px;
	background-position:-4911px 0px
}
.country-select .flag.tj{
	height:10px;
	background-position:-4933px 0px
}
.country-select .flag.tk{
	height:10px;
	background-position:-4955px 0px
}
.country-select .flag.tl{
	height:10px;
	background-position:-4977px 0px
}
.country-select .flag.tm{
	height:14px;
	background-position:-4999px 0px
}
.country-select .flag.tn{
	height:14px;
	background-position:-5021px 0px
}
.country-select .flag.to{
	height:10px;
	background-position:-5043px 0px
}
.country-select .flag.tr{
	height:14px;
	background-position:-5065px 0px
}
.country-select .flag.tt{
	height:12px;
	background-position:-5087px 0px
}
.country-select .flag.tv{
	height:10px;
	background-position:-5109px 0px
}
.country-select .flag.tw{
	height:14px;
	background-position:-5131px 0px
}
.country-select .flag.tz{
	height:14px;
	background-position:-5153px 0px
}
.country-select .flag.ua{
	height:14px;
	background-position:-5175px 0px
}
.country-select .flag.ug{
	height:14px;
	background-position:-5197px 0px
}
.country-select .flag.um{
	height:11px;
	background-position:-5219px 0px
}
.country-select .flag.us{
	height:11px;
	background-position:-5241px 0px
}
.country-select .flag.uy{
	height:14px;
	background-position:-5263px 0px
}
.country-select .flag.uz{
	height:10px;
	background-position:-5285px 0px
}
.country-select .flag.va{
	height:15px;
	background-position:-5307px 0px
}
.country-select .flag.vc{
	height:14px;
	background-position:-5324px 0px
}
.country-select .flag.ve{
	height:14px;
	background-position:-5346px 0px
}
.country-select .flag.vg{
	height:10px;
	background-position:-5368px 0px
}
.country-select .flag.vi{
	height:14px;
	background-position:-5390px 0px
}
.country-select .flag.vn{
	height:14px;
	background-position:-5412px 0px
}
.country-select .flag.vu{
	height:12px;
	background-position:-5434px 0px
}
.country-select .flag.wf{
	height:14px;
	background-position:-5456px 0px
}
.country-select .flag.ws{
	height:10px;
	background-position:-5478px 0px
}
.country-select .flag.xk{
	height:15px;
	background-position:-5500px 0px
}
.country-select .flag.ye{
	height:14px;
	background-position:-5522px 0px
}
.country-select .flag.yt{
	height:14px;
	background-position:-5544px 0px
}
.country-select .flag.za{
	height:14px;
	background-position:-5566px 0px
}
.country-select .flag.zm{
	height:14px;
	background-position:-5588px 0px
}
.country-select .flag.zw{
	height:10px;
	background-position:-5610px 0px
}
.country-select .flag.nav{
	height:15px;
	background-color: #C8D0EB;
}

textarea.autoExpand {  
  display: block;
  box-sizing: padding-box;
  overflow: hidden;
  resize: none;
}
.basic-button {
    height: 45px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.basic-button--primary {
    border: 1px solid var(--content-accent);
    background: linear-gradient(0deg, var(--content-accent), var(--content-accent));
    color: var(--content-white);
}

.basic-button--primary.disabled {
    border: 1px solid var(--border-disabled);
    background: var(--background-lavender-extra-light);
    color: var(--content-grey-tertiary);
    pointer-events: none;
}

.basic-button--secondary {
    border: 1px solid var(--border-disabled);
    background: var(--background-white);
}

.basic-button--secondary.disabled {
    border: 1px solid var(--border-disabled);
    background: var(--background-lavender-extra-light);
    color: var(--content-grey-tertiary);
}

.basic-button__text {
    font-size: 12px; 
    font-weight: 500;
    line-height: 20px;
}

.basic-button__text--secondary {
    color: #0C2539;
}

.basic-button--primary.disabled .basic-button__text--primary {
    color: #0C2539;
}

.basic-button__text--primary {
    color: #FFFFFF;
}

.basic-button--wide {
    width: 100%;
}

.basic-button--large {
    width: 314px;
}

.basic-button--medium {
    width: 224px;
}

.basic-button--small {
    width: 100px;
}

.custom-modal {
    font-family: 'Montserrat', sans serif;
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    top: 30px;
    z-index: 10;
}

.modal-overlay {
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
}

.modal--single {
      width: 31%;
      min-width: 379px;
}

.modal--double {
    width: 778px;
}

.modal--bis {
    width: 60%;
}

.modal-hide { 
    visibility: hidden;
}

.modal-content-main {
    height: fit-content;
}

.modal-content-main, .modal-content-bis {
    flex: 1;
    padding: 20px 32px 20px 32px;
    background: #FFFFFF;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}

.modal-content-bis {
    opacity: 0;
}

.modal-content-bis--content {
    position: absolute;
    top: 20px;
    height: calc(100% - 40px);
}

.modal-triangle {
    position: relative;
    transform: rotate(45deg);
    height: 24px;
    width: 24px;
    background-color: white;
    left: -44px;
    top: 42%;
}

.modal-separator {
      width: 41px;
      background-color: transparent;
}

.modal__main-container {
    font-family: 'Montserrat', sans serif;
    position: absolute;
    top: 30px;
    z-index: 200;
    min-width: 380px;
    background: #FFFFFF;
    height: fit-content;
    border-radius: 16px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.modal__overlay {
    z-index: 201;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(1, 1, 1, 0.5);
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-hide { 
    visibility: hidden;
}

.modal__header {
    padding: 40px;
    display: flex;
    border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.modal__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
}

.modal__body {
    padding: 40px;
}

.modal__close {
    margin-left: auto;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.modal__cross {
    width: 12px;
}
.custom-modal .table-condensed {
    width: 317px;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    border-collapse: separate;
    border-spacing: 9px 3px;
}

.custom-modal .table-condensed .day.today {
    background: #FFF;
    color: #000000;
    flex: 1;
}

.disabled--day {
    color: #dee0e4!important;
}

.custom-modal .table-condensed .day.active {
    background: #1BA3EF!important;
    color: #FFF!important;
}

.custom-modal .table-condensed .select-month {
    background: #FFFFFF!important;
    cursor: auto;
}

.custom-modal .table-condensed .dow,.custom-modal .table-condensed .day {
    width: 35px!important;
    height: 35px!important;
}

.custom-modal .table-condensed .day.today:hover {
    background: #eeeeee;
}
.extra-services__modal__header {
    align-items: center;
    justify-content: space-between;
}

.extra-services__modal__button-primary {
    display: flex;
    justify-content: center;
    padding-top: 16px;
}
.extra-services__modal__button-primary a {
    width: 100% !important;
}

.extra-service__title {
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
    margin: 15px 0;
}

.extra_services--modal {
    max-height: 90%;
}

.extra-services__div-content {
    padding-bottom: 20px
}

.extra-service-unit__name {
	margin-left: 10px;
	margin-right: 10px;
}

.extra-service-unit__price {
	margin-right: 8px
}

.extra-service-unit__main-bloc {
	font-size: 12px;
	justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

.extra-service-unit__label--choice-service {
	align-items: center;
}

.extra-service-unit--space-element-inside {
    margin: 0 8px !important;
}

.extra-service-unit__label--choice-service input[type=checkbox] {
    display: none;
}

.extra-service-unit__label--choice-service input[type=checkbox] ~ .check {
    height: 20px;
    width: 20px;
    border: 1px solid #AAABAC;
    border-radius: 3px;
    cursor: pointer;
    padding: 3px;
}

.extra-service-unit__label--choice-service input[type=checkbox]:checked ~ .check {
    border: 1px solid #1BA3EF;
}

.extra-service-unit__label--choice-service input[type=checkbox]:checked ~ .check div {
    height: 12px !important;
    width: 12px !important;
    background: linear-gradient(0deg, #1BA3EF, #1BA3EF), #FFFFFF;
    border-radius: 3px;
}

.extra-services-grouped__title {
	font-weight: 500;
}

.extra-services-grouped__main-bloc {
	font-size: 12px;
	justify-content: space-between;
    align-items: center;
    margin: 20px 0 8px 0;
}

.extra-services-grouped__name div:first-child {
    border-radius: 5px 0 0 5px;
}

.extra-services-grouped__name div:last-child {
    border-radius: 0 5px 5px 0;
}

.extra-services-grouped__name div {
    border: solid 1px #D9D9D9;
    padding: 13px 0px;
    background: #FFFFFF;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
}

.extra-services-grouped__name div:hover {
    background-color: #F6F8FD;
    cursor: pointer;
    outline: none;
	border-color: #1BA3EF;
}

.extra-services-grouped__selected{
    background-color: #F6F8FD !important;
    cursor: pointer;
    outline: none;
	border-color: #1BA3EF !important;
}

.extra-services-grouped__selected:hover {
    background: #AAABAC !important;
    border-color: #AAABAC !important;
    color: white;

    & .cross-delete-service {
        display: inline;
    }
}

.extra-services-name-container {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
}

.cross-delete-service {
    display: none;
}

.extra-services-grouped-container {
    display: flex;
    justify-content: center;
}

.extra-services-grouped {
	opacity: 0.5;
}

.extra-services-info__main-bloc {
    align-items: baseline;
    background: #FFF1D9;
    border-radius: 5px;
    padding: 10px;
    font-weight: 500;
    line-height: 16px;
}

.extra-services-info__main-bloc--text {
	color: #ED921F;
    font-size: 11px;
	margin-left: 12px;
}

.extra-services__show-selection__img--hand-service {
    margin: auto 0 auto auto;
}

.extra-services__show-selection__main-bloc {
    padding: 8px 16px;
    margin-top: 12px;
    background: #F4FBFF;
    border: 1px solid #92C8FF;
    border-radius: 5px;
    min-height: 86px;
    cursor: pointer;
}

.extra-services__background {
    background: #F6F8FD;
    border: 1px solid #1BA3EF;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 15px;
    margin-top: 15px;
    display: flex;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}

.extra-service__pen {
    margin: auto 15px auto 5px;
}

.input_container {
    display: flex;
    position: relative;
    margin-top: 8px;
}

.e_pv_pin_code, .e_pv_link, .generic_e_pv_link {
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    display: inline-flex;
    flex: 1 1 auto;
    padding-left: 16px;
    padding-right: 32px;
    font-size: 12px;
    min-height: 44px;
}

.logo-model {
    margin-right: 8px;
}

.logo-ayvens{
    margin-right: 8px;
    width: 110px;
}

.epv-error {
    color: #F02A75;
    font-size: 12px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 16px;
}
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #1BA3EF;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #fff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  width: 166px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 18em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-bottom: -1px;
  position: relative;
  background: #fff;
  padding: .75em 1.25em;
}
@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000;
  background: #eeeeee;
  z-index: 10;
}
/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #1BA3EF;
  z-index: 10;
}
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #1BA3EF;
  color: #fff;
  z-index: 10;
}
/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
  border-color: #ddd;
  z-index: auto;
}
/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000;
  background: #b1dcfb;
  background: #e20;
  border-color: #e20;
  cursor: pointer;
  color: #fff;
  outline: none;
}
.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #fff;
  border-color: #fff;
}

/* ==========================================================================
   $CLASSIC-TIME-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should __NOT__ be styled
 * more than what’s here. Style the `.picker__holder` instead.
 */
.picker--time {
  min-width: 256px;
  max-width: 320px;
}
/**
 * The holder is the base of the picker.
 */
.picker--time .picker__holder {
  background: #f2f2f2;
}
@media (min-height: 40.125em) {
  .picker--time .picker__holder {
    font-size: .875em;
  }
}
/**
 * The box contains the list of times.
 */
.picker--time .picker__box {
  padding: 0;
  position: relative;
}

.align-right {
    text-align: right;
}

.no-padds {
    padding: 0;
}

.header-search-address {
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
}

.body-height {
    height: 420px;
    padding: 10px;
    margin-bottom: 55px;
}

.input-search {
    width: 100%;
    height: 45px;
    padding: 15px;
    font-size: 12px;
    transition: 0.3s all;
    border: 1px solid #D9D9D9;
    border-radius: 0px 0px 5px 5px;
    margin-top: -1px;
}

.img-flag {
    width: 15px;
    margin-top: -2px;
    margin-right: 5px;
}


.searchAddress__title {
    font-size: 16px;
}

.dismiss {
    font-size: 12px;
    color: #1BA3EF;
    cursor: pointer;
}

.btn-add {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    text-align: center;
    flex: 1;
    color: #1BA3EF;
}

.stationContainer {
    display: flex;
    padding-top: 13px;
    font-size: 12px;
    cursor: pointer;
    background: white;
}

.stationContainer:hover {
    color:rgba(100, 100, 100, 1);
}

.stationIcon {
    display: flex;
}

.stationIcon:before {
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    margin: 6px 0 0 0;
}

.distanceFlight {
    background: #F4F6FB;
    border-radius: 50px;
    white-space: nowrap;
    padding: 8px 10px;
}

.iconTypeStar:before {
    background: url("../img/transfer/searchAddress/star.svg") no-repeat;
}

.iconTypeStar2:before {
    background: url("../img/transfer/searchAddress/star2.svg") no-repeat;
}

.starContainer { 
    background: url("../img/transfer/searchAddress/star.svg") no-repeat;
    height: 18px;
    width: 18px;
    margin-bottom: -6px;
    display: inline-block;
}

.star2Container { 
    background: url("../img/transfer/searchAddress/star2.svg") no-repeat;
    height: 18px;
    width: 18px;
    margin-left: 5px;
    margin-bottom: -5px;
    display: inline-block;
}

.iconTypePlus:before {
    background: url("../img/transfer/searchAddress/plus.svg") no-repeat;
}

.iconTypeWarning:before {
    background: url("../img/transfer/searchAddress/warning.svg") no-repeat;
}

/* A VOIR AVEC MATHI */
.modal--bis {
    width: 900px !important;
}

.stationAll{
    max-height: 100%;
    overflow: auto;
    background: lightgrey;
}

.stationPartial{
    overflow: auto;
    max-height: 65%;
    background: lightgrey;
}

.hrSearchAdress {
    width: 64px;
    border-top: 1px solid #E0E0E0;
}

.fs-12 { 
    font-size: 12px;
}

.title-address-details {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
}

.flex-direction-column {
    flex-direction: column;
}

.inputAddress {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding-top: 10px;
    padding-right: 35px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
}

.disabledStation {
    opacity: 0.25;
}

.inputAddress:focus {
    outline: none !important;
}

.inputAddress:disabled {
    background: rgba(239, 239, 239, 0.3);
}

.disabled {
    background: rgba(239, 239, 239, 0.3);
}

.containerAddressDetails {
    width: 365px;
}

.floatBlueLink {
    float: right;
    cursor: pointer;
    color: #1BA3EF;
    font-size: 12px;
    margin-top: 10px;
}

.btn-validate {
    background: #1BA3EF;
    border: 1px solid #1BA3EF;
    box-sizing: border-box;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    text-align: center;
    flex: 1;
    color: #FFFFFF;
    line-height: 22px;
}

.btn-save {
    background: #fff;
    border: 1px solid #1BA3EF;
    box-sizing: border-box;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    text-align: center;
    flex: 1;
    color: #1BA3EF;
    line-height: 22px;
}

.bRadiusTop {
    border-radius: 5px 5px 0px 0px;
}

.bRadiusBottom {
    border-radius: 0px 0px 5px 5px;
}

.containerContact {
    margin-top: 45px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mr-10 {
    margin-right: 10px;
}

.closeModalBis {
    text-align: right;
    margin-top: 7px;
    cursor: pointer;
    color: #1BA3EF;
    font-size: 12px;
    position: absolute;
    right: 0;
}

.removeBorderTop {
    margin-top: -1px;
}

.removeBorderRight {
    margin-right: -1px;
}

.days {
    width: 12%;
    text-align: center;
    font-size: 12px;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    margin-right: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.timePicker {
    width: 50px;
    text-align: center;
    font-size: 12px;
    height: 45px;
    border: 1px solid #D9D9D9;
}

.borderRoundL {
    border-radius: 5px 0px 0px 5px;
}

.borderRoundR {
    border-radius: 0px 5px 5px 0px;
}

.component-open-hours .picker__holder {
    width: 70px;
    overflow-x: hidden;
}

.component-open-hours .picker__list {
    height: 100px;
}

.inputTextDate {
    font-size: 12px;
    width: 100px;
    padding: 13.5px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    text-align: center;
}

.inputTextDate:disabled {
    background: white;
}

.containerDate { 
    margin-top: 5px;
    margin-bottom: 5px;
}

/* FIX FOR GOOGLE CHROME Version 107.0.5304.110 */
.picker__holder{
    transform: unset !important;
}
/* END FIX */

.w-auto {
    width: auto;
}

.p8-r {
    padding-right: 8px;
}

.deleteDays{
    margin-top: 8px;
}

.triggerBlue {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #1BA3EF;
    cursor: pointer;
}

.containerPhone > label {
    display: block;
    margin-bottom: 0px;
}

.containerPhone > .intl-tel-input {
    width: 100%;
}

.form-control-modified {
    border: 1px solid #D9D9D9;
    border-radius: 0;
    height: 42px;
}

.containerPhone .selected-flag {
    background-color: white !important;
    background: white !important;
    border-right: 1px solid #d9d9d9;
}

.removeBorderTop .country-select {
    height: 44px;
    display: block;
    width: 70px;
    border: 1px solid #d9d9d9;
}

.inputCountrySearch {
    width: 100%;
    border: 1px solid #d9d9d9;
    padding-left: 15px;
    margin-left: -1px;
    font-size: 12px;
}

.searchAddressTypeTime{
    height: 43px;
    border: 1px solid #d9d9d9;
    width: 26px;
}

.timePickerSearchAddress {
    width: 45px;
    font-size: 12px;
    text-align: center;
    height: 42px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 0px;
}

#search_details .picker__button--clear {
    display: none;
}

.disabledDay {
    color: #d9d9d9;
    background: white !important;
    cursor: initial !important;
}

.disabledDay:hover {
    color: #d9d9d9 !important;
}

.daySelected, .days:hover {
    background: #1BA3EF;
    color: white;
}

.rangeDay {
    background: rgba(27, 163, 239, 0.3) !important;
}

.fs-12 {
    font-size: 12px;
}

.cursor {
    cursor: pointer;
}

.container-2 .inputAddress {
    border-radius: 5px;
}

.delete-input {
    position: absolute;
    right: 15px;
    top: 13px;
    cursor: pointer;
    z-index: 2;
}

.relative {
    position: relative;
}

.same-name, .same-number {
    white-space: nowrap;
    width: fit-content;
    margin-right: 15px;
    top: 15px;
    right: 15px;
    font-size: 12px;
    color: rgba(27, 163, 239, 1);
    cursor: pointer;
}

.same-number {
    right: 85px;
    top: unset;
    bottom: 45px;
}

.unsetPadding {
    padding-right: unset;
}

.container-checkbox {
    position: relative;
    margin-top: 18px;
}

.container-checkbox input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.container-checkbox input:checked ~ .checkmark .checkmark-inside {
    background: rgba(27, 163, 239, 1);
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

.checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(27, 163, 239, 1);
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
}

.checkmark-text {
    line-height: 20px;
    margin-left: 10px;
    font-size: 14px;
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.icon-info {
    line-height: 18px;
    margin-left: 15px;
}

.popover--font {
    font-weight: 500;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
    font-size: 12px;
    mix-blend-mode: normal;
}

.invalidField {
    border: 1px solid rgba(240, 42, 117, 1) !important;
    background-color: rgba(253, 231, 240, 1) !important;
    z-index: 1 !important;
}
.containerPhone .flag-container {
    z-index: 2;
}

.disabledStationError, .disabledStationError:hover {
    color: rgba(237, 146, 31, 1) !important;
    font-weight: 300;
}
.popover-custom-c {
    width: 47px;
}

#errorStationCreation {
    color: #F02A75;
    font-size: 12px;
    margin: 10px 0;
}

#s2id_dropDownFlag {
    width: 100%;
}
#s2id_dropDownFlag > a {
    border: 1px solid #D9D9D9;
    border-radius: 5px 5px 0px 0px;
}

.containerPreviousStation {
    background: #F4F6FB;
    padding: 15px 25px;
    border-radius: 8px;
    font-size: 12px;
    display: flex;
    gap: 16px;
}

.iconMarkPreviousStation {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 10px;
}

.storageParkSelectionButton {
    background-color: white;
    text-align: left;
}

.modal-vehicle-leasing-entity-selection .checkmark-text {
    font-size: var(--font-size-body2);
}

.storage-park-item {
    transition: background-color 0.3s ease-in-out;
}

.storage-park-item:nth-child(odd) {
    background-color: var(--grey-5);
}

.storage-park-item:hover {
    background-color: var(--lavender-3);
}

.storage-park-item .rounded {
    padding: 4px 8px;
    background-color: var(--background-lavender);
    border-radius: 999999px;
}

.vehicle-modal__header {
  display: flex; 
  justify-content: space-between;
  padding-top: 20px;
}

.vehicle-modal__vehicle-type {
  display: flex;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  height: 45px;
  padding: 13px 15px 12px 24px;
  justify-content: space-between;
  cursor: pointer;
}

.vehicle-modal__vehicle-type--text {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}

.vehicle-modal__vehicle {
  cursor: pointer; 
  width: 150px;
}

.vehicle-modal__vehicle:hover {
  opacity: 1;
}

.vehicle-modal__vehicle--selected {
  opacity: 1;
  border-radius: 5px;
  background: #F6F8FD;
  border: 1px solid #1BA3EF;

}

.vehicle-modal__vehicle--img {
  justify-content:center;
}

.vehicle-modal__vehicle__text {
  padding-top: 5px; 
  text-align: center;
}

.vehicle-modal__vehicle__text--font {
  font-size: 12px;
  line-height: 20px;
}

.vehicle-modal__brand-acriss {
  padding-top: 12px;
}

.vehicle-modal__vehicles {
  justify-content: space-around;
  flex-wrap: wrap;
  overflow: auto;
}

.vehicle-modal--title {
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  padding-bottom: 8px;
}

.vehicle-modal__electric-engine, .vehicle-modal-additional-fields--padding {
  padding-top: 20px;
}

.vehicle-modal__button--submit {
  padding-top: 24px;
}

.vehicle-modal__button--submit a{
  width: 100%;
}

.vehicle-modal__type__warning--text {
  font-size: 13px; 
  line-height: 16px;
  color: #ED921F;
  padding-top: 8px;
}

.vehicle-modal__type__warning--text a {
  color: inherit;
  text-decoration: underline;
}

.vehicle-modal__type__warning--icon {
  padding-right: 12px;
}

.vehicle-fill-autocomplete--brand-id, .vehicle-fill-autocomplete--model-id {
  background: #1BA3EF;
    border-radius: 14px;
    height: 28px;
    margin: 8px 8px 7px 0;
    display: flex;
    padding: 8px 8px 7px 0px;
    align-items: end;
}

.radio-button-values div:hover, .radio-button-values-selected {
    background-color: #F6F8FD!important;
    cursor: pointer;
    outline: none;
	border-color: #1BA3EF !important;
}

.radio-button-values div:first-child {
    border-radius: 5px 0 0 5px;
}

.radio-button-values div:last-child {
    border-radius: 0 5px 5px 0;
}

.radio-button-values div {
    border: solid 1px #D9D9D9;
    padding: 13px 0px;
    background: #FFFFFF;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
}

.partial-vehicles-details-trad {
    width: 365px;
}

.radio-button-values-not-selected {
	opacity: 0.5;
}

.vehicle-not-found {
    padding-top: 20px;
}

.select-vehicle-country__results {
  display: flex; 
  align-items: flex-end; 
  justify-content: space-around;
}

.select-vehicle-country__results--img {
  padding-left: 5px;
}

.search-spinner {
    display: inline-block;
    border: 3px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
  }
  @keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  @-webkit-keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }

#infoRegistrationPlateVIN {
    background: #F9F9F9;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 45px;
    padding: 13px 24px 12px 24px;
    margin-top: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
}

.vehicle-power {
  padding: 8px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}

.error-field-search-vehicle {
  border: #f697b1 1px solid;
  background: #fde7f0;
}
.custom-modal .datepicker {
    padding: 0;
}


.date-modal--subtitle {
    font-size: 11px; 
    line-height: 18px;
    opacity: 0.6;
}

.date-modal__header {
  
}

.date-modal__header__container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    align-items: center;
}

.date-modal__header__container--left {
    display: flex;
    align-items: center;
}

.date-modal__process {
    font-size: 12px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.date-modal__process--edit {
    margin-left: 12px;
    cursor: pointer;
}

.date-modal__process--info {
    margin-left: 12px;
}

.date-modal__header--empty {
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
    margin-bottom: -5px;
}

.date-modal__header--single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
}

.date-modal__header__title {
    display: flex; 
    align-items: center;
}

.date-modal__container__top {
    display: flex;
    justify-content: space-between;
    padding-top: 0px; 
    padding-bottom: 8px;
}

.date-modal__container__top--padding {
    padding-bottom: 24px;
}

.date-modal__container__top--cancel {
    display: flex;
    justify-content: flex-start;
}

.date-modal-header--close {
}

.date-modal__container {
    width: 329px;
}

.date-modal__container--select {
    padding-bottom: 8px;
}

.date-modal--text {
    font-size: 12px; 
    line-height: 22px;
}

.date-modal__container__time__input--left {
    width: 165px; 
    padding-left: 24px; 
    font-size: 12px; 
    height: 45px; 
    border: 1px solid #D9D9D9; 
    border-radius: 5px 0 0 5px;
    cursor: pointer;
}

.date-modal__container__time__input--right {
    width: 166px; 
    padding-left: 24px; 
    font-size: 12px; 
    height: 45px; 
    border: 1px solid #D9D9D9; 
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}

.date-modal__container__time--slider {
    padding-top: 26px;
    pointer-events: none;
}

.date-modal__container__warning--start, .date-modal__container__warning--start-express-rule, .date-modal__container__warning--start-ferial, .date-modal__container__warning--end, .date-modal__container__warning--end-express-rule, .date-modal__container__warning--end-ferial {
    display: flex; 
    padding-top: 16px; 
    align-items: center;
}

.date-modal__container__warning--text {
    font-size: 11px; 
    color: #ED921F;
}

.date-modal__container__warning--icon {
    padding-right: 12px;
}

.date-modal__button--submit {
    display: flex; 
    justify-content: center; 
    padding-top: 16px;
}

.date-modal__button--submit--process {
    display: flex; 
    width: 96px;
}

.date-modal-single__button--submit--process {
    display: flex; 
    padding-top: 16px;
}

.date-modal__container__time .picker__holder {
    bottom: 44px;
    border-radius: 5px 5px 0 0 !important;
}

.date-modal__container__time .picker__list {
    display: flex;
    flex-direction: column;
}

#button-submit-process .basic-button--large {
    width: -webkit-fill-available!important;
}

.brands-container {
    padding-bottom: 10px;
}

.brands-container__brand, .brands-container__brand--empty {
    width:55px; 
    height: 45px; 
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); 
    border-radius: 8px; 
    align-items: center; 
    justify-content: center;
    cursor: pointer;
}

.brands-header {
    padding-top: 15px;
    padding-bottom: 20px;
}

.brands-header--title {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
}

.brands-container__brand--margin {
    margin-right: 10px
}

.vehicle-autocomplete, .vehicle-fill {
    display: flex; 
    flex-wrap: wrap; 
    width: 100%; 
    min-height: 45px; 
    border: 1px solid #D9D9D9; 
    border-radius: 5px; 
    padding-left: 12px; 
    padding-right: 16px;
}

.vehicle-autocomplete {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.vehicle-fill--bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.vehicle-fill--top {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 0;
}

.vehicle-autocomplet__box {
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    max-height: 180px;
}

.vehicle-autocomplete__input, .vehicle-fill__input {
    flex: 1; 
    border: none; 
    font-weight: 500; 
    font-size: 12px; 
    line-height: 20px;
    width: 100%;
}

.vehicle-autocomplete__tag {
    background: #1BA3EF; 
    border-radius: 14px; 
    height: 28px; 
    margin: 8px 8px 7px 0; 
    display: flex; 
    padding: 8px 8px 7px 0px;
    align-items: center;
}

.vehicle-autocomplete__tag--text, .vehicle-autocomplete__brand-id--text, .vehicle-autocomplete__model-id--text, .vehicle-autocomplete__model-id--text {
    font-size:12px; 
    line-height: 20px; 
    font-weight: 500; 
    color: #FFFFFF; 
    margin: -3px 8px 0px 12px;
}

.vehicle-autocomplete__tag--close, .vehicle-autocomplete__brand-id--close, .vehicle-autocomplete__model-id--close {
    cursor: pointer; 
    position: relative; 
    bottom: 1px;
}

.vehicle-autocomplete__fields {
    overflow: auto; 
    background: #F2F2F2;
    max-height: 180px;
}

.vehicle-engine {
    height: 45px; 
    border: 1px solid #D9D9D9; 
    border-width: 0 1px 1px 1px; 
    padding-left: 24px;
    display: flex;
    cursor: pointer;
    align-items: center;
}

.vehicle-autocomplete__field, .vehicle-engine {
    height: 45px; 
    border: 1px solid #D9D9D9; 
    border-width: 0 1px 1px 1px; 
    padding: 13px 24px 12px 24px;
    cursor: pointer;
    background: white;
}

.vehicle-autocomplete__field__text {
    font-size: 12px;
    line-height: 20px;
}

.form-group img {
  width: 250px;
  height: 250px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.transfer-detail-content .journey-status-container{
    text-align: right;
    margin-top: 30px;
    margin-bottom: 0;
}
.extra-services-list {
    padding: 15px;
}

#transfer-detail .btn-quite {
    margin-top: 10px;
}

.not_specified {
    text-transform: capitalize;
}

.data-missing {
    width: 250px;
    height: 250px;
    margin-right: 15px;
    background: #FDE7F0;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F02A75;
    border-radius: 8px;
}

.icon-data-missing {
    width: 15px !important;
    margin-right: 5px !important;
}

.uppercase {
    text-transform: uppercase;
}

.transfer-geolocation {
    color: black;
}

.transfer-geolocation .pin {
    width: 35px;
    height: 35px;
    cursor: inherit;
    margin-right: 5px;
    margin-left: -5px;
}

.transfer-geolocation a {
    color: black;
    text-decoration: underline;
}

.error_geolocation {
    display: inline-block;
    margin-left: 3px;
    color: #F02A75;
}

.distance-unit{
  font-size:1.5em;
}

@import url("//fonts.googleapis.com/css?family=Arimo");

.odometer {
  font-size: 30px;
  bottom: 10px;
  left: 10px;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  -moz-border-radius: 0.34em;
  -webkit-border-radius: 0.34em;
  -o-border-radius: 0.34em;
  -ms-border-radius: 0.34em;
  -khtml-border-radius: 0.34em;
  border-radius: 0.34em;
  font-family: "Arimo", monospace;
  padding: 0.15em;
  background: black;
  color: #eee0d3;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  -moz-box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);
  -o-box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(40%, #333333), color-stop(60%, #101010), color-stop(80%, #333333), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  background-image: -moz-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  background-image: -o-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  background-image: -ms-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  background-image: linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  padding: 0 0.15em;
}
.odometer.odometer-auto-theme .odometer-digit:first-child, .odometer.odometer-theme-car .odometer-digit:first-child {
  -moz-border-radius: 0.2em 0 0 0.2em;
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -o-border-radius: 0.2em 0 0 0.2em;
  -ms-border-radius: 0.2em 0 0 0.2em;
  -khtml-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
}
.odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-car .odometer-digit:last-child {
  -moz-border-radius: 0 0.2em 0.2em 0;
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -o-border-radius: 0 0.2em 0.2em 0;
  -ms-border-radius: 0 0.2em 0.2em 0;
  -khtml-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(40%, #333333), color-stop(60%, #101010), color-stop(80%, #333333), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  background-image: -moz-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  background-image: -o-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  background-image: -ms-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  background-image: linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
  background-color: #eee0d3;
  color: #eee0d3;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0.15em;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.emailList--list {
    max-width: 500px;
}

.emailList--input {
    border: unset;
    width: 100%;
    height: 31px;
    padding: 6px 12px;
    background: var(--background-white);
}

.emailList--container {
    background: var(--background-white);
    padding: 15px;
    border: 1px solid var(--border-disabled);
    border-radius: 8px;
}

.emailList--email {
    background: var(--content-accent);
    color: var(--white-1);
    padding: 4px 8px;
    border-radius: 20px;
}

.emailList--error {
    background: var(--background-negative);
    color: var(--content-negative);
}

.emailList--errorMessage {
    color: var(--content-negative);
    font-size: 12px;
    margin-top: 5px;
    font-weight: 600;
}

.emailList--deleteFieldEmail{
    position: absolute;
    bottom: 6px;
    right: 15px;
    cursor: pointer;
}