@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?21zmqn");
  src: url("../fonts/icomoon.eot?21zmqn#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?21zmqn") format("truetype"), url("../fonts/icomoon.woff?21zmqn") format("woff"), url("../fonts/icomoon.svg?21zmqn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pdpz:before {
  content: "\EA76";
}

.icon-file-csv:before {
  content: "\EA75";
}

.icon-file-txt:before {
  content: "\EA74";
}

.icon-copy:before {
  content: "\EA73";
}

.icon-revert:before {
  content: "\EA72";
}

.icon-upload:before {
  content: "\EA71";
}

.icon-download:before {
  content: "\EA57";
}

.icon-heart:before {
  content: "\E993";
}

.icon-shield-thick:before {
  content: "\EA4F";
}

.icon-house:before {
  content: "\E91F";
}

.icon-suitcase:before {
  content: "\E931";
}

.icon-suitcase-protect-thick:before {
  content: "\EA70";
}

.icon-file:before {
  content: "\E9C5";
}

.icon-file-doc:before {
  content: "\E9C6";
}

.icon-file-docx:before {
  content: "\E9C7";
}

.icon-file-pdf:before {
  content: "\E9C8";
}

.icon-file-ppt:before {
  content: "\E9C9";
}

.icon-file-xls:before {
  content: "\E9D1";
}

.icon-investor:before {
  content: "\EA6C";
}

.icon-phone-hand:before {
  content: "\EA69";
}

.icon-calendar3:before {
  content: "\EA6D";
}

.icon-user-check:before {
  content: "\EA6E";
}

.icon-user-search:before {
  content: "\EA6F";
}

.icon-faks:before {
  content: "\EA68";
}

.icon-contact-thin:before {
  content: "\EA66";
}

.icon-sponsorhip2-thin:before {
  content: "\EA67";
}

.icon-bicycle:before {
  content: "\EA60";
}

.icon-car-broke2:before {
  content: "\EA61";
}

.icon-door:before {
  content: "\EA62";
}

.icon-expand:before {
  content: "\EA63";
}

.icon-tourism:before {
  content: "\EA64";
}

.icon-window:before {
  content: "\EA65";
}

.icon-surgery-2:before {
  content: "\EA5E";
}

.icon-surgery-2-thin:before {
  content: "\EA5F";
}

.icon-target:before {
  content: "\EA5C";
}

.icon-trash:before {
  content: "\EA5D";
}

.icon-heart-monitor:before {
  content: "\EA5A";
}

.icon-heart-monitor-thin:before {
  content: "\EA5B";
}

.icon-wheel-chair-thick:before {
  content: "\EA59";
}

.icon-forest-house:before {
  content: "\E96B";
}

.icon-forest-house-thin:before {
  content: "\E976";
}

.icon-horses:before {
  content: "\E9ED";
}

.icon-horses-thick:before {
  content: "\EA58";
}

.icon-image:before {
  content: "\EA6A";
}

.icon-image-thick:before {
  content: "\EA6B";
}

.icon-calling-thin:before {
  content: "\EA08";
}

.icon-hand-heart-thin:before {
  content: "\EA09";
}

.icon-medical-advice:before {
  content: "\EA0A";
}

.icon-pulse-circle:before {
  content: "\EA0B";
}

.icon-remote:before {
  content: "\EA0C";
}

.icon-thermo-thin:before {
  content: "\EA0D";
}

.icon-archive-box-thick:before {
  content: "\EA0E";
}

.icon-archive-search-thick:before {
  content: "\EA0F";
}

.icon-attention-thick:before {
  content: "\EA10";
}

.icon-book-info-thick:before {
  content: "\EA11";
}

.icon-business-statement-thick:before {
  content: "\EA12";
}

.icon-calling-thick:before {
  content: "\EA13";
}

.icon-car-broke-thick:before {
  content: "\EA14";
}

.icon-car-discount-thick:before {
  content: "\EA15";
}

.icon-car-road-thick:before {
  content: "\EA16";
}

.icon-click-check-thick:before {
  content: "\EA17";
}

.icon-directions-thick:before {
  content: "\EA18";
}

.icon-discount-arrow-thick:before {
  content: "\EA19";
}

.icon-discounts-thick:before {
  content: "\EA1A";
}

.icon-discount-thick:before {
  content: "\EA1B";
}

.icon-document-search-thick:before {
  content: "\EA1C";
}

.icon-donation-thick:before {
  content: "\EA1D";
}

.icon-edit-thick:before {
  content: "\EA1E";
}

.icon-email-thick:before {
  content: "\EA1F";
}

.icon-excel-statement-thick:before {
  content: "\EA20";
}

.icon-financial-calendar-thick:before {
  content: "\EA21";
}

.icon-financial-plan-thick:before {
  content: "\EA22";
}

.icon-financial-statement-thick:before {
  content: "\EA23";
}

.icon-folders-thick:before {
  content: "\EA24";
}

.icon-glasses-thick:before {
  content: "\EA25";
}

.icon-hand-book-thick:before {
  content: "\EA26";
}

.icon-hand-heart-thick:before {
  content: "\EA27";
}

.icon-handshake-thick:before {
  content: "\EA28";
}

.icon-hands-thick:before {
  content: "\EA29";
}

.icon-hours-thick:before {
  content: "\EA2A";
}

.icon-house-fire-thick:before {
  content: "\EA2B";
}

.icon-indicators-thick:before {
  content: "\EA2C";
}

.icon-leaf-sheet-thick:before {
  content: "\EA2D";
}

.icon-login-thick:before {
  content: "\EA2E";
}

.icon-map-location-thick:before {
  content: "\EA2F";
}

.icon-map-thick:before {
  content: "\EA30";
}

.icon-market-share-thick:before {
  content: "\EA31";
}

.icon-medical-advice-thick:before {
  content: "\EA32";
}

.icon-mobile-app-thick:before {
  content: "\EA33";
}

.icon-mobile-phone-2-thick:before {
  content: "\EA34";
}

.icon-mobile-phone-thick:before {
  content: "\EA35";
}

.icon-notice-forward-thick:before {
  content: "\EA36";
}

.icon-notice-thick:before {
  content: "\EA37";
}

.icon-online-check-thick:before {
  content: "\EA38";
}

.icon-organogram-thick:before {
  content: "\EA39";
}

.icon-paper-plane-thick:before {
  content: "\EA3A";
}

.icon-parcel-thick:before {
  content: "\EA3B";
}

.icon-people-thick:before {
  content: "\EA3C";
}

.icon-person2-thick:before {
  content: "\EA3D";
}

.icon-phone-message-thick:before {
  content: "\EA3E";
}

.icon-piggy-bank-discount-thick:before {
  content: "\EA3F";
}

.icon-piggy-bank-thick:before {
  content: "\EA40";
}

.icon-pins-thick:before {
  content: "\EA41";
}

.icon-public-info-thick:before {
  content: "\EA42";
}

.icon-pulse-circle-thick:before {
  content: "\EA43";
}

.icon-quality-thick:before {
  content: "\EA44";
}

.icon-relation-thick:before {
  content: "\EA45";
}

.icon-remote-thick:before {
  content: "\EA46";
}

.icon-revision-thick:before {
  content: "\EA47";
}

.icon-sofa-thick:before {
  content: "\EA48";
}

.icon-sponsorhip-thick:before {
  content: "\EA49";
}

.icon-sponsor-sign-thick:before {
  content: "\EA4A";
}

.icon-star-rating-thick:before {
  content: "\EA4B";
}

.icon-stars-thick:before {
  content: "\EA4C";
}

.icon-steering-thick:before {
  content: "\EA4D";
}

.icon-stories-thick:before {
  content: "\EA4E";
}

.icon-thermo:before {
  content: "\EA50";
}

.icon-town-thick:before {
  content: "\EA51";
}

.icon-trading-thick:before {
  content: "\EA52";
}

.icon-triglav-thick:before {
  content: "\EA53";
}

.icon-user-plus-thick:before {
  content: "\EA54";
}

.icon-vault-thick:before {
  content: "\EA55";
}

.icon-whrrl-chair-thick:before {
  content: "\EA56";
}

.icon-excel-statement-thin:before {
  content: "\E919";
}

.icon-financial-calendar-thin:before {
  content: "\E91A";
}

.icon-financial-plan-thin:before {
  content: "\E9A7";
}

.icon-financial-statement-thin:before {
  content: "\E9A8";
}

.icon-hand-book-thin:before {
  content: "\E9A9";
}

.icon-indicators-thin:before {
  content: "\E9AA";
}

.icon-leaf-sheet-thin:before {
  content: "\E9AB";
}

.icon-login-thin:before {
  content: "\E9AC";
}

.icon-market-share-thin:before {
  content: "\E9AD";
}

.icon-notice-forward-thin:before {
  content: "\E9AE";
}

.icon-notice-thin:before {
  content: "\E9AF";
}

.icon-organogram-thin:before {
  content: "\E9B0";
}

.icon-paper-plane-thin:before {
  content: "\E9B1";
}

.icon-partnership-thin:before {
  content: "\E9B2";
}

.icon-people-thin:before {
  content: "\E9B3";
}

.icon-phone-message-thin:before {
  content: "\E9B4";
}

.icon-pins-thin:before {
  content: "\E9B5";
}

.icon-public-info-thin:before {
  content: "\E9B6";
}

.icon-quality-thin:before {
  content: "\E9B7";
}

.icon-rescue-thin:before {
  content: "\E9B8";
}

.icon-revision-thin:before {
  content: "\E9B9";
}

.icon-sponsorship-thin:before {
  content: "\E9BA";
}

.icon-sponsor-sign-thin:before {
  content: "\E9BB";
}

.icon-star-rating-thin:before {
  content: "\E9BC";
}

.icon-stories-thin:before {
  content: "\E9BD";
}

.icon-trading-thin:before {
  content: "\E9BE";
}

.icon-triglav-thin:before {
  content: "\E9BF";
}

.icon-h-thin:before {
  content: "\E9C0";
}

.icon-business-statement-thin:before {
  content: "\E9C1";
}

.icon-donation-thin:before {
  content: "\E9C2";
}

.icon-drive-thin:before {
  content: "\E9C3";
}

.icon-edit-thin:before {
  content: "\E9C4";
}

.icon-app-window:before {
  content: "\E9CA";
}

.icon-business-statement:before {
  content: "\E9CB";
}

.icon-calendar2:before {
  content: "\E9CC";
}

.icon-calendar-history:before {
  content: "\E9CD";
}

.icon-clock-thick:before {
  content: "\E9CE";
}

.icon-email-sending:before {
  content: "\E9CF";
}

.icon-envelope3:before {
  content: "\E9D0";
}

.icon-helpdesk:before {
  content: "\E9D2";
}

.icon-laptop:before {
  content: "\E9D3";
}

.icon-lock2:before {
  content: "\E9D4";
}

.icon-smart-phone-thick:before {
  content: "\E9D5";
}

.icon-accident-thin:before {
  content: "\E9D6";
}

.icon-aids-thin:before {
  content: "\E9D7";
}

.icon-balance-thin:before {
  content: "\E9D8";
}

.icon-bike-thin:before {
  content: "\E9D9";
}

.icon-boat-thin:before {
  content: "\E9DA";
}

.icon-box-thin:before {
  content: "\E9DB";
}

.icon-camping-van-thin:before {
  content: "\E9DC";
}

.icon-cards-thin:before {
  content: "\E9DD";
}

.icon-car-thin:before {
  content: "\E9DE";
}

.icon-couple-thin:before {
  content: "\E9DF";
}

.icon-court-thin:before {
  content: "\E9E0";
}

.icon-deck-chair-thin:before {
  content: "\E9E1";
}

.icon-doctor-plus-thin:before {
  content: "\E9E2";
}

.icon-doctor-thin:before {
  content: "\E9E3";
}

.icon-dog-thin:before {
  content: "\E9E4";
}

.icon-family-thin:before {
  content: "\E9E5";
}

.icon-finance-thin:before {
  content: "\E9E6";
}

.icon-forklift-thin:before {
  content: "\E9E7";
}

.icon-green-cardt-thin:before {
  content: "\E9E8";
}

.icon-handshake2-thin:before {
  content: "\E9E9";
}

.icon-heartbeat2-thin:before {
  content: "\E9EA";
}

.icon-heart-thin:before {
  content: "\E9EB";
}

.icon-hiker-thin:before {
  content: "\E9EC";
}

.icon-leaf-thin:before {
  content: "\E9EE";
}

.icon-med-kit-thin:before {
  content: "\E9EF";
}

.icon-money-thin:before {
  content: "\E9F0";
}

.icon-motor-cycle-thin:before {
  content: "\E9F1";
}

.icon-motor-home-thin:before {
  content: "\E9F2";
}

.icon-piggy-bank2-thin:before {
  content: "\E9F3";
}

.icon-plane-thin:before {
  content: "\E9F4";
}

.icon-pulse-thin:before {
  content: "\E9F5";
}

.icon-rain-thin:before {
  content: "\E9F6";
}

.icon-skater-thin:before {
  content: "\E9F7";
}

.icon-skier-thin:before {
  content: "\E9F8";
}

.icon-snow-thin:before {
  content: "\E9F9";
}

.icon-speedometer-thin:before {
  content: "\E9FA";
}

.icon-sport-thin:before {
  content: "\E9FB";
}

.icon-surgery-thin:before {
  content: "\E9FC";
}

.icon-tooth-plus-thin:before {
  content: "\E9FD";
}

.icon-tooth-thin:before {
  content: "\E9FE";
}

.icon-tractor-thin:before {
  content: "\E9FF";
}

.icon-warranty-thin:before {
  content: "\EA00";
}

.icon-balance:before {
  content: "\EA01";
}

.icon-couple:before {
  content: "\EA02";
}

.icon-finance:before {
  content: "\EA03";
}

.icon-forklift:before {
  content: "\EA04";
}

.icon-skyscraper:before {
  content: "\EA05";
}

.icon-speedometer:before {
  content: "\EA06";
}

.icon-warranty:before {
  content: "\EA07";
}

.icon-email-forward:before {
  content: "\E9A5";
}

.icon-document:before {
  content: "\E9A6";
}

.icon-aids:before {
  content: "\E98D";
}

.icon-court:before {
  content: "\E98E";
}

.icon-doctor:before {
  content: "\E98F";
}

.icon-doctor-plus:before {
  content: "\E990";
}

.icon-green-card:before {
  content: "\E991";
}

.icon-handshake2:before {
  content: "\E992";
}

.icon-heartbeat2:before {
  content: "\E994";
}

.icon-med-kit:before {
  content: "\E995";
}

.icon-money:before {
  content: "\E996";
}

.icon-parcel:before {
  content: "\E997";
}

.icon-relation:before {
  content: "\E998";
}

.icon-shield:before {
  content: "\E999";
}

.icon-skater:before {
  content: "\E99A";
}

.icon-skier:before {
  content: "\E99B";
}

.icon-sofa:before {
  content: "\E99C";
}

.icon-suitcase-protect:before {
  content: "\E99D";
}

.icon-suitcase-thin:before {
  content: "\E99E";
}

.icon-surgery:before {
  content: "\E99F";
}

.icon-tooth:before {
  content: "\E9A0";
}

.icon-tooth-plus:before {
  content: "\E9A1";
}

.icon-town:before {
  content: "\E9A2";
}

.icon-tractor:before {
  content: "\E9A3";
}

.icon-vault:before {
  content: "\E9A4";
}

.icon-phone-thin:before {
  content: "\E98C";
}

.icon-car-discount1:before {
  content: "\E988";
}

.icon-piggy-bank-discount:before {
  content: "\E989";
}

.icon-smart-phone:before {
  content: "\E98A";
}

.icon-stars:before {
  content: "\E98B";
}

.icon-car-road:before {
  content: "\E985";
}

.icon-mobile-phone-2:before {
  content: "\E986";
}

.icon-steering:before {
  content: "\E987";
}

.icon-arrow-thin-right:before {
  content: "\E950";
}

.icon-hours:before {
  content: "\E971";
}

.icon-archive-box:before {
  content: "\E972";
}

.icon-calendar1:before {
  content: "\E973";
}

.icon-clock:before {
  content: "\E97D";
}

.icon-directions:before {
  content: "\E97E";
}

.icon-discount-arrow:before {
  content: "\E97F";
}

.icon-glasses:before {
  content: "\E980";
}

.icon-handshake:before {
  content: "\E981";
}

.icon-map-pin:before {
  content: "\E982";
}

.icon-piggy-bank-thin:before {
  content: "\E983";
}

.icon-wheel-chair:before {
  content: "\E984";
}

.icon-house-fire:before {
  content: "\E96C";
}

.icon-discounts:before {
  content: "\E96D";
}

.icon-folders:before {
  content: "\E96E";
}

.icon-hands:before {
  content: "\E96F";
}

.icon-user-plus:before {
  content: "\E970";
}

.icon-credit-cards:before {
  content: "\E96A";
}

.icon-hiking:before {
  content: "\E974";
}

.icon-horse:before {
  content: "\E975";
}

.icon-leaf:before {
  content: "\E977";
}

.icon-question:before {
  content: "\E978";
}

.icon-rain:before {
  content: "\E979";
}

.icon-snow:before {
  content: "\E97A";
}

.icon-user-protect:before {
  content: "\E97B";
}

.icon-wash-mashine:before {
  content: "\E97C";
}

.icon-gift:before {
  content: "\E969";
}

.icon-map-location:before {
  content: "\E967";
}

.icon-search-thick:before {
  content: "\E968";
}

.icon-archive-search:before {
  content: "\E964";
}

.icon-book-info:before {
  content: "\E965";
}

.icon-document-search:before {
  content: "\E966";
}

.icon-chat-thin:before {
  content: "\E963";
}

.icon-click-check:before {
  content: "\E961";
}

.icon-discount:before {
  content: "\E962";
}

.icon-package-check:before {
  content: "\E95E";
}

.icon-package-o:before {
  content: "\E95F";
}

.icon-package-x:before {
  content: "\E960";
}

.icon-car-broke:before {
  content: "\E958";
}

.icon-familly-protect:before {
  content: "\E959";
}

.icon-mobile-app:before {
  content: "\E95A";
}

.icon-protect:before {
  content: "\E95B";
}

.icon-rescue:before {
  content: "\E95C";
}

.icon-savings:before {
  content: "\E95D";
}

.icon-helpdesk-thin:before {
  content: "\E956";
}

.icon-text-pointer:before {
  content: "\E957";
}

.icon-camera:before {
  content: "\E953";
}

.icon-mobile-phone:before {
  content: "\E954";
}

.icon-monitor:before {
  content: "\E955";
}

.icon-email:before {
  content: "\E951";
}

.icon-search:before {
  content: "\E952";
}

.icon-arrow-thin-down:before {
  content: "\E944";
}

.icon-arrow-thin-left:before {
  content: "\E945";
}

.icon-arrow-thin-up:before {
  content: "\E946";
}

.icon-attention-thin:before {
  content: "\E947";
}

.icon-boat:before {
  content: "\E948";
}

.icon-camping-van:before {
  content: "\E949";
}

.icon-close-thin:before {
  content: "\E94A";
}

.icon-map:before {
  content: "\E94B";
}

.icon-motor-cycle:before {
  content: "\E94C";
}

.icon-motor-home:before {
  content: "\E94D";
}

.icon-online-check:before {
  content: "\E94E";
}

.icon-person2:before {
  content: "\E94F";
}

.icon-pin-2:before {
  content: "\E943";
}

.icon-bike:before {
  content: "\E942";
}

.icon-edit-2:before {
  content: "\E93B";
}

.icon-error:before {
  content: "\E93C";
}

.icon-car-discount:before {
  content: "\E93D";
}

.icon-storage:before {
  content: "\E93E";
}

.icon-close:before {
  content: "\E93F";
}

.icon-square:before {
  content: "\E940";
}

.icon-phone:before {
  content: "\E941";
}

.icon-eye:before {
  content: "\E93A";
}

.icon-draggable:before {
  content: "\E936";
}

.icon-logout:before {
  content: "\E937";
}

.icon-message:before {
  content: "\E938";
}

.icon-user:before {
  content: "\E939";
}

.icon-accident:before {
  content: "\E900";
}

.icon-archive:before {
  content: "\E901";
}

.icon-arrow-down:before {
  content: "\E902";
}

.icon-arrow-left:before {
  content: "\E903";
}

.icon-arrow-right:before {
  content: "\E904";
}

.icon-arrow-up:before {
  content: "\E905";
}

.icon-attention:before {
  content: "\E906";
}

.icon-authorization:before {
  content: "\E907";
}

.icon-birthday:before {
  content: "\E908";
}

.icon-box:before {
  content: "\E909";
}

.icon-bulb:before {
  content: "\E90A";
}

.icon-calendar:before {
  content: "\E90B";
}

.icon-car:before {
  content: "\E90C";
}

.icon-cards:before {
  content: "\E90D";
}

.icon-certificate:before {
  content: "\E90E";
}

.icon-chat:before {
  content: "\E90F";
}

.icon-check:before {
  content: "\E910";
}

.icon-children:before {
  content: "\E911";
}

.icon-contact:before {
  content: "\E912";
}

.icon-deckchair:before {
  content: "\E913";
}

.icon-dog:before {
  content: "\E914";
}

.icon-edit:before {
  content: "\E915";
}

.icon-envelope:before {
  content: "\E916";
}

.icon-envelope2:before {
  content: "\E917";
}

.icon-family:before {
  content: "\E918";
}

.icon-gender:before {
  content: "\E91B";
}

.icon-heartbeat:before {
  content: "\E91C";
}

.icon-history:before {
  content: "\E91D";
}

.icon-home:before {
  content: "\E91E";
}

.icon-incoming-call:before {
  content: "\E920";
}

.icon-info:before {
  content: "\E921";
}

.icon-lock:before {
  content: "\E922";
}

.icon-lock-key:before {
  content: "\E923";
}

.icon-marriage:before {
  content: "\E924";
}

.icon-messaging:before {
  content: "\E925";
}

.icon-more:before {
  content: "\E926";
}

.icon-music:before {
  content: "\E927";
}

.icon-pats:before {
  content: "\E928";
}

.icon-person:before {
  content: "\E929";
}

.icon-piggy-bank:before {
  content: "\E92A";
}

.icon-pin:before {
  content: "\E92B";
}

.icon-plane:before {
  content: "\E92C";
}

.icon-plus:before {
  content: "\E92D";
}

.icon-printer:before {
  content: "\E92E";
}

.icon-pulse:before {
  content: "\E92F";
}

.icon-sport:before {
  content: "\E930";
}

.icon-support:before {
  content: "\E932";
}

.icon-tag:before {
  content: "\E933";
}

.icon-techic:before {
  content: "\E934";
}

.icon-wallet:before {
  content: "\E935";
}

.custom-icons {
  display: inline-block;
  min-width: 1rem;
  min-height: 1rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.custom-icons.ci-md {
  width: 2rem;
  height: 2rem;
}

.custom-icons.ci-lg {
  width: 3rem;
  height: 3rem;
}

.custom-icons.ci-file-plus {
  background-image: url("../images/icons/gray/icon-file-plus.svg");
}

.custom-icons.ci-computer {
  background-image: url("../images/icons/white/computer.svg");
}

.custom-icons.ci-portal {
  background-image: url("../images/icons/gray/portal.svg");
}

.custom-icons.ci-file {
  background-image: url("../images/icons/gray/file.svg");
}

.custom-icons.ci-home {
  background-image: url("../images/icons/gray/home.svg");
}

.custom-icons.ci-person {
  background-image: url("../images/icons/gray/person.svg");
}

.custom-icons.ci-person-gray {
  background-image: url("../images/icons/gray/person-gray.svg");
}

.custom-icons.ci-coupon {
  background-image: url("../images/icons/others/coupon.svg");
}

.custom-icons.ci-attention {
  background-image: url("../images/icons/gray/attention.svg");
}

.custom-icons.ci-envelope {
  background-image: url("../images/icons/gray/envelope.svg");
}

.custom-icons.ci-hashtag {
  background-image: url("../images/icons/gray/hashtag.svg");
}

.custom-icons.ci-contact-envelope-phone {
  background-image: url("../images/icons/gray/contact-envelope-phone.svg");
}

.custom-icons.ci-reminder {
  background-image: url("../images/icons/gray/reminder.svg");
}

.custom-icons.ci-computer {
  background-image: url("../images/icons/gray/computer.svg");
}

.custom-icons.ci-android {
  background-image: url("../images/icons/gray/android.svg");
}

.custom-icons.ci-history {
  background-image: url("../images/icons/gray/history.svg");
}

.custom-icons.ci-document-add {
  background-image: url("../images/icons/white/document-add.svg");
}

.custom-icons.ci-procedure {
  background-image: url("../images/icons/white/procedure.svg");
}

.custom-icons.ci-user-chat {
  background-image: url("../images/icons/white/user-chat.svg");
}

.custom-icons.ci-envelope-key {
  background-image: url("../images/icons/white/envelope-key.svg");
}

.custom-icons.ci-abanka {
  background-image: url("../images/icons/payments/abanka.svg");
}

.custom-icons.ci-activa {
  background-image: url("../images/icons/payments/activa.svg");
}

.custom-icons.ci-maestro {
  background-image: url("../images/icons/payments/maestro.svg");
}

.custom-icons.ci-mastercard {
  background-image: url("../images/icons/payments/mastercard.svg");
}

.custom-icons.ci-moneta {
  background-image: url("../images/icons/payments/moneta.svg");
}

.custom-icons.ci-nlbklik {
  background-image: url("../images/icons/payments/nlbklik.svg");
}

.custom-icons.ci-visa {
  background-image: url("../images/icons/payments/visa.svg");
}

.custom-icons.ci-visa-electron {
  background-image: url("../images/icons/payments/visa-electron.svg");
}

.custom-icons.ci-plus {
  background-image: url("../images/icons/white/plus.svg");
}

.custom-icons.ci-minus {
  background-image: url("../images/icons/white/minus.svg");
}

.custom-icons.ci-time {
  background-image: url("../images/icons/white/time.svg");
}

.custom-icons.ci-insurance-cargo {
  background-image: url("../images/icons/others/insurance-cargo.svg");
}

.custom-icons.ci-insurance-loss {
  background-image: url("../images/icons/others/insurance-loss.svg");
}

.custom-icons.ci-insurance-machines {
  background-image: url("../images/icons/others/insurance-machines.svg");
}

.custom-icons.ci-insurance-money-bag {
  background-image: url("../images/icons/others/insurance-money-bag.svg");
}

.custom-icons.ci-insurance-receivable {
  background-image: url("../images/icons/others/insurance-receivable.svg");
}

.custom-icons.ci-insurance-responsibilities {
  background-image: url("../images/icons/others/insurance-responsibilities.svg");
}

.custom-icons.ci-insurance-stop {
  background-image: url("../images/icons/others/insurance-stop.svg");
}

.custom-icons.ci-insurance-transport {
  background-image: url("../images/icons/others/insurance-transport.svg");
}

.custom-icons.ci-reset {
  background-image: url("../images/icons/others/icon-reset.svg");
}

.custom-icons.ci-reset-circle {
  background-image: url("../images/icons/others/icon-reset-circle.svg");
}

.custom-icons.ci-reset-circle-white {
  background-image: url("../images/icons/white/icon-reset-circle.svg");
}

.custom-icons.ci-attachment {
  background-image: url("../images/icons/others/icon-attachment.svg");
}

.custom-icons.ci-envelope-danger {
  background-image: url("../images/icons/others/icon-envelope-danger.svg");
}

.custom-icons.ci-filter {
  background-image: url("../images/icons/others/icon-filter.svg");
}

.icon-logo {
  display: inline-block;
  min-width: 1rem;
  min-height: 1rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.icon-logo.il-bg-left {
  background-position: left center;
}

.icon-logo.il-bg-right {
  background-position: right center;
}

.icon-logo.il-md {
  width: 2rem;
  height: 2rem;
}

.icon-logo.il-lg {
  width: 3rem;
  height: 3rem;
}

.icon-logo.il-xl {
  width: 4rem;
  height: 4rem;
}

.icon-logo.il-xxl {
  width: 5rem;
  height: 5rem;
}

.icon-logo.il-xxxl {
  width: 6rem;
  height: 6rem;
}

.icon-logo.il-horizontal.il-block {
  width: 100%;
  height: 1rem;
}

.icon-logo.il-horizontal.il-block.il-md {
  height: 2rem;
}

.icon-logo.il-horizontal.il-block.il-lg {
  height: 3rem;
}

.icon-logo.il-horizontal.il-block.il-xl {
  height: 4rem;
}

.icon-logo.il-horizontal.il-block.il-xxl {
  height: 5rem;
}

.icon-logo.il-horizontal.il-block.il-xxxl {
  height: 6rem;
}

.icon-logo.il-triglav-znak {
  background-image: url("../images/logos/triglav-znak.svg");
}

.icon-logo.il-triglav {
  background-image: url("../images/logos/triglav.svg");
}

.icon-logo.il-triglav-zdravje {
  background-image: url("../images/logos/triglav-zdravje.svg");
}

.icon-logo.il-triglav-skladi {
  background-image: url("../images/logos/triglav-skladi.svg");
}

.icon-logo.il-triglav-piktogram {
  background-image: url("../images/logos/triglav-piktogram.svg");
}

.icon-logo.il-triglav-vertical {
  background-image: url("../images/logos/triglav-vertical.svg");
}

.icon-logo.il-triglav-vertical-piktogram {
  background-image: url("../images/logos/triglav-vertical-piktogram.svg");
}

.icon-logo.il-piktogram {
  background-image: url("../images/logos/piktogram.svg");
}

.icon-logo.il-piktogram-enobarvni {
  background-image: url("../images/logos/piktogram-enobarvni.svg");
}

.icon-logo.il-triglav-reverse {
  background-image: url("../images/logos/triglav-reverse.svg");
}

.icon-logo.il-triglav-piktogram-reverse {
  background-image: url("../images/logos/triglav-piktogram-reverse.svg");
}

.icon-logo.il-triglav-halo-zdravje {
  background-image: url("../images/logos/triglav-halozdravje.svg");
}

@media (min-width: 1200px) {
  .container {
    max-width: 1360px;
  }
}

.container-small {
  margin: auto;
  max-width: 1022px;
  padding-right: 15px;
  padding-left: 15px;
}

.container-form {
  margin: auto;
  max-width: 632px;
  padding-right: 16px;
  padding-left: 16px;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #4C4C4C;
  background-color: #FAFAFA;
  min-width: 300px;
  /* Go up */
}

body a {
  color: #0090FF;
}

body a:hover {
  color: rgba(0, 144, 255, 0.5);
  text-decoration: none;
}

body.account-page {
  background-attachment: fixed;
  background-image: url("../images/login-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body .action-go-up {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  border-radius: 50%;
  background: #4B4B4B;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  z-index: 9999;
}

body .action-go-up.active {
  opacity: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10000)";
  filter: alpha(opacity=10000);
  visibility: visible;
}

body .action-go-up:hover {
  background: #858585;
}

body .action-go-up span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #ffffff;
}

body .sticky-row-bottom {
  width: 100%;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  left: 0;
}

body .sticky-row-bottom.active {
  position: fixed;
  z-index: 98;
  bottom: 0;
  padding-left: 48px;
  padding-right: 48px;
  background-color: #ffffff;
  border-top: 1px solid #DDD;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

body .sticky-content-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .sticky-content-payment .align-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

body .sticky-content-payment .s-field {
  width: 300px;
}

@media (max-width: 1115px) {
  body .sticky-content-payment .s-field {
    width: 240px;
  }
}

@media (max-width: 991.98px) {
  body .sticky-content-payment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body .sticky-content-payment .s-field {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  body .sticky-content-payment .align-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

h1, .h1 {
  font-size: 26px;
  font-weight: 400;
}

h2, .h2 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.4;
}

h3, .h3 {
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: uppercase;
}

h4, .h4 {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #A5A5A5;
  font-weight: normal;
}

h5, .h5 {
  font-size: 1rem;
  color: #4C4C4C;
  font-weight: normal;
}

.display-5 {
  font-size: 26px;
  font-weight: 300;
}

.red-title {
  color: #ED2939;
  font-weight: 600;
  margin: 0;
}

.dark-red-title {
  color: #EA2227;
  font-weight: 600;
  margin: 0;
}

.text-small {
  font-size: 13px;
}

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

.text-weight-light {
  font-weight: 300;
}

.text-weight-normal {
  font-weight: normal !important;
}

.text-normal {
  text-transform: none;
}

.text-featured {
  font-size: 1rem;
}

.text-medium {
  font-size: 1.8rem;
}

.text-big {
  font-size: 2rem;
}

.text-bigger {
  font-size: 3rem;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-color-gray-light {
  color: #A5A5A5;
}

.text-color-gray-dark {
  color: #4B4B4B;
}

.text-color-blue {
  color: #008BCB;
}

.text-color-white {
  color: #ffffff;
}

.icon.icon-larger {
  font-size: 70px;
}

.icon.icon-large {
  font-size: 3rem;
}

.icon.icon-small {
  font-size: 2rem;
}

.icon.icon-xsmall {
  font-size: 1rem;
}

.icon.icon-dark {
  color: #4C4C4C;
}

.icon.icon-light {
  color: #BEBEBE;
}

.icon.icon-blue {
  color: #008BCB;
}

.pl-4-5 {
  padding-left: 1.9rem !important;
}

@media (min-width: 768px) {
  .row.small-spacing .col-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.bg-gray {
  background-color: #f5f5f5;
}

.hide-it {
  display: none;
}

.datepicker {
  z-index: 1053 !important;
}

.box-link-group {
  float: right;
  margin-bottom: 0.5rem;
}

.box-link-group a {
  color: #0090FF;
  margin: 0 0.5rem;
  font-size: 0.8rem;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.box-link-group a:hover {
  text-decoration: none;
  color: #008BCB;
}

.box-link-group a:last-child {
  margin-right: 0;
}

.box-link-group a .icon {
  margin-right: 5px;
  vertical-align: middle;
}

@media (max-width: 991.98px) {
  .box-link-group {
    float: none;
  }
}

.m-center {
  margin: 0 auto;
}

.main-wrapper {
  display: block;
  width: 100%;
  vertical-align: top;
  padding: 30px 0;
  position: relative;
}

.main-wrapper .header {
  max-width: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main-wrapper .header h2 {
  font-size: 16px;
  margin-right: 20px;
}

.main-wrapper .header .form-group {
  max-width: 350px;
  width: 100%;
}

@media (max-width: 575.98px) {
  .main-wrapper .header h2 {
    font-size: 14px;
    line-height: 1.2;
  }
}

@media (min-width: 576px) {
  .main-wrapper .user-manual {
    padding-bottom: 1rem;
  }
}

@media (max-width: 991.98px) {
  .main-wrapper .user-manual {
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding-bottom: 1.3rem;
  }
  .main-wrapper .user-manual a {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  .main-wrapper .user-manual {
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding-bottom: 1.7rem;
  }
  .main-wrapper .user-manual a {
    font-size: 9px;
    text-align: right;
    line-height: 1.4;
  }
  .main-wrapper .user-manual a span {
    font-size: 1.6rem;
  }
}

.main-wrapper .main, .main-wrapper .sidebar {
  margin: 0;
  padding: 0;
  margin-right: -4px;
  vertical-align: top;
}

.main-wrapper .main {
  display: inline-block;
  width: calc(100% - 400px);
}

.main-wrapper .sidebar {
  display: inline-block;
  width: 400px;
}

.main-wrapper.large .main {
  display: inline-block;
  width: calc(100% - 450px);
}

.main-wrapper.large .sidebar {
  display: inline-block;
  width: 450px;
}

@media (max-width: 991.98px) {
  .main-wrapper.large .main, .main-wrapper.large .sidebar {
    width: 100%;
    display: block;
  }
}

@media (max-width: 767.98px) {
  .main-wrapper .main, .main-wrapper .sidebar {
    width: 100%;
    display: block;
  }
}

.highlight {
  padding: 0.5rem;
  overflow: auto;
  background: rgba(100, 108, 128, 0.04);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.highlight pre {
  font-size: 100%;
  margin: 0;
}

.tippy-content-html {
  display: none;
}

.tippy-tooltip.triglav-theme {
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  background-color: #ffffff;
}

.tippy-tooltip.popupmap-theme {
  padding: 15px;
}

.tippy-tooltip.popupmap-theme input.form-input {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 200px;
  bottom: 25px;
}

.tippy-tooltip.popupmap-theme .gmnoprint.gm-bundled-control .gmnoprint > div {
  background: #ffffff !important;
}

@media (max-width: 575.98px) {
  .tippy-tooltip.popupmap-theme .initPopovermap {
    max-width: 100%;
  }
}

.tippy-popper[x-placement^=top] .tippy-arrow {
  border-top-color: #ffffff;
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
  border-bottom-color: #ffffff;
}

.popover {
  background-color: #EA2227;
  background-image: -o-linear-gradient(left, #EA2227 0%, #772025 100%);
  background: -webkit-gradient(linear, left top, right top, from(#EA2227), to(#772025));
  background: linear-gradient(to right, #EA2227 0%, #772025 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA2227', endColorstr='#772025',GradientType=1 );
  border-radius: 20px;
  color: #ffffff;
  border: none;
  width: 100%;
  max-width: 400px;
  padding: 1rem;
}

.popover .popover-header {
  font-size: 0.8rem;
  text-transform: none;
  color: #ffffff;
  margin-bottom: 0.5rem;
  background: none;
  border: none;
}

.popover .popover-body {
  color: #ffffff;
  font-size: 0.8rem;
}

.popover .popover-body ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

.popover .popover-body ul li {
  position: relative;
  margin-bottom: 0.5rem;
}

.popover .popover-body ul li::before {
  content: "\2022";
  position: absolute;
  left: -15px;
}

.popover.popover-white {
  background: #ffffff !important;
  color: #4C4C4C !important;
}

.popover.popover-shadow {
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
}

.popover.popover-error {
  -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3);
  max-width: 270px;
}

.popover.popover-error .arrow {
  background-image: url("../images/icons/white/tooltip-arrow.svg");
  background-size: auto;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  left: -14px;
  margin: 0;
}

.popover.popover-error .arrow:before, .popover.popover-error .arrow:after {
  display: none;
}

.popover.popover-error .popover-body p {
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}

.popover.popover-error .popover-body ul {
  margin-bottom: 0;
}

.popover.popover-error .popover-body ul li {
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px 0;
}

.popover.popover-error .popover-body ul li:before {
  left: -10px;
}

.popover.bs-popover-top .arrow::after {
  border-top-color: #EA2227;
}

.popover.bs-popover-right .arrow::after {
  border-right-color: #EA2227;
}

.popover.bs-popover-bottom .arrow::after {
  border-bottom-color: #EA2227;
}

.popover.bs-popover-left .arrow::after {
  border-left-color: #EA2227;
}

.popover.popover-white .popover-body, .popover.popover-white .popover-header {
  color: #4B4B4B;
}

.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #6E6E6E;
}

.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #6E6E6E;
}

.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #6E6E6E;
}

.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #6E6E6E;
}

.passwordpopover.bs-popover-top .arrow::after, .passwordpopover.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #6E6E6E;
}

.passwordpopover.bs-popover-bottom .arrow::after, .passwordpopover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #6E6E6E;
}

.passwordpopover.bs-popover-left .arrow::after, .passwordpopover.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #6E6E6E;
}

.passwordpopover.bs-popover-right .arrow::after, .passwordpopover.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #6E6E6E;
}

.popover-white.bs-popover-top .arrow::after, .popover-white.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #ffffff;
}

.popover-white.bs-popover-bottom .arrow::after, .popover-white.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #ffffff;
}

.popover-white.bs-popover-left .arrow::after, .popover-white.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #ffffff;
}

.popover-white.bs-popover-right .arrow::after, .popover-white.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #ffffff;
}

