/* Minification failed. Returning unminified contents.
(14878,36): run-time error CSS1046: Expect comma, found '89'
(14878,43): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8";

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !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;
}

.icon-home:before {
    content: "\e600";
}
.icon-home2:before {
    content: "\e601";
}
.icon-home3:before {
    content: "\e602";
}
.icon-home4:before {
    content: "\e603";
}
.icon-home5:before {
    content: "\e604";
}
.icon-home6:before {
    content: "\e605";
}
.icon-bathtub:before {
    content: "\e606";
}
.icon-toothbrush:before {
    content: "\e607";
}
.icon-bed:before {
    content: "\e608";
}
.icon-couch:before {
    content: "\e609";
}
.icon-chair:before {
    content: "\e60a";
}
.icon-city:before {
    content: "\e60b";
}
.icon-apartment:before {
    content: "\e60c";
}
.icon-pencil:before {
    content: "\e60d";
}
.icon-pencil2:before {
    content: "\e60e";
}
.icon-pen:before {
    content: "\e60f";
}
.icon-pencil3:before {
    content: "\e610";
}
.icon-eraser:before {
    content: "\e611";
}
.icon-pencil4:before {
    content: "\e612";
}
.icon-pencil5:before {
    content: "\e613";
}
.icon-feather:before {
    content: "\e614";
}
.icon-feather2:before {
    content: "\e615";
}
.icon-feather3:before {
    content: "\e616";
}
.icon-pen2:before {
    content: "\e617";
}
.icon-pen-add:before {
    content: "\e618";
}
.icon-pen-remove:before {
    content: "\e619";
}
.icon-vector:before {
    content: "\e61a";
}
.icon-pen3:before {
    content: "\e61b";
}
.icon-blog:before {
    content: "\e61c";
}
.icon-brush:before {
    content: "\e61d";
}
.icon-brush2:before {
    content: "\e61e";
}
.icon-spray:before {
    content: "\e61f";
}
.icon-paint-roller:before {
    content: "\e620";
}
.icon-stamp:before {
    content: "\e621";
}
.icon-tape:before {
    content: "\e622";
}
.icon-desk-tape:before {
    content: "\e623";
}
.icon-texture:before {
    content: "\e624";
}
.icon-eye-dropper:before {
    content: "\e625";
}
.icon-palette:before {
    content: "\e626";
}
.icon-color-sampler:before {
    content: "\e627";
}
.icon-bucket:before {
    content: "\e628";
}
.icon-gradient:before {
    content: "\e629";
}
.icon-gradient2:before {
    content: "\e62a";
}
.icon-magic-wand:before {
    content: "\e62b";
}
.icon-magnet:before {
    content: "\e62c";
}
.icon-pencil-ruler:before {
    content: "\e62d";
}
.icon-pencil-ruler2:before {
    content: "\e62e";
}
.icon-compass:before {
    content: "\e62f";
}
.icon-aim:before {
    content: "\e630";
}
.icon-gun:before {
    content: "\e631";
}
.icon-bottle:before {
    content: "\e632";
}
.icon-drop:before {
    content: "\e633";
}
.icon-drop-crossed:before {
    content: "\e634";
}
.icon-drop2:before {
    content: "\e635";
}
.icon-snow:before {
    content: "\e636";
}
.icon-snow2:before {
    content: "\e637";
}
.icon-fire:before {
    content: "\e638";
}
.icon-lighter:before {
    content: "\e639";
}
.icon-knife:before {
    content: "\e63a";
}
.icon-dagger:before {
    content: "\e63b";
}
.icon-tissue:before {
    content: "\e63c";
}
.icon-toilet-paper:before {
    content: "\e63d";
}
.icon-poop:before {
    content: "\e63e";
}
.icon-umbrella:before {
    content: "\e63f";
}
.icon-umbrella2:before {
    content: "\e640";
}
.icon-rain:before {
    content: "\e641";
}
.icon-tornado:before {
    content: "\e642";
}
.icon-wind:before {
    content: "\e643";
}
.icon-fan:before {
    content: "\e644";
}
.icon-contrast:before {
    content: "\e645";
}
.icon-sun-small:before {
    content: "\e646";
}
.icon-sun:before {
    content: "\e647";
}
.icon-sun2:before {
    content: "\e648";
}
.icon-moon:before {
    content: "\e649";
}
.icon-cloud:before {
    content: "\e64a";
}
.icon-cloud-upload:before {
    content: "\e64b";
}
.icon-cloud-download:before {
    content: "\e64c";
}
.icon-cloud-rain:before {
    content: "\e64d";
}
.icon-cloud-hailstones:before {
    content: "\e64e";
}
.icon-cloud-snow:before {
    content: "\e64f";
}
.icon-cloud-windy:before {
    content: "\e650";
}
.icon-sun-wind:before {
    content: "\e651";
}
.icon-cloud-fog:before {
    content: "\e652";
}
.icon-cloud-sun:before {
    content: "\e653";
}
.icon-cloud-lightning:before {
    content: "\e654";
}
.icon-cloud-sync:before {
    content: "\e655";
}
.icon-cloud-lock:before {
    content: "\e656";
}
.icon-cloud-gear:before {
    content: "\e657";
}
.icon-cloud-alert:before {
    content: "\e658";
}
.icon-cloud-check:before {
    content: "\e659";
}
.icon-cloud-cross:before {
    content: "\e65a";
}
.icon-cloud-crossed:before {
    content: "\e65b";
}
.icon-cloud-database:before {
    content: "\e65c";
}
.icon-database:before {
    content: "\e65d";
}
.icon-database-add:before {
    content: "\e65e";
}
.icon-database-remove:before {
    content: "\e65f";
}
.icon-database-lock:before {
    content: "\e660";
}
.icon-database-refresh:before {
    content: "\e661";
}
.icon-database-check:before {
    content: "\e662";
}
.icon-database-history:before {
    content: "\e663";
}
.icon-database-upload:before {
    content: "\e664";
}
.icon-database-download:before {
    content: "\e665";
}
.icon-server:before {
    content: "\e666";
}
.icon-shield:before {
    content: "\e667";
}
.icon-shield-check:before {
    content: "\e668";
}
.icon-shield-alert:before {
    content: "\e669";
}
.icon-shield-cross:before {
    content: "\e66a";
}
.icon-lock:before {
    content: "\e66b";
}
.icon-rotation-lock:before {
    content: "\e66c";
}
.icon-unlock:before {
    content: "\e66d";
}
.icon-key:before {
    content: "\e66e";
}
.icon-key-hole:before {
    content: "\e66f";
}
.icon-toggle-off:before {
    content: "\e670";
}
.icon-toggle-on:before {
    content: "\e671";
}
.icon-cog:before {
    content: "\e672";
}
.icon-cog2:before {
    content: "\e673";
}
.icon-wrench:before {
    content: "\e674";
}
.icon-screwdriver:before {
    content: "\e675";
}
.icon-hammer-wrench:before {
    content: "\e676";
}
.icon-hammer:before {
    content: "\e677";
}
.icon-saw:before {
    content: "\e678";
}
.icon-axe:before {
    content: "\e679";
}
.icon-axe2:before {
    content: "\e67a";
}
.icon-shovel:before {
    content: "\e67b";
}
.icon-pickaxe:before {
    content: "\e67c";
}
.icon-factory:before {
    content: "\e67d";
}
.icon-factory2:before {
    content: "\e67e";
}
.icon-recycle:before {
    content: "\e67f";
}
.icon-trash:before {
    content: "\e680";
}
.icon-trash2:before {
    content: "\e681";
}
.icon-trash3:before {
    content: "\e682";
}
.icon-broom:before {
    content: "\e683";
}
.icon-game:before {
    content: "\e684";
}
.icon-gamepad:before {
    content: "\e685";
}
.icon-joystick:before {
    content: "\e686";
}
.icon-dice:before {
    content: "\e687";
}
.icon-spades:before {
    content: "\e688";
}
.icon-diamonds:before {
    content: "\e689";
}
.icon-clubs:before {
    content: "\e68a";
}
.icon-hearts:before {
    content: "\e68b";
}
.icon-heart:before {
    content: "\e68c";
}
.icon-star:before {
    content: "\e68d";
}
.icon-star-half:before {
    content: "\e68e";
}
.icon-star-empty:before {
    content: "\e68f";
}
.icon-flag:before {
    content: "\e690";
}
.icon-flag2:before {
    content: "\e691";
}
.icon-flag3:before {
    content: "\e692";
}
.icon-mailbox-full:before {
    content: "\e693";
}
.icon-mailbox-empty:before {
    content: "\e694";
}
.icon-at-sign:before {
    content: "\e695";
}
.icon-envelope:before {
    content: "\e696";
}
.icon-envelope-open:before {
    content: "\e697";
}
.icon-paperclip:before {
    content: "\e698";
}
.icon-paper-plane:before {
    content: "\e699";
}
.icon-reply:before {
    content: "\e69a";
}
.icon-reply-all:before {
    content: "\e69b";
}
.icon-inbox:before {
    content: "\e69c";
}
.icon-inbox2:before {
    content: "\e69d";
}
.icon-outbox:before {
    content: "\e69e";
}
.icon-box:before {
    content: "\e69f";
}
.icon-archive:before {
    content: "\e6a0";
}
.icon-archive2:before {
    content: "\e6a1";
}
.icon-drawers:before {
    content: "\e6a2";
}
.icon-drawers2:before {
    content: "\e6a3";
}
.icon-drawers3:before {
    content: "\e6a4";
}
.icon-eye:before {
    content: "\e6a5";
}
.icon-eye-crossed:before {
    content: "\e6a6";
}
.icon-eye-plus:before {
    content: "\e6a7";
}
.icon-eye-minus:before {
    content: "\e6a8";
}
.icon-binoculars:before {
    content: "\e6a9";
}
.icon-binoculars2:before {
    content: "\e6aa";
}
.icon-hdd:before {
    content: "\e6ab";
}
.icon-hdd-down:before {
    content: "\e6ac";
}
.icon-hdd-up:before {
    content: "\e6ad";
}
.icon-floppy-disk:before {
    content: "\e6ae";
}
.icon-disc:before {
    content: "\e6af";
}
.icon-tape2:before {
    content: "\e6b0";
}
.icon-printer:before {
    content: "\e6b1";
}
.icon-shredder:before {
    content: "\e6b2";
}
.icon-file-empty:before {
    content: "\e6b3";
}
.icon-file-add:before {
    content: "\e6b4";
}
.icon-file-check:before {
    content: "\e6b5";
}
.icon-file-lock:before {
    content: "\e6b6";
}
.icon-files:before {
    content: "\e6b7";
}
.icon-copy:before {
    content: "\e6b8";
}
.icon-compare:before {
    content: "\e6b9";
}
.icon-folder:before {
    content: "\e6ba";
}
.icon-folder-search:before {
    content: "\e6bb";
}
.icon-folder-plus:before {
    content: "\e6bc";
}
.icon-folder-minus:before {
    content: "\e6bd";
}
.icon-folder-download:before {
    content: "\e6be";
}
.icon-folder-upload:before {
    content: "\e6bf";
}
.icon-folder-star:before {
    content: "\e6c0";
}
.icon-folder-heart:before {
    content: "\e6c1";
}
.icon-folder-user:before {
    content: "\e6c2";
}
.icon-folder-shared:before {
    content: "\e6c3";
}
.icon-folder-music:before {
    content: "\e6c4";
}
.icon-folder-picture:before {
    content: "\e6c5";
}
.icon-folder-film:before {
    content: "\e6c6";
}
.icon-scissors:before {
    content: "\e6c7";
}
.icon-paste:before {
    content: "\e6c8";
}
.icon-clipboard-empty:before {
    content: "\e6c9";
}
.icon-clipboard-pencil:before {
    content: "\e6ca";
}
.icon-clipboard-text:before {
    content: "\e6cb";
}
.icon-clipboard-check:before {
    content: "\e6cc";
}
.icon-clipboard-down:before {
    content: "\e6cd";
}
.icon-clipboard-left:before {
    content: "\e6ce";
}
.icon-clipboard-alert:before {
    content: "\e6cf";
}
.icon-clipboard-user:before {
    content: "\e6d0";
}
.icon-register:before {
    content: "\e6d1";
}
.icon-enter:before {
    content: "\e6d2";
}
.icon-exit:before {
    content: "\e6d3";
}
.icon-papers:before {
    content: "\e6d4";
}
.icon-news:before {
    content: "\e6d5";
}
.icon-reading:before {
    content: "\e6d6";
}
.icon-typewriter:before {
    content: "\e6d7";
}
.icon-document:before {
    content: "\e6d8";
}
.icon-document2:before {
    content: "\e6d9";
}
.icon-graduation-hat:before {
    content: "\e6da";
}
.icon-license:before {
    content: "\e6db";
}
.icon-license2:before {
    content: "\e6dc";
}
.icon-medal-empty:before {
    content: "\e6dd";
}
.icon-medal-first:before {
    content: "\e6de";
}
.icon-medal-second:before {
    content: "\e6df";
}
.icon-medal-third:before {
    content: "\e6e0";
}
.icon-podium:before {
    content: "\e6e1";
}
.icon-trophy:before {
    content: "\e6e2";
}
.icon-trophy2:before {
    content: "\e6e3";
}
.icon-music-note:before {
    content: "\e6e4";
}
.icon-music-note2:before {
    content: "\e6e5";
}
.icon-music-note3:before {
    content: "\e6e6";
}
.icon-playlist:before {
    content: "\e6e7";
}
.icon-playlist-add:before {
    content: "\e6e8";
}
.icon-guitar:before {
    content: "\e6e9";
}
.icon-trumpet:before {
    content: "\e6ea";
}
.icon-album:before {
    content: "\e6eb";
}
.icon-shuffle:before {
    content: "\e6ec";
}
.icon-repeat-one:before {
    content: "\e6ed";
}
.icon-repeat:before {
    content: "\e6ee";
}
.icon-headphones:before {
    content: "\e6ef";
}
.icon-headset:before {
    content: "\e6f0";
}
.icon-loudspeaker:before {
    content: "\e6f1";
}
.icon-equalizer:before {
    content: "\e6f2";
}
.icon-theater:before {
    content: "\e6f3";
}
.icon-3d-glasses:before {
    content: "\e6f4";
}
.icon-ticket:before {
    content: "\e6f5";
}
.icon-presentation:before {
    content: "\e6f6";
}
.icon-play:before {
    content: "\e6f7";
}
.icon-film-play:before {
    content: "\e6f8";
}
.icon-clapboard-play:before {
    content: "\e6f9";
}
.icon-media:before {
    content: "\e6fa";
}
.icon-film:before {
    content: "\e6fb";
}
.icon-film2:before {
    content: "\e6fc";
}
.icon-surveillance:before {
    content: "\e6fd";
}
.icon-surveillance2:before {
    content: "\e6fe";
}
.icon-camera:before {
    content: "\e6ff";
}
.icon-camera-crossed:before {
    content: "\e700";
}
.icon-camera-play:before {
    content: "\e701";
}
.icon-time-lapse:before {
    content: "\e702";
}
.icon-record:before {
    content: "\e703";
}
.icon-camera2:before {
    content: "\e704";
}
.icon-camera-flip:before {
    content: "\e705";
}
.icon-panorama:before {
    content: "\e706";
}
.icon-time-lapse2:before {
    content: "\e707";
}
.icon-shutter:before {
    content: "\e708";
}
.icon-shutter2:before {
    content: "\e709";
}
.icon-face-detection:before {
    content: "\e70a";
}
.icon-flare:before {
    content: "\e70b";
}
.icon-convex:before {
    content: "\e70c";
}
.icon-concave:before {
    content: "\e70d";
}
.icon-picture:before {
    content: "\e70e";
}
.icon-picture2:before {
    content: "\e70f";
}
.icon-picture3:before {
    content: "\e710";
}
.icon-pictures:before {
    content: "\e711";
}
.icon-book:before {
    content: "\e712";
}
.icon-audio-book:before {
    content: "\e713";
}
.icon-book2:before {
    content: "\e714";
}
.icon-bookmark:before {
    content: "\e715";
}
.icon-bookmark2:before {
    content: "\e716";
}
.icon-label:before {
    content: "\e717";
}
.icon-library:before {
    content: "\e718";
}
.icon-library2:before {
    content: "\e719";
}
.icon-contacts:before {
    content: "\e71a";
}
.icon-profile:before {
    content: "\e71b";
}
.icon-portrait:before {
    content: "\e71c";
}
.icon-portrait2:before {
    content: "\e71d";
}
.icon-user:before {
    content: "\e71e";
}
.icon-user-plus:before {
    content: "\e71f";
}
.icon-user-minus:before {
    content: "\e720";
}
.icon-user-lock:before {
    content: "\e721";
}
.icon-users:before {
    content: "\e722";
}
.icon-users2:before {
    content: "\e723";
}
.icon-users-plus:before {
    content: "\e724";
}
.icon-users-minus:before {
    content: "\e725";
}
.icon-group-work:before {
    content: "\e726";
}
.icon-woman:before {
    content: "\e727";
}
.icon-man:before {
    content: "\e728";
}
.icon-baby:before {
    content: "\e729";
}
.icon-baby2:before {
    content: "\e72a";
}
.icon-baby3:before {
    content: "\e72b";
}
.icon-baby-bottle:before {
    content: "\e72c";
}
.icon-walk:before {
    content: "\e72d";
}
.icon-hand-waving:before {
    content: "\e72e";
}
.icon-jump:before {
    content: "\e72f";
}
.icon-run:before {
    content: "\e730";
}
.icon-woman2:before {
    content: "\e731";
}
.icon-man2:before {
    content: "\e732";
}
.icon-man-woman:before {
    content: "\e733";
}
.icon-height:before {
    content: "\e734";
}
.icon-weight:before {
    content: "\e735";
}
.icon-scale:before {
    content: "\e736";
}
.icon-button:before {
    content: "\e737";
}
.icon-bow-tie:before {
    content: "\e738";
}
.icon-tie:before {
    content: "\e739";
}
.icon-socks:before {
    content: "\e73a";
}
.icon-shoe:before {
    content: "\e73b";
}
.icon-shoes:before {
    content: "\e73c";
}
.icon-hat:before {
    content: "\e73d";
}
.icon-pants:before {
    content: "\e73e";
}
.icon-shorts:before {
    content: "\e73f";
}
.icon-flip-flops:before {
    content: "\e740";
}
.icon-shirt:before {
    content: "\e741";
}
.icon-hanger:before {
    content: "\e742";
}
.icon-laundry:before {
    content: "\e743";
}
.icon-store:before {
    content: "\e744";
}
.icon-haircut:before {
    content: "\e745";
}
.icon-store-24:before {
    content: "\e746";
}
.icon-barcode:before {
    content: "\e747";
}
.icon-barcode2:before {
    content: "\e748";
}
.icon-barcode3:before {
    content: "\e749";
}
.icon-cashier:before {
    content: "\e74a";
}
.icon-bag:before {
    content: "\e74b";
}
.icon-bag2:before {
    content: "\e74c";
}
.icon-cart:before {
    content: "\e74d";
}
.icon-cart-empty:before {
    content: "\e74e";
}
.icon-cart-full:before {
    content: "\e74f";
}
.icon-cart-plus:before {
    content: "\e750";
}
.icon-cart-plus2:before {
    content: "\e751";
}
.icon-cart-add:before {
    content: "\e752";
}
.icon-cart-remove:before {
    content: "\e753";
}
.icon-cart-exchange:before {
    content: "\e754";
}
.icon-tag:before {
    content: "\e755";
}
.icon-tags:before {
    content: "\e756";
}
.icon-receipt:before {
    content: "\e757";
}
.icon-wallet:before {
    content: "\e758";
}
.icon-credit-card:before {
    content: "\e759";
}
.icon-cash-dollar:before {
    content: "\e75a";
}
.icon-cash-euro:before {
    content: "\e75b";
}
.icon-cash-pound:before {
    content: "\e75c";
}
.icon-cash-yen:before {
    content: "\e75d";
}
.icon-bag-dollar:before {
    content: "\e75e";
}
.icon-bag-euro:before {
    content: "\e75f";
}
.icon-bag-pound:before {
    content: "\e760";
}
.icon-bag-yen:before {
    content: "\e761";
}
.icon-coin-dollar:before {
    content: "\e762";
}
.icon-coin-euro:before {
    content: "\e763";
}
.icon-coin-pound:before {
    content: "\e764";
}
.icon-coin-yen:before {
    content: "\e765";
}
.icon-calculator:before {
    content: "\e766";
}
.icon-calculator2:before {
    content: "\e767";
}
.icon-abacus:before {
    content: "\e768";
}
.icon-vault:before {
    content: "\e769";
}
.icon-telephone:before {
    content: "\e76a";
}
.icon-phone-lock:before {
    content: "\e76b";
}
.icon-phone-wave:before {
    content: "\e76c";
}
.icon-phone-pause:before {
    content: "\e76d";
}
.icon-phone-outgoing:before {
    content: "\e76e";
}
.icon-phone-incoming:before {
    content: "\e76f";
}
.icon-phone-in-out:before {
    content: "\e770";
}
.icon-phone-error:before {
    content: "\e771";
}
.icon-phone-sip:before {
    content: "\e772";
}
.icon-phone-plus:before {
    content: "\e773";
}
.icon-phone-minus:before {
    content: "\e774";
}
.icon-voicemail:before {
    content: "\e775";
}
.icon-dial:before {
    content: "\e776";
}
.icon-telephone2:before {
    content: "\e777";
}
.icon-pushpin:before {
    content: "\e778";
}
.icon-pushpin2:before {
    content: "\e779";
}
.icon-map-marker:before {
    content: "\e77a";
}
.icon-map-marker-user:before {
    content: "\e77b";
}
.icon-map-marker-down:before {
    content: "\e77c";
}
.icon-map-marker-check:before {
    content: "\e77d";
}
.icon-map-marker-crossed:before {
    content: "\e77e";
}
.icon-radar:before {
    content: "\e77f";
}
.icon-compass2:before {
    content: "\e780";
}
.icon-map:before {
    content: "\e781";
}
.icon-map2:before {
    content: "\e782";
}
.icon-location:before {
    content: "\e783";
}
.icon-road-sign:before {
    content: "\e784";
}
.icon-calendar-empty:before {
    content: "\e785";
}
.icon-calendar-check:before {
    content: "\e786";
}
.icon-calendar-cross:before {
    content: "\e787";
}
.icon-calendar-31:before {
    content: "\e788";
}
.icon-calendar-full:before {
    content: "\e789";
}
.icon-calendar-insert:before {
    content: "\e78a";
}
.icon-calendar-text:before {
    content: "\e78b";
}
.icon-calendar-user:before {
    content: "\e78c";
}
.icon-mouse:before {
    content: "\e78d";
}
.icon-mouse-left:before {
    content: "\e78e";
}
.icon-mouse-right:before {
    content: "\e78f";
}
.icon-mouse-both:before {
    content: "\e790";
}
.icon-keyboard:before {
    content: "\e791";
}
.icon-keyboard-up:before {
    content: "\e792";
}
.icon-keyboard-down:before {
    content: "\e793";
}
.icon-delete:before {
    content: "\e794";
}
.icon-spell-check:before {
    content: "\e795";
}
.icon-escape:before {
    content: "\e796";
}
.icon-enter2:before {
    content: "\e797";
}
.icon-screen:before {
    content: "\e798";
}
.icon-aspect-ratio:before {
    content: "\e799";
}
.icon-signal:before {
    content: "\e79a";
}
.icon-signal-lock:before {
    content: "\e79b";
}
.icon-signal-80:before {
    content: "\e79c";
}
.icon-signal-60:before {
    content: "\e79d";
}
.icon-signal-40:before {
    content: "\e79e";
}
.icon-signal-20:before {
    content: "\e79f";
}
.icon-signal-0:before {
    content: "\e7a0";
}
.icon-signal-blocked:before {
    content: "\e7a1";
}
.icon-sim:before {
    content: "\e7a2";
}
.icon-flash-memory:before {
    content: "\e7a3";
}
.icon-usb-drive:before {
    content: "\e7a4";
}
.icon-phone:before {
    content: "\e7a5";
}
.icon-smartphone:before {
    content: "\e7a6";
}
.icon-smartphone-notification:before {
    content: "\e7a7";
}
.icon-smartphone-vibration:before {
    content: "\e7a8";
}
.icon-smartphone-embed:before {
    content: "\e7a9";
}
.icon-smartphone-waves:before {
    content: "\e7aa";
}
.icon-tablet:before {
    content: "\e7ab";
}
.icon-tablet2:before {
    content: "\e7ac";
}
.icon-laptop:before {
    content: "\e7ad";
}
.icon-laptop-phone:before {
    content: "\e7ae";
}
.icon-desktop:before {
    content: "\e7af";
}
.icon-launch:before {
    content: "\e7b0";
}
.icon-new-tab:before {
    content: "\e7b1";
}
.icon-window:before {
    content: "\e7b2";
}
.icon-cable:before {
    content: "\e7b3";
}
.icon-cable2:before {
    content: "\e7b4";
}
.icon-tv:before {
    content: "\e7b5";
}
.icon-radio:before {
    content: "\e7b6";
}
.icon-remote-control:before {
    content: "\e7b7";
}
.icon-power-switch:before {
    content: "\e7b8";
}
.icon-power:before {
    content: "\e7b9";
}
.icon-power-crossed:before {
    content: "\e7ba";
}
.icon-flash-auto:before {
    content: "\e7bb";
}
.icon-lamp:before {
    content: "\e7bc";
}
.icon-flashlight:before {
    content: "\e7bd";
}
.icon-lampshade:before {
    content: "\e7be";
}
.icon-cord:before {
    content: "\e7bf";
}
.icon-outlet:before {
    content: "\e7c0";
}
.icon-battery-power:before {
    content: "\e7c1";
}
.icon-battery-empty:before {
    content: "\e7c2";
}
.icon-battery-alert:before {
    content: "\e7c3";
}
.icon-battery-error:before {
    content: "\e7c4";
}
.icon-battery-low1:before {
    content: "\e7c5";
}
.icon-battery-low2:before {
    content: "\e7c6";
}
.icon-battery-low3:before {
    content: "\e7c7";
}
.icon-battery-mid1:before {
    content: "\e7c8";
}
.icon-battery-mid2:before {
    content: "\e7c9";
}
.icon-battery-mid3:before {
    content: "\e7ca";
}
.icon-battery-full:before {
    content: "\e7cb";
}
.icon-battery-charging:before {
    content: "\e7cc";
}
.icon-battery-charging2:before {
    content: "\e7cd";
}
.icon-battery-charging3:before {
    content: "\e7ce";
}
.icon-battery-charging4:before {
    content: "\e7cf";
}
.icon-battery-charging5:before {
    content: "\e7d0";
}
.icon-battery-charging6:before {
    content: "\e7d1";
}
.icon-battery-charging7:before {
    content: "\e7d2";
}
.icon-chip:before {
    content: "\e7d3";
}
.icon-chip-x64:before {
    content: "\e7d4";
}
.icon-chip-x86:before {
    content: "\e7d5";
}
.icon-bubble:before {
    content: "\e7d6";
}
.icon-bubbles:before {
    content: "\e7d7";
}
.icon-bubble-dots:before {
    content: "\e7d8";
}
.icon-bubble-alert:before {
    content: "\e7d9";
}
.icon-bubble-question:before {
    content: "\e7da";
}
.icon-bubble-text:before {
    content: "\e7db";
}
.icon-bubble-pencil:before {
    content: "\e7dc";
}
.icon-bubble-picture:before {
    content: "\e7dd";
}
.icon-bubble-video:before {
    content: "\e7de";
}
.icon-bubble-user:before {
    content: "\e7df";
}
.icon-bubble-quote:before {
    content: "\e7e0";
}
.icon-bubble-heart:before {
    content: "\e7e1";
}
.icon-bubble-emoticon:before {
    content: "\e7e2";
}
.icon-bubble-attachment:before {
    content: "\e7e3";
}
.icon-phone-bubble:before {
    content: "\e7e4";
}
.icon-quote-open:before {
    content: "\e7e5";
}
.icon-quote-close:before {
    content: "\e7e6";
}
.icon-dna:before {
    content: "\e7e7";
}
.icon-heart-pulse:before {
    content: "\e7e8";
}
.icon-pulse:before {
    content: "\e7e9";
}
.icon-syringe:before {
    content: "\e7ea";
}
.icon-pills:before {
    content: "\e7eb";
}
.icon-first-aid:before {
    content: "\e7ec";
}
.icon-lifebuoy:before {
    content: "\e7ed";
}
.icon-bandage:before {
    content: "\e7ee";
}
.icon-bandages:before {
    content: "\e7ef";
}
.icon-thermometer:before {
    content: "\e7f0";
}
.icon-microscope:before {
    content: "\e7f1";
}
.icon-brain:before {
    content: "\e7f2";
}
.icon-beaker:before {
    content: "\e7f3";
}
.icon-skull:before {
    content: "\e7f4";
}
.icon-bone:before {
    content: "\e7f5";
}
.icon-construction:before {
    content: "\e7f6";
}
.icon-construction-cone:before {
    content: "\e7f7";
}
.icon-pie-chart:before {
    content: "\e7f8";
}
.icon-pie-chart2:before {
    content: "\e7f9";
}
.icon-graph:before {
    content: "\e7fa";
}
.icon-chart-growth:before {
    content: "\e7fb";
}
.icon-chart-bars:before {
    content: "\e7fc";
}
.icon-chart-settings:before {
    content: "\e7fd";
}
.icon-cake:before {
    content: "\e7fe";
}
.icon-gift:before {
    content: "\e7ff";
}
.icon-balloon:before {
    content: "\e800";
}
.icon-rank:before {
    content: "\e801";
}
.icon-rank2:before {
    content: "\e802";
}
.icon-rank3:before {
    content: "\e803";
}
.icon-crown:before {
    content: "\e804";
}
.icon-lotus:before {
    content: "\e805";
}
.icon-diamond:before {
    content: "\e806";
}
.icon-diamond2:before {
    content: "\e807";
}
.icon-diamond3:before {
    content: "\e808";
}
.icon-diamond4:before {
    content: "\e809";
}
.icon-linearicons:before {
    content: "\e80a";
}
.icon-teacup:before {
    content: "\e80b";
}
.icon-teapot:before {
    content: "\e80c";
}
.icon-glass:before {
    content: "\e80d";
}
.icon-bottle2:before {
    content: "\e80e";
}
.icon-glass-cocktail:before {
    content: "\e80f";
}
.icon-glass2:before {
    content: "\e810";
}
.icon-dinner:before {
    content: "\e811";
}
.icon-dinner2:before {
    content: "\e812";
}
.icon-chef:before {
    content: "\e813";
}
.icon-scale2:before {
    content: "\e814";
}
.icon-egg:before {
    content: "\e815";
}
.icon-egg2:before {
    content: "\e816";
}
.icon-eggs:before {
    content: "\e817";
}
.icon-platter:before {
    content: "\e818";
}
.icon-steak:before {
    content: "\e819";
}
.icon-hamburger:before {
    content: "\e81a";
}
.icon-hotdog:before {
    content: "\e81b";
}
.icon-pizza:before {
    content: "\e81c";
}
.icon-sausage:before {
    content: "\e81d";
}
.icon-chicken:before {
    content: "\e81e";
}
.icon-fish:before {
    content: "\e81f";
}
.icon-carrot:before {
    content: "\e820";
}
.icon-cheese:before {
    content: "\e821";
}
.icon-bread:before {
    content: "\e822";
}
.icon-ice-cream:before {
    content: "\e823";
}
.icon-ice-cream2:before {
    content: "\e824";
}
.icon-candy:before {
    content: "\e825";
}
.icon-lollipop:before {
    content: "\e826";
}
.icon-coffee-bean:before {
    content: "\e827";
}
.icon-coffee-cup:before {
    content: "\e828";
}
.icon-cherry:before {
    content: "\e829";
}
.icon-grapes:before {
    content: "\e82a";
}
.icon-citrus:before {
    content: "\e82b";
}
.icon-apple:before {
    content: "\e82c";
}
.icon-leaf:before {
    content: "\e82d";
}
.icon-landscape:before {
    content: "\e82e";
}
.icon-pine-tree:before {
    content: "\e82f";
}
.icon-tree:before {
    content: "\e830";
}
.icon-cactus:before {
    content: "\e831";
}
.icon-paw:before {
    content: "\e832";
}
.icon-footprint:before {
    content: "\e833";
}
.icon-speed-slow:before {
    content: "\e834";
}
.icon-speed-medium:before {
    content: "\e835";
}
.icon-speed-fast:before {
    content: "\e836";
}
.icon-rocket:before {
    content: "\e837";
}
.icon-hammer2:before {
    content: "\e838";
}
.icon-balance:before {
    content: "\e839";
}
.icon-briefcase:before {
    content: "\e83a";
}
.icon-luggage-weight:before {
    content: "\e83b";
}
.icon-dolly:before {
    content: "\e83c";
}
.icon-plane:before {
    content: "\e83d";
}
.icon-plane-crossed:before {
    content: "\e83e";
}
.icon-helicopter:before {
    content: "\e83f";
}
.icon-traffic-lights:before {
    content: "\e840";
}
.icon-siren:before {
    content: "\e841";
}
.icon-road:before {
    content: "\e842";
}
.icon-engine:before {
    content: "\e843";
}
.icon-oil-pressure:before {
    content: "\e844";
}
.icon-coolant-temperature:before {
    content: "\e845";
}
.icon-car-battery:before {
    content: "\e846";
}
.icon-gas:before {
    content: "\e847";
}
.icon-gallon:before {
    content: "\e848";
}
.icon-transmission:before {
    content: "\e849";
}
.icon-car:before {
    content: "\e84a";
}
.icon-car-wash:before {
    content: "\e84b";
}
.icon-car-wash2:before {
    content: "\e84c";
}
.icon-bus:before {
    content: "\e84d";
}
.icon-bus2:before {
    content: "\e84e";
}
.icon-car2:before {
    content: "\e84f";
}
.icon-parking:before {
    content: "\e850";
}
.icon-car-lock:before {
    content: "\e851";
}
.icon-taxi:before {
    content: "\e852";
}
.icon-car-siren:before {
    content: "\e853";
}
.icon-car-wash3:before {
    content: "\e854";
}
.icon-car-wash4:before {
    content: "\e855";
}
.icon-ambulance:before {
    content: "\e856";
}
.icon-truck:before {
    content: "\e857";
}
.icon-trailer:before {
    content: "\e858";
}
.icon-scale-truck:before {
    content: "\e859";
}
.icon-train:before {
    content: "\e85a";
}
.icon-ship:before {
    content: "\e85b";
}
.icon-ship2:before {
    content: "\e85c";
}
.icon-anchor:before {
    content: "\e85d";
}
.icon-boat:before {
    content: "\e85e";
}
.icon-bicycle:before {
    content: "\e85f";
}
.icon-bicycle2:before {
    content: "\e860";
}
.icon-dumbbell:before {
    content: "\e861";
}
.icon-bench-press:before {
    content: "\e862";
}
.icon-swim:before {
    content: "\e863";
}
.icon-football:before {
    content: "\e864";
}
.icon-baseball-bat:before {
    content: "\e865";
}
.icon-baseball:before {
    content: "\e866";
}
.icon-tennis:before {
    content: "\e867";
}
.icon-tennis2:before {
    content: "\e868";
}
.icon-ping-pong:before {
    content: "\e869";
}
.icon-hockey:before {
    content: "\e86a";
}
.icon-8ball:before {
    content: "\e86b";
}
.icon-bowling:before {
    content: "\e86c";
}
.icon-bowling-pins:before {
    content: "\e86d";
}
.icon-golf:before {
    content: "\e86e";
}
.icon-golf2:before {
    content: "\e86f";
}
.icon-archery:before {
    content: "\e870";
}
.icon-slingshot:before {
    content: "\e871";
}
.icon-soccer:before {
    content: "\e872";
}
.icon-basketball:before {
    content: "\e873";
}
.icon-cube:before {
    content: "\e874";
}
.icon-3d-rotate:before {
    content: "\e875";
}
.icon-puzzle:before {
    content: "\e876";
}
.icon-glasses:before {
    content: "\e877";
}
.icon-glasses2:before {
    content: "\e878";
}
.icon-accessibility:before {
    content: "\e879";
}
.icon-wheelchair:before {
    content: "\e87a";
}
.icon-wall:before {
    content: "\e87b";
}
.icon-fence:before {
    content: "\e87c";
}
.icon-wall2:before {
    content: "\e87d";
}
.icon-icons:before {
    content: "\e87e";
}
.icon-resize-handle:before {
    content: "\e87f";
}
.icon-icons2:before {
    content: "\e880";
}
.icon-select:before {
    content: "\e881";
}
.icon-select2:before {
    content: "\e882";
}
.icon-site-map:before {
    content: "\e883";
}
.icon-earth:before {
    content: "\e884";
}
.icon-earth-lock:before {
    content: "\e885";
}
.icon-network:before {
    content: "\e886";
}
.icon-network-lock:before {
    content: "\e887";
}
.icon-planet:before {
    content: "\e888";
}
.icon-happy:before {
    content: "\e889";
}
.icon-smile:before {
    content: "\e88a";
}
.icon-grin:before {
    content: "\e88b";
}
.icon-tongue:before {
    content: "\e88c";
}
.icon-sad:before {
    content: "\e88d";
}
.icon-wink:before {
    content: "\e88e";
}
.icon-dream:before {
    content: "\e88f";
}
.icon-shocked:before {
    content: "\e890";
}
.icon-shocked2:before {
    content: "\e891";
}
.icon-tongue2:before {
    content: "\e892";
}
.icon-neutral:before {
    content: "\e893";
}
.icon-happy-grin:before {
    content: "\e894";
}
.icon-cool:before {
    content: "\e895";
}
.icon-mad:before {
    content: "\e896";
}
.icon-grin-evil:before {
    content: "\e897";
}
.icon-evil:before {
    content: "\e898";
}
.icon-wow:before {
    content: "\e899";
}
.icon-annoyed:before {
    content: "\e89a";
}
.icon-wondering:before {
    content: "\e89b";
}
.icon-confused:before {
    content: "\e89c";
}
.icon-zipped:before {
    content: "\e89d";
}
.icon-grumpy:before {
    content: "\e89e";
}
.icon-mustache:before {
    content: "\e89f";
}
.icon-tombstone-hipster:before {
    content: "\e8a0";
}
.icon-tombstone:before {
    content: "\e8a1";
}
.icon-ghost:before {
    content: "\e8a2";
}
.icon-ghost-hipster:before {
    content: "\e8a3";
}
.icon-halloween:before {
    content: "\e8a4";
}
.icon-christmas:before {
    content: "\e8a5";
}
.icon-easter-egg:before {
    content: "\e8a6";
}
.icon-mustache2:before {
    content: "\e8a7";
}
.icon-mustache-glasses:before {
    content: "\e8a8";
}
.icon-pipe:before {
    content: "\e8a9";
}
.icon-alarm:before {
    content: "\e8aa";
}
.icon-alarm-add:before {
    content: "\e8ab";
}
.icon-alarm-snooze:before {
    content: "\e8ac";
}
.icon-alarm-ringing:before {
    content: "\e8ad";
}
.icon-bullhorn:before {
    content: "\e8ae";
}
.icon-hearing:before {
    content: "\e8af";
}
.icon-volume-high:before {
    content: "\e8b0";
}
.icon-volume-medium:before {
    content: "\e8b1";
}
.icon-volume-low:before {
    content: "\e8b2";
}
.icon-volume:before {
    content: "\e8b3";
}
.icon-mute:before {
    content: "\e8b4";
}
.icon-lan:before {
    content: "\e8b5";
}
.icon-lan2:before {
    content: "\e8b6";
}
.icon-wifi:before {
    content: "\e8b7";
}
.icon-wifi-lock:before {
    content: "\e8b8";
}
.icon-wifi-blocked:before {
    content: "\e8b9";
}
.icon-wifi-mid:before {
    content: "\e8ba";
}
.icon-wifi-low:before {
    content: "\e8bb";
}
.icon-wifi-low2:before {
    content: "\e8bc";
}
.icon-wifi-alert:before {
    content: "\e8bd";
}
.icon-wifi-alert-mid:before {
    content: "\e8be";
}
.icon-wifi-alert-low:before {
    content: "\e8bf";
}
.icon-wifi-alert-low2:before {
    content: "\e8c0";
}
.icon-stream:before {
    content: "\e8c1";
}
.icon-stream-check:before {
    content: "\e8c2";
}
.icon-stream-error:before {
    content: "\e8c3";
}
.icon-stream-alert:before {
    content: "\e8c4";
}
.icon-communication:before {
    content: "\e8c5";
}
.icon-communication-crossed:before {
    content: "\e8c6";
}
.icon-broadcast:before {
    content: "\e8c7";
}
.icon-antenna:before {
    content: "\e8c8";
}
.icon-satellite:before {
    content: "\e8c9";
}
.icon-satellite2:before {
    content: "\e8ca";
}
.icon-mic:before {
    content: "\e8cb";
}
.icon-mic-mute:before {
    content: "\e8cc";
}
.icon-mic2:before {
    content: "\e8cd";
}
.icon-spotlights:before {
    content: "\e8ce";
}
.icon-hourglass:before {
    content: "\e8cf";
}
.icon-loading:before {
    content: "\e8d0";
}
.icon-loading2:before {
    content: "\e8d1";
}
.icon-loading3:before {
    content: "\e8d2";
}
.icon-refresh:before {
    content: "\e8d3";
}
.icon-refresh2:before {
    content: "\e8d4";
}
.icon-undo:before {
    content: "\e8d5";
}
.icon-redo:before {
    content: "\e8d6";
}
.icon-jump2:before {
    content: "\e8d7";
}
.icon-undo2:before {
    content: "\e8d8";
}
.icon-redo2:before {
    content: "\e8d9";
}
.icon-sync:before {
    content: "\e8da";
}
.icon-repeat-one2:before {
    content: "\e8db";
}
.icon-sync-crossed:before {
    content: "\e8dc";
}
.icon-sync2:before {
    content: "\e8dd";
}
.icon-repeat-one3:before {
    content: "\e8de";
}
.icon-sync-crossed2:before {
    content: "\e8df";
}
.icon-return:before {
    content: "\e8e0";
}
.icon-return2:before {
    content: "\e8e1";
}
.icon-refund:before {
    content: "\e8e2";
}
.icon-history:before {
    content: "\e8e3";
}
.icon-history2:before {
    content: "\e8e4";
}
.icon-self-timer:before {
    content: "\e8e5";
}
.icon-clock:before {
    content: "\e8e6";
}
.icon-clock2:before {
    content: "\e8e7";
}
.icon-clock3:before {
    content: "\e8e8";
}
.icon-watch:before {
    content: "\e8e9";
}
.icon-alarm2:before {
    content: "\e8ea";
}
.icon-alarm-add2:before {
    content: "\e8eb";
}
.icon-alarm-remove:before {
    content: "\e8ec";
}
.icon-alarm-check:before {
    content: "\e8ed";
}
.icon-alarm-error:before {
    content: "\e8ee";
}
.icon-timer:before {
    content: "\e8ef";
}
.icon-timer-crossed:before {
    content: "\e8f0";
}
.icon-timer2:before {
    content: "\e8f1";
}
.icon-timer-crossed2:before {
    content: "\e8f2";
}
.icon-download:before {
    content: "\e8f3";
}
.icon-upload:before {
    content: "\e8f4";
}
.icon-download2:before {
    content: "\e8f5";
}
.icon-upload2:before {
    content: "\e8f6";
}
.icon-enter-up:before {
    content: "\e8f7";
}
.icon-enter-down:before {
    content: "\e8f8";
}
.icon-enter-left:before {
    content: "\e8f9";
}
.icon-enter-right:before {
    content: "\e8fa";
}
.icon-exit-up:before {
    content: "\e8fb";
}
.icon-exit-down:before {
    content: "\e8fc";
}
.icon-exit-left:before {
    content: "\e8fd";
}
.icon-exit-right:before {
    content: "\e8fe";
}
.icon-enter-up2:before {
    content: "\e8ff";
}
.icon-enter-down2:before {
    content: "\e900";
}
.icon-enter-vertical:before {
    content: "\e901";
}
.icon-enter-left2:before {
    content: "\e902";
}
.icon-enter-right2:before {
    content: "\e903";
}
.icon-enter-horizontal:before {
    content: "\e904";
}
.icon-exit-up2:before {
    content: "\e905";
}
.icon-exit-down2:before {
    content: "\e906";
}
.icon-exit-left2:before {
    content: "\e907";
}
.icon-exit-right2:before {
    content: "\e908";
}
.icon-cli:before {
    content: "\e909";
}
.icon-bug:before {
    content: "\e90a";
}
.icon-code:before {
    content: "\e90b";
}
.icon-file-code:before {
    content: "\e90c";
}
.icon-file-image:before {
    content: "\e90d";
}
.icon-file-zip:before {
    content: "\e90e";
}
.icon-file-audio:before {
    content: "\e90f";
}
.icon-file-video:before {
    content: "\e910";
}
.icon-file-preview:before {
    content: "\e911";
}
.icon-file-charts:before {
    content: "\e912";
}
.icon-file-stats:before {
    content: "\e913";
}
.icon-file-spreadsheet:before {
    content: "\e914";
}
.icon-link:before {
    content: "\e915";
}
.icon-unlink:before {
    content: "\e916";
}
.icon-link2:before {
    content: "\e917";
}
.icon-unlink2:before {
    content: "\e918";
}
.icon-thumbs-up:before {
    content: "\e919";
}
.icon-thumbs-down:before {
    content: "\e91a";
}
.icon-thumbs-up2:before {
    content: "\e91b";
}
.icon-thumbs-down2:before {
    content: "\e91c";
}
.icon-thumbs-up3:before {
    content: "\e91d";
}
.icon-thumbs-down3:before {
    content: "\e91e";
}
.icon-share:before {
    content: "\e91f";
}
.icon-share2:before {
    content: "\e920";
}
.icon-share3:before {
    content: "\e921";
}
.icon-magnifier:before {
    content: "\e922";
}
.icon-file-search:before {
    content: "\e923";
}
.icon-find-replace:before {
    content: "\e924";
}
.icon-zoom-in:before {
    content: "\e925";
}
.icon-zoom-out:before {
    content: "\e926";
}
.icon-loupe:before {
    content: "\e927";
}
.icon-loupe-zoom-in:before {
    content: "\e928";
}
.icon-loupe-zoom-out:before {
    content: "\e929";
}
.icon-cross:before {
    content: "\e92a";
}
.icon-menu:before {
    content: "\e92b";
}
.icon-list:before {
    content: "\e92c";
}
.icon-list2:before {
    content: "\e92d";
}
.icon-list3:before {
    content: "\e92e";
}
.icon-menu2:before {
    content: "\e92f";
}
.icon-list4:before {
    content: "\e930";
}
.icon-menu3:before {
    content: "\e931";
}
.icon-exclamation:before {
    content: "\e932";
}
.icon-question:before {
    content: "\e933";
}
.icon-check:before {
    content: "\e934";
}
.icon-cross2:before {
    content: "\e935";
}
.icon-plus:before {
    content: "\e936";
}
.icon-minus:before {
    content: "\e937";
}
.icon-percent:before {
    content: "\e938";
}
.icon-chevron-up:before {
    content: "\e939";
}
.icon-chevron-down:before {
    content: "\e93a";
}
.icon-chevron-left:before {
    content: "\e93b";
}
.icon-chevron-right:before {
    content: "\e93c";
}
.icon-chevrons-expand-vertical:before {
    content: "\e93d";
}
.icon-chevrons-expand-horizontal:before {
    content: "\e93e";
}
.icon-chevrons-contract-vertical:before {
    content: "\e93f";
}
.icon-chevrons-contract-horizontal:before {
    content: "\e940";
}
.icon-arrow-up:before {
    content: "\e941";
}
.icon-arrow-down:before {
    content: "\e942";
}
.icon-arrow-left:before {
    content: "\e943";
}
.icon-arrow-right:before {
    content: "\e944";
}
.icon-arrow-up-right:before {
    content: "\e945";
}
.icon-arrows-merge:before {
    content: "\e946";
}
.icon-arrows-split:before {
    content: "\e947";
}
.icon-arrow-divert:before {
    content: "\e948";
}
.icon-arrow-return:before {
    content: "\e949";
}
.icon-expand:before {
    content: "\e94a";
}
.icon-contract:before {
    content: "\e94b";
}
.icon-expand2:before {
    content: "\e94c";
}
.icon-contract2:before {
    content: "\e94d";
}
.icon-move:before {
    content: "\e94e";
}
.icon-tab:before {
    content: "\e94f";
}
.icon-arrow-wave:before {
    content: "\e950";
}
.icon-expand3:before {
    content: "\e951";
}
.icon-expand4:before {
    content: "\e952";
}
.icon-contract3:before {
    content: "\e953";
}
.icon-notification:before {
    content: "\e954";
}
.icon-warning:before {
    content: "\e955";
}
.icon-notification-circle:before {
    content: "\e956";
}
.icon-question-circle:before {
    content: "\e957";
}
.icon-menu-circle:before {
    content: "\e958";
}
.icon-checkmark-circle:before {
    content: "\e959";
}
.icon-cross-circle:before {
    content: "\e95a";
}
.icon-plus-circle:before {
    content: "\e95b";
}
.icon-circle-minus:before {
    content: "\e95c";
}
.icon-percent-circle:before {
    content: "\e95d";
}
.icon-arrow-up-circle:before {
    content: "\e95e";
}
.icon-arrow-down-circle:before {
    content: "\e95f";
}
.icon-arrow-left-circle:before {
    content: "\e960";
}
.icon-arrow-right-circle:before {
    content: "\e961";
}
.icon-chevron-up-circle:before {
    content: "\e962";
}
.icon-chevron-down-circle:before {
    content: "\e963";
}
.icon-chevron-left-circle:before {
    content: "\e964";
}
.icon-chevron-right-circle:before {
    content: "\e965";
}
.icon-backward-circle:before {
    content: "\e966";
}
.icon-first-circle:before {
    content: "\e967";
}
.icon-previous-circle:before {
    content: "\e968";
}
.icon-stop-circle:before {
    content: "\e969";
}
.icon-play-circle:before {
    content: "\e96a";
}
.icon-pause-circle:before {
    content: "\e96b";
}
.icon-next-circle:before {
    content: "\e96c";
}
.icon-last-circle:before {
    content: "\e96d";
}
.icon-forward-circle:before {
    content: "\e96e";
}
.icon-eject-circle:before {
    content: "\e96f";
}
.icon-crop:before {
    content: "\e970";
}
.icon-frame-expand:before {
    content: "\e971";
}
.icon-frame-contract:before {
    content: "\e972";
}
.icon-focus:before {
    content: "\e973";
}
.icon-transform:before {
    content: "\e974";
}
.icon-grid:before {
    content: "\e975";
}
.icon-grid-crossed:before {
    content: "\e976";
}
.icon-layers:before {
    content: "\e977";
}
.icon-layers-crossed:before {
    content: "\e978";
}
.icon-toggle:before {
    content: "\e979";
}
.icon-rulers:before {
    content: "\e97a";
}
.icon-ruler:before {
    content: "\e97b";
}
.icon-funnel:before {
    content: "\e97c";
}
.icon-flip-horizontal:before {
    content: "\e97d";
}
.icon-flip-vertical:before {
    content: "\e97e";
}
.icon-flip-horizontal2:before {
    content: "\e97f";
}
.icon-flip-vertical2:before {
    content: "\e980";
}
.icon-angle:before {
    content: "\e981";
}
.icon-angle2:before {
    content: "\e982";
}
.icon-subtract:before {
    content: "\e983";
}
.icon-combine:before {
    content: "\e984";
}
.icon-intersect:before {
    content: "\e985";
}
.icon-exclude:before {
    content: "\e986";
}
.icon-align-center-vertical:before {
    content: "\e987";
}
.icon-align-right:before {
    content: "\e988";
}
.icon-align-bottom:before {
    content: "\e989";
}
.icon-align-left:before {
    content: "\e98a";
}
.icon-align-center-horizontal:before {
    content: "\e98b";
}
.icon-align-top:before {
    content: "\e98c";
}
.icon-square:before {
    content: "\e98d";
}
.icon-plus-square:before {
    content: "\e98e";
}
.icon-minus-square:before {
    content: "\e98f";
}
.icon-percent-square:before {
    content: "\e990";
}
.icon-arrow-up-square:before {
    content: "\e991";
}
.icon-arrow-down-square:before {
    content: "\e992";
}
.icon-arrow-left-square:before {
    content: "\e993";
}
.icon-arrow-right-square:before {
    content: "\e994";
}
.icon-chevron-up-square:before {
    content: "\e995";
}
.icon-chevron-down-square:before {
    content: "\e996";
}
.icon-chevron-left-square:before {
    content: "\e997";
}
.icon-chevron-right-square:before {
    content: "\e998";
}
.icon-check-square:before {
    content: "\e999";
}
.icon-cross-square:before {
    content: "\e99a";
}
.icon-menu-square:before {
    content: "\e99b";
}
.icon-prohibited:before {
    content: "\e99c";
}
.icon-circle:before {
    content: "\e99d";
}
.icon-radio-button:before {
    content: "\e99e";
}
.icon-ligature:before {
    content: "\e99f";
}
.icon-text-format:before {
    content: "\e9a0";
}
.icon-text-format-remove:before {
    content: "\e9a1";
}
.icon-text-size:before {
    content: "\e9a2";
}
.icon-bold:before {
    content: "\e9a3";
}
.icon-italic:before {
    content: "\e9a4";
}
.icon-underline:before {
    content: "\e9a5";
}
.icon-strikethrough:before {
    content: "\e9a6";
}
.icon-highlight:before {
    content: "\e9a7";
}
.icon-text-align-left:before {
    content: "\e9a8";
}
.icon-text-align-center:before {
    content: "\e9a9";
}
.icon-text-align-right:before {
    content: "\e9aa";
}
.icon-text-align-justify:before {
    content: "\e9ab";
}
.icon-line-spacing:before {
    content: "\e9ac";
}
.icon-indent-increase:before {
    content: "\e9ad";
}
.icon-indent-decrease:before {
    content: "\e9ae";
}
.icon-text-wrap:before {
    content: "\e9af";
}
.icon-pilcrow:before {
    content: "\e9b0";
}
.icon-direction-ltr:before {
    content: "\e9b1";
}
.icon-direction-rtl:before {
    content: "\e9b2";
}
.icon-page-break:before {
    content: "\e9b3";
}
.icon-page-break2:before {
    content: "\e9b4";
}
.icon-sort-alpha-asc:before {
    content: "\e9b5";
}
.icon-sort-alpha-desc:before {
    content: "\e9b6";
}
.icon-sort-numeric-asc:before {
    content: "\e9b7";
}
.icon-sort-numeric-desc:before {
    content: "\e9b8";
}
.icon-sort-amount-asc:before {
    content: "\e9b9";
}
.icon-sort-amount-desc:before {
    content: "\e9ba";
}
.icon-sort-time-asc:before {
    content: "\e9bb";
}
.icon-sort-time-desc:before {
    content: "\e9bc";
}
.icon-sigma:before {
    content: "\e9bd";
}
.icon-pencil-line:before {
    content: "\e9be";
}
.icon-hand:before {
    content: "\e9bf";
}
.icon-pointer-up:before {
    content: "\e9c0";
}
.icon-pointer-right:before {
    content: "\e9c1";
}
.icon-pointer-down:before {
    content: "\e9c2";
}
.icon-pointer-left:before {
    content: "\e9c3";
}
.icon-finger-tap:before {
    content: "\e9c4";
}
.icon-fingers-tap:before {
    content: "\e9c5";
}
.icon-reminder:before {
    content: "\e9c6";
}
.icon-fingers-crossed:before {
    content: "\e9c7";
}
.icon-fingers-victory:before {
    content: "\e9c8";
}
.icon-gesture-zoom:before {
    content: "\e9c9";
}
.icon-gesture-pinch:before {
    content: "\e9ca";
}
.icon-fingers-scroll-horizontal:before {
    content: "\e9cb";
}
.icon-fingers-scroll-vertical:before {
    content: "\e9cc";
}
.icon-fingers-scroll-left:before {
    content: "\e9cd";
}
.icon-fingers-scroll-right:before {
    content: "\e9ce";
}
.icon-hand2:before {
    content: "\e9cf";
}
.icon-pointer-up2:before {
    content: "\e9d0";
}
.icon-pointer-right2:before {
    content: "\e9d1";
}
.icon-pointer-down2:before {
    content: "\e9d2";
}
.icon-pointer-left2:before {
    content: "\e9d3";
}
.icon-finger-tap2:before {
    content: "\e9d4";
}
.icon-fingers-tap2:before {
    content: "\e9d5";
}
.icon-reminder2:before {
    content: "\e9d6";
}
.icon-gesture-zoom2:before {
    content: "\e9d7";
}
.icon-gesture-pinch2:before {
    content: "\e9d8";
}
.icon-fingers-scroll-horizontal2:before {
    content: "\e9d9";
}
.icon-fingers-scroll-vertical2:before {
    content: "\e9da";
}
.icon-fingers-scroll-left2:before {
    content: "\e9db";
}
.icon-fingers-scroll-right2:before {
    content: "\e9dc";
}
.icon-fingers-scroll-vertical3:before {
    content: "\e9dd";
}
.icon-border-style:before {
    content: "\e9de";
}
.icon-border-all:before {
    content: "\e9df";
}
.icon-border-outer:before {
    content: "\e9e0";
}
.icon-border-inner:before {
    content: "\e9e1";
}
.icon-border-top:before {
    content: "\e9e2";
}
.icon-border-horizontal:before {
    content: "\e9e3";
}
.icon-border-bottom:before {
    content: "\e9e4";
}
.icon-border-left:before {
    content: "\e9e5";
}
.icon-border-vertical:before {
    content: "\e9e6";
}
.icon-border-right:before {
    content: "\e9e7";
}
.icon-border-none:before {
    content: "\e9e8";
}
.icon-ellipsis:before {
    content: "\e9e9";
}


/*
    TimeChimp Main styles
*/
@keyframes fadeInAlertBanner {
    from { opacity: 0;}
    to { opacity: 1;}
}

.alert.alert-impersonation {
    display: block;
    margin-top: 0;
    border-width: 0px 0px 1px 0px;
    border-radius: 0;
    text-align: center;
    opacity: 0;
    animation: fadeInAlertBanner 0.4s linear 4s forwards;
}

.vertical-dashed-line {
    border-left: 1px dashed #ccc;
}

.inline-grid {
    display: inline-grid;
}

.ml-27-percentage {
    margin-left: 27%;
}

.legendColorBox > div {
    border: none !important;
}

    .legendColorBox > div > div {
        border-radius: 50%;
        margin-right: 5px;
    }

#next-client-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.next-client-iframe-wrapper {
    margin-top: -23px;
    z-index: 1041;
    height: calc(100vh - 150px);
    width: 100%;
}

.next-client-backdrop {
    background: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    min-height: 100%;
    pointer-events: auto;
    user-select: none;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 1041;
    position: fixed;
    top: 0;
    left: 0;
}

.height-450 {
    height: 450px;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.text-primary {
    color: #6559d2 !important;
}

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

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

.text-strike {
    text-decoration: line-through;
}

.scrollbar-estimates {
    overflow-y: auto;
    height: 200px;
}

.tropy-header {
    line-height: 1 !important;
    background: url("/Client/images/trophy-grey.png");
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.tropy-purple-header {
    line-height: 1 !important;
    background: url("/Client/images/trophy-purple.png");
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.tropy-header:hover {
    background: url("/Client/images/trophy-purple.png");
    cursor: pointer;
}

.setup-text {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10%;
}

.stop-setup {
    margin-left: 23%;
    color: #b2b7bb;
}

.setup-percentage {
    font-size: 18px;
    display: inline;
    font-weight: 800;
    font-family: Inter, sans-serif;
    cursor: pointer;
}

.setup-percentage-display-none {
    display: none;
}

.text-grey {
    color: #b2b7bb;
}

.display-content {
    display: contents !important;
}

.backround-purple {
    background-color: #8e86da;
}

.align-cross {
    margin-bottom: 20px;
    margin-top: -15px;
}

.align-v {
    vertical-align: text-bottom;
}

.fa-trophy {
    color: black !important;
}

.inline-table {
    display: inline-table;
}

.resize-vertical {
    resize: vertical
}

.cancel-reason-input {
    margin-top: 5px;
    margin-left: 20px;
    width: 400px;
    height: 37px;
}

.status-history-date {
    display: block;
    font-size: 12px;
    color: #aaa;
}

.block-grey {
    background: #f8f8f8;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 4px;
}

/**
* Stripe
*/
#iban-element,
#card-element {
    display: block;
    width: 100%;
    height: 43px;
    padding: 12px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    /**
* Setup
*/

.setup-wizard-choice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #cfd6e4;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 20px;
    cursor: pointer;
}

.setup-wizard-choice-vertical {
    display: block;
    text-align: center;
    margin-right: 20px;
}

.setup-wizard-choice-select {
    border: 1px solid #6559d2;
    background: rgba(101, 89, 210, 0.07);
}

.setup-wizard {
    padding-top: 20px;
}

.setup-modal-container .modal-content {
    border-bottom: none !important;
}

.setup-wizard-buttons {
    margin-top: 30px;
    margin-bottom: 10px;
}

.setup-wizard .modal-body {
    padding-top: 20px;
}

.setup-wizard-buttons .btn {
    font-size: 16px;
}

.setup-wizard h1 {
   margin-top: 5px;
}

.setup-wizard img {
    max-width: 150px;
}

.setup-wizard .modal-body {
    padding-right: 60px;
    padding-left: 60px;
}

@media (max-width: 767.98px) {
    .setup-wizard img {
        max-width: 100px;
    }

    .setup-wizard .modal-body {
        padding-right: 20px;
        padding-left: 20px;
    }
}


/* Feedback
-------------------------------------------------- */
.p-xxs {
    padding: 10px;
}

.display-days-notification {
  display: flex;
  margin-top: -41px;
  margin-left: 366px;
  width: 25%;
}

.display-days-notification-rejected {
  display: flex;
  margin-top: -41px;
  margin-left: 297px;
  width: 25%;
}

.notification-paragraph {
  margin-top: -32px;
  margin-left: 94px;
}

.info-concept {
    display: block;
    margin-top: -5px;
    font-size: 11px;
    margin-bottom: 5px;
    color: #999;
}

.feedback-container {
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.feedback-votes {
    margin-left: -10px;
}

.feedback-title {}

.feedback-votes-title {
    background: #6559d2;
    text-align: center;
    padding: 15px;
    color: white;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.feedback-votes-comments {
    padding: 4px;
    text-align: center;
    background-color: #eee;
    font-size: 12px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.feedback-votes-title-count {
    font-size: 32px;
    line-height: 24px;
}

.feedback-votes-title-text {}

.feedback-title-name {
    font-size: 22px;
}

.feedback-title-user {
    font-size: 12px;
    padding-top: 5px;
}

.feedback-title-comments {
    font-size: 12px;
}

.setup-modal-container .modal-dialog {
    width: 600px;
}

@media (max-width: 767.98px) {
    .setup-modal-container .modal-dialog {
        width: auto;
    }
}

/* Support
-------------------------------------------------- */
.support-container-header-buttons-previous {
    z-index: 2147483000;
    background-image: url('/Client/images/support-previous-icon.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50%;
    width: 75px;
    height: 75px;
}

.support-container-header-buttons-close {
    z-index: 2147483000;
    background-image: url('/Client/images/support-close-icon.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    background-position: 50%;
    width: 75px;
    height: 75px;
}

.support-container-header-buttons-previous-contents,
.support-container-header-buttons-close-contents {
    width: 50px;
    height: 50px;
    padding: 8px;
    margin: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}

.support-container-header-buttons-close:hover .support-container-header-buttons-close-contents,
.support-container-header-previous:hover:hover .support-container-header-buttons-previous-contents {
    background-color: rgba(0, 0, 0, .1);
}

.support-container-header-title {
    color: #fff;
    font-size: 18px;
    line-height: 1.1em;
}

.support-container-header-title-previous {
    color: #fff;
    font-size: 18px;
    line-height: 1.1em;
    margin-left: 25px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
}

.support-container-header-previous {
    cursor: pointer;
}

.support-container-header-previous:hover .support-container-header-title-previous {
    margin-left: 40px;
}

.support-container-body {
    position: absolute;
    top: 75px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
}

.support-container-option {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 25px;
    padding: 20px;
    cursor: pointer;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
}

.support-container-option-clickable:hover .support-container-option-title {
    color: #6559d2;
}

.support-container-option-clickable:hover {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    margin-left: 30px;
    margin-right: 20px;
}

.support-container-option-title {
    font-size: 18px;
    font-weight: 700;
}

.support-container-option-description {
    font-size: 12px;
}

.support-container.ng-hide {
    opacity: 0 !important;
    bottom: 0;
}

.support-container {
    z-index: 2147483000 !important;
    position: fixed !important;
    bottom: 20px;
    right: 20px;
    height: calc(100% - 20px - 20px);
    width: 370px !important;
    min-height: 250px !important;
    max-height: 595px !important;
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16) !important;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    background: #fff;
    transition: all ease-in 200ms;
}

.support-container-header {
    z-index: 2147483001;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 75px;
    background-color: #6559d2;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    padding: 29px 0 0 30px;
}

.support-container-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 6px 6px;
}

.support-launcher-title {
    position: fixed;
    bottom: 30px;
    right: 92px;
    font-size: 22px;
    display: none;
    font-family: Inter, sans-serif;
    color: #6559d2;
}

.support-launcher:hover .support-launcher-title {
    display: inline-block;
}

.support-launcher-button-icon {
    width: 67px;
    height: 67px;
    margin-top: -11px;
    margin-left: -17px;
    transition: all .5s ease-in-out;
    transform: scale(1);
}

.support-launcher-button:hover {
    transition: all .3s ease-in-out;
    transform: scale(1.1);
}

.support-launcher-button {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 27px;
    padding: 27px;
    font-size: 37px;
    background: #6559d2;
    position: fixed;
    bottom: 21px;
    /* Adjust to where you want it */
    right: 21px;
    /* Adjust to where you want it */
    z-index: 9999;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    -webkit-box-shadow: -5px 10px 84px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: -5px 10px 84px 0px rgba(0, 0, 0, 0.16);
    box-shadow: -5px 10px 84px 0px rgba(0, 0, 0, 0.16);
    visibility: visible;
    opacity: 100;
    transition: visibility 2s 0s, opacity 2s linear;
}

.support-launcher-button .height_fix {
    margin-top: 100%;
}

.support-launcher-button .content {
    position: absolute;
    left: 0;
    top: 49%;
    height: 100%;
    width: 100%;
    color: #fff;
    margin-top: -22px;
    margin-left: 13px;
}

.support-container-review {
    position: absolute;
    bottom: 15px;
    right: 95px;
    padding: 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #999;
    font-size: 12px;
    text-decoration: none !important;
}

.support-container-review:hover {
    color: #6559d2;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.support-container-review:visited,
.support-container-review:active {
    text-decoration: none !important;
}

/* General
-------------------------------------------------- */

.edit-vat {
    float: right!important;
}

#cell-desc-estimate-type {
    width: 14%;
}

.invoice-edit .invoice-items #cell-desc-estimate {
    width: 35%;
}

#cell-buy {
    margin-left: 10px;
}

.width-price {
    width: 80px !important;
}

.mg-top-estimate {
    margin-top: 15px;
}

.mg-bottom-estimate {
    margin-bottom: 15px;
}

.mg-invoice-method {
    margin-top: -19px;
    margin-left: -1px !important;
    padding-right: 12px !important;
}

.estimate-edit table.table>tbody tr>td {
    vertical-align: top !important;
}

.has-error bm-signature-pad {
    border-color: #a94442 !important;
}

bm-signature-pad {
    display: block;
    width: 100%;
    height: 200px;
    border: 1px solid #ccc;
    margin-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.signature-container {
    text-align: right;
    margin-top: -10px;
}

.signature-clear {
    border: none;
    padding: 0;
    background: none;
    color: #999;
    margin-top: -1px !important;
    font-size: 12px;
    font-style: italic;
}

.signature-accept {
    font-size: 18px;
    margin-top: 6px;
}

.fade-in {
    opacity: 1;
    transition: all .5s;
}

.fade-out {
    opacity: 0;
    transition: all .5s;
}

/* External
-------------------------------------------------- */

.external {
    margin-top: 3px;
}

.external img {
    width: 15px;
    height: 15px;
    margin-top: -3px;
    margin-right: 7px;
}

.external a,
.external a:visited {
    color: #205081;
    font-size: 12px;
}

.external a:hover,
.external a:active {
    font-size: 12px;
    color: #205081;
    text-decoration: underline;
}

.jira {
    width: 10px;
    height: 10px;
    margin-top: -3px;
    margin-right: 3px;
}

/* Kvk
-------------------------------------------------- */

.search-kvk a,
.search-kvk a:visited {
    color: #2e2e2e;
}

/* Schedule
-------------------------------------------------- */

.schedule-nav .title-date-spinner {
    padding-left: 10px;
    font-size: 22px;
    position: absolute;
    top: -18px;
    left: 3px;
}

.schedule {
    min-height: 215px;
    position: relative;
}

.schedule-previous {
    height: 88px;
    width: 34px;
    position: absolute;
    left: 294px;
    top: 127px;
    background: #6559d2;
    color: #fff;
    padding: 31px 8px;
    font-size: 22px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    z-index: 1030;
    display: none;
    -webkit-animation: 0.3s fadeIn ease;
    animation: 0.3s fadeIn ease;
}

    .schedule-previous:hover,
    .schedule-next:hover {
        transition: all 0.3s ease-in-out;
        background-color: #5245cd;
    }

.schedule-next {
    height: 88px;
    width: 34px;
    position: absolute;
    right: 2px;
    top: 127px;
    background: #6559d2;
    color: #fff;
    padding: 31px 9px;
    font-size: 22px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: pointer;
    z-index: 1030;
    display: none;
    -webkit-animation: 0.3s fadeIn ease;
    animation: 0.3s fadeIn ease;
    border-left: 1px solid #17a689;
    border-top: 1px solid #17a689;
    border-bottom: 1px solid #17a689;
}

.schedule-group-header {
    padding: 5px 10px 4px 10px;
    font-size: 12px;
    background: rgb(243, 243, 243);
    font-weight: bold;
    border-left: 1px solid #cfd6e4;
    border-right: 1px solid #cfd6e4;
    border-bottom: 1px solid #cfd6e4;
    height: 27px;
}

.schedule-main {
    margin-right: 295px;
    position: relative;
}

.schedule-main.ui-scrollfix {
    margin-top: 125px;
}

.schedule-main-left {
    width: 295px;
    height: 100%;
    background: #fff;
}

.schedule-main-right {
    position: absolute;
    width: 100%;
    left: 294px;
    top: 0;
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    background: #fff;
}

.schedule-scroll {
    width: 0;
}

.schedule-main-right {
    position: absolute;
    width: 100%;
    left: 294px;
    top: 0;
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.schedule-main-right::-webkit-scrollbar {
    display: none;
}

.schedule-item-timeoff {
    background-image: linear-gradient(-45deg, #eee 25%, transparent 25%, transparent 50%, #eee 50%, #eee 75%, transparent 75%, transparent);
    background-size: 4px 4px;
}

.schedule-grid {
    height: 100%;
    position: absolute;
    width: 0;
}

.schedule-grid-week {
    float: left;
    height: 100%;
}

.schedule-grid-day {
    border-left: 1px dashed #ddd;
    float: left;
    height: 100%;
    width: 43px;
}

.schedule-grid-day:first-of-type {
    border-left: 1px solid #ccc;
}

.schedule-grid-week:last-of-type .schedule-grid-day:last-of-type {
    border-right: 1px solid #ccc;
}

.schedule-grid-day:nth-of-type(6),
.schedule-grid-day:nth-of-type(7) {
    background: rgba(244, 244, 244, 0.4);
}

.schedule-header-day:nth-of-type(6),
.schedule-header-day:nth-of-type(7) {
    background: rgba(244, 244, 244, 0.4);
}

.schedule-grid-day.schedule-today {
    background: rgba(189, 234, 221, 0.4);
}

.schedule-subnav {
    position: relative;
    margin-right: 295px;
}

.schedule-header-search {
    height: 66px;
    border: 1px solid #ccc;
    position: relative;
    width: 295px;
}

.cursor-help {
    cursor: help;
}

.schedule-header-search i {
    position: absolute;
    top: 25px;
    right: 15px;
    color: #aaa;
    font-size: 16px;
    cursor: pointer;
}

.schedule-header-timeline {
    height: 66px;
    left: 294px;
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.schedule-header-timeline::-webkit-scrollbar {
    display: none;
}

.schedule-header-week {
    text-align: center;
    float: left;
    height: 100%;
    position: relative;
}

.schedule-header-days {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.schedule-header-day {
    border-left: 1px dashed #ccc;
    float: left;
    height: 100%;
    width: 43px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
}

.schedule-header-day-name {
    color: #aaa;
}

.schedule-header-day-number {
    color: #aaa;
}

.schedule-header-days .schedule-header-day:first-of-type {
    border-left: 1px solid #ccc;
}

.schedule-header-date {
    padding: 5px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: none;
}

.schedule-header-week:last-of-type .schedule-header-date {
    border-right: 1px solid #ccc;
}

.schedule-header-week:last-of-type .schedule-header-day:nth-of-type(7) {
    border-right: 1px solid #ccc;
}

.schedule-header-week-number {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    background: rgba(244, 244, 244, 0.4);
    color: #aaa;
    padding: 2px;
    font-size: 12px;
}

.schedule-header-search input {
    border: none;
    box-shadow: none;
    padding: 20px;
    width: 100%;
    height: 63px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    font-size: 14px !important;
    color: #aaa;
}

.schedule-item {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 100%;
    position: relative;
    border-left: 3px solid #6559d2;
    border-top: 1px solid #ccc;
    margin-top: -1px;
    padding-bottom: 4px;
}

.schedule-item:first-of-type {
    border-top: none;
    margin-top: 0;
}

.schedule-main-by-user .schedule-item {
    border-left: none;
}

.schedule-item-timeline {
    border-bottom: 1px solid #ccc;
    width: 100%;
    position: relative;
    border-top: 1px solid #ccc;
    margin-top: -1px;
    padding-bottom: 4px;
}

/*.schedule-item-timeline.schedule-item-expand,
.schedule-item.schedule-item-expand {
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #ccc;
}*/

/*.schedule-item-expand {
    margin: 4px 0;
    padding-bottom: 5px;
}*/

.schedule-item-parent {
    height: 52px;
}

.schedule-item-child {
    height: 36px;
    position: relative;
}

.schedule-item-child-label {
    padding: 0 11px;
    text-align: right;
    width: 295px;
    height: 36px;
    position: relative;
}

.schedule-item-parent-label {
    padding: 8px 55px 0 12px;
    height: 100%;
    position: relative;
    transition: background 0.3s linear;
}

.schedule-item-parent-timeline {
    height: 52px;
}

.schedule-item-child-timeline {
    height: 36px;
}

.schedule-item-child-label {
    position: relative;
    padding: 10px;
    text-align: right;
    font-size: 13px;
}

.schedule-header-search-hours {
    position: absolute;
    top: 0;
    left: 245px;
    border-left: 1px dashed #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 12px;
    width: 50px;
    padding: 25px 1px 22px 1px;
    text-align: center;
    background: #fff;
}

.schedule-item-parent-hours {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px dashed #ccc;
    font-size: 11px;
    width: 49px;
    padding: 10px 3px 6px 1px;
    text-align: right;
    background: #fff;
    height: 56px;
}

.schedule-item-child-hours {
    position: absolute;
    top: 0;
    right: 4px;
    border-left: 1px dashed #ccc;
    font-size: 11px;
    width: 44px;
    padding: 14px 3px 26px 1px;
    text-align: right;
    background: #fff;
    height: 39px;
}

.schedule-item-child-hours-last {
    position: absolute;
    top: 0;
    right: 4px;
    border-left: 1px dashed #ccc;
    font-size: 11px;
    width: 49px;
    padding: 5px 3px;
    text-align: right;
    background: #fff;
    height: 39px;
}

.schedule-item-parent-expand-icon {
    position: absolute;
    right: 10px;
    top: 11px;
}

.show-scheduled-hours .schedule-item-parent-label {
    padding: 8px 82px 0 12px !important;
}

.show-scheduled-hours .schedule-header-search {
    width: 246px;
}

.show-scheduled-hours .schedule-item-parent-expand-icon {
    right: 52px !important;
}

.show-scheduled-hours .schedule-item-child-label {
    padding-right: 45px !important;
}

.show-scheduled-hours .schedule-user-picture {
    right: 61px !important;
}

.schedule-item-parent:hover .show-on-hover {
    display: block !important;
}

/*.schedule-item-expand {
    border-top: 1px solid #ccc;
}*/

/*.schedule-item-expand:after,
.schedule-item-expand:before {
    background: #eee;
    left: -3px;
    position: absolute;
    width: 100%;
    content: "";
    height: 4px;
    top: -5px;
}

.schedule-item.schedule-item-expand:after,
.schedule-item.schedule-item-expand:before {
    width: 295px;
}*/

/*.schedule-item-timeline.schedule-item-expand:after,
.schedule-item-timeline.schedule-item-expand:before {
    width: 3615px;
}*/

/*.schedule-item-expand:after {
    bottom: -6px;
    height: 5px;
    top: auto;
}*/

.schedule-item-parent:hover {
    cursor: pointer;
}

.schedule-header-day.schedule-today {
    border-top: 2px solid #6559d2;
    margin-top: -2px;
    background: rgba(189, 234, 221, 0.4);
}

.schedule-header-date.schedule-today {
    border-top: 2px solid #6559d2;
    margin-bottom: -1px;
}

schedule-milestone-row {
    position: relative;
    display: block;
    height: 52px;
    overflow: hidden;
    z-index: 999;
}

schedule-assignment-row {
    position: relative;
    display: block;
    height: 41px;
    overflow: hidden;
    z-index: 999;
}

schedule-assignment-row .assignment {
    position: absolute;
    top: 5px;
    bottom: 5px;
    border-radius: 3px;
    white-space: nowrap;
    line-height: 32px;
    color: #fff;
    padding-left: 10px;
    font-size: 12px;
    background-color: #6559d2;
    opacity: 0.8;
}

schedule-assignment-row .assignment-intern {
    background-color: rgb(31, 37, 50);
    opacity: 0.35;
    background-image: linear-gradient(-45deg, #eee 25%, transparent 25%, transparent 50%, #eee 50%, #eee 75%, transparent 75%, transparent);
    background-size: 4px 4px;
}

schedule-milestone-row .milestone {
    position: absolute;
    top: 5px;
    bottom: 5px;
    border-radius: 3px;
    color: #fff;
    padding-left: 2px;
    font-size: 9px;
    background-color: #6559d2;
}

schedule-milestone-row .milestone-title {
    display: table-cell;
    vertical-align: middle;
    height: 41px;
    text-align: center;
}

schedule-milestone-row .add-milestone,
schedule-assignment-row .add-assignment {
    opacity: 0.6;
    display: none;
    cursor: pointer;
}

schedule-milestone-row:hover .add-milestone,
schedule-assignment-row:hover .add-assignment {
    display: block;
}

schedule-milestone-row.slot-hover .add-milestone,
schedule-assignment-row.slot-hover .add-assignment {
    display: none;
}

schedule-milestone-row.dragging .add-milestone,
schedule-assignment-row.dragging .add-assignment {
    display: none;
}

schedule-milestone-row schedule-milestone,
schedule-assignment-row schedule-assignment {
    -webkit-transition: background 0.1s ease-in;
    cursor: pointer;
    min-width: 10px !important;
}

schedule-milestone-row schedule-milestone.disable,
schedule-assignment-row schedule-assignment.disable {
    cursor: not-allowed;
    color: #666;
    background: #c0c0c0;
}

schedule-assignment-row schedule-assignment .handle {
    position: absolute;
    top: 0;
    bottom: 0;
}

schedule-assignment-row schedule-assignment .handle.left,
schedule-assignment-row schedule-assignment .handle.right {
    width: 5px;
    background: #000;
    cursor: col-resize;
    opacity: 0.1;
}

schedule-assignment-row schedule-assignment.disable .handle {
    cursor: not-allowed;
}

schedule-assignment-row schedule-assignment .handle.left:hover,
schedule-assignment-row schedule-assignment .handle.right:hover {
    opacity: 0.3;
}

schedule-assignment-row schedule-assignment .handle.left {
    left: 0;
}

schedule-assignment-row schedule-assignment .handle.right {
    right: 0;
}

schedule-milestone-row schedule-milestone.active,
schedule-assignment-row schedule-assignment.active {
    z-index: 10;
}

.schedule-main-by-project .schedule-user-picture {
    height: 25px;
    width: 25px;
    position: absolute;
    right: 14px;
    top: 8px;
}

.schedule-main-by-user .schedule-user-picture {
    height: 52px;
    width: 52px;
    position: absolute;
    left: 0;
    top: 0;
}

.schedule-main-by-project .schedule-user-name {
    margin-right: 40px;
}

.schedule-main-by-user .schedule-user-name {
    padding-left: 50px;
    font-weight: bold;
}

.schedule-main-by-user .schedule-project-color {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 8px;
    height: 28px;
    border-radius: 5px;
    background-color: #6559d2;
}

.schedule-main-by-user .schedule-project-name {
    margin-right: 30px;
}

.schedule-main-by-user .text-muted {
    font-size: 10px;
}

.schedule-main-by-user .text-bold {
    font-size: 12px;
    margin-top: -2px;
}

.schedule-main-by-user .schedule-item-child-label {
    padding: 4px 0;
}

/*.schedule-item-child.ng-hide-add {
    -webkit-animation: 0.2s lightSpeedOut ease;
    animation: 0.2s lightSpeedOut ease;
}*/

.schedule-item-child.ng-hide-remove {
    -webkit-animation: 0.3s flipInX ease;
    animation: 0.3s flipInX ease;
}

.schedule-capacity-week {
    float: left;
    height: 100%;
    width: 301px;
}

.schedule-capacity-day {
    float: left;
    height: 48px;
    width: 43px;
}

.schedule-capacity-week-heatmap {
    margin: 4px 2px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.schedule-capacity-day-heatmap {
    margin: 4px 2px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.schedule-capacity-week-heatmap .heatmap-percentage {
    padding-left: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
}

.schedule-capacity-week-heatmap .heatmap-hours {
    padding-left: 10px;
    font-size: 13px;
    color: #ccc;
    margin-top: -3px;
}

.schedule-capacity-day-heatmap .heatmap-hours {
    color: #fff;
    font-size: 12px;
    padding-top: 14px;
    text-align: center;
}

.heatmap-warning {
    background: rgba(245, 121, 18, 0.8);
}

.heatmap-danger {
    background: rgba(217, 83, 79, 0.8) !important;
}

.heatmap-success {
    background: rgba(71, 164, 71, 0.8) !important;
}

.heatmap-not-available {
    background: rgba(31, 37, 50, 0.8) !important;
}

.schedule-project-day {
    visibility: hidden;
    width: 43px;
    height: 44px;
    margin-top: 4px;
    margin-bottom: 4px;
    float: left;
    background-color: #6559d2;
    opacity: 0.8;
}

.schedule-project-week {
    float: left;
}

.schedule-project-heatmap {
    z-index: 99;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.schedule-project-day-scheduled {
    visibility: visible;
}

.schedule-item-parent-label .project-label-intern {
    font-weight: bold;
    padding-top: 8px;
}

.schedule-item-child-label .project-label-intern {
    font-weight: bold;
    padding-top: 5px;
}

.ui-scrollfix .schedule-main {
    margin-top: 120px;
}

.ui-scrollfix .schedule-header {
    position: fixed;
    top: 95px;
    z-index: 1029;
    background-color: #fff;
    padding-top: 20px;
    border-bottom: 1px solid #cfd6e4;
    width: 100%;
    padding-right: 120px;
}

@media only screen and (max-height: 800px) {
    .overview-controls.ui-scrollfix {
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 1038;
        top: 117px;
        left: 0px;
        border-bottom: 1px solid #cfd6e4;
        padding-top: 7px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 !important;
    }

    .overview-filter-row.ui-scrollfix {
        margin-top: 65px !important;
    }
}

.schedule-header-search input {
    padding-left: 12px;
    padding-right: 12px;
}

.schedule-main,
.schedule-header {
    background: #fff;
}

/* Tooltip
-------------------------------------------------- */
tooltip tip-tip {
    font-weight: normal;
    font-size: 14px;
}

tooltip tip.large {
    min-width: 250px;
}

tooltip tip {
    z-index: 9999999;
    min-width: 150px;
}

i.fa-question-circle {
    cursor: help;
    color: #999;
}

i.fa-question-circle:hover {
    color: #555;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Setup
-------------------------------------------------- */

.setup-intro-block {
    border: 1px solid #cfd6e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 25px 25px 0;
    padding: 25px;
}

.setup-intro-block-icon i {
    font-size: 70px;
    color: #ddd;
}

.setup-intro-block-icon {
    float: left;
    padding: 0 18px;
}

.setup-intro-block-text {
    margin-left: 123px;
}

/* Animations
-------------------------------------------------- */

.animations-fade.ng-hide {
    opacity: 0;
}

.animations-fade.ng-hide-remove {
    transition: all ease-in 300ms;
}

/* Embed
-------------------------------------------------- */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Slider
-------------------------------------------------- */

.rzslider {
    margin-top: 15px;
}

.rzslider .rz-pointer {
    background-color: #6559d2;
    top: -10px;
    width: 24px;
    height: 24px;
}

.rzslider .rz-pointer:after {
    top: 9px;
    left: 9px;
    width: 6px;
    height: 6px;
}

.rzslider .rz-pointer.rz-active:after {
    background-color: #17a689;
}

/* Import Csv Column
-------------------------------------------------- */

.import-csv-column {
    border: 1px solid #cfd6e4;
    border-radius: 5px;
    margin-bottom: 20px;
}

.import-csv-column .title {
    padding: 10px;
}

.import-csv-column .title .icon-check {
    color: #6559d2;
    position: absolute;
    font-size: 16px;
    right: 31px;
    top: 23px;
}

.block-info-actions {
    float: right;
    margin-top: -5px;
}

.import-csv-column .title .btn {
    width: 100%;
    margin-bottom: 5px;
}

.import-csv-column .col-md-2 {
    text-align: center;
}

.import-csv-column .row {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-right: 0;
    margin-left: 0;
    border-bottom: 1px dashed #ddd;
}

.import-csv-column .row.header {
    background: #fbfbfb;
}

.import-csv-column .row:last-child {
    border-bottom: none;
}

.import-csv-modal .block-info h4 {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.import-csv-modal .modal-title span {
    color: #eee;
    float: right;
    font-size: 18px;
}

.import-csv-modal .block-dragdrop h3 {
    margin-top: 8px;
}

.text-limit {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

/* blocks
-------------------------------------------------- */

.block {
    border: 1px solid #cfd6e4;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    cursor: pointer;
}

.block-info {
    border: 1px solid #e1e7ea;
    padding: 15px;
    background: #fbfbfb;
    margin-bottom: 20px;
    border-radius: 5px;
}

.block:hover,
.block.active {
    border-color: #6559d2;
}

.block .block-icon {
    text-align: center;
    font-size: 50px;
    padding: 15px 15px 0 15px;
    color: #a2aabd;
}

.block:hover .block-icon,
.block.active .block-icon {
    color: #6559d2;
}

.block .block-title {
    margin: 13px 0 2px;
    padding-bottom: 2px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
}

.block .block-description {
    color: #a2aabd !important;
    font-size: 12px;
}

.block .block-check {
    float: right;
    color: #6559d2;
    display: none;
}

.block.active .block-check {
    display: inline-block;
}

.block-dragdrop {
    border: 1px dashed #e1e7ea;
    padding: 30px;
    background: #fbfbfb;
    border-radius: 5px;
}

.block-dragdrop.accept-file {
    border: 1px dashed #6559d2 !important;
}

.block-dragdrop.reject-file {
    border: 1px dashed #d2322d !important;
}

/* Welcome setup
-------------------------------------------------- */

.welcome-setup-modal .modal-body {
    padding-bottom: 10px;
}

.welcome-setup-modal .modal-header {
    background: #6559d2;
    text-align: center;
}

.welcome-setup-modal .modal-header hr {
    background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
    margin: 6px 0 20px 0;
}

.welcome-setup-modal .modal-header h1 {
    color: #fff;
    font-size: 32px;
    margin-top: 5px;
    margin-bottom: 5px
}

.welcome-setup-modal .modal-header h4 {
    color: #fff;
    margin-bottom: 5px;
    margin-top: 5px;
}

.welcome-setup-modal .modal-header h5 {
    color: #e6e6e6;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 14px;
}

.welcome-setup-modal .appcenter-apps {
    padding: 0 !important;
}

.welcome-setup-modal .appcenter-apps .app-description {
    font-size: 13px;
}

.welcome-setup-modal .appcenter-apps .thumbnail {
    cursor: pointer;
}

.welcome-setup-modal .appcenter-apps .thumbnail .thumb-icon {
    text-align: center;
    font-size: 50px;
    padding: 15px 15px 0 15px;
    color: #a2aabd;
}

.welcome-setup-modal .appcenter-apps .thumbnail:hover .thumb-icon {
    color: #6559d2;
}

.welcome-setup-modal .appcenter-apps .thumbnail:hover .thumb-preview .app-thumb-options {
    background: none;
}

.welcome-setup-modal .appcenter-apps .thumbnail.active .thumb-preview .app-thumb-options {
    background: rgba(0, 0, 0, 0.7) !important;
}

.welcome-setup-modal .appcenter-apps .thumbnail.active .deactivate-text {
    display: none;
}

.welcome-setup-modal .appcenter-apps .thumbnail.active:hover .activated-text {
    display: none;
}

.welcome-setup-modal .appcenter-apps .thumbnail.active:hover .app-toolbar {
    background: #d9534f;
}

.welcome-setup-modal .appcenter-apps .thumbnail.active:hover .deactivate-text {
    display: block;
}

/* Loading Clock
-------------------------------------------------- */

.loading-clock {
    margin: 50px auto;
    width: 100px;
    height: 100px;
    border: 3px solid #6559d2;
    border-radius: 100%;
    position: relative;
}

.loading-clock:before,
.loading-clock:after {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    left: 50px;
    /* half width of clock - half width of hand */
    background: #6559d2;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

/* Animations */

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Big hand */

.loading-clock:before {
    top: 30px;
    height: 50px;
    /* half the width/height of the clock */
    transform-origin: 1px 15px;
    animation: rotate .35s infinite linear;
}

/* Little hand */

.loading-clock:after {
    top: 35px;
    height: 35px;
    /* top + height for little hand must = top + height for big hand */
    transform-origin: 1px 9px;
    animation: rotate 4.2s infinite linear;
    /* time should be big-hand time * 12 */
}

/* Loader
-------------------------------------------------- */

.cs-loader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.cs-loader-inner {
    transform: translateY(-50%);
    top: 100px;
    position: absolute;
    width: 100%;
    color: #FFF;
    padding: 0 100px;
    text-align: center;
}

.cs-loader-inner label {
    font-size: 20px;
    opacity: 0;
    display: inline-block;
    color: #6559d2;
}

@keyframes lol {
    0% {
        opacity: 0;
        transform: translateX(-300px);
    }
    33% {
        opacity: 1;
        transform: translateX(0px);
    }
    66% {
        opacity: 1;
        transform: translateX(0px);
    }
    100% {
        opacity: 0;
        transform: translateX(300px);
    }
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }
    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
    }
}

.cs-loader-inner label:nth-child(6) {
    -webkit-animation: lol 3s infinite ease-in-out;
    animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
    -webkit-animation: lol 3s 100ms infinite ease-in-out;
    animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
    -webkit-animation: lol 3s 200ms infinite ease-in-out;
    animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
    -webkit-animation: lol 3s 300ms infinite ease-in-out;
    animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
    -webkit-animation: lol 3s 400ms infinite ease-in-out;
    animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
    -webkit-animation: lol 3s 500ms infinite ease-in-out;
    animation: lol 3s 500ms infinite ease-in-out;
}

/* General
-------------------------------------------------- */

#profile-dropdown > li > a,
#profile-dropdown a,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar-inverse .navbar-collapse .nav > li > a {
    font-family: Inter, sans-serif;
}

.btn i {
    font-size: 12px;
}

.border-left-grey {
    border-left-color: #F8F8F8 !important;
}

.border-right-grey {
    border-right-color: #F8F8F8 !important;
}

.border-right-none {
    border-right: none !important;
}

/* Switch
-------------------------------------------------- */

.switch-timechimp.checked {
    background-color: #6559d2;
    border-color: #5245cd;
}

.switch .off {
    right: 19%;
    top: 28%;
}

.switch .on {
    left: 19%;
    top: 28%;
}

.switch {
    width: 66px;
    height: 27px;
    margin-top: 5px;
}

.switch.checked small {
    left: 39px;
}

    .switch small {
        width: 27px;
        height: 27px;
    }

    .switch .switch-text {
        font-size: 11px;
    }

    .form-group-switch {
        position: relative;
    }

.form-group-switch-label {
    position: absolute;
    top: 15px;
    right: 85px;
}

/* Datepicker
-------------------------------------------------- */

.datepicker .switch {
    display: table-cell !important;
    border: none !important;
}

.uninvoiced-datepickers .form-control {
    height: 38px !important;
    font-size: 14px !important;
}

.uninvoiced-datepickers {
    display: inline-block;
    margin-right: 10px
}

.uninvoiced-datepickers .width-150 {
    height: 29px;
}

/* Animations
-------------------------------------------------- */

.recording {
    animation: blinker 4s linear infinite;
    color: red !important;
}

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}

.rotate,
.rotateCounterwise {
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all;
}

.rotate {
    -webkit-transform: rotate(45deg);
}

.rotateCounterwise {
    -webkit-transform: rotate(0deg);
}

/* Setup
-------------------------------------------------- */

.close-setup-button {
    font-size: 13px;
    color: #999;
    margin-left: -15px;
}

/* Option panels
-------------------------------------------------- */

.option-panel {
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.option-panel h4 {
    margin-bottom: 20px;
    margin-top: 0;
}

.option-panel:hover {
    background-color: rgb(244, 244, 244);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Page loader
-------------------------------------------------- */

.page-loader {
    position: absolute;
    top: 35%;
    left: 50%;
    font-size: 10px;
    margin-left: -25px;
    text-indent: -9999em;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #eee;
    background: -moz-linear-gradient(left, #6559d2 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #6559d2 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #6559d2 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #6559d2 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #6559d2 10%, rgba(255, 255, 255, 0) 42%);
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
}

.page-loader:before {
    width: 50%;
    height: 50%;
    background: #6559d2;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.page-loader:after {
    background: #eee;
    opacity: 0.8;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.page-loader.ng-hide {
    animation: none;
}

/* Hopscotch
-------------------------------------------------- */

div.hopscotch-bubble {
    border: 1px solid #cfd6e4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
    left: -18px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
    left: 1px;
    top: -34px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
    border-right: 17px solid #ccc;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
    right: -34px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
    left: 0;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
    border-left: 17px solid #ccc;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
    top: -18px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    top: -16px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
    border-bottom: 17px solid #ccc;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
    bottom: -35px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    top: -18px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
    border-top: 17px solid #ccc;
}

div.hopscotch-bubble .hopscotch-bubble-number {
    display: none;
}

div.hopscotch-bubble h3 {
    font-weight: normal;
    font-size: 20px;
    margin: 5px 15px 10px 0;
}

div.hopscotch-bubble .hopscotch-bubble-content {
    margin: 0 0 0 10px;
}

div.hopscotch-bubble .hopscotch-content {
    font-family: Inter, sans-serif !important;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
}

div.hopscotch-bubble .hopscotch-nav-button.next {
    background: none;
    background-color: #6559d2;
    border-color: #17a689;
    color: #fff;
    text-shadow: none;
    padding: 6px 14px;
    box-shadow: none;
    font-weight: normal;
    height: auto;
    font-size: 14px;
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover {
    background: none;
    background-color: #17a689;
    border-color: #5245cd;
}

div.hopscotch-bubble .hopscotch-nav-button.prev {
    background: none;
    background-color: #fff;
    border-color: rgb(204, 204, 204);
    color: #2e2e2e;
    text-shadow: none;
    padding: 6px 14px;
    box-shadow: none;
    font-weight: normal;
    height: auto;
    font-size: 14px;
}

div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
    background: none;
    background-color: #e6e6e6;
    border-color: #adadad;
}

div.hopscotch-bubble .hopscotch-bubble-close {
    top: 15px;
    right: 15px;
}

div.hopscotch-bubble .hopscotch-actions {
    padding: 5px;
}

/* AppCenter
-------------------------------------------------- */

.appcenter-apps {
    padding: 5px 0 30px;
}

.appcenter-apps .thumbnail {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.appcenter-apps .thumbnail .thumb-preview {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.appcenter-apps .thumbnail .thumb-preview .thumb-image {
    display: block;
    overflow: hidden;
    max-height: 165px;
}

.appcenter-apps .thumbnail .thumb-preview img {
    width: 100%;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    border-radius: 5px;
    max-height: 80px;
}

@media (min-width: 1200px) {
    .appcenter-apps .thumbnail .thumb-preview img {
        max-height: 99px;
    }
}

@media (min-width: 1400px) {
    .appcenter-apps .thumbnail .thumb-preview img {
        max-height: 115px;
    }
}

@media (min-width: 1600px) {
    .appcenter-apps .thumbnail .thumb-preview img {
        max-height: 130px;
    }
}

@media (min-width: 1800px) {
    .appcenter-apps .thumbnail .thumb-preview img {
        max-height: 145px;
    }
}

.appcenter-apps .thumbnail .thumb-preview .app-thumb-options {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    overflow: hidden;
}

    .appcenter-apps .thumbnail .thumb-preview .app-thumb-options .app-zoom {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px 10px 5px;
        font-size: 22px;
        font-size: 2.2rem;
        color: #fff;
        background-color: #6559d2;
        border-radius: 0 0 0 15px;
        cursor: pointer;
        -webkit-transition: -webkit-transform 0.1s linear 0.1s;
        -moz-transition: -moz-transform 0.1s linear 0.1s;
        -ms-transition: -ms-transform 0.1s linear 0.1s;
        transition: transform 0.1s linear 0.1s;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    .appcenter-apps .thumbnail .thumb-preview .app-thumb-options .app-toolbar {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #6559d2;
        color: #fff;
        padding: 6px 10px;
        -webkit-transition: -webkit-transform 0.1s linear 0.1s;
        -moz-transition: -moz-transform 0.1s linear 0.1s;
        -ms-transition: -ms-transform 0.1s linear 0.1s;
        transition: transform 0.1s linear 0.1s;
        -webkit-transform: translate(0, 100%);
        -moz-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }

.appcenter-apps .thumbnail .thumb-preview .app-thumb-options .app-toolbar:after {
    content: "";
    display: table;
    clear: both;
}

.appcenter-apps .thumbnail .thumb-preview .app-thumb-options .app-toolbar .app-option {
    margin: 0;
}

.appcenter-apps .thumbnail .thumb-preview .app-thumb-options .app-toolbar .app-group>a {
    color: #fff;
    padding: 0 5px;
}

.appcenter-apps .thumbnail .thumb-preview .app-thumb-options .app-toolbar .app-group .app-toggle {
    color: #fff;
    background: none;
    border: none;
    padding: 2px 2px 2px 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

    .appcenter-apps .thumbnail .app-title {
        margin: 13px 0 2px;
        padding-bottom: 2px;
        display: inline-block;
        font-size: 16px;
        white-space: nowrap;
    }

.appcenter-apps .thumbnail .app-title small {
    position: relative;
    top: 0;
    left: 0;
    color: #9e9e9e;
    opacity: 0;
    z-index: 1;
    font-size: 10px;
    font-size: 1rem;
}

.appcenter-apps .thumbnail .app-description:after {
    content: "";
    display: table;
    clear: both;
}

.appcenter-apps .thumbnail.thumbnail-selected {
    border-color: #FFF;
    box-shadow: 0 0 8px -1px #CCC;
}

.appcenter-apps .thumbnail.thumbnail-selected .app-title small {
    opacity: 1;
}

.appcenter-apps .thumbnail.thumbnail-selected .thumb-preview .app-thumb-options {
    visibility: visible;
}

.appcenter-apps .thumbnail.thumbnail-selected .thumb-preview .app-thumb-options .app-toolbar {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.appcenter-apps .thumbnail:hover .app-title small,
.appcenter-apps .thumbnail.active .app-title small {
    opacity: 1;
}

.appcenter-apps .thumbnail:hover .thumb-preview img,
.appcenter-apps .thumbnail.active .thumb-preview img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.appcenter-apps .thumbnail:hover .thumb-preview .app-thumb-options,
.appcenter-apps .thumbnail.active .thumb-preview .app-thumb-options {
    visibility: visible;
}

.appcenter-apps .thumbnail:hover .thumb-preview .app-thumb-options .app-zoom,
.appcenter-apps .thumbnail.active .thumb-preview .app-thumb-options .app-zoom {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.appcenter-apps .thumbnail:hover .thumb-preview .app-thumb-options .app-toolbar,
.appcenter-apps .thumbnail.active .thumb-preview .app-thumb-options .app-toolbar {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* Intercom
-------------------------------------------------- */

#intercom-container .intercom-conversations-header {
    background-color: #17a689;
}

#intercom-container .intercom-powered-by>a {
    display: none !important;
}

#intercom-container .intercom-link-container {
    display: none !important;
}

/* Lists
-------------------------------------------------- */

.list-inline>li {
    padding-top: 2px;
    padding-bottom: 2px;
}

.list-inline>li>i {
    font-size: 16px;
    color: #ccc;
    margin-right: 5px;
}

/* Modal
-------------------------------------------------- */

.modal-footer {
    padding: 10px 15px;
    background-color: #F8F8F8;
    border-top: 1px solid #cfd6e4;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-radius: 0 0 5px 5px;
    margin-top: -5px;
}

.modal-body {
    padding: 30px;
}

.modal-header {
    background: #f6f6f6;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #DADADA;
    padding: 18px;
}

.modal-title {
    color: #33353f;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-transform: none;
}

.modal-header-timechimp {
    background: #6559d2;
}

.modal-header-timechimp .modal-title {
    color: #fff;
}

.modal-wrapper {
    position: relative;
    padding: 15px 0;
}

.modal-icon {
    float: left;
    width: 20%;
    text-align: center;
}

.modal-icon i {
    font-size: 52px;
    position: relative;
    top: -10px;
    color: #cccccc;
}

.modal-icon.center {
    float: none;
    width: auto;
    padding-top: 20px;
}

.modal-icon.center+.modal-text {
    float: none;
    width: auto;
}

.modal-icon+.modal-text {
    float: left;
    width: 80%;
}

.modal-text {
    padding: 0 5px;
}

.modal-text h1,
.modal-text h2,
.modal-text h3,
.modal-text h4,
.modal-text h5,
.modal-text h6 {
    padding: 0;
    margin: -7px 0 4px 0;
}

@media (min-width: 1100px) {
    .modal-xlg {
        width: 1100px !important;
    }
}

@media (max-width: 1100px) {
    .modal-xlg {
        width: 99% !important;
    }
}

/* Connector
-------------------------------------------------- */

.connector-result {
    text-align: center;
    font-size: 22px;
    margin-top: 50px;
    margin-bottom: 65px;
}

/* Custom Checkbox
-------------------------------------------------- */

.checkbox-custom {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 7px;
    margin-top: 0;
}

.checkbox-custom.checkbox-inline {
    display: inline-block;
    vertical-align: middle;
}

.form-group .checkbox-custom.checkbox-inline {
    margin-top: 7px;
    padding-top: 0;
}

.checkbox-custom:last-child,
.checkbox-custom:last-of-type {
    margin-bottom: 0;
}

.checkbox-custom input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 3px;
    margin: -6px 0 0 0;
    z-index: 2;
    cursor: pointer;
}

.checkbox-custom input[type="checkbox"]:checked+label:after {
    position: absolute;
    display: inline-block;
    font-family: 'FontAwesome';
    content: '\F00C';
    top: 50%;
    left: 4px;
    margin-top: -5px;
    font-size: 11px;
    line-height: 1;
    width: 16px;
    height: 16px;
    color: #2e2e2e;
}

.checkbox-custom input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

.checkbox-custom input[type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

.checkbox-custom input[type="checkbox"]:disabled+label {
    cursor: not-allowed;
}

.checkbox-custom input[type="checkbox"]:disabled+label:before {
    background-color: #eee;
}

.checkbox-custom label {
    cursor: pointer;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.2;
}

.checkbox-custom label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    width: 19px;
    height: 18px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #fff;
}

.checkbox-custom label+label.error {
    display: block;
}

.checkbox-primary input[type="checkbox"]:checked+label:after {
    color: #fff;
}

.checkbox-primary label:before {
    background: #cccccc;
    border-color: #bfbfbf;
}

.checkbox-text-primary input[type="checkbox"]:checked+label:after {
    color: #cccccc;
}

.checkbox-success input[type="checkbox"]:checked+label:after {
    color: #fff;
}

.checkbox-success label:before {
    background: #47a447;
    border-color: #3f923f;
}

.checkbox-text-success input[type="checkbox"]:checked+label:after {
    color: #47a447;
}

.checkbox-warning input[type="checkbox"]:checked+label:after {
    color: #fff;
}

.checkbox-warning label:before {
    background: #ed9c28;
    border-color: #e89113;
}

.checkbox-text-warning input[type="checkbox"]:checked+label:after {
    color: #ed9c28;
}

.checkbox-danger input[type="checkbox"]:checked+label:after {
    color: #fff;
}

.checkbox-danger label:before {
    background: #d2322d;
    border-color: #bd2d29;
}

.checkbox-text-danger input[type="checkbox"]:checked+label:after {
    color: #d2322d;
}

.checkbox-info input[type="checkbox"]:checked+label:after {
    color: #fff;
}

.checkbox-info label:before {
    background: #5bc0de;
    border-color: #46b8da;
}

.checkbox-text-info input[type="checkbox"]:checked+label:after {
    color: #5bc0de;
}

.checkbox-dark input[type="checkbox"]:checked+label:after {
    color: #fff;
}

.checkbox-dark label:before {
    background: #171717;
    border-color: #0a0a0a;
}

.checkbox-text-dark input[type="checkbox"]:checked+label:after {
    color: #171717;
}

/* Nav Pills left
-------------------------------------------------- */

.nav-stacked>li+li {
    margin-top: 0;
}

.nav-pills>li>a {
    color: #2e2e2e;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 4px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #6559d2;
    background-color: #efedff;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    color: #6559d2;
    background-color: #efedff;
}
.nav-pills-title {
    font-size: 12px;
    color: #7987a1;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav-pills>li.active .nav-pills-arrow-left {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 7px solid #fff;
    position: absolute;
    right: 0;
    top: 5px;
}

/* Client
-------------------------------------------------- */

.client-project-structure {
    margin-left: 15px;
    display: block;
    border-left: 1px dashed #ccc;
    padding-left: 15px;
    margin-top: 10px;
}

.body-client {
    padding-top: 20px !important;
}

.header-client {
    margin-top: -20px;
    padding-bottom: 10px;
}

.header-client .navbar-inverse {
    background-color: #fff !important;
}

.header-client .navbar-header,
.header-client .navbar-collapse {
    margin-right: 0 !important;
}

.header-client .nav-tabs a {
    padding: 24px 17px 21px 25px;
}

.header-client .nav>li:hover>a {
    color: #595959 !important;
}

.footer-client {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-top: 60px !important;
    color: #bebebe !important;
    background-color: transparent !important;
}

/* Invoice
-------------------------------------------------- */

.bulk-invoice-active {
    background-color: #F8F8F8 !important;
    border-top: 1px solid #cfd6e4 !important;
}

.invoice-edit {
    position: relative;
    padding: 30px;
    min-height: 900px;
    color: #000;
}

.invoice-edit .invoice-items {
    margin-top: 50px !important;
    margin-bottom: 40px !important;
}

.invoice-edit .bill-notes {
    padding: 15px 0;
}

.invoice-edit address {
    line-height: 1.3em;
}

.invoice-edit .logo {
    max-height: 100px;
    max-width: 175px;
}

.invoice-edit footer {
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    border-top: 1px solid #CCC;
    padding-bottom: 50px;
    padding-top: 25px;
}

.invoice-edit header {
    border-bottom: 1px solid #DADADA;
    margin-bottom: 15px;
}

.invoice-edit header .h2,
.invoice-edit header .h4 {
    letter-spacing: 0;
}

.invoice-edit .bill-to,
.invoice-edit .bill-data {
    padding: 15px 0;
}

.invoice-edit .bill-data .value {
    display: inline-block;
    margin-left: 10px;
    width: 135px;
}

.invoice-edit table.table {
    table-layout: fixed;
}

.invoice-edit table.table>thead:first-child>tr>th {
    background-color: #F8F8F8;
    border-bottom: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
}

.invoice-edit table.table>tbody tr>td {
    border-color: #DADADA;
}

.invoice-edit .invoice-items>tbody tr:last-child>td {
    border-bottom: 1px solid #DADADA;
}

.invoice-edit .invoice-items #cell-id {
    width: 10%;
}

.invoice-edit .invoice-items #cell-item {
    width: 20%;
}

.invoice-sort-handler {
    opacity: .2;
    float: right;
    font-size: 21px;
    margin-top: 2px;
}

.invoice-edit .invoice-items #cell-desc {
    width: 52%;
}

.invoice-edit .invoice-items #cell-price {
    width: 12%;
}

.invoice-edit .invoice-items #cell-qty {
    width: 12%;
}

.invoice-edit .invoice-items #cell-total {
    width: 12%;
}

.invoice-edit .invoice-items #cell-tax {
    width: 12%;
}

.invoice-edit-summary .col-sm-4 {
    padding-left: 0;
}

.invoice-edit .section {
    border-top: 2px dashed #DFDFEA;
    border-left: 2px dashed #DFDFEA;
    border-right: 2px dashed #DFDFEA;
    padding: 30px;
}

.invoice-edit .section:last-child {
    border-bottom: 2px dashed #DFDFEA;
}

.invoice-edit footer.section {
    position: static;
    margin: 0;
}

.invoice-edit .section .label-default {
    font-size: 12px;
    font-weight: normal;
}

.invoice-edit .bill-data .value {
    width: 200px;
}

/* .invoice-edit .invoice-items > tbody > tr > td {
    cursor: move;
} */

.invoice-edit .invoice-items #cell-desc {
    width: 43%;
}

.invoice-edit .invoice-items #cell-code {
    width: 9%;
}

.invoice-edit .invoice-items #cell-delete {
    width: 3%;
}

.invoice-edit .delete-invoice-discount {
    margin-right: -27px;
}

.invoice-edit .invoice-items {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.invoice-layout {
    text-align: center;
}

.invoice-layout a:hover,
.invoice-layout a:active,
.invoice-layout a:focus,
.invoice-layout a:visited {
    text-decoration: none;
}

.invoice-layout a h5 {
    color: #000;
}

.invoice-layout a i {
    font-size: 60px;
    color: #ddd;
}

.invoice-layout a.selected-layout i {
    color: #aaa;
}

/* Mini Colors
-------------------------------------------------- */

.minicolors-theme-bootstrap .minicolors-swatch {
    width: 34px;
    height: 34px;
}

.minicolors-theme-bootstrap .minicolors-input {
    padding-left: 50px;
}

/* Timeline
-------------------------------------------------- */

.timeline .tm-body {
    position: relative;
    padding: 0 0;
}

.timeline .tm-body:after {
    background: #505050;
    content: '';
    display: block;
    height: 100%;
    left: 140px;
    margin-left: -2px;
    position: absolute;
    top: 0;
    width: 3px;
    z-index: 0;
    filter: alpha(opacity=35);
    opacity: 0.35;
}

.timeline .tm-title {
    position: relative;
    display: inline-block;
    text-align: center;
    min-width: 200px;
    background-color: #fff;
    padding: 4px 5px;
    margin: 0 40px;
    z-index: 1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.timeline .tm-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.timeline .tm-items>li {
    position: relative;
    margin: 15px 0;
    padding: 0 0 0 190px;
    min-height: 65px;
    z-index: 1;
}

.timeline .tm-items>li .tm-datetime {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100px;
    height: 48px;
    margin-top: -24px;
    text-align: right;
    z-index: 3;
}

.timeline .tm-items>li .tm-datetime .tm-datetime-time {
    color: #cccccc;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
}

.timeline .tm-items>li .tm-icon {
    position: absolute;
    top: 50%;
    left: 140px;
    background-color: #ecedf0;
    border: 3px solid #cccccc;
    color: #cccccc;
    font-size: 28px;
    padding: 10px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 29px;
    margin-top: -28px;
    margin-left: -28px;
    z-index: 2;
    -webkit-border-radius: 28px;
    border-radius: 28px;
}

.timeline .tm-items>li .tm-box {
    position: relative;
    background: #fff;
    min-height: 65px;
    padding: 10px 20px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.timeline .tm-items>li .tm-box-actions {
    position: relative;
    top: -36px;
}

.timeline .tm-items>li .tm-box:after {
    right: 100%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
    border-width: 8px;
    top: 50%;
    margin-top: -8px;
    z-index: 2;
}

.timeline .tm-items>li .tm-box p:last-child {
    margin-bottom: 0;
}

.timeline .tm-items>li .tm-box .tm-meta {
    margin: 10px 0 0;
}

.timeline .tm-items>li .tm-box .tm-meta span {
    display: inline-block;
    padding-right: 8px;
}

.timeline .tm-items>li .tm-box .tm-meta span:last-child,
.timeline .tm-items>li .tm-box .tm-meta span:last-of-type {
    padding-right: 0;
}

.timeline.timeline-simple .tm-body:after {
    left: 30px;
}

.timeline.timeline-simple .tm-body .tm-title {
    border: 1px solid #e9e9e9;
    margin: 0 10px;
}

.timeline.timeline-simple .tm-body .tm-items>li {
    padding: 0 0 0 55px;
}

.timeline.timeline-simple .tm-body .tm-items>li:before {
    display: block;
    position: absolute;
    content: ' ';
    background: none repeat scroll 0 0 #cccccc;
    border-radius: 50%;
    box-shadow: 0 0 0 3px white, 0 0 0 6px #cccccc;
    height: 7px;
    left: 30px;
    top: 50%;
    width: 8px;
    margin-left: -4px;
    margin-top: -4px;
}

.timeline.timeline-simple .tm-body .tm-items>li.tm-item-success:before {
    background: none repeat scroll 0 0 #47a447 !important;
}

.timeline.timeline-simple .tm-body .tm-items>li.tm-item-warning:before {
    background: none repeat scroll 0 0 #ed9c28 !important;
}

.timeline.timeline-simple .tm-body .tm-items>li.tm-item-danger:before {
    background: none repeat scroll 0 0 #d2322d !important;
}

.timeline.timeline-simple .tm-body .tm-items>li.tm-item-info:before {
    background: none repeat scroll 0 0 #5bc0de !important;
}

.timeline.timeline-simple .tm-body .tm-items>li .tm-box:before {
    left: -17px;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #e9e9e9;
    border-width: 8px;
    top: 50%;
    margin-top: -8px;
    z-index: 1;
}

@media only screen and (max-width: 991px) {
    .timeline .tm-body:after {
        left: 20px;
    }
    .timeline .tm-title {
        margin: 0;
    }
    .timeline .tm-items>li {
        padding-left: 50px;
    }
    .timeline .tm-items>li .tm-info {
        margin: 0 0 15px;
    }
    .timeline .tm-items>li .tm-info:after {
        content: "";
        display: table;
        clear: both;
    }
    .timeline .tm-items>li .tm-icon {
        border-width: 2px;
        float: left;
        font-size: 22px;
        height: 40px;
        line-height: 36px;
        margin: 0 15px 0 0;
        padding: 0;
        position: static;
        width: 40px;
    }
    .timeline .tm-items>li .tm-datetime {
        margin: 0;
        position: static;
        text-align: left;
    }
    .timeline .tm-items>li .tm-datetime .tm-datetime-date {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.3;
    }
    .timeline .tm-items>li .tm-datetime .tm-datetime-time {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 767px) {
    .timeline .tm-items>li .tm-box .tm-meta span {
        display: block;
    }
}

/* Badges
-------------------------------------------------- */

.badge {
    font-size: 10px;
    padding: 3px 8px;
    background: #858d9f;
    font-weight: 400;
}

.btn-default .badge {
    color: #2e2e2e;
    background-color: #eee;
}

.badge-danger {
    background-color: #d9534f !important;
    color: #fff !important;
}

/* User Year Info
-------------------------------------------------- */

.col-main-charts {
    padding-left: 25px;
}

.col-main-charts p {
    padding-left: 22px;
}

.text-hours-total {
    color: #0088cc;
    font-size: 14px;
    padding-right: 5px;
    opacity: 0.45;
}

.text-hours-overtime {
    color: #734ba9;
    font-size: 14px;
    padding-right: 5px;
    opacity: 0.45;
}

.text-hours-sick {
    color: #e36159;
    font-size: 14px;
    padding-right: 5px;
    opacity: 0.45;
}

.text-hours-surcharge {
    color: #F09948;
    font-size: 15px;
    padding-right: 5px;
    opacity: 0.45;
}

.text-hours-vacation {
    color: #1abc9c;
    font-size: 14px;
    padding-right: 5px;
    opacity: 0.45;
}

.fa-question {
    cursor: help;
}

/* Thumb
-------------------------------------------------- */

.thumb-info {
    position: relative;
}

.thumb-info .thumb-info-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(36, 27, 28, 0.9);
    bottom: 10%;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    left: 0;
    letter-spacing: -1px;
    padding: 3px 7px 3px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    z-index: 1;
}

.thumb-info .thumb-info-inner {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    white-space: nowrap;
}

.thumb-info .thumb-info-type {
    background-color: #cccccc;
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 8px -2px -15px -2px;
    padding: 2px 9px;
    text-transform: none;
}

.thumb-info .thumb-info-type {
    background-color: #6559d2;
}

/* View Loader
-------------------------------------------------- */

.view-loader .spinner-icon {
    margin: 0 auto !important;
}

/* Charts
-------------------------------------------------- */

.chart {
    width: 100%;
}

.chart.chart-xs {
    height: 150px;
}

.chart.chart-sm {
    height: 184px;
}

.chart.chart-md {
    height: 350px;
}

.chart.chart-lg {
    height: 500px;
}

#flotTip {
    padding: 4px 8px;
    background-color: #000;
    z-index: 100;
    color: #FFF;
    opacity: .7;
    font-size: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Circular Bar
-------------------------------------------------- */

.circular-bar {
    text-align: center;
}

.circular-bar .circular-bar-chart {
    position: relative;
}

.circular-bar strong {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    top: 35%;
    width: 80%;
    left: 10%;
    text-align: center;
}

.circular-bar label {
    display: block;
    font-weight: 100;
    font-size: 17px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    width: 80%;
    left: 10%;
    text-align: center;
}

.circular-bar.circular-bar-xs {
    width: 50px;
}

.circular-bar.circular-bar-xs strong {
    display: none;
}

.circular-bar.circular-bar-xs label {
    font-size: 11px;
    left: 0;
    text-align: center;
    top: 28%;
    width: 100%;
}

/* Helpers
-------------------------------------------------- */

.width-20 {
    width: 20px;
}

.width-25 {
    width: 25px;
}

.width-40 {
    width: 40px;
}

.width-60 {
    width: 60px;
}

.width-80 {
    width: 80px;
}

.width-100 {
    width: 100px;
}

.width-120 {
    width: 120px;
}

.width-140 {
    width: 140px;
}

.width-150 {
    width: 150px;
}

.width-160 {
    width: 160px;
}

.width-180 {
    width: 180px;
}

.width-200 {
    width: 200px;
}

.width-220 {
    width: 220px;
}

.width-400 {
    width: 400px;
}

.nowrap {
    white-space: nowrap;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.text-pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.text-xs {
    font-size: 10px;
    font-size: 1rem;
}

.text-sm {
    font-size: 13px;
    font-size: 1.3rem;
}

.text-md {
    font-size: 16px;
    font-size: 1.6rem;
}

.text-lg {
    font-size: 19px;
    font-size: 1.9rem;
}

.text-xl {
    font-size: 22px;
    font-size: 2.2rem;
}

.text-black {
    color: #2e2e2e;
}

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

.text-muted {
    color: #a2aabd !important;
}

.text-primary {
    color: #cccccc !important;
}

.text-secondary {
    color: #e36159 !important;
}

.text-tertiary {
    color: #2baab1 !important;
}

.text-quartenary {
    color: #734ba9 !important;
}

.text-success {
    color: #47a447 !important;
}

.text-warning {
    color: #ed9c28 !important;
}

.text-danger {
    color: #d2322d !important;
}

.text-info {
    color: #5bc0de !important;
}

.text-dark {
    color: #171717 !important;
}

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

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

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

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

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

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

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

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

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

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

.text-normal {
    font-weight: 400;
}

.text-semibold {
    font-weight: 600;
}

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

.text-timechimp {
    color: #6559d2 !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.line-through {
    text-decoration-line: line-through;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-11 {
    font-size: 11px !important;
}

.rounded {
    border-radius: 5px;
}

.b-thin {
    border-width: 3px;
}

.b-normal {
    border-width: 5px;
}

.b-thick {
    border-width: 7px;
}

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

.m-auto {
    margin: 0 auto !important;
}

.m-xs {
    margin: 5px !important;
}

.m-sm {
    margin: 10px !important;
}

.m-md {
    margin: 15px !important;
}

.m-lg {
    margin: 20px !important;
}

.m-xl {
    margin: 25px !important;
}

.m-xlg {
    margin: 30px !important;
}

.mt-minus-8 {
    margin-top: -8px !important;
}

.mt-minus-12 {
    margin-top: -12px !important;
}

.mt-xsm {
    margin-top: -5px !important;
}

.mt-none {
    margin-top: 0 !important;
}

mt-1 {
    margin-top: 1px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-20 {
    margin-top: 20% !important;
}

.mt-xs {
    margin-top: 5px !important;
}

.mt-sm {
    margin-top: 10px !important;
}

.mt-md {
    margin-top: 15px !important;
}

.mt-lg {
    margin-top: 20px !important;
}

.mt-xl {
    margin-top: 25px !important;
}

.mt-xlg {
    margin-top: 30px !important;
}

.mt-xxl {
    margin-top: 50px !important;
}

.mb-none {
    margin-bottom: 0 !important;
}

.mb-xs {
    margin-bottom: 5px !important;
}

.mb-sm {
    margin-bottom: 10px !important;
}

.mb-md {
    margin-bottom: 15px !important;
}

.mb-lg {
    margin-bottom: 20px !important;
}

.mb-xl {
    margin-bottom: 25px !important;
}

.mb-xlg {
    margin-bottom: 30px !important;
}

.mb-xxl {
    margin-bottom: 50px !important;
}

mb-xxlg {
    margin-bottom: 60px !important;
}

.mr-none {
    margin-right: 0 !important;
}

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

.ml-xxxs {
    margin-left: -50px;
}

.ml-xxs {
    margin-left: 1px !important;
}

.ml-xs {
    margin-left: 5px !important;
}

.ml-sm {
    margin-left: 10px !important;
}

.ml-md {
    margin-left: 15px !important;
}

.ml-lg {
    margin-left: 20px !important;
}

.ml-xl {
    margin-left: 25px !important;
}

.ml-xlg {
    margin-left: 30px !important;
}

.ml-xxlg {
    margin-left: 50px !important;
}

.ml-xxxlg {
    margin-left: 60px !important;
}

.ml-none {
    margin-left: 0 !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mr-xs {
    margin-right: 5px !important;
}

.mr-sm {
    margin-right: 10px !important;
}

.mr-md {
    margin-right: 15px !important;
}

.mr-lg {
    margin-right: 20px !important;
}

.mr-xl {
    margin-right: 25px !important;
}

.mr-xlg {
    margin-right: 30px !important;
}

.mr-xxlg {
    margin-right: 50px;
}

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

.p-xs {
    padding: 5px !important;
}

.p-sm {
    padding: 10px !important;
}

.p-md {
    padding: 15px !important;
}

.p-lg {
    padding: 20px !important;
}

.p-xl {
    padding: 25px !important;
}

.p-xlg {
    padding: 30px !important;
}

.pt-none {
    padding-top: 0 !important;
}

.pt-xs {
    padding-top: 5px !important;
}

.pt-sm {
    padding-top: 10px !important;
}

.pt-md {
    padding-top: 15px !important;
}

.pt-lg {
    padding-top: 20px !important;
}

.pt-xl {
    padding-top: 25px !important;
}

.pt-xlg {
    padding-top: 30px !important;
}

.pb-none {
    padding-bottom: 0 !important;
}

.pb-xs {
    padding-bottom: 5px !important;
}

.pb-sm {
    padding-bottom: 10px !important;
}

.pb-md {
    padding-bottom: 15px !important;
}

.pb-lg {
    padding-bottom: 20px !important;
}

.pb-xl {
    padding-bottom: 25px !important;
}

.pb-xlg {
    padding-bottom: 30px !important;
}

.pr-none {
    padding-right: 0 !important;
}

.pl-none {
    padding-left: 0 !important;
}

.pl-xs {
    padding-left: 5px !important;
}

.pl-sm {
    padding-left: 10px !important;
}

.pl-md {
    padding-left: 15px !important;
}

.pl-lg {
    padding-left: 20px !important;
}

.pl-xl {
    padding-left: 25px !important;
}

.pl-xlg {
    padding-left: 30px !important;
}

.pr-xs {
    padding-right: 5px !important;
}

.pr-sm {
    padding-right: 10px !important;
}

.pr-md {
    padding-right: 15px !important;
}

.pr-lg {
    padding-right: 20px !important;
}

.pr-xl {
    padding-right: 25px !important;
}

.pr-xlg {
    padding-right: 30px !important;
}

.ib {
    display: inline-block;
    vertical-align: top;
}

.background-white {
    background-color: #fff !important;
}

.va-middle {
    vertical-align: middle;
}

.ws-nowrap {
    white-space: nowrap;
}

.ws-normal {
    white-space: normal;
}

.bg-default {
    background: #ebebeb;
    color: #777777;
}

.bg-primary {
    background: #cccccc;
    color: white;
}

.bg-secondary {
    background: #e36159;
    color: white;
}

.bg-tertiary {
    background: #2baab1;
    color: white;
}

.bg-quartenary {
    background: #734ba9;
    color: white;
}

.bg-success {
    background: #47a447;
    color: white;
}

.bg-warning {
    background: #ed9c28;
    color: white;
}

.bg-danger {
    background: #d2322d;
    color: white;
}

.bg-info {
    background: #5bc0de;
    color: white;
}

.bg-dark {
    background: #171717;
    color: white;
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    margin: 22px 0 22px 0;
}

.text-align-right {
    text-align: right;
}

.form-group-checkbox {
    min-height: 36px !important;
}

.switch-group .form-group {
    margin-bottom: 4px !important;
}

.switch-group .form-group .control-label {
    font-weight: normal;
    font-size: 13px;
    padding-top: 10px;
}

ul.simple-list {
    list-style: none;
    padding: 0;
}

ul.simple-list li {
    margin: 0 0 20px;
}

ul.simple-list li .image {
    float: left;
    margin: 0 10px 0 0;
}

ul.simple-list li .image img {
    width: 35px;
    height: 35px;
}

ul.simple-list li .image i {
    font-size: 28px;
    color: #999;
    margin-top: 5px;
    margin-right: 5px;
}

ul.simple-list li .title {
    color: #000011;
    display: block;
    line-height: 1.334;
}

ul.simple-list li .message {
    display: block;
    font-size: 12px;
    line-height: 1.334;
}

ul.simple-list li .delete {
    position: relative;
    top: -32px;
}

ul.icon-list li i {
    font-size: 18px;
    padding-right: 10px;
}

ul.icon-list li .title {
    display: inline-block;
}

/* Timer
-------------------------------------------------- */

.timer-icon {
    background: url('/Client/images/timer.gif');
    background-size: 15px 15px;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: -1px;
    margin-left: -2px;
    margin-bottom: -2px;
}

.timer-icon-text {
    margin-left: 3px;
    margin-right: -1px;
}


/* Progress bar
-------------------------------------------------- */

.progress-bar-timechimp {
    background-color: #6559d2;
}

.progress {
    position: relative;
    margin: 0;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #000;
}

/* Widget: loading-spinner
-------------------------------------------------- */

.loading-spinner .spinner-icon {
    margin: 10px;
    width: 20px;
    height: 20px;
    border: solid 2px transparent;
    border-top-color: #6559d2;
    border-left-color: #6559d2;
    border-radius: 10px;
    -webkit-animation: loading-bar-spinner 400ms linear infinite;
    -moz-animation: loading-bar-spinner 400ms linear infinite;
    -ms-animation: loading-bar-spinner 400ms linear infinite;
    -o-animation: loading-bar-spinner 400ms linear infinite;
    animation: loading-bar-spinner 400ms linear infinite;
}

/* Toastr
-------------------------------------------------- */

#toast-container > :hover  {
    box-shadow: none;
}

.toast {
    background-color: #6559d2;
    font-size: 14px;
}

#toast-container>div {
    width: 260px;
    padding: 12px 12px 12px 50px;
    box-shadow: none;
    opacity: 0.95;
}

.toast-success {
    background-color: #6559d2;
}

.toast-error {
    background-color: #d2322d;
}

.toast-info {
    background-color: #6559d2;
}

.toast-warning {
    background-color: #d2322d;
}

.toast-top-right {
    bottom: 5px;
    right: 10px;
    top: auto;
}

/* Angular loading bar
-------------------------------------------------- */

#loading-bar .bar {
    background: #6559d2;
    height: 3px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

#loading-bar-spinner {
    top: 15px;
    left: 10px;
    display: none;
}

#loading-bar-spinner .spinner-icon {
    width: 20px;
    height: 20px;
    border: solid 3px transparent;
    border-top-color: #6559d2;
    border-left-color: #6559d2;
}

/* Loader
-------------------------------------------------- */

.loader-content {
    display: none;
}

.loader-indicator {
    padding-bottom: 10px;
    padding-left: 10px;
}

.loader-indicator i {
    font-size: 20px;
}

/* Project table
-------------------------------------------------- */

.table-projects thead tr th {
    background-color: rgb(243, 243, 243);
    font-weight: normal;
    font-size: 12px;
}

.table-projects thead th.title {
    font-weight: bold;
    font-size: 14px;
}

.table-projects .close {
    float: left;
    margin-right: 10px;
}

.table-projects .close-small {
    font-size: 16px;
}

.table-projects .input-mini {
    height: 30px !important;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 80px;
}

.table-shift-budgets .input-group .input-mini {
    width: 70px;
}

.table-shift-budgets .input-group-addon:first-child,
.table-shift-budgets .input-group-addon:last-child {
    padding-left: 4px;
    padding-right: 4px;
}

.table-projects .non-active-row {
    background-color: rgb(243, 243, 243);
}

/* Popovers
-------------------------------------------------- */

.html-popover {
    position: relative;
    display: inline-block;
}

.html-popover-content {
    top: 40px;
    left: -100px;
    width: 240px;
}

/* IE9 Support
-------------------------------------------------- */

.old-browser {
    display: none;
}

label.ie9 {
    display: none;
}

/* Labels
-------------------------------------------------- */

.label-transparant,
.label-default {
    background-color: rgb(231, 231, 233);
    color: #2e2e2e;
}

.label-timechimp {
    background-color: #F79341;
}

.label-big {
    display: flex;
    justify-content: center;
    font-size: 11px;
    padding: 7px 15px !important;
    width: 110px;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    opacity: 0.8;
    transition: 0.1s;
}

.label-big:hover {
    opacity: 1;
}

.label-big-no-hover {
    display: flex;
    justify-content: center;
    font-size: 11px;
    padding: 7px 15px !important;
    width: 110px;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    opacity: 1;
    transition: 0.1s;
}

.label {
  position: relative;
  font-weight: 400;
  font-size: 12px;
  padding: 4px 8px;
}

.label-shift {
    background-color: rgb(231, 231, 233);
    color: #2e2e2e;
    font-size: 11px !important;
    padding: 0 4px !important;
}

/* Search Kvk
-------------------------------------------------- */

#customerCustomerPanel .well a {
    display: block;
}

/* Widgets
-------------------------------------------------- */

.widget {
    background-color: #fff;
    -webkit-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    -moz-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.widget-header {
    background-color: #6559d2;
    color: #fff;
    padding: 5px 10px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.widget-content {
    padding: 15px;
}

/* Datetimepicker
-------------------------------------------------- */

.input-group.date .input-group-addon {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget td span.active {
    background-color: #F8F8F8;
    color: rgb(51, 51, 51);
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}

.bootstrap-datetimepicker-widget {
    width: 225px;
}

.datetimepicker-clear {
    position: absolute;
    right: -5px;
    top: 12px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #6559d2;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 20px;
}

/* Pagination
-------------------------------------------------- */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #ebebeb;
    border-color: #adadad;
    color: rgb(51, 51, 51);
}

.pagination>li>a,
.pagination>li>span,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: rgb(51, 51, 51);
}

/* Buttons
-------------------------------------------------- */

.btn-no-border {
    border: none;
    background: none;
}

.btn-no-border:hover {
    background: none;
}

.btn-no-border:hover i {
    color: #6559d2 !important;
    background: none !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #2e2e2e !important;
    box-shadow: none !important;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.btn-group.open .dropdown-toggle svg,
.btn-group.open .dropdown-toggle i
{
    color: #6559d2 !important;
}

.btn-group.open .dropdown-toggle.btn-timechimp-border i {
    color: #fff !important;
}

.btn-timechimp-border {
    background: transparent;
    border-color: #6559d2 !important;
    color: #6559d2 !important;
}

    .btn-timechimp-border:hover,
    .open > .dropdown-toggle.btn-timechimp-border {
        background: #6559d2 !important;
        color: #fff !important;
    }

.btn-group > .btn-timechimp-border:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-left: 0;
}

.btn:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-input-group-addon {
    cursor: pointer;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 0.6;
    box-shadow: none;
}

.btn-input-group-addon:hover {
    color: #2e2e2e;
    text-decoration: none;
}

.btn:active,
.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-chosen {
    padding: 10px 14px !important;
    margin-left: -20px;
}

.btn-chosen-second {
    padding: 10px 14px !important;
}

.btn-timechimp {
    color: #fff;
    background-color: #6559d2;
    border-color: #5245cd;
}

.btn-clear {
    color: #3b3b3b;
    background-color: #ffffff;
    border-color: #ccc;
}

.btn-timechimp:hover,
.btn-timechimp:focus,
.btn-timechimp:active,
.btn-timechimp.active {
    color: #fff;
    background-color: #5245cd;
    border-color: #5245cd;
}

.btn {
    padding: 8px 14px;
}

.btn-sm {
    padding: 3px 9px;
    font-size: 14px;
}

.btn-add-item {
    position: absolute;
    top: 3px;
    right: -30px;
}

.btn-transparent {
    border: none;
    background: none;
    box-shadow: none;
    padding: 5px 11px;
}

.btn-noclick {
    cursor: default;
}

.btn-switch {
    font-size: 14px !important;
    padding: 3px 13px !important;
    background-color: transparent;
    border: 1px solid transparent;
}

.btn-switch.active,
.btn-switch.active:hover {
    font-weight: bold;
    background-color: transparent;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

.btn-switch:hover {
    padding: 3px 13px !important;
    background-color: transparent;
    border: 1px solid transparent;
    font-weight: bold;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

.btn-group-switch {
    margin-bottom: 4px;
    margin-top: -7px;
}

.btn-group-dropdown>.btn:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group-dropdown>.btn:nth-child(3) {
    -webkit-border-top-right-radius: 4px !important;
    -webkit-border-bottom-right-radius: 4px !important;
    -moz-border-radius-topright: 4px !important;
    -moz-border-radius-bottomright: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.btn-orange {
    color: #fff;
    background: #F79341;
    border-color: #f68529;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    color: #fff;
    background-color: #f68529;
    border-color: #e16128;
}

/* Modal
-------------------------------------------------- */

.modal {
    overflow-y: auto;
}

.modal-content {
    box-shadow: none !important;
    border: 1px solid #e9ecef !important;
}

.modal-body-header {
    padding: 2px 15px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 3px solid #6559d2;
    margin-bottom: 30px;
    margin-top: 30px;
}

/* Callout
-------------------------------------------------- */

.bs-callout {
    margin: 20px 0;
    padding: 10px 30px 10px 15px;
    border-left: 4px solid #eee;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout-error ul>li {
    color: #a94442;
}

.bs-callout-error p {
    color: #a94442;
}

.bs-callout-success p {
    color: #3c763d;
}

.bs-callout-error {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}

.bs-callout-info {
    background-color: #EFF3FE;
    border-color: #A0BFF8;
}

.bs-callout-success {
    background-color: #dff0d8;
    border-color: #47a447;
}

.bs-callout-deactived-apps {
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: -5px;
    font-size: 13px;
    color: black;
    padding-bottom: 2px;
}

/* Avatar
-------------------------------------------------- */

.avatar,
.avatar img {
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 36px;
    height: 36px;
}

.avatar {
    width: 44px;
    height: 44px;
    border: 1px solid #595959;
    padding: 3px;
}

.company-avatar {
    width: 36px;
    height: 36px;
    background-size: cover;
    background-position: top left;
    border-radius: 50%;
    padding: 3px;
}

/* File upload
-------------------------------------------------- */
#fileUploadText {
    width: 180px;
    height: 38px;
    display: inline;
    margin-bottom: 10px;
}

/* List group
-------------------------------------------------- */

.list-group-item {
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: #f7f7f7;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 9px;
}

.list-group-item .btn-sm {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 12px;
}

.list-group-registration .list-group-item .btn-sm {
    padding: 7px 12px 5px 12px;
}

.list-group-item .btn-sm.btn-transparent {
    padding: 1px 5px;
    margin-top: 0;
}

.dataTable .btn-sm {
    padding: 5px 12px;
}

.dataTable .btn-transparent {
    padding: 1px 5px;
}

.btn-transparent svg {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1px;
}

.list-group-item:hover {
    background-color: #F8F8F8 !important;
    border-top: 1px solid #cfd6e4;
    padding-top: 11px;
}

.list-group-item:first-child {
    border-top: 1px solid #cfd6e4;
    padding-top: 10px;
}

.list-group-heading:first-child:hover {
    border-top: 1px solid #cfd6e4;
    padding-top: 9px;
}

.list-group-item-total:hover {
    background-color: transparent !important;
}

.list-group-item-total .loading-spinner .spinner-icon {
    margin: 5px;
}

.list-group-item {
    background-color: transparent;
}

.list-group-heading {
    background-color: rgb(243, 243, 243) !important;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-top: 1px solid rgb(221, 221, 221);
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.list-group-heading span {
    font-weight: bold;
}

.list-group-heading:hover {
    background-color: rgb(243, 243, 243) !important;
}

.list-group-item-indent {
    padding-left: 25px;
}

.list-group-item-total {
    border: none;
}

.show-on-hover {
    display: none !important;
}

.list-group-item:hover .show-on-hover {
    display: block !important;
}

/* Placeholders
-------------------------------------------------- */

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #a2aabd !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #a2aabd !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #a2aabd !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a2aabd !important;
}

/* Inputs
-------------------------------------------------- */

input.form-control {
    height: 40px;
}

.form-control {
    color: #2e2e2e !important;
    resize:vertical;
}

.input-group-addon-xxl {
    font-size: 32px !important;
}

.input-xxl {
    height: 87px !important;
    font-size: 41px !important;
    padding-left: 16px;
    text-align: center;
}

.input-mini {
    width: 60px;
    padding: 6px 9px;
    font-size: 14px !important;
    height: 35px !important;
}

.input-mini-xl {
    width: 80px;
}

/* General
-------------------------------------------------- */

.full-width {
    width: 100% !important;
}

.half-width {
    width: 50% !important;
}

.full-height {
    height: 100%;
}

a:hover {
    text-decoration: none;
}

.float-none {
    float: none;
}

.pointer {
    cursor: pointer;
}

.empty-space-10 {
    margin-top: 10px;
}

.empty-space-20 {
    margin-top: 20px;
}

.empty-space-30 {
    margin-top: 30px;
}

.empty-space-40 {
    margin-top: 40px;
}

.empty-space-50 {
    margin-top: 50px;
}

.empty-space-220 {
    margin-top: 220px;
}

.inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}

.margin-bottom-65 {
    margin-bottom: 65px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-bottom-7 {
    margin-bottom: 7px;
}

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

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

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

.margin-top-5 {
    margin-top: 5px;
}

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

.margin-top-20 {
    margin-top: 20px;
}

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

.padding-leftright-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-leftright-30 {
    padding-left: 30px;
    padding-right: 30px;
}

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

.padding-right-20 {
    padding-right: 20px;
}

.margin-bottomtop-7 {
    margin-top: 7px;
    margin-bottom: 7px;
}

.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.display-none {
    display: none;
}

/* Addons
-------------------------------------------------- */

.right-inner-addon {
    position: relative;
}

.right-inner-addon input {
    padding-right: 30px;
}

.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 13px 9px;
    pointer-events: none;
    font-size: 16px;
    color: #ccc;
}

.left-inner-addon {
    position: relative;
}

.left-inner-addon input {
    padding-left: 30px;
}

.left-inner-addon i {
    position: absolute;
    padding: 15px 12px;
    pointer-events: none;
}

/* Validation
-------------------------------------------*/

.form-group .form-control-feedback {
    top: 15px;
    right: 15px;
}

label.error {
    display: none !important;
}

.form-group.no-feedback-icon .form-control-feedback {
    display: none;
}

/* Notifications
-------------------------------------------*/

.note {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 21px;
    right: 4px;
    z-index: 9999;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    background: #6559d2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Datatables
-------------------------------------------------- */

table.dataTable th {
    white-space: nowrap;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: -40px;
    left: -21px;
    width: auto;
    margin: 0;
    border: none;
    background: transparent;
}

.dataTables_processing .spinner-icon {
    margin: 10px;
    width: 20px;
    height: 20px;
    border: solid 2px transparent;
    border-top-color: #6559d2;
    border-left-color: #6559d2;
    border-radius: 10px;
    -webkit-animation: loading-bar-spinner 400ms linear infinite;
    -moz-animation: loading-bar-spinner 400ms linear infinite;
    -ms-animation: loading-bar-spinner 400ms linear infinite;
    -o-animation: loading-bar-spinner 400ms linear infinite;
    animation: loading-bar-spinner 400ms linear infinite;
}

.dataTable tr.group td {
    background-color: rgb(243, 243, 243) !important;
    font-weight: bold;
    padding: 5px 10px 4px 10px !important;
}

table.dataTable>thead>tr>th {
    border-top: none !important;
    border-bottom: none !important;
}

table.dataTable > tfoot > tr > td {
    border-top: none !important;
    padding-top: 5px;
    padding-bottom: 0;
    padding-right: 10px;
    font-size: 13px;
    font-weight: bold;
}

table.dataTable>tbody>tr:last-child>td {
    border-bottom: 1px solid #cfd6e4 !important;
}

table.dataTable .clickable {
    cursor: pointer;
}

table.dataTable .sorting_disabled {
    cursor: default !important;
}

table.dataTable thead>tr>th.never {
    display: none;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-right: 10px;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
    background: 0;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    content: "";
    margin-left: .5em;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #e0e5ea;
    position: relative;
    display: inline-block;
    bottom: 0 !important;
    right: 0 !important;
    opacity: 1;
}

table.dataTable thead .sorting:after {
    content: "";
    margin-left: 0;
}

table.dataTable thead .sorting_asc:after {
    color: #2e2e2e;
    content: "\f0de";
}

table.dataTable thead .sorting_desc:after {
    color: #2e2e2e;
    content: "\f0dd";
}

table.dataTable thead .sorting_asc_disabled:after {
    content: "\f0de";
}

table.dataTable thead .sorting_desc_disabled:after {
    content: "\f0dd";
}

table.dataTable tr.odd:hover td,
table.dataTable tr.even:hover td {
    background-color: #F8F8F8 !important;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 35%;
    background: none;
    border: none;
    content: "\f0da";
    box-shadow: none;
    color: #2e2e2e;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    top: 35%;
    background: none;
    border: none;
    content: "\f0d7";
    box-shadow: none;
    color: #6559d2;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.group>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.total>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.empty>td:first-child:before {
    display: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.group>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr.group>th:first-child {
    cursor: default;
    padding-left: 10px;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th {
    font-size: 13px;
    font-weight: normal !important;
    padding: 15px 10px;
}

table.dataTable tbody tr.group {
    height: 33px;
}

table.dataTable tbody tr.empty td {
    border-top: none !important;
    height: 10px;
}

table.dataTable tbody tr.total:last-child td {
    border-bottom: none !important;
}

table.table thead .sorting_desc,
table.table thead .sorting_asc {
    font-weight: bold !important;
}

table.table thead .sorting_desc:before,
table.table thead .sorting_asc:before {
    display: none;
}

.table.table-no-header thead {
    display: none;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 10px;
    margin-bottom: -10px;
    padding-top: 0;
}

.dataTables_wrapper .dataTables_length {
    margin-top: 10px;
    margin-bottom: -10px;
    padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate {
    padding: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin: 0;
}

.dataTables_wrapper .dataTables_length select {
    font-size: 13px;
    height: 35px;
    padding-right: 0;
    color: #a2aabd !important;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
}

table.dataTable tbody th.expand,
table.dataTable tbody td.expand {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected,
table.dataTable tr.selected:hover td,
table.dataTable tr.selected:hover td {
    background-color: #BDEADD !important;
}

table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
    color: #2e2e2e;
}

table.dataTable tbody td.select {
    cursor: pointer;
}

table.dataTable tfoot td.select-checkbox:before,
table.dataTable tfoot td.select-checkbox:after {
    display: none;
}

.dt-buttons {
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    border: 1px solid #fff;
}

table.dataTable thead th.select-checkbox {
    position: relative;
    width: 28px !important;
}

    table.dataTable thead th.select-checkbox:before,
    table.dataTable th.select-checkbox:after {
        display: block;
        position: absolute;
        top: 1.2em;
        left: 50%;
        width: 15px;
        height: 15px;
        box-sizing: border-box;
        cursor: pointer;
        text-shadow: none !important;
        font-weight: 700;
        font-size: 12px;
        color: #2e2e2e;
    }

    table.dataTable thead th.select-checkbox:before {
        border: 1px solid rgba(0,0,0,.25);
    }

.dataTables_scrollBody table.dataTable thead th.select-checkbox:before,
.dataTables_scrollBody table.dataTable th.select-checkbox:after {
    display: none;
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    text-shadow: none;
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
    border: 1px solid rgba(0,0,0,.25);
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    margin-top: -7px;
    margin-left: -7px;
    font-weight: 700;
    font-size: 12px;
    color: #6559d2;
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after {
    width: 15px;
    height: 15px;
    top: 47%;
}

table.dataTable.no-select-all thead th.select-checkbox:before,
table.dataTable.no-select-all th.select-checkbox:after {
    display: none !important;
}

table.dataTable td.hide-select-checkbox:before,
table.dataTable td.hide-select-checkbox:after {
    display: none !important;
}

table.dataTable th.select-checkbox:before {
    content: ' ';
    margin-top: -13px;
    margin-left: -6px;
    border: 1px solid black;
    border-radius: 3px;
}

table.dataTable th.select-checkbox.selected:after {
    content: '\2714';
    margin-top: -14px;
    margin-left: -6px;
    text-align: center;
    text-shadow: none;
    color: #6559d2;
}

table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
    color: #333;
}

.radio input[type="radio"], 
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    top: 10px !important;
    margin-left: -25px;
}

.radio label, .checkbox label {
    padding-left: 25px;
}

/* Navigation
-------------------------------------------------- */
.navbar-timer {
    float: left;
}

.navbar-timer .nav>li {
    float: left;
    padding-left: 20px;
}

.navbar-timer .nav>li>a {
    color: #b2b6bd !important;
    font-weight: 300;
}

.navbar-inverse img {
    max-height: 46px;
    max-width: 154px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-inverse img {
        max-width: 82px;
    }
}

.dropdown-menu>li>a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 14px;
    text-transform: none;
    color: #2e2e2e;
}

.popover-inner {
    color: #2e2e2e !important;
    text-transform: none;
}

.popover-title {
    display: none;
}

#logoutForm {
    display: none;
}

.navbar-brand {
    padding: 14px;
    height: auto;
    background-color: rgba(255, 255, 255, 0) !important;
}

body {
    padding-top: 100px;
}

/* Panels
-------------------------------------------------- */

.panel-horizontal {
    -webkit-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    -moz-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    cursor: pointer;
}

.panel-horizontal-title {
    margin-bottom: 20px;
    margin-left: -15px;
}

.panel-horizontal-progress {
    margin-left: -15px;
    margin-right: -15px;
}

.panel-horizontal-progress .progress {
    height: 25px;
}

.panel-horizontal-progress .progress-bar {
    line-height: 25px;
}

.panel-horizontal .panel-heading,
.panel-horizontal .panel-body,
.panel-horizontal .panel-footer {
    display: inline-block;
    vertical-align: middle;
}

.panel-horizontal .panel-heading {
    border-radius: 5px 0 0 5px;
    padding-right: 5px;
}

.panel-horizontal .panel-heading+.panel-body {
    border-radius: 0 5px 5px 0;
}

.panel-horizontal .panel-footer {
    border-radius: 0 5px 5px 0;
    margin-top: 0;
}

.panel-horizontal .panel-body .icon-chevron-right {
    position: absolute;
    top: 30px;
    right: 15px;
}

.panel-heading-icon {
    font-size: 21px;
    width: 40px;
    height: 40px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 55px;
    border-radius: 55px;
}

.panel-horizontal .panel-body .icon-chevron-right {
    position: absolute;
    right: 15px;
    top: 35px;
}

.panel-finished .panel-heading-icon {
    background-color: #6559d2;
}

.panel-finished {
    opacity: 0.7;
}

/* Containers
-------------------------------------------------- */

.container-titlebar {
    display: none;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-bottom: 1px solid #d8d8d8;
    background-color: #ffffff;
}

.container-titlebar h1 {
    font-family: "Dosis", sans-serif;
    font-size: 36px;
    font-weight: 300;
    color: #2f2f2f;
    text-transform: uppercase;
}

.c-center {
    margin: 0px auto;
}

/* Dashboard panel
-------------------------------------------------- */

.dashboard-panel-body {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
}

.dashboard-panel-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-transform: none;
}

.dashboard-panel-heading {
    background: #f6f6f6;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #DADADA;
    padding: 16px;
    position: relative;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.dashboard-panel-heading .nav-tabs>li>a {
    padding: 15px 18px;
}

.dashboard-panel-actions {
    right: 10px;
    position: absolute;
    top: 10px;
}

.dashboard-panel-heading .nav-tabs>li.active>a,
.dashboard-panel-heading .nav-tabs>li.active>a:hover,
.dashboard-panel-heading .nav-tabs>li.active>a:focus {
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-radius: 0 !important;
    color: #6559d2;
}

.dashboard-tab-content {
    border: none !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-bottom: 30px;
    -webkit-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px !important;
    -moz-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px !important;
    box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px !important;
}

.dashboard-panel-footer {
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid #cfd6e4;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    min-height: 190px;
}

.dashboard-tab-content hr {
    margin: 5px 0 0 0;
}

.dashboard-tab-content h1 {
    margin-top: 10px;
    color: #2e2e2e;
    font-weight: normal;
    font-size: 26px;
    display: inline-block;
}

.dashboard-tab-content h2 {
    margin-top: 10px;
    color: #777;
    font-weight: normal;
    font-size: 24px;
    display: inline-block;
}

.dashboard-tab-content p {
    margin: 0;
    margin-top: 20px;
}

.dashboard-panel {
    margin-bottom: 30px;
}

.dashboard-tab-content .simple-list {
    margin-top: 10px;
}

@media (min-width: 991px) {
    .dashboard-panel-left-column {
        margin-right: 15px;
    }
}

/* Panel featured
-------------------------------------------------- */

.panel-featured {
    background-color: #fff;
    -webkit-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    -moz-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    margin-bottom: 20px;
}

.panel-featured .panel-heading {
    border-radius: 0;
}

.panel-featured-top {
    border-top: 3px solid #6559d2;
}

.panel-featured-right {
    border-right: 3px solid #6559d2;
}

.panel-featured-bottom {
    border-bottom: 3px solid #6559d2;
}

.panel-featured-left {
    border-left: 3px solid #6559d2;
}

.panel-featured.done {
    border-left: 3px solid #cfd6e4;
}

/* Widget summary
-------------------------------------------------- */

.widget-summary {
    display: table;
    width: 100%;
}

.widget-summary:after {
    content: "";
    display: table;
    clear: both;
}

.widget-summary .widget-summary-col {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.widget-summary .widget-summary-col.widget-summary-col-icon {
    width: 1%;
}

.widget-summary .summary-icon {
    margin-right: 15px;
    font-size: 42px;
    font-size: 4.2rem;
    width: 80px;
    height: 80px;
    line-height: 90px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    background-color: #ddd;
}

.panel-featured:hover .widget-summary .summary-icon {
    background-color: #6559d2
}

.panel-featured.done:hover .widget-summary .summary-icon {
    background-color: #ddd;
}

.widget-summary .summary {
    min-height: 65px;
}

.widget-summary .summary .title {
    margin: 0;
    font-size: 20px;
    line-height: 22px;
    padding-top: 10px;
    color: #2e2e2e;
    font-weight: 500;
}

.widget-summary .summary .info {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
}

.widget-summary .summary .info span {
    vertical-align: middle;
}

.widget-summary .summary .amount {
    margin-right: .2em;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    color: #2e2e2e;
    vertical-align: middle;
}

.widget-summary .summary-footer {
    padding: 5px 0 0;
    border-top: 1px dotted #ddd;
    text-align: right;
}

@media only screen and (min-width: 480px) {
    .widget-summary.widget-summary-xlg {
        padding: 5px 0;
    }
    .widget-summary.widget-summary-xlg .summary-icon {
        width: 110px;
        height: 110px;
        line-height: 110px;
        font-size: 48px;
        font-size: 4.8rem;
    }
    .widget-summary.widget-summary-xlg .summary {
        min-height: 80px;
    }
    .widget-summary.widget-summary-xlg .summary .title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 28px;
        line-height: 2.8rem;
    }
    .widget-summary.widget-summary-xlg .summary .info {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        line-height: 3rem;
    }
    .widget-summary.widget-summary-xlg .summary .amount {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

.widget-summary.widget-summary-lg {
    padding: 0;
}

.widget-summary.widget-summary-lg .summary-icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 42px;
    font-size: 4.2rem;
}

.widget-summary.widget-summary-lg .summary {
    min-height: 65px;
}

.widget-summary.widget-summary-lg .summary .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
}

.widget-summary.widget-summary-lg .summary .info {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
}

.widget-summary.widget-summary-lg .summary .amount {
    font-size: 24px;
    font-size: 2.4rem;
}

.widget-summary.widget-summary-md {
    padding: 0;
}

.widget-summary.widget-summary-md .summary-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 32px;
    font-size: 3.2rem;
}

.widget-summary.widget-summary-md .summary {
    min-height: 0;
    margin-top: 12px;
}

.widget-summary.widget-summary-md .summary .title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.widget-summary.widget-summary-md .summary .info {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 22px;
    line-height: 2.2rem;
}

.widget-summary.widget-summary-md .summary .amount {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
}

.widget-summary.widget-summary-md .summary-footer {
    display: none;
}

.widget-summary.widget-summary-sm {
    padding: 0;
}

.widget-summary.widget-summary-sm .summary-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    font-size: 2.2rem;
}

.widget-summary.widget-summary-sm .summary {
    min-height: 0;
    margin-top: 4px;
}

.widget-summary.widget-summary-sm .summary .title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.widget-summary.widget-summary-sm .summary .info {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.widget-summary.widget-summary-sm .summary .amount {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}

.widget-summary.widget-summary-sm .summary-footer {
    display: none;
}

.widget-summary.widget-summary-xs {
    padding: 0;
}

.widget-summary.widget-summary-xs .summary-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-size: 1.8rem;
}

.widget-summary.widget-summary-xs .summary {
    min-height: 0;
}

.widget-summary.widget-summary-xs .summary .title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 40px;
}

.widget-summary.widget-summary-xs .summary .info {
    display: none;
}

.widget-summary.widget-summary-xs .summary-footer {
    display: none;
}

/* Wizard
-------------------------------------------------- */

.wizard-tabs ul {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.wizard-tabs ul>li {
    display: table-cell;
    border-bottom: 1px solid #eeeeee;
}

.wizard-tabs ul>li.active {
    border-bottom-color: transparent;
}

.wizard-tabs ul>li.active>a,
.wizard-tabs ul>li.active>a:hover,
.wizard-tabs ul>li.active>a:focus {
    background: white;
    color: #2e2e2e;
}

.wizard-tabs ul>li.active>a:after {
    border-left-color: white;
}

.wizard-tabs ul>li.active .badge {
    background-color: #cccccc;
}

.wizard-tabs ul>li.disabled>a,
.wizard-tabs ul>li.disabled>a:hover,
.wizard-tabs ul>li.disabled>a:focus {
    color: #cccccc;
}

.wizard-tabs ul>li.disabled .badge {
    background-color: #cccccc;
}

.wizard-tabs ul>li>a {
    position: relative;
    display: block;
    padding: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    text-decoration: none;
    color: #2e2e2e;
}

.wizard-tabs ul>li>a,
.wizard-tabs ul>li>a:hover {
    background: #f4f4f4;
    color: #2e2e2e;
}

.wizard-tabs ul>li>a:hover {
    box-shadow: none;
}

.wizard-tabs ul>li>a:active,
.wizard-tabs ul>li>a:focus {
    border-bottom: 0;
}

.wizard-tabs ul>li>a:before,
.wizard-tabs ul>li>a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 1;
    border: 17px solid transparent;
    border-right: 0;
    border-left: 10px solid transparent;
    width: 0;
    height: 0;
}

.wizard-tabs ul>li>a:before {
    z-index: 1;
    right: -11px;
    border-left-color: #e0e0e0;
}

.wizard-tabs ul>li>a:after {
    z-index: 2;
    border-left-color: #f4f4f4;
}

.wizard-tabs ul>li:last-child>a:before,
.wizard-tabs ul>li:last-child>a:after {
    display: none;
}

html.dark .wizard-tabs ul>li {
    border-color: #282d36;
}

html.dark .wizard-tabs ul>li.active {
    border-color: #2e353e;
}

.wizard-progress {
    margin: 0 15px;
}

.wizard-progress .steps-progress {
    height: 2px;
    margin: 0 38px;
    position: relative;
    top: 15px;
    background: #cccccc;
}

.wizard-progress .steps-progress .progress-indicator {
    height: 100%;
    width: 0;
    background: #cccccc;
    -webkit-transition: width 0.2s ease-in;
    -moz-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
}

.wizard-progress .wizard-steps {
    list-style: none;
    margin: 0;
    padding: 15px 0 0;
    display: inline-block;
    width: 100%;
    font-size: 0;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    /* IE8+ */
    ;
}

.wizard-progress .wizard-steps:after {
    /*
	* We don't need IE6 and IE7 inline-block hack support here
	* since they don't support :after anyways (the text-justify
	* properties for them are above)... IE8 and above have native
	* inline-block support so for IE8+, both the text-justify and
	* :after will take effect but it doesn't have any negative
	* effects since this element is invisible
	*/
    display: inline-block;
    width: 100%;
    content: '.';
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.wizard-progress .wizard-steps li {
    display: inline-block;
    vertical-align: top;
    min-width: 50px;
    max-width: 100px;
}

.wizard-progress .wizard-steps li a {
    position: relative;
    display: block;
    padding: 25px 8px 0;
    font-size: 11px;
    color: #33333f;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
}

.wizard-progress .wizard-steps li a span {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    background: #cccccc;
    color: white;
    line-height: 26px;
    text-align: center;
    margin-top: -15px;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border-radius: 35px;
    font-size: 13px;
    text-indent: -1px;
    border: 2px solid #cccccc;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.wizard-progress .wizard-steps li.completed a span {
    background: #cccccc;
    color: white;
}

.wizard-progress .wizard-steps li.active a span {
    background: white;
    color: #cccccc;
    border-color: #cccccc;
}

.wizard-progress .wizard-steps li.completed.active a span {
    color: #FFF;
}

.wizard-progress.wizard-progress-lg {
    margin: 0 auto 30px;
    width: 80%;
}

.wizard-progress.wizard-progress-lg .steps-progress {
    margin: 0 52px;
    height: 4px;
    top: 34px;
}

.wizard-progress.wizard-progress-lg .wizard-steps {
    padding-top: 30px;
}

.wizard-progress.wizard-progress-lg ul li {
    max-width: 135px;
}

.wizard-progress.wizard-progress-lg ul li a {
    padding-top: 40px;
    font-size: 14px;
}

.wizard-progress.wizard-progress-lg ul li a span {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 60px;
    line-height: 52px;
    font-size: 22px;
    border-width: 4px;
}

.wizard-steps>li.active .badge {
    background-color: #6559d2;
}

.wizard-steps>li.active a,
.wizard-steps>li.active a:hover,
.wizard-steps>li.active a:focus {
    border-top-color: #6559d2;
}

.wizard-tabs ul>li.active .badge {
    background-color: #6559d2;
}

.wizard-progress .steps-progress .progress-indicator {
    background: #6559d2;
}

.wizard-progress .wizard-steps li.completed a span {
    border-color: #6559d2;
    background: #6559d2;
}

.wizard-progress .wizard-steps li.active a span {
    color: #6559d2;
    border-color: #6559d2;
}

.form-wizard .tab-content {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.form-wizard .form-wizard-text {
    text-align: center;
    font-size: 16px;
    margin-bottom: 50px;
}

.form-wizard .finish {
    margin-left: 15px;
}

/* Pager
-------------------------------------------------- */

.pager li>a,
.pager li>span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 14px;
    border-color: #ccc;
    color: #2e2e2e;
}

.pager li>a:hover,
.pager li>a:focus {
    cursor: pointer;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    display: none;
}

/* Tabs
-------------------------------------------------- */

.tab-content-title h1 {
    margin-top: 0;
    margin-bottom: 0;
    color: #2e2e2e;
    font-weight: normal;
    font-size: 26px;
    display: inline-block;
}

.tab-content-title h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: #777;
    font-weight: normal;
    font-size: 24px;
    display: inline-block;
}

.tab-content {
    background-color: #fff;
    -webkit-box-shadow: 2px -1px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 2px -1px 0 rgba(0, 0, 0, .05);
    box-shadow: 2px -1px 0 rgba(0, 0, 0, .05);
    padding: 20px;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom: 1px solid #cfd6e4;
}

.nav-tabs a {
    font-size: 14px;
    color: #595959;
}

.nav-tabs {
    border-bottom: none;
}

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

.tabbable .nav-tabs>li>a {
    padding: 1px 18px 0px 18px;
    margin-right: 4px;
    line-height: 46px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #fff;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.tabbable .nav-tabs>li.active>a {
    -webkit-box-shadow: 2px -1px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 2px -1px 0 rgba(0, 0, 0, .05);
    box-shadow: 2px -1px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: 1px solid #fff;
}

.tab-content-description {
    padding: 0 0 20px 0;
}

.tab-content-description i {
    margin-right: 5px;
}

/* Uitgaven
-------------------------------------------------- */

.notes-attachment .notes {
    border-bottom: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.notes-attachment .attachment {
    border: 1px solid #ccc;
    border-top: 1px dashed #ccc;
    padding: 5px 15px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.notes-attachment .attachment a,
.notes-attachment .attachment a:hover,
.notes-attachment .attachment a:active,
.notes-attachment .attachment a:visited {
    color: #2e2e2e;
    font-size: 13px;
    text-decoration: none;
}

.table-expenses-week thead {
    border: 1px solid #cfd6e4 !important;
    background-color: rgb(239, 239, 239);
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.table-expenses-week thead .title {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.table-expenses-week thead .action {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.table-expenses-week tfoot {
    border: 1px solid #cfd6e4 !important;
    background-color: rgb(239, 239, 239);
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.table-expenses-week tfoot .title {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.table-expenses-week tfoot .action {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.no-wrap {
    white-space: nowrap !important;
}

/* Register
-------------------------------------------------- */

.notes-labels .notes {
    border-bottom: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.notes-labels .labels {
    position: relative;
    border: 1px solid #ccc;
    border-top: 1px dashed #ccc;
    padding: 0 10px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.notes-labels .labels .fa-times {
    margin-top: 1px;
    cursor: pointer;
}

.notes-labels .labels .dropdown-menu {
    padding: 15px;
    width: 100%;
}

.notes-labels .labels .dropdown-menu .form-control {
    height: 34px;
    font-size: 14px;
}

.notes-labels .labels .dropdown-menu .no-labels {
    color: #bbb;
    font-size: 14px;
}

.notes-labels .labels .btn {
    padding: 0 !important;
    margin-top: 4px;
    margin-bottom: -4px;
}

.notes-labels .labels .btn i {
    padding: 0px 0px !important;
    font-size: 17px;
}

.notes-labels .labels .btn i:hover {
    color: #6559d2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.project-customer {
    display: flex;
    margin-bottom: 5px;
}

.project-customer-mileage {
    display: block;
    margin-bottom: 5px;
}

.project-customer svg {
    color: #999;
    cursor: help;
    margin-left: 5px;
}

.table-timesheet-week {
    margin-bottom: 0;
}

.table-timesheet-week>thead>tr>th {
    border-bottom: none !important;
}

.table-timesheet-week>tfoot>tr>td {
    border-top: 1px solid rgb(221, 221, 221) !important;
}

.focused-today {
    background-color: #F8F8F8;
}

.focused-row {
    border-left: 5px solid #F8F8F8;
    padding-left: 7px !important;
}

.focused-day {
    background-color: #F8F8F8;
}

#save-notification {
    margin-left: 10px;
    font-size: 13px;
    border: 1px solid #faebcc;
    padding: 3px;
    display: none;
}

.timesheet-header-left {
    padding-left: 20px;
}

.timesheet-header-right {
    padding-right: 20px;
}

.timesheet-header-right .btn.active i {
    color: #999;
}

.timesheet-header-left h1 {
    margin-top: 0;
    display: inline-block;
}

.timesheet-header-left .timesheet-title-date {
    font-size: 24px !important;
    color: #2e2e2e !important;
}

.title-date-spinner {
    font-size: 18px !important;
    padding-left: 5px;
    color: #6559d2;
}

.timesheet-header-left .timesheet-title-week {
    font-size: 26px !important;
    color: #999 !important;
}

.table-timesheet-week .title {
    text-align: left;
    padding-left: 20px;
    width: 500px;
    height: 54px;
}

.table-timesheet-week .chosen-container-single {
    max-width: 250px;
}

.timesheet-header-right .btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

.table-timesheet-week thead .title {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.table-timesheet-week thead .action {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.table-timesheet-week tfoot .title {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.table-timesheet-week tfoot .action {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 8px;
}

.empty-timerow td {
    height: 150px;
    vertical-align: middle !important;
    text-align: center !important;
    font-size: 18px;
}

.action textarea {
    width: 195px;
}

.day .date {
    display: block;
    font-size: 13px;
}

.table-timesheet-week thead .day {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #999999;
    text-align: center;
}

    .table-timesheet-week thead .day.is-today {
        color: #2e2e2e;
        background-color: rgba(101, 89, 210, 0.07) !important;
        border-bottom: 1px solid #6559d2 !important;
    }

.table-timesheet-week thead .show-day {
    cursor: pointer;
}

.table-timesheet-week tfoot .day,
.table-timesheet-week .total {
    color: #999;
    font-size: 14px;
}

.table.dataTable tbody tr.total>td {
    cursor: default !important;
    border-top: 2px solid #cfd6e4;
}

.table-timesheet-week thead .show-day a,
.table-timesheet-week thead .show-day a:active,
.table-timesheet-week thead .show-day a:link,
.table-timesheet-week thead .show-day a:hover,
.table-timesheet-week thead .show-day a:visited {
    color: #2e2e2e;
    text-decoration: none;
}

.table-timesheet-week thead .show-day:hover {
    color: #2e2e2e;
    background-color: rgba(101, 89, 210, 0.07) !important;
    border-bottom: 1px solid #6559d2 !important;
}

.timesheet-week-timerow.locked {
    background-color: #F8F8F8;
}

.timesheet-week-timerow .locked-day {
    background: none;
    border: none;
    box-shadow: none;
    cursor: default;
}

.timesheet-week-timerow .btn {
    padding: 5px 12px;
}

.timesheet-week-timerow .task .label {
    margin-right: 5px;
}

.timesheet-week-timerow .task .fa-pencil {
    margin-left: 5px;
}

.timesheet-week-timerow .total {
    padding-top: 10px;
}

.table-timesheet-week tbody .day {
    padding: 12px 7px;
}

.table-timesheet-week tbody .total {
    vertical-align: middle;
    text-align: center;
}

.table-timesheet-week tbody .project {
    font-weight: bold;
}

.table-timesheet-week .separation {
    border-right: none;
}

.table-timesheet-week td,
.table-timesheet-week th {
    text-align: right;
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 0px;
}

.table-timesheet-week thead th {
    padding-right: 10px;
    font-weight: normal;
}

.table-timesheet-week tfoot td {
    padding-right: 10px;
}

.table-timesheet-week tfoot .total {
    padding-top: 10px;
    padding-right: 3px;
}

.table-timesheet-week tfoot .day {
    padding-right: 17px;
    padding-top: 10px;
    vertical-align: middle;
}

.table-timesheet-week .day {
    width: 70px;
}

.table-timesheet-week .action {
    width: 100px;
    padding-top: 10px;
    padding-right: 15px;
    vertical-align: middle;
}

.table-timesheet-week .total {
    width: 70px;
    text-align: center;
}

.table-timesheet-week tfoot .total {
    color: rgb(68, 68, 68);
    font-weight: bold;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    vertical-align: middle;
}

.table-timesheet-week .popover-inner {
    text-align: left;
}

.table-timesheet-week .popover-title {
    display: block;
}

.table-timesheet-week thead tr th {
    border-top: 0px;
}

.table-timesheet-week .title .input-group-addon {
    border: none;
    background: none;
    color: #999;
    padding: 0;
}

.table-timesheet-week .title .form-control {
    border: none;
    background: none;
    box-shadow: none;
}

@media (min-width: 768px) {
    .table-timesheet-week thead.ui-scrollfix {
        position: fixed;
        top: 118px;
        z-index: 999;
        background: #fff;
        border-bottom: 1px solid #cfd6e4;
        width: 96%
    }
    .table-timesheet-week thead.ui-scrollfix .btn-add-large {
        display: block;
        float: right;
        margin-right: 10px;
    }
    .table-timesheet-week.ui-scrollfix {
        margin-top: 57px !important;
    }
    .registration-add-row.ui-scrollfix {
        position: fixed;
        top: 118px;
        right: 16px;
        z-index: 9999;
    }
}


@media (min-width: 992px) {
    .table-timesheet-week thead.ui-scrollfix {
        width: 89%
    }

    .registration-add-row.ui-scrollfix {
        top: 140px;
        right: auto;
    }
}

@media (min-width: 1200px) {
    .table-timesheet-week thead.ui-scrollfix {
        width: 84%;
    }
}

@media (min-width: 1400px) {
    .table-timesheet-week thead.ui-scrollfix {
        width: 1205px;
    }
}


/* Manage
-------------------------------------------------- */

.manage-user-new-modal .close-small {
    position: absolute;
    left: -2px;
    top: 13px;
    font-size: 14px;
    color: #2e2e2e;
    opacity: 1 !important;
}

#CompanyLogo {
    max-height: 125px;
}

.file-btn {
    visibility: hidden;
    width: 0px !important;
    height: 0px !important;
}

label.checkboxlist {
    display: inline-block;
    line-height: 35px;
}

.registration-form-settings .control-label > span {
    font-size: 13px;
}


/* Footer
-------------------------------------------------- */
html,
body {
    height: 100%;
}

.push-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -111px;
}

.no-layout-page-wrapper {
    margin-top: -100px;
}

.footer {
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    border: none;
    border-top: 1px solid #dadada;
    background-color: rgb(248, 248, 248);
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.push {
    clear: both;
    height: 82px;
}

.footer-text {
    float: left;
    color: #888;
    font-size: 13px;
}

.footer-text .btn {
    margin-left: 20px;
    padding: 4px 12px;
    font-size: 13px;
}

.footer-helpdesk {
    float: right;
    padding-top: 10px;
}

.footer-helpdesk a {
    font-size: 20px;
}

.footer-helpdesk a:hover {
    text-decoration: none;
}

/* General
-------------------------------------------------- */

.break-all {
    word-break: break-all;
}

.link-transparent,
.link-transparent:hover {
    color: #2e2e2e;
}

body>.navbar .brand {
    margin-left: 0px;
}

body {
    font-family: Inter, sans-serif !important;
    background-color: rgb(238, 238, 238);
    background-image: url('/Client/images/logo-transparent.png');
    background-position: center;
    background-repeat: no-repeat;
    color: #2e2e2e;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

input,
button,
select,
textarea {
    font-family: Inter, sans-serif !important;
}

a {
    color: #6559d2;
}

a:hover {
    color: #6559d2;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    font-size: 14px;
}

.btn-small {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
}

label {
    color: #555;
    font-weight: 400;
}

.dropdown-menu {
    font-size: 14px;
}

.dropdown-menu-label {
    right: 14px;
    top: 20px;
}

.dropdown-label,
.dropdown-label:visited {
    color: #aaa !important;
    text-decoration: none !important;
}

.dropdown-label:hover,
.dropdown-label:active {
    color: #17a689 !important;
    text-decoration: none !important;
}

.dropdown-menu-actions {
    right: 0 !important;
    left: auto !important;
    min-width: 140px;
}

.dropdown-menu-actions {
    right: 0 !important;
    left: auto !important;
    min-width: 140px;
}

.dropdown-menu-actions li>a:hover,
.dropdown-menu-actions li>a:focus {
    padding-left: 20px !important;
    border-left: none !important;
}

ul.nav li.dropdown:hover>ul.dropdown-menu {
    display: block;
}

#profile-dropdown-setup-onboarding {
    padding: 20px;
    min-width: 200px;
}

#profile-dropdown-setup {
    padding: 20px;
    min-width: 200px;
}

    #profile-dropdown-setup .dropdown-header {
        font-size: 14px;
    }

    #profile-dropdown-setup > li > a,
    #profile-dropdown-setup a {
        color: #333333 !important;
    }

#profile-dropdown {
    padding-top: 10px;
    min-width: 200px;
}

#profile-dropdown .dropdown-header {
    font-size: 14px;
}

#profile-dropdown>li>a,
#profile-dropdown a {
    color: #333333 !important;
}

#profile-dropdown>li>i,
#profile-dropdown i {
    color: #333333 !important;
    margin-right: 7px;
    font-size: 14px;
}profile-dropdown-setup

.navbar-inverse .navbar-collapse .nav>li>a {
    color: #595959;
    font-weight: 300;
}

.navbar-inverse .navbar-collapse .dropdown-menu a {
    color: #ffffff;
    font-weight: 300;
}

#profile-dropdown>li:hover i {
    color: #6559d2 !important;
}

#profile-dropdown>li:hover a {
    background-color: #F8F8F8 !important;
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-submenu:hover>a {
    background-color: #F8F8F8 !important;
    background-image: none;
    color: #6559d2;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
}

.dropdown-menu li>a:hover>i,
.dropdown-menu li>a:focus>i,
.dropdown-submenu:hover>a>i {
    color: #6559d2;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    /* vertical-align: middle; */
}

.dropdown-menu .active>a,
.dropdown-menu .active>a:hover {
    color: #6559d2;
    background-color: transparent !important;
    background-image: none;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    color: #6559d2;
    background-color: transparent !important;
}

.navbar-collapse .nav>li>a:hover,
.navbar-collapse .dropdown-menu a:hover {
    background-color: transparent !important;
    color: #6559d2;
}

.navbar-inverse .navbar-collapse .dropdown-menu a:hover {
    background-color: transparent !important;
}

.navbar-inverse .navbar-collapse .nav>li:hover>a {
    background-color: transparent !important;
    color: #fff;
}

.navbar-collapse {
    padding-bottom: 6px;
}

.navbar-toggle {
    margin-top: 25px;
}

.navbar-fixed-top {
    margin-bottom: 0px;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
    padding: 0px;
}

.navbar-inverse {
    -webkit-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 15px 0px;
    -moz-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 15px 0px;
    box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 15px 0px;
    border: none;
    background-color: #1f2532;
}

.typeahead {
    z-index: 9999;
}

.btn-primary {
    background-image: -moz-linear-gradient(top, #6559d2, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6559d2), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #6559d2, #0044cc);
    background-image: -o-linear-gradient(top, #6559d2, #0044cc);
    background-image: linear-gradient(to bottom, #6559d2, #0044cc);
}

.btn {
    text-shadow: none !important;
}

.btn-link {
    color: #6559d2;
}

.btn-link:hover {
    color: #6559d2;
}

.navbar .brand {
    float: left !important;
    padding-top: 23px;
    padding-bottom: 22px;
}

.navbar-inner {
    border-bottom: none !important;
}

.nav-list>.active>a,
.nav-list>.active>a:hover {
    color: #454545;
    text-shadow: none;
    background-color: #ffffff;
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover {
    background-color: #6559d2;
}

.nav .dropdown-toggle .caret {
    border-top-color: #6559d2;
    border-bottom-color: #6559d2;
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #6559d2;
    border-bottom-color: #6559d2;
}

.tabbable {
    margin-bottom: 18px;
}

.navbar-inner {
    min-height: 60px;
    background-color: none;
    background-image: none;
    border: 1px solid #d4d4d4;
    font-family: Inter, sans-serif;
    font-weight: 300;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar .nav > li > a {
    padding-top: 21px;
    padding-bottom: 17px;
    padding-right: 17px;
    padding-left: 17px;
    font-size: 17px;
    font-family: Inter, sans-serif;
    line-height: 22px;
    vertical-align: baseline;
}

.navbar .nav>li>#settings-navlink,
.navbar .nav>li>#setup-navlink {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 23px;
    padding-bottom: 17px;
}

.navbar .nav>li>#settings-navlink i,
.navbar .nav>li>#setup-navlink i {
    font-size: 26px;
}

.settings-navlink .icon-cog {
    display: inline-block;
    transition: transform 0.2s ease 0s;
}

.settings-navlink.active .icon-cog,
.settings-navlink:hover .icon-cog {
    transform: rotate(60deg);
}

.navbar .nav>li#profile-navlink>a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 9px;
    padding-right: 0;
}

.navbar .nav>li#profile-navlink>a>.profile-navlink-down {
    padding-top: 15px;
    padding-bottom: 22px;
    padding-left: 8px;
}

.navbar .nav > li#profile-navlink > a > .profile-navlink-down i {
    color: #b2b6bd;
    font-size: 12px;
}

.navbar-inverse .btn-navbar {
    color: #ffffff;
    text-shadow: none;
    background-color: transparent !important;
    background-image: none;
    border: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    margin-top: 25px;
    margin-right: 15px;
}

.navbar .btn-navbar .icon-bar {
    width: 30px;
    height: 4px;
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
    color: #ffffff;
    background-color: transparent !important;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    background-color: transparent !important;
}

.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
    background-color: transparent !important;
}

.navbar-nav>li>a>i {
    font-size: 28px;
    margin-left: 2px;
    margin-right: 2px;
    color: #595959;
    vertical-align: middle;
}

.navbar-nav>li>a>span {
    vertical-align: middle;
}

.navbar-inverse .navbar-inner {
    background-color: rgba(0, 0, 0, 0.8);
    background-image: none;
    border-color: none;
    filter: none;
}

.navbar-inverse .brand,
.navbar-inverse .nav>li>a {
    text-shadow: none;
}

.navbar-inverse .nav>li>a:focus,
.navbar-inverse .nav>li>a:hover,
.navbar-inverse .nav>li>a:hover {
    background-color: none;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: none;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: none;
}

.navbar-inverse .navbar-collapse .nav>li:hover i,
.navbar-inverse .nav .active i,
.navbar-inverse .nav .active:hover i,
.navbar-inverse .nav .active:focus i {
    color: #fff;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.tabs-left .nav-tabs {
    margin-left: 0px;
    margin-right: 20px;
}

.tabs-left {
    padding-top: 10px;
}

.tabs-left .tab-content {
    padding-top: 5px;
}

.tabbable .tab-content {
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #6559d2;
    border-top: none;
}

.tabs-left .nav-tabs li {
    width: 180px;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
    color: #6559d2;
}

a.thumbnail:hover {
    border-color: #6559d2;
}

.help-block {
    font-size: 12px;
}

.can-approve {
    font-size: 14px;
    color: #38ae9e;
}

.cannot-approve {
    font-size: 14px;
    color: #d3455b;
}

.alert {
    display: none;
    margin-bottom: 0px;
    margin-top: 10px;
}

.display-dropdown {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

#setup-navlink {
    position: relative;
}

#setup-navlink .status-badge {
    position: absolute;
    background: #f0ad4e;
    padding: 4px;
    top: 24px;
    left: 35px;
    border-radius: 50%;
}

#setup-navlink .status-badge-complete {
    background: #5cb85c !important;
}

@media (min-width: 768px) and (max-width: 1200px) {
    #setup-navlink span {
        display: none;
    }
}

@media (max-width: 768px) {
    #setup-navlink .status-badge {
        display: none;
    }
}

/* Input focus
-------------------------------------------------- */

*:focus {
    outline: none !important;
}

input:focus {
    box-shadow: none;
    border-color: #6559d2;
}

textarea:focus {
    box-shadow: none;
    border-color: #6559d2;
}

.form-control:focus {
    box-shadow: none;
    border-color: #6559d2;
}

.ui-select-multiple.ui-select-bootstrap.open {
    border-color: #6559d2;
}

/* Login & Register
-------------------------------------------------- */

.login-form #UserName {
    text-transform: lowercase;
}

.navbar-inverse .navbar-collapse .nav>li>.btn-timechimp:hover,
.navbar-inverse .navbar-collapse .dropdown-menu .btn-timechimp {
    color: #fff !important;
    background-color: #1196b3 !important;
    border-color: #0f859f !important;
}

.navbar-inverse .navbar-nav>li>a.btn-loginregister {
    padding: 10px 20px !important;
    margin: 19px 15px 10px 15px !important;
}

#login-wraper .has-feedback .form-control-feedback {
    top: 15px;
}

#login-wraper label {
    font-weight: normal;
}

.login-register-background {
    /* background: url('/Client/images/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}

#login-wraper {
    text-align: center;
    width: 460px;
    float: none;
    margin: -1% auto;
    margin-bottom: 20px;
}

.login-logo {
    margin: 40px;
}

.login-form {
    padding: 25px;
    font-family: Inter, sans-serif;
    font-weight: 300;
    background-color: #fff;
    -webkit-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    -moz-box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    box-shadow: rgba(58, 51, 46, 0.2) 0px 0px 5px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #cfd6e4;
}

.login-form h2 {
    margin-top: 5px;
    margin-bottom: 15px;
}

.login-form .login-body {
    /* border-bottom-color: rgb(238, 238, 238);
    border-bottom-width: 1px;
    border-bottom-style: solid; */
}

.login-body {
    padding-top: 15px;
    margin-bottom: 10px;
}

.login-body i {
    font-size: 18px;
}

.login-form .login-footer {
    margin-top: 15px;
}

.login-form .login-footer .btn {
    padding: 6px 5px 7px 5px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    box-shadow: none;
    background-image: none;
    font-size: 14px;
}

.login-form .login-body .btn {
    padding: 8px 5px 9px 5px;
    font-size: 16px;
    width: 100%;
}

.login-form .login-footer .btn {
    padding: 8px 5px 9px 5px;
    font-size: 16px;
    width: 100%;
}

.login-form legend {
    color: rgb(51, 51, 51);
    font-size: 36px;
}

.login-form label {
    color: rgb(51, 51, 51);
    font-size: 20px;
    padding-top: 12px;
}

.btn-twitter,
.btn-twitter:hover,
.btn-twitter:active,
.btn-twitter:focus {
    background-color: #2684ad;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2ba5da), color-stop(100%, #2684ad));
    background-image: -webkit-linear-gradient(#2ba5da, #2684ad);
    background-image: -moz-linear-gradient(#2ba5da, #2684ad);
    background-image: -o-linear-gradient(#2ba5da, #2684ad);
    background-image: linear-gradient(#2ba5da, #2684ad);
    color: #fff;
    width: 150px;
    margin-top: 5px;
}

.btn-facebook,
.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:focus {
    background-color: #324b7f;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5179c7), color-stop(100%, #324b7f));
    background-image: -webkit-linear-gradient(#5179c7, #324b7f);
    background-image: -moz-linear-gradient(#5179c7, #324b7f);
    background-image: -o-linear-gradient(#5179c7, #324b7f);
    background-image: linear-gradient(#5179c7, #324b7f);
    color: #fff;
    width: 150px;
    margin-top: 5px;
}

.validation-summary-errors {
    color: red;
    padding-top: 10px;
    font-size: 14px;
}

.validation-summary-errors ul {
    list-style: none;
    padding-left: 0px;
}

.error-help-block {
    display: none;
    text-align: left;
}

.login-remember-me {
    display: block;
    text-align: left;
}

.login-forgot-password {
    display: grid;
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-forgot-password a {
    cursor: pointer;
}

#accountRegisterForm .btn {
    padding: 8px 5px 9px 5px;
    font-size: 18px;
    width: 100%;
}

#accountRegisterForm h2 {
    font-size: 26px;
}

.register-second-account {
    font-size: 14px !important;
    margin-bottom: 15px;
    color: #6559d2;
    padding-top: 0 !important;
}

.register-second-account:hover {
    color: #6559d2;
}

.register-info-wraper {
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

#register-info {
    padding: 5px 25px 15px 25px;
    position: relative;
}

#register-info ul {
    margin-right: 25px;
}

#register-info ul li {
    margin-bottom: 25px;
}

    #register-info h1 {
        text-align: right;
        color: white;
        line-height: 55px;
        font-family: Inter, sans-serif;
        font-size: 36px;
        font-weight: 300;
    }

.login-register-background {
    padding-top: 0;
}

@media all and (max-width:495px) {
    #login-wraper {
        width: auto;
        height: auto;
        margin-right: 0px;
        margin-left: 0px;
    }
    .login-register-background {
        padding-top: 0;
    }
}

/* Errors
-------------------------------------------------- */

.error-container {
    margin-top: 80px;
}

.error-container h2 {
    font-weight: normal;
}

#errorMessage {
    padding: 20px 0px;
    font-size: 18px;
}

/* Reports
-------------------------------------------------- */

.overview-filter-row {
    display: flex;
    margin-bottom: 15px;
    position: relative;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.overview-filter-row .filter-active {
    color: #858d9f;
    font-size: 14px;
    margin-left: 10px;
    padding-bottom: 10px;
}

    .overview-filter-row .filter-active:hover {
        text-decoration: underline;
        color: #6559d2;
    }

    .overview-filter-row .overview-filter-btn,
    .overview-filter-row .overview-filter {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .overview-filter-row .overview-filter-btn,
    .overview-filter-row .overview-filter {
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .overview-filter-row .overview-filter .input-group.date {
            width: 145px;
        }

        .overview-filter-row .overview-filter-btn .btn {
            padding: 9px;
            font-size: 14px;
        }

        .overview-filter-row .overview-filter .ui-select-bootstrap.open input.ui-select-search,
        .overview-filter-row .overview-filter .ui-select-bootstrap.ng-empty input.ui-select-search {
            width: 150px !important;
        }

        .overview-filter-row .overview-filter .ui-select-bootstrap > .ui-select-choices {
            width: 350px !important;
            height: auto !important;
        }

        .overview-filter-row .overview-filter .ui-select-multiple.ui-select-bootstrap.ng-not-empty input.ui-select-search {
            width: 50px !important;
        }

        .overview-filter-row .overview-filter .ui-select-bootstrap .ui-select-match-text,
        .overview-filter-row .overview-filter .ui-select-bootstrap > .ui-select-match > .btn {
            padding-right: 30px;
        }

        .overview-filter-row .overview-filter .ui-select-container {
            min-width: 150px;
        }

        .overview-container {
            display: flex;
        }

.overview-filter-sidebar {
    width: 300px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #cfd6e4;
}

.overview-table {
    width: calc(100% - 300px);
}

.reports-attachment-link,
.reports-attachment-link:visited,
.reports-attachment-link:hover,
.reports-attachment-link:active {
    color: #a2aabd !important;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none !important;
}

.reports-attachment-icon {
    margin-left: 10px;
}

.filter-row {
    background-color: rgb(243, 243, 243);
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #cfd6e4;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.filter-row .col-sm-3,
.filter-row .col-sm-6,
.filter-row .col-sm-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.filter-row .form-group {
    margin-bottom: 10px;
}

.filter-row .form-group input {
    font-size: 14px;
}

.overview-summary .form-group {
    margin-bottom: 0px;
}

.overview-summary {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
    border-top: 1px solid #cfd6e4;
    border-bottom: 1px solid #cfd6e4;
}

.overview-filters {
    background-color: #f8f8f8;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid #cfd6e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.overview-filters .col-sm-12,
.overview-filters .col-md-12,
.overview-filters .col-sm-6,
.overview-filters .col-md-6,
.overview-filters .col-sm-3,
.overview-filters .col-md-3,
.overview-filters .col-sm-4,
.overview-filters .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.overview-filters .form-group {
    margin-bottom: 10px;
}

.overview-filters .form-group .ui-select-placeholder,
.overview-filters .form-group input {
    font-size: 14px !important;
}

.overview-controls {
    margin-bottom: 10px;
}

.overview-controls h3 {
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
}

#overview .btn-sm {
    font-size: 14px;
}

#overview {
    font-family: Inter, sans-serif;
}

.overview-controls .input-group {
    margin-top: 7px;
}

.overview-controls .btn-group {
    margin-left: 3px !important;
    margin-right: 3px !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.overview-controls h1 {
    margin-top: 5px;
}

.overview-controls h1 span {
    font-size: 26px !important;
    color: rgb(51, 51, 51) !important;
}

.overview-filters.ui-scrollfix {
    margin-top: 57px;
}

.fixed-overview-header.ui-scrollfix {
    width: 100%;
    position: fixed;
    top: 119px;
    z-index: 999;
    background-color: #fff;
    border-bottom: 1px solid #cfd6e4;
    margin-left: -30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .fixed-overview-header.ui-scrollfix .overview-controls {
        margin-bottom: 0 !important;
    }

/* Tab Drop
-------------------------------------------------- */

.nav-tabs,
.nav-pills {
    position: relative;
}

/* Register Time Day
-------------------------------------------------- */

.is-timing,
.is-timing:hover {
    background-color: #BDEADD !important;
}

.delete-time-row .btn {
    margin-top: 3px;
    margin-bottom: 5px;
}

.edit-mode {
    border-top: 1px solid #cfd6e4;
    background-color: #F8F8F8;
    padding-top: 11px;
}

.edit-time-input {
    font-size: 24px !important;
    border: none;
    border-bottom: 1px dashed #ccc;
    height: 40px;
    width: 65px;
    background: none;
    padding: 0 !important;
    margin-top: -3px;
    margin-bottom: -3px;
    outline: none !important;
    box-shadow: none !important;
}

.edit-time-input:focus {
    outline-color: transparent;
    outline-style: none;
    border-bottom: 1px dashed #ccc !important;
}

.registration-add-row {
    padding: 5px;
}

.registration-date-switcher .input-group.date {
    position: relative;
    float: left;
    margin-top: 0 !important;
}

    .registration-date-switcher .input-group.date .btn {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

.modal-registration-add-row .checkbox,
.registration-add-row .checkbox {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.registration-add-row-mileage .input-xxl,
.registration-add-row-expense .input-xxl
{
    height: 97px !important;
}

.registration-time-from,
.registration-time-to {
    display: inline-block;
    width: 48.5%;
}

@media (max-width: 1200px) {
    .registration-time-from,
    .registration-time-to {
        width: 48%;
    }
}

@media (min-width: 768px) {
    .modal-registration-add-row {
        width: 390px;
    }
}

.modal-registration-add-row .modal-body {
    padding: 25px;
}

.registration-add-row-submit {
    font-size: 16px;
    width: 100%;
}

.registration-nav-day-name {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px;
}

.registration-nav-day-total {
    color: #2e2e2e;
    font-weight: 600;
    font-size: 14px;
}

.list-group-registration-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .list-group-registration-nav > li {
        display: inline;
        float: left;
        width: calc(100% / 8);
        padding: 0;
        border-bottom: 1px solid #cfd6e4;
        text-align: center;
    }

.is-weekend-day {
    background-image: linear-gradient(45deg, rgba(46, 46, 46, 0.1) 10%, #ffffff 10%, #ffffff 50%, rgba(46, 46, 46, 0.1) 50%, rgba(46, 46, 46, 0.1) 60%, #ffffff 60%, #ffffff 100%);
    background-size: 7.07px 7.07px;
}

.registration-saving-text {
    color: #6559d2;
    font-size: 14px;
    text-transform: none;
}

.list-group-registration-expenses .list-group-item,
.list-group-registration-mileage .list-group-item,
.list-group-registration-time .list-group-item {
    padding-top: 19px !important;
    border-top: 1px solid #cfd6e4;
    padding-bottom: 20px !important;
}

.list-group-registration-nav > li.total {
    width: calc(100% / 8);
    padding: 15px;
    color: #999999;
}

        .list-group-registration-nav > li > a,
        .list-group-registration-nav > li > a:visited {
            padding: 15px;
            display: block;
            color: #999999;
            text-decoration: none;
        }

    .list-group-registration-nav > li:first-child {
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
    }

    .list-group-registration-nav > li:last-child {
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;
    }

.list-group-registration-nav>li span {
    display: block;
}

        .list-group-registration-nav > li.day:hover,
        .list-group-registration-nav > li.day.selected-day {
            background-color: #fff;
            border-bottom: 2px solid #6559d2;
            color: #6559d2;
        }

        .list-group-registration-nav > li:hover a,
        .list-group-registration-nav > li.selected-day a {
            color: #2e2e2e;
            background-color: rgba(101, 89, 210, 0.07) !important;
            -webkit-transition: background-color 0.1s ease-in-out;
            -ms-transition: background-color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out;
            padding-bottom: 14px;
        }

.start-timer-icon {
    font-size: 18px !important;
}

.list-group-registration .rate-block-time {
    width: 100px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding-top: 8px;
}

.list-group-registration .rate-block-expense {
    width: 125px;
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
}

.list-group-registration .quantity-block-expense {
    display: block;
    color: #999;
    font-size: 12px;
    margin-top: -2px;
}

.list-group-registration .rate-block-mileage {
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
}

.list-group-registration .rate-block-mileage-total {
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
}

.list-group-registration .direction-icon {
    color: #ddd !important;
    position: absolute;
    top: 3px;
    left: -28px;
}

.list-group-registration .actions-block-time {
    width: 85px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 8px;
}

.list-group-registration .actions-block-time .fa-play {
    font-size: 16px;
}

.list-group-registration .actions-block-expense {
    width: 45px;
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
}

.list-group-registration .actions-block-mileage {
    width: 45px;
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
}

.mileage-favorites .mileage-favorites-btn {
    padding: 3px 7px;
    background-color: #fff;
}

.mileage-favorites .input-group .ui-select-bootstrap>.ui-select-match>.btn {
    border-right: 1px dashed #ddd;
}

@media (max-width: 540px) {
    .list-group-registration .actions-block {
        text-align: left;
    }
}

.list-group-registration .project {
    font-weight: bold;
}

.list-group-registration .customer {
    font-weight: normal;
    margin-left: 3px;
}

.table-timesheet-week tbody .customer {
    margin-left: 3px;
}

.list-group-registration .project-customer .icon-paperclip {
    cursor: pointer !important;
}

.list-group-registration .rate {
    font-size: 24px;
}

.list-group-registration .rate i {
    font-size: 18px;
    color: #ccc;
    display: none;
    padding-left: 5px;
}

.list-group-registration .rate:hover i {
    display: inline-block !important;
}

.list-group-registration .edit-rate i {
    display: inline-block !important;
    padding-left: 0;
}

.list-group-registration .total-label {
    font-size: 24px;
    color: #999;
    padding-right: 20px;
}

.list-group-registration .tax {
    color: #999;
    padding-top: 10px;
}

.list-group-registration .notes {
    color: #999;
}

.list-group-registration .locked {
    background-color: #F8F8F8;
    border-top: 1px solid #cfd6e4;
    padding-top: 9px;
}

.list-group-registration-time>li:first-child,
.list-group-registration-expenses >li:first-child,
.list-group-registration-mileage>li:first-child {
    border-top: none;
}

.registration-approve-all {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.registration-approve-all-space {
    margin-top: 70px;
}

.time-week-no-hours {
    text-align: center;
    padding: 10px 20px !important;
}

.registration-copy-button {
    border-color: #ccc;
    color: #999 !important;
}

.time-day-load-more,
.time-day-load-more:hover {
    text-align: center;
    border-bottom: none !important;
    background: none !important;
}

.time-day-no-hours {
    text-align: center;
    padding: 10px 20px !important;
    border-top: none !important;
    border-bottom: none !important;
    margin-top: 16%;
    margin-bottom: 16%;
}

.time-day-no-hours span,
.time-week-no-hours span {
    color: #eee;
    font-size: 42px;
    text-transform: uppercase;
}

.time-week-no-hours-found span {
    color: #eee;
    font-size: 28px;
    text-transform: uppercase;
}

.time-day-no-hours:hover {
    background-color: #fff !important;
}

.time-day-days {
    background-color: rgb(243, 243, 243);
}

.time-day-days .day {
    border: 1px solid rgb(221, 221, 221);
}

.text-left-bottom {
    position: absolute;
    bottom: 0;
    text-align: left;
}

.surcharge-tooltip {
    position: absolute;
    right: 25px;
    top: 112px;
}

/* UI Select
-------------------------------------------------- */

.ui-select-multiple.ui-select-bootstrap:not(.open) .ui-select-match::after {
    position: absolute;
    top: 17px;
    right: 9px;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    clear: both;
    pointer-events: none;
}


.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 3px 2px 0;
}

.ui-select-bootstrap .ui-select-match-text {
    height: 26px;
}

.ui-select-multiple .ui-select-match-item {
    padding: 5.5px 11px;
}

/* fix ellipsis on placeholder and match text */
.ui-select-match-text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
}

.ui-select-toggle>.btn.btn-link {
    margin-right: 10px;
    top: 6px;
    position: absolute;
    right: 10px;
}

.ui-select-bootstrap>.ui-select-choices {
    max-height: 400px;
}

.ui-select-bootstrap input.ui-select-search {
    width: 100% !important;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    min-height: 34px;
    padding-left: 10px;
    padding-right: 16px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item.btn-primary {
    background-image: none;
    background-color: #fff;
    color: #2e2e2e;
    border-color: #ccc;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    line-height: 1;
}

.ui-select-bootstrap>.ui-select-match {
    height: 43px;
    color: #2e2e2e;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    padding: 6px 20px;
}

.ui-select-bootstrap .ui-select-choices-row.active>span,
.ui-select-bootstrap .ui-select-choices-row>span:hover,
.ui-select-bootstrap .ui-select-choices-row>span:focus {
    color: #6559d2;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    background-color: #F8F8F8 !important;
}

.ui-select-bootstrap>.ui-select-match>.btn {
    height: 100%;
    line-height: 28px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.input-group .ui-select-bootstrap>.ui-select-match>.btn {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-select-new-item {
    border-top: 1px solid #ccc;
    padding: 20px;
    background-color: #fff;
    cursor: default;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -5px;
    margin-bottom: -10px;
}

.ui-select-new-item i {
    font-size: 10px;
    padding-right: 4px;
}

.ui-select-indent {
    padding-left: 30px;
    color: #777;
}

.ui-select-indent::before {
    padding-right: 10px;
    content: "|";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.ui-select-choices-row.disabled {
    display: none !important;
}

.ui-select-placeholder {
    font-size: 14px;
}

.ui-select-match .btn-link {
    margin-top: -3px;
    color: #ddd;
}

.hide-caret .caret {
    display: none !important;
}

/* Responsive
-------------------------------------------------- */

@media (max-width: 767px) {
    .table-timesheet-week tbody,
    .table-timesheet-week tbody td,
    .table-timesheet-week tbody tr {
        display: block;
    }
    .table-timesheet-week thead .day,
    .table-timesheet-week thead .total,
    .table-timesheet-week thead .action,
    .table-timesheet-week tfoot .day,
    .table-timesheet-week tfoot .total,
    .table-timesheet-week tfoot .action,
    .table-timesheet-week .empty-row-td {
        display: none;
    }
    .table-timesheet-week thead .title {
        border-right: 1px solid #cfd6e4;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
    }
    .table-timesheet-week .title {
        width: 100%;
    }
    .table-timesheet-week tbody .title {
        border-top: 1px solid #cfd6e4;
        border-bottom: 1px solid #cfd6e4;
        background-color: rgb(249, 249, 249);
    }
    #emptyTimeRow .title {
        background-color: #ffffff;
        border: none;
    }
    .table-timesheet-week tfoot .title {
        border-right: 1px solid #cfd6e4;
        border-top: none;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px;
    }
    .table-timesheet-week td {
        border: none;
        position: relative;
        padding-left: 150px;
        text-align: left;
    }
    .table-timesheet-week td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    .overview-header .span6:first-child {
        display: none;
    }
    .table-timesheet-week td:before {
        content: attr(data-title);
    }
    .timesheet-week-timerow .input-mini {
        height: 42px !important;
        margin-top: 20px;
        width: 100%;
    }
    .timesheet-week-timerow .day,
    .timesheet-week-timerow .total,
    .timesheet-week-timerow .action {
        width: 100%;
    }
    .timesheet-week-timerow .total {
        padding-top: 30px;
    }
    .timesheet-week-timerow .project-customer {
        font-size: 22px;
    }
    .table-timesheet-week .title {
        margin-top: 25px;
        height: auto;
        border-left: 1px solid #cfd6e4;
        border-right: 1px solid #cfd6e4;
    }
}

.not-visible {
    visibility: hidden;
}

@media (max-width: 1200px) {
    .table-timesheet-week .title {
        width: 300px;
    }
}

@media (max-width: 460px) {
    .hidden-xxs {
        display: none;
    }
}

@media (max-width: 1366px) {
    .login-register-background {
        padding-top: 0px;
    }
}

@media (min-width: 768px) {
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: -15px;
    }
    .navbar-collapse.collapse {
        height: 68px !important;
    }
}

/*@media (min-width: 768px) and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a > span {
        display: none;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding-top: 20px !important;
    }

        .navbar-inverse .navbar-nav > li > a > i {
            color: #fff;
        }
}*/

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav>li>a>i {
        display: none;
    }
    .navbar-fixed-top {
        position: absolute;
    }
}

@media (max-width: 991px) {
    .note {
        display: none;
    }
    /*#profile-navlink {
        display: none;
    }*/
    .navbar-inverse .navbar-nav>li>a>i:hover,
    .navbar-inverse .navbar-nav>li.active>a,
    .navbar-inverse .navbar-nav>li.active>a>i {
        color: #6559d2 !important;
    }
}

@media (max-width: 768px) {
    .list-group-registration-nav {
        display: none;
    }
    .empty-timerow td {
        padding-top: 60px !important;
    }
    #newTimeRowModal select.form-control+.chosen-container.chosen-container-single .chosen-single,
    #newTimeRowModal select.form-control+.chosen-container-multi .chosen-choices {
        width: 88%;
    }
    #newTimeRowModal .btn-add-item {
        right: 3px;
    }
    .timesheet-header-right .btn {
        margin-bottom: 10px;
    }
}

@media (max-width: 979px) {
    /*#profile-dropdown > li > a,
    #profile-dropdown a {
        color: #ffffff;
    }

    #profile-dropdown .icon-user,
    #profile-dropdown .icon-off {
        display: none;
    }

    .navbar-inverse .navbar-collapse .nav > li > a,
    .navbar-inverse .navbar-collapse .dropdown-menu a {
        padding-top: 8px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }*/
    .c-alert {
        padding-top: 0px;
    }
}

@media (max-width: 405px) {
    .timesheet-week-timerow .input-mini {
        width: 65px !important;
        height: 45px !important;
    }
    .input-mini {
        font-size: 18px !important;
    }
}

@media (min-width: 992px) {
    .navbar-inverse .nav .active,
    .navbar-inverse .nav .active:focus {
        background-color: rgba(255, 255, 255, 0.08) !important;
        transition: border-color 200ms ease-in;
        -webkit-transition: border-color 200ms ease-in;
    }
    .navbar-inverse .nav li:after {
        content: '';
        display: block;
        margin: auto;
        height: 3px;
        width: 0px;
        background: transparent;
        transition: width .7s ease, background-color .7s ease;
        -webkit-transition: width .7s ease, background-color .7s ease;
    }
    .navbar-inverse .nav li.active:after {
        width: 100%;
        background: #6559d2;
    }
    .navbar-inverse .nav .active:hover,
    .navbar-inverse .navbar-collapse .nav>li:hover {
        background-color: rgba(255, 255, 255, 0.08) !important;
    }
    .navbar-inverse .navbar-collapse .nav>li#profile-navlink:hover {
        background-color: transparent !important;
        border-bottom: none;
    }
}

/* Master landing page
-------------------------------------------------- */

.master-landingpage {
    padding-top: 0;
    background-color: #fff;
    background-image: none;
}

.master-landingpage .nav {
    padding: 15px;
}

.master-landingpage .nav img {
    max-height: 40px
}

.master-landingpage .header {
    background-image: url('/Client/images/master-landingpage-header.png');
    height: 560px;
    padding: 60px 15px;
}

.master-landingpage .content {
    padding: 40px 15px;
}

.master-landingpage .header-text {
    color: #fff;
}

/* Datatable group checkbox
-------------------------------------------------- */

table.dataTable tr.group td.select-group-checkbox {
    position: relative !important;
}

    table.dataTable tr.group td.select-group-checkbox:before,
    table.dataTable tr.group td.select-group-checkbox:after {
        display: block !important;
        position: absolute !important;
        top: 47% !important;
        left: 50% !important;
        width: 15px !important;
        height: 15px !important;
        box-sizing: border-box !important;
        cursor: pointer;
    }

    table.dataTable tr.group td.select-group-checkbox:before {
        content: ' ' !important;
        margin-top: -6px !important;
        margin-left: -6px !important;
        border: 1px solid rgba(0,0,0,.25) !important;
        border-radius: 3px !important;
    }

table.dataTable tr.group-selected td.select-group-checkbox:after {
    content: '\2714' !important;
    margin-top: -7px !important;
    margin-left: -7px !important;
    font-weight: 700;
    font-size: 12px;
    text-align: center !important;
    color: #6559d2 !important;
}

/** Menu small window */

@media (max-width: 1320px) {
    .navbar-timer {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .icon-exit {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #profile-navlink {
        display: none !important;
    }
}

@media (min-width: 767px) {
    #settings-navlink>span,
    #myprofile-navlink,
    #logout-navlink {
        display: none;
    }
}

/* Utility */

.text-error {
    color: #a94442;
}

.no-border-bottom {
    border-bottom: none;
}

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

.label-background {
    background: #F8F8F8
}

.cursor-move {
    cursor: move;
}

.cursor-pointer {
    cursor: pointer;
}

.table-padding {
    padding: 15px 10px !important;
}

.vertical-align-top>td {
    vertical-align: top !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-2 {
    padding-top: 2px !important;
}

.padding-bottom-2 {
    padding-bottom: 2px !important;
}

.invoice-row-close {
    position: absolute;
    right: -10px;
    top: 55%;
    transform: translateY(-50%);
    font-size: 30px;
}

.flex-center {
    display: flex;
    justify-content: center;
}

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

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

.flex {
    display: flex !important;
}

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

.flex-justify-center {
    display: flex;
    justify-content: center;
}

.align-center {
    flex: 0 0 100%;
    text-align: center;
}

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

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

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

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

.margin-right-72 {
    margin-right: 72px !important;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-bottom-2 {
    margin-bottom: 2px;
}

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

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

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

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

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

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

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

.translate-up-20 {
    transform: translateY(-20px);
}

.translate-up-10 {
    transform: translateY(-10px);
}

.translate-left-70 {
    transform: translateX(-70px);
}

.max-height-480 {
    max-height: 480px;
}

.text-label {
    color: #555;
    font-weight: 600;
}

.move-down-2 {
    transform: translateY(2px);
}

.color-disabled {
    color: #adadad !important;
}

.form-group-disabled .ui-select-bootstrap>.ui-select-match {
    background: #ccc !important;
    cursor: not-allowed !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.width-100-percent {
    width: 100%;
}

.width-100 {
    width: 100px !important;
}

.width-50 {
    width: 50%;
}

.width-250 {
    width: 250px;
}

.width-365 {
    width: 365px;
}

.border-radius-5 {
    border-radius: 5px;
}

.no-margin {
    margin: 0;
}

.grey-border-bottom {
    border-bottom: 1px solid #cfd6e4 !important;
}

.margin-left-18 {
    margin-left: 18px;
}

.margin-left-14 {
    margin-left: 14px;
}

.padding-5-18 {
    padding: 5px 18px;
}

/* subscription */

.invoiceperiod-wrapper {
    display: flex;
    width: 75%;
    margin: 0 auto;
}

.current-invoicefrequency {
    background: rgb(243, 243, 243);
    border-radius: 10px;
}

.invoiceperiod-wrapper-left,
.invoiceperiod-wrapper-right {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.timechimp-green {
    color: #6559d2;
    font-weight: 600;
}

.color-white {
    color: white;
}

.width-82 {
    width: 82%;
}

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

.background-grey {
    background: #F8F8F8;
}

.table>tbody+tbody {
    border-top: 0;
}

.ui-select-container[disabled] {
    cursor: not-allowed;
}

/* insights */

.dashboard-box {
    padding: 10px;
}

.insight-icon {
    font-size: 14px;
}

.insight-icon-green {
    opacity: .45;
    color: #6559d2;
}

.insight-icon-red {
    opacity: .45;
    color: #fd5047;
}

.insight-icon-purple {
    opacity: .45;
    color: #734ba9;
}

.height-400 {
    position: relative;
    height: 400px
}

/* approve lables */

.approve-submitted {
  color: white;
  border: 1px solid #F5A623;
  background: #F5BB5B;
}

.approve-rejected {
  color: white;
  border: 1px solid #D0021B;
  background: #FC6280;
}

.approve-approved {
  color: white;
  background: #55EFCF;
  border: 1px solid #2DB095;
}

.approve-invoiced {
    color: white;
    background: #777;
    border: 1px solid #6b6b6b;
}

.approve-writtenoff {
    color: white;
    background: #5bc0de;
    border: 1px solid #51acc7;
}

.approve-transparent {
    color: #999;
    border: 1px solid #999;
    background: white;
}

.approve-body {
  padding: 20px;
  border: 1px solid #9797976e;
}

.approve-no-history {
  display: flex;
  justify-content: center;
  align-items: center;

  height: 125px;
}

.approve-no-history-text {
  font-size: 25px;
  color: #b9b9b9;
}

.approve-signature {
  width: 100%;
}

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

.description-label {
    text-align: left;
}

.btn-group .btn.disabled,
.btn-group .btn[disabled],
.btn-group fieldset[disabled] .btn {
    opacity: 0.6;
}

/* log-in styles */
.flex-center-align {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-logo-wrapper {
    display: flex;
    justify-content: center;
    padding: 10px 40px;
}

.login-logo {
    height: 80px;
    margin: 0;
}

.login-h2 {
    font-size: 22px;
    margin-top: 10px;
}

.login-wrapper {
    width: 375px;
    height: 450px;
    margin-left: 40px;
}

.margin-around {
    margin: 0 15px 15px 15px;
}

.login-btn {
    border-radius: 5px;
    padding: 5px 15px;
    margin: 13px 0;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.font-size-23 {
    font-size: 23px !important;
}

.width-390 {
    width: 390px !important;
}

.width-380 {
    width: 380px !important;
}

.max-width-380 {
    max-width: 380px !important;
}

.margin-top-20-important {
    margin-top: 20px !important;
}

@media (max-width: 1320px) {
    .table-timesheet-week.ui-scrollfix .title {
        width: 400px;
    }
}

@media (max-width: 1200px) {
    .table-timesheet-week.ui-scrollfix .title {
        width: 200px;
    }
}

@media (max-width: 989px) {
    .table-timesheet-week.ui-scrollfix .title {
        width: 100px;
    }
}


@media (max-width: 767px) {
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000;
    }

    .navbar-toggle {
        margin-top: 17px;
    }

    .support-launcher {
        display: none;
    }
}

.border-radius-5 {
    border-radius: 5px !important;
}

.width-100 {
    width: 100%;
}

.project-attachment {
    display: flex;
}

.project-attachment-info {
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%
}

.copy-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.copy-modal-header {
    margin: 0;
    padding: 20px 10px;
    background-color: #f6f6f6;
    border-radius: 6px 6px 0 0;
}

.copy-modal-content {
    text-align: center;
    padding: 10px 15px;
}

.spinner-absolute {
    position: absolute;
    top: -45px;
    left: -7px;
    background-color: transparent;
}

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

.clockin-question {
    float: right;
    padding-top: 27px;
    margin-right: -18px;
}
.purple-text {
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #6559d2;
    margin-right: 3px;
}

.clockin-success-text {
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}

.clockin-new-clock-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.03em;
}

.clockin-list-text {
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.03em;
}

.btn-clockin {
    background: #FFFFFF;
    border: 1px solid #5245CD;
    box-sizing: border-box;
    border-radius: 4px;
}

.btn-clockin-text {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    align-items: center;
    letter-spacing: 0.02em;
    color: #6559D2;
}


.schedule-footer .ui-select-bootstrap > .ui-select-match  {
    height: 34px !important;
}

.schedule-footer .ui-select-bootstrap > .ui-select-match > .btn {
    line-height: 18px !important;
}

.margin-top-18 {
    margin-top: 18px;
}

.pointer-event-none {
    pointer-events: none;
}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInTop {
    -webkit-animation-name: fadeInTop;
    animation-name: fadeInTop;
}

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInBottom {
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}


@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
/* Common */

.ng-aside {
    overflow-y: auto;
    overflow-x: hidden;
}

.ng-aside .modal-dialog {
    position: absolute;
    margin: 0;
    padding: 0;
}

.ng-aside.fade .modal-dialog {
    -o-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -webkit-transition: none;
    transition: none;
    /*CSS transforms*/
    -o-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

.ng-aside .modal-dialog .modal-content {
    overflow-y: auto;
    overflow-x: hidden;
    border: none;
    border-radius: 0;
}

/* Horizontal */

.ng-aside.horizontal {
    height: 100%;
}

    .ng-aside.horizontal .modal-dialog .modal-content {
        height: 100%;
    }

    .ng-aside.horizontal .modal-dialog {
        position: absolute;
        top: 0;
        height: 100%;
    }

    .transparent-backdrop {
        background-color: transparent !important;
    }

    .modal-open .ng-aside.horizontal.left .modal-dialog {
        animation: fadeOutLeft 250ms;
        -webkit-animation: fadeOutLeft 250ms;
        -moz-animation: fadeOutLeft 250ms;
        -o-animation: fadeOutLeft 250ms;
        -ms-animation: fadeOutLeft 250ms;
    }

.ng-aside.horizontal.left.in .modal-dialog {
    animation: fadeInLeft 400ms;
    -webkit-animation: fadeInLeft 400ms;
    -moz-animation: fadeInLeft 400ms;
    -o-animation: fadeInLeft 400ms;
    -ms-animation: fadeInLeft 400ms;
}

.ng-aside.horizontal.left .modal-dialog {
    left: 0;
}

.ng-aside.horizontal.right .modal-dialog {
    animation: fadeOutRight 400ms;
    -webkit-animation: fadeOutRight 400ms;
    -moz-animation: fadeOutRight 400ms;
    -o-animation: fadeOutRight 400ms;
    -ms-animation: fadeOutRight 400ms;
}

.ng-aside.horizontal.right.in .modal-dialog {
    animation: fadeInRight 250ms;
    -webkit-animation: fadeInRight 250ms;
}

.ng-aside.horizontal.right .modal-dialog {
    right: 0;
}

/* Vertical */

.ng-aside.vertical {
    width: 100% !important;
    overflow: hidden;
}

.ng-aside.vertical .modal-dialog {
    left: 0;
    right: 0;
    width: 100% !important;
}

    .ng-aside.vertical .modal-dialog .modal-content {
        max-height: 400px;
    }

.ng-aside.vertical.top .modal-dialog {
    animation: fadeOutUp 250ms;
    -webkit-animation: fadeOutUp 250ms;
    -webkit-animation: fadeOutUp 250ms;
    -moz-animation: fadeOutUp 250ms;
    -o-animation: fadeOutUp 250ms;
    -ms-animation: fadeOutUp 250ms;
}

.ng-aside.vertical.top.in .modal-dialog {
    animation: fadeInTop 250ms;
    -webkit-animation: fadeInTop 250ms;
    -webkit-animation: fadeInTop 250ms;
    -moz-animation: fadeInTop 250ms;
    -o-animation: fadeInTop 250ms;
    -ms-animation: fadeInTop 250ms;
}

.ng-aside.vertical.bottom .modal-dialog {
    animation: fadeOutDown 250ms;
    -webkit-animation: fadeOutDown 250ms;
    -webkit-animation: fadeOutDown 250ms;
    -moz-animation: fadeOutDown 250ms;
    -o-animation: fadeOutDown 250ms;
    -ms-animation: fadeOutDown 250ms;
}

.ng-aside.vertical.bottom.in .modal-dialog {
    animation: fadeInBottom 250ms;
    -webkit-animation: fadeInBottom 250ms;
    -webkit-animation: fadeInBottom 250ms;
    -moz-animation: fadeInBottom 250ms;
    -o-animation: fadeInBottom 250ms;
    -ms-animation: fadeInBottom 250ms;
}

.ng-aside.vertical.bottom .modal-dialog {
    bottom: 0;
}

.ng-aside.vertical.top .modal-dialog {
    top: 0;
}

.ng-aside.vertical .modal-dialog .modal-content {
    width: 100%;
}

.ng-aside.horizontal.left.in .modal-dialog,
.ng-aside.horizontal.right.in .modal-dialog
{
    width: 300px;
}

.calendar-event {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    transition: all ease-in 200ms;
    display: flex;
    align-items: center;
}

.calendar-event:hover {
    margin-left: -2px;
    background: #F8F8F8;
    cursor: pointer;
}

.calendar-event-info {
    border-left: 3px solid #6559d2;
    padding-left: 15px;
}

.calendar-event-arrow {
    margin-right: 10px;
    font-size: 10px;
}

    .calendar-event-arrow::before {
        position: relative;
        /* top: 3pt; Uncomment this to lower the icons as requested in comments*/
        content: "";
        display: inline-block;
        /* By using an em scale, the arrows will size with the font */
        width: 0.7em;
        height: 0.7em;
        border-left: 0.1em solid #2e2e2e;
        border-bottom: 0.1em solid #2e2e2e;
        transform: rotate(45deg);
        margin-right: 0.5em;
    }

.calendar-event h5 {
    margin: 3px 0;
    font-size: 13px;
    font-weight: 600;
}

.highlight-input {
    border-color: #6559d2;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.border-left-none {
    border-left: none !important;
}



/* Scheduling */

.shift-schedule-container {
    width: 100%;
    height: 100%
}

#shift-schedule-main {
    overflow: auto;
    height: calc(100vh - 360px) !important;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    background: #fff;
}

.shift-schedule-header {
    width: 100%;
    display: flex;
    z-index: 7;
    min-height: 80px;
    border-top: 1px solid #cfd6e4;
    border-bottom: 1px solid #cfd6e4;
}

.shift-schedudule-header-annotation {
    font-size: 11px;
    padding: 0 15px;
}

.shift-schedule-header-actions-edit {
    width: 10px;
}

.shift-schedule-header-actions-locked {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
}

.shift-schedule-filters {
    display: flex;
    align-items: center;
}

    .shift-schedule-filters .btn-group {
        color: #999;
    }

    .shift-schedule-filters .input-group-addon {
        border: none;
        background: none;
        color: #999;
        padding: 0;
    }

    .shift-schedule-filters .shift-search {
        border: none;
        background: none;
        box-shadow: none;
    }

.shift-schedule-footer {
    width: 100%;
    z-index: 7;
    font-size: 12px;
}

.shift-schedule-footer-totals {
    border-top: 1px solid #cfd6e4;
    background: #fff;
    width: 100%;
    display: flex;
}

.shift-schedule-footer-status {
    border-top: 1px solid #cfd6e4;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shift-schedule-footer-status-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shift-schedule-footer-status-item {
    padding: 6px 20px;
}

.shift-schedule-row {
    display: flex;
    width: 100%;
    flex-grow: 1;
    min-height: 60px;
    background: #fff;
    border-bottom: 1px solid #cfd6e4;
}

.shift-schedule-row-left {
    position: relative;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    word-break: break-word;
    background: #fff;
    width: 100%;
    max-width: calc(185px - 8px);
    padding: 8px;
    border: none;
    border-left: 1px solid #cfd6e4;
}

.shift-schedule-row-right {
    position: relative;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    width: 0;
    max-width: 100%;
    word-break: break-word;
    border-right: 1px solid #cfd6e4;
}

.shift-schedule-row-right-columns {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    min-height: 40px;
    background: #fff;
}

.shift-schedule-row-right-column {
    justify-content: center;
    background-color: #fff;
    position: relative;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    width: 0;
    max-width: 100%;
    padding: 2px;
    word-break: break-word;
    border-left: 1px solid #cfd6e4;
}

.shift-shedule-today {
    background-color: rgba(101, 89, 210, 0.03) !important;
}

.shift-schedule-add-shift {
    display: none;
    background: rgba(101, 89, 210, 0.07);
    border-radius: 4px;
    border: 1px solid rgba(101, 89, 210, 0.08);
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    cursor: pointer;
    color: #6559d2;
}

.shift-schedule-row-right-column:hover .shift-schedule-add-shift {
    display: flex !important;
}

.shift-schedule-row-right-column.shift-shedule-locked {
    cursor: no-drop;
    background: #f8f8f8;
}

.shift-schedule-row-right-column.shift-shedule-locked:hover .shift-schedule-add-shift {
    display: none !important;
}

    .shift-schedule-row-right-column.shift-shedule-locked .shift-schedule-header-weekday {
        color: #ccc !important;
    }

.shift-schedule-availabilities {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1;
}

.shift-schedule-availability {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #48bf33;
    background-color: rgba(232,255,230,.5);
    height: 100%;
    width: 100%;
    padding: 1px 5px;
}

.shift-schedule-not-available {
    color: #af1105;
    background-color: rgba(175,17,5, .1);
}

.shift-schedule-row-right-column:hover .shift-schedule-availabilities {
    display: none !important;
}

.shift-schedule-header-weekday {
    color: #858d9f;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 10px;
}

.shift-schedule-header-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shift-schedule-row-right-column:hover .shift-schedule-add-note {
    display: block !important;
    cursor: pointer;
}

.shift-schedule-add-shift span {
    display: block;
    font-size: 12px;
    margin-top: 1px;
}

.shift-schedule-add-shift i {
    font-size: 18px;
}

.shift-schedule-notes {
    font-size: 12px;
}

.shift-schedule-day-total {
    text-align: center;
    font-size: 11px;
    color: #999;
}

.shift-schedule-user-picture img {
    border-radius: 50px;
    margin-right: 5px;
}

.shift-schedule-user-name {
    font-size: 12px;
    width: 100%;
}

.shift-schedule-user-totals {
    margin-top: 5px;
    font-size: 11px;
    color: #999;
}

.shift-schedule-shift {
    background: #6559d2;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin: 2px 4px;
    font-size: 12px;
    position: relative;
    min-height: 46px;
}

.shift-schedule-shift-position {
    background: #5245cd;
    color: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 11px;
    margin-top: 2px;
    width: 100%;
}

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

.shift-schedule-shift .badge {
    position: absolute;
    top: -7px;
    right: -5px;
    padding: 2px 5px;
}

.shift-schedule-repeat-day {
    background-color: #eee;
    box-sizing: border-box;
    color: rgb(109, 125, 140);
    font-size: 12px;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    cursor: pointer;
}

.shift-schedule-repeat-day-selected {
    background-color: #6559d2;
    color: #fff;
}

.shift-schedule-repeat-day-locked {
    cursor: not-allowed;
    color: #ccc;
}

.shift-schedule-locations-dropdown {
    min-width: 400px !important;
    max-height: 550px !important;
    overflow-y: hidden;
    left: 0 !important;
}

.shift-schedule-location-group-header {
    padding: 5px 10px 4px 10px;
    font-size: 12px;
    background: rgb(243, 243, 243);
    font-weight: bold;
    border-left: 1px solid #cfd6e4;
    border-right: 1px solid #cfd6e4;
    border-bottom: 1px solid #cfd6e4;
}

.shift-schedule-settings-dropdown {
    left: 0 !important;
    width: 400px;
}

.shift-schedule-locations-dropdown-header {
    background: #f5f5f5;
    padding: 5px 5px;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 2px;
}

.shift-schedule-locations-dropdown-list {
    max-height: 400px;
    overflow-y: auto;
}

.shift-schedule-locations-dropdown-item > a,
.shift-schedule-locations-dropdown-item > a:visited,
.shift-schedule-locations-dropdown-item > a:active {
    color: #2e2e2e;
    text-decoration: none;
    display: block;
    padding: 5px;
}

.shift-schedule-locations-dropdown-item > a:hover {
    color: #6559d2 !important;
    background-color: rgba(101, 89, 210, 0.07) !important;
}

.shift-schedule-shift-position-container {
    display: flex;
}

.shift-schedule-shift-status {
    margin-left: 5px;
    margin-top: 4px;
}

.shift-schedule-shift:not(.shift-schedule-shift-nohover):hover .shift-schedule-shift-time,
.shift-schedule-shift:not(.shift-schedule-shift-nohover):hover .shift-schedule-shift-position-container {
    visibility: hidden;
}

.shift-schedule-shift:not(.shift-schedule-shift-nohover):hover {
    background-color: #6559d2 !important;
}

.shift-schedule-shift-edit {
    display: none;
}

.shift-schedule-views-dropdown {
    left: 0 !important;
    min-width: 300px;
}

.shift-schedule-shift:not(.shift-schedule-shift-nohover):hover .shift-schedule-shift-edit {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: space-between;
}

.shift-schedule-shift-edit-item {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;

    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

    .shift-schedule-shift-edit-item:hover {
        background: rgb(93, 82, 195);
    }

    .shift-schedule-shift-edit-item:first-child {
        border-left: 1px solid #fff;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .shift-schedule-shift-edit-item:last-child {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

.shift-schedule-user-menu .btn {
    padding: 0;
    color: #ccc;
}

.shift-schedule-user-menu .dropdown-menu-actions {
    right: auto !important;
}

.shift-schedule-shift-time-total {
    font-size: 10px;
}

.shift-schedule-week .shift-schedule-header-weekday {
    font-size: 14px;
}

.shift-schedule-month .shift-schedule-header-weekday {
    font-size: 11px;
    padding: 10px 1px;
}

.shift-schedule-month .shift-schedule-row-right-column {
    padding: 0;
}

.shift-schedule-month .shift-schedule-shift-time {
    font-size: 8px;
    text-align: center;
    width: 100%;
}

.shift-schedule-month .shift-schedule-shift-time > div{
    width: 100%;
}

.shift-schedule-month .shift-schedule-availability-time {
    display: block;
    text-align: center;
    font-size: 9px;
}

.shift-schedule-month .shift-schedule-shift:not(.shift-schedule-shift-nohover):hover .shift-schedule-shift-edit {
    flex-direction: column;
}

.shift-schedule-month .shift-schedule-shift-edit-item {
    font-size: 8px;
}

.shift-schedule-month .shift-schedule-header-actions {
    flex-direction: column-reverse;
    align-items: normal;
}

.shift-schedule-month .shift-schedule-header-actions-weather {
    text-align: center;
    margin-top: -10px;
}

.shift-schedule-month .shift-schedule-header-actions-edit {
    width: 100%;
    display: flex;
    justify-content: center;
}

.shift-schedule-month .shift-schedule-shift {
    margin: 1px;
}

.shift-schedule-month .shift-schedule-shift-time span {
    display: block;
}

.shift-schedule-month .shift-schedule-day-total {
    display: block;
}

.shift-schedule-month .shift-schedule-day-total-divider {
    display: none;    
}

.shift-schedule-month .shift-schedule-day-total > div > span {
    display: block;
}

.shift-schedule-month .shift-schedule-shift {
    display: flex;
    min-height: 56px;
    align-items: center;
}

.shift-schedule-month .shift-schedule-shift:hover {
    border-radius: 0px !important;
}


.shift-schedule-month .shift-schedule-shift-edit-item,
.shift-schedule-month .shift-schedule-shift-edit-item:first-child,
.shift-schedule-month .shift-schedule-shift-edit-item:last-child {
    border: none !important;
    border-radius: 0px !important;
}

.shift-schedule-month .shift-schedule-header-weekday > span {
    display: block;
}

.shift-schedule-templates {
    width: 180px;
}

    .shift-schedule-templates .shift-schedule-shift {
        cursor: move !important;
    }


/* availability */
.event-content {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-weight: bold;
}

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

.dndPlaceholder {
    background-color: #ddd;
    height: 100%;
    width: 100%;
}

.trash-icon-shift {
    color: #d2322d !important;
    font-size: 18px;
}

.filter-available-users {
    display: inline-block;
    margin-top: 10px;
    margin-left: 4px;
}

.tooltip-description-shift {
    font-size: 10px;
    margin: 20px;
    opacity: 0;
    text-align: center;
    display: initial;
}


    .tooltip-description-shift:hover {
        font-size: 10px;
        margin: 20px;
        opacity: 1;
        text-align: center;
        display: initial;
    }

.fc-unthemed .fc-today {
    background: rgba(101, 89, 210, 0.03) !important;
}

.fc-highlight {
    background: #6559d2;
}

.fc button {
    background: transparent;
    border-color: #4034c2 !important;
    color: #4034c2 !important;
    font-size: 14px;
    box-shadow: none;
    text-shadow: none;
    height: auto;
    padding: 6px 16px;
}

.fc-today-button {
    margin-right: 10px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.fc-prev-button {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 0;
}

.fc button .fc-icon {
    margin: 0;
}

    .fc-prev-button:hover {
        background-color: #4034c2 !important;
    }

.fc button:hover {
    background-color: #4034c2 !important;
    color: white !important;
}

.fc-toolbar h2 {
    margin: 0;
    font-size: 24px;
}

.fc-toolbar {
    margin-top: 10px;
    margin-bottom: 30px;
    display: none;
}

.fc-view-container {
    background: #fff;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, 
.fc-unthemed .fc-divider, .fc-unthemed .fc-row, 
.fc-unthemed .fc-content, .fc-unthemed .fc-popover {
    border-color: #cfd6e4;
}

.transparant-icon {
    -webkit-text-stroke-width: 0.5px !important;
    -webkit-text-stroke-color: gray !important;
    color: transparent !important;
}

.width-46 {
    width: 46% !important;
}


/** Fix bootstrap grid **/

@media (min-width: 768px) {
    .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
        display: table;
        content: " ";
    }

    .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
        clear: both;
    }

    .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
        display: table;
        content: " ";
    }
}
.shift-schedule-templates .shift-schedule-shift {
    cursor: move !important;
}

.app-center-container {
    background: #FFFFFF;
    border: 1px solid #CFD6E4;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 30px;
}

.app-card {
    position: relative;
    width: 320px;
    height: 150px;
    background: rgba(244, 243, 252, 0.25);
    border: 1px solid #CFD6E4;
    box-sizing: border-box;
    border-radius: 16px;
    margin: 5px 20px 20px 0px;
}

.app-card:hover {
    border: 1px solid #6559d2;
    background: rgba(101, 89, 210, 0.07);
}

.app-label {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 8px;
    position: absolute;
    width: 85px;
    height: 26px;
    right: 16px;
    top: 16px;
    background: #F4F3FC;
    border-radius: 4px;
}

.app-center-icon {
    position: absolute;
    left: 5.67%;
    top: 41.33%;
}

.app-center-integration-icon {
    position: absolute;
    left: 5.67%;
    top: 33.33%;
    width: 50px;
}

.app-center-title {
    position: absolute;
    left: 20%;
    top: 33%;
    margin: 5px 3px 10px;
}

.app-center-title-extern {
    position: absolute;
    left: 20%;
    top: 33%;
    margin: 0px 25px 10px;
}

.app-center-sub-tile-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #AAB2C3;
}

.app-center-title-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0;
}

.app-center-label-activated {
    background: #F4F3FC !important;
    color: #6559D2;   
}

.app-center-label-third-party {
    background: #FFA502 !important;
    color: #FFFFFF;
}

.app-center-label-active {
    background: rgba(101, 89, 210, 0.07) !important;
    color: #6559d2;
}

.app-center-label-trail-active {
    background: #1E90FF !important;
    color: #FFFFFF;
}

.app-center-label-trail-ended {
    background: #FF6472 !important;
    color: #FFFFFF;
}

.app-center-label-beta {
    background: #8DA1FF !important;
    color: #FFFFFF;
    background: #8DA1FF;
}

.app-center-label-detail-page {
    color: #FFFFFF;
    background: #AAB2C3;
    margin-right: 5px;
}

.app-center-label-detail-page-try-out {
    background: #6559D2;
    color: #fff;
}

.app-center-label-position {
    float: right;
    flex-wrap: wrap;
    display: flex;
    margin-top: 15px;
    margin-right: 15px;
}

.app-center-row {
    display: inline-grid;
    flex-wrap: wrap;
}

.app-center-category-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
}

.svg-detail-page {
    margin: -7px 0px 0px -25px;
}

.app-detail-container {
    left: 464px;
    top: 222px;
    background: #FFFFFF;
    border: 1px solid #CFD6E4;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 30px;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.title-app-page {
    font-weight: 600;
    font-size: 27px;
    padding-left: 10px;
}

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

.fs-lg {
    font-size: 1.50em !important;
}

.container-content-app {
    margin-left: 30px;
}

@media (max-width: 990px) {
    .container-content-app {
        margin-top: 12%!important;
    }
}

.separation-line {
    width: 100%;
    height: 1px;
    background: #CFD6E4;
    margin: 10px 0 20px 0;
}

.small-separation-line {
    width: 100%;
    height: 1px;
    background: #CFD6E4;
    margin-bottom: 10px;
}

.app-image-container {
    margin: 40px 10px;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
}

.sub-title-app {
    margin: 30px 0px 30px 0px !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.title-side-bar-app {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
}

.sub-title-side-bar-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.app-svg-sidebar {
    margin: 3px;
}

.app-api-input {
    width: 417px;
    height: 40px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-right: 10px;
    padding: 10px;
}

.app-api-generate-btn {
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

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

@media (min-width: 992px) {
    .float-right-app-center {
        float: right;
    }
}

@media (max-width: 462px) {
    .label-app-center-category {
        margin-bottom: 11px;
        display: inline-grid;
    }
}

@media (max-width: 555px) {
    .label-app-center-btn {
        margin-left: 0px!important;
        margin-top: 10px
    }
}

.appcenter-image-external {
    max-width: 100%!important;
    display: flex;
    align-items: center;
}


/* Subscription
-------------------------------------------------- */

.body-subscription {
    padding-top: 50px !important;
}

.subscription-faq-container p {
    margin-bottom: 40px;
}

.subscription-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
    background: #fff;
    border-bottom: 1px solid #cfd6e4;
    padding: 0 24px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.subscription-header-title {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.subscription-header-title h2 {
    font-size: 36px;
    font-weight: 300;
}

    .subscription-header-title h3 {
        font-size: 20px;
        font-weight: 300;
    }

.subscription-plans {
    max-width: 1200px;
}

.subscription-logos {
    padding-top: 60px;
    padding-bottom: 80px;
}

.subscription-logos h3 {
    font-weight: 300;
}

.subscription-total-box {
    background: #f9fafb;
    border-radius: 5px;
    padding: 20px;
}

.subscription-frequency-current {
    color: #2e2e2e !important;
    text-decoration: none !important;
    cursor: default;
}

.price-action {
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cfd6e4;
}

.plan {
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #cfd6e4;
    position: relative;
    overflow: hidden;
}

    .plan .head h3 {
        font-size: 26px;
    }

    .plan.current-plan {
        background: rgb(243, 243, 243);
    }

    .plan .head {
        padding: 32px 16px 0px 16px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .plan.current-plan .head {
        background: #6559d2;
        color: #fff;
    }

    .plan .head h1,
    .plan .head h2,
    .plan .head h3 {
        padding: 0;
        margin: 0;
    }

    .plan .price {
        padding-top: 20px;
        padding-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .plan .price-base-fee {
        font-weight: 600;
    }

    .plan .price h3 {
        font-size: 36px;
        vertical-align: top;
        line-height: 1;
        margin-top: 10px;
        margin-right: 1rem;
        font-weight: 300;
    }

        .plan .price h3 span {
            font-size: 14px;
            vertical-align: top;
            position: relative;
            margin: 7px 9px 0 -7px;
            display: inline-block;
        }

    .plan .price h4 {
        color: #aaa;
        font-size: 13px;
    }

    .plan ul {
        list-style-type: none;
        padding: 20px;
        margin-top: 2px;
        height: 260px;
    }

        .plan ul li {
            line-height: 18px;
            margin-bottom: 10px;
            font-size: 13px;
            font-weight: 400;
        }

            .plan ul li a {
                text-decoration: underline;
                color: #e6e9ed;
            }

            .plan ul li:last-child {
                border-bottom: none;
            }

        .plan ul strong {
            font-weight: 700;
        }

.plan-solo ul {
    margin-bottom: 45px;
}

.plan-populair {
    box-shadow: 0 8px 20px rgb(101 89 210 / 25%);
}

.plan-free {
    border-style: dashed !important;
}

.plan-ribbon {
    background-color: #6559d2;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 7px 0;
    position: absolute;
    right: -35px;
    text-align: center;
    text-transform: uppercase;
    top: 25px;
    transform: rotate(45deg);
    width: 150px;
    z-index: 10;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.row-cols-5, .row-cols-4 {
    display: flex;
}

.row-cols-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.feature-upgrade {
    color: #ccc !important;
    cursor: not-allowed !important;
}

.projects-overview-customer {
    font-weight: normal !important;
    font-size: 12px;
}

.registration-day-timeline-switch {
    display: flex;
    justify-content: center;
    padding: 3px;
    border-bottom: 1px solid #cfd6e4;
}

    .registration-day-timeline-switch .btn {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .registration-day-timeline-switch .btn-timechimp {
        background: rgb(231, 231, 233) !important;
        border-color: rgb(231, 231, 233) !important;
        color: #2e2e2e !important;
    }

    .registration-day-timeline-switch .btn-timechimp-border {
        border-color: rgb(231, 231, 233) !important;
        color: #2e2e2e !important;
    }

        .registration-day-timeline-switch .btn-timechimp-border:hover {
            background: rgb(231, 231, 233) !important;
            color: #2e2e2e !important;
        }

.card-min-height-timeline {
    height: calc(100vh - 230px);
}

#clockassist {
    width: 100%;
    height: calc(100vh - 305px);
}

.label-filter-account {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}


.contract-table {
    background: #f9fafb;
    border-top-width: thin !important;
    border-top: solid;
    border-bottom-width: thin !important;
    border-bottom: solid;
    border-bottom-color: #cfd6e4;
    border-top-color: #cfd6e4;
}

.table-timesheet-week-contract {
    color: #999999;
    text-align: center;
}

.contract-nav-day-name {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}

.underline {
    text-decoration: underline;
}
body {
    font-family: Inter, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f9fafb;
    height: 100%;
    margin: 0;
    padding-top: 117px;
    background-image: none;
}

.container-top-padding {
    padding-top: 23px;
}

.footer {
    background-color: #f9fafb;
}

.btn {
    /*   border-radius: 99999px;*/
    padding: 6px 16px;
}

.table > thead > tr > th {
    border-bottom: none;
    text-transform: uppercase;
    color: #858d9f;
    letter-spacing: 0.2px;
    font-size: 12px;
    font-weight: normal;
}

.input-group-addon {
    background-color: #fff;
}

.btn-outline {
    color: #6559d2 !important;
    border-color: #6559d2;
    background-color: transparent;
}

    .btn-outline:hover {
        background-color: #6559d2;
        color: #fff !important;
    }

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th {
    padding: 0 10px 10px 10px;
}

#toast-container > .toast-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZWNrIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) !important;
}

#toast-container > .toast-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWluZm8iPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIj48L2NpcmNsZT48bGluZSB4MT0iMTIiIHkxPSIxNiIgeDI9IjEyIiB5Mj0iMTIiPjwvbGluZT48bGluZSB4MT0iMTIiIHkxPSI4IiB4Mj0iMTIuMDEiIHkyPSI4Ij48L2xpbmU+PC9zdmc+) !important;
}

#toast-container > .toast-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFsZXJ0LWNpcmNsZSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjEyIj48L2xpbmU+PGxpbmUgeDE9IjEyIiB5MT0iMTYiIHgyPSIxMi4wMSIgeTI9IjE2Ij48L2xpbmU+PC9zdmc+) !important;
}

.overview-controls {
    margin-bottom: 20px;
}

.ui-select-bootstrap .ui-select-toggle > a.btn {
    margin-top: 0;
    color: #333;
}

.ui-select-bootstrap .ui-select-toggle > a.btn:hover {
    text-decoration: none !important;
}

.ui-select-bootstrap .ui-select-toggle > a.btn i {
    font-size: 14px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    font-weight: 400;
    margin-top: -1px;
}

.table > thead > tr > th, .table > tbody > tr > th, 
.table > tfoot > tr > th, .table > thead > tr > td, 
.table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

table.dataTable thead th,
table.dataTable thead td {
    text-transform: uppercase;
    color: #858d9f;
    letter-spacing: 0.2px;
    font-size: 12px;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected,
table.dataTable tr.selected:hover td,
table.dataTable tr.selected:hover td {
    background-color: #efedff !important;
}

.nav-tabs > li > a:hover {
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    background-color: #fff;
    border-radius: 0;
    color: #6559d2;
}

.dropdown-menu {
    padding: 15px;
    border: 1px solid #cfd6e4;
    -webkit-box-shadow: 0 5px 10px 0 rgba(183, 192, 206, 0.2);
    box-shadow: 0 5px 10px 0 rgba(183, 192, 206, 0.2);
}

    .dropdown-menu.dropdown-menu-actions {
        -webkit-animation-name: slideIn;
        animation-name: slideIn;
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }

    .dropdown-menu > li > a {
        font-size: 14px;
    }

    #profile-dropdown > li:hover a,
    .dropdown-menu li > a:hover,
    .dropdown-menu li > a:focus,
    .dropdown-submenu:hover > a {
        color: #6559d2 !important;
        background-color: #efedff !important;
        /*    color: #2e2e2e !important;*/
    }

.profile-navlink-down {
    padding-top: 11px;
    padding-left: 10px;
}

    .profile-navlink-down i {
        color: #efedff;
        opacity: 0.7;
        font-size: 10px;
        padding-top: 50px;
    }

#profile-navlink {
    margin-left: 10px;
    padding: 8px 0;
}

.modal-header,
.modal-footer {
    background-color: #fff;
}

select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    font-size: 14px;
}

.dropdown-menu {
    font-size: 14px;
}

.ui-select-placeholder {
    font-size: 14px;
}

.ui-select-bootstrap .ui-select-choices-row.active > span,
.ui-select-bootstrap .ui-select-choices-row > span:hover,
.ui-select-bootstrap .ui-select-choices-row > span:focus {
    color: #6559d2 !important;
    background-color: #efedff !important;
}

.ui-select-bootstrap > .ui-select-choices {
    padding: 5px;
}

.ui-select-bootstrap .ui-select-choices-row > span {
    padding: 5px 20px;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-select-multiple.ui-select-bootstrap {
    padding: 2px 3px 1px 3px;
}

.ui-select-bootstrap > .ui-select-match {
    height: 40px;
}

.dashboard-panel {
    border: 1px solid #cfd6e4;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: none;
}

.dashboard-panel-heading {
    background: none;
}

/* Cards */
.card {
    width: 100%;
    min-width: 100%;
    border: 1px solid #cfd6e4;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
}

    .card .card-title {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 20px
    }

    .card .card-body {
        padding: 20px;
    }

    .card.card-min-height {
        min-height: 63vh;
    }

.schedule-card {
    border: none;
}

.schedule-card .card-body {
    padding: 0;
}

.filter-group-title {
    color: #858d9f;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 12px
}

/* Route animation */
.view.ng-enter {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}




/* Navigation */
.tcnav {
    font-size: 14px;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1039;
}

.tcnav__top {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 65px;
    background: #21232a;
    border-bottom: 1px solid #f2f4f9;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0;
    position: relative;
    z-index: 978;
    -webkit-transition: width 0.1s ease, left 0.1s ease;
    transition: width 0.1s ease, left 0.1s ease;
}

.tcnav__bottom {
    background: #fff;
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-property: position, left, right, top, z-index;
    -moz-transition-property: position, left, right, top, z-index;
    -o-transition-property: position, left, right, top, z-index;
    transition-property: position, left, right, top, z-index;
    border-bottom: 1px solid #cfd6e4;
}

.tcnav__top .tcnav__navbar-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.tcnav__top .tcnav__navbar-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.tcnav__top .tcnav__navbar-nav-right {
    margin-left: auto;
}

.tcnav__top .tcnav__nav-item {
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 15px;
}

.tcnav__top .tcnav__nav-item-mobile {
    display: none;
}

.tcnav__top .tcnav__navbar-nav-right .tcnav__nav-item {
    padding: 0 5px;
}

.tcnav__top .tcnav__navbar-nav-right .tcnav__nav-item-profile {
    padding-right: 0;
}

    .tcnav__top .tcnav__navbar-nav-right .tcnav__nav-item-profile .tcnav__nav-link {
        display: flex;
        align-items: center;
    }

    .tcnav__top .tcnav__navbar-nav-right .tcnav__nav-item-profile img {
        padding-right: 5px;
    }

.tcnav__top .tcnav__navbar-nav-workspace .tcnav__nav-item {
    padding-left: 0px;
}

.tcnav__top .tcnav__nav-link {
    color: #fff;
    padding: 0;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.2px;
    text-decoration: none;
    padding: 21px 0;
}

    .tcnav__top .tcnav__nav-link span {
        color: #cccccc;
    }

    .tcnav__top .tcnav__nav-link svg {
        width: 17px;
        height: 17px;
        color: #cccccc;
        margin-right: 0.3rem;
        overflow: hidden;
        vertical-align: middle;
        margin-bottom: 2px;
    }

.tcnav__top .tcnav__nav-item:not(.tcnav__nav-item-create):hover span,
.tcnav__top .tcnav__nav-item:not(.tcnav__nav-item-create).active span {
    color: #fff;
    transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
}

.tcnav__top .tcnav__nav-item:hover svg {}
.tcnav__top .tcnav__nav-item.active svg {
    color: #fff;
    transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
}

.tcnav__top .tcnav__nav-link-disabled span {
    color: #aaa !important;
}

.tcnav__top .tcnav__nav-link-disabled svg {
    color: #aaa !important;
}

.tcnav__top tcnav__nav-item:hover .tcnav__nav-link-disabled {
    color: #aaa !important;
}

.tcnav__top .tcnav__navbar-brand {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 2rem;
    line-height: inherit;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    /*    font-weight: 900;*/
    font-family: Inter, sans-serif !important;
    letter-spacing: -1px;
    color: #031a61;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.tcnav__top .tcnav__nav-item-profile .tcnav__nav-link {
    border-left: 1px solid #9b96e5;
    padding-left: 15px;
}

/*.tcnav__top .tcnav__nav-item-settings svg {
    transition: transform .2s ease-in-out;
}

.tcnav__top .tcnav__nav-item-settings.active svg,
.tcnav__top .tcnav__nav-item-settings:hover svg {
    transform: rotate(45deg);
}*/

.tcnav__top .tcnav__nav-item-profile .tcnav__nav-link > img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.tcnav__top .tcnav__navbar-toggler {
    display: none;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
}

    .tcnav__top .tcnav__navbar-toggler:focus {
        outline: 0;
    }

.tcnav__bottom .tcnav__navbar-nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0;
    list-style: none;
    position: relative;
    width: 100%;
    z-index: 99;
    justify-content: start;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: background, box-shadow;
    -moz-transition-property: background, box-shadow;
    -o-transition-property: background, box-shadow;
    transition-property: background, box-shadow;
}

.tcnav__bottom .tcnav__nav-item {
    position: relative;
    line-height: 1;
    text-align: left;
}

    .tcnav__bottom .tcnav__nav-item:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width 0.5s ease, background-color 0.5s ease;
    }

    .tcnav__bottom .tcnav__nav-item.active:after {
        width: 100%;
        background: #6559d2;
    }

.tcnav__bottom .tcnav__nav-link {
    color: #686868;
    padding: 18px 16px 17px 16px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.2px;
    align-items: center;
    display: flex;
    position: relative;
    text-decoration: none;
    font-size: 14px;
}

    .tcnav__bottom .tcnav__nav-link:hover {
        color: #6559d2;
    }

.tcnav__bottom .tcnav__nav-item.active .tcnav__nav-link {
    color: #6559d2;
    /*  font-weight: bold;*/
    font-family: Inter, sans-serif !important;
}

.tcnav__bottom .tcnav__nav-link-disabled {
    color: #aaa !important;
}

.tcnav__bottom .tcnav__nav-link-disabled:hover {
    color: #aaa !important;
}


.tcnav__dropdown-menu {
    display: block;
    padding: 20px;
    min-width: 180px;
    max-width: 280px;
    position: absolute;
    left: auto;
    border-radius: 4px;
    margin-top: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(183, 192, 206, 0.2);
    box-shadow: 0 5px 10px 0 rgba(183, 192, 206, 0.2);
    font-size: 0.875rem;
    background-color: #fff;
    z-index: 1000;
    display: none;
    margin: 0.125rem 0 0;
    color: #212529;
    text-align: left;
    list-style: none;
    border: 1px solid #cfd6e4;
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.tcnav__dropdown-header {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #000;
    white-space: nowrap;
}

.tcnav__dropdown-search {
    margin-top: 15px;
}

    .tcnav__dropdown-search input {
        border: 1px solid #e8ebf1;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: none;
        display: block;
        padding: 0.5rem 1rem;
        width: calc(100% - 2rem);
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1;
        color: #495057;
        background-color: #ffffff;
        background-clip: padding-box;
        border-radius: 2px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

.tcnav__dropdown-header-info {
    text-align: center;
}

.tcnav__dropdown-header-picture {
    margin-bottom: 1rem;
}

    .tcnav__dropdown-header-picture img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        padding: 3px;
    }

.tcnav__dropdown-header-info-title {
    font-size: 16px;
    /*  font-weight: 600;*/
    font-family: Inter, sans-serif !important;
    padding-bottom: 5px;
    letter-spacing: 1px;
}

.tcnav__dropdown-header-info-subtitle {
    color: #686868;
    padding-bottom: 2px;
    font-size: 11px;
    letter-spacing: 1px;
}

.tcnav__dropdown-nav {
    padding-top: 5px;
    padding-left: 0px;
}

.tcnav__dropdown-nav-item {
    width: auto;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0.8;
    cursor: pointer;
}

.tcnav__dropdown-divider {
    border-bottom: 1px solid #f2f4f9;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 10px 0;
}

.tcnav__dropdown-nav-link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    color: #383838;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    padding: 0;
    position: relative;
    letter-spacing: 0.2px;
    text-decoration: none;
    padding: 7px 10px;
    width: 100%;
    border-radius: 4px;
    transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out;
}

    .tcnav__dropdown-nav-link svg {
        height: 14px;
        width: 14px;
        opacity: 0.7;
        margin-right: 3px;
    }

    .tcnav__dropdown-nav-link:hover {
        background-color: #f3f6fb;
    }

.tcnav__dropdown-menu.show {
    display: block;
}

.tcnav__nav-item-create .tcnav__dropdown-menu,
.tcnav__nav-item-profile .tcnav__dropdown-menu {
    top: 40px;
    right: 0;
}

.tcnav__nav-item-workspace .tcnav__dropdown-menu {
    top: 30px;
    left: 0;
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.filter-clear-button {
    text-align: right;
    margin-bottom: -20px;
}

    .filter-clear-button a {
        color: #858d9f;
    }

.overview-columns-toggle {
    margin-top: -10px;
    margin-bottom: -10px;
    float: right;
}

.overview-columns-toggle .btn {
  border: none !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border: none;
}

.dataTables_scrollFoot .dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.nav-pills li.not-activated a {
    cursor: help;
    color: #cfd6e4 !important;
}

.nav-pills li.not-activated a:hover {
    background: none !important;
    color: #cfd6e4 !important;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: inline-grid;
    place-content: center;
    margin: 0 5px;
    cursor: pointer;
}

textarea,
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    input[type="checkbox"]::before {
        content: "";
        width: 0.65em;
        height: 0.65em;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 60ms transform ease-in-out;
        box-shadow: none;
        background-color: #6559d2;
    }

    input[type="checkbox"]:checked::before {
        transform: scale(1);
    }

    input[type="checkbox"]:focus {
        outline: max(2px, 0.15em) solid currentColor;
        outline-offset: max(2px, 0.15em);
    }

    input[type="checkbox"]:disabled {
        color: #eee;
        cursor: not-allowed;
    }


input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: inline-grid;
    place-content: center;
    margin: 0 5px;
    cursor: pointer;
}

    input[type="radio"]::before {
        content: "";
        width: 0.75em;
        height: 0.75em;
        border-radius: 50%;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em #6559d2;
    }

    input[type="radio"]:checked::before {
        transform: scale(1);
    }

input[type="radio"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

input[type="radio"]:disabled {
    color: #eee;
    cursor: not-allowed;
}


.border-timechimp {
    border-color: #6559d2 !important;
}

.btn-default-focus {
    box-shadow: none;
}

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

td.select-checkbox,
th.select-checkbox {
    width: 20px !important;
}

.header-client .navbar-inverse {
    box-shadow: none !important;
    border-bottom: 1px solid #cfd6e4;
}

.header-client .navbar-header {
    float: left !important;
}

.header-client .navbar-nav {
    float: left !important;
    margin: 0 !important;
}

.header-client .navbar-brand {
    margin-left: 0 !important;
}

.btn-add-large i {
    font-size: 32px !important;
}

.btn-add-large {
    padding: 11px 14px 8px 14px !important;
}

.btn-group-periods .dropdown-toggle {
    border-left: 0;
}

.tcnav__top,
.tcnav__bottom,
.container,
.container-full {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .tcnav__top,
    .tcnav__bottom,
    .container-full {
        padding-right: 10px;
        padding-left: 10px;
    }

    .container {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 768px) {
    .tcnav__top,
    .tcnav__bottom,
    .container-full {
        padding-right: 15px;
        padding-left: 15px;
    }

    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .tcnav__top,
    .tcnav__bottom,
    .container-full {
        padding-right: 15px;
        padding-left: 15px;
    }

    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}


@media (min-width: 1200px) {
    .tcnav__top,
    .tcnav__bottom,
    .container-full {
        padding-right: 30px;
        padding-left: 30px;
    }

    .container {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1400px) {
    .tcnav__top,
    .tcnav__bottom,
    .container-full {
        padding-right: 45px;
        padding-left: 45px;
    }

    .container {
        width: 1320px;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 1199.98px) {
    .tcnav__top .tcnav__navbar-nav-left .tcnav__nav-link svg {
        display: none;
    }

    .tcnav__top .tcnav__navbar-nav-left .tcnav__nav-link span {
        display: inline-block;
    }

    .tcnav__nav-item-timer {
        display: none !important;
    }
}


@media (max-width: 991.98px) {
    .tcnav__top .tcnav__navbar-nav-left .tcnav__nav-link svg {
        display: inline-block;
    }

    .tcnav__top .tcnav__navbar-nav-left .tcnav__nav-link span {
        display: none;
    }
}

@media (max-width: 699.98px) {
    body {
        padding-top: 0;
    }

    .tcnav {
        position: relative;
        margin-bottom: 20px;
    }

    .tcnav__top .tcnav__navbar-nav-right {
        display: none;
    }

    .tcnav__top .tcnav__navbar-content {
        padding-top: 10px;
    }

    .tcnav__top .tcnav__navbar-nav-left {
        display: block;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 0;
        overflow-y: hidden;
        -webkit-transition: max-height 0.5s ease-in-out;
        -moz-transition: max-height 0.5s ease-in-out;
        -o-transition: max-height 0.5s ease-in-out;
        transition: max-height 0.5s ease-in-out;
    }

        .tcnav__top .tcnav__navbar-nav-left.show {
            max-height: 500px;
        }

    .tcnav__top {
        height: auto;
        padding-bottom: 10px;
    }

        .tcnav__top .tcnav__navbar-nav-left .tcnav__nav-link svg {
            display: inline-block;
        }

        .tcnav__top .tcnav__navbar-nav-left .tcnav__nav-link span {
            display: inline-block;
        }

        .tcnav__top .tcnav__navbar-nav-workspace {
            display: none;
        }

        .tcnav__top .tcnav__nav-item {
            padding: 0;
        }

        .tcnav__top .tcnav__nav-link {
            margin: 0;
            padding: 10px 0;
        }

        .tcnav__top .tcnav__navbar-brand {
            display: inline-block;
        }

        .tcnav__top .tcnav__navbar-toggler {
            display: inline-block;
        }

        .tcnav__top .tcnav__nav-item-mobile {
            display: block;
            padding: 10px 0;
        }
}


.btn-timechimp-activate {
    font-size: 13px;
    padding: 4px 12px;
    color: #fff;
    background-color: #F79341;
    border-color: #de843a;
}

.btn-timechimp-activate:hover {
    color: #fff;
    background-color: #de843a;
    border-color: #de843a;
}

.feature-preview-modal-header {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #2E2E2E;
}

.feature-preview-modal-content {
    padding: 0;
    color: #858D9F;
    max-width: 85%;
}


/* Layout 0
-------------------------------------------------- */
.max-height-60 {
    max-height: 60px !important;
}

.display-block {
    display: block;
}

.invoicelayout0 {
    padding: 55px 50px 0 50px;
    background: #FFF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .invoicelayout0 .inner {
        position: relative;
        min-height: 1016px;
        font-size: 13px;
        font-family: Arial;
        margin: 0;
        padding: 0;
        line-height: 1.5;
        color: #000;
    }

    .invoicelayout0 .new-line {
        display: block;
    }

    .text-pre {
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }

    .invoicelayout0 .clearfix {
        clear: both;
        display: table;
    }

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

    .invoicelayout0 .metadata-block-label {
        width: 130px;
        float: left;
        clear: left;
    }

    .invoicelayout0 .metadata-block-label-0 {
        width: 110px;
        float: left;
        clear: left;
    }

    .invoicelayout0 .metadata-block-text-right {
        width: 90px;
        text-align: right;
        display: inline-block;
    }

    .invoicelayout0 .metadata-block-text-left {
        width: 350px;
        display: inline-block;
    }

    .invoicelayout0 .header {
        position: relative;
    }

        .invoicelayout0 .header .logo {
            left: 0;
            top: 0;
            text-align: left;
            position: absolute;
            height: 100px;
            width: 100%;
        }

            .invoicelayout0 .header .logo img {
                width: 175px;
            }

        .invoicelayout0 .header .recipient {
            position: absolute;
            left: 50px;
            top: 175px;
            padding: 9px 0 0;
        }

        .invoicelayout0 .header .sender {
            position: absolute;
            top: 0;
            right: 0;
            width: 200px;
        }

    .invoicelayout0 .notes {
        margin-top: 25px;
    }

    .invoicelayout0 .metadata {
        margin-top: 325px;
        margin-bottom: 30px;
        padding: 9px 0 0;
        position: relative;
    }

        .invoicelayout0 .metadata h2 {
            margin: 0;
            font-size: 18pt;
            font-weight: 400;
            font-family: inherit !important;
            line-height: 1.5;
            letter-spacing: 0;
        }

        .invoicelayout0 .metadata .metadata-left {
            float: left;
            width: 490px;
        }

        .invoicelayout0 .metadata .metadata-right {
            float: right;
            width: 200px;
        }

    .invoicelayout0 .rows {
        position: relative;
        padding-top: 9px;
        margin-top: 21px;
        margin-bottom: 40px;
    }

    .invoicelayout0 .rows-table {
        margin-bottom: 0;
        clear: both;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

        .invoicelayout0 .rows-table thead th {
            border-bottom: 1px solid #000;
        }

        .invoicelayout0 .rows-table th,
        .invoicelayout0 .rows-table td {
            padding: .4em;
            vertical-align: top;
        }

        .invoicelayout0 .rows-table .description {
            max-width: 320px;
            width: 50%;
            word-break: normal;
        }

        .invoicelayout0 .rows-table .amount {
            width: auto;
            text-align: right;
        }

        .invoicelayout0 .rows-table .price {
            width: auto;
            text-align: right;
        }

        .amount-label,
        .amount-value,
        .price-label,
        .price-value,
        .total-label,
        .total-value,
        .vat-label,
        .vat-value,
        .sub-total-label,
        .sub-total-value,
        .total-vat-label,
        .total-vat-value,
        .total-incl-vat-label,
        .total-incl-vat-value {
            width: auto;
            text-align: right;
        }

        .invoicelayout0 .rows-table tr > td {
           page-break-inside: avoid;
        }

        .invoicelayout0 .rows-table .subtotal {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
            line-height: 26px;
        }

        .invoicelayout0 .rows-table .total .total {
            text-align: right;
            border-top: 1px solid #000 !important;
        }

        .invoicelayout0 .rows-table .top-border {
            border-top: 1px solid #000;
        }

        .invoicelayout0 .rows-table .subtotal td {
            text-align: right;
        }

        .invoicelayout0 .rows-table .tax {
        }

            .invoicelayout0 .rows-table .tax td {
                padding-top: 0;
                text-align: right;
            }

        .invoicelayout0 .rows-table .discounts td {
            text-align: right;
            padding-top: 10px;
            padding-bottom: 0;
        }

        /* .invoicelayout0 .rows-table .total {
            font-weight: 700;
        }

            .invoicelayout0 .rows-table .total td {
                text-align: right;
            } */

        .invoicelayout0 .footer-description {
            position: absolute;
            min-height: 47px;
            height: auto;
            padding-top: 9px;
            bottom: -20px;
            width: 100%;
        }

        .invoicelayout0 .footer-description.footer-large {
            position: relative;
        }

        .invoicelayout0 .footer-description .text {
            border-top: 1px solid #000;
            margin-top: 10px;
            padding-top: 10px;
            margin-bottom: 0;
        }

        .invoicelayout0 .footer-image {
            width: 100%;
            height: auto;
            margin-top: 10px;
            margin-bottom: -10px;
        }

        .invoicelayout0 .footer-image img {
            width: 100%;
            height: auto;
        }


/* Layout 1
-------------------------------------------------- */

.invoicelayout1 {
    padding: 55px 50px 50px;
    background: #FFF;
    min-height: 900px;
    color: #000;
}

    .invoicelayout1 .inner {
        position: relative;
        min-height: 1016px;
        font-size: 13px;
        font-family: Verdana !important;
        margin: 0;
        padding: 0;
        line-height: 1.5;
        color: #000;
        height: 100%;
    }

    .invoicelayout1,
    .invoicelayout1 .h1, .invoicelayout1 h1,
    .invoicelayout1 .h2, .invoicelayout1 h2,
    .invoicelayout1 .h3, .invoicelayout1 h3,
    .invoicelayout1 .h4, .invoicelayout1 h4,
    .invoicelayout1 .h5, .invoicelayout1 h5 {
        font-family: Verdana !important;
    }

    .invoicelayout1 .invoice-items {
        margin-top: 50px !important;
        margin-bottom: 40px !important;
    }

    .invoicelayout1 .bill-notes {
        padding: 15px 0;

    }

    .invoicelayout1 .notes {
        clear: both;
    }

    .invoicelayout1 .bill-to {
        float: left;
    }

    .invoicelayout1 address {
        line-height: 1.3em;
    }

    .invoicelayout1 .logo {
        max-height: 100px;
        max-width: 175px;
        margin-left: -15px;
    }

    .invoicelayout1 footer {
        border-top: 1px solid #CCC;
        padding-top: 15px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .invoicelayout1 header {
        border-bottom: 1px solid #CCC;
    }

        .invoicelayout1 header .h2,
        .invoicelayout1 header .h4 {
            letter-spacing: 0;
        }

    .invoicelayout1 .bill-to,
    .invoicelayout1 .bill-data {
        padding: 15px 0;
    }

        .invoicelayout1 .bill-data .value {
            display: inline-block;
            margin-left: 10px;
            width: 135px;
        }

    .invoicelayout1 table.table {
        table-layout: fixed;
    }

        .invoicelayout1 .invoice-items tr > td {
            page-break-inside: avoid;
        }

        .invoicelayout1 table.table > thead:first-child > tr > th {
            background-color: #F8F8F8;
            border-bottom: 1px solid #DADADA;
            border-top: 1px solid #DADADA;
        }

        .invoicelayout1 table.table > thead:first-child > tr > th {
            background-color: #eee;
            border-bottom: 1px solid #CCC;
            border-top: 1px solid #CCC;
        }

        .invoicelayout1 table.table > tbody tr > td {
            border-color: #CCC;
        }

        .invoicelayout1 table.table > tbody tr > td {
            border-color: #CCC;
        }

    .invoicelayout1 .invoice-items > tbody tr:last-child > td {
        border-bottom: 1px solid #CCC;
    }

    .invoicelayout1 .invoice-summary {
        margin-bottom: 50px;
    }

    .invoicelayout1 table.table > tbody tr > td {
        padding: 5px;
    }

    .invoicelayout1 table.table > tbody tr > td {
        border-color: #DADADA;
    }

    .invoicelayout1 .invoice-items > tbody tr:last-child > td {
        border-bottom: 1px solid #DADADA;
    }

    .invoicelayout1 .invoice-items #cell-id {
        width: 10%;
    }

    .invoicelayout1 .invoice-items #cell-item {
        width: 20%;
    }

    .invoicelayout1 .invoice-items #cell-desc {
        width: 52%;
    }

    .invoicelayout1 .invoice-items #cell-price {
        width: 12%;
    }

    .invoicelayout1 .invoice-items #cell-qty {
        width: 12%;
    }

    .invoicelayout1 .invoice-items #cell-total {
        width: 12%;
    }

    .invoicelayout1 .invoice-items #cell-tax {
        width: 12%;
    }


/* Layout 2
-------------------------------------------------- */

.invoicelayout2 {
    padding: 55px 50px 50px;
    background: #FFF;
    min-height: 900px;
    color: #000;
}

    .invoicelayout2 .inner {
        position: relative;
        min-height: 1016px;
        font-size: 13.5px;
        font-family: Arial !important;
        margin: 0;
        padding: 0;
        line-height: 1.5;
        color: #000;
        height: 100%;
    }

.invoicelayout2 .invoice-items {
    margin-top: 50px !important;
    margin-bottom: 40px !important;
}

    .invoicelayout2 .bill-to {
        position: absolute;
        left: 50px;
        top: 175px;
        padding: 9px 0 0;
    }

    .invoicelayout2 .bill-title {
       margin-top: 100px;
    }

    .invoicelayout2 .bill-notes {
        padding: 15px 0;
    }

    .invoicelayout2 address {
        line-height: 1.3em;
        min-height: 200px;
    }

    .invoicelayout2 .logo {
        max-height: 100px;
        max-width: 175px;
    }

    .invoicelayout2 footer {
        border-top: 1px solid #000;
        padding-top: 15px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .invoicelayout2 .bill-data {
        padding-bottom: 20px;
    }

        .invoicelayout2 .bill-data .value {
            display: block;
            margin-left: 10px;
            width: 135px;
        }

    .invoicelayout2 table.table {
        table-layout: fixed;
    }

    .invoicelayout2 .invoice-items tr > td {
        page-break-inside: avoid;
    }

    .invoicelayout2 table.table > thead:first-child > tr > th {
        background: none;
        border-top: none;
        border-bottom: 1px solid #000;
        padding-left: 0;
        padding-right: 0;
    }

    .invoicelayout2 header {
        border: none;
    }

    .invoicelayout2 address {
        color: #000;
    }

    .invoicelayout2 table.table > tbody tr > td {
        border: none;
        padding: 5px 0;
    }

    .invoicelayout2 table.invoice-items > tbody tr:last-child > td {
        border-bottom: 1px solid #000;
    }

    .invoicelayout2 .invoice-summary table.table > tbody tr:last-child > td {
        border-top: 1px solid #000;
    }

    .invoicelayout2 .invoice-summary {
        margin-bottom: 40px;
    }

    .invoicelayout2 .invoice-items {
        margin-top: 10px !important;
        margin-bottom: 25px !important;
    }

    .invoicelayout2,
    .invoicelayout2 .h1, .invoicelayout2 h1,
    .invoicelayout2 .h2, .invoicelayout2 h2,
    .invoicelayout2 .h3, .invoicelayout2 h3,
    .invoicelayout2 .h4, .invoicelayout2 h4,
    .invoicelayout2 .h5, .invoicelayout2 h5 {
        font-family: Arial !important;
    }

        .invoicelayout2 table.table > tbody tr > td {
            border-color: #000;
        }

        .invoicelayout2 .invoice-items > tbody tr:last-child > td {
            border-bottom: 1px solid #000;
        }

        .invoicelayout2 .invoice-items #cell-id {
            width: 10%;
        }

        .invoicelayout2 .invoice-items #cell-item {
            width: 20%;
        }

        .invoicelayout2 .invoice-items #cell-desc {
            width: 52%;
        }

        .invoicelayout2 .invoice-items #cell-price {
            width: 12%;
        }

        .invoicelayout2 .invoice-items #cell-qty {
            width: 12%;
        }

        .invoicelayout2 .invoice-items #cell-total {
            width: 12%;
        }

        .invoicelayout2 .invoice-items #cell-tax {
            width: 12%;
        }


/* Helpers
-------------------------------------------------- */

.mt-none {
    margin-top: 0 !important;
}

.mt-xs {
    margin-top: 5px !important;
}

.mt-sm {
    margin-top: 10px !important;
}

.mt-md {
    margin-top: 15px !important;
}

.mt-xlg {
    margin-top: 30px !important;
}

.mb-md {
    margin-bottom: 15px !important;
}

.mr-xlg {
    margin-right: 30px !important;
}

.mb-none {
    margin-bottom: 0 !important;
}

.text-right {
    text-align: right;
}

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

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

.text-muted {
    color: #a2aabd !important;
}

.text-normal {
    font-weight: 400;
}

.ib {
    display: inline-block;
    vertical-align: top;
}

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

.description-label {
    text-align: left;
}