.DraggableLayout,
.Block--isDraggable {
  outline: 0px;
}

.collapsible {
  margin-bottom: 2rem;
}

.collapsible .collapsible-icon {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  font-size: 1rem;
  margin-right: 0.3rem;
}

.collapsible .collapsible-trigger {
  cursor: pointer;
}

.collapsible .collapsible-trigger .icon-arrow-up {
  float: right;
  margin-top: 6px;
}

.collapsible .collapsible-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.collapsible.open .collapsible-icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.contact-link {
  background-color: #ED2939;
  border-radius: 35px;
  position: relative;
  padding: 7px 18px 8px 12px;
  margin-bottom: 0.5rem;
  display: inline-block;
  line-height: 100%;
  text-decoration: none;
  margin-left: 1.5rem;
  font-size: 1.2rem;
  letter-spacing: 0;
}

.contact-link:hover {
  text-decoration: none;
}

.contact-link.blue {
  background-color: #0083cb;
}

.contact-link.green {
  background-color: #00b1a0;
}

.contact-link.gray {
  background-color: #4B4B4B;
}

.contact-link.white {
  background-color: #ffffff;
}

.contact-link.white .text {
  color: #000000;
}

.contact-link.white .dot {
  background-color: #000000;
}

.contact-link.inverted {
  background: none;
  border: 2px solid #ffffff;
}

.contact-link img {
  position: absolute;
  top: -7px;
  left: -25px;
  width: 24px;
}

.contact-link .text {
  font-weight: bold;
  color: #ffffff;
  vertical-align: middle;
  line-height: 100%;
}

.contact-link .dot {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

@media (max-width: 991.98px) {
  .contact-link .dot {
    width: 10px;
    height: 10px;
    margin-right: 1rem;
  }
}

.alert {
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  background: none;
  border-width: 2px;
  font-size: 0.8rem;
  position: relative;
}

.alert.alert-danger {
  border-color: rgba(119, 32, 37, 0.7);
}

.alert.alert-with-icon {
  padding-left: 4rem;
}

.alert.alert-with-icon .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 1.25rem;
  font-size: 2rem;
}

.alert .close {
  outline: none;
  position: absolute;
  top: 0;
  right: 0.3rem;
  float: none;
}

.icon.icon-logo-sign {
  background: url("../images/logo-sign.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  width: 100%;
  height: 100%;
}

.dark-box {
  background: #333333;
  padding: 2rem;
}

/* Google maps */
.googleMaps-content {
  color: #4B4B4B;
  padding: .3rem;
  text-align: Left;
}

.googleMaps-content .googleMaps-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.3rem 0;
}

.show-popover-map {
  outline: 0;
}

.tippy-popper {
  pointer-events: all !important;
}

.initMap #places-search-input,
.initMap-pogodbeniServis #places-search-input,
.initMap-zavarovalniceTriglav #places-search-input {
  bottom: 0.5rem !important;
  width: 70%;
}

.initMap a[rel="noopener"],
.initMap-pogodbeniServis a[rel="noopener"],
.initMap-zavarovalniceTriglav a[rel="noopener"] {
  display: none !important;
}

.initMap .gmnoprint a,
.initMap .gmnoprint span,
.initMap .gm-style-cc,
.initMap-pogodbeniServis .gmnoprint a,
.initMap-pogodbeniServis .gmnoprint span,
.initMap-pogodbeniServis .gm-style-cc,
.initMap-zavarovalniceTriglav .gmnoprint a,
.initMap-zavarovalniceTriglav .gmnoprint span,
.initMap-zavarovalniceTriglav .gm-style-cc {
  display: none;
}

map area.selected {
  background: #4B4B4B;
}

@media (min-width: 1550px) {
  .offset-right {
    right: -100px;
    position: relative;
  }
}

.seznam-polic {
  max-width: 1410px !important;
  height: 749px !important;
}

.box-item-content-modal {
  width: 100%;
  padding: 0px !important;
  overflow-y: scroll;
}

.modal-content-custom {
  padding: 0px !important;
}

.modal-header-custom::before, .modal-header-custom::after {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.modal-header-custom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  background-color: #f9f9f9 !important;
  padding-bottom: 16px !important;
  border-radius: 20px 20px 0px 0px;
}

.box-item-content-modal::-webkit-scrollbar {
  width: 12px;
}

.box-item-content-modal::-webkit-scrollbar-track {
  background: #FAFAFA;
  -webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1), -1px 0px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1), -1px 0px 0px rgba(0, 0, 0, 0.1);
  width: 14px;
}

.box-item-content-modal::-webkit-scrollbar-thumb {
  background: #C4C4C4;
  border-radius: 10px;
  border: 3px solid #FAFAFA;
}

@media (min-width: 1200px) {
  .custom-lbl {
    margin-left: 65px !important;
  }
}

.modal-header.modal-header-custom > button:focus {
  outline: none;
}

.modal-header.modal-header-custom > button > span:focus-visible {
  outline: none;
}

.cs-collapsible-trigger {
  border-bottom: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.cs-collapsible {
  margin-bottom: 0px;
}

.cs-box {
  padding: 24px 20px !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  .cs-box {
    padding: 24px 40px !important;
  }
}

.cs-collapsible .title {
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  text-transform: uppercase;
}

.cs-t-row {
  border: none !important;
  min-height: 35px !important;
}

.cs-box-item-content .table-res .t-h-row .t-cell {
  text-transform: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
}

.cs-box-item-content {
  padding: 30px 0 0 0 !important;
}

.cs-box-item-content .table-res {
  margin: 0px;
}

.cs-box-item-content .table-res .t-h-row .t-cell:first-child {
  font-weight: normal;
}

.cs-box-item-content .table-res .t-h-row .t-cell .cell-price, .table-res .t-row .t-cell .cell-price {
  min-width: 0px !important;
}

.cs-box-item-content .table-res .t-h-row .t-cell:first-child, .cs-box-item-content .table-res .t-row .t-cell:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
}

.cs-no-bottom-border {
  border-bottom: none !important;
}

@font-face {
  font-family: 'Socicon';
  src: url("../fonts/Socicon.eot?xvgs9q");
  src: url("../fonts/Socicon.eot?xvgs9q#iefix") format("embedded-opentype"), url("../fonts/Socicon.woff2?xvgs9q") format("woff2"), url("../fonts/Socicon.ttf?xvgs9q") format("truetype"), url("../fonts/Socicon.woff?xvgs9q") format("woff"), url("../fonts/Socicon.svg?xvgs9q#Socicon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="socicon-"], [class*=" socicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Socicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-augment:before {
  content: "\E908";
}

.socicon-bitbucket:before {
  content: "\E909";
}

.socicon-fyuse:before {
  content: "\E90A";
}

.socicon-yt-gaming:before {
  content: "\E90B";
}

.socicon-sketchfab:before {
  content: "\E90C";
}

.socicon-mobcrush:before {
  content: "\E90D";
}

.socicon-microsoft:before {
  content: "\E90E";
}

.socicon-pandora:before {
  content: "\E907";
}

.socicon-messenger:before {
  content: "\E906";
}

.socicon-gamewisp:before {
  content: "\E905";
}

.socicon-bloglovin:before {
  content: "\E904";
}

.socicon-tunein:before {
  content: "\E903";
}

.socicon-gamejolt:before {
  content: "\E901";
}

.socicon-trello:before {
  content: "\E902";
}

.socicon-spreadshirt:before {
  content: "\E900";
}

.socicon-500px:before {
  content: "\E000";
}

.socicon-8tracks:before {
  content: "\E001";
}

.socicon-airbnb:before {
  content: "\E002";
}

.socicon-alliance:before {
  content: "\E003";
}

.socicon-amazon:before {
  content: "\E004";
}

.socicon-amplement:before {
  content: "\E005";
}

.socicon-android:before {
  content: "\E006";
}

.socicon-angellist:before {
  content: "\E007";
}

.socicon-apple:before {
  content: "\E008";
}

.socicon-appnet:before {
  content: "\E009";
}

.socicon-baidu:before {
  content: "\E00A";
}

.socicon-bandcamp:before {
  content: "\E00B";
}

.socicon-battlenet:before {
  content: "\E00C";
}

.socicon-mixer:before {
  content: "\E00D";
}

.socicon-bebee:before {
  content: "\E00E";
}

.socicon-bebo:before {
  content: "\E00F";
}

.socicon-behance:before {
  content: "\E010";
}

.socicon-blizzard:before {
  content: "\E011";
}

.socicon-blogger:before {
  content: "\E012";
}

.socicon-buffer:before {
  content: "\E013";
}

.socicon-chrome:before {
  content: "\E014";
}

.socicon-coderwall:before {
  content: "\E015";
}

.socicon-curse:before {
  content: "\E016";
}

.socicon-dailymotion:before {
  content: "\E017";
}

.socicon-deezer:before {
  content: "\E018";
}

.socicon-delicious:before {
  content: "\E019";
}

.socicon-deviantart:before {
  content: "\E01A";
}

.socicon-diablo:before {
  content: "\E01B";
}

.socicon-digg:before {
  content: "\E01C";
}

.socicon-discord:before {
  content: "\E01D";
}

.socicon-disqus:before {
  content: "\E01E";
}

.socicon-douban:before {
  content: "\E01F";
}

.socicon-draugiem:before {
  content: "\E020";
}

.socicon-dribbble:before {
  content: "\E021";
}

.socicon-drupal:before {
  content: "\E022";
}

.socicon-ebay:before {
  content: "\E023";
}

.socicon-ello:before {
  content: "\E024";
}

.socicon-endomodo:before {
  content: "\E025";
}

.socicon-envato:before {
  content: "\E026";
}

.socicon-etsy:before {
  content: "\E027";
}

.socicon-facebook:before {
  content: "\E028";
}

.socicon-feedburner:before {
  content: "\E029";
}

.socicon-filmweb:before {
  content: "\E02A";
}

.socicon-firefox:before {
  content: "\E02B";
}

.socicon-flattr:before {
  content: "\E02C";
}

.socicon-flickr:before {
  content: "\E02D";
}

.socicon-formulr:before {
  content: "\E02E";
}

.socicon-forrst:before {
  content: "\E02F";
}

.socicon-foursquare:before {
  content: "\E030";
}

.socicon-friendfeed:before {
  content: "\E031";
}

.socicon-github:before {
  content: "\E032";
}

.socicon-goodreads:before {
  content: "\E033";
}

.socicon-google:before {
  content: "\E034";
}

.socicon-googlescholar:before {
  content: "\E035";
}

.socicon-googlegroups:before {
  content: "\E036";
}

.socicon-googlephotos:before {
  content: "\E037";
}

.socicon-googleplus:before {
  content: "\E038";
}

.socicon-grooveshark:before {
  content: "\E039";
}

.socicon-hackerrank:before {
  content: "\E03A";
}

.socicon-hearthstone:before {
  content: "\E03B";
}

.socicon-hellocoton:before {
  content: "\E03C";
}

.socicon-heroes:before {
  content: "\E03D";
}

.socicon-hitbox:before {
  content: "\E03E";
}

.socicon-horde:before {
  content: "\E03F";
}

.socicon-houzz:before {
  content: "\E040";
}

.socicon-icq:before {
  content: "\E041";
}

.socicon-identica:before {
  content: "\E042";
}

.socicon-imdb:before {
  content: "\E043";
}

.socicon-instagram:before {
  content: "\E044";
}

.socicon-issuu:before {
  content: "\E045";
}

.socicon-istock:before {
  content: "\E046";
}

.socicon-itunes:before {
  content: "\E047";
}

.socicon-keybase:before {
  content: "\E048";
}

.socicon-lanyrd:before {
  content: "\E049";
}

.socicon-lastfm:before {
  content: "\E04A";
}

.socicon-line:before {
  content: "\E04B";
}

.socicon-linkedin:before {
  content: "\E04C";
}

.socicon-livejournal:before {
  content: "\E04D";
}

.socicon-lyft:before {
  content: "\E04E";
}

.socicon-macos:before {
  content: "\E04F";
}

.socicon-mail:before {
  content: "\E050";
}

.socicon-medium:before {
  content: "\E051";
}

.socicon-meetup:before {
  content: "\E052";
}

.socicon-mixcloud:before {
  content: "\E053";
}

.socicon-modelmayhem:before {
  content: "\E054";
}

.socicon-mumble:before {
  content: "\E055";
}

.socicon-myspace:before {
  content: "\E056";
}

.socicon-newsvine:before {
  content: "\E057";
}

.socicon-nintendo:before {
  content: "\E058";
}

.socicon-npm:before {
  content: "\E059";
}

.socicon-odnoklassniki:before {
  content: "\E05A";
}

.socicon-openid:before {
  content: "\E05B";
}

.socicon-opera:before {
  content: "\E05C";
}

.socicon-outlook:before {
  content: "\E05D";
}

.socicon-overwatch:before {
  content: "\E05E";
}

.socicon-patreon:before {
  content: "\E05F";
}

.socicon-paypal:before {
  content: "\E060";
}

.socicon-periscope:before {
  content: "\E061";
}

.socicon-persona:before {
  content: "\E062";
}

.socicon-pinterest:before {
  content: "\E063";
}

.socicon-play:before {
  content: "\E064";
}

.socicon-player:before {
  content: "\E065";
}

.socicon-playstation:before {
  content: "\E066";
}

.socicon-pocket:before {
  content: "\E067";
}

.socicon-qq:before {
  content: "\E068";
}

.socicon-quora:before {
  content: "\E069";
}

.socicon-raidcall:before {
  content: "\E06A";
}

.socicon-ravelry:before {
  content: "\E06B";
}

.socicon-reddit:before {
  content: "\E06C";
}

.socicon-renren:before {
  content: "\E06D";
}

.socicon-researchgate:before {
  content: "\E06E";
}

.socicon-residentadvisor:before {
  content: "\E06F";
}

.socicon-reverbnation:before {
  content: "\E070";
}

.socicon-rss:before {
  content: "\E071";
}

.socicon-sharethis:before {
  content: "\E072";
}

.socicon-skype:before {
  content: "\E073";
}

.socicon-slideshare:before {
  content: "\E074";
}

.socicon-smugmug:before {
  content: "\E075";
}

.socicon-snapchat:before {
  content: "\E076";
}

.socicon-songkick:before {
  content: "\E077";
}

.socicon-soundcloud:before {
  content: "\E078";
}

.socicon-spotify:before {
  content: "\E079";
}

.socicon-stackexchange:before {
  content: "\E07A";
}

.socicon-stackoverflow:before {
  content: "\E07B";
}

.socicon-starcraft:before {
  content: "\E07C";
}

.socicon-stayfriends:before {
  content: "\E07D";
}

.socicon-steam:before {
  content: "\E07E";
}

.socicon-storehouse:before {
  content: "\E07F";
}

.socicon-strava:before {
  content: "\E080";
}

.socicon-streamjar:before {
  content: "\E081";
}

.socicon-stumbleupon:before {
  content: "\E082";
}

.socicon-swarm:before {
  content: "\E083";
}

.socicon-teamspeak:before {
  content: "\E084";
}

.socicon-teamviewer:before {
  content: "\E085";
}

.socicon-technorati:before {
  content: "\E086";
}

.socicon-telegram:before {
  content: "\E087";
}

.socicon-tripadvisor:before {
  content: "\E088";
}

.socicon-tripit:before {
  content: "\E089";
}

.socicon-triplej:before {
  content: "\E08A";
}

.socicon-tumblr:before {
  content: "\E08B";
}

.socicon-twitch:before {
  content: "\E08C";
}

.socicon-twitter:before {
  content: "\E08D";
}

.socicon-uber:before {
  content: "\E08E";
}

.socicon-ventrilo:before {
  content: "\E08F";
}

.socicon-viadeo:before {
  content: "\E090";
}

.socicon-viber:before {
  content: "\E091";
}

.socicon-viewbug:before {
  content: "\E092";
}

.socicon-vimeo:before {
  content: "\E093";
}

.socicon-vine:before {
  content: "\E094";
}

.socicon-vkontakte:before {
  content: "\E095";
}

.socicon-warcraft:before {
  content: "\E096";
}

.socicon-wechat:before {
  content: "\E097";
}

.socicon-weibo:before {
  content: "\E098";
}

.socicon-whatsapp:before {
  content: "\E099";
}

.socicon-wikipedia:before {
  content: "\E09A";
}

.socicon-windows:before {
  content: "\E09B";
}

.socicon-wordpress:before {
  content: "\E09C";
}

.socicon-wykop:before {
  content: "\E09D";
}

.socicon-xbox:before {
  content: "\E09E";
}

.socicon-xing:before {
  content: "\E09F";
}

.socicon-yahoo:before {
  content: "\E0A0";
}

.socicon-yammer:before {
  content: "\E0A1";
}

.socicon-yandex:before {
  content: "\E0A2";
}

.socicon-yelp:before {
  content: "\E0A3";
}

.socicon-younow:before {
  content: "\E0A4";
}

.socicon-youtube:before {
  content: "\E0A5";
}

.socicon-zapier:before {
  content: "\E0A6";
}

.socicon-zerply:before {
  content: "\E0A7";
}

.socicon-zomato:before {
  content: "\E0A8";
}

.socicon-zynga:before {
  content: "\E0A9";
}

@media (max-width: 767.98px) {
  [class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  header .account-panel .label {
    display: none;
  }
  .has-error .form-error-container {
    width: 90%;
  }
  form .form-row .fi-item {
    margin: 0;
  }
  .pin-inputs.has-error .form-error-container {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    top: auto;
    bottom: 100%;
    margin-left: 0;
    margin-bottom: 1rem;
  }
  .pin-inputs.has-error .form-error-container:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    right: auto;
    top: 100%;
    border-right-color: transparent;
    border-top-color: #EA2227;
  }
  .popover {
    width: 85% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    padding: 1rem !important;
  }
  .popover .checklist {
    margin-bottom: 0.5rem !important;
  }
  .popover .title {
    margin-bottom: 0.5rem !important;
  }
  .popover .checklist, .popover .title, .popover .result {
    font-size: 0.7rem !important;
  }
}

@media (max-width: 575.98px) {
  .button:not(.btn-small) {
    padding: 1rem 1.5rem !important;
    line-height: 1.1;
    height: auto;
    max-height: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .main-wrapper .main {
    width: calc(100% - 350px);
  }
  .main-wrapper .sidebar {
    width: 350px;
  }
  .box-item {
    padding: 0 1rem;
  }
  .box-item .box-item-links {
    padding: 0 0 0.5rem 0 !important;
  }
}

.button {
  border-radius: 25px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  background: #4B4B4B;
  color: #ffffff;
  display: inline-block;
  padding: 0.9rem 2rem;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5em;
  text-decoration: none;
  text-align: center;
  font-weight: 800;
  max-height: 46px;
  border: 0;
  line-height: 18px;
}

@media (max-width: 991.98px) {
  .button {
    letter-spacing: 0;
    font-size: 12px;
  }
}

.button[disabled], .button.disabled {
  opacity: 0.25;
}

.button.btn-shadow {
  -webkit-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2);
}

.button.btn-check {
  background: none;
  border: none;
  color: #4B4B4B;
  padding: 0 !important;
  height: 46px;
  line-height: 46px;
}

.button.btn-check .icon {
  color: #28a745;
  vertical-align: middle;
  border: 1px solid #4B4B4B;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  margin-right: 10px;
  margin-top: -4px;
  letter-spacing: 0;
}

.button.btn-check:hover {
  background: none;
}

.button.btn-green {
  background: #34B233;
}

.button.btn-green:hover {
  background: #4dcc4c !important;
}

.button.btn-invert {
  background: #ffffff;
  border: 1px solid #4C4C4C;
  color: #4C4C4C;
}

.button.btn-invert:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 4px 4px -4px rgba(66, 66, 66, 0.2);
          box-shadow: 0px 4px 4px -4px rgba(66, 66, 66, 0.2);
  border: 1px solid #222222;
  color: #222222;
}

.button.btn-round {
  border-radius: 50%;
  width: 48px;
  height: 46px;
  padding: 0;
}

.button.btn-round [class^="icon-"],
.button.btn-round [class*=" icon-"] {
  margin: 0;
}

.button.btn-transparent-second {
  letter-spacing: 2px;
  font-size: 14px;
  background: transparent;
  position: relative;
  padding: 0.85rem 2rem 1rem 2rem;
  letter-spacing: 4px;
}

.button.btn-transparent-second.has-icon {
  padding-left: 3.8rem !important;
}

.button.btn-transparent-second .icon {
  top: 17px;
  position: absolute;
  left: 20px;
  font-size: 1.7rem;
}

.button.btn-transparent-second:before, .button.btn-transparent-second:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% - 1px);
  border: 1px solid transparent;
  border-radius: 50px;
  top: 0;
  left: 0;
}

.button.btn-transparent-second:before {
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  -webkit-transition: border 0.5s;
  /* Safari */
  transition: border 0.5s;
}

.button.btn-transparent-second:after {
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
  bottom: 0;
  right: 0;
  border-bottom-right-radius: 0;
  width: 80%;
}

.button.btn-transparent-second:hover {
  color: #ffffff;
  background-color: transparent !important;
}

.button.btn-transparent-second:hover:before {
  border-bottom-color: #ffffff;
}

.button.btn-transparent-second.btn-transparent-inverse-second {
  color: #4B4B4B;
}

.button.btn-transparent-second.btn-transparent-inverse-second:before {
  border-top-color: #4B4B4B;
  border-right-color: #4B4B4B;
}

.button.btn-transparent-second.btn-transparent-inverse-second:after {
  border-bottom-color: #4B4B4B;
  border-left-color: #4B4B4B;
}

.button.btn-transparent-second.btn-transparent-inverse-second:hover:not([disabled]):not(.btn-disabled) {
  color: #4B4B4B !important;
  background: none !important;
}

.button.btn-transparent-second.btn-transparent-inverse-second:hover:not([disabled]):not(.btn-disabled):before {
  border-bottom-color: #4B4B4B;
}

.button.btn-transparent-second.btn-transparent-inverse-second.btn-external-alt span {
  background-image: url("../images/icons/gray/icon-linkexternal.svg");
}

.button.btn-transparent-second.no-white-gap:after {
  border-bottom-right-radius: 50px;
  width: 100%;
}

.button.btn-disabled, .button[disabled] {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: default !important;
}

.button.btn-disabled:hover, .button[disabled]:hover {
  text-decoration: none;
}

.button.btn-transparent {
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  font-size: 14px;
  font-weight: 800;
  background: transparent;
  position: relative;
  max-height: 46px;
  border: 1px solid;
}

@media (max-width: 991.98px) {
  .button.btn-transparent {
    font-size: 12px;
  }
}

.button.btn-transparent.btn-transparent-inverse-second {
  color: #4B4B4B;
}

.button.btn-transparent.btn-transparent-inverse-second:before {
  border-top-color: #4B4B4B;
  border-right-color: #4B4B4B;
}

.button.btn-transparent.btn-transparent-inverse-second:after {
  border-bottom-color: #4B4B4B;
  border-left-color: #4B4B4B;
}

.button.btn-transparent.btn-transparent-inverse-second:hover:not([disabled]):not(.btn-disabled) {
  color: #4B4B4B !important;
  background: none !important;
}

.button.btn-transparent.btn-transparent-inverse-second:hover:not([disabled]):not(.btn-disabled):before {
  border-bottom-color: #4B4B4B;
}

.button.btn-transparent:hover {
  background: none !important;
  color: #A5A5A5 !important;
}

.button.btn-transparent.has-icon {
  padding-left: 3.1rem;
}

@media (max-width: 767.98px) {
  .button.btn-transparent.has-icon {
    padding-left: 2.5rem !important;
  }
}

.button.btn-transparent.btn-transparent-inverse {
  color: #4B4B4B;
}

.button.btn-transparent.btn-transparent-inverse:before {
  border-top-color: #4B4B4B;
  border-right-color: #4B4B4B;
}

.button.btn-transparent.btn-transparent-inverse:after {
  border-bottom-color: #4B4B4B;
  border-left-color: #4B4B4B;
}

.button.btn-transparent.btn-transparent-inverse:hover {
  color: #000000 !important;
}

.button.btn-transparent.btn-transparent-inverse:hover:before {
  border: 1px solid #4B4B4B;
}

.button.btn-transparent .icon {
  top: 16px;
  position: absolute;
  left: 15px;
  font-size: 14px;
  line-height: 1;
}

.button.btn-small {
  padding: 4px 9px 3px 8px;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: bold;
}

.button.btn-small.left-icon {
  position: relative;
  padding-left: 40px;
}

.button.btn-small.left-icon .icon {
  position: absolute;
  left: 12px;
  top: 4px;
  font-size: 17px;
  margin-left: 0;
}

.button.btn-small.left-icon .icon-plus {
  font-size: 14px;
  top: 6px;
}

.button.btn-small [class^="icon-"],
.button.btn-small .icon {
  line-height: 100%;
  font-size: 14px;
  margin-left: 10px;
}

.button.btn-edit .icon {
  line-height: 100%;
  font-size: 0.9rem;
}

.button.btn-link {
  font-weight: 600;
  padding: 0;
  text-transform: none;
  background: none;
  color: #0090FF;
}

.button.btn-link:hover {
  text-decoration: none;
  background: none;
  color: rgba(0, 144, 255, 0.5);
}

.button.btn-link.btn-gray {
  color: rgba(255, 255, 255, 0.33);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 400;
}

.button.btn-link.btn-gray:hover {
  color: #ffffff;
}

.button.btn-link.btn-white {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 400;
}

.button.btn-link.btn-white:hover {
  color: rgba(255, 255, 255, 0.33);
}

.button.btn-text-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0px none;
  background: transparent;
  color: #424242;
  padding: 0;
  text-transform: none;
  font-weight: 400;
}

.button.btn-text-icon i {
  margin-right: 10px;
  height: 24px;
  width: 24px;
}

.button.btn-text-icon:hover {
  opacity: .7;
}

.button.btn-text-icon.btn-white {
  color: white;
}

.button.btn-icons {
  padding: 0 3rem !important;
}

.button.btn-icons.btn-round {
  padding: 0 !important;
}

.button:hover:not(.btn-invert):not(.btn-link):not(.btn-check):not(.btn-text-icon) {
  color: #ffffff;
  background: #222222;
  text-decoration: none;
}

.button:hover:not(.btn-invert):not(.btn-link):not(.btn-check):not(.btn-text-icon).btn-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button [class^="icon-"],
.button [class*=" icon-"] {
  margin-top: 0;
  font-size: 1.5rem;
  display: inline-block;
  line-height: 46px;
}

@media (max-width: 767.98px) {
  .button [class^="icon-"],
  .button [class*=" icon-"] {
    line-height: 36px;
  }
}

.button[type="submit"] {
  outline: 0px;
  cursor: pointer;
  border: 0px none;
}

.simple-link {
  color: #666;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 1;
}

.simple-link:hover {
  color: #666;
}

.nav.nav-pills a {
  border-radius: 25px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.nav.nav-pills a.active {
  background-color: #4B4B4B;
}

.form-control,
.form-control:active,
.form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input.checkbox[type="checkbox"] {
  display: none;
  /* Dark version */
}

input.checkbox[type="checkbox"] ~ label:before {
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '';
  background: #ffffff;
  border: 1px solid #BEBEBE;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  top: 0;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
}

input.checkbox[type="checkbox"]:checked ~ label:before {
  background: #34B233;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
          box-shadow: inset 0 0 0 2px #ffffff;
}

input.checkbox[type="checkbox"]:focus ~ label:before {
  outline: none;
}

input.checkbox[type="checkbox"]:disabled ~ label:before {
  border-color: #f1f1f1;
  cursor: default;
}

input.checkbox[type="checkbox"]:disabled:checked ~ label:before {
  background: #bfe2c0;
}

input.checkbox[type="checkbox"].chk-dark:checked ~ label:before {
  background-color: #4B4B4B;
  border-color: #4B4B4B;
}

input.checkbox[type="checkbox"].chk-dark:checked:disabled ~ label:before {
  -webkit-transform: scale(1);
          transform: scale(1);
  background-color: #b1b1b1;
  border-color: #b1b1b1;
  color: #ffffff;
}

input.radio[type="radio"] {
  display: none;
  /* Dark version */
}

input.radio[type="radio"] ~ label:before {
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '';
  background: #ffffff;
  border: 1px solid #BEBEBE;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  top: 0;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
}

input.radio[type="radio"]:checked ~ label:before {
  background: #34B233;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
          box-shadow: inset 0 0 0 2px #ffffff;
}

input.radio[type="radio"]:focus ~ label:before {
  outline: none;
}

input.radio[type="radio"]:disabled ~ label:before {
  border-color: #f1f1f1;
  cursor: default;
}

input.radio[type="radio"]:disabled:checked ~ label:before {
  background: #bfe2c0;
}

input.radio[type="radio"].rad-dark:checked ~ label:before {
  background: #4B4B4B;
}

.switch-consent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.switch-consent label.cs-switch {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 1rem;
}

.cs-switch {
  width: 4rem;
  height: 34px;
  position: relative;
  display: inline-block;
}

.cs-switch input.checkbox-switch {
  display: none;
}

.cs-switch input.checkbox-switch ~ .cs-slider {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  border: 1px solid #BEBEBE;
}

.cs-switch input.checkbox-switch ~ .cs-slider:before {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 2px;
  bottom: 2px;
  background-color: #4B4B4B;
}

.cs-switch input.checkbox-switch:checked ~ .cs-slider:before {
  background-color: #34B233;
}

.cs-switch input.checkbox-switch:focus ~ .cs-slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.cs-switch input.checkbox-switch:checked ~ .cs-slider:before {
  -webkit-transform: translateX(1.85rem);
  transform: translateX(1.85rem);
}

.cs-switch input.checkbox-switch:checked:disabled ~ .cs-slider:before {
  border-color: #f1f1f1;
  background-color: #bfe2c0;
}

.cs-switch input.checkbox-switch:disabled ~ .cs-slider:before {
  border-color: #f1f1f1;
  background-color: #d8d8d8;
}

.cs-switch.cs-small {
  width: 3rem;
  height: 1.5rem;
}

.cs-switch.cs-small input.checkbox-switch ~ .cs-slider:before {
  width: 18px;
  height: 18px;
}

.cs-switch.cs-small input.checkbox-switch:checked ~ .cs-slider:before {
  -webkit-transform: translateX(1.49rem);
  transform: translateX(1.49rem);
}

.cs-switch.cs-dark input.checkbox-switch:checked ~ .cs-slider:before {
  background-color: #4B4B4B;
}

.cs-switch.cs-icons .cs-slider:before {
  color: #ffffff;
  -webkit-transition: background-color 0.4s ease, -webkit-transform 0.4s ease !important;
  transition: background-color 0.4s ease, -webkit-transform 0.4s ease !important;
  transition: transform 0.4s ease, background-color 0.4s ease !important;
  transition: transform 0.4s ease, background-color 0.4s ease, -webkit-transform 0.4s ease !important;
  background: url("../images/icons/others/icon-switch.png") no-repeat left center #4B4B4B;
}

.cs-switch.cs-icons input.checkbox-switch:checked ~ .cs-slider:before {
  background-position: right center;
  background-color: #34B233;
}

.cs-switch-label {
  display: block;
}

.cs-switch-label > label {
  cursor: pointer;
  margin: 0;
  vertical-align: middle;
}

.cs-switch-label > label:first-child {
  margin-right: 0.5rem;
}

.cs-switch-label > label.cs-label-md {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 4px;
}

.quantity {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.quantity .q-plus, .quantity .q-minus {
  display: inline-block;
  background: #BEBEBE;
  color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.quantity .q-plus:hover, .quantity .q-minus:hover {
  background: #A5A5A5;
}

.quantity .q-plus .custom-icons, .quantity .q-minus .custom-icons {
  margin-top: 2px;
  min-width: 1px;
  min-height: 1px;
  height: 16px;
  width: 100%;
}

.quantity input {
  width: 30px;
  padding: 0;
  text-align: center;
  font-size: 0.8rem;
  height: auto;
  border: none;
}

.form {
  padding: 1rem;
}

.form .inline {
  display: inline-block;
  margin-right: 1rem;
}

.form .inline:last-child {
  margin-right: 0;
}

.form-input {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 44px;
  border: 1px solid #dddddd;
  color: #464646;
  padding: 0rem 1rem;
  font-size: 13px;
  line-height: 50px;
  height: 50px;
  font-weight: 600;
}

.form-input:focus, .form-input:active {
  outline: 0px;
  border-color: #4B4B4B !important;
}

.btn-reset {
  position: relative;
}

.btn-reset input {
  height: 32px;
  padding-right: 40px;
}

.btn-reset .reset-trigger {
  width: 17px;
  height: 17px;
  position: absolute;
  right: 10px;
  top: 7px;
  background-image: url("../images/icons/gray/reset.svg");
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.fileupload-wrapper {
  background: #ffffff;
  color: #858585;
  cursor: pointer;
  margin: 0;
}

textarea.form-input,
.os-host-textarea.form-input {
  border-radius: 30px;
  padding: 1rem;
  height: auto;
  line-height: 1;
  background: #ffffff;
}

textarea.form-input .os-scrollbar-vertical,
.os-host-textarea.form-input .os-scrollbar-vertical {
  right: 0.7rem;
  height: 90%;
  top: 5%;
}

textarea.form-input.textarea-trigger-focus,
.os-host-textarea.form-input.textarea-trigger-focus {
  border-color: #4B4B4B;
}

textarea.form-input {
  border-radius: 30px !important;
  line-height: 1.4;
}

.os-host-textarea {
  max-width: 100%;
}

.os-host-overflow {
  overflow: inherit !important;
}

@-moz-document url-prefix() {
  .os-host-overflow {
    overflow: visible !important;
  }
}

@-moz-document url-prefix() {
  @supports ((-webkit-animation: calc(0s)) or (animation: calc(0s))) {
    .os-host-overflow {
      overflow: visible !important;
    }
  }
}

@supports (-moz-appearance: none) {
  .os-host-overflow {
    overflow: visible !important;
  }
}

.form-input-icon {
  position: relative;
  margin: 0 0 0.5rem 0;
}

.form-input-icon .form-input {
  padding-right: 4rem;
}

.form-input-icon .form-input:focus {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.form-input-icon .form-input:focus + .icon, .form-input-icon .form-input:focus + .custom-icon {
  background: #34B233;
}

.form-input-icon > .icon, .form-input-icon > i {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border-radius: 100%;
  background-color: #4B4B4B;
  color: #ffffff;
  right: 0.2rem;
  font-size: 16px;
  padding: 14px;
  line-height: 1;
}

.form-input-icon > .icon.icon-only-text, .form-input-icon > i.icon-only-text {
  font-family: "Open Sans", sans-serif !important;
  font-size: 0.9rem;
}

.form-input-icon > .icon.custom-icon, .form-input-icon > i.custom-icon {
  width: 2.7rem;
  height: 2.7rem;
}

.form-input-icon > .icon.custom-icon .custom-icons, .form-input-icon > i.custom-icon .custom-icons {
  width: 1.43rem;
  height: 1.4rem;
}

@media (max-width: 575.98px) {
  .form-input-icon > .icon, .form-input-icon > i {
    font-size: 1rem;
    padding: 0.6rem;
  }
  .form-input-icon > .icon.custom-icon, .form-input-icon > i.custom-icon {
    width: 2.2rem;
    height: 2.2rem;
  }
  .form-input-icon > .icon.custom-icon .custom-icons, .form-input-icon > i.custom-icon .custom-icons {
    width: auto;
    height: auto;
  }
}

.form-input-icon.inline {
  display: inline-block;
}

.form-input-icon.fic-small {
  max-width: 12rem;
}

.rounded-inputs .form-input {
  border-radius: 25px !important;
}

.form-group label,
.field-group label {
  font-weight: 600;
}

.form-group.fixed-placeholder,
.field-group.fixed-placeholder {
  position: relative;
}

.form-group.fixed-placeholder input,
.field-group.fixed-placeholder input {
  text-align: right;
}

.form-group.fixed-placeholder input:not(.hasDatepicker):focus + label,
.form-group.fixed-placeholder input:not(.hasDatepicker).hasValue + label,
.form-group.fixed-placeholder .textarea-trigger-focus + label,
.form-group.fixed-placeholder .os-host-textarea.hasValue + label,
.field-group.fixed-placeholder input:not(.hasDatepicker):focus + label,
.field-group.fixed-placeholder input:not(.hasDatepicker).hasValue + label,
.field-group.fixed-placeholder .textarea-trigger-focus + label,
.field-group.fixed-placeholder .os-host-textarea.hasValue + label {
  right: 20px !important;
}

.form-group.fixed-placeholder .hint-float-text,
.field-group.fixed-placeholder .hint-float-text {
  background: #ffffff;
  position: absolute;
  top: 14px;
  left: 8px;
  margin: 0;
  padding: 0 12px;
  color: #BEBEBE;
  font-weight: 600;
}

.form-group.fixed-placeholder label,
.field-group.fixed-placeholder label {
  left: auto !important;
  right: 8px;
  text-align: right !important;
}

.form-group.fixed-placeholder.fp-right input,
.field-group.fixed-placeholder.fp-right input {
  text-align: left;
}

.form-group.fixed-placeholder.fp-right input:not(.hasDatepicker):focus + label,
.form-group.fixed-placeholder.fp-right input:not(.hasDatepicker).hasValue + label,
.form-group.fixed-placeholder.fp-right .textarea-trigger-focus + label,
.form-group.fixed-placeholder.fp-right .os-host-textarea.hasValue + label,
.field-group.fixed-placeholder.fp-right input:not(.hasDatepicker):focus + label,
.field-group.fixed-placeholder.fp-right input:not(.hasDatepicker).hasValue + label,
.field-group.fixed-placeholder.fp-right .textarea-trigger-focus + label,
.field-group.fixed-placeholder.fp-right .os-host-textarea.hasValue + label {
  left: 20px !important;
  right: auto !important;
}

.form-group.fixed-placeholder.fp-right .hint-float-text,
.field-group.fixed-placeholder.fp-right .hint-float-text {
  left: auto;
  right: 8px;
}

.form-group.fixed-placeholder.fp-right label,
.field-group.fixed-placeholder.fp-right label {
  right: auto !important;
  left: 8px !important;
  text-align: left !important;
}

.form-group.switch,
.field-group.switch {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  padding-left: 84px;
  margin-bottom: 36px;
  text-align: left;
  min-height: 32px;
}

.form-group.switch strong,
.field-group.switch strong {
  display: block;
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 4px;
  text-align: left;
  line-height: 1rem;
  text-transform: uppercase;
}

.form-group.switch .cs-switch,
.field-group.switch .cs-switch {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 0;
  margin: 0 20px 0 0;
}

.form-group .input-underline input,
.field-group .input-underline input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #dddddd;
  border-radius: 0;
  color: white;
  padding: 0 2rem 0 0;
  height: 42px;
  line-height: 42px;
  outline: none;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 2px;
}

.form-row {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0;
  position: relative;
}

.form-row .fi-item {
  margin: 0;
  position: relative;
}

.form-row .fi-item .input-circle {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
  border: 1px solid #BBBBBB;
  color: #4C4C4C;
  font-size: 1.4rem;
  width: 42px;
  height: 42px;
  outline: 0;
  text-align: center;
  text-transform: uppercase;
}

.form-row .fi-item .input-circle:focus {
  border-color: #4C4C4C;
}

.form-row .fi-item .input-circle.c-submit {
  position: relative;
  background: #BBBBBB;
  cursor: pointer;
  padding: 0;
}

.form-row .fi-item .input-circle.c-green {
  background: #28a745 !important;
  border-color: #28a745;
}

.form-row .fi-item .input-circle.c-sm {
  font-size: 1.5rem;
}

.form-row .fi-item .fi-icon {
  background: url("../images/icons/white/right-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 100%;
  height: 20px;
}

@media (max-width: 575.98px) {
  .form-row .fi-item .input-circle {
    width: 30px;
    height: 30px;
    font-size: 1rem;
    line-height: 30px;
  }
  .form-row .fi-item .fi-icon {
    height: 19px;
  }
}

@media screen and (max-width: 350px) {
  .form-row .fi-item .input-circle {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 0.8rem !important;
  }
  .form-row .fi-item .fi-icon {
    height: 13px;
  }
}

.has-error {
  position: relative;
}

.has-error input {
  border-color: #EA2227 !important;
  color: #EA2227;
}

.has-error input:focus, .has-error input:active {
  border-color: #EA2227 !important;
}

.has-error .os-host-textarea {
  border-color: #EA2227 !important;
  color: #EA2227;
}

.has-error .form-error-container {
  display: block;
}

.has-error.neutralSwitch .switch-holder {
  border-color: #EA2227;
}

.has-error.neutralSwitch .validation-messages {
  margin-top: 3px;
  padding-left: 25px !important;
}

.has-error.neutralSwitch .validation-messages .help-block.error > i {
  left: -24px;
}

.has-error.input-underline .validation-messages p {
  color: #BBBBBB;
}

.has-error.input-underline .validation-messages p i {
  color: #EA2227;
}

.has-error .validation-messages {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-color: #772025;
  background-image: -o-linear-gradient(#772025 0%, #EA2227 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#772025), to(#EA2227));
  background: linear-gradient(#772025 0%, #EA2227 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#772025', endColorstr='#EA2227',GradientType=1 );
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  bottom: 100%;
  color: #ffffff;
  width: 100%;
  max-width: 300px;
  padding: 1rem;
  margin: 12px 0 12px 0;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0;
}

.has-error .validation-messages p:last-child {
  margin-bottom: 0;
}

.has-error .validation-messages .help-block.error {
  position: relative;
}

.has-error .validation-messages .help-block.error > i {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 15px;
  left: -20px;
}

.has-error .validation-messages:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #EA2227;
  border-width: 10px;
  margin-left: -10px;
}

.has-error.form-input-icon .icon {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
  transform: none;
  top: 0.21rem;
}

.error-style-condensed .has-error input {
  margin-bottom: 0 !important;
}

.error-style-condensed .has-error .validation-messages {
  -webkit-transform: none;
  transform: none;
  background: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  color: #EA2227;
  position: relative;
  left: 0;
  bottom: 0;
  max-width: 100%;
  padding: 0 0 0 20px;
  text-align: left;
  margin: 5px 0 0px 0;
}

.error-style-condensed .has-error .validation-messages:after {
  display: none;
}

.error-style-condensed .has-error.switch .validation-messages {
  position: absolute;
  margin-top: 9px !important;
  left: 84px;
  top: 100%;
}

.error-style-condensed .has-error.switch .validation-messages .help-block.error > i {
  left: -29px;
}

.error-style-condensed .has-error .triglav-theme .select2-selection {
  border-color: #EA2227;
}

.error-style-condensed .has-error .triglav-theme .select2-selection .select2-selection__placeholder {
  color: #EA2227;
}

.error-style-condensed .has-error .triglav-theme .select2-selection .select2-selection__arrow:after {
  color: #EA2227;
}

.form-error-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-radius: 20px;
  background-color: #EA2227;
  background-image: -o-linear-gradient(left, #EA2227 0%, #772025 100%);
  background: -webkit-gradient(linear, left top, right top, from(#EA2227), to(#772025));
  background: linear-gradient(to right, #EA2227 0%, #772025 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA2227', endColorstr='#772025',GradientType=1 );
  -webkit-box-shadow: 0 20px 50px rgba(76, 76, 76, 0.7);
  box-shadow: 0 20px 50px rgba(76, 76, 76, 0.7);
  bottom: 100%;
  padding: 1rem;
  width: 66.66666667%;
  z-index: 99;
  display: none;
}

.form-error-container.show {
  display: block;
}

.form-error-container .hide {
  display: none;
}

.form-error-container p {
  color: #ffffff;
  font-size: 0.8rem;
}

.form-error-container p a {
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 2px;
}

.form-error-container p a:hover {
  color: #ffffff;
}

.form-error-container p:last-child {
  margin: 0;
}

.form-error-container:after {
  top: 99.8%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #772025;
  border-width: 0.7rem;
  margin-left: -0.7rem;
}

.form-error-container.arrow-on-left:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border-top-color: transparent;
  border-right-color: #EA2227;
  right: 99.8%;
  left: auto;
}

.pin-inputs .form-error-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  bottom: auto;
  left: 100%;
  margin-left: -4rem;
}

/* Floatable labels for files */
.fileupload-floatable {
  position: relative;
}

.fileupload-floatable.hasValue .fileupload-label {
  top: -10px;
  left: 20px;
  width: calc(100% - 20px);
}

.fileupload-floatable.hasValue .fileupload-label span {
  background: transparent;
  color: #4B4B4B;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  font-size: 13px;
}

.fileupload-floatable.hasValue .fileupload-label span:after {
  background: #ffffff;
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  height: 2px;
  width: 100%;
  z-index: -1;
}

.fileupload-floatable.hasValue .fileupload-clear {
  display: inline-block;
}

.fileupload-floatable .fileupload-wrapper {
  z-index: 2;
}

.fileupload-floatable .fileupload-label {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  z-index: 1;
  position: absolute;
  top: 14px;
  font-weight: 600;
  color: #4B4B4B;
  left: 8px;
  padding: 0 12px;
  text-align: left;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.fileupload-floatable .fileupload-label span {
  color: #858585;
  letter-spacing: 1px;
}

.fileupload-floatable .fileupload-clear {
  display: none;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

/* Floatable labels */
.form-float-labels .form-group,
.form-float-labels .field-group {
  position: relative;
  /* Select2 */
}

.form-float-labels .form-group input,
.form-float-labels .field-group input {
  font-size: 13px;
}

.form-float-labels .form-group.select-open,
.form-float-labels .field-group.select-open {
  z-index: 9999;
}

.form-float-labels .form-group .form-input-icon label,
.form-float-labels .form-group .form-input-icon .select2-float-placeholder,
.form-float-labels .field-group .form-input-icon label,
.form-float-labels .field-group .form-input-icon .select2-float-placeholder {
  width: calc(100% - 50px);
}

.form-float-labels .form-group .os-host-textarea + label,
.form-float-labels .field-group .os-host-textarea + label {
  top: 17px;
}

.form-float-labels .form-group label,
.form-float-labels .form-group .select2-float-placeholder,
.form-float-labels .field-group label,
.form-float-labels .field-group .select2-float-placeholder {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: absolute;
  top: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #858585;
  left: 8px;
  padding: 0 0.6rem;
  z-index: 1;
  text-align: left;
  width: calc(100% - 20px);
  margin: 0;
  cursor: text;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-float-labels .form-group label span,
.form-float-labels .form-group .select2-float-placeholder span,
.form-float-labels .field-group label span,
.form-float-labels .field-group .select2-float-placeholder span {
  color: #858585;
  font-size: 13px;
}

.form-float-labels .form-group label.select2-float-placeholder,
.form-float-labels .form-group .select2-float-placeholder.select2-float-placeholder,
.form-float-labels .field-group label.select2-float-placeholder,
.form-float-labels .field-group .select2-float-placeholder.select2-float-placeholder {
  cursor: pointer !important;
  font-weight: 600;
  font-size: 1rem;
  width: calc(100% - 50px);
}

.form-float-labels .form-group .select2-float-placeholder,
.form-float-labels .field-group .select2-float-placeholder {
  top: 13px;
}

.form-float-labels .form-group .select2-selection__placeholder,
.form-float-labels .field-group .select2-selection__placeholder {
  display: none;
}

.form-float-labels .form-group input:not(.hasDatepicker):focus + label,
.form-float-labels .form-group input:not(.hasDatepicker).hasValue + label,
.form-float-labels .form-group .textarea-trigger-focus + label,
.form-float-labels .form-group .os-host-textarea.hasValue + label,
.form-float-labels .form-group .select2-float-placeholder.triggered,
.form-float-labels .field-group input:not(.hasDatepicker):focus + label,
.form-float-labels .field-group input:not(.hasDatepicker).hasValue + label,
.form-float-labels .field-group .textarea-trigger-focus + label,
.form-float-labels .field-group .os-host-textarea.hasValue + label,
.form-float-labels .field-group .select2-float-placeholder.triggered {
  top: -12px;
  left: 20px;
  width: calc(100% - 50px);
}

.form-float-labels .form-group input:not(.hasDatepicker):focus + label span,
.form-float-labels .form-group input:not(.hasDatepicker).hasValue + label span,
.form-float-labels .form-group .textarea-trigger-focus + label span,
.form-float-labels .form-group .os-host-textarea.hasValue + label span,
.form-float-labels .form-group .select2-float-placeholder.triggered span,
.form-float-labels .field-group input:not(.hasDatepicker):focus + label span,
.form-float-labels .field-group input:not(.hasDatepicker).hasValue + label span,
.form-float-labels .field-group .textarea-trigger-focus + label span,
.form-float-labels .field-group .os-host-textarea.hasValue + label span,
.form-float-labels .field-group .select2-float-placeholder.triggered span {
  background: transparent;
  color: #4B4B4B;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  font-size: 12px;
  font-weight: normal;
}

.form-float-labels .form-group input:not(.hasDatepicker):focus + label span:after,
.form-float-labels .form-group input:not(.hasDatepicker).hasValue + label span:after,
.form-float-labels .form-group .textarea-trigger-focus + label span:after,
.form-float-labels .form-group .os-host-textarea.hasValue + label span:after,
.form-float-labels .form-group .select2-float-placeholder.triggered span:after,
.form-float-labels .field-group input:not(.hasDatepicker):focus + label span:after,
.form-float-labels .field-group input:not(.hasDatepicker).hasValue + label span:after,
.form-float-labels .field-group .textarea-trigger-focus + label span:after,
.form-float-labels .field-group .os-host-textarea.hasValue + label span:after,
.form-float-labels .field-group .select2-float-placeholder.triggered span:after {
  background: #ffffff;
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  height: 3px;
  width: 100%;
  z-index: -1;
}

.form-float-labels .form-group .select2-float-placeholder.triggered span:after,
.form-float-labels .field-group .select2-float-placeholder.triggered span:after {
  top: 7px;
}

.form-float-labels .form-group input.hasDatepicker.hasValue + label,
.form-float-labels .field-group input.hasDatepicker.hasValue + label {
  top: -10px;
  left: 20px;
  width: calc(100% - 20px);
}

.form-float-labels .form-group input.hasDatepicker.hasValue + label span,
.form-float-labels .field-group input.hasDatepicker.hasValue + label span {
  background: transparent;
  color: #4B4B4B;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  font-size: 12px;
  font-weight: normal;
}

.form-float-labels .form-group input.hasDatepicker.hasValue + label span:after,
.form-float-labels .field-group input.hasDatepicker.hasValue + label span:after {
  background: #ffffff;
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  height: 2px;
  width: 100%;
  z-index: -1;
}

.form-float-labels .form-group input.active + label + .icon,
.form-float-labels .field-group input.active + label + .icon {
  background-color: #28a745;
}

.form-float-labels .form-group.has-error input:not(.hasDatepicker):focus + label span,
.form-float-labels .form-group.has-error input:not(.hasDatepicker).hasValue + label span,
.form-float-labels .form-group.has-error .select2-float-placeholder span,
.form-float-labels .field-group.has-error input:not(.hasDatepicker):focus + label span,
.form-float-labels .field-group.has-error input:not(.hasDatepicker).hasValue + label span,
.form-float-labels .field-group.has-error .select2-float-placeholder span {
  color: #EA2227;
}

.dropdown-menu {
  padding: 0.5rem;
}

.dropdown-menu .datepicker-days {
  font-size: 0.8rem;
}

.form-progress {
  background: #ffffff;
  position: relative;
  margin: 0 0 3rem 0;
  padding: 1rem 0;
  /* IE */
}

.form-progress .steps {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.form-progress .steps .step:first-child {
  padding-left: 0;
  padding-right: 1.5rem;
}

.form-progress .steps .step:last-child {
  padding-right: 0;
  padding-left: 1.5rem;
}

.form-progress .steps .step {
  padding: 0 1.5rem;
}

.form-progress .steps .step {
  background: #ffffff;
  color: rgba(76, 76, 76, 0.6);
  font-size: 0.8rem;
  position: relative;
  font-weight: bold;
}

.form-progress .steps .step > div {
  border-radius: 50%;
  position: relative;
  border: 1px solid #BBBBBB;
  width: 2rem;
  height: 2rem;
}

.form-progress .steps .step.active > div {
  background: #34B233;
  border-color: #34B233;
  color: #ffffff;
}

.form-progress .steps .step.semi-active > div {
  border-color: #34B233;
  color: #34B233;
}

.form-progress .steps .step span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.form-progress:before, .form-progress:after {
  position: absolute;
  content: "";
  top: 100%;
  bottom: 5px;
  left: 3rem;
  right: 3rem;
  z-index: -1;
  -webkit-box-shadow: 0 0 40px 5px #BBBBBB;
          box-shadow: 0 0 40px 5px #BBBBBB;
  border-radius: 100px/20px;
}

.form-progress .horizontal-rule {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: #BBBBBB;
  display: block;
  height: 1px;
  width: 100%;
}

.form-progress .horizontal-rule.active {
  background: #34B233;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-progress .steps .step:first-child {
    padding-left: 1.5rem;
  }
  .form-progress .steps .step:last-child {
    padding-right: 1.5rem;
  }
}

.form-group-big-margin {
  margin-bottom: 1.5rem;
}

.form-group-inactive .triglav-theme .select2-selection--single {
  background: #FAFAFA !important;
  border: 1px solid #DDDDDD !important;
}

.form-group-inactive .triglav-theme .select2-selection--single :focus {
  background: #FAFAFA;
  border: 1px solid #DDDDDD;
  border-color: #ddd !important;
}

.form-group-inactive .triglav-theme .select2-selection--single .select2-selection__placeholder {
  color: #DDDDDD;
}

.form-group-inactive .triglav-theme .select2-selection--single .select2-selection__arrow:after {
  color: #ddd !important;
}

.form-group-inactive .triglav-theme .select2-results__option {
  background: #FAFAFA !important;
  color: #ddd;
}

.form-group-inactive .triglav-theme.select2-container--open .select2-dropdown {
  border: 1px solid #DDDDDD !important;
  border-top: none !important;
}

.form-group-inactive .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none !important;
}

.circle-small {
  border-radius: 50%;
  background-color: #4B4B4B;
  display: block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}

.circle-small .custom-icons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.range-slider {
  margin: 0 0 1.5rem 0;
}

.range-slider .slider {
  width: 100%;
}

.range-slider .slider-handle {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  background: #ffffff;
  width: 1rem;
  height: 1rem;
  top: 0.06rem;
}

.range-slider .slider-track {
  background: rgba(76, 76, 76, 0.1);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.range-slider .slider-selection {
  background: rgba(76, 76, 76, 0.2);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.range-slider .slider.slider-horizontal .slider-track {
  height: 0.5rem;
}

.range-slider.rb-success .slider-handle {
  background: #28a745;
}

.range-slider.rb-success.rb-selection-color .slider-selection {
  background: rgba(40, 167, 69, 0.7);
}

.range-slider.rb-warning .slider-handle {
  background: #ffc107;
}

.range-slider.rb-warning.rb-selection-color .slider-selection {
  background: rgba(255, 193, 7, 0.7);
}

.range-slider.rb-danger .slider-handle {
  background: #dc3545;
}

.range-slider.rb-danger.rb-selection-color .slider-selection {
  background: rgba(220, 53, 69, 0.7);
}

.range-slider.rb-primary .slider-handle {
  background: #4C4C4C;
}

.range-slider.rb-primary.rb-selection-color .slider-selection {
  background: rgba(76, 76, 76, 0.7);
}

.range-slider.rb-gray .slider-handle {
  background: #6E6E6E;
}

.edit-form .ef-title {
  font-weight: bold;
  font-size: 1.1rem;
  margin: 0 0 1rem 0;
}

.edit-form .ef-content .ef-content-title {
  text-transform: uppercase;
  color: #6E6E6E;
}

.edit-form .ef-content .ef-content-title .icon {
  margin-right: 0.5rem;
}

.edit-form .ef-content .ef-content-title .icon.icon-envelope,
.edit-form .ef-content .ef-content-title .icon.icon-lock {
  font-size: 1.3rem;
}

.edit-form .ef-content .ef-hint-text {
  font-size: 0.8rem;
}

/* ===== Select Box ===== */
.styledSelect {
  display: inline-block;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  /* Active */
  /* Placeholder */
  /* Box */
  /* Options */
}

.styledSelect select {
  display: none;
}

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

.styledSelect.ss-left .sel__placeholder {
  text-align: left;
}

.styledSelect.ss-right .sel__placeholder {
  text-align: right;
}

.styledSelect label {
  display: none;
}

.styledSelect:before {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  content: '\F078';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1.1rem;
  color: #4B4B4B;
  right: 1.5rem;
  top: 0.8rem;
  z-index: 99;
}

.styledSelect.active:before {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.styledSelect.active .sel__placeholder {
  border-radius: 30px 30px 0 0;
  border-bottom-width: 0;
}

.styledSelect.active .sel__box {
  display: block;
  -webkit-animation: fadeInUp 200ms;
          animation: fadeInUp 200ms;
  max-height: 300px;
}

.styledSelect.active .sel__box .os-scrollbar-track {
  height: 90%;
}

.styledSelect.active .os-viewport {
  background: rgba(0, 0, 0, 0.01);
}

.styledSelect .sel__placeholder {
  border-radius: 30px;
  border: 1px solid #BBBBBB;
  background: #ffffff;
  padding: 0 4rem 0 2rem;
  font-size: 0.9rem;
  line-height: 50px;
  height: 50px;
  display: block;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  visibility: visible;
  min-width: 280px;
}

.styledSelect .sel__box {
  border-radius: 0 0 30px 30px;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  list-style-type: none;
  text-align: left;
  font-size: 0.9rem;
  background-color: #ffffff;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 100;
  border: 1px solid #BBBBBB;
  border-top-color: #f9f9f9;
  overflow: hidden !important;
}

.styledSelect .sel__box__options {
  display: list-item;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0;
}

.styledSelect .sel__box__options:after {
  content: '\F00C';
  font-family: 'FontAwesome';
  font-size: 0.5em;
  margin-left: 5px;
  display: none;
}

.styledSelect .sel__box__options:hover {
  background-color: #ebedef;
}

@media (max-width: 991.98px) {
  .styledSelect .sel__placeholder {
    min-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .styledSelect {
    max-width: 100%;
    width: 100%;
  }
  .styledSelect.fixedWidth {
    max-width: 100%;
    width: auto;
  }
}

/* Datepicker && Timepicker */
.timepicker-container .bootstrap-datetimepicker-widget {
  border-radius: 20px;
  -webkit-box-shadow: 0 13px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 13px 30px rgba(0, 0, 0, 0.3);
  padding: 0.5rem 0;
  width: 249px;
}

.timepicker-container .bootstrap-datetimepicker-widget.bottom {
  margin-top: 5px;
}

.timepicker-container .bootstrap-datetimepicker-widget.top {
  margin-bottom: 5px;
}

.timepicker-container .bootstrap-datetimepicker-widget:before {
  left: 19px !important;
}

.timepicker-container .bootstrap-datetimepicker-widget:after {
  left: 20px !important;
}

.timepicker-container .bootstrap-datetimepicker-widget table td {
  width: auto;
  height: auto;
  line-height: 1;
}

.timepicker-container .bootstrap-datetimepicker-widget .timepicker-hour,
.timepicker-container .bootstrap-datetimepicker-widget .timepicker-minute,
.timepicker-container .bootstrap-datetimepicker-widget .minute,
.timepicker-container .bootstrap-datetimepicker-widget .hour {
  border-radius: 100%;
  font-weight: normal;
  font-size: 0.9rem;
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.timepicker-container .bootstrap-datetimepicker-widget .timepicker-hour:hover,
.timepicker-container .bootstrap-datetimepicker-widget .timepicker-minute:hover,
.timepicker-container .bootstrap-datetimepicker-widget .minute:hover,
.timepicker-container .bootstrap-datetimepicker-widget .hour:hover {
  background-color: #ededed;
}

.timepicker-container .bootstrap-datetimepicker-widget .down-icon,
.timepicker-container .bootstrap-datetimepicker-widget .up-icon {
  border-radius: 100%;
  background: url("../images/icons/gray/arrow-left.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center center;
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.timepicker-container .bootstrap-datetimepicker-widget .down-icon:hover,
.timepicker-container .bootstrap-datetimepicker-widget .up-icon:hover {
  background-color: #ededed;
}

.timepicker-container .bootstrap-datetimepicker-widget .up-icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.timepicker-container .bootstrap-datetimepicker-widget .down-icon {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.timepicker-container .bootstrap-datetimepicker-widget .btn[data-action] {
  border: 0px none !important;
  line-height: 1;
  border-radius: 0;
}

.timepicker-container .bootstrap-datetimepicker-widget .timepicker-hours table,
.timepicker-container .bootstrap-datetimepicker-widget .timepicker-minutes table {
  margin: 0 auto;
  width: auto;
}

.timepicker-container .bootstrap-datetimepicker-widget .timepicker-hours table td,
.timepicker-container .bootstrap-datetimepicker-widget .timepicker-minutes table td {
  margin: 1%;
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.timepicker-container .bootstrap-datetimepicker-widget .btn.btn-primary {
  border-radius: 100%;
  font-weight: normal;
  font-size: 0.9rem;
  background-color: #4B4B4B;
  padding: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.datepicker {
  border-radius: 20px;
  -webkit-box-shadow: 0 13px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 13px 30px rgba(0, 0, 0, 0.3);
  padding: 0.5rem 0;
  /* Months, Years, Decades, Centuries */
}

.datepicker table {
  margin: 0 1rem;
}

.datepicker table thead .prev,
.datepicker table thead .next {
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center;
  text-indent: -999999px;
  height: 35px;
}

.datepicker table thead .prev:hover,
.datepicker table thead .next:hover {
  border-radius: 100%;
  background-size: 20%;
}

.datepicker table thead .prev {
  background-image: url("../images/icons/gray/arrow-left.svg");
}

.datepicker table thead .prev:hover {
  background: #ededed url("../images/icons/gray/arrow-left.svg") center/20% no-repeat;
}

.datepicker table thead .next {
  background-image: url("../images/icons/gray/arrow-right.svg");
}

.datepicker table thead .next:hover {
  background: #ededed url("../images/icons/gray/arrow-right.svg") center/20% no-repeat;
}

.datepicker table thead .datepicker-switch {
  border-radius: 20px;
}

.datepicker table thead .datepicker-switch:hover {
  background: #ededed;
}

.datepicker table thead .dow {
  color: #BEBEBE;
  font-weight: normal;
  height: 35px;
  vertical-align: top;
  font-size: 0.7rem;
}

.datepicker table thead:after {
  content: '';
  position: absolute;
  left: 0;
  border-bottom: 1px solid #ededed;
  height: 1px;
  width: 100%;
  margin-top: -15px;
}

.datepicker table tr td {
  font-size: 0.9rem;
  width: 35px;
  height: 35px;
}

.datepicker table tr td:hover {
  border-radius: 100%;
  background: #ededed !important;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  border-radius: 100%;
  background-color: #4B4B4B;
  border-color: #4B4B4B;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
  background-color: #4B4B4B;
  border-color: #4B4B4B;
}

.datepicker.datepicker-dropdown.datepicker-orient-left:after {
  left: 20px;
}

.datepicker.datepicker-dropdown.datepicker-orient-left:before {
  left: 19px;
}

.datepicker .datepicker-months .next, .datepicker .datepicker-months .prev,
.datepicker .datepicker-years .next,
.datepicker .datepicker-years .prev,
.datepicker .datepicker-decades .next,
.datepicker .datepicker-decades .prev,
.datepicker .datepicker-centuries .next,
.datepicker .datepicker-centuries .prev {
  width: 35px !important;
}

.datepicker .datepicker-months .datepicker-switch,
.datepicker .datepicker-years .datepicker-switch,
.datepicker .datepicker-decades .datepicker-switch,
.datepicker .datepicker-centuries .datepicker-switch {
  font-size: 0.9rem;
}

.datepicker .datepicker-months table thead:after,
.datepicker .datepicker-years table thead:after,
.datepicker .datepicker-decades table thead:after,
.datepicker .datepicker-centuries table thead:after {
  margin-top: 5px;
}

.datepicker .datepicker-months table tbody tr td,
.datepicker .datepicker-years table tbody tr td,
.datepicker .datepicker-decades table tbody tr td,
.datepicker .datepicker-centuries table tbody tr td {
  padding-top: 10px;
}

.datepicker .datepicker-months table tbody tr td:hover,
.datepicker .datepicker-years table tbody tr td:hover,
.datepicker .datepicker-decades table tbody tr td:hover,
.datepicker .datepicker-centuries table tbody tr td:hover {
  background: none !important;
}

.datepicker .datepicker-months table tbody tr td span,
.datepicker .datepicker-years table tbody tr td span,
.datepicker .datepicker-decades table tbody tr td span,
.datepicker .datepicker-centuries table tbody tr td span {
  border-radius: 100%;
  font-size: 0.9rem;
  height: 45px;
  width: 45px;
  line-height: 45px;
}

.datepicker .datepicker-months table tbody tr td span:hover,
.datepicker .datepicker-years table tbody tr td span:hover,
.datepicker .datepicker-decades table tbody tr td span:hover,
.datepicker .datepicker-centuries table tbody tr td span:hover {
  background: #ededed !important;
}

.datepicker .datepicker-months table tbody tr td span.focused,
.datepicker .datepicker-years table tbody tr td span.focused,
.datepicker .datepicker-decades table tbody tr td span.focused,
.datepicker .datepicker-centuries table tbody tr td span.focused {
  background-color: #4B4B4B;
  color: #ffffff;
}

.datepicker .datepicker-months table tbody tr td span.focused:hover,
.datepicker .datepicker-years table tbody tr td span.focused:hover,
.datepicker .datepicker-decades table tbody tr td span.focused:hover,
.datepicker .datepicker-centuries table tbody tr td span.focused:hover {
  background-color: #4B4B4B !important;
  color: #ffffff !important;
}

.flatpickr-calendar {
  border-radius: 20px;
  -webkit-box-shadow: 0 13px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 13px 30px rgba(0, 0, 0, 0.3);
  padding: 0.5rem 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.flatpickr-calendar .flatpickr-months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  position: relative;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  position: relative;
  padding: 0;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  background: url("../images/icons/gray/arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  -webkit-transition: .1s;
  transition: .1s;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
  display: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
  background: #ededed url("../images/icons/gray/arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  position: absolute;
  right: 41%;
  top: 0;
  background: url("../images/icons/gray/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
  background: #ededed url("../images/icons/gray/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  padding: 0;
  width: 100%;
  left: 0;
  position: relative;
  height: 35px;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .cur-month {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  margin-left: 0;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .cur-month:hover {
  background: transparent;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 35px;
  margin-left: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper input {
  font-weight: 400;
  font-size: 0.8rem;
  padding: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  text-align: center;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper > span {
  position: relative;
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center;
  border: 0px none;
  right: 0;
  padding: 0;
  opacity: 1;
  width: 34px;
  height: 34px;
  top: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34px;
          flex: 0 0 34px;
  border-radius: 100%;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper > span:after {
  display: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper > span.arrowUp {
  background-image: url("../images/icons/gray/arrow-right.svg");
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  right: 1px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper > span.arrowDown {
  background-image: url("../images/icons/gray/arrow-left.svg");
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper:hover {
  background: none;
  border-radius: 0;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays {
  border-bottom: 1px solid #ededed;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday {
  font-size: 0.7rem;
  color: #BEBEBE;
  font-weight: normal;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.endRange {
  border-radius: 100%;
  position: relative;
  background: #4C4C4C;
  border-color: #4C4C4C;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.startRange:after, .flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.endRange:after {
  content: '';
  background: #f2f2f2;
  width: calc(50% + 3px);
  height: calc(100% + 2px);
  right: -1px;
  top: -1px;
  position: absolute;
  z-index: -1;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.startRange.endRange:after, .flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.endRange.endRange:after {
  right: auto;
  left: -1px;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.selected.startRange, .flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.selected.endRange {
  background: #4C4C4C;
  border-color: #4C4C4C;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.inRange {
  background: #f2f2f2;
  border-color: #f2f2f2;
  -webkit-box-shadow: -5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2;
          box-shadow: -5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.inRange:hover {
  border-radius: 100%;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.inRange:hover:after {
  content: '';
  background: #f2f2f2;
  width: calc(100% + 10px);
  height: calc(100% + 2px);
  left: -8px;
  top: -1px;
  position: absolute;
  z-index: -1;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day:hover, .flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day:focus {
  background: #4C4C4C;
  border-color: #4C4C4C;
  color: white;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)):after,
.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)):after,
.flatpickr-calendar .flatpickr-innerContainer .dayContainer .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)):after {
  left: -8px;
}

/* Neutral switch */
.neutralSwitch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  cursor: pointer;
}

.neutralSwitch select {
  display: none;
}

.neutralSwitch.disabled {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}

.neutralSwitch.neutralSwitch-small .switch-holder {
  width: 3rem;
  height: 1.5rem;
}

.neutralSwitch.neutralSwitch-small .switch-button {
  width: 18px;
  height: 18px;
}

.neutralSwitch.neutralSwitch-small.positionRight .switch-button {
  left: 55%;
}

.neutralSwitch .switch-holder {
  border-radius: 25px;
  margin: 0 10px;
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 34px;
  border: 1px solid #BEBEBE;
}

.neutralSwitch .switch-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  left: 28%;
  border: 5px solid transparent;
  background-color: #BEBEBE;
  height: 28px;
  width: 28px;
}

.neutralSwitch.positionLeft .switch-button {
  left: 2px;
  background-color: #4B4B4B;
}

.neutralSwitch.positionRight .switch-button {
  left: 51%;
  background-color: #4B4B4B;
}

.neutralSwitch strong.labelLeft,
.neutralSwitch strong.labelRight {
  position: relative;
  font-weight: normal;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}

.neutralSwitch strong.labelLeft:after,
.neutralSwitch strong.labelRight:after {
  content: "";
  width: 50px;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
}

.neutralSwitch.ns-neutral-select strong.labelLeft:after,
.neutralSwitch.ns-neutral-select strong.labelRight:after {
  width: 20px;
}

.neutralSwitch .labelLeft {
  text-align: right;
}

.neutralSwitch .labelLeft:after {
  left: 100%;
}

.neutralSwitch .labelRight {
  text-align: left;
}

.neutralSwitch .labelRight:after {
  right: 100%;
}

/* ===== Keyframes ===== */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.chart-transparent .highcharts-background {
  fill: transparent;
}

.chart-transparent.chart-small {
  max-width: 200px;
}

.chart-transparent.chart-medium {
  height: 300px;
  max-height: 300px;
}

.chart-extra-legend {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.chart-extra-legend .chart-legend {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.chart-extra-legend .chart-legend .chart-legend-item {
  cursor: pointer;
  position: relative;
  padding: 0.5rem 0rem 0.5rem 1rem;
  width: 33%;
}

.chart-extra-legend .chart-legend .chart-legend-item span {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 0;
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
}

.chart-extra-legend .chart-legend .chart-legend-item.disabled {
  color: #BEBEBE;
}

.chart-extra-legend .chart-legend .chart-legend-item.disabled span {
  background: #BEBEBE !important;
}

@media (max-width: 575.98px) {
  .chart-extra-legend .chart-legend .chart-legend-item {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .chart-extra-legend {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .chart-extra-legend .chart-custom {
    width: 66.66666667%;
  }
  .chart-extra-legend .chart-legend {
    width: 33.33333333%;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .chart-extra-legend .chart-legend .chart-legend-item {
    width: 100%;
  }
}

.highcharts-container {
  font-family: "Open Sans", sans-serif !important;
}

.highcharts-container .highcharts-range-selector-buttons {
  text-transform: uppercase;
}

.highcharts-container .highcharts-range-selector-buttons > text {
  font-weight: 600;
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button-box {
  background: transparent;
  fill: transparent;
}

.highcharts-container .highcharts-range-selector-buttons .highcharts-button-pressed text {
  color: #4B4B4B !important;
  fill: #4B4B4B !important;
}

.highcharts-container .highcharts-input-group .highcharts-range-label > text {
  text-transform: uppercase;
  font-weight: 600;
}

input.highcharts-range-selector {
  border: 0px none !important;
  outline: 0px !important;
}

.highcharts-tooltip > span {
  color: #ffffff;
  font-size: 0.8rem;
}

#table-sparkline .highcharts-tooltip > span {
  background: white;
  border: 1px solid silver;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px #888;
          box-shadow: 1px 1px 2px #888;
  padding: 8px;
}

.breadcrumb {
  background-color: transparent;
}

.breadcrumb li:after {
  content: '>';
  display: inline-block;
  margin: 0 0.3rem;
  color: #BEBEBE;
  font-size: 10px;
}

.breadcrumb li:last-child:after {
  display: none;
}

.breadcrumb li.current a {
  color: #BEBEBE;
}

.breadcrumb li a {
  font-size: 12px;
  text-decoration: none;
  color: #858585;
}

.box-item {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  background-color: #ffffff;
  margin: 1rem 0;
  clear: both;
  position: relative;
  border-radius: 20px;
}

.box-item .box-item-title,
.box-item .box-item-content,
.box-item .box-item-footer,
.box-item .box-item-subtitle {
  padding: 1rem 1.2rem;
}

.box-item .draggableIcon {
  position: absolute;
  top: 0.5rem;
  right: 0.6rem;
  font-size: 1.5rem;
  color: #BEBEBE;
  z-index: 99;
  cursor: move;
}

.box-item .box-item-content p {
  letter-spacing: 0.05em;
}

.box-item .box-item-content .collapsible-trigger {
  font-size: 0.8rem;
  font-weight: 600;
}

.box-item .box-item-subtitle {
  font-size: 0.9rem;
  font-weight: 600;
  padding-top: 0;
}

.box-item .box-item-title {
  font-size: 1.3rem;
  font-weight: 600;
  display: block;
  padding-bottom: 0;
  position: relative;
}

.box-item .box-item-title .float-right {
  margin-right: 3rem;
}

.box-item .box-item-title .float-right .icon-logo {
  width: auto;
  height: 50px;
  width: 150px;
  margin-top: -11px;
}

.box-item .box-item-title .icon {
  position: relative;
  top: 3px;
}

.box-item .box-item-title .nav.nav-pills {
  position: absolute;
  right: 2rem;
  top: 1rem;
}

.box-item .box-item-title .nav.nav-pills a {
  color: #858585;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0.3rem 1.5rem;
}

.box-item .box-item-title .nav.nav-pills a:hover {
  color: #6E6E6E;
}

.box-item .box-item-title .nav.nav-pills a.active {
  color: #ffffff;
}

@media (max-width: 1199.98px) {
  .box-item .box-item-title .nav.nav-pills {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 1rem;
  }
}

.box-item.box-item-thin .box-item-title {
  font-size: 1.5rem;
  font-weight: 300;
}

.box-item .box-item-rt {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.5rem;
  font-weight: 300;
  z-index: 99;
}

.box-item .box-item-rt strong {
  font-size: 2.5rem;
  font-weight: 400;
  margin-right: -4px;
}

@media (max-width: 767.98px) {
  .box-item .box-item-rt {
    position: relative;
    text-align: center;
    top: 0;
    right: 0;
  }
}

.box-item .box-item-rt .quantity {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.box-item .box-item-rt .quantity input {
  display: none;
}

.box-item .box-item-rt .circle-small {
  display: inline-block;
  margin: 0.5rem 0;
}

.box-item .box-item-footer {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  background: #FAFAFA;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 70px;
}

.box-item .box-item-footer .f-title {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 300;
}

.box-item .box-item-footer .f-desc {
  font-size: 2rem;
  font-weight: 300;
}

.box-item .box-item-footer .f-desc small {
  font-size: 1.2rem;
  font-weight: 300;
  text-transform: uppercase;
  margin-left: -0.5rem;
  display: inline-block;
}

.box-item .box-item-links {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  padding: 0 1.2rem 0.5rem;
}

.box-item .box-item-links > div {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.box-item .box-item-links a {
  font-size: 0.8rem;
}

.box-item .box-item-links a .icon {
  font-size: 0.9rem;
  color: #0090FF;
  margin-right: 0.2rem;
  position: relative;
  top: 1px;
}

.box-item .box-item-links a:hover .icon {
  color: rgba(0, 144, 255, 0.5);
}

.box-item .box-item-double {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 1.2rem;
}

.box-item .box-item-double .box-item-title {
  padding-left: 0;
  margin-bottom: 1.5rem;
}

.box-item .box-item-double > div {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  border-right: 1px solid #BEBEBE;
  padding-bottom: 1rem;
}

.box-item .box-item-double > div:last-child {
  border-right: 0px none;
  padding-left: 1rem;
}

.box-item .box-item-double p label {
  margin-bottom: 0;
}

.box-item .box-item-double p label:before {
  margin-right: 1.5rem;
}

.box-item.left-right-box {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 1rem 0;
}

.box-item.left-right-box .lr-item {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.box-item.left-right-box .lr-item .lr-item-icon {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.box-item.left-right-box .lr-item .lr-item-icon img {
  max-height: 58px;
}

.box-item.left-right-box .lr-item:first-child {
  border-right: 1px solid #ededed;
}

.box-item.left-right-box .lr-item .lr-item-title {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 0 1.2rem;
}

.box-item.left-right-box .lr-item .lr-item-content-right {
  margin-bottom: 0.6rem;
}

.box-item.left-right-box .lr-item .lr-item-content-right strong {
  font-weight: 600;
}

.box-item.left-right-box .lr-item .lr-item-content-right .progress-bar-label:after {
  border-radius: 50%;
  background: #BEBEBE;
  content: '';
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  margin-left: 0.5rem;
}

.box-item.left-right-box .lr-item .lr-item-content-right .progress-bar-label.pbl-primary::after {
  background: #4C4C4C;
}

.box-item.left-right-box .lr-item .lr-item-content-right .progress-bar-label.pbl-gray::after {
  background: #6E6E6E;
}

.box-item.left-right-box .lr-item .lr-item-content-right .progress-bar-label.pbl-light-gray::after {
  background: #BEBEBE;
}

.box-item .search-box {
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-item .search-box .form-group {
  position: relative;
  width: calc(100% - 50px);
  margin-bottom: 0;
}

.box-item .search-box .revert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 15px;
  cursor: pointer;
}

.box-item .search-box .revert .circle {
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 50%;
  background-color: #C4C4C4;
  color: #ffffff;
}

.box-item .search-box .revert strong {
  margin-left: 11px;
  font-size: 12px;
}

.box-item .search-box .revert .icon {
  line-height: 34px;
  font-size: 23px;
}

.box-item .search-box .delete {
  position: absolute;
  right: 53px;
  top: 19px;
  font-size: 12px;
  cursor: pointer;
}

.box-item .search-box .search {
  position: absolute;
  right: 13px;
  top: 14px;
  font-size: 22px;
  font-weight: 600;
  cursor: pointer;
}

.box-item .search-box input {
  padding-right: 80px;
}

.box-item .search-box input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dddddd;
  opacity: 1;
  /* Firefox */
}

.box-item .search-box input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dddddd;
  opacity: 1;
  /* Firefox */
}

.box-item .search-box input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dddddd;
  opacity: 1;
  /* Firefox */
}

.box-item .search-box input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dddddd;
  opacity: 1;
  /* Firefox */
}

.box-item .search-box input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #dddddd;
}

.box-item .search-box input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dddddd;
}

.box-item .export-tools strong {
  font-size: 13px;
}

.box-item .export-tools > * {
  vertical-align: middle;
}

.box-item .export-tools .icon {
  position: static;
  font-size: 25px;
  margin-left: 10px;
}

.box-item .export-tools a {
  color: #4B4B4B;
}

.box-item.alert-box {
  border: 2px solid #ED2939;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  text-align: left;
  margin: 0;
}

.box-item.alert-box .icon-attention {
  color: #ED2939;
  font-size: 2rem;
}

.box-item.alert-box .box-item-title {
  padding-left: 0;
  padding-top: 0;
}

.box-item.alert-box p {
  margin-bottom: 0;
}

.box-item.alert-box > div:first-child {
  width: 50px;
}

.box-item.alert-box > div:last-child,
.box-item.alert-box > div.text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.box-item.alert-box .text {
  width: calc(100% - 300px);
}

.box-item.alert-box .button {
  margin-top: 0;
}

.box-item.alert-box.alert-box-expandable {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
  padding-right: 25px;
  cursor: pointer;
}

.box-item.alert-box.alert-box-expandable:after {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '\E944';
  font-family: 'icomoon' !important;
  font-weight: 700;
  font-size: 17px;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-item.alert-box.alert-box-expandable > div:not(.text):not(.box-cloned) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-item.alert-box.alert-box-expandable > div.text {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 100%;
}

.box-item.alert-box.alert-box-expandable > div.text p {
  max-height: 41px;
}

.box-item.alert-box.alert-box-expandable.opened {
  overflow: visible;
}

.box-item.alert-box.alert-box-expandable .box-cloned {
  background: white;
  border: 2px solid #ED2939;
  border-radius: 20px;
  position: absolute;
  z-index: 99;
  left: -2px;
  top: -2px;
  width: calc(100% + 4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 25px 6px 12px;
}

.box-item.alert-box.alert-box-expandable .box-cloned > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-item.alert-box.alert-box-expandable .box-cloned:after {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '\E944';
  font-family: 'icomoon' !important;
  font-weight: 700;
  font-size: 17px;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}

.box-item.alert-box.alert-box-collapsible {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.box-item.alert-box.alert-box-collapsible > .alert-clone {
  position: absolute;
  width: calc(100% + 4px);
  z-index: 2;
  left: -2px;
  top: -2px;
}

.box-item.alert-box.alert-box-collapsible > .alert-clone .alert-box {
  margin: 0;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.box-item.alert-box.alert-box-collapsible .text {
  padding-right: 51px;
  position: relative;
  cursor: pointer;
}

.box-item.alert-box.alert-box-collapsible .text:after {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '\E944';
  font-family: 'icomoon' !important;
  font-weight: 700;
  font-size: 17px;
  position: absolute;
  right: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-item.alert-box.alert-box-collapsible .items {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  letter-spacing: 0.05em;
  padding-left: 50px;
  margin-top: 3px;
  display: none;
}

.box-item.alert-box.alert-box-collapsible .item {
  margin-bottom: 10px;
  padding-right: 20px;
}

.box-item.alert-box.alert-box-collapsible .item .item-content {
  display: none;
  padding-top: 5px;
  padding-left: 20px;
}

.box-item.alert-box.alert-box-collapsible .item .item-header {
  position: relative;
  cursor: pointer;
}

.box-item.alert-box.alert-box-collapsible .item .item-header:after {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '\E944';
  font-family: 'icomoon' !important;
  font-weight: 700;
  font-size: 17px;
  position: absolute;
  right: -19px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-item.alert-box.alert-box-collapsible .item.active .item-header:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}

@media (max-width: 575.98px) {
  .box-item.left-right-box .lr-item .lr-item-title > div {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .box-item .box-item-footer .f-title {
    font-size: 1.1rem;
  }
  .box-item .box-item-footer .f-desc {
    font-size: 2rem;
  }
  .box-item.left-right-box {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .box-item.left-right-box .lr-item:first-child {
    border-right: 0px none;
    border-bottom: 1px solid #ededed;
  }
}

@media (max-width: 991.98px) {
  .box-item.left-right-box .lr-item .box-item-content {
    padding: 1rem 1.2rem;
  }
}

.box-item-inline {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.box-item-inline .box-item {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-right: 0.5rem;
}

.box-item-inline .box-item:last-child {
  margin-right: 0;
}

.box-item-inline .box-item .icon {
  font-size: 1.2rem;
  color: #BEBEBE;
}

.box-item-inline .box-item .text-big {
  font-weight: 300;
}

@media (max-width: 767.98px) {
  .box-item-inline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.progress-bar-container {
  margin: 0 0 1.5rem 0;
  /* Animate */
  /* Shadow */
}

.progress-bar-container h3 {
  font-size: 0.8rem;
  text-transform: uppercase;
}

.progress-bar-container h3 span {
  float: right;
  position: relative;
}

.progress-bar-container h3 span:after {
  border-radius: 50%;
  content: '';
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.5rem;
  background: #BEBEBE;
}

.progress-bar-container .progress {
  position: relative;
  background: #ededed;
  height: 0.5rem;
}

.progress-bar-container .progress .progress-bar {
  border-radius: 0.25rem;
  background-color: #008BCB;
}

.progress-bar-container .progress .progress-bar.progress-bar-striped {
  background: none;
  background-color: #4B4B4B;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 1rem 1rem !important;
}

.progress-bar-container .progress .progress-bar-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
}

.progress-bar-container.pbc-flat .progress,
.progress-bar-container.pbc-flat .progress .progress-bar {
  border-radius: 0px !important;
}

.progress-bar-container.pbc-multi .progress .progress-bar {
  border-radius: 0;
}

.progress-bar-container.pbc-multi .progress .progress-bar:first-child {
  border-radius: 0.25rem 0rem 0rem 0.25rem;
}

.progress-bar-container.pbc-multi .progress .progress-bar:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}

.progress-bar-container.pbc-multi .progress .progress-bar.pb-primary {
  background: #4C4C4C;
}

.progress-bar-container.pbc-multi .progress .progress-bar.pb-gray {
  background: #6E6E6E;
}

.progress-bar-container.pbc-multi .progress .progress-bar.pb-light-gray {
  background: #BEBEBE;
}

.progress-bar-container.pb-primary h3 span:after,
.progress-bar-container.pb-primary .progress .progress-bar {
  background: #4C4C4C;
}

.progress-bar-container.pb-gray h3 span:after,
.progress-bar-container.pb-gray .progress .progress-bar {
  background: #6E6E6E;
}

.progress-bar-container.pb-light-gray h3 span:after,
.progress-bar-container.pb-light-gray .progress .progress-bar {
  background: #BEBEBE;
}

.progress-bar-container.pb-light-gray .progress .progress-bar-text {
  color: #4B4B4B;
}

.progress-bar-container.pb-animate .progress .progress-bar {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-indent: -99999px;
}

.progress-bar-container.pb-animate.pb-height-md .progress, .progress-bar-container.pb-animate.pb-height-md .progress .progress-bar {
  border-radius: 0.5rem;
  text-indent: 0;
}

.progress-bar-container.pb-animate.pb-height-md .progress {
  height: 1rem;
}

.progress-bar-container.pb-animate.pb-height-md .progress .progress-bar {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #ededed;
}

.progress-bar-container.pb-animate.pb-height-sm .progress, .progress-bar-container.pb-animate.pb-height-sm .progress .progress-bar {
  border-radius: 0.125rem;
}

.progress-bar-container.pb-animate.pb-height-sm .progress {
  height: 0.25rem;
}

.progress-bar-container.pb-animate.pb-height-xs .progress, .progress-bar-container.pb-animate.pb-height-xs .progress .progress-bar {
  border-radius: 0;
}

.progress-bar-container.pb-animate.pb-height-xs .progress {
  height: 0.1rem;
}

.progress-bar-container.pb-shadow .progress {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.range-bar {
  margin: 0 0 1.5rem 0;
}

.switchChartType {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  color: #BEBEBE;
  cursor: pointer;
  font-size: 1.8rem;
  margin: 0 0 0 0.5rem;
}

@media (prefers-reduced-motion: reduce) {
  .switchChartType {
    -webkit-transition: none;
    transition: none;
  }
}

.switchChartType.active {
  color: #4B4B4B;
}

.text-stack-info {
  vertical-align: middle;
  display: inline-block;
  font-size: 0.8rem;
  position: relative;
  top: -5px;
  margin-right: 0.5rem;
}

.text-stack-info .icon {
  margin-left: 0.1rem;
  top: 1px !important;
}

.group-icons a {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 2rem;
  color: #A5A5A5;
}

@media (max-width: 991.98px) {
  .box-item .box-item-title {
    font-size: 1.1rem;
    padding: 1rem 0.5rem;
  }
  .box-item .box-item-content {
    padding: 1rem 0.5rem;
  }
  .box-item .box-item-content > .row {
    margin-left: 0;
    margin-right: 0;
  }
}

/* save notice */
.notice-fixed-wrap {
  position: fixed;
  right: 10px;
  top: 90px;
  z-index: 9999;
  width: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: calc(100% - 20px);
}

.notice-fixed-wrap .save-notice {
  position: static;
}

.save-notice {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4B4B4B;
  border-radius: 4px;
  color: #ffffff;
  padding: 5px 30px 5px 30px;
  min-height: 95px;
  position: absolute;
  z-index: 5;
  right: 10px;
  top: 10px;
  margin-bottom: 10px;
  -webkit-filter: drop-shadow(0px 16px 36px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 16px 36px rgba(0, 0, 0, 0.2));
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.save-notice.show {
  opacity: 1;
}

.save-notice .close {
  color: white;
  opacity: 1;
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  text-shadow: none;
  cursor: pointer;
}

.save-notice .close:hover {
  color: #ffffff !important;
}

.save-notice img {
  width: 40px;
}

.save-notice .content {
  margin-left: 20px;
  margin-right: 20px;
}

.save-notice .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

/*
*
* card image-extended
*
*/
.card-image-extended {
  position: relative;
}

.card-image-extended__wrapper {
  width: calc(100% - 85px);
  padding: 24px 109px 32px 24px;
  background: #f2f2f2;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.card-image-extended__image {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  max-width: 190px;
}

.card-image-extended__image img {
  width: 100%;
}

@media (max-width: 575.98px) {
  .card-image-extended {
    margin-bottom: 100px;
  }
  .card-image-extended__wrapper {
    width: 100%;
    padding-right: 24px;
  }
  .card-image-extended__image {
    max-width: 120px;
    -webkit-transform: none;
            transform: none;
    top: unset;
    right: 0;
    bottom: 0;
    margin-bottom: -56px;
  }
}

.table {
  font-size: 12px;
}

.table .t-h-row {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  background: #ffffff;
  margin-top: 1rem;
  color: #A5A5A5;
}

.table .t-h-row .t-cell {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
}

.table .t-h-row .t-cell.t-cell-bold {
  font-weight: 600;
}

.table .t-h-row .t-cell .icon {
  font-size: 2.5rem;
  margin: 0;
  width: 4rem;
}

.table .t-h-row .t-cell .icon.icon-xsmall {
  font-size: 1.3rem;
  margin-left: 0.5rem;
  width: auto;
  display: inline-block;
  position: relative;
  top: 4px;
}

.table .t-h-row .t-cell .icon.icon-house {
  font-size: 1.7rem;
}

.table .t-row {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #f1f1f1;
  padding: 0.5rem 0;
}

.table .t-row .t-cell .icon {
  font-size: 1.3rem;
  margin-left: 0.5rem;
  width: auto;
  display: inline-block;
  position: relative;
  top: 4px;
  color: #A5A5A5;
}

.table .t-row .t-cell .button {
  float: Left;
  color: #ffffff;
}

.table .t-row:nth-of-type(2n) {
  background-color: #f9f9f9;
}

.table.t-h-icon .t-row .t-cell:first-child {
  padding-left: 5.071rem;
}

@media (max-width: 991.98px) {
  .table.t-h-icon .t-row .t-cell:first-child {
    padding-left: 15px;
  }
}

.table.t-h-checkbox input.checkbox[type="checkbox"] + label:before {
  padding-top: 4px;
}

.table .t-h-row .t-cell.text-center,
.table .t-row .t-cell.text-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media (max-width: 991.98px) {
  .table .t-h-row .t-cell.text-center,
  .table .t-row .t-cell.text-center {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left !important;
    font-size: 0.7rem;
  }
}

.table .t-h-row .t-cell.text-right,
.table .t-row .t-cell.text-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

@media (max-width: 991.98px) {
  .table .t-h-row .t-cell.text-right,
  .table .t-row .t-cell.text-right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.table .t-h-row .t-cell.t-cell-bold,
.table .t-row .t-cell.t-cell-bold {
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .table .t-h-row .t-cell {
    padding-left: 0;
    padding-right: 0;
  }
  .table .t-h-row .t-cell .icon {
    width: 3rem;
  }
  .table .t-row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .table .t-row .t-cell {
    padding-left: 15px;
    padding-right: 15px;
  }
  .table .t-row .t-cell:first-child {
    color: #008BCB;
  }
}

@media all and (max-width: 991.98px) and (-ms-high-contrast: none), (max-width: 991.98px) and (-ms-high-contrast: active) {
  .table .t-row {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.02);
}

.table.table-condensed .t-h-row {
  font-size: 0.8rem;
}

.table.table-condensed .t-h-row .icon-xs {
  color: #4B4B4B;
  font-size: 0.7rem;
  width: auto;
  margin-left: 1rem;
}

.table.table-condensed .t-row .t-cell:first-child {
  color: #4C4C4C;
}

.table.table-condensed .t-cell .t-cell-row {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 1rem;
}

.table.table-condensed .t-cell .t-cell-row > div {
  width: 50%;
}

.table.table-condensed .t-cell .t-cell-row > div:nth-child(2) {
  width: 40%;
}

.table.table-condensed .t-cell .t-cell-row > div:last-child {
  width: 10%;
}

.table.table-condensed .t-cell .t-cell-row > div .icon {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #4B4B4B;
  font-size: 1rem;
}

.table.table-condensed .t-cell .t-cell-row > div .icon:not(.collapsed):before {
  content: '\E93F';
}

.table.table-condensed .t-cell .t-cell-row.tcr-equal {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 90%;
}

@media (max-width: 767.98px) {
  .table.table-condensed .t-cell .t-cell-row.tcr-equal {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
  }
  .table.table-condensed .t-cell .t-cell-row.tcr-equal > div {
    width: 100% !important;
  }
  .table.table-condensed .t-cell .t-cell-row.tcr-equal > div,
  .table.table-condensed .t-cell .t-cell-row.tcr-equal > div span {
    text-transform: none !important;
  }
  .table.table-condensed .t-cell .t-cell-row.tcr-equal > div .font-weight-bold,
  .table.table-condensed .t-cell .t-cell-row.tcr-equal > div span .font-weight-bold {
    float: right;
  }
}

.table.table-condensed .t-cell .t-cell-row.tcr-equal > div {
  width: auto;
}

@media (max-width: 991.98px) {
  .table.table-condensed .t-h-row {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .table.table-condensed .t-cell .t-cell-row:first-child {
    margin-bottom: 0.5rem;
  }
  .table.table-condensed .t-cell .t-cell-row:nth-child(2),
  .table.table-condensed .t-cell .t-cell-row:nth-child(2) * {
    text-transform: none !important;
  }
  .table.table-condensed .t-cell .t-cell-row:nth-child(2) {
    margin-bottom: 0;
  }
  .table.table-condensed .t-cell .t-cell-row > div {
    width: 90%;
  }
}

/* Table Responsive */
.table-res {
  margin-bottom: 1rem;
}

.table-res.table-mobile-alt {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.table-res.table-mobile-alt .t-row .t-cell {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: auto;
}

.table-res.table-mobile-alt .t-row .t-cell.text-right {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.table-res .t-h-row,
.table-res .t-row {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0;
}

.table-res .t-h-row .t-cell,
.table-res .t-row .t-cell {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -moz-flex: 0 1 20%;
  -ms-flex: 0 1 20%;
  flex: 0 1 20%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  padding: 5px 12px;
}

.table-res .t-h-row .t-cell:first-child,
.table-res .t-row .t-cell:first-child {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.table-res .t-h-row .t-cell:last-child,
.table-res .t-row .t-cell:last-child {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.table-res .t-h-row .t-cell .cell-price,
.table-res .t-row .t-cell .cell-price {
  min-width: 5rem;
  text-align: right;
}

.table-res .t-h-row .t-cell label,
.table-res .t-row .t-cell label {
  margin: 0;
}

.table-res .t-h-row {
  color: #A5A5A5;
  min-height: 42px;
}

.table-res .t-h-row .t-cell {
  text-transform: uppercase;
}

.table-res .t-h-row .t-cell:first-child {
  font-weight: bold;
}

.table-res .t-h-row .t-cell .icon {
  font-size: 2.5rem;
  margin: 0;
  width: 4rem;
}

.table-res .t-row {
  border-top: 1px solid #f1f1f1;
  min-height: 47px;
}

.table-res .t-row:nth-of-type(2n) {
  background: #f9f9f9;
}

.table-res .t-row .t-cell:first-child {
  color: #008BCB;
}

.table-res .t-row .t-cell .header-label {
  display: none;
  font-weight: bold;
  margin-right: 1rem;
}

.table-res .t-row-error {
  background: rgba(229, 33, 38, 0.1) !important;
}

.table-res.table-res--dashboard.table-res--v2 .t-h-row .t-cell:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}

.table-res.table-res--dashboard.table-res--v2 .t-h-row .t-cell {
  text-transform: none;
}

.table-res.table-res--insurance .t-h-row,
.table-res.table-res--insurance .t-row {
  border-top: 1px solid transparent;
}

.table-res.table-res--insurance .t-h-row .t-cell:nth-child(2),
.table-res.table-res--insurance .t-row .t-cell:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 60%;
          flex: 0 1 60%;
}

.table-res.table-res--insurance .t-h-row .t-cell:last-child,
.table-res.table-res--insurance .t-row .t-cell:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
}

.table-res.table-res--insurance .t-h-row.t-row-gray,
.table-res.table-res--insurance .t-row.t-row-gray {
  background-color: #f9f9f9 !important;
}

@media (max-width: 991.98px) {
  .table-res.table-res--insurance .t-h-row.t-row-gray,
  .table-res.table-res--insurance .t-row.t-row-gray {
    background-color: #ffffff !important;
  }
}

.table-res.table-res--insurance .t-h-row.t-row-white,
.table-res.table-res--insurance .t-row.t-row-white {
  background-color: #ffffff !important;
}

.table-res.table-res--insurance .t-h-row {
  color: #4C4C4C;
}

.table-res.table-res--insurance .t-cell-tab-1 {
  padding-left: 20px;
}

.table-res.table-res--insurance .t-cell-tab-2 {
  padding-left: 40px;
}

@media (max-width: 991.98px) {
  .table-res.table-res--insurance {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.149);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.149);
    border-radius: 24px;
    background-color: #ffffff !important;
    margin-bottom: 10px;
    position: relative;
    max-height: 60px;
    overflow: hidden;
    padding: 3px 0 7px 0;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    cursor: pointer;
  }
  .table-res.table-res--insurance .t-h-row {
    display: none;
  }
  .table-res.table-res--insurance .t-row {
    padding: 3px 0 0px 3px;
    min-height: unset;
  }
  .table-res.table-res--insurance .t-cell {
    margin-bottom: 10px;
  }
  .table-res.table-res--insurance .t-cell .label {
    padding-right: 10px;
  }
  .table-res.table-res--insurance .t-cell-tab-1 {
    padding-left: 0px;
    text-align: left;
  }
  .table-res.table-res--insurance .t-cell-tab-2 {
    padding-left: 0px;
    text-align: left;
  }
  .table-res.table-res--insurance.active {
    max-height: 300px;
    padding-bottom: 20px;
  }
  .table-res.table-res--insurance.active:after {
    content: "\E905";
  }
  .table-res.table-res--insurance:after {
    content: "\E902";
    font-family: 'icomoon' !important;
    position: absolute;
    right: 0;
    top: 27px;
    font-size: 15px;
    text-align: right;
    height: 50px;
    margin-top: -20px;
    padding-top: 9px;
    padding-right: 20px;
    z-index: 0;
  }
}

@media (min-width: 992px) {
  .table-res.table-res--insurance .t-cell .label {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .table-res.table-res--insurance .t-cell {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 100% !important;
            flex: 0 1 100% !important;
  }
}

@media (max-width: 767.98px) {
  .table-res.table-res--insurance .t-cell {
    padding: 0 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .table-res .t-row .t-cell {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .table-res .t-row .t-cell:last-child {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .table-res .t-row .t-cell:last-child .cell-price {
    -webkit-box-ordinal-group: 1;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .table-res .t-row .t-cell:last-child .button {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0 !important;
    margin-top: 0.5rem;
  }
}

@media (max-width: 991.98px) {
  .table-res .t-h-row .t-cell {
    display: none;
  }
  .table-res .t-h-row .t-cell:first-child {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .table-res .t-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.5rem 0;
  }
  .table-res .t-row .t-cell {
    -webkit-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }
  .table-res .t-row .t-cell:first-child {
    -webkit-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    padding-top: 0.5rem;
  }
  .table-res .t-row .t-cell:last-child {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    text-align: left;
  }
  .table-res .t-row .t-cell:last-child .cell-price {
    text-align: left;
  }
  .table-res .t-row .t-cell:last-child .button {
    margin-top: 0;
  }
  .table-res .t-row .t-cell .header-label {
    display: inline-block;
  }
}

@media (max-width: 767.98px) {
  .table-res .t-row .t-cell {
    padding: 0.5rem;
  }
  .table-res .t-row .t-cell .button {
    padding: 0.3rem 0.7rem;
    font-size: 10px;
  }
}

.table-res--dashboard .t-row,
.table-res--dashboard .t-h-row {
  text-align: left;
}

.table-res--dashboard .t-row .t-cell,
.table-res--dashboard .t-h-row .t-cell {
  display: block;
}

.table-res--dashboard .t-row .t-cell:first-child,
.table-res--dashboard .t-h-row .t-cell:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 3.5 50%;
          flex: 0 3.5 50%;
}

.table-res--dashboard .t-row-footer {
  background-color: #666666;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px 0;
}

.table-res--dashboard .t-row-footer .t-cell {
  padding: 0 16px;
  font-size: 15px;
}

.table-res--dashboard .t-row-footer .t-cell strong {
  font-weight: 600;
}

.table-res--dashboard .orderArrow {
  padding-right: 0 !important;
}

.table-res--dashboard .orderArrow > span {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}

.table-res--dashboard .orderArrow > span:after {
  content: '\E902';
  display: inline-block;
  font-family: "icomoon";
  font-size: 0.6rem;
  position: absolute;
  right: -1rem;
  top: 50%;
  margin-top: -7px;
}

.table-res--dashboard .orderArrow.up > span:after {
  content: '\E905';
}

.table-res--dashboard .orderArrow.down > span:after {
  content: '\E902';
}

.table-res--dashboard .t-h-row {
  font-weight: bold;
  color: #000000;
  font-size: 12px;
  line-height: 16px;
}

.table-res--dashboard .t-h-row .t-cell:first-child {
  text-transform: none;
}

.table-res--dashboard .t-h-row .t-cell:nth-child(2) {
  text-transform: none;
}

.table-res--dashboard .t-row {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.table-res--dashboard .t-row .t-cell:first-child {
  color: #4B4B4B;
}

.table-res--dashboard .t-row a {
  color: #008BCB;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.table-res--dashboard .t-row a:hover, .table-res--dashboard .t-row a:focus, .table-res--dashboard .t-row a:active {
  opacity: 0.7;
}

.table-res--dashboard .t-row:hover, .table-res--dashboard .t-row:focus, .table-res--dashboard .t-row:active {
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  position: relative;
  background: #fff;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}

.table-res--dashboard-first .t-row .t-cell:last-child,
.table-res--dashboard-first .t-h-row .t-cell:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 5%;
          flex: 0 1 5%;
}

.table-res--dashboard-first .t-row .t-cell:nth-child(2),
.table-res--dashboard-first .t-h-row .t-cell:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
}

.table-res--dashboard-first .t-row .t-cell:nth-child(3),
.table-res--dashboard-first .t-h-row .t-cell:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}

.table-res--dashboard-first .t-row .t-cell:nth-child(4),
.table-res--dashboard-first .t-h-row .t-cell:nth-child(4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
}

.table-res--dashboard-first .t-row .t-cell:nth-child(5),
.table-res--dashboard-first .t-h-row .t-cell:nth-child(5) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}

.table-res--dashboard-first .t-row .t-cell:nth-child(6),
.table-res--dashboard-first .t-h-row .t-cell:nth-child(6) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 5%;
          flex: 0 1 5%;
}

@media (min-width: 992px) {
  .table-res--dashboard .t-cell .label {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .table-res--dashboard .t-h-row {
    display: none;
  }
  .table-res--dashboard .t-row {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.149);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.149);
    border-radius: 24px;
    background-color: #ffffff !important;
    margin-bottom: 10px;
    position: relative;
    max-height: 50px;
    overflow: hidden;
    padding: 3px 0 7px 0;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
  }
  .table-res--dashboard .t-row.active {
    max-height: 300px;
    padding-bottom: 20px;
  }
  .table-res--dashboard .t-row.active:after {
    content: "\E905";
  }
  .table-res--dashboard .t-row:after {
    content: "\E902";
    font-family: 'icomoon' !important;
    position: absolute;
    right: 0;
    top: 27px;
    font-size: 15px;
    text-align: right;
    height: 50px;
    margin-top: -20px;
    padding-top: 9px;
    padding-right: 20px;
    z-index: 0;
  }
  .table-res--dashboard .t-row.t-row-error:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    left: 0;
    background: #EFDBDC;
    top: 0;
  }
  .table-res--dashboard .t-row .t-cell {
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
    display: block;
    padding: 5px 20px;
  }
  .table-res--dashboard .t-row .t-cell:nth-child(-n + 2) {
    cursor: pointer;
    position: relative;
    z-index: 1;
  }
  .table-res--dashboard .t-row .t-cell:nth-child(-n + 2) .label {
    display: none;
  }
  .table-res--dashboard .t-row .t-cell:first-child {
    width: 40px;
    margin-bottom: 30px;
    padding-top: 13px;
  }
  .table-res--dashboard .t-row .t-cell:nth-child(2) {
    width: calc(100% - 40px);
    min-height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .table-res--dashboard .t-row .t-cell:nth-child(2) span {
    display: block;
    width: 100%;
  }
  .table-res--dashboard .t-row .t-cell .label {
    font-weight: bold;
    min-width: 200px;
    display: inline-block;
  }
  .table-res--dashboard .t-row .t-cell span {
    display: inline-block;
    vertical-align: top;
  }
  .table-res--dashboard .t-row .t-cell.action {
    position: absolute;
    right: 0;
    width: auto;
    top: 72px;
  }
  .table-res--dashboard .t-row .t-cell.action ~ .action {
    top: 120px;
  }
}

@media (max-width: 767.98px) {
  .table-res--dashboard .t-row:before {
    content: '';
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 24px 25px -15px #e6e6e6;
            box-shadow: 0 24px 25px -15px #e6e6e6;
  }
  .table-res--dashboard .t-row.active {
    max-height: 550px;
  }
  .table-res--dashboard .t-row .t-cell:not(:nth-child(-n + 2)) {
    padding-left: 48px;
  }
  .table-res--dashboard .t-row .t-cell:not(:nth-child(-n + 2)) span {
    display: block;
  }
  .table-res--dashboard .t-row .t-cell:nth-child(-n + 2) {
    margin-bottom: 10px;
  }
  .table-res--dashboard .t-row .t-cell:nth-child(2) {
    padding-left: 10px;
  }
}

.display-number {
  font-size: 13px;
  font-weight: 600;
}

.display-number__dropdown {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  background: linear-gradient(180deg, #fff 0%, #f5f5f5 100%);
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  padding: 4px 13px;
  font-weight: 600;
  position: relative;
  margin: 0 9px;
}

.display-number__dropdown:hover, .display-number__dropdown:focus, .display-number__dropdown:active {
  cursor: pointer;
}

.display-number__items {
  position: absolute;
  top: 30px;
  left: 0;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.2);
  width: 100%;
  padding: 5px 8px;
  display: none;
  z-index: 5;
}

.display-number__item {
  padding: 3px 0;
  display: block;
}

.display-number__item:hover, .display-number__item:focus, .display-number__item:active, .display-number__item.active {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  background: linear-gradient(180deg, #fff 0%, #f5f5f5 100%);
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}

.display-number__item-title {
  padding: 3px 0;
  display: block;
}

.it-table {
  margin-bottom: 3rem;
  /* Header */
  /* Body */
}

.it-table .itt-header {
  color: #4B4B4B;
  font-weight: 600;
  text-transform: uppercase;
  vertical-align: middle;
}

.it-table .itt-header th {
  border: 0px none;
  padding: 7px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  vertical-align: middle;
}

.it-table .itt-header .orderArrow > span {
  display: inline-block;
  position: relative;
}

.it-table .itt-header .orderArrow > span:after {
  content: '\E902';
  display: inline-block;
  font-family: "icomoon";
  font-size: 0.6rem;
  position: absolute;
  right: -1.5rem;
  top: 50%;
  margin-top: -7px;
}

.it-table .itt-body tr td .icon {
  color: #34B233;
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.it-table .itt-body tr td .icon.icon-package-check {
  font-weight: bold;
  font-size: 21px;
}

.it-table .itt-body tr.t-row-error {
  background: rgba(229, 33, 38, 0.1) !important;
}

.it-table .itt-body tr.t-row-error td .icon {
  color: #E52126;
  font-size: 26px;
  cursor: pointer;
}

.it-table .itt-body tr {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.it-table .itt-body tr:hover {
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}

.it-table .itt-body td {
  border-top-color: #f1f1f1;
  padding: 14px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  white-space: nowrap;
  position: relative;
}

.it-table .itt-body td div[data-sparkline] {
  display: inline-block;
  margin-left: 0.5rem;
}

.it-table .itt-body td .text-success.arr:after,
.it-table .itt-body td .text-danger.arr:after {
  display: inline-block;
  font-family: "icomoon";
  font-size: 0.6rem;
  margin-left: 0.3rem;
}

.it-table .itt-body td .text-success.arr:after {
  content: '\E905';
}

.it-table .itt-body td .text-danger.arr:after {
  content: '\E902';
}

.it-table .itt-body tr:nth-of-type(2n) {
  background-color: #f9f9f9;
}

/* Tables alert */
.alert-box-table {
  margin-right: 30px !important;
}

@media (max-width: 991.98px) {
  .alert-box-table {
    margin-right: 0 !important;
  }
}

/* Sticky tables */
.clone-column-table-wrap {
  -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991.98px) {
  .table-tools {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

@media (max-width: 767.98px) {
  .table-tools .button {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0 !important;
  }
}

.table-collapse {
  margin-top: 40px;
}

/*
* table header
*/
.table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.table-header .search-box-wrap {
  width: calc(100% - 800px);
  margin-right: 20px;
  min-width: 350px;
}

.table-header .display-number {
  width: 158px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .table-header .search-box-wrap + .display-number {
    width: 50%;
  }
}

@media (max-width: 991.98px) {
  .table-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .table-header .search-box-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .table-header .display-number {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .table-header .alert-box-table {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .table-header .table-collapse {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .table-header .search-box-wrap,
  .table-header .alert-box-table {
    width: 50%;
    margin: 0;
  }
  .table-header .table-collapse {
    width: 100%;
  }
  .table-header .display-number,
  .table-header .table-collapse {
    text-align: right;
  }
  .table-header .alert-box-table,
  .table-header .table-collapse {
    margin-top: 25px;
  }
}

@media (max-width: 767.98px) {
  .table-header .search-box-wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .table-header .display-number {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .table-header .alert-box-table {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .table-header .table-collapse {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .table-header .search-box-wrap,
  .table-header .display-number,
  .table-header .alert-box-table,
  .table-header .table-collapse {
    width: 100%;
    max-width: 100% !important;
  }
  .table-header .search-box-wrap {
    min-width: 0;
  }
  .table-header .display-number {
    text-align: left;
  }
  .table-header .table-collapse {
    margin-top: 5px;
  }
}

.nav-tabs {
  border: none;
}

.nav-tabs.before-box {
  position: relative;
  top: 15px;
  left: 1rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (max-width: 991.98px) {
  .nav-tabs.before-box {
    top: 24px;
    left: 0;
  }
}

@media (max-width: 767.98px) {
  .nav-tabs.before-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 0px;
    min-width: 150px;
    margin: auto;
  }
  .nav-tabs.before-box .nav-item {
    width: 100%;
  }
}

.nav-tabs .nav-item {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
}

.nav-tabs .nav-item .title {
  font-weight: bold;
  color: #858585;
  font-size: 13px;
  text-transform: uppercase;
}

.nav-tabs .nav-item .title img + span {
  margin-left: 5px;
}

.nav-tabs .nav-item.active, .nav-tabs .nav-item:hover {
  background: none;
  color: #ED2939;
  border-bottom: 2px solid #ED2939;
}

.nav-tabs .nav-item.active .title, .nav-tabs .nav-item:hover .title {
  color: #ED2939;
}

.nav-tabs .nav-item.active .icon, .nav-tabs .nav-item:hover .icon {
  color: #ED2939;
}

.nav-tabs.nav-tabs-icons .title {
  text-transform: uppercase;
  color: #4C4C4C;
}

.nav-tabs.nav-tabs-icons .title img + span {
  margin-left: 5px;
}

.nav-tabs.nav-tabs-icons .title .img-active {
  display: none;
}

.nav-tabs.nav-tabs-icons .nav-item {
  border-bottom-width: 4px;
}

.nav-tabs.nav-tabs-icons .nav-item.active .img-active {
  display: inline-block;
}

.nav-tabs.nav-tabs-icons .nav-item.active .img-inactive {
  display: none;
}

.nav-tabs.nav-tabs-icons .nav-item.inactive {
  cursor: default;
  opacity: .7;
}

.nav-tabs.nav-tabs-icons .nav-item.inactive:hover {
  border-bottom-color: transparent !important;
}

.nav-tabs.nav-tabs-icons .nav-item:hover:not(.active) {
  border-bottom-color: #4C4C4C;
}

.nav-tabs.nav-tabs-icons .nav-item:hover:not(.active) .title {
  color: #4C4C4C;
}

.nav-tabs.nav-tabs-dark .nav-item {
  background-color: #4C4C4C;
  border-radius: 0;
  padding: 0px;
  border-bottom: 0px none;
  position: relative;
}

.nav-tabs.nav-tabs-dark .nav-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #dddddd;
}

.nav-tabs.nav-tabs-dark .nav-item:first-child {
  border-radius: 20px 0 0 0;
  padding-left: 20px;
}

.nav-tabs.nav-tabs-dark .nav-item:first-child:before {
  left: 20px;
}

.nav-tabs.nav-tabs-dark .nav-item:last-child {
  border-radius: 0 20px 0 0;
  padding-right: 20px;
}

.nav-tabs.nav-tabs-dark .nav-item:last-child:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #dddddd;
}

.nav-tabs.nav-tabs-dark .nav-item:hover {
  border-bottom: 0px none;
}

.nav-tabs.nav-tabs-dark .nav-item.active,
.nav-tabs.nav-tabs-dark .nav-item.active .title {
  font-weight: bold;
  border-bottom: 0px none;
}

.nav-tabs.nav-tabs-dark .nav-item.active .title:before,
.nav-tabs.nav-tabs-dark .nav-item.active .title .title:before {
  background: linear-gradient(93.81deg, #EA2227 0%, #88171D 100%);
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 4px;
  width: 100%;
  z-index: 99;
}

.nav-tabs.nav-tabs-dark .nav-item .title {
  color: white;
  font-size: 14px;
  font-weight: normal;
  text-transform: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .2s;
  transition: .2s;
  padding: 15px 20px;
  height: 100%;
  position: relative;
}

.nav-tabs.nav-tabs-dark .nav-item .title img {
  display: inline-block;
  margin-right: 10px;
}

@media (max-width: 767.98px) {
  .nav-tabs.nav-tabs-dark {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: calc(100% - 40px);
    margin: auto;
    margin-top: -45px;
  }
  .nav-tabs.nav-tabs-dark .nav-item {
    width: auto;
  }
  .nav-tabs.nav-tabs-dark .nav-item .title {
    padding: 15px 13px;
  }
  .nav-tabs.nav-tabs-dark .nav-item:not(.active) .title span {
    display: none;
  }
  .nav-tabs.nav-tabs-dark .nav-item:not(.active) .title img {
    margin-right: 0;
  }
}

.interests nav .nav-tabs {
  background: none;
  border: none;
}

.interests nav .nav-item {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
  border: 3px transparent;
  background: none;
}

.interests nav .nav-item .title {
  font-weight: bold;
  color: #858585;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.interests nav .nav-item.active, .interests nav .nav-item:hover {
  background: none;
  color: #ED2939;
  border-bottom: 3px solid #ED2939;
}

.interests nav .nav-item.active .title, .interests nav .nav-item:hover .title {
  color: #ED2939;
}

.interests nav .nav-item.active .icon, .interests nav .nav-item:hover .icon {
  color: #ED2939;
}

.interests .box-item {
  margin-top: 0.1rem;
}

.interests .tab-content {
  padding: 1rem;
}

.interests #interest-select {
  display: none;
}

.interests .button-group {
  text-align: right;
  width: 100%;
}

.interests .button-group .button {
  margin: 0 1rem;
}

.interests.tabs-as-slider .nav-tabs {
  border: 0px none;
}

.interests.tabs-as-slider .nav-item {
  text-align: center;
}

.interests.tabs-as-slider .nav-item .nav-link {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 0px none;
  margin-bottom: 1px;
}

.interests.tabs-as-slider .nav-item .nav-link.active, .interests.tabs-as-slider .nav-item .nav-link:hover {
  background: none;
  color: #ED2939;
  border-bottom: 3px solid #ED2939;
}

.interests.tabs-as-slider .nav-item .nav-link.active .icon, .interests.tabs-as-slider .nav-item .nav-link:hover .icon {
  color: #ED2939;
}

.interests.tabs-as-slider .nav-item .nav-link.active .title, .interests.tabs-as-slider .nav-item .nav-link:hover .title {
  color: #ED2939;
}

.interests.tabs-as-slider .nav-item .nav-link .title {
  color: #858585;
  font-weight: bold;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.interests.tabs-as-slider .scrtabs-tab-container {
  height: 4.6rem;
  position: relative;
  padding: 0 2rem;
  overflow: hidden;
}

.interests.tabs-as-slider .scrtabs-tab-container .scrtabs-tabs-fixed-container {
  height: 100%;
}

.interests.tabs-as-slider .scrtabs-tab-container .scrtabs-tab-scroll-arrow {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: 0px none;
  color: #4B4B4B;
  font-size: 0.8rem;
  padding: 0;
}

.interests.tabs-as-slider .scrtabs-tab-container .scrtabs-tab-scroll-arrow.scrtabs-disable {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.interests.tabs-as-slider .scrtabs-tab-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right {
  left: auto;
  right: 0rem;
}

.interests.tabs-as-slider .scrtabs-tab-container .scrtabs-tab-scroll-arrow span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 501px) and (orientation: portrait) {
  .interests.tabs-as-slider #interest-select {
    display: none;
  }
}

@media (max-width: 500px) and (orientation: portrait) {
  .interests.tabs-as-slider .scrtabs-tab-container {
    display: none;
  }
}

@media (orientation: landscape) {
  .interests.tabs-as-slider #interest-select {
    display: none;
  }
  .interests.tabs-as-slider .scrtabs-tab-scroll-arrow.scrtabs-disable {
    display: none;
  }
  .interests.tabs-as-slider .scrtabs-tab-scroll-arrow-left.scrtabs-disable + .scrtabs-tabs-fixed-container {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .interests:not(.tabs-as-slider) #interests-tab {
    display: none;
  }
  .interests #interest-select {
    display: block;
  }
  .interests.xsSwitch:not(.tabs-as-slider) #interests-tab,
  .interests.smSwitch:not(.tabs-as-slider) #interests-tab {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .interests.xsSwitch #interest-select, .interests.smSwitch #interest-select {
    display: none;
  }
  .interests .button-group {
    text-align: center;
  }
  .interests .button-group .button {
    margin: 0 0;
    margin-bottom: 1rem;
  }
}

@media (max-width: 575.98px) {
  .interests .button {
    width: 100%;
    margin-bottom: 1rem;
  }
  .interests.xsSwitch:not(.tabs-as-slider) #interests-tab {
    display: none;
  }
  .interests.xsSwitch #interest-select {
    display: block;
  }
}

@media (max-width: 767.98px) {
  .interests .collapsible-content > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .interests .collapsible-content .tab-content {
    padding: 0.5rem;
  }
  .interests .collapsible-content .tab-content .row {
    margin-left: 0;
    margin-right: 0;
  }
  .interests .collapsible-content .tab-content .table .t-row .t-cell {
    padding: 0;
  }
  .interests .collapsible-content .tab-content .table .t-row .t-cell .t-cell-row {
    font-size: 0.7rem;
  }
  .interests.smSwitch:not(.tabs-as-slider) #interests-tab {
    display: none;
  }
  .interests.smSwitch #interest-select {
    display: block;
  }
}

.discount-coupon {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}

.discount-coupon .coupon-item {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.discount-coupon .coupon-item:first-child {
  padding-right: 15px;
  min-width: 310px;
}

.discount-coupon .coupon {
  color: #4C4C4C;
}

.discount-coupon .coupon .top, .discount-coupon .coupon .bottom {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.discount-coupon .coupon .top:after, .discount-coupon .coupon .bottom:after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #FAFAFA;
  border-radius: 20px;
}

.discount-coupon .coupon .coupon-badge {
  position: absolute;
  background: #ED2939;
  display: inline-block;
  width: 100px;
  font-size: 4rem;
  color: #ffffff;
  text-align: center;
  height: 100px;
  border-radius: 5px;
}

.discount-coupon .coupon .coupon-badge .top:after {
  top: -10px;
  right: -10px;
}

.discount-coupon .coupon .coupon-badge .bottom:after {
  bottom: -10px;
  right: -10px;
}

.discount-coupon .coupon .coupon-badge .title {
  font-size: 0.8rem;
  text-transform: uppercase;
  position: absolute;
  bottom: 5px;
  width: 100%;
}

.discount-coupon .coupon .coupon-text-inner {
  text-align: left;
  display: inline-block;
}

.discount-coupon .coupon .coupon-text {
  position: relative;
  margin-left: 100px;
  border: 1px dashed #BEBEBE;
  height: 100px;
  padding: 1rem 0.5rem 1rem 1rem;
  text-align: left;
}

.discount-coupon .coupon .coupon-text .top:after {
  top: -10px;
  left: -10px;
  border-right: 1px dashed #BEBEBE;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
}

.discount-coupon .coupon .coupon-text .bottom:after {
  bottom: -10px;
  left: -10px;
  border-right: 1px dashed #BEBEBE;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
}

.discount-coupon .coupon .coupon-text .percentage {
  font-size: 2.5rem;
  vertical-align: middle;
  line-height: 100%;
  font-weight: bold;
}

.discount-coupon .coupon .coupon-text .percentage-title {
  font-size: 1.6rem;
  vertical-align: middle;
  font-weight: 100;
}

.discount-coupon .coupon .coupon-text .percentage-text {
  display: block;
  font-size: 0.8rem;
}

.discount-coupon .coupon-details {
  font-size: 0.8rem;
}

.discount-coupon .coupon-details .text-bold {
  font-weight: 600;
}

.discount-coupon .coupon-details img {
  width: 15px;
  margin-right: 3px;
}

.discount-coupon .coupon-details .col-6 {
  color: #A5A5A5;
}

@media (max-width: 767.98px) {
  .discount-coupon .coupon-details {
    padding: 0 1rem;
    margin-top: 1rem;
  }
}

@media screen and (max-width: 319.99px) {
  .discount-coupon .coupon-item:first-child {
    min-width: 250px;
    padding-right: 0;
  }
  .discount-coupon .coupon .coupon-badge {
    border-radius: 5px 5px 0 0;
    position: relative;
    width: 100%;
    display: block;
  }
  .discount-coupon .coupon .coupon-badge .top:after,
  .discount-coupon .coupon .coupon-badge .bottom:after {
    display: none;
  }
  .discount-coupon .coupon .coupon-text {
    border-radius: 0 0 5px 5px;
    position: relative;
    width: auto;
    margin-left: 0;
  }
  .discount-coupon .coupon .coupon-text .bottom:after,
  .discount-coupon .coupon .coupon-text .top:after {
    display: none;
  }
  .discount-coupon .coupon-details .row > .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  .discount-coupon > .row {
    margin: 0;
  }
}

@media (max-width: 767.98px) {
  .discount-coupon {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 767.98px) and (-ms-high-contrast: active), screen and (max-width: 767.98px) and (-ms-high-contrast: none) {
  .discount-coupon .coupon-item {
    min-height: 90px;
  }
}

.discount-link {
  margin-bottom: 2rem;
  color: #4C4C4C;
  display: block;
  position: relative;
}

.discount-link .discount-badge {
  border-radius: 5px;
  width: 100px;
  background: #ED2939;
  color: #ffffff;
  font-size: 4rem;
  text-align: center;
  height: 100px;
  position: absolute;
}

.discount-link .discount-badge .title {
  font-size: 0.8rem;
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 100;
}

.discount-link .discount-content {
  padding-left: 120px;
  color: gray;
}

.discount-link .discount-content .discount-title {
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.discount-link .discount-content .discount-text {
  font-size: 0.8rem;
}

@media screen and (max-width: 319px) {
  .discount-link .discount-badge {
    position: relative;
    width: 100%;
  }
  .discount-link .discount-content {
    padding-left: 0;
  }
  .discount-link .discount-content .discount-title {
    margin-top: 0.5rem;
  }
}

.error-notice {
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #ED2939;
  padding: 0.5rem;
  position: relative;
  min-height: 65px;
}

.error-notice .icon {
  font-size: 3rem;
  color: #ED2939;
  position: absolute;
}

.error-notice .error-text {
  padding-left: 60px;
  font-size: 0.8rem;
}

.features {
  text-align: center;
  margin: 3rem 0;
}

.features .features-badge {
  width: 70px;
  height: 70px;
  text-align: center;
  display: inline-block;
  font-size: 3rem;
  background: #4C4C4C;
  border: 1px solid #4C4C4C;
  border-radius: 50%;
  color: #ffffff;
  margin-bottom: 1rem;
  line-height: 100%;
}

.features .features-badge span {
  line-height: 70px;
}

.features .features-badge .text {
  font-size: 1.8rem;
}

.features .features-content {
  background: #ffffff;
  border-radius: 20px;
  padding: 1rem;
  color: #000000;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.features .features-content .title {
  font-weight: 600;
  margin-bottom: 1rem;
}

.features .features-content .text {
  font-size: 0.8rem;
  margin-bottom: 1rem;
}

.features .features-content a {
  font-size: 0.8rem;
}

@media (max-width: 767.98px) {
  .features .features-badge {
    display: none;
  }
  .features .col-12 {
    margin-bottom: 2rem;
  }
}

.request-status {
  margin: 3rem 0;
  position: relative;
}

.request-status .badge {
  font-size: 2rem;
  background: #34B233;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  color: white;
  line-height: 43px;
  text-align: center;
  border: 2px solid #34B233;
  padding: 0;
  line-height: 52px;
}

.request-status .title {
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.request-status .subtitle {
  font-size: 0.7rem;
  margin-top: 0.3rem;
}

.request-status .step-2 {
  text-align: center;
}

.request-status .step-3 {
  text-align: right;
}

.request-status .line-wrap {
  position: absolute;
  width: 100%;
  bottom: 3rem;
}

.request-status .line-wrap .col-6:first-child {
  padding: 0 4rem 0 6rem;
}

.request-status .line-wrap .col-6:last-child {
  padding: 0 4rem 0 5rem;
}

.request-status .line-wrap .line-text {
  color: #34B233;
  font-size: 0.7rem;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 2rem;
}

.request-status .line {
  height: 0;
  border-top: 2px solid #34B233;
}

.request-status.status-1 .step-2 .badge, .request-status.status-1 .step-3 .badge {
  background: none;
  border-color: #BEBEBE;
}

.request-status.status-1 .step-2 .badge, .request-status.status-1 .step-2 .title, .request-status.status-1 .step-2 .subtitle, .request-status.status-1 .step-3 .badge, .request-status.status-1 .step-3 .title, .request-status.status-1 .step-3 .subtitle {
  color: #BEBEBE;
}

.request-status.status-1 .line-wrap .line {
  border-top: 2px dotted #BEBEBE;
}

.request-status.status-2 .step-2 .badge {
  background: none;
  border-color: #34B233;
  color: #34B233;
}

.request-status.status-2 .step-3 .badge {
  background: none;
  border-color: #BEBEBE;
}

.request-status.status-2 .step-3 .badge, .request-status.status-2 .step-3 .title, .request-status.status-2 .step-3 .subtitle {
  color: #BEBEBE;
}

.request-status.status-2 .line-wrap .line {
  border-top: 2px dotted #BEBEBE;
}

.request-status.status-2 .line-wrap .col-6:first-child .line {
  border-top: 2px solid #34B233;
}

.request-status.status-3 .step-2 .badge, .request-status.status-3 .step-3 .badge {
  background: #34B233;
  border-color: #34B233;
  color: #ffffff;
}

@media (max-width: 991.98px) {
  .request-status .line-text {
    display: none;
  }
}

@media (max-width: 420px) {
  .request-status .line-wrap .col-6:first-child {
    padding: 0 2rem 0 5rem;
  }
  .request-status .line-wrap .col-6:last-child {
    padding: 0 3rem 0 4rem;
  }
  .request-status .line-wrap {
    bottom: 4rem;
  }
}

.discount-calculator .title {
  font-weight: 600;
  font-size: 1rem;
}

.discount-calculator .text {
  font-size: 0.8rem;
}

.discount-calculator .discount-text {
  font-size: 1.5rem;
  color: #858585;
  margin: 2rem 0;
  font-weight: 300;
  letter-spacing: 1px;
}

.discount-calculator .discount-text span {
  font-size: 2.2rem;
  color: #4C4C4C;
}

.discount-calculator .box-item {
  padding: 1rem;
}

.discount-calculator .pills-title, .discount-calculator .pills-value {
  display: inline-block;
  font-weight: 600;
  color: #000000;
}

.discount-calculator .pills-value {
  float: right;
}

.discount-calculator .col-md-4 {
  border-right: 1px solid #BEBEBE;
}

.discount-calculator .col-md-4:last-child {
  border-right: none;
}

.discount-calculator .pills-progress {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0 2rem 0;
}

.discount-calculator .pills-progress span {
  width: 10%;
  height: 8px;
  background: #BEBEBE;
  border-radius: 25px;
  margin: 0px 3px;
}

.discount-calculator .pills-progress[data-progress="1"] span:nth-child(-n+1) {
  background: #4B4B4B;
}

.discount-calculator .pills-progress[data-progress="2"] span:nth-child(-n+2) {
  background: #4B4B4B;
}

.discount-calculator .pills-progress[data-progress="3"] span:nth-child(-n+3) {
  background: #4B4B4B;
}

.discount-calculator .pills-progress[data-progress="4"] span:nth-child(-n+4) {
  background: #4B4B4B;
}

.discount-calculator .pills-progress[data-progress="5"] span:nth-child(-n+5) {
  background: #4B4B4B;
}

.discount-calculator .pills-progress[data-progress="6"] span:nth-child(-n+6) {
  background: #4B4B4B;
}

.discount-calculator .pills-progress[data-progress="7"] span:nth-child(-n+7) {
  background: #4B4B4B;
}

.discount-calculator .pills-progress[data-progress="8"] span:nth-child(-n+8) {
  background: #4B4B4B;
}

.discount-calculator .pills-progress[data-progress="9"] span:nth-child(-n+9) {
  background: #4B4B4B;
}

.discount-calculator .pills-progress[data-progress="10"] span:nth-child(-n+10) {
  background: #4B4B4B;
}

@media (max-width: 991.98px) {
  .discount-calculator .col-md-4 {
    border-right: none;
  }
}

.discount-calculator .field-group {
  position: relative;
}

.discount-calculator .field-group > p {
  padding-right: 80px;
}

.discount-calculator .field-group .quantity {
  display: none;
  position: absolute;
  right: 0;
  top: 7px;
}

.discount-calculator .field-group .quantity.active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.left-right-module {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.left-right-module .lrm-item {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.left-right-module .lrm-item:first-child {
  margin-right: 1rem;
}

.left-right-module .lrm-item .lrm-item-icon {
  width: 5rem;
}

.left-right-module .lrm-item .lrm-item-icon strong {
  display: block;
  text-align: center;
}

.left-right-module .lrm-item .lrm-item-icon .lrm-icon-circle {
  border-radius: 50%;
  margin-bottom: 1rem;
  position: relative;
  width: 5rem;
  height: 5rem;
  background: #4C4C4C;
}

.left-right-module .lrm-item .lrm-item-icon .lrm-icon-circle .custom-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
}

.left-right-module .lrm-item .lrm-item-desc {
  border-radius: 20px;
  -webkit-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  margin-left: 4rem;
  height: 100%;
  padding: 2rem 4rem;
  position: relative;
}

.left-right-module .lrm-item .lrm-item-desc.lrm-arrow-left {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.left-right-module .lrm-item .lrm-item-desc.lrm-arrow-left:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-top: -0.5em;
  bottom: 50%;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1em solid black;
  border-color: transparent transparent #ffffff #ffffff;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.03);
          box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.03);
}

.left-right-module .lrm-item .lrm-item-desc.lrm-arrow-right {
  margin-left: 0;
  margin-right: 4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.left-right-module .lrm-item .lrm-item-desc.lrm-arrow-right:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 100%;
  top: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1em solid black;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  border-color: transparent transparent #ffffff #ffffff;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.03);
          box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.03);
}

.left-right-module .lrm-item .lrm-item-desc > div {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.left-right-module .lrm-item .lrm-item-desc > div strong {
  display: block;
  font-size: 0.9rem;
}

.left-right-module .lrm-item .lrm-item-desc > div ul {
  margin: 0.5rem 0 0 0;
  padding: 0 0 0 1.1rem;
}

.left-right-module .lrm-item .lrm-item-desc > div ul li {
  font-size: 0.7rem;
}

.left-right-module .lrm-item .lrm-item-desc .lrm-icon-circle {
  border-radius: 50%;
  border: 1px solid #A5A5A5;
  width: 3rem;
  height: 3rem;
  position: relative;
  margin: 0 1rem 0 0;
}

.left-right-module .lrm-item .lrm-item-desc .lrm-icon-circle .custom-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
}

.left-right-module .lrm-item .lrm-item-desc .seperator {
  position: relative;
  width: 100%;
  border-top: 1px dashed #A5A5A5;
  margin: 2rem 0 2rem 0.8rem;
}

.left-right-module .lrm-item .lrm-item-desc .seperator:before {
  border-radius: 50%;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: #4B4B4B;
  content: '\E92D';
  font-family: "icomoon";
  color: #ffffff;
  font-size: 0.7rem;
  position: absolute;
  left: 0;
  top: -0.8rem;
  padding-top: 4px;
  text-align: center;
}

@media (max-width: 991.98px) {
  .left-right-module {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
  }
  .left-right-module .lrm-item {
    margin: 0 0 3rem 0;
  }
  .left-right-module .lrm-item .lrm-item-desc {
    padding: 2rem;
  }
}

@media all and (max-width: 991.98px) and (-ms-high-contrast: none), (max-width: 991.98px) and (-ms-high-contrast: active) {
  .left-right-module .lrm-item {
    min-height: 300px;
  }
}

@media (max-width: 767.98px) {
  .left-right-module .lrm-item {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 3rem 0;
  }
  .left-right-module .lrm-item:first-child {
    margin-right: 0;
  }
  .left-right-module .lrm-item:last-child .lrm-item-icon {
    -webkit-box-ordinal-group: 1;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .left-right-module .lrm-item:last-child .lrm-item-desc {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0;
  }
  .left-right-module .lrm-item .lrm-item-icon {
    margin-bottom: 1rem;
  }
  .left-right-module .lrm-item .lrm-item-desc {
    margin: 0;
  }
  .left-right-module .lrm-item .lrm-item-desc:after {
    display: none;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .left-right-module .lrm-item {
    min-height: 400px;
  }
}

/* Cta boxes module */
.cta-box {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cta-box .circle {
  border-radius: 100%;
  background: #4B4B4B;
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
  height: 3.5rem;
  width: 3.5rem;
}

.cta-box .circle > span {
  display: inline-block;
}

.cta-box .circle .icon {
  font-size: 2.5rem;
  margin: 0.5rem 0 0 0;
}

.cta-box .circle .text {
  font-size: 1.5rem;
  margin: 0.6rem 0 0 0;
}

.cta-box .desc {
  border-radius: 20px;
  background: #ffffff;
  margin: 1.2rem 0 0 0;
  padding: 1.5rem;
  position: relative;
  text-align: center;
}

.cta-box .desc:after {
  content: '';
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ffffff;
  border-width: 15px;
  margin-left: -15px;
}

.cta-box .desc .desc-title {
  font-size: 1rem;
  font-weight: bold;
  padding: 0 0 0.3rem 0;
}

@media (max-width: 767.98px) {
  .cta-box {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 2rem 2rem 2rem;
  }
  .cta-box .circle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .cta-box .desc {
    -webkit-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin: 0 0 0 1.2rem;
  }
  .cta-box .desc:after {
    right: 100%;
    left: auto;
    bottom: auto;
    top: 50%;
    margin-left: 0;
    margin-top: -15px;
    border-bottom-color: transparent;
    border-right-color: #ffffff;
  }
}

@media (max-width: 575.98px) {
  .cta-box {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 2rem 0;
  }
}

@media screen and (max-width: 575.98px) and (-ms-high-contrast: active), screen and (max-width: 575.98px) and (-ms-high-contrast: none) {
  .cta-box {
    display: block;
  }
}

@media (max-width: 575.98px) {
  .cta-box .circle {
    display: none;
  }
  .cta-box .desc:after {
    display: none;
  }
}

/* FAQ */
.faq-boxes {
  padding: 0 1rem;
}

.faq-boxes .item {
  border-bottom: 1px solid #ededed;
  padding: 1rem 0;
}

.faq-boxes .item .header {
  cursor: pointer;
  font-weight: 500;
  font-size: 1rem;
}

.faq-boxes .item .header .icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  float: right;
  font-size: 0.7rem;
}

.faq-boxes .item .header.collapsed .icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq-boxes .item .desc p {
  margin: 1rem 0;
}

.readme-blocks h2 {
  font-weight: 300;
  margin: 2rem 0 4rem 0;
}

.readme-blocks .rb-items {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.readme-blocks .rb-items .\--item {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin: 0;
  text-align: center;
  position: relative;
}

.readme-blocks .rb-items .\--item:last-child {
  margin-right: 0;
}

.readme-blocks .rb-items .\--item:after {
  background: #ededed;
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0.7rem;
  left: 0;
}

.readme-blocks .rb-items .\--item:first-child:after {
  left: 50%;
  width: 50%;
}

.readme-blocks .rb-items .\--item:last-child:after {
  right: 50%;
  width: 50%;
}

.readme-blocks .rb-items .\--item .\--step {
  font-size: 0.8rem;
  line-height: 1.35rem;
  margin: 0 auto;
  position: relative;
  width: 4.5rem;
  background: #FAFAFA;
  z-index: 99;
}

.readme-blocks .rb-items .\--item .\--step > span {
  border-radius: 100%;
  border: 1px solid #BEBEBE;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}

.readme-blocks .rb-items .\--item .\--icon {
  border-radius: 100%;
  background: #4B4B4B;
  color: #ffffff;
  margin: 2rem auto 1.5rem auto;
  width: 3rem;
  height: 3rem;
}

.readme-blocks .rb-items .\--item .\--icon span {
  margin-top: 0.7rem;
  width: 1.6rem;
  height: 1.6rem;
}

.readme-blocks .rb-items .\--item .\--desc {
  border-radius: 20px;
  background: #ffffff;
  margin: 0 auto;
  padding: 2rem 1rem;
  position: relative;
  width: 90%;
}

.readme-blocks .rb-items .\--item .\--desc:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}

.readme-blocks .rb-items .\--item .\--desc strong {
  display: block;
  margin-bottom: 1.5rem;
}

.readme-blocks .rb-items .\--item .\--desc p {
  font-size: 0.8rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .readme-blocks .rb-items {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .readme-blocks .rb-items .\--item {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 0 2rem 0;
  }
}

@media screen and (max-width: 991.98px) and (-ms-high-contrast: active), screen and (max-width: 991.98px) and (-ms-high-contrast: none) {
  .readme-blocks .rb-items .\--item {
    -webkit-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
  }
  .readme-blocks .rb-items .\--item .\--desc {
    -webkit-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

@media (max-width: 991.98px) {
  .readme-blocks .rb-items .\--item:after {
    display: none;
  }
  .readme-blocks .rb-items .\--item .\--step,
  .readme-blocks .rb-items .\--item .\--icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
  }
  .readme-blocks .rb-items .\--item .\--desc {
    margin-left: 2rem;
  }
  .readme-blocks .rb-items .\--item .\--desc:after {
    top: 50%;
    right: 100%;
    left: auto;
    bottom: auto;
    border-bottom-color: transparent;
    border-right-color: #ffffff;
    margin-left: 0;
    margin-top: -10px;
  }
}

@media (max-width: 575.98px) {
  .readme-blocks .rb-items .\--item {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 3rem 0;
  }
  .readme-blocks .rb-items .\--item .\--step, .readme-blocks .rb-items .\--item .\--icon {
    margin: 0 0 1rem 0;
  }
  .readme-blocks .rb-items .\--item .\--desc {
    margin: 0;
  }
  .readme-blocks .rb-items .\--item .\--desc:after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 100%;
    border-right-color: transparent;
    border-bottom-color: #ffffff;
    margin-left: -10px;
    margin-top: 0;
  }
}

@media screen and (max-width: 575.98px) and (-ms-high-contrast: active), screen and (max-width: 575.98px) and (-ms-high-contrast: none) {
  .readme-blocks .\--desc {
    -webkit-box-flex: none;
    -moz-flex: none !important;
    -ms-flex: none !important;
    flex: none !important;
  }
}

.payment-methods h2 {
  font-weight: 300;
}

.payment-methods .title, .payment-methods .icon {
  text-align: center;
  cursor: pointer;
}

.payment-methods .title {
  font-weight: bold;
  margin: 0.5rem 0;
}

.payment-methods .icon span {
  width: 5rem;
  height: 5rem;
  max-width: 100%;
}

.payment-methods .input label:before {
  margin-right: 0 !important;
}

@media (max-width: 575.98px) {
  .payment-methods .pm-item {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ededed;
  }
}

.selected-place-container {
  border-radius: 25px;
  -webkit-transition: height 0.1s ease-in-out;
  transition: height 0.1s ease-in-out;
  background: #f1f1f1;
  display: none;
  padding: 15px 20px;
  position: relative;
  margin-top: 15px;
}

.selected-place-container.visible {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.selected-place-container:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #f1f1f1;
  border-width: 10px;
  margin-left: -10px;
}

.selected-place-container span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
  right: 20px;
}

.selected-place-container > div:first-child {
  font-weight: bold;
  margin-right: 10px;
}

.googleMaps-select-place {
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  margin: 10px auto;
}

.popover-map-selected-place {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 10px 10px 49px;
}

.popover-map-selected-place span {
  font-weight: normal;
  font-size: 11px;
}

.pagination {
  display: block;
}

.pagination .container {
  border-top: 1px solid #dddddd;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.pagination .pagination-nav a, .pagination .pagination-nav span {
  display: inline-block;
  margin: 0 10px;
  font-size: 0.9rem;
  font-weight: 600;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  text-decoration: none;
  color: #4C4C4C;
}

.pagination .pagination-nav a:hover:not(.active), .pagination .pagination-nav span:hover:not(.active) {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.pagination .pagination-nav a.disabled, .pagination .pagination-nav span.disabled {
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
}

.pagination .pagination-nav .page.active {
  background: #4C4C4C;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #ffffff;
}

.pagination .pagination-nav .to-first:after, .pagination .pagination-nav .to-first:before, .pagination .pagination-nav .to-last:after, .pagination .pagination-nav .to-last:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  border-right: 2px solid #4C4C4C;
  border-top: 2px solid #4C4C4C;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.pagination .pagination-nav .to-first:after, .pagination .pagination-nav .to-last:after {
  position: relative;
  left: -1px;
}

.pagination .pagination-nav .to-last:after, .pagination .pagination-nav .to-last:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.pagination .pagination-nav .prev, .pagination .pagination-nav .next {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  border-right: 2px solid #4C4C4C;
  border-top: 2px solid #4C4C4C;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.pagination .pagination-nav .next {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.pagination .pagination-result {
  text-align: right;
  font-size: 0.9rem;
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .pagination .pagination-nav a, .pagination .pagination-nav span {
    margin: 0 9px;
  }
}

@media (max-width: 767.98px) {
  .pagination {
    margin: 30px 0;
  }
  .pagination .pagination-nav {
    text-align: center;
  }
  .pagination .pagination-result {
    text-align: center;
    margin-top: 2rem;
  }
  .pagination .pagination-nav a, .pagination .pagination-nav span {
    margin: 0 6px;
  }
}

/**
* Attention box
**/
.attention-box {
  border: 1px solid #ED2939;
  position: relative;
  padding: 30px 15px 10px 15px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.attention-box .icon-attention-thin {
  color: #ED2939;
  position: absolute;
  background: #ffffff;
  top: -20px;
  left: 20px;
  font-size: 2.5rem;
}

/**
* Intro menu
**/
.intro-menu {
  padding: 100px 0;
}

.intro-menu .item {
  text-align: center;
  font-size: 13px;
  line-height: 154%;
  font-weight: bold;
  padding: 50px;
  display: block;
  color: #4B4B4B;
  border-radius: 20px;
  max-width: 200px;
  margin: 0 auto;
}

.intro-menu .item .title {
  max-width: 130px;
  margin: auto;
  margin-bottom: 5px;
  min-height: 80px;
}

.intro-menu .item .icon {
  font-size: 70px;
}

.intro-menu .item img {
  max-width: 100%;
}

@media (min-width: 992px) {
  .intro-menu .item:hover {
    background: #F9F9F9;
    -webkit-box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1.12);
            transform: scale(1.12);
  }
}

@media (max-width: 991.98px) {
  .intro-menu {
    padding: 70px 0;
  }
  .intro-menu .item {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5));
    background: linear-gradient(180deg, #FFFFFF 0%, #F5F5F5 100%);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.149);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.149);
    margin-bottom: 24px;
  }
  .intro-menu .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .intro-menu .col {
    max-width: 200px;
  }
}

@media (max-width: 767.98px) {
  .intro-menu {
    padding: 50px 0;
  }
  .intro-menu .item {
    padding: 20px;
  }
  .intro-menu .col {
    max-width: 170px;
  }
}

.tab[data-tab] {
  display: none;
}

.tab[data-tab].active {
  display: block;
}

.horizontal-nav {
  background-color: white;
  padding: 0;
  margin: 0 0 0 0;
}

.horizontal-nav__item a {
  color: #4C4C4C;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: .2s;
  transition: .2s;
  padding: 20px 10px;
  display: block;
}

.horizontal-nav__item a:hover {
  color: #222222;
}

.horizontal-nav__item--selected a {
  font-weight: 800;
}

@media (max-width: 767.98px) {
  .horizontal-nav__item a {
    font-size: 14px;
    padding: 15px 0px;
  }
}

@media (max-width: 767.98px) {
  .cs-row-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.chips .chip {
  margin-top: 6px;
  margin-right: 16px;
}

.chips .chip:last-child {
  margin-right: 0;
}

.chip {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 5px;
  border: 1px solid #4C4C4C;
  color: #4C4C4C;
  font-size: 12px;
  line-height: 18px;
}

.chip:not(.chip--fill) {
  background: transparent;
}

.chip--fill {
  background: #4C4C4C;
  color: white !important;
}

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

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

.chip--green {
  background: #34A634;
  border-color: #34A634;
  color: #34A634;
}

.role-card {
  padding-left: 24px !important;
  padding-right: 50px !important;
}

.role-card table {
  width: 100%;
}

.role-card table td {
  height: 30px;
  padding: 0;
}

.role-card table td:last-child {
  text-align: right;
}

.role-card hr {
  margin: 8px 0;
  border-color: rgba(150, 150, 150, 0.25);
}

.role-card--orange {
  border: 1px solid #FFA800;
}

.role-card--red {
  border: 1px solid #ED1C24;
}

.role-card--green {
  border: 1px solid #34A634;
}

.role-card .s-card-item__arrow {
  width: 24px;
  height: 24px;
  right: 24px;
}

.role-card__left {
  width: 50%;
}

.role-card__right {
  width: 50%;
}

@media (min-width: 768px) {
  .role-card__left {
    padding-right: 28px;
    border-right: 1px solid rgba(150, 150, 150, 0.25);
  }
  .role-card__right {
    padding-left: 28px;
  }
}

@media (max-width: 767.98px) {
  .role-card__left, .role-card__right {
    width: 100%;
  }
  .role-card__left {
    margin-bottom: 16px;
    padding-bottom: 16px;
    position: relative;
  }
  .role-card__left:after {
    content: '';
    border-bottom: 1px solid rgba(150, 150, 150, 0.25);
    width: 100%;
    position: absolute;
    height: 1px;
    bottom: 0;
  }
}

.lrcol .lrcol-main {
  margin-bottom: 32px;
}

.lrcol .lrcol-item {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 15px;
  border: 1px solid #ffffff;
  margin-bottom: 32px;
}

.lrcol .lrcol-item.lrcol-item--bg {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.lrcol .lrcol-item.lrcol-item--orange {
  border-color: var(--warning-color);
}

.lrcol .lrcol-item table {
  width: 100%;
}

.lrcol .lrcol-item table.v-align-top th, .lrcol .lrcol-item table.v-align-top td {
  vertical-align: top;
}

.lrcol .lrcol-item table tr:not(:last-child) td {
  border-bottom: 1px solid #E6E6E6;
}

.lrcol .lrcol-item table td {
  padding: 10px 0;
}

.lrcol .lrcol-item table td:not(:last-child) {
  padding-right: 18px;
}

.lrcol .lrcol-row-sbetween {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}

.lrcol .lrcol-row-sbetween > :last-child {
  margin-left: 18px;
  text-align: right;
}

.lrcol .lrcol-row-sbetween .lrcol-row-right {
  text-align: right;
  margin-left: 16px;
  white-space: nowrap;
}

.lrcol .lrcol-row-sbetween + .lrcol-row-sbetween {
  padding-top: 10px;
  border-top: 1px solid #E6E6E6;
}

.lrcol .lrcol-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

@media (max-width: 767.98px) {
  .lrcol .lrcol-grid {
    grid-template-columns: 100%;
  }
}

.dropzone-theme {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 2px dashed rgba(0, 0, 0, 0.1);
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .dropzone-theme {
    -webkit-transition: none;
    transition: none;
  }
}

.dropzone-theme .dz-default {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
}

.dropzone-theme:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.2);
}

.dropzone-theme .dz-preview .dz-image {
  border-radius: 5px;
}

.dropzone-progress {
  height: 2px;
}

.dropzone-progress .progress-success {
  background: #28a745;
}

/* Floatable labels for files */
.fileupload-multiple {
  position: relative;
}

.fileupload-multiple .fileupload-wrapper {
  z-index: 2;
}

.fileupload-multiple .fileupload-label {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  z-index: 1;
  position: absolute;
  top: 14px;
  font-weight: 600;
  color: #4B4B4B;
  left: 8px;
  padding: 0 12px;
  text-align: left;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.fileupload-multiple .fileupload-label span {
  color: #858585;
  letter-spacing: 1px;
}

.files#previews .file-row p {
  margin: 0;
}

.files#previews .file-row p.name {
  margin-bottom: 5px;
}

.fileupload-floatable .fileupload-wrapper {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.multi-upload-input-container .form-group .fileupload-wrapper {
  padding-right: 70px;
}

.multi-upload-input-container .form-group .fileupload-remove,
.multi-upload-input-container .form-group .fileupload-preview {
  display: inline-block;
  position: absolute;
  cursor: pointer;
}

.multi-upload-input-container .form-group .fileupload-remove {
  right: 15px;
  top: 15px;
}

.multi-upload-input-container .form-group .fileupload-preview {
  right: 40px;
  top: 15px;
}

.multi-upload-input-container .form-group .fileupload-preview i {
  font-size: 18px;
}

.multi-upload-input-container .form-group .fileupload-preview.disabled {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  cursor: not-allowed;
}

.single-file-upload {
  position: relative;
}

.single-file-upload a.dz-max-files-reached {
  cursor: normal;
  background: #6E6E6E;
  pointer-events: none;
}

.single-file-upload .file-preview {
  position: absolute;
  right: 0;
  top: 5px;
  width: auto;
}

.single-file-upload .file-preview .file-preview-modal {
  float: left;
  font-size: 13px;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  margin-top: -5px;
}

.single-file-upload .file-preview .file-preview-modal.clickable {
  color: #008BCB;
  cursor: pointer;
}

.single-file-upload .file-preview .file-change {
  float: left;
  font-size: 13px;
  margin: -5px 0 0 10px;
  cursor: pointer;
}

.single-file-upload .file-preview .file-change span {
  display: inline-block;
}

.single-file-upload .file-preview .delete {
  color: #4B4B4B;
  position: relative;
  top: -5px;
  margin-left: 10px;
}

.single-file-upload .file-preview .file-row [data-dz-errormessage] {
  display: block;
  font-size: 10px;
  margin-top: -5px;
  font-weight: 400;
  text-align: right;
}

.single-file-upload .dropzone-progress {
  display: none;
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-top: 5px;
}

.single-file-upload .dropzone-progress .progress-bar {
  height: 2px;
}

.file-uploaded .file-preview-modal {
  font-size: 13px;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  margin-right: 10px;
}

.file-uploaded .file-preview-modal span {
  float: right;
}

.styled-autocomplete {
  border-radius: 10px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
  background: linear-gradient(to bottom, #ffffff, #f9f9f9);
  -webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.1);
  border-color: #dddddd;
}

.styled-autocomplete > div {
  padding: 0.2rem 0.5rem;
  border-bottom: 1px solid rgba(221, 221, 221, 0.2);
}

.styled-autocomplete > div:hover:not(.group), .styled-autocomplete > div.selected {
  background: #4B4B4B;
  color: #ffffff;
}

.spinner-wrapper {
  display: inline-block;
  position: relative;
}

.spinner-wrapper .spinner {
  height: 40px;
  width: 40px;
  position: relative;
}

.spinner-wrapper .spinner:before {
  border-radius: 100%;
  content: '';
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(75, 75, 75, 0.2);
  border-top-color: #4B4B4B;
  border-right-color: #4B4B4B;
  border-bottom-color: #4B4B4B;
  -webkit-animation: spinner 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
          animation: spinner 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.spinner-wrapper .spinner.heavy:before {
  border-width: 4px;
}

.spinner-wrapper .spinner.heavier:before {
  border-width: 6px;
}

.spinner-wrapper.inverse .spinner:before {
  border: 2px solid #4B4B4B;
  border-top-color: #EA2227;
  border-right-color: #EA2227;
  border-bottom-color: #EA2227;
}

.spinner-wrapper.inverse .spinner.heavy:before {
  border-width: 4px;
}

.spinner-wrapper.inverse .spinner.heavier:before {
  border-width: 6px;
}

.spinner-wrapper.inverse .icon.icon-logo-sign {
  background-image: url("../images/logo-sign-white.svg");
}

.spinner-wrapper .icon.icon-logo-sign {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
  height: 40%;
  display: block;
}

.select2-dropdown .spinner-wrapper {
  float: right;
  top: -4px;
}

.select2-dropdown .spinner-wrapper .spinner {
  height: 25px;
  width: 25px;
}

.select2-dropdown .spinner-wrapper .spinner:before {
  border-width: 1px;
}

@-webkit-keyframes spinner {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.triglav-theme {
  display: block;
  width: 100% !important;
}

.triglav-theme.select2-container--disabled {
  opacity: 0.5;
}

.triglav-theme .select2-selection--single {
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid #dddddd;
  line-height: 50px;
  height: 50px;
  font-size: 13px;
  padding: 0 4rem 0 1rem;
}

.triglav-theme .select2-selection--single:focus {
  border-color: #4B4B4B;
}

.triglav-theme .select2-selection--single .select2-selection__rendered {
  color: #464646;
  font-weight: 600;
  line-height: 50px;
  padding: 0;
}

.triglav-theme .select2-selection--single .select2-selection__arrow {
  background: none;
  border: 0px none;
  height: 100%;
  right: 1rem;
}

.triglav-theme .select2-selection--single .select2-selection__arrow:after {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  content: '\E944';
  font-family: 'icomoon' !important;
  font-weight: 700;
  font-size: 1.1rem;
  color: #4B4B4B;
  height: auto;
  top: 0;
  z-index: 98;
  margin: 0;
  border: 0px none !important;
}

.triglav-theme .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.triglav-theme .select2-selection--single .select2-selection__placeholder {
  color: #858585;
}

.triglav-theme.select2-container--open {
  width: auto !important;
}

.triglav-theme.select2-container--open .select2-selection--single {
  border-radius: 25px;
  background: #ffffff;
  background-image: none !important;
  border-color: #4B4B4B;
}

.triglav-theme.select2-container--open .select2-dropdown {
  border-radius: 0 0 10px 10px;
  border: 1px solid #4B4B4B;
  border-top: 0px none;
  max-height: 300px;
  overflow: hidden !important;
  /* Scroll */
}

.triglav-theme.select2-container--open .select2-dropdown.no-search .select2-search.select2-search--dropdown {
  display: none;
}

.triglav-theme.select2-container--open .select2-dropdown.select2-dropdown--above {
  border-radius: 10px 10px 0 0;
  border-top: 1px solid #4B4B4B;
  border-bottom: 0px none;
}

.triglav-theme.select2-container--open .select2-dropdown li.select2-results__option {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 13px;
  padding: 16px 1rem;
  margin: 0;
}

.triglav-theme.select2-container--open .select2-dropdown li.select2-results__option--highlighted {
  background: #FAFAFA;
  color: #4C4C4C;
}

.triglav-theme.select2-container--open .select2-dropdown li.select2-results__option[aria-selected="true"] {
  background: #4B4B4B;
  color: #ffffff;
}

.triglav-theme.select2-container--open .select2-dropdown li.select2-results__option.select2-results__message {
  font-size: 13px;
  padding: 1rem;
}

.triglav-theme.select2-container--open .select2-dropdown .select2-search {
  padding: 1rem;
}

.triglav-theme.select2-container--open .select2-dropdown .select2-search .select2-search__field {
  border-radius: 4px;
  border: 1px solid #BEBEBE;
  padding: 0.5rem;
  font-size: 13px;
  letter-spacing: 1px;
}

.triglav-theme.select2-container--open .select2-dropdown .select2-search .select2-search__field:focus {
  outline: 0;
}

@-moz-document url-prefix() {
  .triglav-theme.select2-container--open .select2-dropdown .select2-results__options li.firefox-fix-last-item {
    margin-bottom: 17px;
  }
}

@-moz-document url-prefix() {
  @supports ((-webkit-animation: calc(0s)) or (animation: calc(0s))) {
    .triglav-theme.select2-container--open .select2-dropdown .select2-results__options li.firefox-fix-last-item {
      margin-bottom: 17px;
    }
  }
}

@supports (-moz-appearance: none) {
  .triglav-theme.select2-container--open .select2-dropdown .select2-results__options li.firefox-fix-last-item {
    margin-bottom: 17px;
  }
}

.triglav-theme.select2-container--open .select2-dropdown .scroll-element.scroll-y {
  right: 10px;
}

.triglav-theme.select2-container--open .select2-dropdown .scroll-element.scroll-y .scroll-bar {
  background-color: #4B4B4B;
}

.header .triglav-theme .select2-selection--single {
  font-size: 12px;
}

.header .triglav-theme .select2-selection--single .select2-selection__rendered {
  letter-spacing: 2px;
}

#popover-password-template {
  display: none;
}

body.account-page .text {
  margin-bottom: 2rem;
  line-height: 180%;
}

body.account-page .has-error small {
  line-height: 150%;
}

body.account-page .scrollbar-text-wrap {
  padding: 0.3rem;
  border: 1px solid #BEBEBE;
  border-radius: 5px;
  margin-bottom: 2rem;
}

body.account-page .scrollbar-text {
  height: 400px;
  max-width: 100%;
  width: 100%;
  padding: 1rem;
  font-size: 0.8rem;
  overflow: hidden;
  /* blurry chorme text */
}

body.account-page .scrollbar-text[data-simplebar="init"] {
  overflow: visible;
}

body.account-page .scrollbar-text .simplebar-track .simplebar-scrollbar.visible:before {
  opacity: 0.3;
}

body.account-page .scrollbar-text .simplebar-scrollbar {
  width: 5px;
}

body.account-page .scrollbar-text .simplebar-height-auto-observer-wrapper {
  display: none;
}

body.account-page .account-background {
  background-image: url("../images/login-bg.png");
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 1;
}

body.account-page .account-background .overlay {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

body.account-page .login-container {
  position: relative;
  z-index: 2;
  max-width: 500px;
  margin: auto;
}

body.account-page .login-container .social {
  margin: 2rem 0;
  text-align: center;
  font-size: 1.6rem;
}

body.account-page .login-container .social a {
  margin: 0 1rem;
  display: inline-block;
  border: 1px solid #ffffff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0.4;
  vertical-align: middle;
}

body.account-page .login-container .social a:hover, body.account-page .login-container .social a.active {
  opacity: 1;
}

body.account-page .login-container .social a .icon {
  font-size: 2.2rem;
  line-height: 60px;
}

body.account-page .login-container .password-forgot-link a {
  font-size: 0.8rem;
  letter-spacing: 1px;
}

body.account-page .login-container .password-forgot-link a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: rgba(255, 255, 255, 0.33);
}

body.account-page .login-container .field-group {
  position: relative;
  margin-bottom: 1.5rem;
}

body.account-page .login-container .field-group:nth-child(2) {
  margin-bottom: 3rem;
}

body.account-page .login-container .field-group input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #dddddd;
  color: #ffffff;
  padding: 0.8rem 2rem 0.8rem 1rem;
  outline: none;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 2px;
}

body.account-page .login-container .field-group input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

body.account-page .login-container .field-group input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

body.account-page .login-container .field-group input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

body.account-page .login-container .field-group input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

body.account-page .login-container .field-group input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

body.account-page .login-container .field-group input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

body.account-page .login-container .field-group .icon {
  position: absolute;
  right: 0.5rem;
  color: #ffffff;
  top: 0.8rem;
  font-size: 1.5rem;
}

body.account-page .login-container .field-group .password-toggle {
  top: 3.5rem;
  cursor: pointer;
}

body.account-page .account-container {
  border-radius: 25px;
  position: relative;
  margin: 0 auto;
  z-index: 2;
  background-color: #ffffff;
  width: 100%;
  max-width: 600px;
  padding: 3rem 4rem;
}

body.account-page .account-container h3 {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 140%;
}

body.account-page .account-container h4 {
  margin-bottom: 0;
  font-size: 0.8rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: #4B4B4B;
}

body.account-page .account-container.container-top-thin {
  padding-top: 1rem;
}

body.account-page .account-container .form-progress.titles {
  padding-top: 50px;
  padding-bottom: 1rem;
}

body.account-page .account-container .form-progress.titles .title {
  font-size: 0.7rem;
}

body.account-page .account-container .form-progress.titles .horizontal-rule {
  bottom: 30px;
}

body.account-page .form-progress.wide {
  width: 600px !important;
}

body.account-page .form-progress.wider {
  width: 700px !important;
}

body.account-page header .account-panel .label {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-right: 1rem;
}

body.account-page .account-form h2 {
  margin-bottom: 2rem;
}

body.account-page .account-form .field-group input {
  margin-bottom: 1.5rem;
  width: 100%;
  line-height: 50px;
  height: 50px;
  padding: 0 1rem;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #BBBBBB;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  outline: none;
  padding-right: 3rem;
}

body.account-page .account-form .field-group input:focus {
  border-color: rgba(76, 76, 76, 0.6);
}

body.account-page .account-form .field-group {
  position: relative;
}

body.account-page .account-form .field-group .icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5rem;
  line-height: 50px;
  margin-right: 1rem;
  color: rgba(76, 76, 76, 0.2);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

body.account-page .account-form .field-group .password-toggle {
  cursor: pointer;
}

body.account-page .account-form .field-group .password-toggle.active {
  color: #4c4c4c;
}

body.account-page .popover {
  background: rgba(110, 110, 110, 0.9);
  color: #ffffff;
  border: none;
  border-radius: 25px;
  width: 100%;
  max-width: 400px;
  padding: 1.5rem;
}

body.account-page .popover .title {
  font-size: 0.8rem;
  text-transform: none;
  color: #BEBEBE;
  margin-bottom: 1rem;
}

body.account-page .popover .checklist {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 1rem;
}

body.account-page .popover .checklist li::before {
  content: "\2022";
  margin-right: 0.5rem;
}

body.account-page .popover .checklist li.active::before {
  content: "\2713";
}

body.account-page .popover .checklist li.active {
  color: #79C27A;
}

body.account-page .popover .password-strength .result {
  color: #BEBEBE;
}

body.account-page .popover .password-strength .result span {
  color: #ffffff;
}

body.account-page .popover .password-strength #indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}

body.account-page .popover .password-strength .indicator-bar {
  width: 20%;
  height: 7px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  background: #BEBEBE;
  border-radius: 25px;
  margin-right: 2px;
}

body.account-page .popover .password-strength #indicator.result-0 .indicator-bar:nth-child(1) {
  background: #EB1C24;
}

body.account-page .popover .password-strength #indicator.result-1 .indicator-bar:nth-child(1) {
  background: #EB1C24;
}

body.account-page .popover .password-strength #indicator.result-1 .indicator-bar:nth-child(2) {
  background: #F67E1F;
}

body.account-page .popover .password-strength #indicator.result-2 .indicator-bar:nth-child(1) {
  background: #EB1C24;
}

body.account-page .popover .password-strength #indicator.result-2 .indicator-bar:nth-child(2) {
  background: #F67E1F;
}

body.account-page .popover .password-strength #indicator.result-2 .indicator-bar:nth-child(3) {
  background: #FEE801;
}

body.account-page .popover .password-strength #indicator.result-3 .indicator-bar:nth-child(1) {
  background: #EB1C24;
}

body.account-page .popover .password-strength #indicator.result-3 .indicator-bar:nth-child(2) {
  background: #F67E1F;
}

body.account-page .popover .password-strength #indicator.result-3 .indicator-bar:nth-child(3) {
  background: #FEE801;
}

body.account-page .popover .password-strength #indicator.result-3 .indicator-bar:nth-child(4) {
  background: #94C83F;
}

body.account-page .popover .password-strength #indicator.result-4 .indicator-bar:nth-child(1) {
  background: #EB1C24;
}

body.account-page .popover .password-strength #indicator.result-4 .indicator-bar:nth-child(2) {
  background: #F67E1F;
}

body.account-page .popover .password-strength #indicator.result-4 .indicator-bar:nth-child(3) {
  background: #FEE801;
}

body.account-page .popover .password-strength #indicator.result-4 .indicator-bar:nth-child(4) {
  background: #94C83F;
}

body.account-page .popover .password-strength #indicator.result-4 .indicator-bar:nth-child(5) {
  background: #5DBC44;
}

.field-group input::-ms-clear, .field-group input::-ms-reveal {
  display: none;
}

@media (max-width: 768px) {
  body.account-page .account-container {
    padding: 1rem;
  }
  body.account-page .account-form > .row .col-6 .button {
    width: 100%;
    padding: 1rem 0rem;
  }
}

.user-info-box {
  overflow: visible;
}

.user-info {
  text-align: center;
  padding: 1rem;
  margin-bottom: 3rem;
}

.user-info .avatar {
  background-color: #EA2227;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin-top: -60px;
  margin-bottom: 0.5rem;
}

.user-info .avatar span.custom-icons {
  width: 3rem;
  height: 3rem;
  margin-top: 1.5rem;
}

.user-info .avatar img {
  max-width: 100%;
}

.user-info .name {
  font-weight: bold;
  color: #000000;
  font-size: 1rem;
}

.user-info .title {
  color: #6E6E6E;
  font-size: 0.8rem;
  font-weight: 600;
}

.user-info .contact {
  text-align: left;
  margin-top: 1rem;
}

.user-info .email {
  float: right;
}

.user-info .phone, .user-info .email {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.user-info .phone .icon, .user-info .email .icon {
  color: #0090FF;
  margin-right: 0.5rem;
  vertical-align: middle;
  font-size: 1rem;
}

@media (max-width: 991.98px) {
  .user-info .avatar {
    display: none;
  }
  .user-info .email {
    float: none;
  }
}

.sidebar .collapsible .header {
  border-bottom: 2px solid #BEBEBE;
  padding: 0 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.sidebar .collapsible .collapsible-trigger .icon-arrow-up {
  float: none;
  margin-top: 0;
}

.sidebar .collapsible .header .title {
  font-size: 1rem;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
}

.sidebar .collapsible .collapsible-content {
  padding-bottom: 1rem;
  border-bottom: 2px solid #BEBEBE;
}

.insurance-status {
  padding: 0 0.5rem;
}

.insurance-status > .title {
  color: #0090FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.insurance-status .table .t-row:nth-of-type(2n) {
  background: none;
}

.insurance-status .table .t-row {
  border: none;
  padding: 0.1rem 0;
}

.insurance-status .t-cell {
  font-size: 0.8rem;
  color: #6E6E6E;
  padding-left: 0;
  padding-right: 0;
}

.insurance-status .t-cell span {
  color: #BEBEBE;
  margin-right: 0.3rem;
}

@media (max-width: 991.98px) {
  .insurance-status .table .t-h-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.payments-status {
  padding-top: 0.5rem;
}

.payments-status .table .t-row:nth-of-type(2n) {
  background: none;
}

.payments-status .table .t-row {
  border: none;
  padding: 0.3rem 0;
}

.payments-status .table .t-row.not-payed .t-cell {
  color: #ED2939;
  font-weight: bold;
}

.payments-status .t-h-row .t-cell {
  font-size: 0.7rem;
  font-weight: bold;
  padding-bottom: 0.5rem;
}

.payments-status .t-row .t-cell {
  color: #6E6E6E;
  font-size: 0.9rem;
}

.payments-status .t-cell .icon {
  font-size: 1.3rem;
  vertical-align: middle;
  margin-left: 0.3rem;
  color: #BEBEBE;
  top: 0 !important;
}

.payments-status .button {
  font-weight: normal;
}

@media (max-width: 991.98px) {
  .payments-status .table .t-h-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.payments-status-extended {
  padding: 1rem;
}

.payments-status-extended .ps-header {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-weight: bold;
}

.payments-status-extended .ps-header > div {
  width: 33.33333333%;
}

.payments-status-extended .ps-header > div:nth-child(2) {
  text-align: center;
}

.payments-status-extended .ps-header > div:last-child {
  text-align: right;
}

.payments-status-extended .ps-body {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.payments-status-extended .ps-body-row {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.payments-status-extended .ps-body-row > div {
  width: 33.33333333%;
}

.payments-status-extended .ps-body-row > div:nth-child(2) {
  text-align: center;
}

.payments-status-extended .ps-body-row > div:last-child {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.payments-status-extended .ps-body-row > div .icon {
  font-size: 1.3rem;
  color: #A5A5A5;
  margin: 0 0 0 0.5rem;
}

.discounts-status .table {
  margin-bottom: 0;
}

.discounts-status .t-h-row {
  font-weight: 600;
  font-size: 0.9rem;
}

.discounts-status .t-row .t-cell {
  font-size: 0.8rem;
}

.discounts-status span {
  color: #BEBEBE;
  margin-right: 0.3rem;
}

.discounts-status .table .t-row:nth-of-type(2n) {
  background: none;
}

.discounts-status .table .t-row {
  border: none;
  padding: 0.3rem 0;
}

.discounts-status .button {
  margin-top: 1rem;
}

@media (max-width: 991.98px) {
  .discounts-status .table .t-h-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 991.98px) {
  .policy-documents .table .t-row {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
  }
}

.policy-documents .table {
  margin-bottom: 0;
}

.policy-documents .t-row .t-cell {
  font-size: 0.9rem;
}

.policy-documents .table .t-row:nth-of-type(2n) {
  background: none;
}

.policy-documents .table .t-row {
  border: none;
}

.policy-documents img {
  width: 1.3rem;
  position: absolute;
}

.policy-documents .table .t-row .t-cell .icon {
  position: absolute;
  font-size: 24px;
  left: 5px;
  top: 0;
  color: #4C4C4C;
}

.policy-documents a {
  margin-left: 2rem;
  display: inline-block;
}

@media (max-width: 991.98px) {
  .policy-documents .table .t-h-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.insurance-details {
  color: #6E6E6E;
  font-size: 0.9rem;
  padding: 0 1rem;
  padding-bottom: 0.5rem;
}

.insurance-details .box-edit {
  position: absolute;
  right: 1rem;
  top: 1.5rem;
  font-size: 0.8rem;
}

.insurance-details .box-edit a .icon {
  margin-right: 5px;
}

.insurance-details .box-edit > .icon {
  margin-left: 0.5rem;
  color: #BEBEBE;
  font-size: 1rem;
  vertical-align: middle;
}

.insurance-details .t-row .t-cell:first-child {
  text-transform: uppercase;
}

.insurance-details .policy-name {
  color: #A5A5A5;
  border-top: none;
}

.insurance-details .timeline-title {
  font-weight: 600;
}

.insurance-details .status {
  background: none !important;
}

.insurance-details .payment {
  background-color: #f9f9f9;
}

.insurance-details .status .t-cell:last-child, .insurance-details .payment .t-cell:last-child {
  color: #000000;
}

.insurance-details .warranty {
  background: none !important;
}

.insurance-details .warranty .icon {
  color: #79C27A;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.insurance-details .policy-customers {
  font-weight: 600;
  border-top: 2px solid #f9f9f9;
  padding-top: 1rem;
}

.insurance-details .customer .t-cell:last-child {
  color: #000000;
}

@media (max-width: 991.98px) {
  .insurance-details .box-item-title {
    padding-top: 3rem;
  }
  .insurance-details .table .t-row .t-cell:first-child {
    color: inherit;
  }
  .insurance-details .box-edit {
    top: 0.3rem;
  }
  .insurance-details .table .t-h-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.table .insurance-timeline {
  border-top: none;
  background-color: #f9f9f9;
}

.table .insurance-timeline > .t-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.table .insurance-timeline .status-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5px;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin: 3px 0;
}

.table .insurance-timeline .status-bar .status-bar-green {
  width: 90%;
  background: rgba(57, 181, 74, 0.3);
  position: relative;
  z-index: 2;
}

.table .insurance-timeline .status-bar .status-bar-red {
  width: 10%;
  background: #fbbc05;
  position: relative;
  z-index: 2;
}

.table .insurance-timeline .status-bar .bar-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #39b54a;
  z-index: 1;
}

.table .insurance-timeline .status-bar .bar-dot {
  position: absolute;
  width: 9px;
  height: 9px;
  background: #000000;
  top: -2px;
  z-index: 3;
  border-radius: 50%;
  background: #39b54a;
  border: 2px solid white;
  -webkit-box-shadow: 0px 0px 5px #484848;
          box-shadow: 0px 0px 5px #484848;
}

.table .insurance-timeline .time-remaining {
  width: 100%;
  text-align: right;
  font-size: 0.7rem;
  text-transform: uppercase;
  color: rgba(57, 181, 74, 0.6);
  font-weight: 600;
}

.table .insurance-timeline .label-start {
  width: 50%;
}

.table .insurance-timeline .label-end {
  width: 50%;
  text-align: right;
}

.profile-section-simple__tabs {
  padding-top: 50px;
}

.profile-section-simple__tabs .nav-tabs.before-box {
  top: 0;
}

.profile-section-simple__content {
  margin-top: 60px;
}

.profile-section-simple__content__row {
  margin-left: 25px;
  margin-bottom: 18px;
}

.profile-section-simple__content__row strong {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.profile-section-simple__content__row.bigmargin {
  margin-bottom: 124px;
}

.profile-section-simple__content__row.mediummargin {
  margin-bottom: 50px;
}

.profile-section-simple__content__row.below a {
  display: block;
  margin-top: 25px;
  font-size: 13px;
}

@media (max-width: 767.98px) {
  .profile-section-simple__content__row {
    margin-left: 0;
  }
}

.notfound p {
  font-size: 1.1rem;
  letter-spacing: 2px;
}

.notfound .social a {
  font-size: 1.5rem;
  color: #6E6E6E;
  margin: 0 1rem;
}

.error-container .icon {
  color: #E52126;
  font-size: 50px;
}

.error-container h1 {
  font-weight: bold;
  margin-top: 48px;
  margin-bottom: 50px;
}

.error-container p {
  font-size: 16px;
  line-height: 20px;
}

.error-container .text-link {
  margin-top: 50px;
  margin-bottom: 50px;
}

.error-container .text-link a {
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
  color: #666;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.5em;
}

.error-container .text-link a:hover {
  color: #222222;
}

.error-container .text-phone {
  margin-top: 57px;
}

.error-modal .close-cross {
  display: inline-block;
  position: absolute;
  right: 32px;
  top: 30px;
  color: #4B4B4B;
  line-height: 1;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  z-index: 99;
}

.error-modal .close-cross span {
  font-size: 25px;
}

.error-modal .close-cross:hover {
  opacity: .8;
}

.error-modal .modal-body .icon {
  color: #E52126;
  font-size: 50px;
}

.error-modal .modal-body .icon.c-warning {
  color: #E5AE21;
}

.error-modal .modal-body h2 {
  margin-top: 46px;
  margin-bottom: 46px;
  font-weight: bold;
}

@media (max-width: 991.98px) {
  h1.display-4 {
    font-size: 2.5rem !important;
  }
}

@media (max-width: 767.98px) {
  h1.display-4 {
    font-size: 2rem !important;
  }
}

.messages-container table {
  width: 100%;
}

.messages-container table th, .messages-container table td {
  padding: 10px 20px;
}

.messages-container table thead th {
  color: #A5A5A5;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
}

.messages-container table thead th.big-space {
  width: 80%;
}

.messages-container table thead th:last-child {
  text-align: center;
}

.messages-container table tbody tr td {
  border-top: 1px solid #f1f1f1;
  font-size: 0.8rem;
}

.messages-container table tbody tr td:last-child {
  text-align: center;
}

.messages-container table tbody tr td i {
  color: #858585;
  font-size: 20px;
}

.messages-container table tbody tr.unread td {
  font-weight: 700;
}

.messages-container table tbody tr.unread td i {
  color: #4B4B4B;
}

.messages-container table tbody tr:nth-of-type(2n) td {
  background-color: #f9f9f9;
}

/**
* Modals
*/
.modal-backdrop.show {
  opacity: 0.2;
}

.modal .modal-content {
  border-radius: 20px;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  padding: 30px;
  border: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.modal .modal-header {
  border: 0;
  position: relative;
  background: #ffffff;
  padding-bottom: 2.5rem;
}

.modal .modal-header:before, .modal .modal-header:after {
  -webkit-box-shadow: 0 0 40px 5px #BBBBBB;
          box-shadow: 0 0 40px 5px #BBBBBB;
  border-radius: 100px/20px;
  position: absolute;
  content: '';
  top: 100%;
  bottom: 5px;
  left: 3rem;
  right: 3rem;
  z-index: -1;
}

.modal .modal-body {
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal .modal-body h2 {
  font-size: 26px;
}

.modal .modal-footer {
  border: 0;
}

.modal .modal-footer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767.98px) {
  .modal .modal-content {
    padding: 10px;
  }
  .modal .modal-footer .button {
    padding: 0 1.5rem !important;
  }
  .modal .modal-header {
    padding: 1rem;
    padding-bottom: 1.5rem;
  }
  .modal .modal-body {
    min-height: 150px;
  }
}

.layout-damages .text-bold {
  font-weight: 700;
}

@media (min-width: 1200px) {
  .layout-damages .table-header .display-number {
    position: relative;
    top: -25px;
  }
}

.layout-damages .table-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}

.layout-damages .collapsible-trigger {
  font-size: 15px;
  font-weight: 700;
  color: #4C4C4C;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #969696;
}

.layout-damages .list-documents {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media (max-width: 767.98px) {
  .layout-damages .list-documents {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.layout-damages .list-documents li {
  margin-bottom: 10px;
}

.layout-damages .list-documents li span {
  float: right;
}

.layout-damages .list-documents li:after {
  content: '';
  clear: both;
}

.layout-damages .damage-cases .damage-case + .damage-case {
  margin-top: 30px;
  padding-top: 5px;
  border-top: 1px solid #969696;
}

.layout-damages .list-cases {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media (max-width: 767.98px) {
  .layout-damages .list-cases {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.layout-damages .list-cases li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 12px;
}

.layout-damages .list-cases li div {
  border-bottom: 1px solid #FAFAFA;
  position: relative;
  padding-bottom: 5px;
  bottom: -6px;
}

.layout-damages .list-cases li div.line-left {
  padding-right: 5px;
}

.layout-damages .list-cases li div.line-right {
  padding-left: 5px;
}

.layout-damages .button.btn-text-icon {
  font-size: 15px;
  letter-spacing: 0;
  margin-top: -1rem;
}

@media (max-width: 767.98px) {
  .layout-damages .table-header .display-number {
    margin-bottom: -20px;
    position: relative;
    bottom: 40px;
  }
}

.layout-damages .display-number {
  font-weight: 400;
  font-size: 12px;
  width: auto;
}

@media (max-width: 1199.98px) {
  .layout-damages .display-number {
    width: 100%;
    text-align: right;
  }
}

.layout-damages .display-number__dropdown {
  background: none;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  border-color: #4C4C4C;
  padding: 0 11px;
}

.layout-damages .display-number__dropdown:after {
  content: "\E944";
  font-family: "icomoon";
  font-size: 12px;
  font-weight: bold;
  color: #4C4C4C;
  margin-left: 3px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.layout-damages .display-number__dropdown.opened:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  content: "\E905";
  font-weight: normal;
}

.layout-damages .display-number__items {
  padding: 0;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}

.layout-damages .display-number__item {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 0;
  border: 0 none;
}

.layout-damages .display-number__item:hover {
  background: #A5A5A5;
  color: white;
}

.message-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border: 1px solid #dddddd;
  min-height: 500px;
}

.message-center--maxheight {
  max-height: 900px;
}

.message-center__sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
}

.message-center__sidebar > div {
  overflow-y: scroll;
  height: 100%;
  border-right: 1px solid #dddddd;
}

.message-center__sidebar > div::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.message-center__sidebar > div::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #969696;
}

.message-center__sidebar > div::-webkit-scrollbar-track {
  background: white;
  border-left: 1px solid #dddddd;
}

.message-center__sidebar > div {
  scrollbar-face-color: #969696;
  scrollbar-track-color: white;
}

.message-center__sidebar > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 12px;
  border-bottom: 1px solid #dddddd;
  -webkit-transition: .1s;
  transition: .1s;
  cursor: pointer;
}

.message-center__sidebar > div > div:last-child {
  border-bottom: 0px none;
}

.message-center__sidebar > div > div .mc-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  jsutify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 12px;
}

.message-center__sidebar > div > div .mc-status > .icon {
  font-size: 16px;
}

.message-center__sidebar > div > div .mc-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

.message-center__sidebar > div > div .mc-content__from {
  margin-bottom: 5px;
}

.message-center__sidebar > div > div .mc-content__from img {
  height: 20px;
}

.message-center__sidebar > div > div .mc-content__from img:last-child {
  display: none;
}

.message-center__sidebar > div > div .mc-content__title {
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 5px;
}

.message-center__sidebar > div > div .mc-content__desc {
  font-size: 12px;
  line-height: 21px;
  font-weight: 400;
}

.message-center__sidebar > div > div .mc-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 15px;
}

.message-center__sidebar > div > div .mc-actions > span:first-child {
  margin-bottom: 15px;
}

.message-center__sidebar > div > div:hover {
  background: #f7f7f7;
}

.message-center__sidebar > div > div.selected {
  background: #4C4C4C;
  color: white;
}

.message-center__sidebar > div > div.selected img {
  fill: white;
}

.message-center__sidebar > div > div.selected .mc-content__from img:first-child {
  display: none;
}

.message-center__sidebar > div > div.selected .mc-content__from img:last-child {
  display: inline-block;
}

.message-center__sidebar > div > div.selected .icon {
  color: white;
}

.message-center__sidebar > div > div.selected .ci-attachment {
  background-image: url("../images/icons/white/icon-attachment.svg");
}

.message-center__sidebar > div > div.unread .mc-content__title {
  font-weight: 800;
}

.message-center__content {
  padding: 25px 28px 50px 28px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  position: relative;
}

.message-center__content_top {
  display: none;
}

.message-center__content__meta {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 25px;
}

.message-center__content__meta .mc-datetime,
.message-center__content__meta .mc-from,
.message-center__content__meta .mc-to {
  font-size: 12px;
  line-height: 21px;
}

.message-center__content__meta .mc-datetime span,
.message-center__content__meta .mc-from span,
.message-center__content__meta .mc-to span {
  opacity: .6;
  display: inline-block;
  margin-right: 7px;
}

.message-center__content__meta .mc-datetime {
  margin-bottom: 15px;
}

.message-center__content__meta .mc-from,
.message-center__content__meta .mc-title {
  margin-bottom: 3px;
}

.message-center__content__meta .mc-title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  text-transform: none;
}

.message-center__content__attachments {
  padding-bottom: 50px;
  border-bottom: 1px solid #dddddd;
}

.message-center__content__attachments h3 {
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 50px 0 13px 0;
  text-transform: uppercase;
}

.message-center__content__attachments ul, .message-center__content__attachments li {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 600px;
  width: 100%;
}

.message-center__content__attachments li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0 0 13px 0;
  padding: 0 0 0 0;
  position: relative;
}

.message-center__content__attachments li:after {
  content: '';
  height: 1px;
  background-color: #dddddd;
  width: calc(100% - 90px);
  position: absolute;
  bottom: 2px;
  left: 0;
}

.message-center__content__attachments li span {
  position: relative;
  display: block;
  font-weight: bold;
}

.message-center__content__attachments li span:after {
  content: '';
  height: 1px;
  background: white;
  width: calc(100% + 7px);
  position: absolute;
  left: 0;
  bottom: 2px;
  z-index: 2;
}

.message-center__content__attachments li a, .message-center__content__attachments li a img {
  -webkit-transition: .2s;
  transition: .2s;
}

.message-center__content__attachments li a {
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: #0094FF;
}

.message-center__content__attachments li a img {
  margin-right: 10px;
  width: 15px;
}

.message-center__content__attachments li a:hover {
  color: #0090FF;
  opacity: .5;
}

.message-center__content__desc {
  font-size: 13px;
  line-height: 20px;
  padding-top: 25px;
}

.message-center__content__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 28px;
}

.message-center__content__actions a, .message-center__content__actions a img {
  -webkit-transition: .2s;
  transition: .2s;
}

.message-center__content__actions a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 25px;
  color: #0094FF;
}

.message-center__content__actions a img {
  margin-right: 10px;
  width: 12px;
}

.message-center__content__actions a:hover {
  color: #0090FF;
  opacity: .5;
}

@media (max-width: 1199.98px) {
  .message-center {
    max-height: 900px;
  }
  .message-center__sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .message-center__sidebar > div > div .mc-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .message-center__content {
    display: none;
    position: fixed;
    z-index: 999;
    top: 140px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 160px);
    background: white;
    border-radius: 20px;
    -webkit-box-shadow: 0px 4px 4px rgba(66, 66, 66, 0.1);
            box-shadow: 0px 4px 4px rgba(66, 66, 66, 0.1);
    padding: 20px;
  }
  .message-center__content.opened {
    display: block;
    overflow-y: auto;
    padding: 20px 20px 40px 20px;
  }
}

@media (max-width: 1199.98px) and (max-width: 575.98px) {
  .message-center__content.opened {
    padding: 15px 15px 25px 15px;
  }
}

@media (max-width: 1199.98px) {
  .message-center__content__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .message-center__content__meta .mc-datetime {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .message-center__content__meta .mc-from {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .message-center__content__meta .mc-title {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    /*font-size: 15px; line-height: 25px;*/
  }
  .message-center__content__meta .mc-to {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .message-center__content__attachments {
    padding-bottom: 0;
  }
  .message-center__content__attachments h3 {
    margin: 20px 0 0 0;
    padding-bottom: 20px;
    text-transform: none;
    font-size: 12px;
    line-height: 21px;
    font-weight: 400;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
  }
  .message-center__content__attachments h3 span {
    font-size: 15px;
    color: #424242;
    margin-left: 30px;
    font-weight: bold;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
  }
  .message-center__content__attachments h3.opened span {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  .message-center__content__attachments ul {
    display: none;
    border-top: 1px solid #dddddd;
    margin-bottom: 50px;
    padding-top: 50px;
  }
}

@media (max-width: 1199.98px) and (max-width: 575.98px) {
  .message-center__content__attachments ul li > a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
}

@media (max-width: 1199.98px) and (max-width: 575.98px) {
  .message-center__content__attachments ul {
    padding-top: 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 1199.98px) {
  .message-center__content__desc {
    max-height: unset;
  }
}

@media (max-width: 1199.98px) and (max-width: 575.98px) {
  .message-center__content__desc {
    padding-top: 0;
    margin-top: 25px;
  }
}

@media (max-width: 1199.98px) {
  .message-center__content__actions {
    position: relative;
    bottom: 0;
    top: 20px;
    left: 0;
  }
  .message-center__content_top {
    background: #424242;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    padding: 24px 10px;
    z-index: 999;
    color: white;
    display: none;
  }
  .message-center__content_top.opened {
    display: block;
  }
  .message-center__content_top a {
    color: white;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .message-center__content_top a:hover {
    color: white;
    opacity: .7;
  }
  .message-center__content_top .icon {
    font-size: 20px;
    color: white;
    margin-right: 18px;
  }
}

.message-center-layout {
  padding-top: 120px;
  /*
  h1 {
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: bold;
  }

  h2 {
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 2px;
    
  }
*/
  /*
  .button.btn-edit.btn-green {
    &.d-none {
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 2px;
      font-weight: 800;
      padding: 12px 24px;

      span {
        font-size: 11px;
      }
    }
  }
*/
}

.message-center-layout .h8 {
  font-weight: bold;
  font-size: 20px;
}

.message-center-layout .bt2 {
  font-weight: 800;
}

.message-center-layout .bt5 {
  font-size: 12px;
}

.message-center-layout .init-datepicker-range input {
  min-width: 235px;
}

.message-center-layout input.init-datepicker-range {
  min-width: 235px;
}

.message-center-layout .triglav-theme .select2-selection--single {
  line-height: 46px;
  height: 46px;
  border: 1px solid #BBBBBB;
  color: #424242;
  padding: 0 3rem 0 24px;
}

.message-center-layout .triglav-theme .select2-selection--single .select2-selection__rendered {
  line-height: 46px;
  font-weight: normal;
  color: #757575;
  font-size: 15px;
}

.message-center-layout .form-float-labels .form-group input:not(.hasDatepicker):focus + label span, .message-center-layout .form-float-labels .form-group input:not(.hasDatepicker).hasValue + label span, .message-center-layout .form-float-labels .form-group .textarea-trigger-focus + label span, .message-center-layout .form-float-labels .form-group .os-host-textarea.hasValue + label span, .message-center-layout .form-float-labels .form-group .select2-float-placeholder.triggered span, .message-center-layout .form-float-labels .field-group input:not(.hasDatepicker):focus + label span, .message-center-layout .form-float-labels .field-group input:not(.hasDatepicker).hasValue + label span, .message-center-layout .form-float-labels .field-group .textarea-trigger-focus + label span, .message-center-layout .form-float-labels .field-group .os-host-textarea.hasValue + label span, .message-center-layout .form-float-labels .field-group .select2-float-placeholder.triggered span {
  font-size: 12px;
  font-weight: normal;
}

.message-center-layout .form-float-labels .form-group .select2-float-placeholder.triggered span:after, .message-center-layout .form-float-labels .field-group .select2-float-placeholder.triggered span:after {
  top: 6px;
}

.message-center-layout .triglav-theme .select2-selection--single .select2-selection__arrow:after {
  content: '\E944';
  font-family: 'icomoon';
  font-size: 16px;
}

.message-center-layout .form-float-labels .form-group input:not(.hasDatepicker):focus + label, .message-center-layout .form-float-labels .form-group input:not(.hasDatepicker).hasValue + label, .message-center-layout .form-float-labels .form-group .textarea-trigger-focus + label, .message-center-layout .form-float-labels .form-group .os-host-textarea.hasValue + label, .message-center-layout .form-float-labels .form-group .select2-float-placeholder.triggered, .message-center-layout .form-float-labels .field-group input:not(.hasDatepicker):focus + label, .message-center-layout .form-float-labels .field-group input:not(.hasDatepicker).hasValue + label, .message-center-layout .form-float-labels .field-group .textarea-trigger-focus + label, .message-center-layout .form-float-labels .field-group .os-host-textarea.hasValue + label, .message-center-layout .form-float-labels .field-group .select2-float-placeholder.triggered {
  left: 10px;
}

.message-center-layout .form-input {
  line-height: 46px;
  letter-spacing: 0px;
  height: 46px;
  padding: 0rem 24px;
  font-weight: normal;
}

@media (max-width: 991.98px) {
  .message-center-layout .form-input {
    font-size: 15px;
  }
}

.message-center-layout .form-input-icon .form-input::-webkit-input-placeholder {
  color: #757575;
  font-size: 15px;
}

.message-center-layout .form-input-icon .form-input:-moz-placeholder {
  color: #757575;
  font-size: 15px;
}

.message-center-layout .form-input-icon .form-input::-moz-placeholder {
  color: #757575;
  font-size: 15px;
}

.message-center-layout .form-input-icon .form-input:-ms-input-placeholder {
  color: #757575;
  font-size: 15px;
}

.message-center-layout .form-input-icon > .icon {
  font-size: 1.5rem;
  right: .2rem;
}

.message-center-layout .form-input-icon .icon,
.message-center-layout .form-input-icon i {
  padding: 7px;
}

.message-center-layout .button.btn-text-icon {
  font-size: 15px;
  letter-spacing: 0;
}

.message-center-layout .select2-selection--single {
  -webkit-transition: .2s;
  transition: .2s;
}

.message-center-layout .select-open .select2-selection--single {
  border-color: #4B4B4B;
  border-bottom: 1px solid #4B4B4B !important;
}

.message-center-layout .select-open .select2-selection__arrow:after {
  content: "\E905" !important;
}

.message-center-layout .select2-dropdown.select2-dropdown--below {
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: 0px 4px 4px -4px rgba(66, 66, 66, 0.2);
          box-shadow: 0px 4px 4px -4px rgba(66, 66, 66, 0.2);
}

.message-center-layout .select2-dropdown.select2-dropdown--below .select2-results__options li {
  padding: 12px 23px;
  font-size: 15px;
}

.message-center-layout .select2-dropdown.select2-dropdown--below .select2-results__options li:nth-child(even):not(.select2-results__option--highlighted) {
  background: #f2f2f2;
  color: #424242;
}

.message-center-layout .select2-dropdown.select2-dropdown--above {
  border-radius: 20px 20px 0 0 !important;
  -webkit-box-shadow: 0px 4px 4px -4px rgba(66, 66, 66, 0.2);
          box-shadow: 0px 4px 4px -4px rgba(66, 66, 66, 0.2);
}

.message-center-layout .select2-dropdown.select2-dropdown--above .select2-results__options li {
  padding: 12px 23px;
  font-size: 15px;
}

.message-center-layout .select2-dropdown.select2-dropdown--above .select2-results__options li:nth-child(even):not(.select2-results__option--highlighted) {
  background: #f2f2f2;
  color: #424242;
}

.message-center-layout .modal .button.btn-small {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 2px;
  font-weight: 800;
  padding: 12px 24px;
}

.message-center-layout .button.btn-medium:not(.btn-green),
.message-center-layout .button.btn-small:not(.btn-green) {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 2px;
  font-weight: 600;
  padding: 8px 16px;
}

.message-center-layout .modal .form-float-labels .form-group label span {
  font-weight: normal;
}

.message-center-layout .display-number {
  font-weight: 400;
  font-size: 12px;
}

.message-center-layout .display-number__dropdown {
  background: none;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  border-color: #4C4C4C;
  padding: 0 11px;
}

.message-center-layout .display-number__dropdown:after {
  content: "\E944";
  font-family: "icomoon";
  font-size: 12px;
  font-weight: bold;
  color: #4C4C4C;
  margin-left: 3px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.message-center-layout .display-number__dropdown.opened:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  content: "\E905";
  font-weight: normal;
}

.message-center-layout .display-number__items {
  padding: 0;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}

.message-center-layout .display-number__item {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 0;
  border: 0 none;
}

.message-center-layout .display-number__item:hover {
  background: #A5A5A5;
  color: white;
}

.message-center-layout .form-float-labels .form-group label {
  top: 12px;
}

.message-center-layout .form-float-labels .form-group label span {
  color: #4C4C4C;
  font-size: 15px;
}

.message-center-layout .textarea-trigger-focus + label {
  top: -12px !important;
}

.message-center-layout .inputSidebarWidth {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 385px;
          flex: 0 0 385px;
}

@media (max-width: 767.98px) {
  .message-center-layout .inputSidebarWidth {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}

@media screen and (max-width: 400px) {
  .message-center-layout .inputSidebarWidth {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 1500px) {
  .message-center-layout .message-center-box--filtersdesktop {
    display: none !important;
  }
  .message-center-layout .message-center-box--filtersmobilerow {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .message-center-layout .datepicker {
    z-index: 992 !important;
  }
}

@media (max-width: 1199.98px) {
  .message-center-layout {
    /*h1 {
      font-size: 30px;
    }

    h2 {
      font-size: 25px;
    }*/
  }
  .message-center-layout small {
    font-size: 12px;
  }
  .message-center-layout .box-item strong {
    font-size: 15px;
  }
  .message-center-layout .box-item a.button.btn-green {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 4px;
  }
  .message-center-layout .box-item .button.btn-text-icon {
    padding: 0 !important;
    font-size: 12px;
  }
  .message-center-layout .box-item .display-number {
    font-weight: 400;
  }
}

@media (max-width: 767.98px) {
  .message-center-layout {
    /*
    .notice-fixed-wrap {
      z-index: 990;
    }*/
  }
  .message-center-layout .btn-edit.btn-icon.btn-round.btn-green {
    padding: 0 !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 32px !important;
    width: 32px !important;
  }
  .message-center-layout .btn-edit.btn-icon.btn-round.btn-green span {
    font-size: 12px;
  }
  .message-center-layout .button.btn-edit.btn-green.d-none {
    padding: 12px 24px !important;
    height: auto !important;
  }
  .message-center-layout .button.btn-medium:not(.btn-green) {
    padding: 8px 16px !important;
    height: auto !important;
  }
  .message-center-layout .modal .modal-footer .button {
    padding: 8px 16px !important;
    font-weight: 600;
  }
}

.message-center-layout .message-center-box--filtersmobile {
  display: none;
  background: #424242;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 22px 10px 50px 10px;
  color: white;
  z-index: 991;
}

.message-center-layout .message-center-box--filtersmobile h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 50px 0;
}

.message-center-layout .message-center-box--filtersmobile .close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 0;
  color: white;
  opacity: 1;
  text-shadow: none;
  font-size: 24px;
}

.message-center-layout.message-center-content-opened {
  overflow: hidden !important;
}

.message-center-layout.message-center-content-opened:after {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 988;
}

:root,
::before,
::after {
  --ppskod-avto-body-bg: #fafafa;
  --ppskod-avto-text-color: #4c4c4c;
  --ppskod-avto-primary-button-color: #fff;
  --ppskod-avto-primary-button-bg: #4c4c4c;
  --ppskod-avto-secondary-button-color: #4c4c4c;
  --ppskod-avto-upload-button-color: #4c4c4c;
  --ppskod-avto-secondary-button-bg: #fff;
  --ppskod-avto-card-bg: #fff;
  --ppskod-avto-card-icon: #4c4c4c;
  --ppskod-avto-input-label-color: #969696;
  --ppskod-avto-input-border-color: #969696;
  --ppskod-avto-input-bg-color: #fff;
  --ppskod-avto-white-gray-color: #fff;
  --ppskod-avto-gray-white-color: #4c4c4c;
  --ppskod-avto-counter-border: #969696;
  --ppskod-avto-counter-color: #969696;
  --ppskod-avto-counter-hover: #222222;
  --ppskod-avto-calender-disabled: #dddddd;
  --ppskod-avto-auto-complete-list-bg: #f2f2f2;
  --ppskod-avto-auto-complete-option-bg: #f2f2f2;
  --ppskod-avto-auto-complete-no-result: rgba(0, 0, 0, 0.2);
  --ppskod-avto-lightgray-box-bg: #f2f2f2;
  --ppskod-avto-select-selected-bg: #dddddd;
  --ppskod-avto-car-image-mode: darken;
  --ppskod-avto-arrow-left: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.614' height='8.355' viewBox='0 0 4.614 8.355'%3E%3Cpath id='angle-down_-_fontawesome_copy_16' data-name='angle-down - fontawesome copy 16' d='M8.355.658A.266.266,0,0,0,8.272.476l-.419-.4a.273.273,0,0,0-.385,0L4.178,3.195.887.079A.3.3,0,0,0,.695,0,.28.28,0,0,0,.5.079l-.419.4A.266.266,0,0,0,0,.658.266.266,0,0,0,.084.84l3.9,3.694a.273.273,0,0,0,.385,0L8.272.84A.266.266,0,0,0,8.355.658Z' transform='translate(4.615) rotate(90)' fill='%233d3d3d'/%3E%3C/svg%3E%0A");
  --ppskod-avto-icon-radio-check-empty: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10ZM0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10Z' fill='%234C4C4C'/%3E%3C/svg%3E%0A");
  --ppskod-avto-icon-radio-check-checked: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.49995 14.1142L15.2071 7.4071L13.7928 5.99289L8.49995 11.2858L6.20706 8.99289L4.79285 10.4071L8.49995 14.1142Z' fill='%2334A634'/%3E%3C/svg%3E%0A");
  --ppskod-avto-calender-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M11 26L21 16L11 6' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --ppskod-avto-calender-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M21 26L11 16L21 6' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --ppskod-avto-calender-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' class='s-icon s-icon-small replaced-svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --ppskod-avto-calender-arrow-up: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12 10L8 6L4 10' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ppskod-avto-car-seat: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='127' fill='none' preserveAspectRatio='none'%3E%3Cpath fill='%234C4C4C' fill-rule='evenodd' d='M10.77 127a8.987 8.987 0 0 1-5.727-2.126c-1.63-1.365-2.776-3.268-3.255-5.403l-1.352-5.938c-.554-2.979-.575-4.756-.093-7.099a16.13 16.13 0 0 1 2.876-6.419h-.013a15.056 15.056 0 0 1 4.84-4.21 14.273 14.273 0 0 1 6.058-1.73l-1.999-8.912a47.23 47.23 0 0 1-.23-19.502l7.131-35.738c.476-2.37 1.703-4.497 3.479-6.033 1.776-1.536 3.995-2.39 6.293-2.419h11.036v-2.74H34.53a4.975 4.975 0 0 1-2.3-.498 5.247 5.247 0 0 1-1.86-1.514 5.606 5.606 0 0 1-1.037-2.22 5.77 5.77 0 0 1-.005-2.475l1.058-5.025c.41-1.982 1.45-3.757 2.947-5.03A8.172 8.172 0 0 1 38.623 0h18.755a8.172 8.172 0 0 1 5.289 1.97c1.498 1.272 2.538 3.047 2.947 5.029l1.058 5.025a5.77 5.77 0 0 1-.005 2.475 5.606 5.606 0 0 1-1.038 2.22 5.247 5.247 0 0 1-1.858 1.514 4.975 4.975 0 0 1-2.3.497h-5.285v2.741h11.036c2.298.03 4.517.883 6.293 2.419 1.776 1.536 3.003 3.664 3.478 6.033l7.131 35.738a47.23 47.23 0 0 1-.23 19.502l-1.998 8.913c2.113.115 4.179.704 6.058 1.728a15.055 15.055 0 0 1 4.84 4.211h-.013a16.13 16.13 0 0 1 2.876 6.419c.482 2.343.46 4.12-.093 7.099l-1.352 5.938c-.48 2.135-1.626 4.038-3.255 5.403A8.987 8.987 0 0 1 85.23 127H10.77Zm66.657-2.284V107.32c-2.585-1.028-13.436-4.99-29.427-5.025-15.99.035-26.842 3.997-29.427 5.025v17.396h58.854ZM48 100.02c14.953.031 25.332 3.341 29.215 4.81l4.564-20.26A44.891 44.891 0 0 0 82 66.057l-7.13-35.674c-.372-1.854-1.33-3.52-2.718-4.724a7.69 7.69 0 0 0-4.92-1.905H28.768a7.69 7.69 0 0 0-4.92 1.905c-1.389 1.204-2.347 2.87-2.718 4.724L14 66.058a44.891 44.891 0 0 0 .22 18.511l4.565 20.261c3.883-1.469 14.262-4.779 29.215-4.81Zm6.018-78.549v-2.74H41.982v2.74h12.036Zm7.474-5.011a2.94 2.94 0 0 0 2.129-.795 3.26 3.26 0 0 0 1.018-2.124 2.63 2.63 0 0 0 0-.26 3.307 3.307 0 0 0-.074-.736l-1.062-5.026a6.698 6.698 0 0 0-2.185-3.75 6.1 6.1 0 0 0-3.931-1.485H38.613a6.1 6.1 0 0 0-3.931 1.484 6.698 6.698 0 0 0-2.185 3.752l-1.062 5.025a3.307 3.307 0 0 0-.074.735 2.63 2.63 0 0 0 0 .26 3.26 3.26 0 0 0 1.018 2.125 2.94 2.94 0 0 0 2.13.795h26.983ZM3.886 118.937l-1.352-5.98a14.213 14.213 0 0 1-.11-5.888 13.869 13.869 0 0 1 2.28-5.377 13.03 13.03 0 0 1 4.233-3.844 12.32 12.32 0 0 1 5.383-1.58l2.129 10.33a1.147 1.147 0 0 0-.043.301v17.817H10.77a6.898 6.898 0 0 1-4.39-1.635 7.563 7.563 0 0 1-2.494-4.144Zm88.228 0 1.352-5.98c.447-1.93.485-3.941.11-5.888a13.868 13.868 0 0 0-2.28-5.377 13.03 13.03 0 0 0-4.233-3.844 12.32 12.32 0 0 0-5.383-1.58l-2.129 10.33c.028.098.042.199.043.301v17.817h5.636a6.898 6.898 0 0 0 4.39-1.635 7.563 7.563 0 0 0 2.494-4.144Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

[data-theme="dark"] {
  --ppskod-avto-body-bg: #000000;
  --ppskod-avto-text-color: #fff;
  --ppskod-avto-primary-button-color: #4c4c4c;
  --ppskod-avto-primary-button-bg: #fff;
  --ppskod-avto-secondary-button-color: #fff;
  --ppskod-avto-secondary-button-bg: #4c4c4c;
  --ppskod-avto-upload-button-color: #4c4c4c;
  --ppskod-avto-card-bg: #222;
  --ppskod-avto-card-icon: #fff;
  --ppskod-avto-input-label-color: #dddddd;
  --ppskod-avto-input-border-color: #969696;
  --ppskod-avto-input-bg-color: #4c4c4c;
  --ppskod-avto-white-gray-color: #4c4c4c;
  --ppskod-avto-gray-white-color: #fff;
  --ppskod-avto-counter-border: #4c4c4c;
  --ppskod-avto-counter-color: #fff;
  --ppskod-avto-counter-hover: #fff;
  --ppskod-avto-calender-disabled: #fff;
  --ppskod-avto-auto-complete-list-bg: #222;
  --ppskod-avto-auto-complete-option-bg: #000;
  --ppskod-avto-auto-complete-no-result: rgba(255, 255, 255, 0.8);
  --ppskod-avto-lightgray-box-bg: #222;
  --ppskod-avto-select-selected-bg: #000;
  --ppskod-avto-car-image-mode: unset;
  --ppskod-avto-arrow-left: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.614' height='8.355' viewBox='0 0 4.614 8.355'%3E%3Cpath id='angle-down_-_fontawesome_copy_16' data-name='angle-down - fontawesome copy 16' d='M8.355.658A.266.266,0,0,0,8.272.476l-.419-.4a.273.273,0,0,0-.385,0L4.178,3.195.887.079A.3.3,0,0,0,.695,0,.28.28,0,0,0,.5.079l-.419.4A.266.266,0,0,0,0,.658.266.266,0,0,0,.084.84l3.9,3.694a.273.273,0,0,0,.385,0L8.272.84A.266.266,0,0,0,8.355.658Z' transform='translate(4.615) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A");
  --ppskod-avto-icon-radio-check-empty: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10ZM0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  --ppskod-avto-icon-radio-check-checked: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.49995 14.1142L15.2071 7.4071L13.7928 5.99289L8.49995 11.2858L6.20706 8.99289L4.79285 10.4071L8.49995 14.1142Z' fill='%2334A634'/%3E%3C/svg%3E%0A");
  --ppskod-avto-calender-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M11 26L21 16L11 6' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --ppskod-avto-calender-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M21 26L11 16L21 6' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --ppskod-avto-calender-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' class='s-icon s-icon-small replaced-svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --ppskod-avto-calender-arrow-up: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12 10L8 6L4 10' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ppskod-avto-car-seat: url("data:image/svg+xml,%3Csvg width='97' height='127' viewBox='0 0 97 127' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2702 127C9.1888 126.988 7.17159 126.24 5.54261 124.874C3.91363 123.509 2.76745 121.606 2.2882 119.471L0.935705 113.533C0.382277 110.554 0.361123 108.777 0.843419 106.434C1.32571 104.092 2.30913 101.896 3.71872 100.015H3.70572C5.01615 98.2641 6.66634 96.8286 8.5458 95.8044C10.4253 94.7802 12.4907 94.1909 14.6037 94.0759C14.6273 94.0759 14.6508 94.0762 14.6744 94.0766C14.6518 94.0748 14.6284 94.0744 14.6037 94.0759L12.6053 85.1631C11.1728 78.7587 11.0944 72.1007 12.3756 65.6608L19.5065 29.9227C19.982 27.5538 21.2088 25.4262 22.9847 23.89C24.7607 22.3539 26.9801 21.5008 29.2775 21.4712H40.3142V18.7302H35.0299C34.2371 18.7514 33.4501 18.5812 32.7292 18.2327C32.0083 17.8842 31.3726 17.3666 30.8706 16.7195C30.3687 16.0724 30.0138 15.3128 29.8331 14.499C29.6524 13.6852 29.6506 12.8385 29.828 12.0239L30.8857 6.99871C31.2952 5.01704 32.3352 3.24246 33.8334 1.96944C35.3315 0.69643 37.1976 0.00151346 39.1221 0H57.8779C59.8024 0.00151346 61.6685 0.69643 63.1666 1.96944C64.6648 3.24246 65.7048 5.01704 66.1143 6.99871L67.172 12.0239C67.3494 12.8385 67.3476 13.6852 67.1669 14.499C66.9862 15.3128 66.6313 16.0724 66.1294 16.7195C65.6274 17.3666 64.9917 17.8842 64.2708 18.2327C63.5499 18.5812 62.7629 18.7514 61.9701 18.7302H56.6858V21.4712H67.7225C70.0199 21.5008 72.2393 22.3539 74.0153 23.89C75.7912 25.4262 77.018 27.5538 77.4935 29.9227L84.6244 65.6608C85.9056 72.1007 85.8272 78.7587 84.3947 85.1631L82.3963 94.0759C82.3859 94.0753 82.3757 94.075 82.3658 94.075C82.3521 94.075 82.3387 94.0755 82.3256 94.0766C82.3492 94.0762 82.3727 94.0759 82.3963 94.0759C84.5093 94.1909 86.5747 94.7802 88.4542 95.8044C90.3337 96.8286 91.9839 98.2641 93.2943 100.015H93.2813C94.6909 101.896 95.6743 104.092 96.1566 106.434C96.6389 108.777 96.6177 110.554 96.0643 113.533L94.7118 119.471C94.2326 121.606 93.0864 123.509 91.4574 124.874C89.8284 126.24 87.8112 126.988 85.7298 127H11.2702ZM77.9269 124.716V107.32C75.3419 106.292 64.4907 102.33 48.5 102.295C32.5093 102.33 21.6581 106.292 19.0731 107.32V124.716H77.9269ZM48.5 100.02C63.4526 100.051 73.8317 103.361 77.7145 104.83L82.2792 84.5692C83.6381 78.4904 83.7135 72.1712 82.5003 66.0583L75.3693 30.3841C74.998 28.5302 74.0397 26.8644 72.6519 25.66C71.264 24.4555 69.5289 23.7839 67.7312 23.7554H29.2688C27.4711 23.7839 25.736 24.4555 24.3481 25.66C22.9602 26.8644 22.002 28.5302 21.6307 30.3841L14.4997 66.0583C13.2865 72.1712 13.3619 78.4904 14.7208 84.5692L19.2855 104.83C23.1683 103.361 33.5475 100.051 48.5 100.02ZM54.5183 21.4712V18.7302H42.4817V21.4712H54.5183ZM61.9917 16.4597C62.772 16.4934 63.5345 16.2088 64.1206 15.665C64.7068 15.1213 65.0715 14.3604 65.1389 13.5406C65.1432 13.4538 65.1432 13.3669 65.1389 13.2802C65.1419 13.0328 65.1171 12.7859 65.0652 12.5447L64.0032 7.5195C63.7012 6.04353 62.9305 4.72027 61.8184 3.76837C60.7063 2.81647 59.3193 2.2929 57.8866 2.28417H39.1134C37.6807 2.2929 36.2937 2.81647 35.1816 3.76837C34.0695 4.72027 33.2988 6.04353 32.9968 7.5195L31.9348 12.5447C31.8829 12.7859 31.8581 13.0328 31.8611 13.2802C31.8568 13.3669 31.8568 13.4538 31.8611 13.5406C31.9285 14.3604 32.2932 15.1213 32.8794 15.665C33.4655 16.2088 34.228 16.4934 35.0083 16.4597H61.9917ZM4.38631 118.937L3.03381 112.957C2.58673 111.027 2.54935 109.016 2.92434 107.069C3.29933 105.122 4.07745 103.286 5.20319 101.692C6.32894 100.098 7.77457 98.7854 9.43697 97.848C11.0994 96.9106 12.9376 96.3714 14.8205 96.2687L16.9489 106.598C16.9212 106.696 16.9066 106.797 16.9056 106.899V124.716H11.2702C9.67427 124.705 8.12817 124.129 6.87988 123.081C5.63159 122.033 4.75344 120.574 4.38631 118.937ZM92.6137 118.937L93.9662 112.957C94.4133 111.027 94.4507 109.016 94.0757 107.069C93.7007 105.122 92.9226 103.286 91.7968 101.692C90.6711 100.098 89.2254 98.7854 87.563 97.848C85.9006 96.9106 84.0624 96.3714 82.1795 96.2687L80.0511 106.598C80.0788 106.696 80.0934 106.797 80.0944 106.899V124.716H85.7298C87.3257 124.705 88.8718 124.129 90.1201 123.081C91.3684 122.033 92.2466 120.574 92.6137 118.937Z' fill='%23969696'/%3E%3C/svg%3E%0A");
}

@media (prefers-color-scheme: dark) {
  :root,
  ::before,
  ::after {
    --ppskod-avto-body-bg: #000000;
    --ppskod-avto-text-color: #fff;
    --ppskod-avto-primary-button-color: #4c4c4c;
    --ppskod-avto-primary-button-bg: #fff;
    --ppskod-avto-secondary-button-color: #fff;
    --ppskod-avto-secondary-button-bg: #4c4c4c;
    --ppskod-avto-upload-button-color: #4c4c4c;
    --ppskod-avto-card-bg: #222;
    --ppskod-avto-card-icon: #fff;
    --ppskod-avto-input-label-color: #dddddd;
    --ppskod-avto-input-border-color: #969696;
    --ppskod-avto-input-bg-color: #4c4c4c;
    --ppskod-avto-white-gray-color: #4c4c4c;
    --ppskod-avto-gray-white-color: #fff;
    --ppskod-avto-counter-border: #4c4c4c;
    --ppskod-avto-counter-color: #fff;
    --ppskod-avto-counter-hover: #fff;
    --ppskod-avto-calender-disabled: #fff;
    --ppskod-avto-auto-complete-list-bg: #222;
    --ppskod-avto-auto-complete-option-bg: #000;
    --ppskod-avto-auto-complete-no-result: rgba(255, 255, 255, 0.8);
    --ppskod-avto-lightgray-box-bg: #222;
    --ppskod-avto-select-selected-bg: #000;
    --ppskod-avto-car-image-mode: unset;
    --ppskod-avto-arrow-left: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.614' height='8.355' viewBox='0 0 4.614 8.355'%3E%3Cpath id='angle-down_-_fontawesome_copy_16' data-name='angle-down - fontawesome copy 16' d='M8.355.658A.266.266,0,0,0,8.272.476l-.419-.4a.273.273,0,0,0-.385,0L4.178,3.195.887.079A.3.3,0,0,0,.695,0,.28.28,0,0,0,.5.079l-.419.4A.266.266,0,0,0,0,.658.266.266,0,0,0,.084.84l3.9,3.694a.273.273,0,0,0,.385,0L8.272.84A.266.266,0,0,0,8.355.658Z' transform='translate(4.615) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A");
    --ppskod-avto-icon-radio-check-empty: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10ZM0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    --ppskod-avto-icon-radio-check-checked: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.49995 14.1142L15.2071 7.4071L13.7928 5.99289L8.49995 11.2858L6.20706 8.99289L4.79285 10.4071L8.49995 14.1142Z' fill='%2334A634'/%3E%3C/svg%3E%0A");
    --ppskod-avto-calender-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M11 26L21 16L11 6' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    --ppskod-avto-calender-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M21 26L11 16L21 6' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    --ppskod-avto-calender-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' class='s-icon s-icon-small replaced-svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    --ppskod-avto-calender-arrow-up: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12 10L8 6L4 10' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --ppskod-avto-car-seat: url("data:image/svg+xml,%3Csvg width='97' height='127' viewBox='0 0 97 127' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2702 127C9.1888 126.988 7.17159 126.24 5.54261 124.874C3.91363 123.509 2.76745 121.606 2.2882 119.471L0.935705 113.533C0.382277 110.554 0.361123 108.777 0.843419 106.434C1.32571 104.092 2.30913 101.896 3.71872 100.015H3.70572C5.01615 98.2641 6.66634 96.8286 8.5458 95.8044C10.4253 94.7802 12.4907 94.1909 14.6037 94.0759C14.6273 94.0759 14.6508 94.0762 14.6744 94.0766C14.6518 94.0748 14.6284 94.0744 14.6037 94.0759L12.6053 85.1631C11.1728 78.7587 11.0944 72.1007 12.3756 65.6608L19.5065 29.9227C19.982 27.5538 21.2088 25.4262 22.9847 23.89C24.7607 22.3539 26.9801 21.5008 29.2775 21.4712H40.3142V18.7302H35.0299C34.2371 18.7514 33.4501 18.5812 32.7292 18.2327C32.0083 17.8842 31.3726 17.3666 30.8706 16.7195C30.3687 16.0724 30.0138 15.3128 29.8331 14.499C29.6524 13.6852 29.6506 12.8385 29.828 12.0239L30.8857 6.99871C31.2952 5.01704 32.3352 3.24246 33.8334 1.96944C35.3315 0.69643 37.1976 0.00151346 39.1221 0H57.8779C59.8024 0.00151346 61.6685 0.69643 63.1666 1.96944C64.6648 3.24246 65.7048 5.01704 66.1143 6.99871L67.172 12.0239C67.3494 12.8385 67.3476 13.6852 67.1669 14.499C66.9862 15.3128 66.6313 16.0724 66.1294 16.7195C65.6274 17.3666 64.9917 17.8842 64.2708 18.2327C63.5499 18.5812 62.7629 18.7514 61.9701 18.7302H56.6858V21.4712H67.7225C70.0199 21.5008 72.2393 22.3539 74.0153 23.89C75.7912 25.4262 77.018 27.5538 77.4935 29.9227L84.6244 65.6608C85.9056 72.1007 85.8272 78.7587 84.3947 85.1631L82.3963 94.0759C82.3859 94.0753 82.3757 94.075 82.3658 94.075C82.3521 94.075 82.3387 94.0755 82.3256 94.0766C82.3492 94.0762 82.3727 94.0759 82.3963 94.0759C84.5093 94.1909 86.5747 94.7802 88.4542 95.8044C90.3337 96.8286 91.9839 98.2641 93.2943 100.015H93.2813C94.6909 101.896 95.6743 104.092 96.1566 106.434C96.6389 108.777 96.6177 110.554 96.0643 113.533L94.7118 119.471C94.2326 121.606 93.0864 123.509 91.4574 124.874C89.8284 126.24 87.8112 126.988 85.7298 127H11.2702ZM77.9269 124.716V107.32C75.3419 106.292 64.4907 102.33 48.5 102.295C32.5093 102.33 21.6581 106.292 19.0731 107.32V124.716H77.9269ZM48.5 100.02C63.4526 100.051 73.8317 103.361 77.7145 104.83L82.2792 84.5692C83.6381 78.4904 83.7135 72.1712 82.5003 66.0583L75.3693 30.3841C74.998 28.5302 74.0397 26.8644 72.6519 25.66C71.264 24.4555 69.5289 23.7839 67.7312 23.7554H29.2688C27.4711 23.7839 25.736 24.4555 24.3481 25.66C22.9602 26.8644 22.002 28.5302 21.6307 30.3841L14.4997 66.0583C13.2865 72.1712 13.3619 78.4904 14.7208 84.5692L19.2855 104.83C23.1683 103.361 33.5475 100.051 48.5 100.02ZM54.5183 21.4712V18.7302H42.4817V21.4712H54.5183ZM61.9917 16.4597C62.772 16.4934 63.5345 16.2088 64.1206 15.665C64.7068 15.1213 65.0715 14.3604 65.1389 13.5406C65.1432 13.4538 65.1432 13.3669 65.1389 13.2802C65.1419 13.0328 65.1171 12.7859 65.0652 12.5447L64.0032 7.5195C63.7012 6.04353 62.9305 4.72027 61.8184 3.76837C60.7063 2.81647 59.3193 2.2929 57.8866 2.28417H39.1134C37.6807 2.2929 36.2937 2.81647 35.1816 3.76837C34.0695 4.72027 33.2988 6.04353 32.9968 7.5195L31.9348 12.5447C31.8829 12.7859 31.8581 13.0328 31.8611 13.2802C31.8568 13.3669 31.8568 13.4538 31.8611 13.5406C31.9285 14.3604 32.2932 15.1213 32.8794 15.665C33.4655 16.2088 34.228 16.4934 35.0083 16.4597H61.9917ZM4.38631 118.937L3.03381 112.957C2.58673 111.027 2.54935 109.016 2.92434 107.069C3.29933 105.122 4.07745 103.286 5.20319 101.692C6.32894 100.098 7.77457 98.7854 9.43697 97.848C11.0994 96.9106 12.9376 96.3714 14.8205 96.2687L16.9489 106.598C16.9212 106.696 16.9066 106.797 16.9056 106.899V124.716H11.2702C9.67427 124.705 8.12817 124.129 6.87988 123.081C5.63159 122.033 4.75344 120.574 4.38631 118.937ZM92.6137 118.937L93.9662 112.957C94.4133 111.027 94.4507 109.016 94.0757 107.069C93.7007 105.122 92.9226 103.286 91.7968 101.692C90.6711 100.098 89.2254 98.7854 87.563 97.848C85.9006 96.9106 84.0624 96.3714 82.1795 96.2687L80.0511 106.598C80.0788 106.696 80.0934 106.797 80.0944 106.899V124.716H85.7298C87.3257 124.705 88.8718 124.129 90.1201 123.081C91.3684 122.033 92.2466 120.574 92.6137 118.937Z' fill='%23969696'/%3E%3C/svg%3E%0A");
  }
}

.layout-skode {
  background-color: var(--ppskod-avto-body-bg);
  color: var(--ppskod-avto-text-color) !important;
  /*
  .s-btn.s-btn-red,
  .s-btn.s-btn-green {
    color: #fff;
  }

  .s-btn.s-btn-green {
    &:hover,
    &:focus {
      @include media-breakpoint-down(md) {
        background-color: #34a634 !important;
        color: #fff !important;
      }
    }
  }

  .s-btn.s-btn-red {
    &:hover,
    &:focus {
      @include media-breakpoint-down(md) {
        background: linear-gradient(
          93.81deg,
          #ed1c24 0%,
          #88171d 100%
        ) !important;
        color: #fff !important;

        &::after {
          display: none;
        }
      }
    }
  }*/
  /* Card item collapsible */
}

.layout-skode .mod-stepper {
  max-width: 634px;
  width: 100%;
  min-height: 48px;
  padding: 10px 0 0;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1025px) {
  .layout-skode .mod-stepper {
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .layout-skode .mod-stepper {
    padding-top: 5px;
  }
}

.layout-skode .mod-stepper__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 14px;
}

@media (max-width: 767.98px) {
  .layout-skode .mod-stepper__top {
    padding: 0 6px;
  }
}

.layout-skode .mod-stepper__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}

.layout-skode .mod-stepper__right {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layout-skode .mod-stepper__link {
  color: var(--ppskod-avto-text-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: normal;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (max-width: 767.98px) {
  .layout-skode .mod-stepper__link {
    font-size: 12px;
  }
}

.layout-skode .mod-stepper span.mod-stepper__link {
  cursor: default;
}

.layout-skode .mod-stepper a.mod-stepper__link:hover {
  color: #222222;
  text-decoration: none;
}

.layout-skode .mod-stepper a.mod-stepper__link:hover .custom-icons {
  -webkit-transform: translateX(-4px);
          transform: translateX(-4px);
}

.layout-skode .mod-stepper__next {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
}

.layout-skode .mod-stepper__cta {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
}

.layout-skode .mod-stepper__cta .s-icon {
  margin-right: 8px;
  fill: var(--ppskod-avto-text-color);
}

.layout-skode .mod-stepper__cta .s-icon path {
  fill: var(--ppskod-avto-text-color);
}

.layout-skode .mod-stepper__cta:hover {
  text-decoration: none;
  color: #4c4c4c;
}

.layout-skode .mod-stepper__cta--saved {
  color: #34a634;
}

.layout-skode .mod-stepper__cta--saved path {
  fill: #34a634;
}

.layout-skode .mod-stepper__super-title {
  color: #969696;
  margin-bottom: 4px;
}

.layout-skode .mod-stepper .custom-icons {
  min-height: 1px;
  min-width: 1px;
  width: 4px;
  height: 8px;
  margin-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-image: var(--ppskod-avto-arrow-left);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (max-width: 767.98px) {
  .layout-skode .mod-stepper .custom-icons {
    width: 6px;
    height: 12px;
    margin-right: 12px;
  }
}

.layout-skode .mod-stepper__title {
  font-size: 13px;
  line-height: normal;
  margin-left: 16px;
  padding-left: 18px;
  position: relative;
}

@media (max-width: 767.98px) {
  .layout-skode .mod-stepper__title {
    display: none;
  }
}

.layout-skode .mod-stepper__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 16px;
  border-radius: 10px;
  background-color: #dddddd;
  pointer-events: none;
}

.layout-skode .mod-stepper__progress {
  width: 100%;
  height: 4px;
  background-color: #dddddd;
  margin-top: 10px;
  position: relative;
}

@media (max-width: 767.98px) {
  .layout-skode .mod-stepper__progress {
    margin-top: 6px;
  }
}

.layout-skode .mod-stepper__progress-inner {
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  background-color: #39B54A;
}

.layout-skode .section-c-center {
  position: relative;
  min-height: calc(100vh - 127px);
  padding-top: 16px;
  /*
    .s-input,
    .s-input:not(:placeholder-shown) {
      border-color: var(--ppskod-avto-input-border-color);
      color: var(--ppskod-avto-text-color);
      background-color: var(--ppskod-avto-input-bg-color);

      &:focus {
        border-color: var(--input-border-focus) !important;
      }
    }
*/
}

.layout-skode .section-c-center .form {
  padding: 0;
}

@media (max-width: 1025px) {
  .layout-skode .section-c-center {
    height: auto;
    padding-bottom: 72px;
  }
}

@media (max-width: 991.98px) {
  .layout-skode .section-c-center {
    overflow: visible;
    padding-bottom: calc(var(--sidebarHeight) + 15px);
  }
}

@media (max-width: 767.98px) {
  .layout-skode .section-c-center {
    padding-top: 0;
  }
}

.layout-skode .section-c-center__inner-wrapper {
  margin: 0 auto;
  padding: 0 8px;
  position: relative;
  max-width: 633px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 767.98px) {
  .layout-skode .section-c-center__inner-wrapper {
    height: auto;
    max-width: 375px;
    padding: 0;
  }
}

.layout-skode .section-c-center__inner {
  width: 100%;
  padding: 0 129px;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0 auto;
  scrollbar-width: thin;
  scrollbar-color: #969696 #fafafa;
  /* width */
  /* Handle */
}

@media (max-width: 767.98px) {
  .layout-skode .section-c-center__inner {
    padding: 0;
    overflow: visible;
  }
}

.layout-skode .section-c-center__inner::-webkit-scrollbar {
  width: 8px;
}

.layout-skode .section-c-center__inner::-webkit-scrollbar-thumb {
  background: #969696;
  border-radius: 4px;
}

.layout-skode .section-c-center__content-medium-wrapper {
  margin-bottom: 48px;
  padding: 0 32px;
}

@media (min-width: 768px) {
  .layout-skode .section-c-center__content-medium-wrapper {
    max-width: 407px;
    margin-left: -28px;
    margin-right: -28px;
    padding: 0 16px;
  }
}

.layout-skode .section-c-center__content-wide-wrapper {
  margin-bottom: 48px;
  padding: 0 32px;
}

@media (min-width: 768px) {
  .layout-skode .section-c-center__content-wide-wrapper {
    max-width: 520px;
    margin-left: -81px;
    margin-right: -81px;
    padding: 0 16px;
  }
}

.layout-skode .section-c-center__content-wide-wrapper .mod-stepper {
  margin-bottom: 32px;
}

@media (max-width: 767.98px) {
  .layout-skode .section-c-center__content-wide-wrapper > .section-c-center__content-wide-no-margin {
    margin-left: -24px;
    margin-right: -24px;
    width: auto;
    max-width: unset;
  }
}

@media (max-width: 767.98px) {
  .layout-skode .section-c-center__content-wrapper {
    padding: 0 16px;
  }
}

.layout-skode .section-c-center .h4,
.layout-skode .section-c-center h4 {
  color: var(--ppskod-avto-text-color);
}

.layout-skode .section-c-center .seat-selection {
  margin-bottom: 32px;
}

.layout-skode .section-c-center .s-radiocard-list {
  margin-bottom: 0;
}

.layout-skode .section-c-center .s-btn {
  color: var(--ppskod-avto-primary-button-color);
  background-color: var(--ppskod-avto-primary-button-bg);
}

@media (max-width: 991.98px) {
  .layout-skode .section-c-center .s-btn:hover, .layout-skode .section-c-center .s-btn:focus {
    color: var(--ppskod-avto-primary-button-color) !important;
    background-color: var(--ppskod-avto-primary-button-bg) !important;
  }
}

.layout-skode .section-c-center .s-btn.s-btn-invert {
  background-color: var(--ppskod-avto-secondary-button-bg);
  color: var(--ppskod-avto-secondary-button-color) !important;
}

@media (max-width: 991.98px) {
  .layout-skode .section-c-center .s-btn.s-btn-invert:hover, .layout-skode .section-c-center .s-btn.s-btn-invert:focus {
    background-color: var(--ppskod-avto-secondary-button-bg) !important;
    color: var(--ppskod-avto-secondary-button-color) !important;
  }
}

.layout-skode .section-c-center .s-validated .s-input {
  border-color: var(--success-color);
}

.layout-skode .section-c-center .s-label {
  color: var(--ppskod-avto-text-color);
}

.layout-skode .section-c-center .s-floating-labels .s-label:not(.s-label--float) {
  color: var(--ppskod-avto-input-label-color);
}

.layout-skode .section-c-center .s-icon-circle.s-icon-white,
.layout-skode .section-c-center .s-field.s-validated .s-datepicker .s-icon-circle {
  background-color: var(--ppskod-avto-text-color);
  stroke: var(--ppskod-avto-secondary-button-bg);
}

.layout-skode .section-c-center .s-icon.s-icon-white path[stroke] {
  stroke: var(--ppskod-avto-secondary-button-bg);
}

.layout-skode .section-c-center .s-icon.s-icon-white path[fill]:not([fill="none"]) {
  fill: var(--ppskod-avto-secondary-button-bg);
}

.layout-skode .section-c-center .tempus-dominus-widget.light,
.layout-skode .section-c-center .tempus-dominus-widget.light .date-container-days .dow {
  color: var(--ppskod-avto-text-color);
}

.layout-skode .section-c-center .tempus-dominus-widget.light
.date-container-months
div:not(.no-highlight).active {
  background-color: var(--ppskod-avto-text-color);
  color: var(--ppskod-avto-input-bg-color);
}

.layout-skode .section-c-center .tempus-dominus-widget.light {
  background-color: var(--ppskod-avto-input-bg-color);
}

.layout-skode .section-c-center .tempus-dominus-widget.light
.date-container-decades
div:not(.no-highlight).active,
.layout-skode .section-c-center .tempus-dominus-widget.light
.date-container-years
div:not(.no-highlight).active,
.layout-skode .section-c-center .tempus-dominus-widget.light
.date-container-months
div:not(.no-highlight).active,
.layout-skode .section-c-center .tempus-dominus-widget.light
.date-container-days
div:not(.no-highlight).active,
.layout-skode .section-c-center .tempus-dominus-widget.light
.time-container-clock
div:not(.no-highlight).active,
.layout-skode .section-c-center .tempus-dominus-widget.light
.time-container-hour
div:not(.no-highlight).active,
.layout-skode .section-c-center .tempus-dominus-widget.light
.time-container-minute
div:not(.no-highlight).active,
.layout-skode .section-c-center .tempus-dominus-widget.light
.time-container-second
div:not(.no-highlight).active {
  background-color: var(--ppskod-avto-text-color);
  color: var(--ppskod-avto-input-bg-color);
}

.layout-skode .section-c-center .tempus-dominus-widget.light
.date-container-months
div:not(.no-highlight).disabled,
.layout-skode .section-c-center .tempus-dominus-widget.light
.date-container-months
div:not(.no-highlight).disabled:hover {
  color: var(--ppskod-avto-calender-disabled);
}

.layout-skode .section-c-center .tempus-dominus-widget .s-icon-next {
  background-image: var(--ppskod-avto-calender-arrow-right);
}

.layout-skode .section-c-center .tempus-dominus-widget .s-icon-previous {
  background-image: var(--ppskod-avto-calender-arrow-left);
}

.layout-skode .section-c-center .tempus-dominus-widget
.calendar-header
.picker-switch:not(.disabled):before,
.layout-skode .section-c-center .tempus-dominus-widget .s-icon-down {
  background-image: var(--ppskod-avto-calender-arrow-down);
}

.layout-skode .section-c-center .tempus-dominus-widget .s-icon-up {
  background-image: var(--ppskod-avto-calender-arrow-up);
}

.layout-skode .section-c-center .tempus-dominus-widget.light
.time-container-clock
div:not(.no-highlight):hover,
.layout-skode .section-c-center .tempus-dominus-widget.light
.date-container-months
div:not(.no-highlight):hover {
  background-color: var(--ppskod-avto-white-gray-color);
}

.layout-skode .section-c-center .s-radiocard__label {
  background-color: var(--ppskod-avto-card-bg);
}

.layout-skode .section-c-center .s-radiocard__icon svg path {
  stroke: var(--ppskod-avto-card-icon);
}

.layout-skode .section-c-center .autoComplete_wrapper > ul {
  background-color: var(--ppskod-avto-auto-complete-list-bg);
}

.layout-skode .section-c-center .autoComplete_wrapper > ul > li {
  color: var(--ppskod-avto-text-color);
  background-color: var(--ppskod-avto-secondary-button-bg);
}

.layout-skode .section-c-center .autoComplete_wrapper > ul > li:nth-child(even) {
  background-color: var(--ppskod-avto-auto-complete-option-bg);
}

.layout-skode .section-c-center .autoComplete_wrapper > ul .no_result {
  color: var(--ppskod-avto-auto-complete-no-result);
}

.layout-skode .section-c-center .s-card-item {
  background-color: var(--ppskod-avto-card-bg);
}

.layout-skode .section-c-center .s-fileupload-button-loader svg path {
  fill: var(--ppskod-avto-text-color);
}

.layout-skode .section-c-center .modal-content {
  background-color: var(--ppskod-avto-card-bg);
}

.layout-skode .section-c-center .mod-toast {
  background-color: var(--ppskod-avto-card-bg);
}

.layout-skode .section-c-center .insurance-details__card {
  background-color: var(--ppskod-avto-secondary-button-bg);
}

.layout-skode .section-c-center .insurance-details__card-without-bg {
  background-color: transparent;
}

.layout-skode .section-c-center .select2-container--default .select2-selection--single {
  background-color: var(--ppskod-avto-input-bg-color);
}

.layout-skode .section-c-center .s-select
+ .select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  background-color: var(--ppskod-avto-text-color);
}

.layout-skode .section-c-center .s-select
+ .select2-container--default
.select2-selection--single
.select2-selection__rendered {
  color: var(--ppskod-avto-text-color);
}

.layout-skode .section-c-center .s-select + .select2-container--default .select2-selection--single {
  border-color: var(--ppskod-avto-input-border-color);
}

.layout-skode .s-select-dropdown.select2-dropdown {
  background-color: var(--ppskod-avto-input-bg-color);
  color: var(--ppskod-avto-text-color);
}

.layout-skode .s-select-dropdown .select2-results__option--highlighted[aria-selected] {
  color: var(--ppskod-avto-white-gray-color);
}

.layout-skode .mod-google-map {
  position: relative;
  width: 632px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: calc(100vh - 460px);
  max-height: 375px;
  min-height: 250px;
  margin-top: 45px;
}

@media (max-width: 1199.98px) {
  .layout-skode .mod-google-map {
    width: 500px;
  }
}

@media (max-width: 991.98px) {
  .layout-skode .mod-google-map {
    width: 375px;
  }
}

@media (max-width: 767.98px) {
  .layout-skode .mod-google-map {
    width: 100vw;
  }
}

.layout-skode .mod-google-map__init {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.layout-skode .mod-google-map img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.layout-skode .mod-google-map__input {
  margin-bottom: 20px;
}

.layout-skode .mod-google-map__input .s-field {
  margin-bottom: 0 !important;
}

.layout-skode .mod-google-map__textarea {
  display: none;
}

.layout-skode .mod-google-map__textarea .s-field {
  margin-bottom: 28px !important;
}

.layout-skode .mod-google-map-wrapper .form-group {
  margin-bottom: 50px;
}

.layout-skode .mod-google-map-wrapper.is-input-visible .mod-google-map__textarea {
  display: block;
}

.layout-skode .mod-google-map-wrapper.is-input-visible .mod-google-map__input,
.layout-skode .mod-google-map-wrapper.is-input-visible .mod-google-map {
  display: none;
}

.layout-skode .mod-google-map-wrapper.is-input-visible .mod-location-switch__text-yes {
  display: block;
}

.layout-skode .mod-google-map-wrapper.is-input-visible .mod-location-switch__text-no {
  display: none;
}

.layout-skode .mod-location-switch {
  outline: none;
  border: 0;
  background-color: transparent;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #0094ff;
}

.layout-skode .mod-location-switch__text-yes {
  display: none;
}

.layout-skode .info-form__row-two-col {
  display: grid;
  grid-template-columns: 36% 1fr;
  grid-gap: 20px;
}

.layout-skode .simple-search-with-button {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: calc(100% - 30px);
  width: 100%;
  min-height: 46px;
  margin: 0 auto;
  border-bottom: 0 !important;
  margin-bottom: 80px !important;
}

@media (max-width: 991.98px) {
  .layout-skode .simple-search-with-button {
    margin-bottom: 42px !important;
  }
}

.layout-skode .simple-search-with-button input[type="text"] {
  font-weight: 400;
  font-size: 16px !important;
  letter-spacing: 0.03em;
  border-bottom: 1px solid #4C4C4C !important;
  width: 100% !important;
}

.layout-skode .simple-search-with-button button[type="submit"] {
  height: auto !important;
  font-size: 12px !important;
  line-height: 14px !important;
  padding: 8px 16px !important;
  font-weight: 800 !important;
  min-height: 30px !important;
  -ms-flex-item-align: center;
      align-self: center;
  letter-spacing: 2px;
  margin-top: 0;
}

.layout-skode .normal-text-input label {
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  display: block;
  padding-left: 24px;
  margin-bottom: 2px;
}

.layout-skode .normal-text-input .form-input, .layout-skode .normal-text-input.form-input {
  width: 100%;
  font-weight: 400;
  font-size: 15px;
  border-color: #969696;
  padding: 8px 32px 8px 22px;
}

.layout-skode .normal-text-input .form-input::-webkit-input-placeholder, .layout-skode .normal-text-input .form-input::-webkit-input-placeholder, .layout-skode .normal-text-input.form-input::-webkit-input-placeholder, .layout-skode .normal-text-input.form-input::-webkit-input-placeholder {
  color: #969696;
}

.layout-skode .hasDatepicker.is-valid,
.layout-skode .init-datepicker.is-valid,
.layout-skode .normal-text-input.form-input.hasDatepicker.is-valid,
.layout-skode .normal-text-input.form-input.init-datepicker.is-valid {
  background: url("../images/icons/others/checkmark.svg") no-repeat 85% center/15px #ffffff;
}

.layout-skode .button-group {
  margin-top: 48px;
  display: grid;
  grid-gap: 10px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .layout-skode .btn-cancel-link {
    background: transparent !important;
    border-radius: 0 !important;
    border: 0 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: 700 !important;
    color: #4C4C4C;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    width: auto;
    justify-self: center;
  }
  .layout-skode .btn-cancel-link:hover {
    text-decoration: none;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 0;
    color: #222222;
  }
}

.layout-skode .s-floating-labels {
  margin-top: -22px;
}

.layout-skode .s-floating-labels .s-field {
  margin-bottom: 18px;
}

.layout-skode .s-floating-labels .s-field.autocomplete-input-focus label {
  top: 0;
  padding-left: 24px;
  margin-bottom: 2px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #4c4c4c;
}

.layout-skode .selection-card {
  background-color: var(--ppskod-avto-card-bg);
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  -webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}

.layout-skode .selection-card.is-open {
  border-color: #39B54A;
}

.layout-skode .selection-card:not(.is-open):hover {
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.layout-skode .selection-card__header {
  font-weight: 700;
  font-size: 16px;
  text-transform: none;
}

.layout-skode .selection-card__header label {
  width: 100%;
  display: block;
  padding: 16px;
  letter-spacing: 0.03em;
  margin: 0;
  font-weight: 700;
}

.layout-skode .selection-card__header-text {
  text-transform: uppercase;
  margin-top: 22px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 991.98px) {
  .layout-skode .selection-card__header-text {
    margin-top: 25px;
  }
}

.layout-skode .selection-card__header-text p {
  margin: 0;
  line-height: normal;
  font-size: inherit;
}

.layout-skode .selection-card__header input.radio[type="radio"] ~ label:before {
  height: 20px;
  width: 20px;
  top: 2px;
  margin-right: 12px;
  border: none;
  background-color: transparent;
  background-image: var(--ppskod-avto-icon-radio-check-empty);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease;
}

.layout-skode .selection-card__header input.radio[type="radio"]:checked ~ label:before {
  border-color: transparent;
  background: var(--ppskod-avto-card-bg);
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: var(--ppskod-avto-icon-radio-check-checked);
}

.layout-skode .selection-card__content {
  display: none;
}

.layout-skode .selection-card__content-inner {
  padding: 16px 16px 24px;
  display: grid;
  grid-gap: 16px;
}

.layout-skode .selection-card-list {
  display: grid;
  grid-gap: 32px;
}

.layout-skode .selection-card-list-less-spacing {
  grid-gap: 16px;
}

.layout-skode .selection-card__info {
  display: grid;
  grid-gap: 28px;
  margin-bottom: 20px;
}

.layout-skode .selection-card__info-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout-skode .selection-card__info p {
  margin: 0;
  letter-spacing: 0.03em !important;
}

.layout-skode .selection-card__icon-text {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  grid-gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  color: inherit;
  text-decoration: none;
  justify-self: flex-start;
}

.layout-skode .selection-card__icon-text .icon {
  font-size: 25px;
}

.layout-skode .selection-card__icon-text p {
  margin: 0;
}

.layout-skode .selection-card-secondary .selection-card__header label {
  font-size: 18px;
  letter-spacing: normal;
}

.layout-skode .selection-card-secondary .selection-card__header input.radio[type="radio"] ~ label:before {
  margin-right: 6px;
}

.layout-skode .selection-card-normal {
  padding: 16px;
}

.layout-skode .selection-card-normal .selection-card__header {
  letter-spacing: 0.03em;
  margin-bottom: 24px;
}

.layout-skode .selection-card-normal .selection-card__content {
  display: block;
}

.layout-skode .selection-card-normal .selection-card__content-inner {
  padding: 0;
}

.layout-skode .selection-card-normal p {
  line-height: 24px;
  margin: 0;
}

.layout-skode .selection-card__arrow {
  position: absolute;
  right: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #ed1c24;
  font-size: 20px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.layout-skode .selection-card-has-link {
  padding: 22px 35px 22px 22px;
  border-radius: 20px;
}

.layout-skode .selection-card-has-link .selection-card__header {
  margin-bottom: 10px;
}

.layout-skode .selection-card-has-link:hover {
  -webkit-filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.1));
}

.layout-skode .selection-card-has-link:hover .selection-card__arrow {
  -webkit-transform: translateX(4px) translateY(-50%);
          transform: translateX(4px) translateY(-50%);
}

.layout-skode .form-date-time .init-datepicker::-webkit-input-placeholder, .layout-skode .form-date-time .init-datepicker::-webkit-input-placeholder,
.layout-skode .form-date-time .init-timepicker::-webkit-input-placeholder,
.layout-skode .form-date-time .init-timepicker::-webkit-input-placeholder {
  color: #4C4C4C;
}

.layout-skode .form-float-labels-normal .form-group:not(.switch) label,
.layout-skode .form-float-labels.form-float-labels-normal .form-group:not(.switch) label {
  font-weight: 400;
  left: 16px;
  color: #969696;
  width: calc(100% - 30px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.layout-skode .form-float-labels-normal .form-group:not(.switch) label span,
.layout-skode .form-float-labels.form-float-labels-normal .form-group:not(.switch) label span {
  font-size: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.layout-skode .form-float-labels-normal .form-group:not(.switch) input.hasValue + label,
.layout-skode .form-float-labels-normal .form-group:not(.switch) input:focus + label,
.layout-skode .form-float-labels.form-float-labels-normal .form-group:not(.switch) input.hasValue + label,
.layout-skode .form-float-labels.form-float-labels-normal .form-group:not(.switch) input:focus + label {
  top: -13px;
  width: calc(100% - 14px);
  padding: 0 8px;
}

.layout-skode .form-float-labels-normal .form-group:not(.switch) input.hasValue + label span,
.layout-skode .form-float-labels-normal .form-group:not(.switch) input:focus + label span,
.layout-skode .form-float-labels.form-float-labels-normal .form-group:not(.switch) input.hasValue + label span,
.layout-skode .form-float-labels.form-float-labels-normal .form-group:not(.switch) input:focus + label span {
  font-size: 12px;
  padding: 0;
  color: #4C4C4C;
}

.layout-skode .form-float-labels-normal .form-input[disabled],
.layout-skode .form-float-labels-normal .autoComplete_wrapper > .form-input[disabled],
.layout-skode .form-float-labels-normal .autoComplete_wrapper > .s-input[disabled],
.layout-skode .form-float-labels.form-float-labels-normal .form-input[disabled],
.layout-skode .form-float-labels.form-float-labels-normal .autoComplete_wrapper > .form-input[disabled],
.layout-skode .form-float-labels.form-float-labels-normal .autoComplete_wrapper > .s-input[disabled] {
  opacity: 1;
  background-color: var(--ppskod-avto-auto-complete-list-bg);
  border-color: #4C4C4C;
}

.layout-skode .form-float-labels-normal .s-field,
.layout-skode .form-float-labels.form-float-labels-normal .s-field {
  margin-bottom: 40px;
}

.layout-skode .text-18 {
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 26px !important;
  color: var(--ppskod-avto-text-color) !important;
  letter-spacing: normal !important;
}

.layout-skode .text-16 {
  font-size: 16px !important;
  line-height: 24px !important;
}

.layout-skode .text-16 p {
  font-size: inherit !important;
  line-height: inherit !important;
}

.layout-skode p.text-12,
.layout-skode .text-12 {
  font-size: 12px;
  line-height: 21px;
}

.layout-skode p.text-12 p,
.layout-skode .text-12 p {
  font-size: inherit !important;
  line-height: inherit !important;
}

.layout-skode .mb-16 {
  margin-bottom: 16px !important;
}

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

.layout-skode .mb-48 {
  margin-bottom: 48px;
}

.layout-skode .mt-48 {
  margin-top: 48px;
}

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

.layout-skode .mt-26 {
  margin-top: 26px;
}

.layout-skode .mt-16 {
  margin-top: 16px;
}

.layout-skode .modal-yes-no {
  background-color: rgba(34, 34, 34, 0.6);
}

.layout-skode .modal-yes-no.remove-bg {
  background-color: transparent;
}

.layout-skode .modal-yes-no .modal-content {
  max-width: 328px;
  width: 100%;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin: 0 auto;
}

.layout-skode .modal-yes-no .modal-body {
  padding: 32px 50px;
}

.layout-skode .modal-yes-no .button-group {
  margin-top: 32px;
  grid-gap: 22px;
}

.layout-skode .modal-open .text-over-image__inner-wrapper {
  z-index: initial;
}

.layout-skode .modal-open .text-over-image:before {
  display: none;
}

.layout-skode .mod-info {
  padding: 0 16px;
}

.layout-skode .mod-info__title {
  margin-bottom: 20px;
}

.layout-skode .mod-info__row {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
}

.layout-skode .mod-info p {
  margin: 0;
}

.layout-skode .mod-info__inner {
  display: grid;
  grid-gap: 18px;
}

@media (max-width: 767.98px) {
  .layout-skode .mod-info__inner {
    grid-gap: 24px;
  }
}

.layout-skode .mod-info .text-15 {
  letter-spacing: normal;
}

.layout-skode .info-tag {
  background-color: #ed1c24;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.layout-skode .mod-toast {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  max-width: 375px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 16px 16px 16px 24px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.layout-skode .mod-toast.is-open {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.layout-skode .mod-toast [data-number] {
  display: none;
}

.layout-skode .mod-toast [data-number].active {
  display: block;
}

.layout-skode .mod-toast__inner {
  height: 100%;
  padding-right: 16px;
  letter-spacing: normal;
  max-height: calc(100vh - 197px);
}

.layout-skode .mod-toast .text-15 {
  letter-spacing: normal;
  line-height: 24px;
}

@media (max-width: 1180px) {
  .layout-skode .mod-toast {
    position: static;
    opacity: 1 !important;
    visibility: visible !important;
    border: 1px solid #4c4c4c;
    border-radius: 25px;
    padding: 10px 16px 10px 24px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .layout-skode .mod-toast__inner {
    height: 180px;
  }
  .layout-skode .mod-toast [data-number] {
    display: block !important;
  }
}

.layout-skode .insurance-details__card {
  background: #ffffff;
  border-radius: 20px;
  padding: 16px;
  display: grid;
  grid-gap: 16px;
  letter-spacing: normal;
  margin-bottom: 16px;
}

.layout-skode .insurance-details__card-row {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout-skode .insurance-details__card-row p {
  letter-spacing: inherit;
}

.layout-skode .insurance-details__card-row p,
.layout-skode .insurance-details__card-row h3 {
  margin: 0;
}

.layout-skode .insurance-details__card-right {
  margin-left: 10px;
}

.layout-skode .insurance-details__card.mb-48 {
  margin-bottom: 48px;
}

.layout-skode .insurance-details__card-without-bg {
  background-color: transparent;
  border-radius: 0;
  padding: 10px 15px;
  grid-gap: 24px;
}

.layout-skode .insurance-details__sub-title {
  letter-spacing: normal;
  line-height: 20px;
}

.layout-skode .insurance-details__sub-title p {
  letter-spacing: inherit;
  line-height: inherit;
}

.layout-skode .insurance-details .text-16 {
  letter-spacing: 0.03em;
}

.layout-skode .insurance-details__amount {
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
}

.layout-skode .add-button,
.layout-skode .delete-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #4C4C4C;
  outline: 0;
  padding: 2px;
  height: 40px;
  width: 40px;
  border: 2px solid #4C4C4C;
  border-radius: 100%;
  text-decoration: none;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.layout-skode .add-button:hover, .layout-skode .add-button.is-pressed,
.layout-skode .delete-button:hover,
.layout-skode .delete-button.is-pressed {
  background-color: var(--ppskod-avto-counter-hover);
  border-color: var(--ppskod-avto-counter-hover);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.layout-skode .add-button:hover .add-button__icon::after,
.layout-skode .add-button:hover .add-button__icon::before, .layout-skode .add-button.is-pressed .add-button__icon::after,
.layout-skode .add-button.is-pressed .add-button__icon::before,
.layout-skode .delete-button:hover .add-button__icon::after,
.layout-skode .delete-button:hover .add-button__icon::before,
.layout-skode .delete-button.is-pressed .add-button__icon::after,
.layout-skode .delete-button.is-pressed .add-button__icon::before {
  background-color: var(--ppskod-avto-white-gray-color);
}

.layout-skode .add-button.is-pressed,
.layout-skode .delete-button.is-pressed {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.layout-skode .add-button__icon,
.layout-skode .delete-button__icon {
  height: 18px;
  width: 18px;
  position: relative;
}

.layout-skode .add-button__icon::after, .layout-skode .add-button__icon::before,
.layout-skode .delete-button__icon::after,
.layout-skode .delete-button__icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.layout-skode .add-button__icon::after,
.layout-skode .delete-button__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.layout-skode .delete-button {
  background-color: #f2f2f2;
  border-color: #ffffff;
}

.layout-skode .delete-button__icon {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 16px;
  width: 16px;
}

.layout-skode .delete-button__icon::before, .layout-skode .delete-button__icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.00049L17 7.00049' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9V15' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 10.0005L12 14.0005' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 10.0005L6 14.0005' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5V5C15 3.89543 14.1046 3 13 3H5C3.89543 3 3 3.89543 3 5V5' stroke='%234C4C4C'/%3E%3Cpath d='M11 3.00049V3.00049C11 1.89592 10.1046 1.00049 9 1.00049V1.00049C7.89543 1.00049 7 1.89592 7 3.00049V3.00049' stroke='%234C4C4C'/%3E%3Cpath d='M15 5.00098V15.001C15 16.1055 14.1046 17.001 13 17.001H5C3.89543 17.001 3 16.1055 3 15.001V5.00098' stroke='%234C4C4C'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.layout-skode .delete-button__icon::after {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.00049L17 7.00049' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9V15' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 10.0005L12 14.0005' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 10.0005L6 14.0005' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5V5C15 3.89543 14.1046 3 13 3H5C3.89543 3 3 3.89543 3 5V5' stroke='%23222222'/%3E%3Cpath d='M11 3.00049V3.00049C11 1.89592 10.1046 1.00049 9 1.00049V1.00049C7.89543 1.00049 7 1.89592 7 3.00049V3.00049' stroke='%23222222'/%3E%3Cpath d='M15 5.00098V15.001C15 16.1055 14.1046 17.001 13 17.001H5C3.89543 17.001 3 16.1055 3 15.001V5.00098' stroke='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  opacity: 0;
}

.layout-skode .delete-button:hover, .layout-skode .delete-button.is-pressed {
  background-color: #f2f2f2;
  border-color: #ffffff;
}

.layout-skode .delete-button:hover .delete-button__icon::after, .layout-skode .delete-button.is-pressed .delete-button__icon::after {
  opacity: 1;
}

.layout-skode .delete-button:hover .delete-button__icon::before, .layout-skode .delete-button.is-pressed .delete-button__icon::before {
  opacity: 0;
}

.layout-skode .delete-button.is-pressed {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.layout-skode .car-seat {
  max-width: 96px;
  width: 100%;
  height: 128px;
  position: relative;
}

.layout-skode .car-seat::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: var(--ppskod-avto-car-seat) no-repeat center/contain;
}

.layout-skode .car-seat .add-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: var(--ppskod-avto-gray-white-color);
  border-color: var(--ppskod-avto-gray-white-color);
}

.layout-skode .car-seat .add-button__icon::after, .layout-skode .car-seat .add-button__icon::before {
  background-color: var(--ppskod-avto-white-gray-color);
}

.layout-skode .car-seat .add-button:hover, .layout-skode .car-seat .add-button.is-pressed {
  background-color: var(--ppskod-avto-counter-hover);
  border-color: var(--ppskod-avto-counter-hover);
}

.layout-skode .car-seat .delete-button {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.layout-skode .car-seat__selected-text {
  position: absolute;
  bottom: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 700;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.layout-skode .car-seat__selected-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  width: 40px;
  border: 2px solid #34A634;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.layout-skode .car-seat__selected-icon .custom-icons {
  min-width: 1px;
  min-height: 1px;
  width: 19px;
  height: 16px;
}

.layout-skode .car-seat.is-selected .car-seat__selected-text,
.layout-skode .car-seat.is-selected .car-seat__selected-icon {
  opacity: 1;
  visibility: visible;
}

.layout-skode .car-seat.is-selected .add-button {
  opacity: 0;
  visibility: hidden;
}

.layout-skode .car-seat.is-delete-visible .delete-button {
  opacity: 1;
  visibility: visible;
}

.layout-skode .seat-selection {
  display: grid;
  grid-gap: 40px;
}

@media (max-width: 359px) {
  .layout-skode .seat-selection {
    grid-gap: 24px;
  }
}

.layout-skode .seat-selection__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 359px) {
  .layout-skode .seat-selection__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.layout-skode .seat-selection__row-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 96px;
}

@media (max-width: 359px) {
  .layout-skode .seat-selection__row-item {
    margin: 0 auto;
  }
}

.layout-skode .seat-selection__row-item:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 374px) {
  .layout-skode .seat-selection__row-item:not(:last-child) {
    margin-right: 10px;
  }
}

@media (max-width: 359px) {
  .layout-skode .seat-selection__row-item:not(:last-child) {
    margin: 0 auto 24px auto;
  }
}

.layout-skode .car-image-upload {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.layout-skode .car-image-upload img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  mix-blend-mode: var(--ppskod-avto-car-image-mode);
}

.layout-skode .car-image-upload__button {
  position: absolute;
  height: 40px;
  width: 40px;
}

.layout-skode .car-image-upload__button .delete-button {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.layout-skode .car-image-upload__button.is-uploaded .add-button {
  opacity: 0;
  visibility: hidden;
}

.layout-skode .car-image-upload__button.is-uploaded .delete-button {
  opacity: 1;
  visibility: visible;
}

.layout-skode .custom-counter,
.layout-skode .quantity.custom-counter {
  max-width: 144px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.layout-skode .custom-counter .q-plus,
.layout-skode .custom-counter .q-minus,
.layout-skode .quantity.custom-counter .q-plus,
.layout-skode .quantity.custom-counter .q-minus {
  position: relative;
  background-color: var(--ppskod-avto-primary-button-bg);
  width: 24px;
  height: 24px;
  font-weight: 400;
  line-height: 0;
  font-size: 0;
}

.layout-skode .custom-counter .q-plus:hover,
.layout-skode .custom-counter .q-minus:hover,
.layout-skode .quantity.custom-counter .q-plus:hover,
.layout-skode .quantity.custom-counter .q-minus:hover {
  background-color: var(--ppskod-avto-counter-hover);
}

.layout-skode .custom-counter .q-plus::after, .layout-skode .custom-counter .q-plus::before,
.layout-skode .custom-counter .q-minus::after,
.layout-skode .custom-counter .q-minus::before,
.layout-skode .quantity.custom-counter .q-plus::after,
.layout-skode .quantity.custom-counter .q-plus::before,
.layout-skode .quantity.custom-counter .q-minus::after,
.layout-skode .quantity.custom-counter .q-minus::before {
  content: "";
  width: 12px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: var(--ppskod-avto-white-gray-color);
}

.layout-skode .custom-counter .q-minus::after,
.layout-skode .quantity.custom-counter .q-minus::after {
  display: none;
}

.layout-skode .custom-counter .q-plus::after,
.layout-skode .quantity.custom-counter .q-plus::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.layout-skode .custom-counter input,
.layout-skode .quantity.custom-counter input {
  border-color: var(--ppskod-avto-counter-border);
  width: 64px;
  height: 46px;
  border-radius: 15px;
  background-color: var(--ppskod-avto-input-bg-color);
  font-weight: 400;
  font-size: 15px;
  color: var(--ppskod-avto-counter-color);
}

.layout-skode .custom-counter .input-with-unit .input-unit,
.layout-skode .quantity.custom-counter .input-with-unit .input-unit {
  color: var(--ppskod-avto-counter-color);
}

.layout-skode .lightgray-box {
  background: var(--ppskod-avto-lightgray-box-bg);
  border-radius: 20px;
  padding: 16px;
  /*
    & + .button-group .s-btn {
      // Mobile
      @media (max-width: 767px) {
        background-color: var(--ppskod-avto-secondary-button-bg);
        color: var(--ppskod-avto-secondary-button-color);

        &:hover,
        &:focus {
          background-color: var(--ppskod-avto-secondary-button-bg) !important;
          color: var(--ppskod-avto-secondary-button-color) !important;
        }
      }
    }*/
}

.layout-skode .white-box {
  background: var(--ppskod-avto-white-gray-color);
  border-radius: 20px;
  padding: 16px;
}

.layout-skode .s-field.s-validated .s-datepicker .s-icon-circle {
  background-color: var(--radio-check-color);
}

.layout-skode .multiple-fileupload-button-loader .s-card-item:last-child {
  margin-bottom: 24px;
}

.layout-skode .multiple-fileupload-button-loader .s-fileupload-button-loader {
  width: 100%;
}

.layout-skode .multiple-fileupload-button-loader .s-fileupload-button-loader:hover {
  color: var(--ppskod-avto-upload-button-color) !important;
}

.layout-skode .fileupload-button-loader-uploaded .s-card-item {
  text-align: left;
}

.layout-skode .s-field.s-validated .s-datepicker .s-icon-circle {
  background-color: var(--radio-check-color);
}

.layout-skode .s-card-item-list.s-card-item-list--collapsible {
  grid-gap: 0;
}

.layout-skode .s-card-item[data-toggle="collapse"] {
  color: var(--primary-color);
  text-decoration: none;
}

.layout-skode .s-card-item[data-toggle="collapse"].closing {
  position: relative;
  z-index: 2;
}

.layout-skode .s-card-item[data-toggle="collapse"][aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.layout-skode .s-card-item[data-toggle="collapse"][aria-expanded="true"] .s-card-item__icon .s-icon path {
  stroke: var(--cardbutton-icon-hover);
}

.layout-skode .s-card-item[data-toggle="collapse"][aria-expanded="true"] .s-card-item__arrow {
  -webkit-transform: rotate(270deg) translateX(50%);
          transform: rotate(270deg) translateX(50%);
}

.layout-skode .s-card-item[data-toggle="collapse"] .s-card-item__arrow {
  -webkit-transform: rotate(90deg) translateX(-50%);
          transform: rotate(90deg) translateX(-50%);
}

.layout-skode .s-card-item__collapse .s-card-item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 16px;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  display: block;
  padding-top: 0;
}

.layout-skode .s-card-item__collapse .s-card-item:hover {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.layout-skode .s-card-item__collapse .s-card-item p {
  margin-bottom: 1rem;
}

.layout-skode .s-card-item__collapse.collapsing {
  background-color: white;
  position: relative;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.layout-skode ul.check-list {
  list-style: none;
  margin-bottom: 1rem;
  padding-left: 0;
}

.layout-skode ul.check-list li {
  position: relative;
  margin-bottom: 0;
  line-height: 24px;
  padding-left: 26px;
}

.layout-skode ul.check-list li:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' class='s-icon s-icon-small replaced-svg s-icon-visible'%3E%3Cpath d='M14.248 3.5L5.99805 12.5L2.24805 8.75' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: contain;
  left: 0;
  top: 5px;
}

.layout-skode .s-card-item-list--contain {
  max-width: 415px;
  margin: auto;
}

.layout-skode .s-card-item__row {
  max-width: 100%;
  grid-template-columns: 1fr auto;
}

@media (max-width: 767.98px) {
  .layout-skode .s-card-item__row p {
    letter-spacing: normal;
  }
}

@media (max-width: 767.98px) {
  .layout-skode .s-card-item__row.text-bold {
    font-weight: 400;
  }
}

@media (max-width: 767.98px) {
  .layout-skode .s-card-item__row-col.text-right {
    font-weight: 700;
  }
}

.layout-skode .s-card-item__content {
  padding-right: 48px;
  word-break: break-word;
}

.layout-skode .s-card-item__arrow {
  right: 25px;
}

.layout-skode .s-card-item .s-icon.s-icon-gray path[stroke] {
  stroke: var(--ppskod-avto-counter-color);
}

.hr-red {
  border-color: #ED1C24;
}