@charset "UTF-8";
/*-------------------------
* Responsive breakpoint
*
---------------------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext");
@font-face {
  font-family: 'lagom-medium-icons';
  src: url("../fonts/lagom-medium-icons.eot?v5wga3");
  src: url("../fonts/lagom-medium-icons.eot?v5wga3#iefix") format("embedded-opentype"), url("../fonts/lagom-medium-icons.ttf?v5wga3") format("truetype"), url("../fonts/lagom-medium-icons.woff?v5wga3") format("woff"), url("../fonts/lagom-medium-icons.svg?v5wga3#lagom-medium-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.mg-wrapper .lm,
.lagom .lm {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lagom-medium-icons' !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;
  font-size: 18px;
}

.mg-wrapper .lm-bank-note:before,
.lagom .lm-bank-note:before {
  content: "";
}

.mg-wrapper .lm-align-center:before,
.lagom .lm-align-center:before {
  content: "";
}

.mg-wrapper .lm-align-left:before,
.lagom .lm-align-left:before {
  content: "";
}

.mg-wrapper .lm-align-right:before,
.lagom .lm-align-right:before {
  content: "";
}

.mg-wrapper .lm-apps:before,
.lagom .lm-apps:before {
  content: "";
}

.mg-wrapper .lm-apps-fat:before,
.lagom .lm-apps-fat:before {
  content: "";
}

.mg-wrapper .lm-arrow-fat-left:before,
.lagom .lm-arrow-fat-left:before {
  content: "";
}

.mg-wrapper .lm-arrow-fat-right:before,
.lagom .lm-arrow-fat-right:before {
  content: "";
}

.mg-wrapper .lm-arrow-medium-down:before,
.lagom .lm-arrow-medium-down:before {
  content: "";
}

.mg-wrapper .lm-arrow-medium-left:before,
.lagom .lm-arrow-medium-left:before {
  content: "";
}

.mg-wrapper .lm-arrow-medium-right:before,
.lagom .lm-arrow-medium-right:before {
  content: "";
}

.mg-wrapper .lm-arrow-medium-up:before,
.lagom .lm-arrow-medium-up:before {
  content: "";
}

.mg-wrapper .lm-arrow-thin-down:before,
.lagom .lm-arrow-thin-down:before {
  content: "";
}

.mg-wrapper .lm-arrow-thin-left:before,
.lagom .lm-arrow-thin-left:before {
  content: "";
}

.mg-wrapper .lm-arrow-thin-right:before,
.lagom .lm-arrow-thin-right:before {
  content: "";
}

.mg-wrapper .lm-arrow-thin-up:before,
.lagom .lm-arrow-thin-up:before {
  content: "";
}

.mg-wrapper .lm-backup:before,
.lagom .lm-backup:before {
  content: "";
}

.mg-wrapper .lm-bag:before,
.lagom .lm-bag:before {
  content: "";
}

.mg-wrapper .lm-barcode:before,
.lagom .lm-barcode:before {
  content: "";
}

.mg-wrapper .lm-book:before,
.lagom .lm-book:before {
  content: "";
}

.mg-wrapper .lm-bookmark:before,
.lagom .lm-bookmark:before {
  content: "";
}

.mg-wrapper .lm-book-w-bookmark:before,
.lagom .lm-book-w-bookmark:before {
  content: "";
}

.mg-wrapper .lm-box:before,
.lagom .lm-box:before {
  content: "";
}

.mg-wrapper .lm-briefcase:before,
.lagom .lm-briefcase:before {
  content: "";
}

.mg-wrapper .lm-burger-menu:before,
.lagom .lm-burger-menu:before {
  content: "";
}

.mg-wrapper .lm-calendar:before,
.lagom .lm-calendar:before {
  content: "";
}

.mg-wrapper .lm-chat-cloud:before,
.lagom .lm-chat-cloud:before {
  content: "";
}

.mg-wrapper .lm-chat-cloud-info:before,
.lagom .lm-chat-cloud-info:before {
  content: "";
}

.mg-wrapper .lm-chat-clouds:before,
.lagom .lm-chat-clouds:before {
  content: "";
}

.mg-wrapper .lm-clock:before,
.lagom .lm-clock:before {
  content: "";
}

.mg-wrapper .lm-cloud:before,
.lagom .lm-cloud:before {
  content: "";
}

.mg-wrapper .lm-compact:before,
.lagom .lm-compact:before {
  content: "";
}

.mg-wrapper .lm-crown:before,
.lagom .lm-crown:before {
  content: "";
}

.mg-wrapper .lm-cup:before,
.lagom .lm-cup:before {
  content: "";
}

.mg-wrapper .lm-dashboard:before,
.lagom .lm-dashboard:before {
  content: "";
}

.mg-wrapper .lm-database:before,
.lagom .lm-database:before {
  content: "";
}

.mg-wrapper .lm-denial:before,
.lagom .lm-denial:before {
  content: "";
}

.mg-wrapper .lm-denied:before,
.lagom .lm-denied:before {
  content: "";
}

.mg-wrapper .lm-direction-sign:before,
.lagom .lm-direction-sign:before {
  content: "";
}

.mg-wrapper .lm-file:before,
.lagom .lm-file:before {
  content: "";
}

.mg-wrapper .lm-down:before,
.lagom .lm-down:before {
  content: "";
}

.mg-wrapper .lm-download:before,
.lagom .lm-download:before {
  content: "";
}

.mg-wrapper .lm-edit:before,
.lagom .lm-edit:before {
  content: "";
}

.mg-wrapper .lm-extend:before,
.lagom .lm-extend:before {
  content: "";
}

.mg-wrapper .lm-factory:before,
.lagom .lm-factory:before {
  content: "";
}

.mg-wrapper .lm-feather:before,
.lagom .lm-feather:before {
  content: "";
}

.mg-wrapper .lm-fire:before,
.lagom .lm-fire:before {
  content: "";
}

.mg-wrapper .lm-flag:before,
.lagom .lm-flag:before {
  content: "";
}

.mg-wrapper .lm-folder-plus:before,
.lagom .lm-folder-plus:before {
  content: "";
}

.mg-wrapper .lm-folders:before,
.lagom .lm-folders:before {
  content: "";
}

.mg-wrapper .lm-funnel:before,
.lagom .lm-funnel:before {
  content: "";
}

.mg-wrapper .lm-gift:before,
.lagom .lm-gift:before {
  content: "";
}

.mg-wrapper .lm-globe-alt:before,
.lagom .lm-globe-alt:before {
  content: "";
}

.mg-wrapper .lm-heart:before,
.lagom .lm-heart:before {
  content: "";
}

.mg-wrapper .lm-image:before,
.lagom .lm-image:before {
  content: "";
}

.mg-wrapper .lm-inbox:before,
.lagom .lm-inbox:before {
  content: "";
}

.mg-wrapper .lm-info:before,
.lagom .lm-info:before {
  content: "";
}

.mg-wrapper .lm-label-left:before,
.lagom .lm-label-left:before {
  content: "";
}

.mg-wrapper .lm-label-right:before,
.lagom .lm-label-right:before {
  content: "";
}

.mg-wrapper .lm-layout:before,
.lagom .lm-layout:before {
  content: "";
}

.mg-wrapper .lm-left:before,
.lagom .lm-left:before {
  content: "";
}

.mg-wrapper .lm-lightning:before,
.lagom .lm-lightning:before {
  content: "";
}

.mg-wrapper .lm-line-graph:before,
.lagom .lm-line-graph:before {
  content: "";
}

.mg-wrapper .lm-location:before,
.lagom .lm-location:before {
  content: "";
}

.mg-wrapper .lm-med-kit:before,
.lagom .lm-med-kit:before {
  content: "";
}

.mg-wrapper .lm-minus:before,
.lagom .lm-minus:before {
  content: "";
}

.mg-wrapper .lm-minus-circle:before,
.lagom .lm-minus-circle:before {
  content: "";
}

.mg-wrapper .lm-more-vertical:before,
.lagom .lm-more-vertical:before {
  content: "";
}

.mg-wrapper .lm-padlock:before,
.lagom .lm-padlock:before {
  content: "";
}

.mg-wrapper .lm-pen:before,
.lagom .lm-pen:before {
  content: "";
}

.mg-wrapper .lm-php-admin:before,
.lagom .lm-php-admin:before {
  content: "";
}

.mg-wrapper .lm-pie-graph:before,
.lagom .lm-pie-graph:before {
  content: "";
}

.mg-wrapper .lm-pin:before,
.lagom .lm-pin:before {
  content: "";
}

.mg-wrapper .lm-play-board:before,
.lagom .lm-play-board:before {
  content: "";
}

.mg-wrapper .lm-plus:before,
.lagom .lm-plus:before {
  content: "";
}

.mg-wrapper .lm-plus-folder:before,
.lagom .lm-plus-folder:before {
  content: "";
}

.mg-wrapper .lm-power:before,
.lagom .lm-power:before {
  content: "";
}

.mg-wrapper .lm-printer:before,
.lagom .lm-printer:before {
  content: "";
}

.mg-wrapper .lm-range:before,
.lagom .lm-range:before {
  content: "";
}

.mg-wrapper .lm-receipt:before,
.lagom .lm-receipt:before {
  content: "";
}

.mg-wrapper .lm-right:before,
.lagom .lm-right:before {
  content: "";
}

.mg-wrapper .lm-scanner:before,
.lagom .lm-scanner:before {
  content: "";
}

.mg-wrapper .lm-shield:before,
.lagom .lm-shield:before {
  content: "";
}

.mg-wrapper .lm-shredder:before,
.lagom .lm-shredder:before {
  content: "";
}

.mg-wrapper .lm-spark:before,
.lagom .lm-spark:before {
  content: "";
}

.mg-wrapper .lm-thumbs-down:before,
.lagom .lm-thumbs-down:before {
  content: "";
}

.mg-wrapper .lm-thumbs-up:before,
.lagom .lm-thumbs-up:before {
  content: "";
}

.mg-wrapper .lm-tool:before,
.lagom .lm-tool:before {
  content: "";
}

.mg-wrapper .lm-trash:before,
.lagom .lm-trash:before {
  content: "";
}

.mg-wrapper .lm-up:before,
.lagom .lm-up:before {
  content: "";
}

.mg-wrapper .lm-upload:before,
.lagom .lm-upload:before {
  content: "";
}

.mg-wrapper .lm-user-circle:before,
.lagom .lm-user-circle:before {
  content: "";
}

.mg-wrapper .lm-users:before,
.lagom .lm-users:before {
  content: "";
}

.mg-wrapper .lm-voice:before,
.lagom .lm-voice:before {
  content: "";
}

.mg-wrapper .lm-wallet:before,
.lagom .lm-wallet:before {
  content: "";
}

.mg-wrapper .lm-warning:before,
.lagom .lm-warning:before {
  content: "";
}

.mg-wrapper .lm-water-drop:before,
.lagom .lm-water-drop:before {
  content: "";
}

.mg-wrapper .lm-zoom-in:before,
.lagom .lm-zoom-in:before {
  content: "";
}

.mg-wrapper .lm-zoom-out:before,
.lagom .lm-zoom-out:before {
  content: "";
}

.mg-wrapper .lm-bar-graph:before,
.lagom .lm-bar-graph:before {
  content: "";
}

.mg-wrapper .lm-basket:before,
.lagom .lm-basket:before {
  content: "";
}

.mg-wrapper .lm-bell:before,
.lagom .lm-bell:before {
  content: "";
}

.mg-wrapper .lm-check:before,
.lagom .lm-check:before {
  content: "";
}

.mg-wrapper .lm-close:before,
.lagom .lm-close:before {
  content: "";
}

.mg-wrapper .lm-document:before,
.lagom .lm-document:before {
  content: "";
}

.mg-wrapper .lm-envelope:before,
.lagom .lm-envelope:before {
  content: "";
}

.mg-wrapper .lm-folder:before,
.lagom .lm-folder:before {
  content: "";
}

.mg-wrapper .lm-folder-open:before,
.lagom .lm-folder-open:before {
  content: "";
}

.mg-wrapper .lm-go-top:before,
.lagom .lm-go-top:before {
  content: "";
}

.mg-wrapper .lm-home:before,
.lagom .lm-home:before {
  content: "";
}

.mg-wrapper .lm-hosting:before,
.lagom .lm-hosting:before {
  content: "";
}

.mg-wrapper .lm-info-text:before,
.lagom .lm-info-text:before {
  content: "";
}

.mg-wrapper .lm-more:before,
.lagom .lm-more:before {
  content: "";
}

.mg-wrapper .lm-mouse:before,
.lagom .lm-mouse:before {
  content: "";
}

.mg-wrapper .lm-plus-circle:before,
.lagom .lm-plus-circle:before {
  content: "";
}

.mg-wrapper .lm-search:before,
.lagom .lm-search:before {
  content: "";
}

.mg-wrapper .lm-tag:before,
.lagom .lm-tag:before {
  content: "";
}

.mg-wrapper .lm-user:before,
.lagom .lm-user:before {
  content: "";
}

.mg-wrapper .lm-globe:before,
.lagom .lm-globe:before {
  content: "";
}

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

.mg-wrapper .ls,
.lagom .ls {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lagom-small-icons' !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;
  font-size: 12px;
}

.mg-wrapper .ls-align-center:before,
.lagom .ls-align-center:before {
  content: "";
}

.mg-wrapper .ls-align-left:before,
.lagom .ls-align-left:before {
  content: "";
}

.mg-wrapper .ls-align-right:before,
.lagom .ls-align-right:before {
  content: "";
}

.mg-wrapper .ls-apps:before,
.lagom .ls-apps:before {
  content: "";
}

.mg-wrapper .ls-arrow-down-left-thin:before,
.lagom .ls-arrow-down-left-thin:before {
  content: "";
}

.mg-wrapper .ls-arrow-down-right-thin:before,
.lagom .ls-arrow-down-right-thin:before {
  content: "";
}

.mg-wrapper .ls-arrow-left-wall:before,
.lagom .ls-arrow-left-wall:before {
  content: "";
}

.mg-wrapper .ls-arrow-play:before,
.lagom .ls-arrow-play:before {
  content: "";
}

.mg-wrapper .ls-arrow-right-down-thin:before,
.lagom .ls-arrow-right-down-thin:before {
  content: "";
}

.mg-wrapper .ls-arrow-right-up-thin:before,
.lagom .ls-arrow-right-up-thin:before {
  content: "";
}

.mg-wrapper .ls-arrow-right-wall:before,
.lagom .ls-arrow-right-wall:before {
  content: "";
}

.mg-wrapper .ls-book-bookmark:before,
.lagom .ls-book-bookmark:before {
  content: "";
}

.mg-wrapper .ls-bullet-medium:before,
.lagom .ls-bullet-medium:before {
  content: "";
}

.mg-wrapper .ls-chat-clouds:before,
.lagom .ls-chat-clouds:before {
  content: "";
}

.mg-wrapper .ls-check-underline:before,
.lagom .ls-check-underline:before {
  content: "";
}

.mg-wrapper .ls-copy:before,
.lagom .ls-copy:before {
  content: "";
}

.mg-wrapper .ls-crown:before,
.lagom .ls-crown:before {
  content: "";
}

.mg-wrapper .ls-document-info:before,
.lagom .ls-document-info:before {
  content: "";
}

.mg-wrapper .ls-down:before,
.lagom .ls-down:before {
  content: "";
}

.mg-wrapper .ls-folder-open:before,
.lagom .ls-folder-open:before {
  content: "";
}

.mg-wrapper .ls-label-left:before,
.lagom .ls-label-left:before {
  content: "";
}

.mg-wrapper .ls-left:before,
.lagom .ls-left:before {
  content: "";
}

.mg-wrapper .ls-more-vertical:before,
.lagom .ls-more-vertical:before {
  content: "";
}

.mg-wrapper .ls-receipt:before,
.lagom .ls-receipt:before {
  content: "";
}

.mg-wrapper .ls-right:before,
.lagom .ls-right:before {
  content: "";
}

.mg-wrapper .ls-ticket:before,
.lagom .ls-ticket:before {
  content: "";
}

.mg-wrapper .ls-up:before,
.lagom .ls-up:before {
  content: "";
}

.mg-wrapper .ls-voice:before,
.lagom .ls-voice:before {
  content: "";
}

.mg-wrapper .ls-water-drop:before,
.lagom .ls-water-drop:before {
  content: "";
}

.mg-wrapper .ls-addon:before,
.lagom .ls-addon:before {
  content: "";
}

.mg-wrapper .ls-arrow-down:before,
.lagom .ls-arrow-down:before {
  content: "";
}

.mg-wrapper .ls-caret:before,
.lagom .ls-caret:before {
  content: "";
}

.mg-wrapper .ls-sign-out:before,
.lagom .ls-sign-out:before {
  content: "";
}

.mg-wrapper .ls-reply:before,
.lagom .ls-reply:before {
  content: "";
}

.mg-wrapper .ls-arrow-left:before,
.lagom .ls-arrow-left:before {
  content: "";
}

.mg-wrapper .ls-sign-in:before,
.lagom .ls-sign-in:before {
  content: "";
}

.mg-wrapper .ls-share:before,
.lagom .ls-share:before {
  content: "";
}

.mg-wrapper .ls-arrow-right:before,
.lagom .ls-arrow-right:before {
  content: "";
}

.mg-wrapper .ls-arrow-up:before,
.lagom .ls-arrow-up:before {
  content: "";
}

.mg-wrapper .ls-bank-note:before,
.lagom .ls-bank-note:before {
  content: "";
}

.mg-wrapper .ls-basket:before,
.lagom .ls-basket:before {
  content: "";
}

.mg-wrapper .ls-box:before,
.lagom .ls-box:before {
  content: "";
}

.mg-wrapper .ls-bullet-small:before,
.lagom .ls-bullet-small:before {
  content: "";
}

.mg-wrapper .ls-bullet:before,
.lagom .ls-bullet:before {
  content: "";
}

.mg-wrapper .ls-calendar:before,
.lagom .ls-calendar:before {
  content: "";
}

.mg-wrapper .ls-chain:before,
.lagom .ls-chain:before {
  content: "";
}

.mg-wrapper .ls-check:before,
.lagom .ls-check:before {
  content: "";
}

.mg-wrapper .ls-close:before,
.lagom .ls-close:before {
  content: "";
}

.mg-wrapper .ls-configure:before,
.lagom .ls-configure:before {
  content: "";
}

.mg-wrapper .ls-credit-card:before,
.lagom .ls-credit-card:before {
  content: "";
}

.mg-wrapper .ls-credit:before,
.lagom .ls-credit:before {
  content: "";
}

.mg-wrapper .ls-dashboard:before,
.lagom .ls-dashboard:before {
  content: "";
}

.mg-wrapper .ls-denial:before,
.lagom .ls-denial:before {
  content: "";
}

.mg-wrapper .ls-dislike:before,
.lagom .ls-dislike:before {
  content: "";
}

.mg-wrapper .ls-dns:before,
.lagom .ls-dns:before {
  content: "";
}

.mg-wrapper .ls-document:before,
.lagom .ls-document:before {
  content: "";
}

.mg-wrapper .ls-download:before,
.lagom .ls-download:before {
  content: "";
}

.mg-wrapper .ls-download-square:before,
.lagom .ls-download-square:before {
  content: "";
}

.mg-wrapper .ls-edit:before,
.lagom .ls-edit:before {
  content: "";
}

.mg-wrapper .ls-envelope:before,
.lagom .ls-envelope:before {
  content: "";
}

.mg-wrapper .ls-exclamation-circle:before,
.lagom .ls-exclamation-circle:before {
  content: "";
}

.mg-wrapper .ls-flag:before,
.lagom .ls-flag:before {
  content: "";
}

.mg-wrapper .ls-folder:before,
.lagom .ls-folder:before {
  content: "";
}

.mg-wrapper .ls-heart:before,
.lagom .ls-heart:before {
  content: "";
}

.mg-wrapper .ls-home:before,
.lagom .ls-home:before {
  content: "";
}

.mg-wrapper .ls-hosting:before,
.lagom .ls-hosting:before {
  content: "";
}

.mg-wrapper .ls-hourglass:before,
.lagom .ls-hourglass:before {
  content: "";
}

.mg-wrapper .ls-image:before,
.lagom .ls-image:before {
  content: "";
}

.mg-wrapper .ls-info-circle:before,
.lagom .ls-info-circle:before {
  content: "";
}

.mg-wrapper .ls-input-code:before,
.lagom .ls-input-code:before {
  content: "";
}

.mg-wrapper .ls-lightning:before,
.lagom .ls-lightning:before {
  content: "";
}

.mg-wrapper .ls-like:before,
.lagom .ls-like:before {
  content: "";
}

.mg-wrapper .ls-location:before,
.lagom .ls-location:before {
  content: "";
}

.mg-wrapper .ls-minus:before,
.lagom .ls-minus:before {
  content: "";
}

.mg-wrapper .ls-more:before,
.lagom .ls-more:before {
  content: "";
}

.mg-wrapper .ls-new-window:before,
.lagom .ls-new-window:before {
  content: "";
}

.mg-wrapper .ls-padlock:before,
.lagom .ls-padlock:before {
  content: "";
}

.mg-wrapper .ls-pen:before,
.lagom .ls-pen:before {
  content: "";
}

.mg-wrapper .ls-plus:before,
.lagom .ls-plus:before {
  content: "";
}

.mg-wrapper .ls-printer:before,
.lagom .ls-printer:before {
  content: "";
}

.mg-wrapper .ls-range:before,
.lagom .ls-range:before {
  content: "";
}

.mg-wrapper .ls-refresh:before,
.lagom .ls-refresh:before {
  content: "";
}

.mg-wrapper .ls-rss:before,
.lagom .ls-rss:before {
  content: "";
}

.mg-wrapper .ls-security-code:before,
.lagom .ls-security-code:before {
  content: "";
}

.mg-wrapper .ls-shield:before,
.lagom .ls-shield:before {
  content: "";
}

.mg-wrapper .ls-smartphone:before,
.lagom .ls-smartphone:before {
  content: "";
}

.mg-wrapper .ls-sort-asc:before,
.lagom .ls-sort-asc:before {
  content: "";
}

.mg-wrapper .ls-sort-desc:before,
.lagom .ls-sort-desc:before {
  content: "";
}

.mg-wrapper .ls-spark:before,
.lagom .ls-spark:before {
  content: "";
}

.mg-wrapper .ls-text-cloud:before,
.lagom .ls-text-cloud:before {
  content: "";
}

.mg-wrapper .ls-ticket-tag:before,
.lagom .ls-ticket-tag:before {
  content: "";
}

.mg-wrapper .ls-transfer:before,
.lagom .ls-transfer:before {
  content: "";
}

.mg-wrapper .ls-trash:before,
.lagom .ls-trash:before {
  content: "";
}

.mg-wrapper .ls-upgrade-downgrade:before,
.lagom .ls-upgrade-downgrade:before {
  content: "";
}

.mg-wrapper .ls-upload:before,
.lagom .ls-upload:before {
  content: "";
}

.mg-wrapper .ls-user:before,
.lagom .ls-user:before {
  content: "";
}

.mg-wrapper .ls-wallet:before,
.lagom .ls-wallet:before {
  content: "";
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "\002a";
}

.glyphicon-plus:before {
  content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "\26fa";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "\231b";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "\00a5";
}

.glyphicon-jpy:before {
  content: "\00a5";
}

.glyphicon-ruble:before {
  content: "\20bd";
}

.glyphicon-rub:before {
  content: "\20bd";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

/*
*******************************************
Variables
1. General
. Navbar Main
. Section
. Panel Sidebar
. List Group
. Pagination
. Social Buttons
. 
*******************************************
*/
/*
*******************************************
. Variables - Navigation
*******************************************
*/
/*
*******************************************
. Variables - Main
*******************************************
*/
/*
*******************************************
. Variables - Panel Sidebar
*******************************************
*/
/*
*******************************************
. Variables - List Group
*******************************************
*/
/*
*******************************************
. Variables - Tile
*******************************************
*/
/*
*******************************************
. Variables - Tile
*******************************************
*/
/*
*******************************************
. Variables - Header Lined
*******************************************
*/
/*
*******************************************
. Variables - Social Buttons
*******************************************
*/
/*
*******************************************
. Variables - Login Container
*******************************************
*/
/*
*******************************************
. Variables - iCheck
*******************************************
*/
/*
*******************************************
. Variables - panel-group
*******************************************
*/
/*
*******************************************
. Order Summary
*******************************************
*/
/*
*******************************************
. SVG Graphics
*******************************************
*/
/*
*******************************************
. range slider
*******************************************
*/
/*
*******************************************
Variables
1. General
. Navbar Main
. Section
. Panel Sidebar
. List Group
. Pagination
. Social Buttons
. 
*******************************************
*/
/*
*******************************************
. Variables - Navigation
*******************************************
*/
/*
    *******************************************
    . Variables - Main
    *******************************************
    */
/*
    *******************************************
    . Variables - Panel Sidebar
    *******************************************
    */
/*
    *******************************************
    . Variables - List Group
    *******************************************
    */
/*
    *******************************************
    . Variables - Tile
    *******************************************
    */
/*
    *******************************************
    . Variables - Tile
    *******************************************
    */
/*
    *******************************************
    . Variables - Header Lined
    *******************************************
    */
/*
    *******************************************
    . Variables - Social Buttons
    *******************************************
    */
/*
    *******************************************
    . Variables - Login Container
    *******************************************
    */
/*
    *******************************************
    . Variables - iCheck
    *******************************************
    */
/*
    *******************************************
    . Variables - panel-group
    *******************************************
    */
/*
    *******************************************
    . Order Summary
    *******************************************
    */
/*
    *******************************************
    . SVG Graphics
    *******************************************
    */
/*
    *******************************************
    . range slider
    *******************************************
    */
/*
*******************************************
Variables
1. General
. Navbar Main
. Section
. Panel Sidebar
. List Group
. Pagination
. Social Buttons
. 
*******************************************
*/
/*
*******************************************
. Variables - Navigation
*******************************************
*/
/* General */
/* Package */
/* Panels */
/* Navbar-nav */
/* Svg */
/* Tile */
/* Input */
/* Main-header banner */
/* Landing-page-browser */
/* Alert */
/* Bottom-action-sticky */
/* Support-tickets */
/* Landing-page */
/* Left-nav */
/* Add-founds */
/*
*******************************************
Variables
1. General
. Navbar Main
. Section
. Panel Sidebar
. List Group
. Pagination
. Social Buttons
. 
*******************************************
*/
/*
*******************************************
. Variables - Navigation
*******************************************
*/
/*
   *******************************************
   Variables
   1. General
   . Navbar Main
   . Section
   . Panel Sidebar
   . List Group
   . Pagination
   . Social Buttons
   .
   *******************************************
   */
/*
    *******************************************
    . Variables - Navigation
    *******************************************
    */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: unset;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #2a2e36;
  background: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #1062FE;
  text-decoration: none;
}

a:hover, a:focus {
  color: #015abe;
  text-decoration: none;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 3px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 24px;
  background-color: #fff;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  transition: all 0.24s ease;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 1px solid #f6f7f8;
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: #2a2e36;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #e6e8ec;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 0;
  margin-bottom: 24px;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  margin-bottom: 16px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 34px;
  line-height: 40px;
  font-weight: 400;
}

h2, .h2 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
}

h3, .h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

h4, .h4 {
  font-size: 17px;
  line-height: 26px;
  font-weight: 500;
}

h5, .h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

h6, .h6 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}

p {
  margin: 0 0 16px;
}

.lead {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 13px;
  line-height: 18px;
}

mark,
.mark {
  background-color: #fff4e6;
  padding: .2em;
}

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

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

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

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

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

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

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

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

.text-light {
  color: #7c8088;
}

.text-lighter {
  color: #b9bdc5;
}

.text-large {
  font-size: 17px;
}

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

.text-muted {
  color: #2a2e36;
}

.text-faded {
  color: rgba(255, 255, 255, 0.64);
}

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

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

a.text-primary:hover,
a.text-primary:focus {
  color: #014cda;
}

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

a.text-success:hover,
a.text-success:focus {
  color: #115b0b;
}

.text-info {
  color: #0c70de !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #0958ae;
}

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

a.text-warning:hover,
a.text-warning:focus {
  color: #926d01;
}

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

a.text-danger:hover,
a.text-danger:focus {
  color: #8f0b14;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #1062FE;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #014cda;
}

.bg-success {
  background-color: #edf7ec;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #cbe8c8;
}

.bg-info {
  background-color: #e3effc;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #b5d5f7;
}

.bg-warning {
  background-color: #fff4e6;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #ffdeb3;
}

.bg-danger {
  background-color: #fdeeef;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #f8c0c4;
}

.bg-default {
  background-color: #f6f7f8;
}

a.bg-default:hover,
a.bg-default:focus {
  background-color: #d9dee2;
}

.page-header {
  padding-bottom: 11px;
  margin: 48px 0 24px;
  border-bottom: 1px solid #f6f7f8;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 12px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 24px;
}

dt,
dd {
  line-height: 24px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 992px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #e6e8ec;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 38px 25%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin: 0 0 24px;
  font-size: 17px;
  line-height: 28px;
  background: #f6f7f8;
  color: #7c8088;
  font-style: italic;
}

blockquote span {
  font-style: normal;
  display: -webkit-box;
  display: flex;
  margin-top: 24px;
  color: #2a2e36;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 24px;
  color: #e6e8ec;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #f6f7f8;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 24px;
  font-style: normal;
  line-height: 24px;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 2px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

pre {
  display: block;
  padding: 11.5px;
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 24px;
  word-break: break-all;
  word-wrap: break-word;
  color: #2a2e36;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}

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

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -12px;
  margin-right: -12px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

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

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (max-width: 479px) {
  .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    float: left;
  }
  .col-xxs-1 {
    width: 8.33333%;
  }
  .col-xxs-2 {
    width: 16.66667%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-4 {
    width: 33.33333%;
  }
  .col-xxs-5 {
    width: 41.66667%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-7 {
    width: 58.33333%;
  }
  .col-xxs-8 {
    width: 66.66667%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-10 {
    width: 83.33333%;
  }
  .col-xxs-11 {
    width: 91.66667%;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-pull-0 {
    right: auto;
  }
  .col-xxs-pull-1 {
    right: 8.33333%;
  }
  .col-xxs-pull-2 {
    right: 16.66667%;
  }
  .col-xxs-pull-3 {
    right: 25%;
  }
  .col-xxs-pull-4 {
    right: 33.33333%;
  }
  .col-xxs-pull-5 {
    right: 41.66667%;
  }
  .col-xxs-pull-6 {
    right: 50%;
  }
  .col-xxs-pull-7 {
    right: 58.33333%;
  }
  .col-xxs-pull-8 {
    right: 66.66667%;
  }
  .col-xxs-pull-9 {
    right: 75%;
  }
  .col-xxs-pull-10 {
    right: 83.33333%;
  }
  .col-xxs-pull-11 {
    right: 91.66667%;
  }
  .col-xxs-pull-12 {
    right: 100%;
  }
  .col-xxs-push-0 {
    left: auto;
  }
  .col-xxs-push-1 {
    left: 8.33333%;
  }
  .col-xxs-push-2 {
    left: 16.66667%;
  }
  .col-xxs-push-3 {
    left: 25%;
  }
  .col-xxs-push-4 {
    left: 33.33333%;
  }
  .col-xxs-push-5 {
    left: 41.66667%;
  }
  .col-xxs-push-6 {
    left: 50%;
  }
  .col-xxs-push-7 {
    left: 58.33333%;
  }
  .col-xxs-push-8 {
    left: 66.66667%;
  }
  .col-xxs-push-9 {
    left: 75%;
  }
  .col-xxs-push-10 {
    left: 83.33333%;
  }
  .col-xxs-push-11 {
    left: 91.66667%;
  }
  .col-xxs-push-12 {
    left: 100%;
  }
  .col-xxs-offset-0 {
    margin-left: 0%;
  }
  .col-xxs-offset-1 {
    margin-left: 8.33333%;
  }
  .col-xxs-offset-2 {
    margin-left: 16.66667%;
  }
  .col-xxs-offset-3 {
    margin-left: 25%;
  }
  .col-xxs-offset-4 {
    margin-left: 33.33333%;
  }
  .col-xxs-offset-5 {
    margin-left: 41.66667%;
  }
  .col-xxs-offset-6 {
    margin-left: 50%;
  }
  .col-xxs-offset-7 {
    margin-left: 58.33333%;
  }
  .col-xxs-offset-8 {
    margin-left: 66.66667%;
  }
  .col-xxs-offset-9 {
    margin-left: 75%;
  }
  .col-xxs-offset-10 {
    margin-left: 83.33333%;
  }
  .col-xxs-offset-11 {
    margin-left: 91.66667%;
  }
  .col-xxs-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.33333%;
  }
  .col-sm-pull-2 {
    right: 16.66667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333%;
  }
  .col-sm-pull-5 {
    right: 41.66667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.33333%;
  }
  .col-sm-pull-8 {
    right: 66.66667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333%;
  }
  .col-sm-pull-11 {
    right: 91.66667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.33333%;
  }
  .col-sm-push-2 {
    left: 16.66667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333%;
  }
  .col-sm-push-5 {
    left: 41.66667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.33333%;
  }
  .col-sm-push-8 {
    left: 66.66667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333%;
  }
  .col-sm-push-11 {
    left: 91.66667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333%;
  }
  .col-md-pull-2 {
    right: 16.66667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333%;
  }
  .col-md-pull-5 {
    right: 41.66667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333%;
  }
  .col-md-pull-8 {
    right: 66.66667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333%;
  }
  .col-md-pull-11 {
    right: 91.66667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333%;
  }
  .col-md-push-2 {
    left: 16.66667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333%;
  }
  .col-md-push-5 {
    left: 41.66667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333%;
  }
  .col-md-push-8 {
    left: 66.66667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333%;
  }
  .col-md-push-11 {
    left: 91.66667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333%;
  }
  .col-lg-pull-2 {
    right: 16.66667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333%;
  }
  .col-lg-pull-5 {
    right: 41.66667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333%;
  }
  .col-lg-pull-8 {
    right: 66.66667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333%;
  }
  .col-lg-pull-11 {
    right: 91.66667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333%;
  }
  .col-lg-push-2 {
    left: 16.66667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333%;
  }
  .col-lg-push-5 {
    left: 41.66667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333%;
  }
  .col-lg-push-8 {
    left: 66.66667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333%;
  }
  .col-lg-push-11 {
    left: 91.66667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

table {
  position: relative;
  /* IE 11 */
}

table:before {
  content: '';
  position: absolute;
  bottom: 7px;
  top: 7px;
  left: 0;
  width: 1px;
  background: #e6e8ec;
}

table tr td {
  padding: 1px 15px;
}

table tr td:first-of-type {
  padding-left: 30px;
}

table .ssl-info img {
  height: 12px;
  width: 12px;
}

caption {
  padding-top: 16px 16px;
  padding-bottom: 16px 16px;
  color: #2a2e36;
  text-align: left;
}

th {
  text-align: left;
}

table,
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
}

table:before,
.table:before {
  content: none;
}

table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td,
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  height: 58px;
  padding: 16px 16px;
  line-height: 24px;
  vertical-align: middle;
  border-top: 1px solid #e6e8ec;
  text-align: left;
  font-size: 14px;
}

table > thead > tr > th strong,
table > thead > tr > td strong,
table > tbody > tr > th strong,
table > tbody > tr > td strong,
table > tfoot > tr > th strong,
table > tfoot > tr > td strong,
.table > thead > tr > th strong,
.table > thead > tr > td strong,
.table > tbody > tr > th strong,
.table > tbody > tr > td strong,
.table > tfoot > tr > th strong,
.table > tfoot > tr > td strong {
  font-weight: 400;
}

table > tbody > tr[data-url],
.table > tbody > tr[data-url] {
  transition: background 0.24s ease;
  cursor: pointer;
}

table > tbody > tr[data-url]:hover,
.table > tbody > tr[data-url]:hover {
  background: #e3effc;
}

table > thead > tr > th,
table > tbody > tr > th,
.table > thead > tr > th,
.table > tbody > tr > th {
  height: 40px;
  padding: 10px 16px;
  position: relative;
  vertical-align: middle;
  font-size: 13px;
  line-height: 16px;
  color: #7c8088;
  font-weight: 400;
  background: #fff;
}

table > caption + thead > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > th,
table > thead:first-child > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

table > tbody + tbody,
.table > tbody + tbody {
  border-top: 2px solid #e6e8ec;
}

table .table,
.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th {
  padding: 6px 16px;
}

.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 8px 16px;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  background: none;
}

.table-condensed > thead > tr > th:first-of-type,
.table-condensed > thead > tr > td:first-of-type,
.table-condensed > tbody > tr > th:first-of-type,
.table-condensed > tbody > tr > td:first-of-type,
.table-condensed > tfoot > tr > th:first-of-type,
.table-condensed > tfoot > tr > td:first-of-type {
  padding-left: 0;
}

.table-condensed > thead > tr > th:last-of-type,
.table-condensed > thead > tr > td:last-of-type,
.table-condensed > tbody > tr > th:last-of-type,
.table-condensed > tbody > tr > td:last-of-type,
.table-condensed > tfoot > tr > th:last-of-type,
.table-condensed > tfoot > tr > td:last-of-type {
  padding-right: 0;
}

.table-condensed > thead > tr:hover,
.table-condensed > tbody > tr:hover,
.table-condensed > tfoot > tr:hover {
  background: none;
}

.table-bordered {
  border: 1px solid #e6e8ec;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e6e8ec;
  border-bottom: 0px;
  border-left: 0px;
}

.table-bordered > thead tr th:last-child,
.table-bordered > tbody tr th:last-child,
.table-bordered > tfoot tr th:last-child {
  border-right: 0px !important;
}

.table-bordered > thead tr td:last-child,
.table-bordered > tbody tr td:last-child,
.table-bordered > tfoot tr td:last-child {
  border-right: 0px !important;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #e3effc;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #e3effc;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #cce2fa;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #edf7ec;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #dcefda;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #e3effc;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #cce2fa;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fff4e6;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #ffe9cd;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #fdeeef;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #fad7da;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 18px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

#linked-accounts .table-container.table-responsive {
  overflow-x: visible;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  font-size: 21px;
  line-height: inherit;
  color: #2a2e36;
  border: 0;
}

label {
  color: #7c8088;
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 400;
}

input[type="search"] {
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 9px;
  font-size: 14px;
  line-height: 24px;
  color: #2a2e36;
}

.form-control,
.module-custom-output input[type="text"] {
  display: block;
  width: 100%;
  height: 42px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 24px;
  color: #2a2e36;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdee2;
  border-radius: 2px;
  transition: border-color 0.24s ease, box-shadow 0.24s ease;
}

.form-control:focus,
.module-custom-output input[type="text"]:focus {
  border-color: #1062FE;
  outline: 0;
}

.form-control::-moz-placeholder,
.module-custom-output input[type="text"]::-moz-placeholder {
  color: #acb0b8;
  opacity: 1;
}

.form-control:-ms-input-placeholder,
.module-custom-output input[type="text"]:-ms-input-placeholder {
  color: #acb0b8;
}

.form-control::-webkit-input-placeholder,
.module-custom-output input[type="text"]::-webkit-input-placeholder {
  color: #acb0b8;
}

.form-control::-ms-expand,
.module-custom-output input[type="text"]::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control,
.module-custom-output input[type="text"][disabled],
.module-custom-output input[type="text"][readonly],
fieldset[disabled]
.module-custom-output input[type="text"] {
  background-color: #f6f7f8;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control,
.module-custom-output input[type="text"][disabled],
fieldset[disabled]
.module-custom-output input[type="text"] {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

select.form-control {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../img/arrow-drop.svg");
  background-position-y: 50%;
  background-position-x: calc(100% - 11px);
  background-repeat: no-repeat;
  padding-right: 24px;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 42px;
  }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 28px;
  }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 48px;
  }
}

.form-group {
  margin-bottom: 10px;
}

.form-group + .btn {
  margin-top: 6px;
}

.radio,
.checkbox {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #2a2e36;
  cursor: pointer;
}

.radio label,
.checkbox label {
  min-height: 24px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  color: #2a2e36;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

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

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 9px;
  padding-bottom: 9px;
  margin-bottom: 0;
  min-height: 38px;
}

.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 28px;
  padding: 2px 8px;
  font-size: 13px;
  line-height: 18px;
  border-radius: 2px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 28px;
  line-height: 28px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.form-group-sm .form-control {
  height: 28px;
  padding: 2px 8px;
  font-size: 13px;
  line-height: 18px;
  border-radius: 2px;
}

.form-group-sm select.form-control {
  height: 28px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 28px;
  min-height: 37px;
  padding: 3px 8px;
  font-size: 13px;
  line-height: 18px;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 48px;
  padding: 8px 24px;
  font-size: 17px;
  line-height: 28px;
  border-radius: 3px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 48px;
  line-height: 48px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.input-xlg, .input-group-xlg > .form-control,
.input-group-xlg > .input-group-addon,
.input-group-xlg > .input-group-btn > .btn {
  height: 56px;
  padding: 8px 24px;
  font-size: 17px;
  line-height: 28px;
  border-radius: 3px;
}

select.input-xlg, .input-group-xlg > select.form-control,
.input-group-xlg > select.input-group-addon,
.input-group-xlg > .input-group-btn > select.btn {
  height: 56px;
  line-height: 56px;
}

textarea.input-xlg, .input-group-xlg > textarea.form-control,
.input-group-xlg > textarea.input-group-addon,
.input-group-xlg > .input-group-btn > textarea.btn,
select[multiple].input-xlg,
.input-group-xlg > select.form-control[multiple],
.input-group-xlg > select.input-group-addon[multiple],
.input-group-xlg > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.form-group-lg .form-control {
  height: 48px;
  padding: 8px 24px;
  border-radius: 3px;
}

.form-group-lg select.form-control {
  height: 48px;
  line-height: 48px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 48px;
  min-height: 41px;
  padding: 9px 24px;
  font-size: 17px;
  line-height: 28px;
}

.form-group-xlg .form-control {
  height: 56px;
  padding: 8px 24px;
  border-radius: 3px;
}

.form-group-xlg select.form-control {
  height: 56px;
  line-height: 48px;
}

.form-group-xlg textarea.form-control,
.form-group-xlg select[multiple].form-control {
  height: auto;
}

.form-group-xlg .form-control-static {
  height: 56px;
  min-height: 41px;
  padding: 9px 24px;
  font-size: 17px;
  line-height: 28px;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 52.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.input-xlg + .form-control-feedback, .input-group-xlg > .form-control + .form-control-feedback, .input-group-xlg > .input-group-addon + .form-control-feedback, .input-group-xlg > .input-group-btn > .btn + .form-control-feedback,
.input-group-xlg + .form-control-feedback,
.form-group-xlg .form-control + .form-control-feedback {
  width: 56px;
  height: 56px;
  line-height: 48px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #198810;
}

.has-success .form-control {
  border-color: #198810;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #115b0b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #2ae31b;
}

.has-success .input-group-addon {
  color: #198810;
  border-color: #198810;
  background-color: #edf7ec;
}

.has-success .form-control-feedback {
  color: #198810;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #c59301;
}

.has-warning .form-control {
  border-color: #c59301;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #926d01;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fec92d;
}

.has-warning .input-group-addon {
  color: #c59301;
  border-color: #c59301;
  background-color: #fff4e6;
}

.has-warning .form-control-feedback {
  color: #c59301;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #be0f1a;
}

.has-error .form-control {
  border-color: #be0f1a;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #8f0b14;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f0424e;
}

.has-error .input-group-addon {
  color: #be0f1a;
  border-color: #be0f1a;
  background-color: #fdeeef;
}

.has-error .form-control-feedback {
  color: #be0f1a;
}

.has-feedback label ~ .form-control-feedback {
  top: 29px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  font-size: 13px;
  line-height: 18px;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #acb0b8;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 9px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 33px;
}

.form-horizontal .form-group {
  margin-left: -12px;
  margin-right: -12px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 9px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 12px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 9px;
    font-size: 17px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 3px;
    font-size: 13px;
  }
}

/* IE11 */
select::-ms-expand {
  display: none;
}

.btn {
  display: -webkit-inline-box;
  display: inline-flex;
  height: 42px;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  outline: none;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.24s ease;
}

.btn > i {
  font-size: 14px;
}

.btn:hover, .btn:focus, .btn.focus {
  color: #2a2e36;
  text-decoration: none;
}

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  box-shadow: none;
}

.btn i {
  margin-right: 6px;
}

.btn i.ls-caret {
  margin: 0 -6px 0 6px;
}

.btn-icon {
  height: 42px;
  width: 42px;
  color: #b9bdc5;
  background: none;
  padding: 0;
}

.btn-icon:hover, .btn-icon:active, .btn-icon:focus {
  color: #1062FE;
}

.btn-icon > i {
  margin: 0;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #2a2e36;
  background-color: #fff;
  border-color: #dcdee2;
}

.btn-default:focus, .btn-default.focus {
  color: #2a2e36;
  background-color: #f6f7f8;
  border-color: #dcdee2;
}

.btn-default:hover {
  color: #2a2e36;
  background-color: #f6f7f8;
  border-color: #dcdee2;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #2a2e36;
  background-color: #f6f7f8;
  border-color: #dcdee2;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #2a2e36;
  background-color: #f6f7f8;
  border-color: #dcdee2;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled, .btn-default[disabled],
fieldset[disabled] .btn-default {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-default .badge {
  color: #fff;
  background-color: #2a2e36;
}

.btn-default i.ls-caret {
  color: #b9bdc5;
}

.btn-primary {
  color: #fff;
  background-color: #1062FE;
  border-color: #1062FE;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.btn-primary:hover {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled, .btn-primary[disabled],
fieldset[disabled] .btn-primary {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-primary .badge {
  color: #1062FE;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #1fc063;
  border-color: #1fc063;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #1c9612;
  border-color: #1c9612;
}

.btn-success:hover {
  color: #fff;
  background-color: #1c9612;
  border-color: #1c9612;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1c9612;
  border-color: #1c9612;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #1c9612;
  border-color: #1c9612;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled, .btn-success[disabled],
fieldset[disabled] .btn-success {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-success .badge {
  color: #1fc063;
  background-color: #fff;
}

.btn-info {
  color: #0c70de;
  background-color: #e3effc;
  border-color: #e3effc;
}

.btn-info:focus, .btn-info.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.btn-info:hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled, .btn-info[disabled],
fieldset[disabled] .btn-info {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-info .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.btn-warning {
  color: #fff;
  background-color: #ffbf00;
  border-color: #ffbf00;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #e3aa01;
  border-color: #e3aa01;
}

.btn-warning:hover {
  color: #fff;
  background-color: #e3aa01;
  border-color: #e3aa01;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #e3aa01;
  border-color: #e3aa01;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #e3aa01;
  border-color: #e3aa01;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled, .btn-warning[disabled],
fieldset[disabled] .btn-warning {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-warning .badge {
  color: #ffbf00;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #e02430;
  border-color: #e02430;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #cc101c;
  border-color: #cc101c;
}

.btn-danger:hover {
  color: #fff;
  background-color: #cc101c;
  border-color: #cc101c;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #cc101c;
  border-color: #cc101c;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #cc101c;
  border-color: #cc101c;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled, .btn-danger[disabled],
fieldset[disabled] .btn-danger {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-danger .badge {
  color: #e02430;
  background-color: #fff;
}

.btn-link {
  color: #1062FE;
  font-weight: normal;
  border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
  color: #015abe;
  text-decoration: none;
  background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #e6e8ec;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  height: 48px;
  padding: 8px 24px;
  font-size: 17px;
  line-height: 28px;
  border-radius: 3px;
}

.btn-lg > i, .btn-group-lg > .btn > i {
  font-size: 17px;
}

.btn-lg.btn-icon, .btn-group-lg > .btn-icon.btn {
  height: 48px;
  width: 48px;
}

/*
SM  is the same as XS as we do no use more than 3 UI sizes
.btn-sm {
    height: map-get($ui-height, "sm");
    // line-height: ensure proper height of button next to small input
    @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);
    &.btn-icon {
        height: map-get($ui-height, "sm");
        width: map-get($ui-height, "sm");
    }
}
*/
.btn-xs, .btn-group-xs > .btn,
.btn-sm,
.btn-group-sm > .btn {
  height: 28px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
  font-weight: 400;
}

.btn-xs > i, .btn-group-xs > .btn > i,
.btn-sm > i,
.btn-group-sm > .btn > i {
  font-size: 12px;
}

.btn-xs.btn-icon, .btn-group-xs > .btn-icon.btn,
.btn-sm.btn-icon,
.btn-group-sm > .btn-icon.btn {
  height: 28px;
  width: 28px;
}

.btn-block {
  display: -webkit-box;
  display: flex;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.24s ease;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 164px;
  padding: 6px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background: #fff;
  border: 1px solid #ccc;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-16px);
          transform: translateY(-16px);
  transition: opacity 0.08s, -webkit-transform 0.32s cubic-bezier(0, 0, 0, 1);
  transition: transform 0.32s cubic-bezier(0, 0, 0, 1), opacity 0.08s;
  transition: transform 0.32s cubic-bezier(0, 0, 0, 1), opacity 0.08s, -webkit-transform 0.32s cubic-bezier(0, 0, 0, 1);
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 6px 0px;
  overflow: hidden;
  background-color: #e6e8ec;
}

.dropdown-menu > li > a, .dropdown-menu .dropdown-menu-item a {
  display: block;
  padding: 6px 16px;
  clear: both;
  font-weight: normal;
  line-height: 24px;
  color: #2a2e36;
  white-space: nowrap;
}

.dropdown-menu > li > a > i, .dropdown-menu .dropdown-menu-item a > i {
  transition: color 0.24s ease;
}

.dropdown-menu-select {
  background: #1062FE;
  margin: 8px 0 0;
  border: none;
  padding-bottom: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.dropdown-menu-select .dropdown-header {
  color: rgba(255, 255, 255, 0.48);
}

.dropdown-menu-select .dropdown-header {
  border-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  padding: 13px 15px;
}

.dropdown-menu-select .dropdown-menu-item {
  color: #fff;
  padding: 3px 15px;
  font-size: 12px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  line-height: 19px;
  padding: 4px 15px;
  width: 100%;
}

.dropdown-menu-select .dropdown-menu-item span:first-child {
  margin-right: auto;
}

.dropdown-menu-select .dropdown-menu-item:before {
  content: '';
  display: inline-block;
  height: 19px;
  width: 19px;
  min-width: 19px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 100px;
  margin-right: 6px;
}

.dropdown-menu-select .dropdown-menu-item.active:before {
  border: 5px solid #fff;
}

.dropdown-menu-search {
  padding-bottom: 0;
}

.dropdown-menu-search .form-control {
  background: none;
  border: none;
}

.dropdown-menu-search .dropdown-menu-items {
  max-height: 200px;
  min-height: 100px;
  overflow-y: auto;
  position: relative;
}

.dropdown-menu-search .dropdown-menu-item {
  cursor: pointer;
}

.dropdown-menu-search .nav-divider {
  margin-bottom: 0;
}

.dropdown-menu-search .dropdown-menu-no-data {
  height: 100%;
  display: none;
  max-height: 200px;
  min-height: 100px;
}

.dropdown.is-empty .dropdown-menu-items {
  display: none;
}

.dropdown.is-empty .dropdown-menu-no-data {
  padding: 8px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu-item a:hover, .dropdown-menu-item a:focus {
  text-decoration: none;
  color: #1062FE;
  background-color: #f6f7f8;
}

.dropdown-menu > li > a:hover > i, .dropdown-menu > li > a:focus > i, .dropdown-menu-item a:hover > i, .dropdown-menu-item a:focus > i {
  color: #1062FE !important;
}

.dropdown-menu-items > .active > a, .dropdown-menu-items > .active > a:hover, .dropdown-menu-items > .active > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #1062FE;
  text-decoration: none;
  outline: 0;
  background-color: #e3effc;
}

.dropdown-menu-items > .active > a > i, .dropdown-menu-items > .active > a:hover > i, .dropdown-menu-items > .active > a:focus > i,
.dropdown-menu > .active > a > i,
.dropdown-menu > .active > a:hover > i,
.dropdown-menu > .active > a:focus > i {
  color: #1062FE !important;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #e6e8ec;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.dropdown-title {
  padding: 10px 16px 0;
}

.open > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 15px;
  font-size: 14px;
  line-height: 24px;
  color: #7c8088;
  white-space: nowrap;
  text-align: left;
}

.dropdown-header-title {
  color: #2a2e36;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.dropdown-header-desc {
  font-size: 13px;
  line-height: 18px;
  color: #acb0b8;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 992px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: flex;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group > .input-group-addon:first-child {
  border-radius: 2px 0 0 2px;
}

.input-group > .input-group-addon:first-child + .form-control {
  margin-left: -1px;
  border-radius: 0 2px 2px 0;
}

.input-group > .input-group-addon:last-child {
  margin-left: -1px;
  border-radius: 0 2px 2px 0;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #2a2e36;
  text-align: center;
  background-color: #f6f7f8;
  border: 1px solid #dcdee2;
  border-radius: 2px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .input-group-addon {
    -webkit-box-flex: 1;
            flex: 1 0 auto;
  }
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 2px 8px;
  font-size: 13px;
  border-radius: 2px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 8px 24px;
  font-size: 17px;
  border-radius: 3px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
  margin-left: 8px;
  border-radius: 2px;
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
}

@media (max-width: 767px) {
  .input-group-vertical-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .input-group-vertical-sm .input-group-addon:first-child + .form-control {
    margin: -1px 0 0;
  }
  .input-group-vertical-sm .form-control {
    text-align: center;
  }
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before, .nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  color: #1062FE;
  background-color: #f6f7f8;
}

.nav > li.disabled > a {
  color: #e6e8ec;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #e6e8ec;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #f6f7f8;
  border-color: #1062FE;
}

.nav > li > a > img {
  max-width: none;
}

.nav-divider {
  height: 1px;
  margin: 6px 0px;
  overflow: hidden;
  background-color: #e6e8ec;
}

.nav-tabs {
  padding: 0 16px;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  position: relative;
  color: #7c8088;
  margin-right: 2px;
  line-height: 24px;
  padding: 18px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.nav-tabs > li > a i {
  margin-right: 8px;
}

.nav-tabs > li > a:hover {
  background: transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #1062FE;
  background-color: transparent;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs > li.active > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  height: 3px;
  background: #1062FE;
}

.nav-tabs > li:not(:last-of-type) {
  margin-right: 24px;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #1062FE;
  background-color: #e3effc;
}

.nav-stacked > li {
  float: none;
}

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

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.tab.tab-boxed {
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.tab.tab-boxed .panel,
.tab.tab-boxed .table-container {
  box-shadow: none;
}

.tab.tab-boxed .tab-content {
  margin: 0;
  border-radius: 0 0 4px 4px;
  border: 1px solid #e6e8ec;
  border-top: 0;
}

.tab.tab-boxed .tab-pane {
  padding: 32px 16px;
}

.tab.tab-boxed .nav-tabs {
  border-radius: 4px 4px 0 0;
  border: 1px solid #e6e8ec;
  background: #fff;
}

.nav-lg > li > a {
  font-size: 17px;
  line-height: 28px;
  font-weight: 500;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  margin-bottom: 24px;
  border: 1px solid transparent;
}

.navbar:before, .navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

@media (min-width: 992px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 992px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 12px;
  padding-left: 12px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 992px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 992px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 992px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 13px 12px;
  font-size: 17px;
  line-height: 24px;
  height: 50px;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

@media (min-width: 992px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -12px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 16px;
  padding: 8px;
  width: 38px;
  height: 34px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  position: absolute;
  left: 8px;
  right: 8px;
  opacity: 1;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  transition: 0.24s ease;
}

.navbar-toggle .icon-bar:nth-child(2) {
  top: 8px;
}

.navbar-toggle .icon-bar:nth-child(3) {
  top: 16px;
}

.navbar-toggle .icon-bar:nth-child(4) {
  top: 24px;
}

@media (min-width: 992px) {
  .navbar-toggle {
    display: none;
  }
}

.menu-open .navbar-toggle .icon-bar:nth-child(1), .menu-open .navbar-toggle .icon-bar:nth-child(4) {
  top: 18px;
  width: 0;
  left: 50%;
}

.menu-open .navbar-toggle .icon-bar:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 6px;
  top: 14px;
  width: 24px;
}

.menu-open .navbar-toggle .icon-bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 6px;
  top: 14px;
  width: 24px;
}

.navbar-nav {
  margin: 6.5px -12px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px;
}

@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 24px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 992px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

.navbar-form {
  margin-left: -12px;
  margin-right: -12px;
  padding: 10px 12px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 4px;
  margin-bottom: 4px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 991px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 4px;
  margin-bottom: 4px;
}

.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 11px;
  margin-bottom: 11px;
}

.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 13px;
  margin-bottom: 13px;
}

@media (min-width: 992px) {
  .navbar-text {
    float: left;
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 992px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -12px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

.navbar-inverse .navbar-brand {
  color: #d5d7db;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #d5d7db;
}

.navbar-inverse .navbar-nav > li > a {
  color: #d5d7db;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff;
}

@media (max-width: 991px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #d5d7db;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #d5d7db;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #d5d7db;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 24px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li:before {
  content: none;
}

.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  margin: 0;
  color: #ccc;
}

.breadcrumb > .active {
  color: #e6e8ec;
}

.pagination {
  display: -webkit-box;
  display: flex;
  padding: 8px 16px;
  border: 1px solid #e6e8ec;
  border-radius: 2px;
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin: 0;
  list-style: none;
}

.pagination > li {
  margin-left: 4px;
}

.pagination > li > a,
.pagination > li > span {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  height: 28px;
  padding: 4px 8px;
  line-height: 24px;
  text-decoration: none;
  color: #2a2e36;
  font-size: 11px;
  background-color: #fff;
  border: 1px solid #e6e8ec;
  margin-left: -1px;
  border-radius: 2px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #015abe;
  background-color: #f6f7f8;
  border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #1062FE;
  border-color: #1062FE;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #e6e8ec;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 8px 24px;
  font-size: 17px;
  line-height: 28px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 2px 8px;
  font-size: 13px;
  line-height: 18px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.pager {
  padding-left: 0;
  margin: 24px 0;
  list-style: none;
  text-align: center;
}

.pager:before, .pager:after {
  content: " ";
  display: table;
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #e6e8ec;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f6f7f8;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #e6e8ec;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 4px 5px;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  text-transform: uppercase;
}

.label-lg {
  padding: 6px;
  font-size: 14px;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-closed, .label-expired, .label-transferred-away, .label-lost, .label-dead, .label-cancelled, .label-terminated, .label-default {
  background-color: #e6e8ec;
  color: #8a9bb8;
}

.label-closed[href]:hover, .label-closed[href]:focus, .label-expired[href]:hover, .label-expired[href]:focus, .label-transferred-away[href]:hover, .label-transferred-away[href]:focus, .label-lost[href]:hover, .label-lost[href]:focus, .label-dead[href]:hover, .label-dead[href]:focus, .label-cancelled[href]:hover, .label-cancelled[href]:focus, .label-terminated[href]:hover, .label-terminated[href]:focus, .label-default[href]:hover, .label-default[href]:focus {
  background-color: #6a80a5;
}

.label-answered, .label-customer-reply, .label-collections, .label-refunded, .label-draft, .label-primary {
  background-color: #1062FE;
  color: #fff;
}

.label-answered[href]:hover, .label-answered[href]:focus, .label-customer-reply[href]:hover, .label-customer-reply[href]:focus, .label-collections[href]:hover, .label-collections[href]:focus, .label-refunded[href]:hover, .label-refunded[href]:focus, .label-draft[href]:hover, .label-draft[href]:focus, .label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #e6e6e6;
}

.label-answered, .label-accepted, .label-paid, .label-delivered, .label-active, .label-open, .label-completed, .label-success {
  background-color: #8bd086;
  color: #fff;
}

.label-answered[href]:hover, .label-answered[href]:focus, .label-accepted[href]:hover, .label-accepted[href]:focus, .label-paid[href]:hover, .label-paid[href]:focus, .label-delivered[href]:hover, .label-delivered[href]:focus, .label-active[href]:hover, .label-active[href]:focus, .label-open[href]:hover, .label-open[href]:focus, .label-completed[href]:hover, .label-completed[href]:focus, .label-success[href]:hover, .label-success[href]:focus {
  background-color: #e6e6e6;
}

.label-info {
  background-color: #e3effc;
  color: #0c70de;
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #0958ae;
}

.label-inprogress, .label-payment-pending, .label-onhold, .label-pending, .label-pendingtransfer, .label-warning {
  background-color: #ffbf00;
  color: #fff;
}

.label-inprogress[href]:hover, .label-inprogress[href]:focus, .label-payment-pending[href]:hover, .label-payment-pending[href]:focus, .label-onhold[href]:hover, .label-onhold[href]:focus, .label-pending[href]:hover, .label-pending[href]:focus, .label-pendingtransfer[href]:hover, .label-pendingtransfer[href]:focus, .label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #e6e6e6;
}

.label-unpaid, .label-fraud, .label-suspended, .label-danger {
  background-color: #ee848b;
  color: #fff;
}

.label-unpaid[href]:hover, .label-unpaid[href]:focus, .label-fraud[href]:hover, .label-fraud[href]:focus, .label-suspended[href]:hover, .label-suspended[href]:focus, .label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #e6e6e6;
}

.label-purple {
  background-color: #b3a3de;
  color: #fff;
}

.label-purple[href]:hover, .label-purple[href]:focus {
  background-color: #e6e6e6;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #e6e8ec;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-xs .badge, .btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #1062FE;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.badge--primary {
  background: #1062FE;
  color: #ffffff;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #f6f7f8;
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d9dee2;
}

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 3px;
  padding-left: 12px;
  padding-right: 12px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.page-clientareahome .client-home-alerts .alert-body {
  max-width: 88%;
  width: 100%;
}

@media (max-width: 480px) {
  .page-clientareahome .client-home-alerts .alert-body {
    max-width: 80%;
  }
}

.page-clientareahome .client-home-alerts .alert-actions {
  position: absolute;
  right: 16px;
  top: 16px;
}

.alert {
  position: relative;
  padding: 16px 16px;
  margin-bottom: 24px;
  border: 1px solid transparent;
  border-radius: 4px;
  overflow: auto;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-body {
  float: left;
}

.alert-body > *:last-child {
  margin-bottom: 0;
}

.alert-actions {
  padding-left: 16px;
}

.alert-actions > .btn-icon {
  opacity: 0.5;
  margin-top: -9px;
}

.alert-actions > .btn-icon:hover {
  opacity: 1;
}

.alert-actions > .btn-icon.btn-xs, .btn-group-xs.alert-actions > .btn-icon.btn {
  margin-top: -2px;
  margin-bottom: -2px;
}

.alert-actions > .btn-icon.btn-xs:last-child, .btn-group-xs.alert-actions > .btn-icon.btn:last-child {
  margin-right: -2px;
}

.alert-actions > .btn-icon.btn-sm, .btn-group-sm.alert-actions > .btn-icon.btn {
  margin-top: -6px;
  margin-bottom: -6px;
}

.alert-actions > .btn-icon.btn-sm:last-child, .btn-group-sm.alert-actions > .btn-icon.btn:last-child {
  margin-right: -6px;
}

.alert-actions > .btn-icon.btn-lg, .btn-group-lg.alert-actions > .btn-icon.btn {
  margin-top: -12px;
  margin-bottom: -12px;
}

.alert-actions > .btn-icon.btn-lg:last-child, .btn-group-lg.alert-actions > .btn-icon.btn:last-child {
  margin-right: -12px;
}

.alert-icon {
  padding-left: 24px;
  float: left;
}

.alert-icon:before {
  content: '';
  position: absolute;
  top: 21px;
  left: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.alert-group {
  margin-bottom: 24px;
}

.alert-group .alert {
  margin: 0;
}

.alert-group .alert + .alert {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.alert-group .alert:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.alert .alert-icon + .alert-body {
  padding-left: 24px;
}

.alert-sm {
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
}

.alert-sm .alert-icon:before {
  top: 13px;
}

.alert-xs {
  font-size: 13px;
  line-height: 18px;
  padding: 10px;
}

.alert-success {
  background-color: #edf7ec;
  border-color: #e3f2e1;
  color: #198810;
}

.alert-success p {
  color: #198810 !important;
}

.alert-success hr {
  border-top-color: #d2ebcf;
}

.alert-success .alert-link {
  color: #115b0b;
}

.alert-success .alert-actions .btn-icon {
  color: #198810;
}

.alert-success.alert-icon:before {
  content: "";
}

.alert-success:hover {
  color: #198810;
}

.alert-info {
  background-color: #e3effc;
  border-color: #d5e7fb;
  color: #0c70de;
}

.alert-info p {
  color: #0c70de !important;
}

.alert-info hr {
  border-top-color: #bedaf8;
}

.alert-info .alert-link {
  color: #0958ae;
}

.alert-info .alert-actions .btn-icon {
  color: #0c70de;
}

.alert-info.alert-icon:before {
  content: "";
}

.alert-info:hover {
  color: #0c70de;
}

.alert-warning {
  background-color: #fff4e6;
  border-color: #ffe7c7;
  color: #c59301;
}

.alert-warning p {
  color: #c59301 !important;
}

.alert-warning hr {
  border-top-color: #ffdbae;
}

.alert-warning .alert-link {
  color: #926d01;
}

.alert-warning .alert-actions .btn-icon {
  color: #c59301;
}

.alert-warning.alert-icon:before {
  content: "";
}

.alert-warning:hover {
  color: #c59301;
}

.alert-danger {
  background-color: #fdeeef;
  border-color: #fbe0e2;
  color: #be0f1a;
}

.alert-danger p {
  color: #be0f1a !important;
}

.alert-danger hr {
  border-top-color: #f9c9cd;
}

.alert-danger .alert-link {
  color: #8f0b14;
}

.alert-danger .alert-actions .btn-icon {
  color: #be0f1a;
}

.alert-danger.alert-icon:before {
  content: "";
}

.alert-danger:hover {
  color: #be0f1a;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 8px;
  margin-top: 8px;
  background-color: #e6e8ec;
  border-radius: 2px;
}

.progress-bar {
  float: left;
  width: 2%;
  height: 100%;
  font-size: 13px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  background-color: #acb0b8;
  transition: 0.24s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #1fc063;
}

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #0c70de;
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #ffbf00;
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #e02430;
}

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

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

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-bordered {
  border: 1px solid #e6e8ec;
  border-radius: 4px;
}

.list-group-bordered .list-group-item:not(:last-of-type) {
  border-bottom: 1px solid #e6e8ec;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: #fff;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-lg .list-group-item {
  padding: 18px 15px;
}

a.list-group-item,
button.list-group-item {
  color: #1062FE;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #2a2e36;
}

a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #015abe;
  background-color: #e3effc;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #f6f7f8;
  color: #e6e8ec;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #e6e8ec;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #1062FE;
  background-color: #e3effc;
  padding-left: 16px !important;
  padding-right: 16px !important;
  border-radius: 4px;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: white;
}

.list-group-item-success {
  color: #198810;
  background-color: #edf7ec;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #198810;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #198810;
  background-color: #dcefda;
}

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #198810;
  border-color: #198810;
}

.list-group-item-info {
  color: #0c70de;
  background-color: #e3effc;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #0c70de;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #0c70de;
  background-color: #cce2fa;
}

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #0c70de;
  border-color: #0c70de;
}

.list-group-item-warning {
  color: #c59301;
  background-color: #fff4e6;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #c59301;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #c59301;
  background-color: #ffe9cd;
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #c59301;
  border-color: #c59301;
}

.list-group-item-danger {
  color: #be0f1a;
  background-color: #fdeeef;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #be0f1a;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #be0f1a;
  background-color: #fad7da;
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #be0f1a;
  border-color: #be0f1a;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 24px;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.panel .panel,
.panel .table-container {
  box-shadow: none;
  border: 1px solid #e6e8ec;
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading + .panel-footer {
  margin-top: -1px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  color: #2a2e36;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  border-top: 1px solid #e6e8ec;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #e6e8ec;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 24px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  box-shadow: none;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #e6e8ec;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #e6e8ec;
}

/* IE 11 */
.panel-form .panel-footer {
  overflow: auto;
  clear: both;
}

.panel-form .panel-footer .btn {
  float: left;
}

.panel-default {
  border-color: #e6e8ec;
}

.panel-default > .panel-heading {
  color: #2a2e36;
  background-color: #fff;
  border-color: #e6e8ec;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e6e8ec;
}

.panel-default > .panel-heading .badge {
  color: #fff;
  background-color: #2a2e36;
}

.panel-default > .panel-footer {
  border-color: #e6e8ec;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e6e8ec;
}

.panel-primary {
  border-color: #1062FE;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #1062FE;
  border-color: #1062FE;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #1062FE;
}

.panel-primary > .panel-heading .badge {
  color: #1062FE;
  background-color: #fff;
}

.panel-primary > .panel-footer {
  border-color: #1062FE;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #1062FE;
}

.panel-success {
  border-color: #e3f2e1;
}

.panel-success > .panel-heading {
  color: #198810;
  background-color: #edf7ec;
  border-color: #e3f2e1;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e3f2e1;
}

.panel-success > .panel-heading .badge {
  color: #edf7ec;
  background-color: #198810;
}

.panel-success > .panel-footer {
  border-color: #e3f2e1;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e3f2e1;
}

.panel-info {
  border-color: #d5e7fb;
}

.panel-info > .panel-heading {
  color: #0c70de;
  background-color: #e3effc;
  border-color: #d5e7fb;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d5e7fb;
}

.panel-info > .panel-heading .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.panel-info > .panel-footer {
  border-color: #d5e7fb;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d5e7fb;
}

.panel-warning {
  border-color: #ffe7c7;
}

.panel-warning > .panel-heading {
  color: #c59301;
  background-color: #fff4e6;
  border-color: #ffe7c7;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffe7c7;
}

.panel-warning > .panel-heading .badge {
  color: #fff4e6;
  background-color: #c59301;
}

.panel-warning > .panel-footer {
  border-color: #ffe7c7;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffe7c7;
}

.panel-danger {
  border-color: #fbe0e2;
}

.panel-danger > .panel-heading {
  color: #be0f1a;
  background-color: #fdeeef;
  border-color: #fbe0e2;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fbe0e2;
}

.panel-danger > .panel-heading .badge {
  color: #fdeeef;
  background-color: #be0f1a;
}

.panel-danger > .panel-footer {
  border-color: #fbe0e2;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fbe0e2;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 16px;
  margin-bottom: 24px;
  background-color: #f6f7f8;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

@media (min-width: 767px) {
  .well-lg {
    padding: 48px;
  }
}

.well-sm {
  padding: 8px;
}

.close {
  color: #b9bdc5;
  outline: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin: -2px -4px -2px 0;
  transition: 0.24s ease;
  font-size: 22px;
  position: absolute;
  right: 12px;
  height: 28px;
  width: 28px;
}

.close:hover, .close:focus {
  color: #1062FE;
  text-decoration: none;
  cursor: pointer;
}

button.close {
  padding: 4px;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: -webkit-box !important;
  display: flex !important;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  transition: all 0.24s ease;
}

.modal.in .modal-dialog {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-open .modal.fade.in {
  visibility: visible;
}

.modal-dialog {
  position: relative;
  width: auto;
  max-height: 100vh;
}

.modal-content {
  position: relative;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);
  outline: 0;
  margin: 30px auto;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #2a2e36;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.48;
  filter: alpha(opacity=48);
}

.modal-header {
  /*display: flex;
  justify-content: space-between; */
  /* IE11 */
  display: block;
  padding: 17px 15px;
  border-bottom: 1px solid #e6e8ec;
  background: #e6e8ec;
  border-radius: 4px 4px 0 0;
}

.modal-header .close {
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.modal-title {
  margin: 0;
  line-height: 24px;
}

.modal-body {
  position: relative;
  padding: 17px 15px;
  color: #7c8088;
}

.modal-footer {
  padding: 15px 15px;
  border-top: 1px solid #e6e8ec;
}

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 448px;
    margin: 30px auto;
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg .modal-dialog {
    width: 560px;
  }
}

.fade.in {
  visibility: visible;
}

#mg-wrapper .modal.in:not(#modal-ip),
.mg-wrapper .modal.in:not(#modal-ip) {
  opacity: 1;
  visibility: visible;
}

.tooltip {
  pointer-events: none;
  position: absolute;
  z-index: 1001;
  display: block;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 24px;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  line-height: 18px;
  transition: opacity 0.08s, -webkit-transform 0.32s cubic-bezier(0, 0, 0, 1);
  transition: transform 0.32s cubic-bezier(0, 0, 0, 1), opacity 0.08s;
  transition: transform 0.32s cubic-bezier(0, 0, 0, 1), opacity 0.08s, -webkit-transform 0.32s cubic-bezier(0, 0, 0, 1);
}

.tooltip.top {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(16px);
          transform: translateY(16px);
  margin-top: 16px;
  padding: 5px 0;
}

.tooltip.top.in {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.tooltip.right {
  margin-left: 8px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 8px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -8px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 2px 8px;
  color: #abacae;
  text-align: center;
  background-color: #393d45;
  border-radius: 2px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #393d45;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #393d45;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #393d45;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #393d45;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #393d45;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #393d45;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #393d45;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #393d45;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 288px;
  text-align: center;
  font-size: 14px;
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: opacity 0.08s, -webkit-transform 0.32s cubic-bezier(0, 0, 0, 1);
  transition: transform 0.32s cubic-bezier(0, 0, 0, 1), opacity 0.08s;
  transition: transform 0.32s cubic-bezier(0, 0, 0, 1), opacity 0.08s, -webkit-transform 0.32s cubic-bezier(0, 0, 0, 1);
}

.popover.top {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(16px);
          transform: translateY(16px);
}

.popover.top.in {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.popover.right {
  margin-left: -26px;
}

.popover.bottom {
  margin-top: -16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-16px);
          transform: translateY(-16px);
}

.popover.bottom.in {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.popover.left {
  margin-left: -26px;
}

.popover-title {
  margin: 0;
  padding: 17px 24px;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  background-color: #f6f7f8;
  border-bottom: 1px solid #e6e8ec;
  border-radius: 3px 3px 0 0;
}

.popover-content {
  padding: 18px 24px;
  color: #7c8088;
}

.popover .btn-group {
  margin-bottom: 6px;
}

.popover .btn-group .btn {
  border-radius: 2px !important;
}

.popover .btn-group .btn + .btn {
  margin-left: 10px;
}

.popover .btn-group .btn i {
  display: none;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow:before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:before,
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: #e6e8ec;
  bottom: -11px;
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.popover.top > .arrow:before {
  bottom: -9px;
  margin-left: -10px;
  border-bottom-width: 0px;
  border-top-color: rgba(0, 0, 0, 0.07);
  width: 0px;
  border-width: 10px;
  z-index: -3;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: #e6e8ec;
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.popover.right > .arrow:before {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: #e6e8ec;
  top: -11px;
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.bottom > .arrow:before {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: #e6e8ec;
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.popover.left > .arrow:before {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner > .item {
  display: none;
  position: relative;
  transition: 0.24s ease;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: -webkit-transform 0.24s ease;
    transition: transform 0.24s ease;
    transition: transform 0.24s ease, -webkit-transform 0.24s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/**
 * -------------------------
 * Markdown Editor
 * -------------------------
 */
.md-editor {
  border: 1px solid #e6e8ec;
  border-radius: 2px;
}

.md-editor > .btn-toolbar > .btn-group:first-of-type {
  margin: 0;
}

.md-editor > .btn-toolbar > .btn-group .btn {
  padding: 5px 10px;
}

.md-editor > .btn-toolbar > .btn-group .btn .fa {
  line-height: inherit;
}

.md-editor > .btn-toolbar > .btn-group .btn .fa-search {
  margin-right: 6px;
}

.md-editor > textarea.markdown-editor,
.md-editor > .md-preview {
  padding: 15px !important;
  border-top: 1px solid #e6e8ec !important;
  border-bottom: 1px solid #e6e8ec !important;
  background-color: #fff !important;
}

div.md-editor.active {
  display: block;
  border: 1px solid #e6e8ec;
  outline: 0;
  box-shadow: none;
}

.markdown-editor-status {
  min-height: 28px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 13px;
  line-height: 18px;
  color: #2a2e36;
}

.small-font {
  font-size: 0.9em;
}

/**
 * -------------------------
 * Markdown Content Formatting
 * -------------------------
 */
.markdown-content h1 {
  font-size: 1.6em;
  color: #333;
}

.markdown-content h2 {
  font-size: 1.4em;
  color: #333;
}

.markdown-content h3 {
  font-size: 1.2em;
  color: #333;
}

.markdown-content h4 {
  font-size: 1.1em;
  color: #333;
}

.markdown-content pre {
  padding: 15px;
  background-color: #444;
  color: #f8f8f8;
  border: 0;
}

.markdown-content pre code {
  white-space: pre;
  word-break: normal;
  word-wrap: normal;
}

.markdown-content blockquote {
  font-size: 1em;
}

.markdown-content table {
  margin: 10px 0;
  background-color: #fff;
  border: 1px solid #ddd;
}

.markdown-content table > thead > tr > th {
  padding: 4px 10px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  font-weight: bold;
  text-align: center;
}

.markdown-content table > tbody > tr > td {
  padding: 3px 8px;
  border: 1px solid #ddd;
}

.md-editor {
  display: block;
  border: 1px solid #e6e8ec;
}

.md-editor .md-footer,
.md-editor > .md-header {
  display: block;
  padding: 6px 11px;
}

.md-editor > .md-header {
  margin: 0;
}

.md-editor .md-footer {
  background: #f6f7f8;
}

.md-editor > .md-preview {
  background: #fff;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  min-height: 10px;
  overflow: auto;
}

.md-editor > textarea {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
  outline: 0;
  margin: 0;
  display: block;
  padding: 0;
  width: 100%;
  border: 0;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  border-radius: 0;
  box-shadow: none;
  background: #eee;
}

.md-editor > textarea:focus {
  box-shadow: none;
  background: #fff;
}

.md-editor.active {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.md-editor .md-controls {
  float: right;
  margin-right: -8px;
}

.md-editor .md-controls .md-control {
  width: 30px;
  height: 30px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.md-editor .md-controls .md-control:not(:hover) {
  color: #b9bdc5;
}

.md-editor.md-fullscreen-mode {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  padding: 60px 30px 15px;
  background: #fff !important;
  border: 0 !important;
}

.md-editor.md-fullscreen-mode .md-footer {
  display: none;
}

.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-preview {
  margin: 0 auto !important;
  height: 100% !important;
  font-size: 20px !important;
  padding: 20px !important;
  color: #999;
  line-height: 1.6em !important;
  resize: none !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 0 !important;
}

.md-editor.md-fullscreen-mode .md-preview {
  color: #333;
  overflow: auto;
}

.md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover {
  color: #333;
  background: #fff !important;
}

.md-editor.md-fullscreen-mode .md-header {
  background: 0 0;
  text-align: center;
  position: fixed;
  width: 100%;
  top: 20px;
}

.md-editor.md-fullscreen-mode .btn-group {
  float: none;
}

.md-editor.md-fullscreen-mode .btn {
  border: 0;
  background: 0 0;
  color: #b3b3b3;
}

.md-editor.md-fullscreen-mode .btn.active,
.md-editor.md-fullscreen-mode .btn:active,
.md-editor.md-fullscreen-mode .btn:focus,
.md-editor.md-fullscreen-mode .btn:hover {
  box-shadow: none;
  color: #333;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
  z-index: 1002;
  display: block;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
  color: #b3b3b3;
  clear: right;
  margin: 10px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
  color: #333;
  text-decoration: none;
}

.md-editor.md-fullscreen-mode .md-editor {
  height: 100% !important;
  position: relative;
}

.md-editor .md-fullscreen-controls {
  display: none;
}

.md-nooverflow {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

table.dataTable {
  clear: both;
  max-width: none !important;
  border-collapse: separate !important;
}

table.dataTable td,
table.dataTable th {
  box-sizing: border-box !important;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}

table.dataTable td:focus,
table.dataTable th:focus {
  outline: none;
}

table.dataTable > thead > tr > th:empty {
  padding-right: 0 !important;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting > span,
table.dataTable thead .sorting_asc > span,
table.dataTable thead .sorting_desc > span,
table.dataTable thead .sorting_asc_disabled > span,
table.dataTable thead .sorting_desc_disabled > span {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

table.dataTable thead .sorting > span span:not(.sorting-arrows),
table.dataTable thead .sorting_asc > span span:not(.sorting-arrows),
table.dataTable thead .sorting_desc > span span:not(.sorting-arrows),
table.dataTable thead .sorting_asc_disabled > span span:not(.sorting-arrows),
table.dataTable thead .sorting_desc_disabled > span span:not(.sorting-arrows) {
  white-space: normal;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  display: none !important;
}

table.dataTable thead .sorting .sorting-arrows,
table.dataTable thead .sorting_asc .sorting-arrows,
table.dataTable thead .sorting_desc .sorting-arrows,
table.dataTable thead .sorting_asc_disabled .sorting-arrows,
table.dataTable thead .sorting_desc_disabled .sorting-arrows {
  display: inline-block;
  position: relative;
  margin-left: 8px;
  height: 12px;
  width: 12px;
  vertical-align: middle;
}

table.dataTable thead .sorting .sorting-arrows:before, table.dataTable thead .sorting .sorting-arrows:after,
table.dataTable thead .sorting_asc .sorting-arrows:before,
table.dataTable thead .sorting_asc .sorting-arrows:after,
table.dataTable thead .sorting_desc .sorting-arrows:before,
table.dataTable thead .sorting_desc .sorting-arrows:after,
table.dataTable thead .sorting_asc_disabled .sorting-arrows:before,
table.dataTable thead .sorting_asc_disabled .sorting-arrows:after,
table.dataTable thead .sorting_desc_disabled .sorting-arrows:before,
table.dataTable thead .sorting_desc_disabled .sorting-arrows:after {
  position: absolute;
  left: 0;
  font-family: "lagom-small-icons" !important;
  color: #b9bdc5;
  line-height: 1;
  font-size: 12px;
}

table.dataTable thead .sorting .sorting-arrows:before,
table.dataTable thead .sorting_asc .sorting-arrows:before,
table.dataTable thead .sorting_desc .sorting-arrows:before,
table.dataTable thead .sorting_asc_disabled .sorting-arrows:before,
table.dataTable thead .sorting_desc_disabled .sorting-arrows:before {
  top: 0;
  content: "" !important;
}

table.dataTable thead .sorting .sorting-arrows:after,
table.dataTable thead .sorting_asc .sorting-arrows:after,
table.dataTable thead .sorting_desc .sorting-arrows:after,
table.dataTable thead .sorting_asc_disabled .sorting-arrows:after,
table.dataTable thead .sorting_desc_disabled .sorting-arrows:after {
  bottom: 0;
  content: "" !important;
}

table.dataTable thead .sorting_desc .sorting-arrows:after {
  color: #1062FE;
}

table.dataTable thead .sorting_asc .sorting-arrows:before {
  color: #1062FE;
}

table.dataTable thead .sorting_disabled {
  cursor: auto !important;
}

table.dataTable thead .sorting_disabled .sorting-arrows {
  display: none;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody > table > thead .sorting:after,
div.dataTables_scrollBody > table > thead .sorting_asc:after,
div.dataTables_scrollBody > table > thead .sorting_desc:after {
  display: none;
}

div.dataTables_scrollBody > table > tbody > tr:first-child > th,
div.dataTables_scrollBody > table > tbody > tr:first-child > td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}

table.dataTable.table-condensed > thead > tr > th {
  padding-right: 20px;
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
  top: 6px;
  right: 6px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-left: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
  position: relative;
  border: 0;
  padding-left: 60px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child ul,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child ul {
  width: 100%;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child ul:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child ul:before {
  display: -webkit-box;
  display: flex;
  content: '';
  position: absolute;
  background-color: #f6f7f8;
  top: 0;
  bottom: 0;
  left: 0;
  width: 44px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child ul li,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child ul li {
  border: 0;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  position: relative;
  padding-left: 60px;
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  display: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child .btn-table-collapse,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child .btn-table-collapse {
  top: 0px !important;
  left: 0;
  bottom: 0;
  border: 0;
  border-radius: 0;
  height: 100%;
  width: 44px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  color: #7c8088;
  text-align: center;
  text-indent: 0 !important;
  outline: none;
  background-color: #f6f7f8;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child .btn-table-collapse:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child .btn-table-collapse:before {
  font-family: "lagom-small-icons";
  font-size: 12px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child .btn-table-collapse:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child .btn-table-collapse:before {
  content: "";
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child .btn-table-collapse,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child .btn-table-collapse {
  background-color: #f6f7f8 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child .btn-table-collapse:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child .btn-table-collapse:before {
  content: "";
}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  color: #7c8088;
  text-align: center;
  text-indent: 0 !important;
  outline: none;
  background-color: #f6f7f8;
}

table.dataTable.dtr-column > tbody > tr > td.control:before:before,
table.dataTable.dtr-column > tbody > tr > th.control:before:before {
  font-family: "lagom-small-icons";
  font-size: 12px;
}

table.dataTable.dtr-column > tbody > tr > td.control:before:before,
table.dataTable.dtr-column > tbody > tr > th.control:before:before {
  content: "";
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  background-color: #f6f7f8 !important;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before:before {
  content: "";
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  min-width: auto;
  display: inline-block;
  margin-right: 8px;
  color: #7c8088;
  font-weight: 400;
}

table.dataTable > tbody > tr.child span.dtr-title:after {
  content: ":";
}

table.dataTable > tbody > tr.child span.dtr-data br {
  display: none;
}

.btn-table-collapse {
  display: none;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

table.dtr-inline.collapsed > thead > tr > th:first-child {
  padding-left: 60px !important;
}

table.dtr-inline.collapsed > thead > tr > th:first-child .btn-table-collapse {
  top: 0 !important;
  left: 0;
  bottom: 0;
  border: 0;
  border-radius: 0;
  height: 100%;
  width: 44px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  color: #7c8088;
  text-align: center;
  text-indent: 0 !important;
  outline: none;
  font-size: 14px;
  background-color: #f6f7f8;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  color: #7c8088;
  text-align: center;
  text-indent: 0 !important;
  outline: none;
  background-color: #f6f7f8;
}

table.dtr-inline.collapsed > thead > tr > th:first-child .btn-table-collapse:before {
  font-family: "lagom-small-icons";
  font-size: 12px;
}

table.dtr-inline.collapsed > thead > tr > th:first-child .btn-table-collapse:before {
  content: "";
}

table.dtr-inline.collapsed > thead > tr > th:first-child .btn-table-collapse.expanded {
  background-color: #f6f7f8 !important;
}

table.dtr-inline.collapsed > thead > tr > th:first-child .btn-table-collapse.expanded:before {
  content: "";
}

table.dtr-inline.collapsed > thead > tr > th:first-child .checkbox-styled {
  margin-right: -1px;
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}

/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  position: relative;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 106px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 94px;
  outline: none;
  height: 100%;
  padding: 0 20px 0 12px;
  border-right: 1px solid #dcdee2;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #b9bdc5;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #b9bdc5;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #dcdee2;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #dcdee2;
}

.intl-tel-input .country-list .country {
  padding: 9px 12px 7px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.intl-tel-input .country-list .country .dial-code {
  color: #7c8088;
}

.intl-tel-input .country-list .country.highlight {
  background-color: #acb0b8;
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
  margin-right: 8px;
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  color: #1062FE;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag .iti-arrow {
  border-top-color: #1062FE;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 29px;
  padding-top: 3px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../img/flags@2x.png");
  }
}

.iti-flag.np {
  background-color: transparent;
}

.selectize-control.form-control {
  background: #fff;
  position: relative;
  padding: 0;
  border: 0;
}

.selectize-control.form-control .selectize-input {
  position: relative;
  overflow: hidden;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 24px;
  color: #2a2e36;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdee2;
  border-radius: 2px;
  max-height: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  transition: border linear .3s;
}

.selectize-control.form-control .selectize-input:before {
  font-family: "lagom-small-icons";
  color: #b9bdc5;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -12px;
  z-index: 2;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  content: "";
}

.selectize-control.form-control .selectize-input:hover {
  border-color: #1062FE;
}

.selectize-control.form-control .selectize-input.dropdown-active {
  border-color: #1062FE;
}

.selectize-control.form-control .selectize-input.dropdown-active:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.selectize-control.form-control .selectize-input.dropdown-active input {
  z-index: 0;
  border-color: #1062FE;
}

.selectize-control.form-control .selectize-input.items > div {
  position: relative;
  font-size: 13px;
  line-height: 18px;
  height: 24px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #dcdee2;
  border-radius: 2px;
  padding: 4px 6px;
  margin: 0 4px 4px 0;
}

.selectize-control.form-control .selectize-input.items > div .remove {
  text-indent: -999999px;
  position: relative;
  width: 18px;
  height: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.selectize-control.form-control .selectize-input.items > div .remove:before {
  text-indent: 0;
  color: #b9bdc5;
  font-family: "lagom-small-icons";
  content: "";
  position: absolute;
  width: 13px;
  font-size: 12px;
  height: 10px;
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  top: 3px;
  left: 5px;
}

.selectize-control.form-control .selectize-input input {
  color: #1062FE;
  height: 100%;
  border: 0;
}

.selectize-control.form-control .selectize-input input:active, .selectize-control.form-control .selectize-input input:focus {
  outline: 0;
}

.selectize-control.form-control .selectize-dropdown {
  position: absolute;
  z-index: 99;
  padding-top: 8px;
}

.selectize-control.form-control .selectize-dropdown-content {
  max-height: 194px;
  overflow-y: auto;
  padding: 5px 0;
  background: #fff;
  width: 100% !important;
  border: 1px solid #ccc;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.selectize-control.form-control .selectize-dropdown .option {
  line-height: 24px;
  color: #2a2e36;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 16px;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.selectize-control.form-control .selectize-dropdown .option .badge {
  margin-left: auto;
}

.selectize-control.form-control .selectize-dropdown .option:hover {
  color: #1062FE;
  background-color: #f6f7f8;
}

.selectize-control.form-control .selectize-dropdown .option.selected {
  color: #1062FE;
  text-decoration: none;
  outline: 0;
  background-color: #e3effc;
}

.selectize-control.form-control.form-control--xs .selectize-dropdown .option, .selectize-control.form-control.form-control--sm .selectize-dropdown .option {
  min-height: 24px;
  padding: 4px 16px;
}

.selectize-control.form-control.form-control--xlg .selectize-dropdown .option, .selectize-control.form-control.form-control--lg .selectize-dropdown .option {
  min-height: 40px;
  padding: 8px 16px;
}

.selectize-control.form-control.custom-multiselect {
  height: auto;
  min-height: 42px;
  width: auto;
  min-width: 50%;
  display: -webkit-inline-box;
  display: inline-flex;
}

.selectize-control.form-control.custom-multiselect .selectize-input {
  position: relative;
  overflow: hidden;
  padding: 8px 28px 4px 16px;
  flex-wrap: wrap;
  min-height: 42px;
  width: 100%;
}

.has-dark-background .selectize-input {
  border-color: #fff;
}

/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em;
}

.fa-xs {
  font-size: .75em;
}

.fa-sm {
  font-size: .875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

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

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

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-card:before {
  content: "\f2bb";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-adn:before {
  content: "\f170";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-air-freshener:before {
  content: "\f5d0";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-allergies:before {
  content: "\f461";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-android:before {
  content: "\f17b";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angry:before {
  content: "\f556";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-angular:before {
  content: "\f420";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-apper:before {
  content: "\f371";
}

.fa-apple:before {
  content: "\f179";
}

.fa-apple-alt:before {
  content: "\f5d1";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-archive:before {
  content: "\f187";
}

.fa-archway:before {
  content: "\f557";
}

.fa-arrow-alt-circle-down:before {
  content: "\f358";
}

.fa-arrow-alt-circle-left:before {
  content: "\f359";
}

.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-arrows-alt-h:before {
  content: "\f337";
}

.fa-arrows-alt-v:before {
  content: "\f338";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-atlas:before {
  content: "\f558";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-audible:before {
  content: "\f373";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-award:before {
  content: "\f559";
}

.fa-aws:before {
  content: "\f375";
}

.fa-backspace:before {
  content: "\f55a";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-band-aid:before {
  content: "\f462";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-baseball-ball:before {
  content: "\f433";
}

.fa-basketball-ball:before {
  content: "\f434";
}

.fa-bath:before {
  content: "\f2cd";
}

.fa-battery-empty:before {
  content: "\f244";
}

.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-bed:before {
  content: "\f236";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-blender:before {
  content: "\f517";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-bold:before {
  content: "\f032";
}

.fa-bolt:before {
  content: "\f0e7";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-reader:before {
  content: "\f5da";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-box:before {
  content: "\f466";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-boxes:before {
  content: "\f468";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-broadcast-tower:before {
  content: "\f519";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-bug:before {
  content: "\f188";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-burn:before {
  content: "\f46a";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-bus:before {
  content: "\f207";
}

.fa-bus-alt:before {
  content: "\f55e";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-calendar-alt:before {
  content: "\f073";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-calendar-times:before {
  content: "\f273";
}

.fa-camera:before {
  content: "\f030";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-car:before {
  content: "\f1b9";
}

.fa-car-alt:before {
  content: "\f5de";
}

.fa-car-battery:before {
  content: "\f5df";
}

.fa-car-crash:before {
  content: "\f5e1";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-square-down:before {
  content: "\f150";
}

.fa-caret-square-left:before {
  content: "\f191";
}

.fa-caret-square-right:before {
  content: "\f152";
}

.fa-caret-square-up:before {
  content: "\f151";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-chalkboard:before {
  content: "\f51b";
}

.fa-chalkboard-teacher:before {
  content: "\f51c";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-chart-area:before {
  content: "\f1fe";
}

.fa-chart-bar:before {
  content: "\f080";
}

.fa-chart-line:before {
  content: "\f201";
}

.fa-chart-pie:before {
  content: "\f200";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-chess:before {
  content: "\f439";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-church:before {
  content: "\f51d";
}

.fa-circle:before {
  content: "\f111";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-clock:before {
  content: "\f017";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-cloud-download-alt:before {
  content: "\f381";
}

.fa-cloud-upload-alt:before {
  content: "\f382";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-cocktail:before {
  content: "\f561";
}

.fa-code:before {
  content: "\f121";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cog:before {
  content: "\f013";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comment-alt:before {
  content: "\f27a";
}

.fa-comment-dots:before {
  content: "\f4ad";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-comments:before {
  content: "\f086";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-compress:before {
  content: "\f066";
}

.fa-concierge-bell:before {
  content: "\f562";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-crop:before {
  content: "\f125";
}

.fa-crop-alt:before {
  content: "\f565";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-crow:before {
  content: "\f520";
}

.fa-crown:before {
  content: "\f521";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-cut:before {
  content: "\f0c4";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-deaf:before {
  content: "\f2a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-diagnoses:before {
  content: "\f470";
}

.fa-dice:before {
  content: "\f522";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-digital-tachograph:before {
  content: "\f566";
}

.fa-directions:before {
  content: "\f5eb";
}

.fa-discord:before {
  content: "\f392";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-divide:before {
  content: "\f529";
}

.fa-dizzy:before {
  content: "\f567";
}

.fa-dna:before {
  content: "\f471";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-docker:before {
  content: "\f395";
}

.fa-dollar-sign:before {
  content: "\f155";
}

.fa-dolly:before {
  content: "\f472";
}

.fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-donate:before {
  content: "\f4b9";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-dot-circle:before {
  content: "\f192";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-download:before {
  content: "\f019";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-drafting-compass:before {
  content: "\f568";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-dribbble-square:before {
  content: "\f397";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-drum:before {
  content: "\f569";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-edge:before {
  content: "\f282";
}

.fa-edit:before {
  content: "\f044";
}

.fa-eject:before {
  content: "\f052";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-ember:before {
  content: "\f423";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-envira:before {
  content: "\f299";
}

.fa-equals:before {
  content: "\f52c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-euro-sign:before {
  content: "\f153";
}

.fa-exchange-alt:before {
  content: "\f362";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-expand:before {
  content: "\f065";
}

.fa-expand-arrows-alt:before {
  content: "\f31e";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-external-link-alt:before {
  content: "\f35d";
}

.fa-external-link-square-alt:before {
  content: "\f360";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-dropper:before {
  content: "\f1fb";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-feather-alt:before {
  content: "\f56b";
}

.fa-female:before {
  content: "\f182";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-alt:before {
  content: "\f15c";
}

.fa-file-archive:before {
  content: "\f1c6";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-file-download:before {
  content: "\f56d";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-file-export:before {
  content: "\f56e";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-file-import:before {
  content: "\f56f";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-file-medical-alt:before {
  content: "\f478";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-file-upload:before {
  content: "\f574";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-fill:before {
  content: "\f575";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-film:before {
  content: "\f008";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-first-aid:before {
  content: "\f479";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-fish:before {
  content: "\f578";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-flushed:before {
  content: "\f579";
}

.fa-fly:before {
  content: "\f417";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-font:before {
  content: "\f031";
}

.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-font-awesome-alt:before {
  content: "\f35c";
}

.fa-font-awesome-flag:before {
  content: "\f425";
}

.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-football-ball:before {
  content: "\f44e";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-frown:before {
  content: "\f119";
}

.fa-frown-open:before {
  content: "\f57a";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-futbol:before {
  content: "\f1e3";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glass-martini:before {
  content: "\f000";
}

.fa-glass-martini-alt:before {
  content: "\f57b";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-globe-africa:before {
  content: "\f57c";
}

.fa-globe-americas:before {
  content: "\f57d";
}

.fa-globe-asia:before {
  content: "\f57e";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golf-ball:before {
  content: "\f450";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-greater-than:before {
  content: "\f531";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-grimace:before {
  content: "\f57f";
}

.fa-grin:before {
  content: "\f580";
}

.fa-grin-alt:before {
  content: "\f581";
}

.fa-grin-beam:before {
  content: "\f582";
}

.fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-grin-hearts:before {
  content: "\f584";
}

.fa-grin-squint:before {
  content: "\f585";
}

.fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-grin-stars:before {
  content: "\f587";
}

.fa-grin-tears:before {
  content: "\f588";
}

.fa-grin-tongue:before {
  content: "\f589";
}

.fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-grin-wink:before {
  content: "\f58c";
}

.fa-grip-horizontal:before {
  content: "\f58d";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hacker-news-square:before {
  content: "\f3af";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-paper:before {
  content: "\f256";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-rock:before {
  content: "\f255";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-hands:before {
  content: "\f4c2";
}

.fa-hands-helping:before {
  content: "\f4c4";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-hdd:before {
  content: "\f0a0";
}

.fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

.fa-heart:before {
  content: "\f004";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-history:before {
  content: "\f1da";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-home:before {
  content: "\f015";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-alt:before {
  content: "\f47d";
}

.fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-hot-tub:before {
  content: "\f593";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-start:before {
  content: "\f251";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-id-card:before {
  content: "\f2c2";
}

.fa-id-card-alt:before {
  content: "\f47f";
}

.fa-image:before {
  content: "\f03e";
}

.fa-images:before {
  content: "\f302";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-industry:before {
  content: "\f275";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-info:before {
  content: "\f129";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-italic:before {
  content: "\f033";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joint:before {
  content: "\f595";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-js-square:before {
  content: "\f3b9";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-key:before {
  content: "\f084";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-kiss:before {
  content: "\f596";
}

.fa-kiss-beam:before {
  content: "\f597";
}

.fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-laugh:before {
  content: "\f599";
}

.fa-laugh-beam:before {
  content: "\f59a";
}

.fa-laugh-squint:before {
  content: "\f59b";
}

.fa-laugh-wink:before {
  content: "\f59c";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less:before {
  content: "\f41d";
}

.fa-less-than:before {
  content: "\f536";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-level-down-alt:before {
  content: "\f3be";
}

.fa-level-up-alt:before {
  content: "\f3bf";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-list:before {
  content: "\f03a";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-long-arrow-alt-right:before {
  content: "\f30b";
}

.fa-long-arrow-alt-up:before {
  content: "\f30c";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-luggage-cart:before {
  content: "\f59d";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-male:before {
  content: "\f183";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-marked:before {
  content: "\f59f";
}

.fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-m:before {
  content: "\f3c7";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-meh:before {
  content: "\f11a";
}

.fa-meh-blank:before {
  content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-memory:before {
  content: "\f538";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-alt:before {
  content: "\f3c9";
}

.fa-microphone-alt-slash:before {
  content: "\f539";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-minus:before {
  content: "\f068";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-mobile:before {
  content: "\f10b";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-money-check-alt:before {
  content: "\f53d";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-moon:before {
  content: "\f186";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-music:before {
  content: "\f001";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-neos:before {
  content: "\f612";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-nintendo-switch:before {
  content: "\f418";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-outdent:before {
  content: "\f03b";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-parking:before {
  content: "\f540";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-paste:before {
  content: "\f0ea";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-alt:before {
  content: "\f305";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-pen-square:before {
  content: "\f14b";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-people-carry:before {
  content: "\f4ce";
}

.fa-percent:before {
  content: "\f295";
}

.fa-percentage:before {
  content: "\f541";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-phone-volume:before {
  content: "\f2a0";
}

.fa-php:before {
  content: "\f457";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-plane:before {
  content: "\f072";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-play:before {
  content: "\f04b";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-plus:before {
  content: "\f067";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-poop:before {
  content: "\f619";
}

.fa-portrait:before {
  content: "\f3e0";
}

.fa-pound-sign:before {
  content: "\f154";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-prescription-bottle-alt:before {
  content: "\f486";
}

.fa-print:before {
  content: "\f02f";
}

.fa-procedures:before {
  content: "\f487";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-project-diagram:before {
  content: "\f542";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "\f128";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-quidditch:before {
  content: "\f458";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-random:before {
  content: "\f074";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-react:before {
  content: "\f41b";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-redo:before {
  content: "\f01e";
}

.fa-redo-alt:before {
  content: "\f2f9";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-rendact:before {
  content: "\f3e4";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-road:before {
  content: "\f018";
}

.fa-robot:before {
  content: "\f544";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-ruble-sign:before {
  content: "\f158";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-rupee-sign:before {
  content: "\f156";
}

.fa-sad-cry:before {
  content: "\f5b3";
}

.fa-sad-tear:before {
  content: "\f5b4";
}

.fa-safari:before {
  content: "\f267";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-school:before {
  content: "\f549";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-seedling:before {
  content: "\f4d8";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-server:before {
  content: "\f233";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-shapes:before {
  content: "\f61f";
}

.fa-share:before {
  content: "\f064";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-shekel-sign:before {
  content: "\f20b";
}

.fa-shield-alt:before {
  content: "\f3ed";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shipping-fast:before {
  content: "\f48b";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-shuttle-van:before {
  content: "\f5b6";
}

.fa-sign:before {
  content: "\f4d9";
}

.fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-sign-language:before {
  content: "\f2a7";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-signal:before {
  content: "\f012";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-sith:before {
  content: "\f512";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack:before {
  content: "\f198";
}

.fa-slack-hash:before {
  content: "\f3ef";
}

.fa-sliders-h:before {
  content: "\f1de";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-smile:before {
  content: "\f118";
}

.fa-smile-beam:before {
  content: "\f5b8";
}

.fa-smile-wink:before {
  content: "\f4da";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-smoking-ban:before {
  content: "\f54d";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-sort-amount-down:before {
  content: "\f160";
}

.fa-sort-amount-up:before {
  content: "\f161";
}

.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-sort-up:before {
  content: "\f0de";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-star-half-alt:before {
  content: "\f5c0";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-store:before {
  content: "\f54e";
}

.fa-store-alt:before {
  content: "\f54f";
}

.fa-strava:before {
  content: "\f428";
}

.fa-stream:before {
  content: "\f550";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-subway:before {
  content: "\f239";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-sun:before {
  content: "\f185";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-surprise:before {
  content: "\f5c2";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-swimmer:before {
  content: "\f5c4";
}

.fa-swimming-pool:before {
  content: "\f5c5";
}

.fa-sync:before {
  content: "\f021";
}

.fa-sync-alt:before {
  content: "\f2f1";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-tablet-alt:before {
  content: "\f3fa";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-tachometer-alt:before {
  content: "\f3fd";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-taxi:before {
  content: "\f1ba";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-telegram-plane:before {
  content: "\f3fe";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-theater-masks:before {
  content: "\f630";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbtack:before {
  content: "\f08d";
}

.fa-ticket-alt:before {
  content: "\f3ff";
}

.fa-times:before {
  content: "\f00d";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-tint:before {
  content: "\f043";
}

.fa-tint-slash:before {
  content: "\f5c7";
}

.fa-tired:before {
  content: "\f5c8";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-train:before {
  content: "\f238";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-alt:before {
  content: "\f2ed";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-trello:before {
  content: "\f181";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-truck-loading:before {
  content: "\f4de";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-tshirt:before {
  content: "\f553";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-tv:before {
  content: "\f26c";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-undo:before {
  content: "\f0e2";
}

.fa-undo-alt:before {
  content: "\f2ea";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-university:before {
  content: "\f19c";
}

.fa-unlink:before {
  content: "\f127";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-upload:before {
  content: "\f093";
}

.fa-usb:before {
  content: "\f287";
}

.fa-user:before {
  content: "\f007";
}

.fa-user-alt:before {
  content: "\f406";
}

.fa-user-alt-slash:before {
  content: "\f4fa";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-user-cog:before {
  content: "\f4fe";
}

.fa-user-edit:before {
  content: "\f4ff";
}

.fa-user-friends:before {
  content: "\f500";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-users-cog:before {
  content: "\f509";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-utensils:before {
  content: "\f2e7";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-venus:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-vial:before {
  content: "\f492";
}

.fa-vials:before {
  content: "\f493";
}

.fa-viber:before {
  content: "\f409";
}

.fa-video:before {
  content: "\f03d";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-volleyball-ball:before {
  content: "\f45f";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-walking:before {
  content: "\f554";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weight:before {
  content: "\f496";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-window-close:before {
  content: "\f410";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-wine-glass-alt:before {
  content: "\f5ce";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-won-sign:before {
  content: "\f159";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yen-sign:before {
  content: "\f157";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

.fa-zhihu:before {
  content: "\f63f";
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
  font-family: 'Font Awesome 5 Brands';
}

/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

/*
*******************************************
General
1. General
2. Type
3. Print
4. Others
*******************************************
*/
/*
*******************************************
1. General - General
*******************************************
*/
@media (max-width: 991px) {
  body {
    padding-top: 74px;
  }
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

a[href^="tel"] {
  color: inherit !important;
  /* Inherit text color of parent element. */
  text-decoration: none;
  /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

/*
*******************************************
2. General - Type
*******************************************
*/
.desc {
  color: #7c8088;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  div.header-lined .breadcrumb li:first-of-type a:before {
    display: none;
  }
  div.header-lined .search-group {
    margin-top: 16px;
    width: 100%;
  }
}

p:empty {
  display: none;
}

.adminreturndiv {
  display: none !important;
}

#popup-backdrop {
  background-color: #2E363F;
  padding: 15px;
  height: 100%;
}

.popup-header-padding {
  margin-top: 5px;
  margin-bottom: 5px;
}

.admin-masquerade-notice {
  margin: 25px 0 0 auto;
  padding: 4px 10px;
  max-width: 240px;
  font-family: Tahoma;
  font-size: 0.7em;
  text-align: right;
}

.admin-masquerade-notice a {
  text-decoration: underline;
}

.licensing-addon-latest-download h3 {
  margin-top: 0;
}

/*
*******************************************
3. General - Print
*******************************************
*/
@media print {
  .sidebar,
  #main-menu,
  #top-nav,
  .header-lined {
    display: none;
  }
  a[href]:after {
    content: "" !important;
  }
}

.alert-bordered-left {
  border: 0;
  border-left: 3px solid;
  border-radius: 0;
  text-align: left;
}

/*
*******************************************
4. General - Grid 
*******************************************
*/
.row-eq-height {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.row-eq-height:before, .row-eq-height:after {
  display: none;
}

.row-eq-height > div[class*=col-] {
  display: -webkit-box;
  display: flex;
}

.row-eq-height > div[class*=col-] > * {
  width: 100%;
}

@media (max-width: 991px) {
  .row-eq-height-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .row-eq-height:not(.row-eq-height-sm):not(.row-eq-height-xs) > [class*="col-sm-"] {
    max-width: 100%;
    width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
}

@media (max-width: 767px) {
  .row-eq-height-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

@media screen and (max-width: 767px) and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  .row-eq-height-sm {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
  }
}

@media (max-width: 767px) {
  .flex-column-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: unset !important;
            align-items: unset !important;
  }
  .flex-column-sm .m-r-a {
    margin-right: 0 !important;
  }
  .flex-column-sm > * + * {
    margin-top: 16px !important;
  }
}

.container-fluid.without-padding {
  padding-left: 0;
  padding-right: 0;
}

.row-sm {
  margin-left: -8px;
  margin-right: -8px;
}

.row-sm [class*='col-'] {
  padding-left: 8px;
  padding-right: 8px;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

/*
*******************************************
4. General - Helpers
*******************************************
*/
i.icon-rss {
  color: #ff6600;
}

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

.m-a {
  margin-left: auto;
  margin-right: auto;
}

.m-l-a {
  margin-left: auto !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-6 {
  margin-top: 6px !important;
}

.m-t-16 {
  margin-top: 16px !important;
}

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

.m-t-24 {
  margin-top: 24px !important;
}

.m-t-32 {
  margin-top: 32px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-48 {
  margin-top: 48px !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-b-6 {
  margin-bottom: 6px !important;
}

.m-b-8 {
  margin-bottom: 8px !important;
}

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

.m-b-16 {
  margin-bottom: 16px !important;
}

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

.m-b-24 {
  margin-bottom: 24px !important;
}

.m-b-32 {
  margin-bottom: 32px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-r-8 {
  margin-right: 8px !important;
}

.m-l-8 {
  margin-left: 8px !important;
}

.m-l-32 {
  margin-left: 32px !important;
}

.m-t-neg-6 {
  margin-top: -6px !important;
}

.m-t-neg-15 {
  margin-top: -15px !important;
}

.m-b-neg-16 {
  margin-bottom: -16px !important;
}

.m-b-neg-18 {
  margin-bottom: -18px !important;
}

.m-b-neg-24 {
  margin-bottom: -24px !important;
}

.p-b-8 {
  padding-bottom: 8px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

@media (max-width: 991px) {
  .tab-m-b-48 {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .mob-m-t-16 {
    margin-top: 16px;
  }
  .mob-m-b-48 {
    margin-bottom: 48px;
  }
}

.p-t-6 {
  padding-top: 6px;
}

.p-t-18 {
  padding-top: 18px;
}

.p-v-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.p-v-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.m-h-a {
  margin-left: auto;
  margin-right: auto;
}

.m-w-288 {
  max-width: 288px;
}

.m-w-416 {
  max-width: 416px;
}

.m-w-448 {
  max-width: 448px;
}

.m-w-466 {
  max-width: 466px;
}

.m-w-552 {
  max-width: 552px;
}

.m-w-928 {
  max-width: 928px;
}

@media only screen and (max-width: 991px) {
  .m-w-928 {
    max-width: 750px;
  }
}

.m-w-1160 {
  max-width: 1160px;
}

.w-100 {
  width: 100% !important;
}

.d-flex {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

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

.space-between {
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.justify-center {
  -webkit-box-pack: center;
          justify-content: center;
}

.justify-start {
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

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

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

.check-boxed {
  width: 18px;
  height: 18px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 2px;
  border: 1px solid #e6e8ec;
  background: #f6f7f8;
}

.check-boxed + * {
  margin-left: 16px;
}

.or {
  margin-left: 8px;
  margin-right: 8px;
}

.drop-up {
  bottom: 100%;
  top: auto;
}

/*
*******************************************
5. Pattern BG
*******************************************
*/
.pattern-bg-affiliates, .pattern-bg-domain, .pattern-bg-downloads, .pattern-bg-index, .pattern-bg-knowledgebase, .pattern-bg-transfer, .pattern-bg-error {
  position: relative;
}

.pattern-bg-affiliates:after, .pattern-bg-domain:after, .pattern-bg-downloads:after, .pattern-bg-index:after, .pattern-bg-knowledgebase:after, .pattern-bg-transfer:after, .pattern-bg-error:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.pattern-bg-affiliates > *, .pattern-bg-domain > *, .pattern-bg-downloads > *, .pattern-bg-index > *, .pattern-bg-knowledgebase > *, .pattern-bg-transfer > *, .pattern-bg-error > * {
  position: relative;
  z-index: 2;
}

.pattern-bg-affiliates:after {
  /*background-image: url("../img/banner-bg/ptrn-affiliates.png");*/
  /*background-position: center;*/
}

.pattern-bg-domain:after {
  background-image: url("../img/banner-bg/ptrn-domain.png");
  background-position: center;
}

.pattern-bg-downloads:after {
  background-image: url("../img/banner-bg/ptrn-downloads.png");
  background-position: center;
}

.pattern-bg-index:after {
  background-image: url("../img/banner-bg/ptrn-index.png");
  background-position: center;
}

.pattern-bg-knowledgebase:after {
  background-image: url("../img/banner-bg/ptrn-knowledgebase.png");
  background-position: center;
}

.pattern-bg-transfer:after {
  background-image: url("../img/banner-bg/ptrn-transfer.png");
  background-position: center;
}

.pattern-bg-error:after {
  background-image: url("../img/banner-bg/ptrn-404.png");
  background-position: center;
}

[style="text-align:center;"] {
  display: block;
  float: left;
  margin-top: 24px;
  margin-bottom: 0;
  width: 100%;
}

.ssl-info {
  display: inline-block;
}

a {
  transition: color 0.24s ease, background 0.24s ease, border 0.24s ease, padding 0.24s ease;
}

/*
*******************************************
Badges
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Badges - General
*******************************************
*/
h3.widh-badge:after {
  content: '.';
  color: #fff;
}

h3.widh-badge span, h3.widh-badge i {
  float: left;
  padding-right: 8px;
}

h3.widh-badge .badge {
  line-height: initial;
  margin-top: 3px;
}

/*
*******************************************
2. Badges - Responsive
*******************************************
*/
@media (min-width: 992px) {
  h3.with-badge .badge {
    padding: 3px 7px 3px 8px;
  }
  .sidebar .list-group-item .badge {
    margin-top: -2px;
    padding: 3px 7px 3px 8px;
    line-height: initial;
    min-width: 36px;
  }
}

/*
*******************************************
Buttons
1. General
2. Social Buttons
3. Provider Linking
*******************************************
*/
/*
*******************************************
1. Buttons - General
*******************************************
*/
.btn {
  position: relative;
  overflow: hidden;
}

.btn-action {
  color: #fff;
  background-color: #1fc063;
  border-color: #1fc063;
}

.btn-action:focus, .btn-action.focus {
  color: #fff;
  background-color: #1c9612;
  border-color: #1c9612;
}

.btn-action:hover {
  color: #fff;
  background-color: #1c9612;
  border-color: #1c9612;
}

.btn-action:active, .btn-action.active,
.open > .btn-action.dropdown-toggle {
  color: #fff;
  background-color: #1c9612;
  border-color: #1c9612;
}

.btn-action:active:hover, .btn-action:active:focus, .btn-action:active.focus, .btn-action.active:hover, .btn-action.active:focus, .btn-action.active.focus,
.open > .btn-action.dropdown-toggle:hover,
.open > .btn-action.dropdown-toggle:focus,
.open > .btn-action.dropdown-toggle.focus {
  color: #fff;
  background-color: #1c9612;
  border-color: #1c9612;
}

.btn-action:active, .btn-action.active,
.open > .btn-action.dropdown-toggle {
  background-image: none;
}

.btn-action.disabled, .btn-action[disabled],
fieldset[disabled] .btn-action {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-action.disabled:hover, .btn-action.disabled:focus, .btn-action.disabled.focus, .btn-action[disabled]:hover, .btn-action[disabled]:focus, .btn-action[disabled].focus,
fieldset[disabled] .btn-action:hover,
fieldset[disabled] .btn-action:focus,
fieldset[disabled] .btn-action.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.btn-action .badge {
  color: #1fc063;
  background-color: #fff;
}

.btn-outline {
  background: transparent;
  border-color: #dcdee2;
}

.btn-outline.active, .btn-outline:hover, .btn-outline:active, .btn-outline:focus {
  background: transparent !important;
}

.btn-default.btn-outline {
  background: transparent;
  border-color: #dcdee2;
}

.btn-default.btn-outline.active, .btn-default.btn-outline:hover, .btn-default.btn-outline:active, .btn-default.btn-outline:focus {
  background: transparent !important;
  border-color: #ced3db;
}

.btn-rounded {
  border-radius: 50%;
}

@media (min-width: 500px) {
  .btn-input-padded-responsive {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media (min-width: 380px) {
  .btn-input-padded-responsive {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*
*******************************************
2. Buttons - Social Buttons
*******************************************
*/
.social-signin-btns {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 -8px;
}

.social-signin-btns .btn {
  margin-bottom: 5px;
  margin-left: 8px;
  margin-right: 8px;
}

.btn-social {
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  background: none;
  border: 1px solid #e6e8ec;
  border-radius: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-indent: -99999999px;
  overflow: hidden;
  padding: 0;
}

.btn-social i {
  margin: 0;
  font-size: 19px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  text-indent: 0;
}

.btn-social.btn-facebook {
  color: #2e4db0;
}

.btn-social.btn-facebook:hover, .btn-social.btn-facebook:focus, .btn-social.btn-facebook:active, .btn-social.btn-facebook.active {
  color: #30487b;
}

.btn-social.btn-google {
  color: #dd4b39;
}

.btn-social.btn-google:hover, .btn-social.btn-google:focus, .btn-social.btn-google:active, .btn-social.btn-google.active {
  color: #ca3523;
}

.btn-social.btn-google img {
  display: none;
}

.btn-social.btn-google:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "\f1a0";
  font-size: 19px;
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  text-align: center;
  line-height: 42px;
}

.btn-social.btn-twitter {
  color: #0c9bde;
}

.btn-social.btn-twitter:hover, .btn-social.btn-twitter:focus, .btn-social.btn-twitter:active, .btn-social.btn-twitter.active {
  color: #1c92c7;
}

/*
*******************************************
3. Buttons - Provider Linking
*******************************************
*/
.providerPreLinking {
  min-height: 52px;
}

.providerLinkingFeedback {
  display: none;
}

.buttons-group {
  margin-left: -4px;
  margin-right: -4px;
  display: -webkit-box;
  display: flex;
  margin-bottom: 8px;
}

.buttons-group .btn {
  margin: 0 4px;
}

.buttons-group.buttons-5 .btn {
  flex-basis: 20%;
}

@media (max-width: 479px) {
  .buttons-group.buttons-5 .btn {
    padding-left: 0;
    padding-right: 0;
  }
}

/*
*******************************************
Captcha
1. General
*******************************************
*/
/*
*******************************************
1. Captcha - General
*******************************************
*/
.captcha {
  width: 256px;
  margin-bottom: 10px;
}

.captcha-centered {
  width: auto;
}

.captcha-centered .input-group {
  -webkit-box-pack: center;
          justify-content: center;
}

.captchatext {
  padding: 8px 0;
  font-size: 12px;
  line-height: 16px;
}

.captchaimage {
  display: block;
  width: 50%;
  margin: 24px auto 0px auto;
}

.captchaimage > * {
  width: 128px;
}

.captchaimage .input-group-addon {
  float: left;
  width: 60%;
}

.captchaimage #inputCaptcha {
  margin-left: -4px;
  float: left;
  width: 40%;
}

@media (max-width: 480px) {
  .captchaimage {
    width: 100%;
  }
}

#inputCaptcha {
  width: 128px;
  display: inline-block;
}

#default-captcha-domainchecker.section {
  margin-top: 18px;
}

.domainchecker-homepage-captcha .tooltip .tooltip-inner {
  background-color: #fdeeef;
  border-color: #fdeeef;
  color: #e02430;
}

.domainchecker-homepage-captcha .tooltip .tooltip-arrow {
  border-right-color: #fdeeef;
}

/*
*******************************************
Colors
1. Backgrounds
*******************************************
*/
/*
*******************************************
1. Colors - Backgrounds
*******************************************
*/
.bg-color-gold {
  background-color: #f0ad4e;
}

.bg-color-green {
  background-color: #5cb85c;
}

.bg-color-red {
  background-color: #d9534f;
}

.bg-color-orange {
  background-color: #f39c12;
}

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

.bg-color-pink {
  background-color: #e671b8;
}

.bg-color-purple {
  background-color: #7b4f9d;
}

.bg-color-lime {
  background-color: #8cbf26;
}

.bg-color-magenta {
  background-color: #ff0097;
}

.bg-color-teal {
  background-color: #00aba9;
}

.bg-color-turquoise {
  background-color: #1abc9c;
}

.bg-color-emerald {
  background-color: #2ecc71;
}

.bg-color-amethyst {
  background-color: #9b59b6;
}

.bg-color-wet-asphalt {
  background-color: #34495e;
}

.bg-color-midnight-blue {
  background-color: #2c3e50;
}

.bg-color-sun-flower {
  background-color: #f1c40f;
}

.bg-color-pomegranate {
  background-color: #c0392b;
}

.bg-color-silver {
  background-color: #bdc3c7;
}

.bg-color-asbestos {
  background-color: #7f8c8d;
}

/*
*******************************************
Form
1. General
2. Multiselect
3. Search
4. File input
*******************************************
*/
/*
*******************************************
1. Form - General
*******************************************
*/
input[type='file'].form-control {
  height: inherit;
  margin-bottom: 5px;
}

.has-feedback label ~ .form-control-feedback {
  top: 27px !important;
}

.input-inline {
  display: inline-block;
}

.input-inline-100 {
  width: 100px;
}

.select-inline {
  display: inline-block;
  width: auto;
}

.select-inline-inline-container {
  display: -webkit-box;
  display: flex;
}

.select-inline-inline-container select:not(:last-of-type) {
  margin-right: 4px;
}

.form-actions {
  margin-top: 32px;
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
}

.form-actions.flex-center {
  -webkit-box-pack: center;
          justify-content: center;
}

.form-actions.flex-end {
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.form-actions .btn + .btn {
  margin-left: 8px;
}

.form-actions .m-r-a {
  margin-right: auto;
}

.section + .form-actions {
  margin-top: 32px;
}

.form-tooltip {
  position: relative;
}

.form-tooltip .tooltip-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  color: #b9bdc5;
  cursor: pointer;
}

.form-tooltip .tooltip-icon:hover {
  color: #1062FE;
}

.form-tooltip .form-control {
  padding-right: 40px;
}

.input-password-strenght {
  position: relative;
}

.input-password-strenght .form-control {
  padding-right: 140px;
}

.input-password-strenght > span {
  display: -webkit-box;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-box-pack: center;
          justify-content: center;
}

.input-password-strenght > span > * {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.input-password-strenght > span i {
  padding: 8px;
  margin-right: 8px;
  position: relative;
  z-index: 1002;
  cursor: pointer;
}

.input-password-strenght > span i:hover {
  color: #1062FE;
}

/*
*******************************************
2. Form - Multiselect
*******************************************
*/
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.multiselect-container .input-group {
  margin: 5px;
}

.multiselect-container > li {
  padding: 0;
}

.multiselect-container > li > a {
  padding: 0;
}

.multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 20px 3px 40px;
}

.multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
  margin: 0;
}

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px;
}

.multiselect-container > li > a.multiselect-all label {
  font-weight: 700;
}

.multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700;
}

.multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer;
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.form-inline .multiselect-container label.radio, .form-inline .multiselect-container label.checkbox {
  padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0;
}

/*
*******************************************
3. Form - Search
*******************************************
*/
.search-group {
  position: relative;
}

.search-group:before {
  content: "";
  font-family: "lagom-medium-icons";
  position: absolute;
  height: 100%;
  width: 44px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 16px;
  color: #b9bdc5;
  z-index: 10;
}

.search-group .form-control {
  padding-left: 40px;
  padding-left: 40px;
}

/*
*******************************************
4. Form - File input
*******************************************
*/
.file-input {
  position: relative;
  display: -webkit-box;
  display: flex;
  padding: 0;
  background: #f6f7f8;
}

.file-input-button {
  margin: -1px;
  transition: 0.24s ease;
}

.file-input-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 12px;
}

.file-input-remove {
  margin-left: auto;
  z-index: 2;
}

.file-input input[type=file] {
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.file-input:hover .file-input-button {
  color: #2a2e36;
  background: #f6f7f8;
  border-color: #dcdee2;
}

#fileUploadsContainer .file-input {
  margin-top: 12px;
}

.inline-form {
  display: -webkit-box;
  display: flex;
}

.inline-form .inline-form-element {
  margin-right: 8px;
}

.inline-form .inline-form-element:nth-child(2) {
  min-width: 120px;
}

textarea.form-control {
  resize: vertical;
  min-height: 50px;
}

.password-content {
  display: -webkit-box;
  display: flex;
  margin-top: 8px;
  -webkit-box-align: center;
          align-items: center;
}

.password-content .progress {
  -webkit-box-flex: 1;
          flex: 1;
  margin: 0 0 0 12px;
}

.password-content .btn-default .ls {
  color: #b9bdc5;
}

/*
*******************************************
Helpers
1. Margin
2. Col Buttton
3. Pull
4. Truncate
*******************************************
*/
/*
*******************************************
1. Helpers - Margin
*******************************************
*/
.margin-10 {
  margin: 10px;
}

.margin-bottom {
  margin-bottom: 20px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-top-5 {
  margin-top: 5px;
}

/*
*******************************************
2. Helpers - Col Buttton
*******************************************
*/
.col-button-left {
  padding-left: 0;
  padding-right: 7px;
}

.col-button-right {
  padding-left: 7px;
  padding-right: 0;
}

/*
*******************************************
3. Helpers - Pull
*******************************************
*/
.pull-none {
  float: none !important;
}

@media (min-width: 992px) {
  .pull-md-left {
    float: left;
  }
  .pull-md-right {
    float: right;
  }
}

@media (min-width: 768px) {
  .pull-sm-left {
    float: left;
  }
  .pull-sm-right {
    float: right;
  }
  .text-right-sm {
    text-align: right;
  }
}

/*
*******************************************
4. Helpers - Truncate
*******************************************
*/
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkbox > label,
.radio > label {
  position: relative;
  padding-left: 32px;
}

.checkbox > label > .checkbox-styled,
.checkbox > label > [type="checkbox"],
.radio > label > .checkbox-styled,
.radio > label > [type="checkbox"] {
  position: absolute;
}

.checkbox > label > .icheck-control,
.radio > label > .icheck-control {
  min-width: 18px;
  min-height: 18px;
  display: block;
  position: relative !important;
  width: unset !important;
  margin-left: 0 !important;
  margin-right: 8px !important;
}

.checkbox > .icheck-control,
.radio > .icheck-control {
  min-width: 18px;
  min-height: 18px;
  display: block;
  position: relative !important;
  width: unset !important;
  margin-left: 0 !important;
  margin-right: 8px !important;
}

.icheck-label {
  cursor: pointer;
}

.radio-styled > input,
.checkbox-styled > input {
  opacity: 0;
  visibility: hidden;
}

.icheck-control {
  display: block;
  width: 180%;
  height: 180%;
  opacity: 0;
  visibility: hidden;
}

.radio-styled,
.checkbox-styled {
  top: -1px;
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  transition: 0.24s ease;
  cursor: pointer;
  margin-right: 8px;
  min-width: 18px;
  min-height: 18px;
}

.radio-styled.disabled,
.checkbox-styled.disabled {
  cursor: not-allowed;
  background: #f6f7f8;
}

[data-radio-tab] .radio-styled {
  display: none;
}

.radio-styled {
  border-radius: 100%;
}

.radio-styled.hover,
.radio-styled:hover,
.icheck-label:hover > .checkbox-styled,
.checkbox-styled.hover,
.checkbox-styled:hover {
  border-color: #b9bdc5;
}

.radio-styled.checked,
.checkbox-styled.checked {
  border-color: #1062FE;
  background: #1062FE;
  min-width: 18px;
  min-height: 18px;
}

.radio-styled:before {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  content: '';
  height: 8px;
  width: 8px;
  margin-top: -4px;
  margin-left: -4px;
  background: #fff;
  opacity: 0;
  transition: 0.15s ease-in-out;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  border-radius: 100%;
  top: 50%;
  left: 50%;
}

.checkbox-styled:before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  content: "";
  height: 18px;
  width: 18px;
  opacity: 0;
  color: #fff;
  font-family: "lagom-small-icons";
  line-height: 1;
  font-size: 12px;
  transition: 0.15s ease-in-out;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.radio-styled.checked:before,
.checkbox-styled.checked:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.checkbox > label > .checkbox-styled,
.checkbox-inline > .checkbox-styled,
.radio > label > .radio-styled,
.radio-inline > .radio-styled {
  position: absolute;
  left: 0;
  top: 2px;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-left: 30px;
}

.checkbox + .help-block,
.radio + .help-block {
  margin-top: -12px;
  margin-left: 26px;
}

[data-radio-tab] {
  margin-right: 16px;
}

.radio-inline > .addon-selector {
  visibility: hidden;
  opacity: 0;
}

.invoice {
  background: #fff;
  border: none;
  padding: 42px 32px 48px;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.invoice-title {
  display: -webkit-box;
  display: flex;
  font-size: 34px;
  font-weight: 400;
  line-height: 38px;
}

.invoice-title-sm {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.invoice-title .label {
  -ms-grid-row-align: center;
      align-self: center;
  margin-left: 16px;
  margin-left: 16px;
}

.invoice h3 {
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 20px;
}

.invoice h3 + .table-responsive {
  margin-top: -10px;
}

.invoice address {
  margin-bottom: 0;
}

.invoice .well {
  border-width: 1px 0;
  border-radius: 0;
}

.invoice .section + .section {
  margin-top: 32px;
}

.invoice .list-info li {
  margin-bottom: 0 !important;
}

.invoice .sub-total-row td {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0;
  color: #7c8088;
}

.invoice .sub-total-row.last td {
  padding-bottom: 16px;
}

.invoice .sub-total-row.first td {
  border-top: 1px solid #e6e8ec;
  padding-top: 16px;
  color: #2a2e36;
}

.invoice .table td {
  vertical-align: middle;
}

.invoice .total-row td {
  background: #f6f7f8;
  border-bottom: 1px solid #e6e8ec;
  font-weight: 500;
  vertical-align: middle;
}

.invoice .notes {
  margin-top: 24px;
}

.invoice .notes .notes-body {
  border: 1px solid #e6e8ec;
  background-color: transparent;
  box-shadow: none;
}

@media (max-width: 767px) {
  .invoice {
    padding: 26px 24px 32px;
  }
}

.panel-payment .select-inline {
  width: 100%;
}

.panel-payment form + .btn + form + .btn {
  margin-top: 16px;
}

.panel-payment .btn + .btn {
  margin-top: 16px;
}

.payment-form p {
  color: rgba(255, 255, 255, 0.64);
  margin: 0;
}

.payment-form table {
  margin: 0;
  background: none;
  display: block;
  border-spacing: 0;
  border-collapse: unset;
}

.payment-form table tbody, .payment-form table tr, .payment-form table td {
  border-spacing: 0;
  border-collapse: unset;
  display: block;
  height: auto;
  padding: 0 !important;
  border: 0;
}

.payment-form table tbody tr td + td {
  margin-top: 16px;
}

.payment-form input[type="submit"],
.payment-form .btn {
  margin: 0 !important;
}

.payment-form input[type="submit"] i:not(.fa-spinner),
.payment-form .btn i:not(.fa-spinner) {
  display: none;
}

.payment-form input[type="submit"] .fa-spinner,
.payment-form .btn .fa-spinner {
  margin-left: 16px;
  margin-right: -16px;
  margin-top: -2px;
}

.payment-form input[type="password"],
.payment-form input[type="text"] {
  display: block;
  width: 100%;
  height: 42px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 24px;
  color: #2a2e36;
  background-color: #fff;
  background-image: none;
  border: 1px solid #fff;
  border-radius: 2px;
  transition: border-color 0.24s ease, box-shadow 0.24s ease;
}

.payment-form input[type="password"]:focus,
.payment-form input[type="text"]:focus {
  outline: 0;
}

.payment-form input[type="password"]::-moz-placeholder,
.payment-form input[type="text"]::-moz-placeholder {
  color: #acb0b8;
  opacity: 1;
}

.payment-form input[type="password"]:-ms-input-placeholder,
.payment-form input[type="text"]:-ms-input-placeholder {
  color: #acb0b8;
}

.payment-form input[type="password"]::-webkit-input-placeholder,
.payment-form input[type="text"]::-webkit-input-placeholder {
  color: #acb0b8;
}

.payment-form input[type="password"]::-ms-expand,
.payment-form input[type="text"]::-ms-expand {
  border: 0;
  background-color: transparent;
}

.payment-form input[type="password"][disabled], .payment-form input[type="password"][readonly],
fieldset[disabled] .payment-form input[type="password"],
.payment-form input[type="text"][disabled],
.payment-form input[type="text"][readonly],
fieldset[disabled]
.payment-form input[type="text"] {
  background-color: #f6f7f8;
  opacity: 1;
}

.payment-form input[type="password"][disabled],
fieldset[disabled] .payment-form input[type="password"],
.payment-form input[type="text"][disabled],
fieldset[disabled]
.payment-form input[type="text"] {
  cursor: not-allowed;
}

.payment-form .btn-sm, .payment-form .btn-group-sm > .btn {
  padding: 8px 16px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 2px;
  height: 42px;
  font-weight: 500;
}

.payment-form .btn-sm > i, .payment-form .btn-group-sm > .btn > i {
  font-size: 14px;
}

@media (max-width: 992px) {
  .page-viewinvoice .row-eq-height.row-eq-height {
    display: block;
  }
}

/*
*******************************************
List
1. List Info
*******************************************
*/
/*
*******************************************
1. List - List Info
*******************************************
*/
.list-info {
  padding: 0;
  margin: 0;
}

.list-info li {
  display: -webkit-box;
  display: flex;
}

.list-info-title {
  color: #7c8088;
}

.list-info-v li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.list-info-v li:not(:last-of-type) {
  margin-bottom: 18px;
}

.list-info-v .list-info-text {
  font-size: 17px;
}

.list-info-50 li:not(:last-of-type) {
  margin-bottom: 10px;
}

.list-info-50 .list-info-title, .list-info-50 .list-info-text {
  flex-basis: 50%;
  word-break: break-word;
}

.list-info-sm {
  font-size: 13px;
  line-height: 18px;
}

.list-info-bordered li {
  margin: 0 !important;
  padding: 16px;
}

.list-info-bordered li:not(:last-of-type) {
  border-bottom: 1px solid #e6e8ec;
}

/*
*******************************************
List Group
1. General
2. Sidebar
*******************************************
*/
/*
*******************************************
1. List Group - General
*******************************************
*/
.list-group-v .list-group-item {
  padding-left: 0;
  padding-right: 0;
}

.list-group-item {
  padding: 7px 15px;
  border-color: #f5f5f5;
}

.list-group-item .badge {
  background-color: transparent;
  color: #666;
}

/*
*******************************************
2. List Group - Sidebar
*******************************************
*/
.main-sidebar .list-group-item-selected,
.sidebar .list-group-item-selected {
  background-color: #e3effc;
  color: #fff;
}

.main-sidebar .list-group-item-selected .badge,
.sidebar .list-group-item-selected .badge {
  background-color: #fff;
  color: #319FC3;
}

.list-group .bg-default {
  background-color: #f6f7f8;
}

.message {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 4px;
}

.message-icon {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border: 2px solid #b9bdc5;
  border-radius: 100%;
  color: #b9bdc5;
}

.message-icon img {
  max-width: 100%;
}

.message-image {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.message-image img {
  max-width: 100%;
}

.message-text {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 20px;
  font-weight: 400;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .message-text {
    max-width: 100%;
  }
}

.message-success .message-icon {
  color: #1fc063;
  border-color: #1fc063;
}

.message-success .message-text {
  color: #1fc063;
}

.message-danger .message-icon {
  color: #e02430;
  border-color: #e02430;
}

.message-danger .message-text {
  color: #e02430;
}

.message-no-data {
  padding: 32px;
  min-height: 320px;
  -webkit-box-pack: center;
          justify-content: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .message-no-data {
    height: 320px;
  }
}

.message-no-data > *:last-child {
  margin-bottom: 0;
}

.message-lg.message-no-data {
  padding: 48px;
  align-self: flex-start;
}

.message + .message {
  margin-top: 24px;
}

@media only screen and (max-width: 767px) {
  .message-lg.message-no-data {
    padding: 24px 16px;
  }
}

/*
*******************************************
Navbar
1. General
2. Navbar Main
*******************************************
*/
/*
*******************************************
1. Navbar - General
*******************************************
*/
@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }
  .navbar-left, .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .navbar-collapse {
    padding: 0;
  }
}

/*
*******************************************
2. Navbar - Navbar Main
*******************************************
*/
.navbar-main {
  margin-bottom: 0;
  background-color: #fff;
  border-radius: 0;
  border: none;
  font-size: 17px;
}

.navbar-main .home-item span {
  display: none;
}

.navbar-main .home-item i.lm.lm-home {
  display: block;
}

@media only screen and (max-width: 991px) {
  .navbar-main .home-item span {
    display: block;
  }
  .navbar-main .home-item i.lm.lm-home {
    display: none;
  }
}

.navbar-main .open-ticket-item {
  display: none;
}

.navbar-main .dropdown-menu {
  left: 20px;
  padding: 6px 0;
  min-width: 180px;
}

.navbar-main .dropdown-menu > li > a > i {
  display: none;
  margin-right: 8px;
  color: #b9bdc5;
}

.navbar-main .dropdown-menu > li > a > i.lm {
  font-size: 14px;
  vertical-align: middle;
}

.navbar-main .open .dropdown-menu {
  top: calc(100% - 8px);
}

.navbar-main .navbar-nav {
  margin-bottom: -1px;
  margin-left: -20px;
  margin-right: 0;
}

.navbar-main .navbar-nav > li > a {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: #2a2e36;
  padding: 26px 20px;
  height: 74px;
}

.navbar-main .navbar-nav > li > a > .ls-caret {
  color: #b9bdc5;
  margin-left: 6px;
  transition: 0.24s ease;
}

.navbar-main .navbar-nav > li > a > i {
  color: #b9bdc5;
}

.navbar-main .navbar-nav > li > a > i:first-child {
  display: none;
  transition: color 0.24s ease, background 0.24s ease, border 0.24s ease, padding 0.24s ease;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > li.active > a,
.navbar-main .navbar-nav > li.active > a:hover,
.navbar-main .navbar-nav > li.active > a:focus,
.navbar-main .navbar-nav > li.open > a,
.navbar-main .navbar-nav > li.open > a:hover,
.navbar-main .navbar-nav > li.open > a:focus {
  color: #1062FE;
  background-color: transparent;
}

.navbar-main .navbar-nav > li > a:hover > b,
.navbar-main .navbar-nav > li > a:hover > i,
.navbar-main .navbar-nav > li > a:focus > b,
.navbar-main .navbar-nav > li > a:focus > i,
.navbar-main .navbar-nav > li.active > a > b,
.navbar-main .navbar-nav > li.active > a > i,
.navbar-main .navbar-nav > li.active > a:hover > b,
.navbar-main .navbar-nav > li.active > a:hover > i,
.navbar-main .navbar-nav > li.active > a:focus > b,
.navbar-main .navbar-nav > li.active > a:focus > i,
.navbar-main .navbar-nav > li.open > a > b,
.navbar-main .navbar-nav > li.open > a > i,
.navbar-main .navbar-nav > li.open > a:hover > b,
.navbar-main .navbar-nav > li.open > a:hover > i,
.navbar-main .navbar-nav > li.open > a:focus > b,
.navbar-main .navbar-nav > li.open > a:focus > i {
  color: #1062FE;
}

.navbar-main .navbar-nav > li.active > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 18px;
  right: 18px;
  height: 3px;
  background: #1062FE;
}

.navbar-main .navbar-right > .btn + .btn,
.navbar-main .navbar-right > .btn + .dropdown {
  margin-left: 8px;
}

.navbar-main .navbar-right > .dropdown {
  display: inline-block;
}

.navbar-main .navbar-right > .dropdown.open .dropdown-menu {
  top: auto;
  right: 0;
  left: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-main .navbar-nav {
    margin-left: -16px;
  }
  .navbar-main .navbar-nav > li > a {
    padding: 26px 16px;
  }
}

@media (min-width: 992px) {
  .navbar-main li.dropdown:hover > ul.dropdown-menu {
    display: block;
    top: calc(100% - 8px);
  }
  .navbar-main .navbar-header {
    display: none;
  }
  .navbar-main .navbar-collapse {
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    padding: 0;
  }
  .navbar-main .navbar-collapse:before, .navbar-main .navbar-collapse:after {
    display: none;
  }
}

@media (max-width: 991px) {
  .navbar-main .navbar-nav.language-nav {
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
  .navbar-main .navbar-nav.language-nav .item-text {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .lagom .navbar-main {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    height: 100%;
    width: 270px;
    background: #01144d;
    color: #fff;
    border: 0;
    transition: -webkit-transform 0.24s ease;
    transition: transform 0.24s ease;
    transition: transform 0.24s ease, -webkit-transform 0.24s ease;
    -webkit-transform: translateX(-270px);
            transform: translateX(-270px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .lagom .navbar-main.no-lang {
    background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  }
  .lagom .navbar-main .container {
    padding: 0;
    width: 100%;
  }
  .lagom .navbar-main .navbar-collapse {
    margin-top: -16px;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  .lagom .navbar-main .navbar-header {
    height: 74px;
    padding: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    color: rgba(255, 255, 255, 0.58);
    font-size: 14px;
  }
  .lagom .navbar-main .navbar-nav {
    margin: 0;
  }
  .lagom .navbar-main .navbar-nav:not(.language-nav) {
    padding-bottom: 16px;
  }
  .lagom .navbar-main .navbar-nav li.open-ticket-item {
    display: block;
  }
  .lagom .navbar-main .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.58);
    font-size: 17px;
    padding: 10px 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    font-weight: 400;
    height: auto;
    text-align: center;
  }
  .lagom .navbar-main .navbar-nav > li > a .ls-caret {
    color: rgba(255, 255, 255, 0.58);
  }
  .lagom .navbar-main .navbar-nav > li.open > a,
  .lagom .navbar-main .navbar-nav > li.open > a:hover,
  .lagom .navbar-main .navbar-nav > li.open > a:focus,
  .lagom .navbar-main .navbar-nav > li.active > a,
  .lagom .navbar-main .navbar-nav > li.active > a:hover,
  .lagom .navbar-main .navbar-nav > li.active > a:focus,
  .lagom .navbar-main .navbar-nav > li a:focus,
  .lagom .navbar-main .navbar-nav > li a:hover {
    color: #fff;
  }
  .lagom .navbar-main .navbar-nav > li.open > a > i,
  .lagom .navbar-main .navbar-nav > li.open > a:hover > i,
  .lagom .navbar-main .navbar-nav > li.open > a:focus > i,
  .lagom .navbar-main .navbar-nav > li.active > a > i,
  .lagom .navbar-main .navbar-nav > li.active > a:hover > i,
  .lagom .navbar-main .navbar-nav > li.active > a:focus > i,
  .lagom .navbar-main .navbar-nav > li a:focus > i,
  .lagom .navbar-main .navbar-nav > li a:hover > i {
    color: #fff;
  }
  .lagom .navbar-main .navbar-nav > li.open > a .ls-caret,
  .lagom .navbar-main .navbar-nav > li.open > a:hover .ls-caret,
  .lagom .navbar-main .navbar-nav > li.open > a:focus .ls-caret,
  .lagom .navbar-main .navbar-nav > li.active > a .ls-caret,
  .lagom .navbar-main .navbar-nav > li.active > a:hover .ls-caret,
  .lagom .navbar-main .navbar-nav > li.active > a:focus .ls-caret,
  .lagom .navbar-main .navbar-nav > li a:focus .ls-caret,
  .lagom .navbar-main .navbar-nav > li a:hover .ls-caret {
    color: #fff;
  }
  .lagom .navbar-main .navbar-nav > li.active a:after {
    left: 0 !important;
    right: auto;
    top: 0;
    width: 3px;
    height: 100%;
  }
  .lagom .navbar-main .navbar-nav .dropdown-menu {
    display: none;
    -webkit-transform: none;
            transform: none;
    transition: none;
  }
  .lagom .navbar-main .navbar-nav .dropdown-menu > li > a {
    color: rgba(255, 255, 255, 0.58);
    font-size: 14px;
    padding: 5px 24px 5px 34px;
  }
  .lagom .navbar-main .navbar-nav .dropdown-menu > li > a:hover, .lagom .navbar-main .navbar-nav .dropdown-menu > li > a:focus {
    background: none;
    color: #fff;
  }
  .lagom .navbar-main .navbar-nav .dropdown-menu > li.active > a {
    background: none;
    color: #fff;
  }
  .lagom .navbar-main .navbar-nav .dropdown-menu > li.nav-divider {
    display: none;
  }
  .lagom .navbar-main .navbar-nav .open .dropdown-menu {
    display: block;
  }
  .lagom .navbar-main .navbar-nav.navbar-right {
    display: none;
  }
  .email-verification,
  .custom-integration,
  .app-header,
  .app-main,
  .app-nav,
  #header {
    transition: -webkit-transform 0.24s ease;
    transition: transform 0.24s ease;
    transition: transform 0.24s ease, -webkit-transform 0.24s ease;
  }
  .app-nav {
    position: relative;
    z-index: 1001;
  }
  .menu-open .app-nav .navbar-main {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .menu-open .email-verification,
  .menu-open > .custom-integration,
  .menu-open .app-header,
  .menu-open #header,
  .menu-open .app-main {
    -webkit-transform: translateX(270px);
            transform: translateX(270px);
  }
  .menu-open .app-main {
    position: relative;
  }
  .menu-open .app-main:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .navbar-main {
    background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  }
}

@media (min-width: 768px) {
  .navbar-main .navbar-nav.language-nav {
    display: none;
  }
}

/*
*******************************************
Panel
1. General
2. Sidebar
3. Collapsable
4. Actions
5. Accents
*******************************************
*/
/*
*******************************************
1. Panel - General
*******************************************
*/
.panel {
  position: relative;
  display: block;
}

.panel-padded .panel-body {
  padding: 24px 15px;
}

.panel-nav {
  background-color: #fff;
  border-bottom: 1px solid #e6e8ec;
}

.panel-nav li a:hover {
  background: transparent;
}

.panel-gray {
  background-color: #f6f7f8;
  border-color: #e6e8ec;
}

.panel.active {
  border-color: #ced3db;
  background-color: #fff;
}

.panel + .alert-panel {
  margin-top: -32px;
  padding-top: 25px;
}

.panel + .alert-panel .alert-icon {
  display: inline-block;
  float: none;
}

.panel + .alert-panel .alert-icon:before {
  top: 28px;
  padding-right: 18px;
}

.panel-form {
  background: #fff;
}

.panel-form > .panel-body > .row:last-child:not(.form-group) {
  margin-bottom: -10px;
}

.panel-dropdown {
  z-index: auto;
}

.panel-dropdown .dropdown-menu {
  width: 100%;
}

.panel-footer-space-between {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.panel-footer img {
  max-width: 150px !important;
  margin: 5px 0 15px;
  display: block;
}

.panel-footer br {
  display: none;
}

.panel-footer .btn + .btn {
  margin-left: 8px;
}

@media (max-width: 767px) {
  .panel {
    margin-bottom: 16px;
  }
}

.panel .list-group > .list-group-item {
  padding: 12px 16px;
}

.panel .list-group > .list-group-item i {
  display: inline-block;
  width: 12px;
  height: 12px;
  text-align: center;
}

.panel .list-group > .list-group-item i:first-child {
  margin-right: 8px;
}

.panel .list-group > .list-group-item.disabled, .panel .list-group > .list-group-item.disabled:focus, .panel .list-group > .list-group-item.disabled:hover {
  background-color: transparent;
  opacity: 0.5;
}

.panel .list-group > .list-group-item i:first-child {
  margin-right: 8px;
}

.panel .list-group > a.list-group-item.active, .panel .list-group > a.list-group-item.active:hover, .panel .list-group > a.list-group-item.active:focus {
  background-color: #e3effc;
}

.panel .tweet {
  padding: 16px;
  border-bottom: 1px solid #e6e8ec;
}

.panel .tweet > i {
  font-size: 19px;
}

.panel .tweet > p {
  padding: 0;
  margin: 0;
}

.panel .tweet + p {
  padding: 16px;
  margin: 0;
}

.panel#twitterFeedOutput .loader {
  padding: 16px;
}

div[menuitemname="Attachments"].panel.panel-sidebar .list-group .list-group-item {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

/*
*******************************************
2. Panel - Sidebar
*******************************************
*/
.panel-sidebar {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

.panel-sidebar .panel-heading {
  color: #2a2e36;
  background: none;
  border-bottom: 0;
  padding: 4px 0 12px;
}

.panel-sidebar .panel-footer {
  background: none;
  border-top: 0;
  padding: 16px 0 0 0;
}

.panel-sidebar .panel-title > i {
  width: 0;
  overflow: hidden;
  margin-left: -9px;
  display: inline-block;
  line-height: 0;
}

.panel-sidebar .panel-body {
  padding: 8px 0;
  display: block !important;
}

.panel-sidebar .panel-minimise {
  display: none;
}

.panel-sidebar .recent-ticket {
  line-height: 20px;
  max-width: 100%;
}

.panel-sidebar.view-filter-btns .list-group-item.active, .panel-sidebar.view-filter-btns .list-group-item.active:focus, .panel-sidebar.view-filter-btns .list-group-item.active:hover {
  background-color: #eee;
  border-color: #eee;
  color: #555;
}

.panel-sidebar .list-group {
  display: block !important;
}

.panel-sidebar .list-group > .list-group-item {
  padding: 5px 0;
  margin: 0;
  background-color: transparent;
  border: none;
}

.panel-sidebar .list-group > .list-group-item.disabled {
  pointer-events: none;
}

.panel-sidebar .list-group > a.list-group-item {
  color: #1062FE;
}

.panel-sidebar .list-group > a.list-group-item > i {
  color: #1062FE;
}

.panel-sidebar .list-group > a.list-group-item:hover {
  background-color: #e3effc;
  padding-left: 16px;
  padding-right: 16px;
}

.panel-sidebar .list-group > a.list-group-item:active, .panel-sidebar .list-group > a.list-group-item:focus {
  background: none;
  outline: none;
  color: #1062FE;
}

.panel-sidebar .list-group > a.list-group-item.active, .panel-sidebar .list-group > a.list-group-item.active:hover, .panel-sidebar .list-group > a.list-group-item.active:focus {
  background-color: #e3effc;
}

.panel-sidebar .list-group > a.list-group-item.active > i, .panel-sidebar .list-group > a.list-group-item.active:hover > i, .panel-sidebar .list-group > a.list-group-item.active:focus > i {
  color: #1062FE;
}

.panel-sidebar label {
  margin-bottom: 4px;
}

.panel-sidebar .btn-success {
  color: #fff;
  background-color: #1062FE;
  border-color: #1062FE;
}

.panel-sidebar .btn-success:focus, .panel-sidebar .btn-success.focus {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.panel-sidebar .btn-success:hover {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.panel-sidebar .btn-success:active, .panel-sidebar .btn-success.active,
.open > .panel-sidebar .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.panel-sidebar .btn-success:active:hover, .panel-sidebar .btn-success:active:focus, .panel-sidebar .btn-success:active.focus, .panel-sidebar .btn-success.active:hover, .panel-sidebar .btn-success.active:focus, .panel-sidebar .btn-success.active.focus,
.open > .panel-sidebar .btn-success.dropdown-toggle:hover,
.open > .panel-sidebar .btn-success.dropdown-toggle:focus,
.open > .panel-sidebar .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.panel-sidebar .btn-success:active, .panel-sidebar .btn-success.active,
.open > .panel-sidebar .btn-success.dropdown-toggle {
  background-image: none;
}

.panel-sidebar .btn-success.disabled, .panel-sidebar .btn-success[disabled],
fieldset[disabled] .panel-sidebar .btn-success {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar .btn-success.disabled:hover, .panel-sidebar .btn-success.disabled:focus, .panel-sidebar .btn-success.disabled.focus, .panel-sidebar .btn-success[disabled]:hover, .panel-sidebar .btn-success[disabled]:focus, .panel-sidebar .btn-success[disabled].focus,
fieldset[disabled] .panel-sidebar .btn-success:hover,
fieldset[disabled] .panel-sidebar .btn-success:focus,
fieldset[disabled] .panel-sidebar .btn-success.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar .btn-success .badge {
  color: #1062FE;
  background-color: #fff;
}

.panel-sidebar.panel-add-funds .panel-body .form-group .input-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.panel-sidebar.panel-add-funds .panel-body .form-group .input-group input[type="submit"] {
  width: 100%;
  margin: 12px 0px 0px 0px;
}

@media (max-width: 991px) {
  .panel-sidebar.panel-client-details {
    display: none;
  }
}

@media (max-width: 991px) {
  .panel-sidebar > .list-group {
    display: -webkit-box !important;
    display: flex !important;
    flex-wrap: wrap;
  }
  .panel-sidebar > .list-group .list-group-item {
    margin-right: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .panel-sidebar > .list-group .list-group-item {
    flex-basis: calc(33% - 16px);
  }
  .panel-sidebar > .list-group .list-group-item:nth-child(3n+3) {
    margin-right: 0;
    flex-basis: 34%;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .panel-sidebar > .list-group .list-group-item {
    flex-basis: calc(50% - 16px);
  }
  .panel-sidebar > .list-group .list-group-item:nth-child(2n+2) {
    margin-right: 0;
    flex-basis: 50%;
  }
}

@media (max-width: 480px) {
  .panel-sidebar > .list-group .list-group-item {
    margin-right: 0;
    flex-basis: 100%;
  }
}

/* Panel: Client Details */
.panel-sidebar.panel-client-details .panel-footer .btn, .panel-sidebar.panel-client-contacts .panel-footer .btn, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn {
  display: -webkit-inline-box;
  display: inline-flex;
  width: auto;
  font-weight: 400;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
  color: #0c70de;
  background-color: #e3effc;
  border-color: #e3effc;
}

.panel-sidebar.panel-client-details .panel-footer .btn > i, .panel-sidebar.panel-client-contacts .panel-footer .btn > i, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn > i {
  font-size: 12px;
}

.panel-sidebar.panel-client-details .panel-footer .btn:focus, .panel-sidebar.panel-client-details .panel-footer .btn.focus, .panel-sidebar.panel-client-contacts .panel-footer .btn:focus, .panel-sidebar.panel-client-contacts .panel-footer .btn.focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-client-details .panel-footer .btn:hover, .panel-sidebar.panel-client-contacts .panel-footer .btn:hover, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-client-details .panel-footer .btn:active, .panel-sidebar.panel-client-details .panel-footer .btn.active,
.open > .panel-sidebar.panel-client-details .panel-footer .btn.dropdown-toggle, .panel-sidebar.panel-client-contacts .panel-footer .btn:active, .panel-sidebar.panel-client-contacts .panel-footer .btn.active,
.open > .panel-sidebar.panel-client-contacts .panel-footer .btn.dropdown-toggle, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:active, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.active,
.open > .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.dropdown-toggle {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-client-details .panel-footer .btn:active:hover, .panel-sidebar.panel-client-details .panel-footer .btn:active:focus, .panel-sidebar.panel-client-details .panel-footer .btn:active.focus, .panel-sidebar.panel-client-details .panel-footer .btn.active:hover, .panel-sidebar.panel-client-details .panel-footer .btn.active:focus, .panel-sidebar.panel-client-details .panel-footer .btn.active.focus,
.open > .panel-sidebar.panel-client-details .panel-footer .btn.dropdown-toggle:hover,
.open > .panel-sidebar.panel-client-details .panel-footer .btn.dropdown-toggle:focus,
.open > .panel-sidebar.panel-client-details .panel-footer .btn.dropdown-toggle.focus, .panel-sidebar.panel-client-contacts .panel-footer .btn:active:hover, .panel-sidebar.panel-client-contacts .panel-footer .btn:active:focus, .panel-sidebar.panel-client-contacts .panel-footer .btn:active.focus, .panel-sidebar.panel-client-contacts .panel-footer .btn.active:hover, .panel-sidebar.panel-client-contacts .panel-footer .btn.active:focus, .panel-sidebar.panel-client-contacts .panel-footer .btn.active.focus,
.open > .panel-sidebar.panel-client-contacts .panel-footer .btn.dropdown-toggle:hover,
.open > .panel-sidebar.panel-client-contacts .panel-footer .btn.dropdown-toggle:focus,
.open > .panel-sidebar.panel-client-contacts .panel-footer .btn.dropdown-toggle.focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:active:hover, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:active:focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:active.focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.active:hover, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.active:focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.active.focus,
.open > .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.dropdown-toggle:hover,
.open > .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.dropdown-toggle:focus,
.open > .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.dropdown-toggle.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-client-details .panel-footer .btn:active, .panel-sidebar.panel-client-details .panel-footer .btn.active,
.open > .panel-sidebar.panel-client-details .panel-footer .btn.dropdown-toggle, .panel-sidebar.panel-client-contacts .panel-footer .btn:active, .panel-sidebar.panel-client-contacts .panel-footer .btn.active,
.open > .panel-sidebar.panel-client-contacts .panel-footer .btn.dropdown-toggle, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:active, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.active,
.open > .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.dropdown-toggle {
  background-image: none;
}

.panel-sidebar.panel-client-details .panel-footer .btn.disabled, .panel-sidebar.panel-client-details .panel-footer .btn[disabled],
fieldset[disabled] .panel-sidebar.panel-client-details .panel-footer .btn, .panel-sidebar.panel-client-contacts .panel-footer .btn.disabled, .panel-sidebar.panel-client-contacts .panel-footer .btn[disabled],
fieldset[disabled] .panel-sidebar.panel-client-contacts .panel-footer .btn, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.disabled, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn[disabled],
fieldset[disabled] .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-client-details .panel-footer .btn.disabled:hover, .panel-sidebar.panel-client-details .panel-footer .btn.disabled:focus, .panel-sidebar.panel-client-details .panel-footer .btn.disabled.focus, .panel-sidebar.panel-client-details .panel-footer .btn[disabled]:hover, .panel-sidebar.panel-client-details .panel-footer .btn[disabled]:focus, .panel-sidebar.panel-client-details .panel-footer .btn[disabled].focus,
fieldset[disabled] .panel-sidebar.panel-client-details .panel-footer .btn:hover,
fieldset[disabled] .panel-sidebar.panel-client-details .panel-footer .btn:focus,
fieldset[disabled] .panel-sidebar.panel-client-details .panel-footer .btn.focus, .panel-sidebar.panel-client-contacts .panel-footer .btn.disabled:hover, .panel-sidebar.panel-client-contacts .panel-footer .btn.disabled:focus, .panel-sidebar.panel-client-contacts .panel-footer .btn.disabled.focus, .panel-sidebar.panel-client-contacts .panel-footer .btn[disabled]:hover, .panel-sidebar.panel-client-contacts .panel-footer .btn[disabled]:focus, .panel-sidebar.panel-client-contacts .panel-footer .btn[disabled].focus,
fieldset[disabled] .panel-sidebar.panel-client-contacts .panel-footer .btn:hover,
fieldset[disabled] .panel-sidebar.panel-client-contacts .panel-footer .btn:focus,
fieldset[disabled] .panel-sidebar.panel-client-contacts .panel-footer .btn.focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.disabled:hover, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.disabled:focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.disabled.focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn[disabled]:hover, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn[disabled]:focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn[disabled].focus,
fieldset[disabled] .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:hover,
fieldset[disabled] .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:focus,
fieldset[disabled] .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-client-details .panel-footer .btn .badge, .panel-sidebar.panel-client-contacts .panel-footer .btn .badge, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.panel-sidebar.panel-client-details .panel-footer .btn i, .panel-sidebar.panel-client-contacts .panel-footer .btn i, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn i {
  display: none;
}

.panel-sidebar.panel-client-details .panel-body {
  color: #7c8088;
}

.panel-sidebar.panel-client-details strong {
  display: block;
  color: #2a2e36;
  font-weight: 400;
  margin-bottom: 12px;
}

.panel-sidebar.panel-client-details strong + br {
  display: none;
}

.panel-sidebar.panel-client-details em {
  font-style: normal;
}

.panel-sidebar.panel-client-contacts .list-group-item {
  display: none;
}

.panel-sidebar.panel-client-contacts .list-group-item:before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin-right: 8px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-family: lagom-small-icons !important;
  font-variant: normal;
}

.panel-sidebar.panel-client-contacts .list-group-item:nth-child(1), .panel-sidebar.panel-client-contacts .list-group-item:nth-child(2), .panel-sidebar.panel-client-contacts .list-group-item:nth-child(3), .panel-sidebar.panel-client-contacts .list-group-item:last-child {
  display: block;
}

.panel-sidebar.panel-client-contacts .list-group-item:last-child:before {
  display: none;
}

.panel-sidebar.panel-client-contacts .list-group > div + .contact-more {
  display: none;
}

/* Panel: Support */
.panel-sidebar.panel-ticket-information .col-button-right,
.panel-sidebar.panel-ticket-information .col-button-left {
  width: 50%;
}

.panel-sidebar.panel-ticket-information .btn-success {
  height: 42px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 2px;
  color: #0c70de;
  background-color: #e3effc;
  border-color: #e3effc;
}

.panel-sidebar.panel-ticket-information .btn-success > i {
  font-size: 14px;
}

.panel-sidebar.panel-ticket-information .btn-success:focus, .panel-sidebar.panel-ticket-information .btn-success.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-ticket-information .btn-success:hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-ticket-information .btn-success:active, .panel-sidebar.panel-ticket-information .btn-success.active,
.open > .panel-sidebar.panel-ticket-information .btn-success.dropdown-toggle {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-ticket-information .btn-success:active:hover, .panel-sidebar.panel-ticket-information .btn-success:active:focus, .panel-sidebar.panel-ticket-information .btn-success:active.focus, .panel-sidebar.panel-ticket-information .btn-success.active:hover, .panel-sidebar.panel-ticket-information .btn-success.active:focus, .panel-sidebar.panel-ticket-information .btn-success.active.focus,
.open > .panel-sidebar.panel-ticket-information .btn-success.dropdown-toggle:hover,
.open > .panel-sidebar.panel-ticket-information .btn-success.dropdown-toggle:focus,
.open > .panel-sidebar.panel-ticket-information .btn-success.dropdown-toggle.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-ticket-information .btn-success:active, .panel-sidebar.panel-ticket-information .btn-success.active,
.open > .panel-sidebar.panel-ticket-information .btn-success.dropdown-toggle {
  background-image: none;
}

.panel-sidebar.panel-ticket-information .btn-success.disabled, .panel-sidebar.panel-ticket-information .btn-success[disabled],
fieldset[disabled] .panel-sidebar.panel-ticket-information .btn-success {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-ticket-information .btn-success.disabled:hover, .panel-sidebar.panel-ticket-information .btn-success.disabled:focus, .panel-sidebar.panel-ticket-information .btn-success.disabled.focus, .panel-sidebar.panel-ticket-information .btn-success[disabled]:hover, .panel-sidebar.panel-ticket-information .btn-success[disabled]:focus, .panel-sidebar.panel-ticket-information .btn-success[disabled].focus,
fieldset[disabled] .panel-sidebar.panel-ticket-information .btn-success:hover,
fieldset[disabled] .panel-sidebar.panel-ticket-information .btn-success:focus,
fieldset[disabled] .panel-sidebar.panel-ticket-information .btn-success.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-ticket-information .btn-success .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.panel-sidebar.panel-ticket-information .btn-danger {
  height: 42px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 2px;
  color: #2a2e36;
  background-color: #fff;
  border-color: #dcdee2;
}

.panel-sidebar.panel-ticket-information .btn-danger > i {
  font-size: 14px;
}

.panel-sidebar.panel-ticket-information .btn-danger:focus, .panel-sidebar.panel-ticket-information .btn-danger.focus {
  color: #2a2e36;
  background-color: #f6f7f8;
  border-color: #dcdee2;
}

.panel-sidebar.panel-ticket-information .btn-danger:hover {
  color: #2a2e36;
  background-color: #f6f7f8;
  border-color: #dcdee2;
}

.panel-sidebar.panel-ticket-information .btn-danger:active, .panel-sidebar.panel-ticket-information .btn-danger.active,
.open > .panel-sidebar.panel-ticket-information .btn-danger.dropdown-toggle {
  color: #2a2e36;
  background-color: #f6f7f8;
  border-color: #dcdee2;
}

.panel-sidebar.panel-ticket-information .btn-danger:active:hover, .panel-sidebar.panel-ticket-information .btn-danger:active:focus, .panel-sidebar.panel-ticket-information .btn-danger:active.focus, .panel-sidebar.panel-ticket-information .btn-danger.active:hover, .panel-sidebar.panel-ticket-information .btn-danger.active:focus, .panel-sidebar.panel-ticket-information .btn-danger.active.focus,
.open > .panel-sidebar.panel-ticket-information .btn-danger.dropdown-toggle:hover,
.open > .panel-sidebar.panel-ticket-information .btn-danger.dropdown-toggle:focus,
.open > .panel-sidebar.panel-ticket-information .btn-danger.dropdown-toggle.focus {
  color: #2a2e36;
  background-color: #f6f7f8;
  border-color: #dcdee2;
}

.panel-sidebar.panel-ticket-information .btn-danger:active, .panel-sidebar.panel-ticket-information .btn-danger.active,
.open > .panel-sidebar.panel-ticket-information .btn-danger.dropdown-toggle {
  background-image: none;
}

.panel-sidebar.panel-ticket-information .btn-danger.disabled, .panel-sidebar.panel-ticket-information .btn-danger[disabled],
fieldset[disabled] .panel-sidebar.panel-ticket-information .btn-danger {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-ticket-information .btn-danger.disabled:hover, .panel-sidebar.panel-ticket-information .btn-danger.disabled:focus, .panel-sidebar.panel-ticket-information .btn-danger.disabled.focus, .panel-sidebar.panel-ticket-information .btn-danger[disabled]:hover, .panel-sidebar.panel-ticket-information .btn-danger[disabled]:focus, .panel-sidebar.panel-ticket-information .btn-danger[disabled].focus,
fieldset[disabled] .panel-sidebar.panel-ticket-information .btn-danger:hover,
fieldset[disabled] .panel-sidebar.panel-ticket-information .btn-danger:focus,
fieldset[disabled] .panel-sidebar.panel-ticket-information .btn-danger.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-ticket-information .btn-danger .badge {
  color: #fff;
  background-color: #2a2e36;
}

.panel-sidebar.panel-ticket-information .btn > i {
  display: none;
}

.panel-sidebar.panel-ticket-information .list-group, .panel-sidebar.panel-recent-tickets .list-group {
  border: none;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.panel-sidebar.panel-ticket-information .list-group > .list-group-item, .panel-sidebar.panel-recent-tickets .list-group > .list-group-item {
  overflow: hidden;
  padding: 12px 16px;
  color: #2a2e36;
}

.panel-sidebar.panel-ticket-information .list-group > .list-group-item:hover, .panel-sidebar.panel-recent-tickets .list-group > .list-group-item:hover {
  color: #015abe;
}

.panel-sidebar.panel-ticket-information .list-group > .list-group-item:not(:last-of-type), .panel-sidebar.panel-recent-tickets .list-group > .list-group-item:not(:last-of-type) {
  border-bottom: 1px solid #e6e8ec;
}

.panel-sidebar.panel-ticket-information .list-group > .list-group-item .pull-right, .panel-sidebar.panel-recent-tickets .list-group > .list-group-item .pull-right {
  float: none !important;
  font-size: 13px;
  line-height: 18px;
  color: #2a2e36;
}

.panel-sidebar.panel-ticket-information .list-group > .list-group-item small, .panel-sidebar.panel-recent-tickets .list-group > .list-group-item small {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
}

.panel-sidebar.panel-support-tags .panel-body {
  margin-bottom: -4px;
}

.panel-sidebar.panel-support-tags a {
  height: 24px;
  line-height: 1;
  -webkit-box-align: center;
          align-items: center;
  padding: 1px 8px;
  display: -webkit-inline-box;
  display: inline-flex;
  border-radius: 4px;
  border: 1px solid #e6e8ec;
  font-size: 11px !important;
  white-space: nowrap;
  margin-bottom: 4px;
}

.panel-sidebar.panel-support-tags a:not(:hover) {
  color: #2a2e36;
}

/* Panel: Payment */
.panel-sidebar.panel-payment {
  border-radius: 4px;
  background: #1062FE;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 36px;
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, 0.64);
}

.panel-sidebar.panel-payment .panel-body {
  padding: 15px;
}

.panel-sidebar.panel-payment .panel-body .total {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  color: #fff;
  padding-top: 9px;
  margin-bottom: 21px;
}

.panel-sidebar.panel-payment .panel-body .total-text {
  color: rgba(255, 255, 255, 0.64);
  font-size: 13px;
  line-height: 18px;
}

.panel-sidebar.panel-payment .panel-body .total-price {
  padding-top: 6px;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.panel-sidebar.panel-payment .panel-body .list-info {
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  padding-top: 12px;
  margin-top: 27px;
}

.panel-sidebar.panel-payment .panel-body .list-info li:not(:last-of-type) {
  margin-bottom: 8px;
}

.panel-sidebar.panel-payment .panel-body .list-info span {
  color: rgba(255, 255, 255, 0.64);
}

.panel-sidebar.panel-payment .panel-body .list-info-title {
  padding-right: 16px;
  -webkit-box-flex: 1;
          flex: 1;
}

.panel-sidebar.panel-payment .panel-body .list-info-text {
  width: 88px;
}

.panel-sidebar.panel-payment .panel-body .form-group {
  margin-bottom: 12px;
}

.panel-sidebar.panel-payment .panel-body label {
  color: rgba(255, 255, 255, 0.64);
}

.panel-sidebar.panel-payment .panel-body .form-control {
  border-color: #fff;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn),
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn) {
  display: -webkit-inline-box;
  display: inline-flex;
  height: 42px;
  width: 100%;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin: 16px 0 0 0;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  outline: none;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 2px;
  color: #0c70de;
  background-color: #e3effc;
  border-color: #e3effc;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn) > i,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn) > i {
  font-size: 14px;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn):focus, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn):focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn):hover,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn):hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn):active, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).active,
.open > .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).dropdown-toggle,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn):active,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).active,
.open >
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).dropdown-toggle {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn):active:hover, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn):active:focus, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn):active.focus, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).active:hover, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).active:focus, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).active.focus,
.open > .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).dropdown-toggle:hover,
.open > .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).dropdown-toggle:focus,
.open > .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).dropdown-toggle.focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn):active:hover,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn):active:focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn):active.focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).active:hover,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).active:focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).active.focus,
.open >
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).dropdown-toggle:hover,
.open >
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).dropdown-toggle:focus,
.open >
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).dropdown-toggle.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn):active, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).active,
.open > .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).dropdown-toggle,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn):active,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).active,
.open >
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).dropdown-toggle {
  background-image: none;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).disabled, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn)[disabled],
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn),
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).disabled,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn)[disabled],
fieldset[disabled]
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn) {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).disabled:hover, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).disabled:focus, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).disabled.focus, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn)[disabled]:hover, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn)[disabled]:focus, .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn)[disabled].focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn):hover,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn):focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn).focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).disabled:hover,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).disabled:focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).disabled.focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn)[disabled]:hover,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn)[disabled]:focus,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn)[disabled].focus,
fieldset[disabled]
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn):hover,
fieldset[disabled]
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn):focus,
fieldset[disabled]
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn).focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-payment .panel-body input[type="button"]:not(.btn) .badge,
.panel-sidebar.panel-payment .panel-body input[type="submit"]:not(.btn) .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.panel-sidebar.panel-payment .panel-body select:not(.form-control) {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../img/arrow-drop.svg);
  background-position-y: 50%;
  background-position-x: calc(100% - 11px);
  background-repeat: no-repeat;
  padding-right: 24px;
  display: block;
  width: 100%;
  height: 42px;
  padding: 8px 16px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 24px;
  color: #393d45;
  background-color: #fff;
  border-radius: 2px;
  border: none;
  transition: border-color 0.24s ease, box-shadow 0.24s ease;
}

.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info) {
  width: 100% !important;
  color: #0c70de;
  background-color: #e3effc;
  border-color: #e3effc;
}

.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):focus, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active,
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active:hover, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active:focus, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active.focus, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active:hover, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active:focus, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active.focus,
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle:hover,
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle:focus,
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active,
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle {
  background-image: none;
}

.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).disabled, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info)[disabled],
fieldset[disabled] .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info) {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).disabled:hover, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).disabled:focus, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).disabled.focus, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info)[disabled]:hover, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info)[disabled]:focus, .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info)[disabled].focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):hover,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info) .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.panel-sidebar.panel-payment + .alert-panel {
  margin-top: -42px;
  padding-top: 16px;
}

.panel-sidebar.panel-payment + .alert-panel .alert-icon:before {
  top: 18px;
}

.panel-sidebar.panel-add-funds .alert {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-size: 24px;
  border: 0;
  line-height: 32px;
  margin-bottom: 20px;
}

.panel-sidebar.panel-add-funds .alert:after {
  font-family: "lagom-small-icons";
  content: "";
  font-size: 12px;
}

.main-content .panel-sidebar.panel-payment {
  margin-top: 0;
}

/* Panel: Primary */
.panel-sidebar.panel-primary {
  border-radius: 4px;
  background: #1062FE;
}

.panel-sidebar.panel-primary .panel-heading {
  padding: 16px 16px 0;
}

.panel-sidebar.panel-primary .panel-heading .panel-title {
  color: #fff;
}

.panel-sidebar.panel-primary .panel-body {
  padding: 16px;
  background: transparent;
}

.panel-sidebar.panel-primary .panel-footer {
  padding: 0px 16px 16px;
}

.panel-sidebar.panel-primary .list-group {
  padding: 8px 0;
}

.panel-sidebar.panel-primary .list-group-item {
  padding: 8px 16px;
  background: transparent;
  color: #fff;
}

.panel-sidebar.panel-primary .btn {
  display: block;
  color: #0c70de;
  background-color: #e3effc;
  border-color: #e3effc;
}

.panel-sidebar.panel-primary .btn:focus, .panel-sidebar.panel-primary .btn.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-primary .btn:hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-primary .btn:active, .panel-sidebar.panel-primary .btn.active,
.open > .panel-sidebar.panel-primary .btn.dropdown-toggle {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-primary .btn:active:hover, .panel-sidebar.panel-primary .btn:active:focus, .panel-sidebar.panel-primary .btn:active.focus, .panel-sidebar.panel-primary .btn.active:hover, .panel-sidebar.panel-primary .btn.active:focus, .panel-sidebar.panel-primary .btn.active.focus,
.open > .panel-sidebar.panel-primary .btn.dropdown-toggle:hover,
.open > .panel-sidebar.panel-primary .btn.dropdown-toggle:focus,
.open > .panel-sidebar.panel-primary .btn.dropdown-toggle.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.panel-sidebar.panel-primary .btn:active, .panel-sidebar.panel-primary .btn.active,
.open > .panel-sidebar.panel-primary .btn.dropdown-toggle {
  background-image: none;
}

.panel-sidebar.panel-primary .btn.disabled, .panel-sidebar.panel-primary .btn[disabled],
fieldset[disabled] .panel-sidebar.panel-primary .btn {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-primary .btn.disabled:hover, .panel-sidebar.panel-primary .btn.disabled:focus, .panel-sidebar.panel-primary .btn.disabled.focus, .panel-sidebar.panel-primary .btn[disabled]:hover, .panel-sidebar.panel-primary .btn[disabled]:focus, .panel-sidebar.panel-primary .btn[disabled].focus,
fieldset[disabled] .panel-sidebar.panel-primary .btn:hover,
fieldset[disabled] .panel-sidebar.panel-primary .btn:focus,
fieldset[disabled] .panel-sidebar.panel-primary .btn.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.panel-sidebar.panel-primary .btn .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.panel-sidebar.panel-primary .btn > i {
  font-family: 'lagom-small-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}

.panel-sidebar.panel-primary .btn > i:before {
  content: "\e905";
}

/*
*******************************************
3. Panel - Collapsable (ticket reply)
*******************************************
*/
.panel-collapsable {
  border: none;
}

.panel-collapsable > .panel-heading {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  border-bottom: 0;
  cursor: pointer;
  border-color: #e6e8ec;
}

.panel-collapsable > .panel-heading .collapse-icon {
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.panel-collapsable > .panel-heading .panel-title {
  color: #1062FE;
}

.panel-collapsable > .panel-body {
  border-top: 1px solid #e6e8ec;
  padding: 18px 15px 24px;
}

.panel-collapsable > .panel-body-collapsed {
  display: none;
}

/*
*******************************************
1. Panel - Check
*******************************************
*/
.panel.checked {
  border-color: #ced3db !important;
  background-color: #fff;
}

.panel.disabled {
  cursor: not-allowed !important;
  border-color: #e6e8ec;
}

.panel.disabled .check-content {
  opacity: 0.5;
}

.panel.disabled .check > label {
  cursor: not-allowed !important;
}

.panel-check,
.panel-switch {
  cursor: pointer;
}

.panel-check:hover,
.panel-switch:hover {
  border-color: #ced3db;
}

.panel-check > .check,
.panel-switch > .check {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: 100%;
}

.panel-switch {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #e6e8ec;
}

.panel-switch .panel-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 24px 16px;
}

.panel-switch .panel-body .switch {
  margin: 0 0 0 auto;
}

.panel-switch .panel-body .switch-label {
  display: block;
  text-align: left;
  padding-right: 16px;
}

.check {
  position: relative;
  margin: 0;
  padding: 0;
}

.check > label {
  display: block;
  padding: 15px;
  cursor: pointer;
  color: #2a2e36;
}

.check > label > .checkbox-styled,
.check > label > .radio-styled {
  position: absolute;
  top: 17px;
  left: 16px;
}

.check > label > .icheck-control {
  position: absolute;
  top: 20px;
  left: 16px;
}

.check > :last-child {
  margin-bottom: 0;
}

.check-content {
  margin-left: 34px;
}

.check-content > span {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.check-title {
  margin-bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-weight: 500;
}

.check-title [data-toggle='tooltip'] {
  padding: 4px;
  color: #b9bdc5;
}

.check-title [data-toggle='tooltip']:hover {
  color: #1062FE;
}

.check-subtitle {
  margin-top: 6px;
  margin-bottom: 0;
}

.check-desc {
  margin: 8px 0 0 0;
  color: #7c8088;
}

.check-icon {
  position: absolute;
  top: 16px;
  bottom: 16px;
  right: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.check-icon > img {
  max-height: 28px;
  max-width: 310px;
}

.panel-boxed-checkbox {
  text-align: center;
}

.panel-boxed-checkbox .check-content {
  margin: 0;
}

.panel-boxed-checkbox .check {
  height: auto;
}

.panel-boxed-checkbox .check label {
  pointer-events: none;
}

.panel-boxed-checkbox .check-title {
  -webkit-box-pack: center;
          justify-content: center;
}

.panel-boxed-checkbox .check-icon {
  position: static;
  margin: 0 auto;
  height: 64px;
  width: 64px;
}

.panel-boxed-checkbox .check-icon + .check-title {
  margin-top: 16px;
}

.panel-boxed-checkbox .check-icon img {
  height: 100%;
}

.panel-boxed-checkbox .radio-styled, .panel-boxed-checkbox .checkbox-styled {
  display: none;
}

.panel-boxed-checkbox .dropdown-menu .dropdown-header {
  white-space: normal;
}

.panel-boxed-checkbox .panel-footer {
  display: -webkit-box;
  display: flex;
  border-top: 1px solid #f6f7f8;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13px;
}

.panel-boxed-checkbox .panel-footer:not(.panel-footer-space-between) {
  -webkit-box-pack: center;
          justify-content: center;
}

.panel-boxed-checkbox .panel-footer > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}

.panel-boxed-checkbox.checked, .panel-boxed-checkbox.open {
  background: #fff;
}

.panel-boxed-checkbox.checked .check .check-title, .panel-boxed-checkbox.open .check .check-title {
  color: #1062FE;
}

.panel-boxed-checkbox.checked .panel-footer, .panel-boxed-checkbox.open .panel-footer {
  color: #1062FE;
}

/*
*******************************************
1. Panel - Group
*******************************************
*/
.panel-group .panel-heading {
  border-color: transparent;
  background: transparent;
}

.panel-group-condensed > .panel {
  position: relative;
}

.panel-group-condensed > .panel + .panel {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid #e6e8ec;
}

.panel-group-condensed > .panel:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.panel-group-condensed > .panel.checked {
  border-top-color: #e6e8ec !important;
}

.panel-group-condensed > .panel.checked .check-content > span {
  color: #1062FE;
}

.panel-group-condensed > .panel .panel-heading + .panel-collapse > .panel-body,
.panel-group-condensed > .panel .panel-heading + .panel-collapse > .list-group {
  border-top: 0;
}

@media (min-width: 768px) {
  .panel-group-condensed > .panel .panel-heading + .panel-collapse > .panel-body,
  .panel-group-condensed > .panel .panel-heading + .panel-collapse > .list-group {
    padding-left: 48px;
  }
}

.panel-heading.check > label {
  padding: 15px;
}

.panel-heading.check > label > .radio-styled,
.panel-heading.check > label > .checkbox-styled {
  top: 17px;
  left: 16px;
}

/*
*******************************************
Popover
1. User
2. Language
3. Login
*******************************************
*/
/*
*******************************************
1. Popover - User
*******************************************
*/
.client-alerts {
  padding: 0;
  width: 320px;
  left: 50%;
  margin-left: -160px;
}

.client-alerts .arrow {
  display: none;
}

.client-alerts .client-alerts-header {
  padding: 10px 15px;
  font-size: 13px;
  line-height: 18px;
  color: #7c8088;
  text-transform: uppercase;
  display: block;
}

.client-alerts li {
  position: relative;
}

.client-alerts li:last-child {
  border: 0;
}

.client-alerts li:not(:last-of-type):after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #e6e8ec;
}

.client-alerts li a {
  color: #7c8088;
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  white-space: normal;
}

.client-alerts li a:hover {
  background-color: #f6f7f8;
  color: #7c8088;
}

.client-alerts li i {
  float: left;
  padding-top: 2px;
  color: #b9bdc5;
}

.client-alerts li .message {
  margin-left: 32px;
  background: none;
  border: none;
  box-shadow: none;
  -webkit-box-align: start;
          align-items: flex-start;
}

.client-alerts li.none {
  display: -webkit-box;
  display: flex;
  padding: 32px 32px 24px;
  min-height: auto;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.client-alerts li.none .none-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
}

.client-alerts li.none .none-icon img {
  width: 100%;
}

@media (max-width: 767px) {
  .client-alerts {
    margin: 0;
    left: auto;
    right: -50px;
  }
}

/*
*******************************************
2. Popover - Language
*******************************************
*/
.language-popover {
  max-width: 450px;
  width: 100%;
  background-color: rgba(20, 20, 20, 0.98);
  background-image: url("../img/worldmap.png");
  background-repeat: no-repeat;
  font-size: 0.8em;
}

.language-popover.popover.bottom > .arrow:after {
  border-bottom-color: rgba(20, 20, 20, 0.97);
}

.language-popover .popover-content ul {
  margin: 6px 0 14px 0;
  padding: 0;
  max-width: 400px;
  list-style-type: none;
  overflow: hidden;
}

.language-popover .popover-content ul li {
  float: left;
  display: inline;
  padding: 0 20px 0 40px;
  width: 33.333%;
  line-height: 2em;
}

.language-popover .popover-content ul li a {
  color: #f2f2f2;
}

@media (max-width: 480px) {
  .language-popover {
    max-width: 250px;
    background-position: -50px 0;
  }
  .language-popover .popover-content ul li {
    padding: 0 20px;
    width: 50%;
  }
}

/*
*******************************************
3. Popover - Login
*******************************************
*/
.login-popover {
  font-size: 12px;
}

.login-popover .form-group {
  margin-bottom: 5px;
}

.login-popover hr {
  margin: 5px 0;
}

/*
*******************************************
3. Popover - Credit Card Cvv
*******************************************
*/
[data-cc-popover] {
  top: -166px;
  left: auto;
  right: -95px;
}

/*
*******************************************
4. Section - Simple
*******************************************
*/
.section > :last-child {
  margin-bottom: 0;
}

.section + .section {
  margin-top: 32px;
}

.section .search-group {
  min-width: 288px;
}

.section-header > h3 {
  margin-bottom: 24px;
}

.section-header > p {
  color: #7c8088;
  margin-top: -8px;
  margin-bottom: 32px;
}

.section-header:last-child {
  margin-bottom: 0;
}

.main-content > .section > .table-responsive {
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 4px;
}

.main-content > .section > .table-responsive > .table {
  margin: 0;
}

/*
*******************************************
Status
1. General
2. Colors
*******************************************
*/
/*
*******************************************
1. Status - General
*******************************************
*/
.status {
  display: -webkit-box;
  display: flex;
  min-height: 24px;
  -webkit-box-align: center;
          align-items: center;
  line-height: 18px;
  padding: 0;
}

.status:before {
  position: relative;
  top: -1px;
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 100%;
  margin-right: 8px;
}

/*
*******************************************
2. Status - Colors
*******************************************
*/
.status {
  color: #7c8088;
  font-size: 14px;
}

.status:before {
  background: var(--status-color);
}

.status-custom:before {
  background: #b9bdc5;
}

.status-warning:before, .status-inprogress:before, .status-payment-pending:before, .status-onhold:before, .status-pending-transfer:before, .status-pending:before {
  background: #ffbf00;
}

.status-warning.transfer:before, .status-inprogress.transfer:before, .status-payment-pending.transfer:before, .status-onhold.transfer:before, .status-pending-transfer.transfer:before, .status-pending.transfer:before {
  background: #ffbf00;
}

.status-info:before, .status-answered:before, .status-customer-reply:before, .status-collections:before, .status-refunded:before, .status-draft:before {
  background: #1062FE;
}

.status-success:before, .status-answered:before, .status-accepted:before, .status-paid:before, .status-delivered:before, .status-active:before, .status-open:before, .status-completed:before, .status.completed:before {
  background: #1fc063;
}

.status-danger:before, .status-unpaid:before, .status-fraud:before, .status-grace:before, .status-suspended:before {
  background: #e02430;
}

.status-closed:before, .status-expired:before, .status-transferred-away:before, .status-lost:before, .status-dead:before, .status-cancelled:before, .status-terminated:before {
  background: #b9bdc5;
}

/**
 * -------------------------
 * @section List Tables
 * -------------------------
 */
.table .cell-action {
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}

.table .cell-action > * {
  display: inline-block;
}

.table .cell-action .btn {
  color: #b9bdc5;
}

.table .cell-action .open .btn,
.table .cell-action .btn:hover {
  color: #1062FE;
}

.table .cell-checkbox {
  padding-right: 0;
  width: 0;
}

.table .cell-checkbox .checkbox-styled {
  margin: 3px 0;
}

.table-top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid #e6e8ec;
}

.table-top label {
  display: inline-block;
  font-size: 13px;
  color: #7c8088;
  margin-right: 8px;
  margin-bottom: 0;
}

.table-top .form-control {
  display: inline;
  width: auto;
}

.table-top .btn {
  text-transform: none;
}

.table-top .d-flex {
  -webkit-box-align: center;
          align-items: center;
}

.table-list > tbody > tr[onclick]:hover {
  cursor: pointer;
  cursor: hand;
}

.table-list > tbody > tr > td a.border-left {
  border-left: 1px solid #eee;
  padding-left: 20px;
  display: block;
}

.well .table tr td {
  background: #fff;
}

.table-container {
  position: relative;
  border: none;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.table-container.loading {
  max-height: 725px;
  overflow: hidden;
}

.table-container.loading .table {
  opacity: 0;
  visibility: hidden;
}

.table-container .dataTables_wrapper label {
  padding: 8px 16px;
  margin: 0;
  font-size: 13px;
}

.table-container .dataTables_wrapper label .form-control {
  display: inline-block;
  width: auto;
  margin-left: 8px;
  margin-right: 8px;
}

.table-container .dataTables_length {
  background-color: #fff;
  border-top: 1px solid #e6e8ec;
  height: 44px;
  font-size: 13px;
}

.table-container .dataTables_info {
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid #e6e8ec;
  font-size: 13px;
  color: #7c8088;
}

.table-container .table-list {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
}

.table-container .dataTables_paginate {
  float: right;
  padding: 8px 16px;
  height: 44px;
}

.table-container .dataTables_paginate .pagination {
  margin: 0;
  padding: 0;
  border: 0;
}

.table-container .dataTables_paginate .pagination > li > a,
.table-container .dataTables_paginate .pagination > li > span {
  padding: 4px 8px;
  font-size: 13px;
}

.table-container .dataTables_filter {
  display: none;
}

.table-container .dataTables_filter label {
  margin: 0;
  padding: 12px;
}

.table-container .dataTables_filter label .form-control {
  padding: 7px 10px 7px 45px !important;
  border: 1px solid #fff;
  height: auto;
  width: 200px;
  font-size: 13px;
  border-radius: 2px;
}

.table-container .dataTable .small,
.table-container .dataTable .text-small {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
}

.table-container .dataTable .small:not(a), .table-container .dataTable .small:not(a),
.table-container .dataTable .text-small:not(a),
.table-container .dataTable .text-small:not(a) {
  color: #7c8088;
}

.table-container .dataTable.dtr-inline.collapsed tbody td:first-child:before,
.table-container .dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: inherit !important;
  box-shadow: none !important;
  line-height: 16px !important;
}

.table-container .dtr-inline .dtr-title:empty {
  display: none !important;
}

.table-container .dtr-inline .responsive-edit-button {
  display: none;
}

@media (max-width: 767px) {
  .dataTables_wrapper .dataTables_length label {
    display: none;
  }
}

@media (max-width: 600px) {
  .dataTable tr td a {
    word-break: break-all;
  }
  .dataTables_wrapper .dataTables_info {
    padding: 9px 10px 40px;
  }
  .dataTables_wrapper .dataTables_filter {
    float: right;
    margin-top: 30px;
    width: 100%;
  }
  .dataTables_wrapper .dataTables_filter label {
    display: block;
    margin: 5px;
    padding: 0;
  }
  .dataTables_wrapper .dataTables_filter label .form-control {
    margin: 0;
    width: 100%;
  }
  .table-container .dataTables_wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .table-container .dataTables_wrapper .listtable {
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .table-container .dataTables_paginate {
    float: none;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 4;
            order: 3;
    padding-top: 2px;
  }
  .table-container .dataTables_length {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 3;
            order: 2;
    padding-top: 4px;
  }
}

@media (min-width: 768px) {
  #tableServicesList tbody tr td:not(.dataTables_empty) {
    height: 80px;
  }
}

#tableServicesList .ssl-info {
  display: inline-block;
  vertical-align: middle;
  line-height: 12px;
}

#tableServicesList .ssl-info:empty {
  display: none;
}

#tableServicesList .ssl-info > * {
  vertical-align: top;
  margin-right: 5px;
}

#tableDomainsList .ssl-info {
  display: inline-block;
  margin-top: -4px;
  vertical-align: middle;
  line-height: 18px;
}

#tableDomainsList .ssl-info:empty {
  display: none;
}

#tableDomainsList .ssl-info > * {
  margin-right: 5px;
}

/*
*******************************************
Tiles
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Tiles - General
*******************************************
*/
.tiles {
  margin: 0 0 24px;
}

.tile {
  display: block;
  text-decoration: none;
  position: relative;
  padding: 12px 20px;
  min-height: 182px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  transition: background 0.24s ease;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tile {
    height: 182px;
  }
}

.tile .highlight {
  margin-top: 4px;
  height: 2px;
  border-radius: 2px;
}

.tile .icon {
  position: absolute;
  top: 10px;
  right: 16px;
  color: #b9bdc5;
}

.tile .svg-icon {
  margin-bottom: 16px;
}

.tile .stat {
  padding-top: 4px;
  padding-bottom: 8px;
  font-size: 67px;
  line-height: 1;
  color: #2196F3;
  font-weight:700;
}

.tile .title {
  margin-top: -1px;
  color: #2a2e36;
  font-size: 17px;
  text-align: center;
}

.tile-sm {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: unset;
          justify-content: unset;
  min-height: 74px;
}

.tile-sm .icon {
  position: static;
  margin-right: 16px;
}

.tile-sm .title {
  font-size: 14px;
}

.tile-sm .stat {
  font-size: 34px;
  -webkit-box-ordinal-group: 3;
          order: 2;
  margin-left: auto;
}

a.tile {
  transition: all 0.24s ease;
}

a.tile .icon {
  transition: all 0.24s ease;
}

a.tile:hover {
  border-color: #1062FE;
  cursor: pointer;
}

a.tile:hover .icon {
  color: #1062FE;
}

/*
*******************************************
2. Tiles - Responsive
*******************************************
*/
@media (max-width: 767px) {
  .tiles {
    margin-bottom: 16px;
  }
  .tiles > .row {
    margin: 0;
  }
  .tiles .tile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: unset;
            justify-content: unset;
    min-height: 74px;
  }
  .tiles .tile .icon {
    position: static;
    margin-right: 16px;
  }
  .tiles .tile .title {
    font-size: 14px;
  }
  .tiles .tile .stat {
    font-size: 34px;
    -webkit-box-ordinal-group: 3;
            order: 2;
    margin-left: auto;
  }
  .tiles .swiper-wrapper {
    display: -webkit-box;
    display: flex;
  }
  .tiles .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    padding: 0;
  }
  .tiles .swiper-pagination {
    margin-bottom: 24px;
    text-align: center;
    z-index: 10;
  }
  .tiles .swiper-pagination-bullet {
    cursor: pointer;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    display: inline-block;
    border-radius: 100%;
    background: #b9bdc5;
  }
  .tiles .swiper-pagination-bullet-active {
    opacity: 1;
    background: #1062FE;
  }
}

/*
*******************************************
Top Nav
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Top Nav - General
*******************************************
*/
ul.top-nav {
  display: -webkit-box;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: -8px;
  list-style: none;
  white-space: nowrap;
}

ul.top-nav > li,
ul.top-nav > a {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
}

ul.top-nav > li > a {
  padding: 6px;
  color: #7c8088;
  text-decoration: none;
  margin-left: 6px;
}

ul.top-nav > li > a b {
  color: #b9bdc5;
}

ul.top-nav > li > a > i {
  position: relative;
  width: 18px;
  height: 18px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  color: #b9bdc5;
  font-size: 18px;
  vertical-align: middle;
  transition: color 0.24s ease;
}

ul.top-nav > li > a > i .label {
  top: -3px;
  right: -4px;
}

ul.top-nav > li > a > i + .item-text {
  margin-left: 8px;
}

ul.top-nav > li > a > i.lm-basket {
  margin-top: -4px;
}

ul.top-nav > li > a.btn-logged-in-admin i {
  color: #b9bdc5;
  margin: 0;
}

ul.top-nav > li > a .label {
  top: 4px;
  right: 4px;
  position: absolute;
  width: 6px;
  height: 6px;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 8px;
}

ul.top-nav > li > a .label.label-info {
  background-color: #0c70de;
}

ul.top-nav > li.open > a,
ul.top-nav > li.open > a > i,
ul.top-nav > li:active > a,
ul.top-nav > li:focus > a,
ul.top-nav > li:hover > a,
ul.top-nav > li > a:focus,
ul.top-nav > li:active > a > i,
ul.top-nav > li:focus > a > i,
ul.top-nav > li:hover > a > i,
ul.top-nav > li > a:focus > i,
ul.top-nav > li:active > a > b,
ul.top-nav > li:focus > a > b,
ul.top-nav > li:hover > a > b,
ul.top-nav > li > a:focus > b {
  color: #1062FE;
  text-decoration: none;
  background: transparent;
}

ul.top-nav .tooltip-inner {
  margin-left: -200px;
  min-width: 250px;
  width: 250px;
}

ul.top-nav #languageChooserContent {
  max-height: 288px;
  overflow-y: auto;
  right: 8px;
}

ul.top-nav .account .dropdown-menu {
  min-width: 202px;
}

ul.top-nav .admin-masquerade-notice {
  display: block;
  text-align: center;
  margin-top: 10px;
}

/*
*******************************************
2. Top Nav - Responsive
*******************************************
*/
@media (min-width: 992px) {
  .lagom-not-portal.lagom-layout-condensed ul.top-nav {
    display: none;
  }
  .lagom-not-portal:not(.lagom-layout-left):not(.lagom-layout-left-wide) ul.top-nav .account {
    display: none;
  }
}

@media (max-width: 767px) {
  ul.top-nav li.account .item-text {
    display: none;
  }
  ul.top-nav li.account > a > b {
    display: none;
  }
  ul.top-nav li.language {
    display: none;
  }
}

@media (max-width: 480px) {
  ul.top-nav > li.notify .item-text {
    display: none;
  }
}

.spinner {
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  border: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

.spinner > div {
  background: #1062FE;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
  border-radius: 2px;
}

.spinner-light > div {
  background: #fff;
}

.spinner-sm {
  width: 29px;
  height: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.spinner-sm > div {
  margin-left: 3px;
  display: block;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
          animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

.loader-table {
  position: absolute;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: #fff;
  z-index: 3;
}

.loader-button {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.loader-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  right: 0;
  left: 0;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: #fff;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: 0.24s ease;
}

.loader-panel.loading {
  opacity: 1;
  visibility: visible;
}

.loader-ring {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
}

.loader-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  margin: 2px;
  border: 2px solid #b9bdc5;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #b9bdc5 transparent transparent transparent;
}

.loader-ring-12 {
  width: 12px;
  height: 12px;
}

.loader-ring-12 div {
  width: 10px;
  height: 10px;
  margin: 1px;
}

.loader-ring-18 {
  width: 18px;
  height: 18px;
}

.loader-ring-18 div {
  width: 16px;
  height: 16px;
  margin: 1px;
}

.loader-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.loader-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.loader-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

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

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

.addon-promo-container {
  position: relative;
  display: block;
  margin-bottom: 24px;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  padding: 20px 24px 16px;
}

.addon-promo-container.is-selected {
  border-color: #ced3db !important;
  background-color: #fff;
}

.addon-promo-container .description {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  position: relative;
  padding-right: 84px;
}

.addon-promo-container .description p {
  color: #7c8088;
}

.addon-promo-container .description a {
  margin-left: 2px;
}

.addon-promo-container .description h3 {
  font-size: 17px;
  line-height: 26px;
}

.addon-promo-container div.pull-right {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  float: none !important;
  text-align: right;
  color: #7c8088;
  font-size: 13px;
  margin-bottom: 12px;
}

.addon-promo-container div.pull-right:before {
  content: 'Choose Package';
}

.addon-promo-container div.pull-right strong {
  font-weight: 400;
}

.addon-promo-container .logo {
  position: absolute;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  overflow: hidden;
  right: 0;
  top: 50%;
  margin-top: -32px;
}

.addon-promo-container .logo img {
  width: 100%;
}

.addon-promo-container .radio-inline {
  display: -webkit-box;
  display: flex;
  margin-bottom: 16px;
}

.addon-promo-container .radio-inline .pull-right {
  margin-left: auto;
}

.addon-promo-container br {
  display: none;
}

.promo-slider {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  min-height: 292px;
  margin-bottom: 24px;
  border-radius: 4px;
}

.promo-slider:last-child {
  margin: 0;
}

.promo-slider-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  display: -webkit-box;
  display: flex;
  padding: 8px 16px;
}

.promo-slider-nav {
  display: -webkit-box;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.promo-slider-nav > li {
  padding: 8px;
  margin-right: 4px;
  color: rgba(255, 255, 255, 0.4);
  transition: color 0.24s ease;
  cursor: pointer;
}

.promo-slider-nav > li:hover, .promo-slider-nav > li.active {
  color: #fff;
}

.promo-slider-nav > li .short-name {
  display: none;
}

.promo-slider-close {
  padding: 8px;
  margin-left: auto;
  color: rgba(255, 255, 255, 0.4);
  transition: color 0.24s ease;
  cursor: pointer;
}

.promo-slider-close:hover, .promo-slider-close.active {
  color: #fff;
}

.promo-slider-wrapper {
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  display: -webkit-box;
  display: flex;
  position: relative;
  width: 100%;
  min-height: 292px;
}

.promo-slider-wrapper > div {
  will-change: opacity;
}

.promo-slider-slides {
  transition: height 0.45s, min-height 0.45s;
  transition-timing-function: cubic-bezier(1, 0, 1, 1);
}

.promo-slider-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.promo-slider-background > * {
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.45s, opacity 0.45s;
  position: absolute;
  width: 100%;
  height: 100%;
}

.promo-slider-background > *.active {
  opacity: 1;
  visibility: visible;
}

.promo-slider-background > * img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.promo-slider-slide {
  min-height: 292px;
  margin-right: 0 !important;
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: flex;
}

.promo-slider-slide.active {
  z-index: 29;
}

.promo-slider-slide.active .promo-slider-more {
  visibility: visible;
  opacity: 1;
}

.promo-slider-slide:hover .promo-slider-more {
  color: #fff;
}

.promo-slider-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 50%;
  padding: 56px 0px 44px 24px;
  position: relative;
  z-index: 22;
}

.promo-slider-content {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
          align-items: center;
  opacity: 0;
  padding: 32px 0 40px 24px;
  position: relative;
  z-index: 50;
  will-change: transform, opacity;
}

@media (max-width: 1199px) {
  .promo-slider-content {
    padding-left: 0;
  }
}

.promo-slider-icons {
  position: relative;
  width: 50%;
  z-index: 20;
}

.promo-slider-icons.promo-slider-icons--image {
  position: static;
}

.promo-slider-icons.promo-slider-icons--image .promo-slider-icon {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.promo-slider-icons.promo-slider-icons--image .promo-slider-icon img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.promo-slider-icon {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 375px;
  opacity: 0;
  will-change: transform, opacity;
}

.promo-slider-title {
  margin: 0;
  color: #fff;
  font-size: 28px;
  line-height: 36px;
  max-width: 100%;
}

.promo-slider-more {
  position: absolute;
  left: 24px;
  bottom: 16px;
  opacity: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.4);
  transition: 0.45s;
  transition-timing-function: cubic-bezier(1, 0, 1, 1);
  cursor: pointer;
}

.promo-slider-more > i {
  margin-right: 8px;
}

/*
*******************************************
Promo Slider - Sizes
*******************************************
*/
.promo-slider-md {
  max-width: 718px;
}

.promo-slider-sm .promo-slider-content {
  padding-left: 0;
}

.promo-slider-sm .promo-slider-icon {
  right: auto;
  left: 0;
  bottom: 0;
}

.promo-slider-sm .promo-slider-nav > li {
  margin-right: 0;
}

.promo-slider-sm .promo-slider-nav > li .full-name {
  display: none;
}

.promo-slider-sm .promo-slider-nav > li .short-name {
  display: block;
}

.promo-slider-sm .promo-slider-title {
  font-size: 22px;
  line-height: 30px;
}

@media (min-width: 992px) {
  .promo-slider-xs .promo-slider-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .promo-slider-xs .promo-slider-slide.no-icons .promo-slider-icons {
    height: 50px;
  }
  .promo-slider-xs .promo-slider-body {
    -webkit-box-ordinal-group: 3;
            order: 2;
    width: 100%;
    padding: 0 0 40px 0;
  }
  .promo-slider-xs .promo-slider-icons {
    -webkit-box-ordinal-group: 2;
            order: 1;
    height: 342px;
    margin-top: 32px;
    width: 100%;
  }
  .promo-slider-xs .promo-slider-icons.promo-slider-icons--image {
    height: 160px;
  }
  .promo-slider-xs .promo-slider-icon {
    left: auto;
    right: 50%;
    bottom: 0;
    margin-right: -183px;
  }
  .promo-slider-xs .promo-slider-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 100%;
    padding: 24px 24px 32px 24px;
  }
  .promo-slider-xs .promo-slider-more {
    right: 24px;
    text-align: center;
  }
  .promo-slider-xs .promo-slider-title {
    text-align: center;
  }
  .promo-slider-xs .promo-slider-nav > li {
    margin-right: 0;
  }
  .promo-slider-xs .promo-slider-nav > li .full-name {
    display: none;
  }
  .promo-slider-xs .promo-slider-nav > li .short-name {
    display: block;
  }
  .promo-slider-xs .promo-slider-title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .promo-slider .promo-slider-content {
    padding-left: 0;
  }
  .promo-slider .promo-slider-icon {
    right: auto;
    left: 0;
    bottom: 0;
  }
  .promo-slider .promo-slider-nav > li {
    margin-right: 0;
  }
  .promo-slider .promo-slider-nav > li .full-name {
    display: none;
  }
  .promo-slider .promo-slider-nav > li .short-name {
    display: block;
  }
  .promo-slider .promo-slider-title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 479px) {
  .promo-slider .promo-slider-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .promo-slider .promo-slider-slide.no-icons .promo-slider-icons {
    height: 50px;
  }
  .promo-slider .promo-slider-body {
    -webkit-box-ordinal-group: 3;
            order: 2;
    width: 100%;
    padding: 0 0 40px 0;
  }
  .promo-slider .promo-slider-icons {
    -webkit-box-ordinal-group: 2;
            order: 1;
    height: 342px;
    margin-top: 32px;
    width: 100%;
  }
  .promo-slider .promo-slider-icons.promo-slider-icons--image {
    height: 160px;
  }
  .promo-slider .promo-slider-icon {
    left: auto;
    right: 50%;
    bottom: 0;
    margin-right: -183px;
  }
  .promo-slider .promo-slider-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 100%;
    padding: 24px 24px 32px 24px;
  }
  .promo-slider .promo-slider-more {
    right: 24px;
    text-align: center;
  }
  .promo-slider .promo-slider-title {
    text-align: center;
  }
  .promo-slider .promo-slider-nav > li {
    margin-right: 0;
  }
  .promo-slider .promo-slider-nav > li .full-name {
    display: none;
  }
  .promo-slider .promo-slider-nav > li .short-name {
    display: block;
  }
  .promo-slider .promo-slider-title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 1199px) and (min-width: 767px) {
  .promo-slider .promo-slider-icon {
    margin-right: -100px;
  }
}

@media (max-width: 480px) {
  .promo-slider .promo-slider-body {
    width: 100%;
    padding: 56px 24px 44px 24px;
    -webkit-box-ordinal-group: unset;
            order: unset;
  }
  .promo-slider .promo-slider-icons {
    width: 100%;
    height: 302px;
    margin-top: 0;
  }
  .promo-slider .promo-slider-icons .promo-slider-icon {
    right: 50%;
    height: 302px;
    bottom: 10px;
  }
  .promo-slider .promo-slider-icons--image {
    height: auto;
  }
  .promo-slider .promo-slider-icons--image .promo-slider-icon {
    right: 0;
    height: 100%;
  }
}

@-webkit-keyframes showSliderIcons {
  from {
    -webkit-transform: translate(-52px, -30px);
            transform: translate(-52px, -30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes showSliderIcons {
  from {
    -webkit-transform: translate(-52px, -30px);
            transform: translate(-52px, -30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes showSliderIns {
  from {
    -webkit-transform: translateX(-56px);
            transform: translateX(-56px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes showSliderIns {
  from {
    -webkit-transform: translateX(-56px);
            transform: translateX(-56px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes sliderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes sliderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.package {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  padding: 24px;
  text-align: center;
  margin-bottom: 24px;
}

.package-title {
  margin-bottom: 24px;
}

.package-title + .features {
  padding: 0;
}

.package-price .price {
  font-size: 25px;
  font-weight: 500;
  line-height: 40px;
  word-break: break-all;
  /*&-prefix,*/
}

.package-price .price-cycle {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.package-price .price-prefix {
  /*margin: 0 2px 0 0;
                vertical-align: top;*/
}

.package-price .price [style="color: red; text-decoration: line-through;"] {
  display: block;
  color: #acb0b8 !important;
  font-size: 13px;
  line-height: 18px;
}

.package-price .price [style="color: red; text-decoration: line-through;"] .price-prefix {
  font-size: inherit !important;
  line-height: inherit !important;
}

.package-price + .package-content,
.package-price + .package-features {
  position: relative;
  padding-top: 24px;
  margin-top: 24px;
}

.package-price + .package-content:after,
.package-price + .package-features:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 2px;
  width: 40px;
  margin-left: -20px;
  background: #1062FE;
}

.package-setup-fee, .package-starting-from, .package-qty, .package-billing-cycle {
  color: #acb0b8;
  font-size: 12px;
  line-height: 18px;
}

.package-qty {
  padding-top: 8px;
  margin-bottom: -8px;
}

.package-features {
  padding: 0;
  margin-bottom: 0 !important;
  list-style: none;
  font-size: 16px;
}

.package-features > li {
  padding: 6px 0;
  color: #7c8088;
}

.package-features > li > b {
  color: #2a2e36;
  font-weight: 500;
}

.package-features > li > [data-toggle="tooltip"] {
  display: -webkit-inline-box;
  display: inline-flex;
  margin-left: 4px;
  cursor: pointer;
  color: #b9bdc5;
}

.package-features > li > [data-toggle="tooltip"]:hover {
  color: #1062FE;
}

.package-features > li > i {
  color: #b9bdc5;
  margin-right: 4px;
}

.package .features-heading {
  color: #2a2e36;
  font-weight: 500;
}

.package-content > *:last-child {
  margin-bottom: 0 !important;
}

.package-content > p {
  color: #7c8088;
  font-size: 16px;
}

.package-content > p.package-desc {
  margin-top: -24px;
}

.package-content > p.package-desc:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 2px;
  width: 40px;
  margin-left: -20px;
  z-index: 2;
  background: #fff;
}

.package-content > p:not(:empty) + .package-features {
  position: relative;
  padding-top: 16px;
  margin-top: 16px;
}

.package-content > p:not(:empty) + .package-features:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 2px;
  width: 40px;
  margin-left: -20px;
  background: #1062FE;
}

.package-content > .package-features {
  padding: 0;
}

.package-content > .package-features + p {
  position: relative;
  padding-top: 16px;
  margin-top: 16px;
}

.package-content > br {
  display: none;
}

.package-icon {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 64px;
  width: 64px;
  line-height: 64px;
  margin: 0 auto 32px;
}

.package-features, .package-content {
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}

.package-actions, .package-footer {
  margin-top: auto;
  padding-top: 24px;
}

.package-actions .package-actions, .package-footer .package-actions {
  padding: 0;
}

.package-actions .btn, .package-footer .btn {
  min-width: 168px;
}

.package-actions > * + *:not(.package-learn-more) {
  margin-left: 16px;
}

.package-actions > form select + .btn {
  margin-top: 16px;
}

.package-actions > .btn + .package-learn-more {
  margin-top: 16px;
}

.package-featured {
  position: relative;
  overflow: hidden;
  border-color: #1062FE;
}

.package-featured .label:not(.label-corner) {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  text-transform: none;
}

.package-featured .label-corner {
  top: -15px;
  right: 15px;
  left: auto;
  -webkit-transform: rotate(45deg) translateX(50%);
          transform: rotate(45deg) translateX(50%);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .package-featured .label-corner {
    line-height: 1;
  }
}

.package-learn-more {
  display: block;
  color: #7c8088;
  font-size: 14px;
}

.package-horizontal {
  text-align: left;
}

.package-horizontal .package-select {
  padding: 16px 0 0 0;
}

.package-horizontal .package-footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.package-horizontal .package-footer .package-price {
  padding: 0;
  text-align: left;
}

.package-horizontal .package-footer .package-price + .package-actions {
  margin-left: auto;
}

@media (max-width: 480px) {
  .package-horizontal .package-footer .package-price + .package-actions {
    margin: 8px auto 0 auto;
  }
}

@media (max-width: 480px) {
  .package-horizontal .package-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.package-horizontal .package-actions {
  display: -webkit-box;
  display: flex;
}

.package-horizontal .package-actions .btn {
  min-width: 0;
}

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

.package-center .package-icon {
  margin-left: auto;
  margin-right: auto;
}

#Addons .package-horizontal form {
  width: 100%;
}

#Addons .package-horizontal form input[type='submit'] {
  float: right;
}

@media (max-width: 480px) {
  #Addons .package-horizontal form input[type='submit'] {
    float: none;
  }
}

@media (max-width: 480px) {
  #Addons .package-horizontal form {
    text-align: center;
  }
}

@media (max-width: 480px) {
  #Addons .package-horizontal form .btn.btn-primary {
    margin-right: 8px;
  }
}

.package-sitelock .package-features li {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  text-align: right;
}

.package-sitelock .package-features li > span {
  text-align: left;
}

.page-addons .package.package-horizontal .package-footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.page-addons .package.package-horizontal .package-footer .package-price {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.page-addons .package.package-horizontal .package-footer .package-price .price {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
}

.page-addons .package.package-horizontal .package-footer .package-price + .package-actions {
  width: 100%;
  margin-top: 16px;
}

.page-addons .package.package-horizontal .package-footer .package-price + .package-actions button[type="submit"] {
  width: 100%;
}

/*
*******************************************
8. Form - Switch
*******************************************
*/
.switch {
  position: relative;
  height: 24px;
  width: 40px;
  cursor: pointer;
  /* Switch: Checkbox */
  /* Switch: Handle */
  /* Switch: Container */
}

.switch + .form-text {
  margin-left: spacing(2x);
}

.switch__checkbox {
  position: absolute;
  opacity: 0;
}

.switch__checkbox + .switch__container .switch__handle {
  right: 18px;
}

.switch__checkbox:checked + .switch__container {
  background: #1062FE;
}

.switch__checkbox:checked + .switch__container .switch__handle {
  right: 2px;
}

.switch__handle {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 2;
  display: block;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 12px;
  transition: 0.24s ease;
}

.switch__container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #dcdee2;
  border-radius: 12px;
  transition: 0.24s ease;
}

.switch--text {
  width: 50px;
}

.switch--text .switch__checkbox + .switch__container .switch__handle {
  right: 28px;
}

.switch--text .switch__checkbox + .switch__container:after {
  position: absolute;
  top: 1px;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  right: 6px;
  z-index: 1;
  -webkit-box-align: center;
          align-items: center;
  content: "off";
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.switch--text .switch__checkbox:checked + .switch__container {
  background: #1062FE;
}

.switch--text .switch__checkbox:checked + .switch__container:after {
  position: absolute;
  top: 1px;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  left: 8px;
  z-index: 1;
  -webkit-box-align: center;
          align-items: center;
  content: "on";
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.switch--text .switch__checkbox:checked + .switch__container .switch__handle {
  right: 2px;
}

.switch--sm {
  height: 18px;
  width: 32px;
}

.switch--sm .switch__handle {
  width: 14px;
  height: 14px;
}

.switch--sm .switch__checkbox + .switch__container .switch__handle {
  right: 16px;
}

.switch--sm .switch__checkbox:checked + .switch__container .switch__handle {
  right: 2px;
}

.switch--lg {
  height: 28px;
  width: 60px;
  border-radius: 100%;
}

.switch--lg .switch__handle {
  width: 24px;
  height: 24px;
}

.switch--lg .switch__container {
  border-radius: 50px;
}

.switch--lg.switch--text .switch__checkbox + .switch__container .switch__handle {
  right: 34px;
}

.switch--lg.switch--text .switch__checkbox:checked + .switch__container .switch__handle {
  right: 2px;
}

.switch--lg.switch--text .switch__checkbox + .switch__container:after {
  right: 8px;
}

.switch--primary .switch__handle {
  background: #1062FE;
}

.switch--primary .switch__checkbox:checked + .switch__container .switch__handle {
  background: #fff;
}

.switch--primary .switch__container {
  background: #f6f7f8;
}

.form-text + .switch {
  margin-left: auto;
}

ctext-html {
  min-height: 100%;
}

body {
  overflow-x: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-height: 100vh;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    height: 100vh;
  }
}

.app-main {
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.app-main .main-body {
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}

.page-with-banner .main-body {
  padding-top: 0;
}

.page-with-banner .main-body .site {
  margin-bottom: -56px;
}

@media (max-width: 991px) {
  .page-with-banner .main-body .site {
    margin-bottom: -48px;
  }
  .page-type-full {
    padding-top: 0;
  }
}

/*
*******************************************
Header
*******************************************
*/
.app-nav {
  position: relative;
  background-color: #fff;
  border-bottom: none;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
}

#header {
  margin: 0;
  padding: 13px 0;
  background-color: #fff;
  height: 74px;
}

#header .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 100%;
}

#header .container:before, #header .container:after {
  display: none;
}

#header .logo {
  height: 40px;
  max-width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

#header .logo img {
  max-height: 30px;
  height: 100%;
}

#header .logo-text {
  font-weight: 400;
  font-size: 2.6em;
  width: 100%;
  height: 100%;
  margin-right: 10px;
}

#header .navbar-toggle {
  border-color: transparent;
}

#header .navbar-toggle:hover, #header .navbar-toggle:focus {
  background-color: transparent;
}

#header .navbar-toggle:hover .icon-bar, #header .navbar-toggle:focus .icon-bar {
  background-color: #b9bdc5;
}

#header .navbar-toggle .icon-bar {
  background-color: #b9bdc5;
}

#header .search {
  margin: 20px 0;
}

#header .search .form-control {
  border-color: #eee;
  box-shadow: none;
}

#header .search .btn {
  background-color: #eee;
  border-color: #eee;
  color: #888;
}

#header .top-nav .dropdown-menu {
  top: calc(100% - 8px);
}

.lagom-layout-condensed #header .logo-text {
  white-space: nowrap;
  max-width: 280px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 13px;
}

@media (min-width: 992px) {
  #header {
    border: 0;
  }
}

@media (max-width: 991px) {
  #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    box-shadow: 0 2px 10px rgba(0, 14, 69, 0.05);
  }
}

@media (max-width: 480px) {
  #header .logo-text {
    white-space: nowrap;
    max-width: 280px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 13px;
  }
}

/*
*******************************************
Main
*******************************************
*/
.main-grid-nosidebar {
  width: 100%;
  max-width: 928px;
  margin: 0 auto;
}

.main-body {
  margin: 0;
  padding: 56px 0;
  background-color: #f6f7f8;
}

.main-body.has-banner {
  padding-top: 0;
}

@media all and (-ms-high-contrast: none) {
  .main-body {
    min-height: calc(100vh - 153px);
    background-color: #f6f7f8;
  }
  .main-body:not(.lagom-layout-condensed) {
    min-height: calc( 100vh - 229px);
  }
}

.main-banner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  position: relative;
  min-height: 400px;
  padding: 96px 0;
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  text-align: center;
}

.main-banner > * {
  position: relative;
  z-index: 2;
}

.main-banner.has-subnav {
  padding-bottom: 146px;
}

.main-banner .banner-title {
  color: #fff;
  text-align: center;
}

@media (min-width: 768px) {
  .main-banner .banner-title {
    margin-bottom: 40px;
    font-size: 42px;
    font-weight: 300;
    line-height: 48px;
  }
}

.main-banner .banner-subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 24px;
  font-weight: 300;
}

.main-banner .main-subnav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.main-banner .main-subnav .navbar-nav {
  float: none;
  margin: auto;
  width: auto;
}

.main-banner .main-subnav .navbar-nav > li > a {
  padding-top: 16px;
  padding-bottom: 16px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 17px;
  font-weight: 300;
}

.main-banner .main-subnav .navbar-nav > li > a:hover {
  color: #fff;
}

.main-banner .main-subnav .navbar-nav > li.active > a {
  color: #fff;
  background: transparent;
}

.main-banner .banner-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.main-banner .banner-bg .banner-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 1918px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.main-banner .banner-bg .banner-browser, .main-banner .banner-bg .banner-laptop, .main-banner .banner-bg .banner-computer {
  visibility: hidden;
  opacity: 0;
  -webkit-animation-name: bannerElementFadeInDown;
          animation-name: bannerElementFadeInDown;
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.main-banner .banner-bg .banner-browser {
  -webkit-animation-delay: 0;
          animation-delay: 0;
}

.main-banner .banner-bg .banner-laptop, .main-banner .banner-bg .banner-computer {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}

.main-banner .banner-bg .banner-web-icon, .main-banner .banner-bg .banner-search-icon {
  visibility: hidden;
  opacity: 0;
  -webkit-animation-name: bannerElementFadeIn;
          animation-name: bannerElementFadeIn;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.main-banner .banner-bg .banner-lines path {
  transition: stroke-dashoffset 4000ms;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
}

@-webkit-keyframes bannerElementFadeInDown {
  from {
    -webkit-transform: translatey(-10px);
            transform: translatey(-10px);
    opacity: 0;
    visibility: hidden;
  }
  to {
    -webkit-transform: translatey(0);
            transform: translatey(0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes bannerElementFadeInDown {
  from {
    -webkit-transform: translatey(-10px);
            transform: translatey(-10px);
    opacity: 0;
    visibility: hidden;
  }
  to {
    -webkit-transform: translatey(0);
            transform: translatey(0);
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes bannerElementFadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes bannerElementFadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 992px) {
  .main-banner .main-subnav .navbar-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media (max-width: 991px) {
  .main-banner {
    min-height: auto;
    padding: 64px 0;
  }
  .main-banner.has-subnav {
    padding-bottom: 114px;
  }
  .main-banner .main-subnav .navbar-header {
    padding: 8px 0;
    border: none;
  }
  .main-banner .main-subnav .navbar-toggle {
    border: none;
    background: rgba(255, 255, 255, 0.15);
  }
  .main-banner .main-subnav .navbar-toggle:hover, .main-banner .main-subnav .navbar-toggle.active {
    background: rgba(255, 255, 255, 0.5);
  }
  .main-banner .main-subnav .navbar-toggle .icon-bar {
    left: 10px;
    background-color: #fff !important;
  }
  .main-banner .main-subnav .navbar-collapse {
    border: none;
    box-shadow: none;
    max-height: 240px;
  }
  .main-banner .main-subnav .navbar-nav > li > a {
    padding: 8px 0;
  }
  #header .logo-text {
    font-size: 18px;
  }
}

.main-header {
  margin-bottom: 40px;
}

.main-header-top {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.main-header .header-lined {
  margin: 0;
}

.main-header .header-lined h1 {
  margin: 0;
  border-bottom: none;
  font-weight: 400;
  color: #2a2e36;
}

.main-header .header-lined p {
  margin: 24px 0 0 0;
  font-size: 14px;
  color: #7c8088;
}

.main-header .header-lined .search-group {
  width: 100%;
  max-width: 256px;
}

.main-header .header-lined + .desc {
  margin-top: -8px;
}

.main-header .breadcrumb {
  margin: 0;
  padding: 6px 0 0;
  background: transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
}

.main-header .breadcrumb li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.main-header .breadcrumb li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: #acb0b8;
}

.main-header .breadcrumb > .active {
  color: #7c8088;
}

.main-header .breadcrumb small {
  white-space: nowrap;
  overflow: hidden;
}

.main-sidebar.sidebar-secondary {
  clear: left;
}

.main-section {
  padding: 56px 0;
}

.main-section:last-child {
  padding-bottom: 0;
}

.lagom.is-actions .main-footer {
  padding-bottom: 96px;
}

@media (min-width: 992px) {
  body:not([class*="lagom-layout-left"]):not([class*="lagom-layout-banner"]) .main-grid .main-sidebar.sidebar-primary {
    margin-bottom: 116px;
  }
  body:not([class*="lagom-layout-left"]):not([class*="lagom-layout-banner"]) .main-grid .main-sidebar.sidebar-secondary {
    margin-top: -116px;
  }
  .main-content {
    min-height: 530px;
  }
}

@media (max-width: 991px) {
  .main-body {
    overflow: hidden;
    padding: 48px 0;
  }
  .main-header-top {
    flex-wrap: wrap;
  }
  .main-sidebar.sidebar-secondary {
    padding-top: 48px;
  }
}

/*
*******************************************
Main - Banner
*******************************************
*/
/*
*******************************************
Main - Footer
*******************************************
*/
.main-footer {
  margin: 0;
  padding: 21px 10px;
  background-color: #f6f7f8;
  border-top: 1px solid #e6e8ec;
  color: #2a2e36;
}

.main-footer .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.main-footer .container:before, .main-footer .container:after {
  display: none;
}

.main-footer .footer-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex: 1;
  padding-right: 24px;
}

.main-footer .footer-content p {
  color: #acb0b8;
}

.main-footer .footer-links {
  display: -webkit-box;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 0 auto;
}

.main-footer .footer-links > li:not(:last-of-type) {
  margin-right: 24px;
}

.main-footer .footer-links > li.language {
  display: none;
}

.main-footer .footer-links > li .dropdown-menu {
  top: auto;
  bottom: 100%;
  max-height: 320px;
  overflow: auto;
}

.main-footer p {
  margin: 0;
}

.main-footer .back-to-top {
  color: #b9bdc5;
  margin-right: -8px;
  height: 36px;
  width: 36px;
}

.main-footer .back-to-top i {
  font-size: 18px;
}

.main-footer .back-to-top:hover {
  color: #1062FE;
}

.lagom-layout-condensed .main-footer .footer-links > li.language {
  display: block;
}

@media (max-width: 991px) {
  .lagom.mob-is-actions-lg .main-footer {
    padding-bottom: 154px;
  }
}

@media (max-width: 767px) {
  #footer .footer-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  #footer .footer-links {
    flex-wrap: wrap;
    line-height: 32px;
    margin: 4px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .main-footer .footer-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .main-footer .footer-links {
    margin-top: 16px;
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

/*
*******************************************
2. App
*******************************************
*/
.lagom-layout-condensed.lagom-layout-banner .app-nav {
  border: none;
}

.lagom-layout-condensed.lagom-layout-banner .app-header {
  margin-bottom: 0;
}

.lagom-layout-condensed.lagom-layout-banner .main-body.has-banner {
  padding-top: 0;
}

.lagom-layout-condensed .top-nav .dropdown-menu {
  top: 48px;
  right: 0;
  left: auto;
}

.lagom-layout-condensed .top-nav .account span {
  display: none;
}

.lagom-layout-condensed .top-nav .account > a > b {
  display: none;
}

.lagom-layout-condensed .navbar-main .navbar-nav {
  margin: 0;
  white-space: nowrap;
}

.lagom-layout-condensed .navbar-main .navbar-nav > li > a {
  padding-left: 11px;
  padding-right: 11px;
}

.lagom-layout-condensed .navbar-main .navbar-nav > li > a:after {
  left: 11px;
  right: 11px;
}

.lagom-layout-condensed .navbar-main .navbar-nav .btn > i > .label {
  top: 4px;
  right: 4px;
  position: absolute;
  width: 6px;
  height: 6px;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 8px;
}

.lagom-layout-condensed .navbar-main .navbar-nav .btn > i > .label.label-info {
  background-color: #0c70de;
}

.lagom-layout-condensed .navbar-main .open-ticket-item {
  display: block;
}

.lagom-layout-left .navbar-main .open-ticket-item {
  display: block;
}

.lagom-layout-banner:not(.lagom-layout-condensed) .main-body:not(.login-page) {
  padding-top: 0;
}

.lagom-layout-banner .main-header {
  margin-bottom: 56px;
  padding: 48px 0;
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
}

.lagom-layout-banner .main-header h1 {
  margin: 0;
  color: #fff;
  font-weight: 300;
}

.lagom-layout-banner .main-header .search-group .form-control {
  border: none;
}

.lagom-layout-banner .navbar-main {
  border: none;
}

@media (min-width: 768px) {
  .lagom-layout-condensed .top-nav {
    margin-right: -14px;
  }
}

@media (min-width: 992px) {
  .lagom-layout-condensed #header .logo {
    position: relative;
    z-index: 99;
    width: 16%;
  }
  .lagom-layout-condensed #header .logo > img {
    max-width: 100%;
  }
  .lagom-layout-condensed .top-nav {
    position: relative;
    z-index: 99;
  }
  .lagom-layout-condensed #main-menu {
    margin-top: -74px;
  }
  .lagom-layout-condensed #main-menu .navbar-main {
    background: transparent;
  }
  .lagom-layout-condensed #main-menu .navbar-main .navbar-nav > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
  .lagom-layout-condensed #main-menu .navbar-main .navbar-nav > li > a:after {
    left: 8px;
    right: 8px;
  }
  .lagom-layout-condensed #main-menu .navbar-main .navbar-nav > li .dropdown-menu {
    left: 13px;
  }
  .lagom-layout-condensed #main-menu .navbar-main .navbar-collapse {
    margin-left: 16%;
    margin-right: 112px;
  }
  .lagom-layout-condensed.lagom-not-portal #main-menu .navbar-main .navbar-collapse {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .lagom-layout-condensed #header .logo {
    width: 22%;
  }
  .lagom-layout-condensed #main-menu .navbar-main .navbar-nav > li > a {
    padding-left: 13px;
    padding-right: 13px;
  }
  .lagom-layout-condensed #main-menu .navbar-main .navbar-nav > li .dropdown-menu {
    left: 13px;
  }
  .lagom-layout-condensed #main-menu .navbar-main .navbar-collapse {
    margin-left: 276px;
  }
}

@media (max-width: 767px) {
  .lagom-layout-banner .main-header {
    padding: 48px 0 !important;
  }
}

.lagom-layout-left:not(.lagom-layout-banner) .app-main .main-header {
  margin: 0;
}

.lagom-layout-left .app-nav .navbar-main .navbar-nav > li.active > a:after {
  display: none;
}

.lagom-layout-left .app-main .main-header {
  width: 100%;
  padding-bottom: 48px;
}

.lagom-layout-left .app-main .main-header .breadcrumb {
  padding-bottom: 0;
}

.lagom-layout-left .container {
  max-width: 100%;
}

@media (max-width: 1199px) {
  .lagom-layout-left.page-clientareadomains .bottom-action-sticky .content-actions {
    display: none;
  }
  .lagom-layout-left.page-clientareadomains .bottom-action-sticky .content-dropdown {
    display: block;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .lagom-layout-left-wide.page-clientareadomains .bottom-action-sticky .content + .content {
    flex-basis: auto;
  }
}

@media (min-width: 768px) {
  .lagom-layout-left .container {
    width: 798px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 992px) {
  .lagom-layout-left .container {
    width: 1008px;
  }
}

@media (min-width: 1200px) {
  .lagom-layout-left .container {
    width: 1208px;
  }
}

@media (min-width: 992px) {
  .lagom-layout-left .app-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 116px;
    background: #37474F;
    border: none;
  }
  .lagom-layout-left .app-nav #header {
    height: auto;
    background: transparent;
  }
  .lagom-layout-left .app-nav #header .logo {
    -webkit-box-pack: center;
            justify-content: center;
    height: 72px;
    padding: 16px 8px;
  }
  .lagom-layout-left .app-nav #header .logo-text {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    max-width: 100%;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }
  .lagom-layout-left .app-nav #header .container {
    display: block;
    width: 100%;
    padding: 0;
  }
  .lagom-layout-left .app-nav #header .top-nav {
    display: none;
  }
  .lagom-layout-left .app-nav #main-menu {
    height: calc(100% - 98px);
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
  }
  .lagom-layout-left .app-nav #main-menu::-webkit-scrollbar {
    width: 0 !important;
  }
  .lagom-layout-left .app-nav :-moz-any(body) #main-menu {
    margin-right: -14px !important;
    overflow-y: scroll;
    margin-bottom: -14px !important;
    overflow-x: scroll;
  }
  .lagom-layout-left .app-nav .navbar {
    position: static;
  }
  .lagom-layout-left .app-nav .navbar > .container {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .lagom-layout-left .app-nav .navbar-main {
    background: transparent;
    border: none;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav {
    float: none;
    width: 100%;
    margin: 0;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li {
    position: static;
    float: none;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li > a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: auto;
    padding: 16px 8px;
    color: rgba(255, 255, 255, 0.64);
    text-align: center;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li > a > i {
    color: rgba(255, 255, 255, 0.64);
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li > a > i:first-child {
    display: block;
    font-size: 20px;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li > a > i:last-child {
    display: none;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li > a > b {
    display: none;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li > a > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-top: 16px;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.dropdown > a > span {
    white-space: nowrap;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li .dropdown-menu {
    top: 0;
    bottom: 0;
    min-width: 240px;
    display: block !important;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
    left: 100%;
    -webkit-transform: translateX(32px);
            transform: translateX(32px);
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 0;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li > a {
    padding: 8px 24px;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li > a > i {
    display: inline-block;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li .dropdown-header {
    padding: 16px 24px 24px;
    color: #2a2e36;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.sfHover .dropdown-menu, .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.open > a, .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.sfHover > a, .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.active > a, .lagom-layout-left .app-nav .navbar-main .navbar-nav > li:hover > a, .lagom-layout-left .app-nav .navbar-main .navbar-nav > li:focus > a {
    color: #fff;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.open > a > i:first-child, .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.sfHover > a > i:first-child, .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.active > a > i:first-child, .lagom-layout-left .app-nav .navbar-main .navbar-nav > li:hover > a > i:first-child, .lagom-layout-left .app-nav .navbar-main .navbar-nav > li:focus > a > i:first-child {
    color: #fff;
  }
  .lagom-layout-left .app-nav .navbar-right {
    display: none;
  }
  .lagom-layout-left .app-main {
    position: relative;
    margin-left: 116px;
  }
  .lagom-layout-left .app-main .main-top {
    z-index: 40;
    padding: 4px 0;
    border-bottom: none;
    box-shadow: 0 2px 10px rgba(0, 14, 69, 0.05);
  }
  .lagom-layout-left .app-main .main-top .top-nav {
    float: right;
  }
  .lagom-layout-left.page-type-full .app-main {
    margin-right: 0;
    margin-left: 0;
  }
  .lagom-layout-left .bottom-action-sticky {
    margin-left: 116px;
  }
  .lagom-layout-left .panel-sidebar:not(.panel-primary) .panel-heading {
    padding: 0 0 16px 0;
  }
}

@media (max-width: 991px) {
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li .dropdown-header {
    display: none;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.sfHover .dropdown-menu {
    display: none !important;
  }
  .lagom-layout-left .app-nav .navbar-main .navbar-nav > li.open .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
  }
  .lagom-layout-left .app-main .main-top {
    display: none;
  }
}

.lagom-layout-left-wide:not(.lagom-layout-banner) .app-main .main-header {
  margin: 0;
}

.lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.active > a:after {
  display: none;
}

.lagom-layout-left-wide .app-main .main-header {
  width: 100%;
  padding-bottom: 48px;
}

.lagom-layout-left-wide .app-main .main-header .breadcrumb {
  padding-bottom: 0;
}

.lagom-layout-left-wide .container {
  max-width: 100%;
}

@media (min-width: 992px) {
  .lagom-layout-left-wide .app-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 240px;
    background: #1062FE;
    border: none;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .lagom-layout-left-wide .app-nav #header {
    height: auto;
    background: transparent;
    padding: 24px;
  }
  .lagom-layout-left-wide .app-nav #header .logo {
    height: 40px;
  }
  .lagom-layout-left-wide .app-nav #header .logo-text {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    max-width: 100%;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }
  .lagom-layout-left-wide .app-nav #header .container {
    display: block;
    width: 100%;
    padding: 0px;
  }
  .lagom-layout-left-wide .app-nav #header .top-nav {
    display: none;
  }
  .lagom-layout-left-wide .app-nav #main-menu {
    height: calc(100% - 98px);
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    touch-action: auto;
  }
  .lagom-layout-left-wide .app-nav #main-menu::-webkit-scrollbar {
    width: 0 !important;
  }
  .lagom-layout-left-wide .app-nav #main-menu .dropdown-menu .dropdown-header {
    display: none;
  }
  .lagom-layout-left-wide .app-nav :-moz-any(body) #main-menu {
    margin-right: -14px !important;
    overflow-y: scroll;
    margin-bottom: -14px !important;
    overflow-x: scroll;
  }
  .lagom-layout-left-wide .app-nav .navbar {
    position: static;
  }
  .lagom-layout-left-wide .app-nav .navbar > .container {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .lagom-layout-left-wide .app-nav .navbar-main {
    background: transparent;
    border: none;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav {
    float: none;
    width: 100%;
    margin: 0;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li {
    position: relative;
    float: none;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li > a {
    height: auto;
    padding: 16px 16px 16px 24px;
    color: rgba(255, 255, 255, 0.64);
    font-size: 16px;
    text-align: center;
    cursor: pointer;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li > a > i {
    color: rgba(255, 255, 255, 0.64);
    padding: 3px;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li > a > i:first-child {
    display: block;
    font-size: 18px;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li > a > i:last-child {
    display: none;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li > a > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: left;
    padding: 0px 16px;
    font-size: 16px;
    white-space: nowrap;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li b {
    margin-left: auto;
    color: rgba(224, 232, 255, 0.64);
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.dropdown > a > span {
    white-space: nowrap;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-menu {
    top: 0;
    left: 0;
    min-width: 240px;
    display: none;
    background: rgba(0, 0, 0, 0.1);
    padding-left: 30px;
    box-shadow: none;
    overflow: hidden;
    border-radius: 0;
    padding-top: 0px;
    padding-bottom: 18px;
    border: 0;
    opacity: 1;
    visibility: visible;
    position: static;
    transition: none;
    -webkit-transform: none;
            transform: none;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li {
    padding-left: 7px;
    border-left: 1px solid rgba(224, 232, 255, 0.08);
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li > a {
    color: rgba(255, 255, 255, 0.64);
    padding: 4px 24px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 210px;
    width: 100%;
    white-space: nowrap;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li > a > i {
    display: none;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li.nav-divider {
    display: none;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li:hover > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li:focus > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li:active > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-menu > li.active > a {
    background-color: transparent;
    color: #fff;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-header {
    padding: 16px 24px 24px;
    color: #2a2e36;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.item-open, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open {
    z-index: 1000;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.item-open > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.item-open .dropdown-menu, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover .dropdown-menu, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    position: static;
    transition: none;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.item-open .dropdown-menu a:hover, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.item-open .dropdown-menu a:focus, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover .dropdown-menu a:hover, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover .dropdown-menu a:focus, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open .dropdown-menu a:hover, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open .dropdown-menu a:focus {
    background-color: transparent;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open b, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover b, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.active > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.active b, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li:hover > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li:hover b, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li:focus > a, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li:focus b {
    color: #fff;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open > a > i:first-child, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open b > i:first-child, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover > a > i:first-child, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover b > i:first-child, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.active > a > i:first-child, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.active b > i:first-child, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li:hover > a > i:first-child, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li:hover b > i:first-child, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li:focus > a > i:first-child, .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li:focus b > i:first-child {
    color: #fff;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.active {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .lagom-layout-left-wide .app-nav .navbar-right {
    display: none;
  }
  .lagom-layout-left-wide .app-main {
    position: relative;
    margin-left: 240px;
  }
  .lagom-layout-left-wide .app-main .main-body {
    margin-top: 48px;
  }
  .lagom-layout-left-wide .app-main .main-top {
    position: fixed;
    z-index: 1001;
    border-bottom: none;
    background-color: #f6f7f8;
    margin-left: 240px;
    padding: 4px 0;
    right: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  }
  .lagom-layout-left-wide .app-main .main-top .top-nav {
    float: right;
  }
  .lagom-layout-left-wide.page-type-full .app-main {
    margin-right: 0;
    margin-left: 0;
  }
  .lagom-layout-left-wide .bottom-action-sticky {
    margin-left: 240px;
  }
  .lagom-layout-left-wide .panel-sidebar:not(.panel-primary) .panel-heading {
    padding: 0 0 16px 0;
  }
  .page-type-full .app-main .main-body {
    margin-top: 0px;
  }
}

@media (max-width: 991px) {
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li .dropdown-header {
    display: none;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.sfHover .dropdown-menu {
    display: none !important;
  }
  .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav > li.open .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
  }
  .lagom-layout-left-wide .app-main .main-top {
    display: none;
  }
}

@media (min-width: 1200px) {
  .lagom-layout-left-wide .main-content {
    min-height: 530px;
  }
  .lagom-layout-left-wide .main-grid-order .main-content .order-content {
    max-width: none;
  }
  .lagom-layout-left-wide .main-grid-order .main-content .order-sidebar {
    padding-left: 48px;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-icons {
    -webkit-box-ordinal-group: 2;
            order: 1;
    height: 342px !important;
    margin-top: 32px;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-icon {
    left: auto;
    right: 50%;
    bottom: 0;
    margin-right: -183px;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-body {
    -webkit-box-ordinal-group: 3;
            order: 2;
    width: 100%;
    padding: 0 0 40px 0;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 100%;
    padding: 24px 24px 32px 24px;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-title {
    font-size: 22px;
    line-height: 30px;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-title {
    text-align: center;
  }
  .lagom-layout-left-wide .is-affixed .order-summary {
    margin-top: 32px;
  }
  .lagom-layout-left-wide .main-sidebar.pull-md-left,
  .lagom-layout-left-wide .pull-md-left.sidebar {
    float: right;
    padding-left: 16px;
  }
  .lagom-layout-left-wide .main-content.pull-md-right,
  .lagom-layout-left-wide .main-header.pull-md-right {
    float: left;
    padding-right: 32px;
  }
  .lagom-layout-left-wide .main-sidebar.sidebar-secondary {
    clear: right;
  }
  .lagom-layout-left-wide .container {
    width: 1320px;
  }
}

@media (max-width: 1199px) {
  .lagom-layout-left-wide.page-clientareadomains .bottom-action-sticky .content-actions {
    display: none;
  }
  .lagom-layout-left-wide.page-clientareadomains .bottom-action-sticky .content-dropdown {
    display: block;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-icon {
    margin-right: -10px;
  }
  .lagom-layout-left-wide.page-clientareadomains .bottom-action-sticky .content + .content {
    flex-basis: auto;
  }
}

@media (max-width: 1199px) {
  .lagom-layout-left-wide .main-sidebar.pull-md-left {
    float: none;
    width: 100%;
  }
  .lagom-layout-left-wide .main-content.pull-md-right,
  .lagom-layout-left-wide .main-header.pull-md-right {
    float: none;
    width: 100%;
  }
  .lagom-layout-left-wide .main-sidebar.sidebar-secondary.col-md-3.pull-md-left.sidebar,
  .lagom-layout-left-wide .main-sidebar.sidebar-primary.col-md-3.pull-md-left.sidebar {
    width: 100%;
  }
  .lagom-layout-left-wide .main-content .row-eq-height .col-md-8.col-sm-12.flex-column {
    width: 100%;
  }
  .lagom-layout-left-wide .panel-sidebar > .list-group {
    display: -webkit-box !important;
    display: flex !important;
    flex-wrap: wrap;
  }
  .lagom-layout-left-wide .panel-sidebar > .list-group .list-group-item {
    margin-right: 16px;
  }
  .lagom-layout-left-wide .panel-sidebar.panel-client-details {
    display: none;
  }
  .lagom-layout-left-wide .main-content.col-md-9.pull-md-right {
    width: 100%;
  }
  .lagom-layout-left-wide .main-sidebar.sidebar-secondary {
    padding-top: 48px;
  }
  .lagom-layout-left-wide .order-summary {
    display: none;
  }
  .lagom-layout-left-wide #sticky-sidebar.is-affixed .inner-wrapper-sticky {
    position: relative !important;
    width: 100% !important;
  }
  .lagom-layout-left-wide .main-grid-order .main-content .order-sidebar {
    width: 100%;
    padding-left: 0px;
  }
  .lagom-layout-left-wide .main-grid-order .main-content .order-content {
    -webkit-box-flex: unset;
            flex: unset;
  }
  .lagom-layout-left-wide .order-summary-mob .total-due-today {
    padding-left: 16px;
    padding-right: 16px;
  }
  .lagom-layout-left-wide .order-summary-mob .btn.hidden-md {
    display: block !important;
  }
  .lagom-layout-left-wide .page-viewinvoice .row-eq-height.row-eq-height-md .col-md-3.sidebar,
  .lagom-layout-left-wide .page-viewinvoice .row-eq-height.row-eq-height-md .col-md-9 {
    width: 100%;
  }
  .lagom-layout-left-wide .categories-collapsed.visible-xs {
    margin-bottom: 16px;
    display: block !important;
  }
  .lagom-layout-left-wide .col-md-9.pull-md-right {
    width: 100%;
  }
  .lagom-layout-left-wide .promo-slider-body {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-ordinal-group: unset;
            order: unset;
  }
  .lagom-layout-left-wide .promo-slider-content {
    display: -webkit-box;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
            align-items: center;
    opacity: 0;
    visibility: hidden;
    padding: 32px 0 40px 24px;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-body {
    width: 50%;
    padding: 56px 0px 44px 24px;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-title,
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-more {
    text-align: left;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-icon {
    right: 0;
    height: auto;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-icons {
    height: auto;
  }
  .lagom-layout-left-wide .promo-slider-icon {
    position: absolute;
    right: 24px;
    bottom: 24px;
    width: 375px;
    opacity: 0;
    visibility: hidden;
    -webkit-box-ordinal-group: unset;
            order: unset;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .lagom-layout-left-wide .hidden-sm {
    display: none;
  }
  .lagom-layout-left-wide .panel-sidebar > .list-group .list-group-item {
    flex-basis: calc(33% - 16px);
  }
}

@media (max-width: 1199px) {
  .lagom-layout-left-wide .order-summary-mob .btn-rounded {
    background-color: rgba(255, 255, 255, 0.24);
    border: none;
  }
  .lagom-layout-left-wide .order-summary-mob .summary-container > .content {
    max-height: calc(100vh - 137px);
    overflow: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .lagom-layout-left-wide .order-summary-mob {
    border-radius: 0;
    display: block;
    position: fixed;
    left: 240px;
    z-index: 1003;
    bottom: 0;
    padding: 0;
    right: 0;
  }
}

@media (max-width: 991px) {
  .lagom-layout-left-wide .order-summary-mob {
    left: 0;
    display: block;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-icon {
    margin-right: -120px;
  }
}

@media (min-width: 992px) {
  .lagom-layout-left-wide .main-content {
    min-height: 0px;
  }
}

@media (min-width: 768px) {
  .lagom-layout-left-wide .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 480px) {
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-body {
    width: 100%;
    padding: 56px 24px 44px 24px;
    -webkit-box-ordinal-group: unset;
            order: unset;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-body .promo-slider-title,
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-body .promo-slider-more {
    text-align: center;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-icons {
    width: 100%;
    height: 342px;
  }
  .lagom-layout-left-wide .promo-slider-xs .promo-slider-icons .promo-slider-icon {
    right: 50%;
    height: 342px;
    margin-right: -183px;
  }
}

@media (min-width: 992px) {
  .lagom-layout-left-wide .site-index .site-banner {
    padding-top: 145px;
  }
}

.svg-icon .stroke {
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.svg-icon .stroke-1 {
  stroke-linejoin: round;
  stroke-width: 2px;
}

.svg-icon .stroke-2 {
  stroke-width: 5.22;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.svg-icon .outline {
  fill: none;
  stroke: #2a2e36;
}

.svg-icon .white {
  fill: #fff;
  stroke: #fff;
}

.svg-icon .outline-p {
  fill: none;
  stroke: #1062FE;
}

.svg-icon .prime {
  fill: #1062FE;
  stroke: #1062FE;
}

.svg-icon .prime-l {
  fill: #009aff;
  stroke: #009aff;
}

.svg-icon .no-fill {
  fill: none !important;
}

.svg-icon .no-stroke {
  stroke: none !important;
}

.svg-icon-on-dark .outline {
  fill: none;
  stroke: #667b9e;
}

.svg-icon .prime-1-w {
  fill: #009aff;
  stroke: #fff;
}

.svg-icon .dashed {
  stroke-dasharray: 3.84 7.69;
}

.svg-icon .dashed-1 {
  stroke-dasharray: 4 8;
}

.svg-icon .dashed-2 {
  stroke-dasharray: 7.71 9.64;
}

.svg-icon .dashed-3 {
  stroke-dasharray: 7.5 9.37;
}

.svg-icon .dashed-4 {
  stroke-dasharray: 6.6 8.25;
}

.svg-icon .dashed-5 {
  stroke-dasharray: 7.61 9.51;
}

.svg-icon .dashed-6 {
  stroke-dasharray: 7.55 9.43;
}

.svg-icon .dashed-7 {
  stroke-dasharray: 6.76 8.45;
}

.svg-icon .dashed-8 {
  stroke-dasharray: 7.63 9.54;
}

.svg-icon .dashed-9 {
  stroke-dasharray: 6.52 8.15;
}

.svg-icon .dashed-10 {
  stroke-dasharray: 7.79 9.74;
}

.svg-icon .dashed-11 {
  stroke-dasharray: 8.39 10.49;
}

.svg-icon .dashed-12 {
  stroke-dasharray: 7.83 9.78;
}

.svg-icon .dashed-13 {
  stroke-dasharray: 8 10;
}

.svg-icon .dashed-14 {
  stroke-dasharray: 8 8;
}

.svg-icon .dashed-15 {
  stroke-dasharray: 6.42 6.42;
}

.svg-icon .dashed-16 {
  stroke-dasharray: 7.66 9.58;
}

.svg-icon .dashed-17 {
  stroke-dasharray: 7.64 9.55;
}

.svg-icon .dashed-18 {
  stroke-dasharray: 6.56 8.19;
}

.svg-icon .dashed-19 {
  stroke-dasharray: 7.6 9.5;
}

.svg-icon .dashed-20 {
  stroke-dasharray: 6.57 8.21;
}

.svg-icon .dashed-21 {
  stroke-dasharray: 4.27 8.53;
}

.svg-icon .dashed-22 {
  stroke-dasharray: 3.7 7.4;
}

.svg-icon .dashed-23 {
  stroke-dasharray: 7.67 9.59;
}

.svg-icon .dashed-24 {
  stroke-dasharray: 6.5 8.13;
}

.svg-icon .dashed-25 {
  stroke-dasharray: 7.58 9.48;
}

.svg-icon .dashed-26 {
  stroke-dasharray: 6.48 8.1;
}

.svg-icon .dashed-27 {
  stroke-dasharray: 4 6;
}

.svg-icon .dashed-28 {
  stroke-dasharray: 9.09,11.36;
}

.svg-icon .dashed-29 {
  stroke-dasharray: 23.25,29.19;
}

.svg-icon .dashed-30 {
  stroke-dasharray: 23.35,29.19;
}

.svg-icon .dashed-31 {
  stroke-dasharray: 23.25,29.07;
}

.svg-icon .dashed-32 {
  stroke-dasharray: 9.09,11.37;
}

.svg-icon .dashed-33 {
  stroke-dasharray: 10.93,13.66;
}

.svg-icon .dashed-34 {
  stroke-dasharray: 20.82,26.02;
}

.svg-icon .dashed-34 {
  stroke-dasharray: 20.88,26.1;
}

.svg-icon .dashed-35 {
  stroke-dasharray: 13.54,16.93;
}

.svg-icon .dashed-36 {
  stroke-dasharray: 21.14,26.42;
}

.svg-icon .dashed-37 {
  stroke-dasharray: 21.04,26.31;
}

.svg-icon .dashed-38 {
  stroke-dasharray: 13.42,16.78;
}

.svg-icon .dashed-39 {
  stroke-dasharray: 7.96,9.94;
}

.st0 {
  fill: #fff;
}

.st1 {
  fill: #73C8FF;
}

.st2 {
  fill: #88D3FF;
}

.st3 {
  fill: #A4E0FF;
}

.st4 {
  fill: #3192E7;
  opacity: 0.48;
  enable-background: new;
}

.st5 {
  fill: #1062FE;
}

.st6 {
  fill: #d6f1ff;
}

.st7 {
  opacity: 0.48;
}

.st8 {
  fill: #B4E8FE;
}

.st9 {
  fill: #3192E7;
}

.st-10 {
  stroke: #fff;
}

.lock-st3 {
  fill: none;
  stroke: #fff;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.ssl-st7 {
  fill: none;
  stroke: #A4E0FF;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sl-st0 {
  opacity: 0.48;
  fill: #1062FE;
  enable-background: new;
}

.sl-st1 {
  opacity: 0.48;
  fill: #3192E7;
  enable-background: new;
}

.is-st9 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #fff;
}

.is-st10 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #d6f1ff;
}

.is-st11 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #A4E0FF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.is-st12 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #A4E0FF;
  stroke-width: 1.9899;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.is-st13 {
  fill-rule: evenodd;
}

.is-st14 {
  fill: none;
  stroke: #2a2e36;
  stroke-linecap: round;
}

.is-st15 {
  fill-rule: evenodd;
  fill: #fff;
}

.sl-st6 {
  fill: none;
  stroke: #fff;
  stroke-width: 6.492;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.sl-st7 {
  stroke: #fff;
  stroke-width: 2px;
}

.banner-st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #1062FE;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.banner-st1 {
  opacity: 0.05;
}

.banner-st2 {
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.banner-st3 {
  opacity: 0.1;
}

.banner-st4 {
  fill: #3192E7;
}

.banner-st5 {
  fill: #88D3FF;
}

.banner-st6 {
  opacity: 0.48;
  fill: #3192E7;
  enable-background: new;
}

.banner-st7 {
  fill: #73C8FF;
}

.banner-st8 {
  opacity: 0.48;
}

.banner-st9 {
  fill: #B4E8FE;
}

.banner-st10 {
  fill: #A4E0FF;
}

.banner-st11 {
  fill: #1062FE;
}

.banner-st13 {
  display: inline;
}

.banner-st14 {
  fill: #fff;
}

.banner-st15 {
  display: inline;
  fill: #3192E7;
}

.banner-st16 {
  display: inline;
  fill: #88D3FF;
}

.banner-st17 {
  display: inline;
  fill: none;
  stroke: #000000;
  stroke-miterlimit: 10;
}

.banner-st18 {
  fill: #f3f5f9;
}

.banner-st-19 {
  fill: #e3effc;
}

.banner-st-20 {
  fill: #2a2e36;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 11px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 11px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: transparent;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #7c8088;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #7c8088;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #7c8088;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #7c8088;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.app-nav .ps__thumb-x, .app-nav .ps__rail-y {
  transition: none;
  background: rgba(255, 255, 255, 0.64);
}

.app-nav .ps__rail-x:hover > .ps__thumb-x,
.app-nav .ps__rail-x:focus > .ps__thumb-x,
.app-nav .ps__rail-x.ps--clicking .ps__thumb-x, .app-nav .ps__rail-y:hover > .ps__thumb-y,
.app-nav .ps__rail-y:focus > .ps__thumb-y,
.app-nav .ps__rail-y.ps--clicking .ps__thumb-y {
  background: rgba(255, 255, 255, 0.8);
  transition: none;
}

.nav-scroll {
  top: 0;
  right: 0;
  position: relative;
  height: calc(100% - 98px);
  position: absolute;
  width: 11px;
  z-index: 454;
  top: 98px;
  overflow: hidden;
}

.nav-scroll__inner {
  height: 100%;
}

.range-slider {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: none;
}

.range-slider * {
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.range-slider[disabled] .range-slider-connect {
  background: #B8B8B8;
}

.range-slider[disabled].range-slider, .range-slider[disabled].range-slider-handle, .range-slider[disabled].range-slider-handle {
  cursor: not-allowed;
}

.range-slider-base, .range-slider-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.range-slider-connects {
  background: #f6f7f8;
  border-radius: 200px;
  z-index: 0;
}

.range-slider-connects:before, .range-slider-connects:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 100%;
  background: #f6f7f8;
}

.range-slider-connects:before {
  background: #1062FE;
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
  left: -12px;
}

.range-slider-connects:after {
  left: auto;
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
  right: -12px;
}

.range-slider-connect, .range-slider-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.range-slider-connect {
  background: #1062FE;
  border-radius: 200px;
}

.range-slider-origin {
  left: auto;
  right: 0;
}

.range-slider-handle {
  position: absolute;
  right: -10.5px;
  left: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  background: #015abe;
  height: 32px;
  width: 21px;
  border-radius: 3px;
}

.range-slider-handle:hover, .range-slider-handle:focus, .range-slider-handle:active {
  outline: none;
  cursor: pointer;
}

.range-slider-state-tap {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.range-slider-state-tap .range-slider-connect, .range-slider-state-tap .range-slider-origin {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.range-slider-state-drag * {
  cursor: inherit !important;
}

.range-slider-horizontal {
  height: 18px;
}

.range-slider-pips {
  position: relative;
  height: 80px;
  top: 50%;
  left: 0;
  width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .range-slider-pips {
    top: 50%;
  }
}

.range-slider-marker {
  display: none;
}

.range-slider-value {
  top: 0;
  position: absolute;
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
  line-height: calc( - 2px);
  color: #acb0b8;
  border: 1px solid transparent;
  min-width: 22px;
  border-radius: 0;
  cursor: pointer;
  padding: 0 10px;
  -webkit-transform: translate(-50%, 28%);
          transform: translate(-50%, 28%);
}

.range-slider-value.is-active {
  color: #1062FE;
  border: 1px solid transparent;
}

.range-slider-value.is-active:after, .range-slider-value.is-active:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.range-slider-value.is-active:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: transparent;
  border-width: 6px;
  margin-left: -6px;
}

.range-slider-value.is-active:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
  top: -10px;
}

.range-slider-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
  padding: 16px 24px 16px 24px;
  min-height: 124px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.range-slider-container-left, .range-slider-container-right {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .range-slider-container-left, .range-slider-container-right {
    min-height: 88px;
  }
}

.range-slider-container-left {
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
}

.range-slider-container-right {
  padding-left: 73px;
  min-width: 204px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  align-content: center;
}

.range-slider-container-right.has-icon {
  padding-left: 53px;
  min-width: 250px;
}

.range-slider-container-label {
  color: #7c8088;
  font-size: 13px;
  margin-bottom: 17px;
}

.range-slider-container-slider {
  width: 100%;
  margin: 0 14px;
}

.range-slider-container-price {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 0;
}

.range-slider-container-prefix, .range-slider-container-suffix {
  color: #7c8088;
  font-size: 13px;
}

.range-slider-container-icon {
  margin-left: auto;
  margin-right: -4px;
  height: 64px;
  width: 64px;
}

.range-slider-container-value {
  color: #1062FE;
  font-size: 24px;
  line-height: 24px;
  margin: 12px 0;
  font-weight: 400;
}

.range-slider-container-suffix {
  opacity: 400;
}

.range-slider-container .range-slider-container-range {
  margin-right: 30px;
  color: #333640;
  opacity: 0.5;
}

.range-slider-container * + .range-slider-container-range {
  margin-left: 16px;
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .range-slider-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
  }
  .range-slider-container-right {
    margin-left: 0;
    padding: 0;
    margin-top: 64px;
  }
}

.content-slider {
  position: relative;
  overflow: hidden;
}

.content-slider-wrapper {
  display: -webkit-box;
  display: flex;
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  padding: 0;
}

.content-slider-item {
  white-space: nowrap;
  width: auto;
}

.content-slider-item:first-child {
  margin-left: 16px;
}

.content-slider-item:last-child {
  margin-right: 16px;
}

/*
*******************************************
Email Verification
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Email Verification - General
*******************************************
*/
.email-verification.alert {
  border-top: 0;
  border-left: 0 !important;
  border-right: 0;
  margin: 0;
  border-radius: 0px;
}

.email-verification.alert .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.email-verification.alert .alert-body {
  -webkit-box-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  margin-right: 16px;
}

.email-verification.alert .alert-body i {
  padding-right: 8px;
}

.email-verification.alert .text {
  display: block;
  padding: 6px 0;
}

.email-verification.alert .alert-actions {
  padding-left: 0px;
}

.lagom-layout-left .email-verification {
  margin-left: 116px;
}

.lagom-layout-left-wide .email-verification {
  margin-left: 240px;
}

/*
*******************************************
2. Email Verification - Responsive
*******************************************
*/
@media (min-width: 992px) {
  .lagom-layout-left-wide .email-verification {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1003;
  }
  .lagom-layout-left-wide .email-verification:not([style="display: none;"]) + .app-main {
    padding-top: 61px;
  }
}

@media (max-width: 991px) {
  .lagom-layout-left-wide .email-verification,
  .lagom-layout-left .email-verification {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .email-verification .container {
    -webkit-box-flex: 1;
            flex: 1;
  }
  .email-verification .alert-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .email-verification .alert-body .btn {
    margin-top: 8px;
    width: 100%;
  }
  .email-verification .alert-actions {
    align-self: flex-start;
    margin-top: 4px;
  }
}

.dropdown-menu > li > a .label {
  float: right;
}

.dropdown-account {
  min-width: 240px !important;
}

.dropdown-account > li > a .label {
  text-transform: none;
}

.twofa-module {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  margin-bottom: 16px;
  cursor: pointer;
}

.twofa-module:hover, .twofa-module:focus {
  border-color: #dcdee2;
}

.twofa-module.active {
  border-color: #1062FE;
}

.twofa-module .col-logo {
  width: 64px;
  flex-shrink: 0;
}

.twofa-module .col-logo > img {
  max-height: 48px;
  max-width: 100%;
}

.twofa-module > * + * {
  margin-left: 16px;
}

/*
*******************************************
Order
1. Featured TLDS
2. Tld Pricing
3. Spotlight Tlds
*******************************************
*/
.main-grid-order {
  max-width: 100%;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .main-grid-order .main-content {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .main-grid-order .main-content .order-content {
    -webkit-box-flex: 1;
            flex: 1;
    width: 100%;
    max-width: 788px;
  }
}

@media (min-width: 992px) {
  .main-grid-order .main-content .order-sidebar {
    width: 340px;
    padding-left: 48px;
  }
}

.main-grid-order-domain {
  max-width: 928px;
}

.main-grid-order-domain .main-content .order-content {
  max-width: none;
}

/*
*******************************************
1. Order - Featured TLDS
*******************************************
*/
.featured-tlds-container {
  margin-top: 24px;
  margin-bottom: 22px;
}

.featured-tlds-container .featured-tld {
  margin: 0 0 20px 0;
  border: none;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  overflow: hidden;
}

.featured-tlds-container .featured-tld .img-container {
  padding: 40px;
  height: 160px;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: end;
          align-items: flex-end;
  position: relative;
}

.featured-tlds-container .featured-tld .img-container img {
  max-width: 57%;
  max-height: 97%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .featured-tlds-container .featured-tld .img-container img {
    max-width: 100%;
  }
}

.featured-tlds-container .featured-tld .price {
  height: 46px;
  margin-top: -4px;
  padding-top: 4px;
  background: #fff;
  border-top: 1px solid #e6e8ec;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .featured-tld .img-container {
    height: 80px;
    line-height: 40px;
  }
}

/*
*******************************************
2. Order - Tld Pricing
*******************************************
*/
.tld-filters {
  margin-bottom: 24px;
}

.tld-pricing {
  position: relative;
  border: none;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin-bottom: 40px;
}

.tld-pricing > .row {
  display: -webkit-box;
  display: flex;
  margin: 0;
}

.tld-pricing > .row:before, .tld-pricing > .row:after {
  display: none;
}

.tld-pricing > .row > div {
  padding: 16px 16px;
  line-height: 24px;
}

.tld-pricing > .row > div:first-child {
  padding-left: 16px;
}

.tld-pricing > .row > div:last-child {
  padding-left: 16px;
}

.tld-pricing > .row > div.two-row-center {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.tld-pricing > .row > div.two-row-center strong {
  font-size: 18px;
  font-weight: 400;
}

.tld-pricing > .row > div.two-row-center .label {
  margin-left: 8px;
}

.tld-pricing > .row > div small {
  color: #7c8088;
}

.tld-pricing-header {
  font-size: 13px;
  color: #7c8088;
  font-weight: 400;
  background: #fff;
}

.tld-pricing-header.row > [class*="col-"] {
  height: 40px;
  padding: 10px 16px;
}

.tld-pricing .tld-row {
  border-top: 1px solid #e6e8ec;
}

.tld-pricing .tld-row.no-tlds {
  display: none;
}

.tld-sale-group {
  padding: 1px 3px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
}

.tld-sale-group-hot {
  background-color: #f9615a;
}

.tld-sale-group-sale {
  background-color: #f7d458;
}

.tld-sale-group-new {
  background-color: #2ad588;
}

.tld-mob-value {
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .tld-pricing .two-row-center {
    padding-bottom: 0 !important;
  }
  .tld-pricing .two-row-center + [class*="col-"] {
    padding-top: 0;
  }
  .tld-mob-value {
    display: none;
  }
  .tld-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .tld-row .tld-pricing-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .tld-row .tld-pricing-row [class*='col-'] {
    display: -webkit-box;
    display: flex;
    padding: 0;
    width: 100%;
  }
  .tld-row .tld-pricing-row [class*='col-']:before {
    display: block;
    width: 50%;
    flex-basis: 50%;
    content: attr(data-price);
  }
}

.tld-label {
  color: #7c8088;
  margin-top: 8px;
  display: block;
  font-size: 13px;
}

@media (min-width: 768px) {
  .tld-label {
    display: none;
  }
}

@media (max-width: 768px) {
  .row.tld-pricing-header {
    display: none;
  }
  .tld-label {
    display: block;
  }
}

/*
*******************************************
3. Order - Spotlight Tlds
*******************************************
*/
.spotlight-tlds-container {
  margin-left: -4px;
  margin-right: -4px;
  display: -webkit-box;
  display: flex;
}

.spotlight-tld {
  position: relative;
  overflow: hidden;
  margin: 0;
  margin-bottom: 40px;
  height: auto;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  text-align: center;
}

.spotlight-tld .spotlight-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: #fff;
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.spotlight-tld .spotlight-top {
  padding: 0;
}

.spotlight-tld .spotlight-top .spotlight-price {
  background: #fff;
  border-bottom: 1px solid #e6e8ec;
  font-size: 13px;
}

.spotlight-tld .spotlight-content {
  position: relative;
  overflow: hidden;
  border-top: none;
  padding: 24px 0;
}

.spotlight-tld .spotlight-content .extension {
  font-size: 24px;
  font-weight: 400;
  margin: 0;
}

.spotlight-tld .spotlight-footer {
  background-color: #ebf4fd;
}

.spotlight-tld .spotlight-footer .btn {
  margin: 0;
  min-width: 0;
}

.spotlight-tld-container {
  margin-top: 24px;
  padding: 0 4px;
}

.spotlight-tld-container-1, .spotlight-tld-container-2, .spotlight-tld-container-3, .spotlight-tld-container-4 {
  padding: 0 8px;
}

.spotlight-tld-container-1 .spotlight-content, .spotlight-tld-container-2 .spotlight-content, .spotlight-tld-container-3 .spotlight-content, .spotlight-tld-container-4 .spotlight-content {
  padding: 24px 0;
}

.spotlight-tld-container-1 .spotlight-content .extension, .spotlight-tld-container-2 .spotlight-content .extension, .spotlight-tld-container-3 .spotlight-content .extension, .spotlight-tld-container-4 .spotlight-content .extension {
  font-size: 24px;
  font-weight: 500;
}

.spotlight-tld-container-1 {
  width: 100%;
}

.spotlight-tld-container-2 {
  width: 50%;
}

.spotlight-tld-container-3 {
  width: 33.3%;
}

.spotlight-tld-container-4 {
  width: 25%;
}

.spotlight-tld-container-5 {
  width: 20%;
}

.spotlight-tld-container-6 {
  width: 16.6%;
}

.spotlight-tld-container-7 {
  width: 14.28%;
}

.spotlight-tld-container-8 {
  width: 12.5%;
}

.spotlight-tld.unavailable .spotlight-content .extension {
  color: #acb0b8;
}

.spotlight-tld.unavailable .btn-unavailable {
  background-color: transparent;
  color: #acb0b8;
}

.spotlight-tld.unavailable .spotlight-footer {
  background-color: #f6f7f8;
}

.label-corner {
  top: 4px;
  left: -36px;
  width: 100px;
  position: absolute;
  max-height: 16px;
  font-size: 10px;
  padding: 4px;
  color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .label-corner {
    line-height: 1;
  }
}

.suggested-domains h4 {
  font-weight: 500;
  margin-bottom: 24px;
}

.domain-lookup-result {
  margin-bottom: 0;
}

.domain-lookup-result > :last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.domain-lookup-result.list-group {
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 4px;
  overflow: hidden;
}

.domain-lookup-result.list-group .list-group-item {
  padding: 20px 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.domain-lookup-result.list-group .list-group-item .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.domain-lookup-result.list-group .list-group-item .content .label {
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 4px 5px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  text-transform: uppercase;
  margin-left: 8px !important;
}

.domain-lookup-result.list-group .list-group-item .domain {
  font-size: 16px;
  line-height: 26px;
  color: #2a2e36;
}

.domain-lookup-result.list-group .list-group-item .actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.domain-lookup-result .btn-add-to-cart {
  min-width: 136px;
}

.domain-lookup-result > .domain-suggestion:not(:last-of-type) {
  border-bottom: 1px solid #e6e8ec;
}

.more-suggestions {
  padding: 8px 16px;
  background-color: #f6f7f8;
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border: 1px solid #e6e8ec;
}

.more-suggestions .btn {
  min-width: 256px;
}

.domain-suggestion.unavailable .domain, .domain-suggestion.unavailable .extension, .domain-suggestion.unavailable .price {
  color: #acb0b8 !important;
}

.domain-suggestion.unavailable .btn.btn-info {
  background-color: #f6f7f8;
  color: #acb0b8;
}

.domain-suggestion.unavailable .promo.new {
  background-color: #e6e8ec;
}

.domain-suggestion.added {
  background-color: #e3effc;
}

.domain-suggestion .price {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-right: 37px;
  margin-right: 37px;
  text-align: right;
  color: #2a2e36;
  font-size: 16px;
  line-height: 26px;
}

.domain-suggestion .price span {
  margin-top: -5px;
  color: #ee848b;
  font-size: 13px;
  line-height: 18px;
}

.domain-suggestion .extension {
  font-weight: 16px;
  font-size: 16px;
}

.domain-suggestions-warning {
  font-size: 13px;
  line-height: 18px;
  margin-top: 16px;
  color: #7c8088;
}

#primaryLookupSearching,
#DomainSearchResults {
  margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .spotlight-tld-container-5,
  .spotlight-tld-container-6 {
    width: 33.3%;
  }
  .spotlight-tld-container-7,
  .spotlight-tld-container-8 {
    width: 25%;
  }
}

@media screen and (max-width: 580px) {
  .spotlight-tld-container-3,
  .spotlight-tld-container-4,
  .spotlight-tld-container-5,
  .spotlight-tld-container-6,
  .spotlight-tld-container-7,
  .spotlight-tld-container-8 {
    width: 50%;
  }
}

/*-------- Promo Box ---------*/
.domain-promo-box {
  border: none;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 40px 24px 24px;
}

.promo-box-icon {
  margin-right: 24px;
}

.promo-box-icon img {
  width: 100%;
  max-width: 80px;
  max-height: 80px;
}

.promo-box-header h3 {
  margin-bottom: 0;
}

.promo-box-header .description {
  margin-bottom: 0;
  color: #7c8088;
  font-size: 14px;
  line-height: 24px;
}

.promo-box-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.promo-box-content {
  display: -webkit-box;
  display: flex;
}

.promo-box-content-between {
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.promo-box-content .promo-description {
  font-size: 13px;
  color: #acb0b8;
  margin-bottom: 0;
  line-height: 18px;
  width: 50%;
  flex-basis: 50%;
}

.promo-box-content .promo-description + .btn {
  margin-left: 10px;
}

.promo-box-content + .promo-box-content {
  margin-top: 48px;
}

.spotlight-tld .btn span {
  padding: 0;
}

.spotlight-tld .results {
  display: none;
}

.domain-checker-result-headline {
  margin: 20px 0;
}

.domain-checker-result-headline .message-no-data {
  min-height: auto;
}

.domain-price .price {
  margin-top: -16px;
  margin-bottom: 17px;
  text-align: center;
}

.promo-code-description {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-weight: 500;
  color: #1062FE;
  font-size: 17px;
}

.promo-code-description span {
  margin-left: 8px;
}

.empty-cart-text {
  min-height: 120px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .empty-cart-text {
    height: 120px;
  }
}

.border-primary {
  border-color: #1062FE;
}

/*
*******************************************
1. Order - Order Summary
*******************************************
*/
.order-summary {
  background: #1062FE;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  padding: 16px;
  position: relative;
  z-index: 1;
}

.order-summary > h2 {
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}

.order-summary-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
  margin-top: 17px;
}

.order-summary-list {
  margin-bottom: 0;
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  padding: 10px 0 8px;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
}

.order-summary-list.faded {
  color: rgba(255, 255, 255, 0.64);
}

.order-summary-list .product-name {
  padding-bottom: 8px;
}

.order-summary-list .product-name .item-name {
  font-size: 15px;
  font-weight: 500;
}

.order-summary-list .list-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-top: 4px;
  padding-bottom: 4px;
}

.order-summary-list .list-item-title {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}

.order-summary-list .list-item.faded {
  color: rgba(255, 255, 255, 0.64);
}

.order-summary-list .list-item .item-value {
  flex-basis: 40%;
  text-align: right;
  padding-left: 8px;
}

.order-summary-list .list-item .item-value .line-through,
.order-summary-list .list-item .item-value [style*="font-size: 1.2em; text-decoration: line-through;"] {
  font-size: inherit !important;
  color: rgba(255, 255, 255, 0.48);
}

.order-summary-list .list-item .item-name {
  max-width: 60%;
  flex-basis: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-summary-list .list-item .item-name span {
  color: rgba(255, 255, 255, 0.64);
}

.order-summary-list .list-item .item-actions {
  padding-left: 8px;
}

.order-summary-list .list-item .item-actions a {
  color: rgba(255, 255, 255, 0.64);
}

.order-summary-list .list-item .item-actions a:hover {
  color: #fff;
}

.order-summary .subtotal {
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  padding-bottom: 8px;
}

.order-summary .total-due-today {
  padding-top: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.order-summary .total-due-today .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
}

.order-summary .total-due-today-text {
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.64);
  font-weight: 400;
}

.order-summary .total-due-today .basket-icon {
  color: #ffffff;
  align-self: flex-end;
  padding: 0 1px 2px 0;
}

.order-summary > .loader {
  position: absolute;
  top: 20px;
  right: 29px;
}

.order-summary + .alert-panel {
  margin-top: -4px;
  padding-top: 16px;
}

.order-summary + .alert-panel .alert-icon:before {
  top: 18px;
}

#order-standard_cart .view-cart-items {
  border-bottom: none;
}

.promo-code {
  margin-bottom: 0;
  display: -webkit-box;
  display: flex;
}

.promo-code .form-control {
  width: 100%;
}

.promo-code .btn {
  flex-shrink: 0;
  margin-left: 8px;
}

/*----------- Cart products ----------*/
.cart-item > .row > * {
  min-height: 42px;
}

.cart-item-title {
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
}

.cart-item-title h2 {
  color: #2a2e36;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
}

.cart-item-price {
  display: block;
  padding: 9px 0;
  font-size: 15px;
  font-weight: 500;
}

.cart-item-price-dropdown {
  padding: 0;
}

.cart-item-price .btn {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
}

.cart-item-price .caret {
  margin-left: 8px;
}

.cart-item-price [style*="font-size: 1.2em; text-decoration: line-through;"] {
  color: #7c8088;
  font-size: 15px !important;
  font-weight: 300 !important;
}

.cart-item-qty-placeholder {
  padding: 9px 0;
}

@media only screen and (max-width: 767px) {
  .cart-item-qty-placeholder {
    height: 100%;
    padding: 34px 0 0 16px;
    border-right: 1px solid #e6e8ec;
    border-top: 1px solid #e6e8ec;
  }
}

.cart-item-actions {
  padding: 7px 0;
  -webkit-box-pack: end;
          justify-content: flex-end;
  flex-wrap: nowrap;
}

.cart-item .prod-actions {
  padding-right: 0;
}

.cart-item .renewal {
  display: block;
  margin-bottom: -8px;
  color: #acb0b8;
  font-size: 12px;
  font-weight: 400;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.input-number {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  height: 42px;
  background-color: #fff;
  border: 1px solid #dcdee2;
  border-radius: 2px;
  transition: border-color 0.24s ease, box-shadow 0.24s ease;
}

.input-number.is-active {
  border-color: #1062FE;
}

.input-number.is-active .input-number-actions {
  border-left-color: #1062FE;
}

.input-number input {
  max-height: 42px;
  padding: 8px;
  border: none;
  box-shadow: none;
  max-width: calc(100% - 22px);
}

.input-number input:focus {
  outline: 0;
}

.input-number-actions {
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.input-number-actions .plus, .input-number-actions .minus {
  min-height: 17px;
  padding-left: 4px;
  padding-right: 4px;
  height: 50%;
  width: 21px;
  transition: all .4s;
}

.input-number-actions .plus:hover, .input-number-actions .minus:hover {
  cursor: pointer;
  background-color: #e6e8ec;
}

.input-number-actions .plus {
  position: relative;
}

.input-number-actions .plus:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 37%;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #b9bdc5;
}

.input-number-actions .minus {
  position: relative;
}

.input-number-actions .minus:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 37%;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #b9bdc5;
}

.additional-information {
  margin-top: 8px;
  list-style: none;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 16px;
  margin-left: 16px;
}

.additional-information li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  line-height: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}

@media (max-width: 1199px) {
  .additional-information li > .content {
    flex-basis: 57.333%;
    width: 57.333%;
    min-width: 57.333%;
  }
}

@media (min-width: 1200px) {
  .additional-information li > .content {
    flex-basis: 66%;
    width: 66%;
    min-width: 66%;
  }
}

@media (max-width: 1199px) {
  .additional-information li > :last-child {
    flex-basis: 42.677%;
    width: 42.677%;
    min-width: 42.677%;
  }
}

@media (min-width: 1200px) {
  .additional-information li > :last-child {
    flex-basis: 34%;
    width: 34%;
    min-width: 34%;
  }
}

.additional-information li:last-child {
  padding-bottom: 0;
}

.additional-information li .item-name {
  color: #acb0b8;
}

.additional-information-price {
  margin-top: 14px;
  list-style: none;
  padding-left: 0;
  font-size: 13px;
  color: #7c8088;
}

.cart-heading {
  padding: 15px;
  margin-bottom: 0;
  font-size: 13px;
  color: #7c8088;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}

.cart-heading .row {
  line-height: 1;
}

.cart-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-item + .panel-footer {
  background-color: #fff;
  margin-top: -1px;
}

.address-heading {
  margin-bottom: 8px;
}

address {
  margin-bottom: 0;
}

.credit-balance {
  margin-bottom: 0;
  color: #1062FE;
  font-size: 24px;
  line-height: 34px;
}

.credit-balance-title {
  margin-bottom: 8px;
  font-size: 13px;
  color: #7c8088;
}

.panel-payment-method .panel-body .radio,
.panel-collapse-custom .panel-body .radio {
  padding-top: 8px;
  padding-bottom: 6px;
  margin-top: 0;
  margin-bottom: 0;
}

.panel-payment-method .panel-body .radio-styled,
.panel-collapse-custom .panel-body .radio-styled {
  margin-right: 16px;
}

.panel-payment-method .panel-body .radio-styled.checked + span,
.panel-collapse-custom .panel-body .radio-styled.checked + span {
  color: #000;
}

.panel-payment-method .panel-body + .panel-body,
.panel-collapse-custom .panel-body + .panel-body {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.order-content .text-divider span {
  background-color: #fff;
}

[data-collapse] .progress {
  background-color: #e6e8ec;
}

[data-collapse] .panel-body.is-active {
  background-color: #f6f7f8;
  border: 1px solid #1062FE;
}

/*------- Domain Configuration -------*/
.domain-information {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 24px;
}

.domain-information-top, .domain-information-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.domain-information-title h2 {
  margin-bottom: 0;
}

.domain-information-price {
  margin-left: auto;
}

.domain-information-price .price {
  font-size: 24px;
  font-weight: 500;
}

.domain-information-info {
  display: -webkit-box;
  display: flex;
  margin-top: 10px;
}

.domain-information-info .domain-hosting-info > .ls {
  margin: 0 14px 0 0;
}

.domain-information-info .domain-hosting-info .ls-info-circle {
  display: inline-block;
  height: 18px;
  width: 18px;
  text-align: center;
  line-height: 18px;
  color: #1062FE;
}

.domain-information-info .domain-period-info {
  margin-left: auto;
  color: #acb0b8;
}

.domain-information:last-child {
  margin-bottom: 0;
}

.addon-products {
  margin-top: 32px;
  padding-left: 32px;
  margin-bottom: 0px !important;
}

.addon-products .panel-body {
  margin-bottom: 0;
}

.addon-products .panel-check {
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .row.addon-products > .col-sm-4:not(:last-of-type) .panel-check {
    margin-bottom: 16px;
  }
}

.panel-domain-additional {
  padding-left: 48px;
  padding-top: 24px;
  color: #7c8088;
  border-top: 1px solid #e6e8ec;
}

.panel-domain-additional ul {
  color: #7c8088;
  padding-left: 16px;
}

.panel-domain-additional em {
  font-size: 13px;
}

.panel-domain-additional sup {
  margin-left: 8px;
  margin-top: -8px;
}

.panel-domain-additional sup[title] {
  transition: 0.24s ease;
}

.panel-domain-additional sup[title]:hover {
  color: #015abe;
}

.panel-domain-additional .input-inline {
  float: left;
  margin-right: 4px;
  max-width: 100%;
}

.panel-domain-additional .form-control {
  max-width: 100%;
}

.panel-domain-additional .checkbox-styled {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 992px) {
  .panel-domain-additional .input-inline {
    width: 98%;
  }
}

@media (max-width: 991px) {
  .panel-domain-additional .input-inline {
    width: 96%;
  }
}

@media (max-width: 767px) {
  .panel-domain-additional .input-inline {
    width: 94%;
  }
}

/*---------- Bottom Bar sticky ----------*/
.bottom-action-sticky {
  display: -webkit-box;
  display: flex;
  opacity: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background-color: #ffffff;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
  height: 75px;
  position: fixed;
  bottom: 0;
  width: auto !important;
  left: 0;
  right: 0;
  z-index: -1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bottom-action-sticky {
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

.bottom-action-sticky .badge {
  padding: 7px 10px;
  border-radius: 26px;
}

.bottom-action-sticky .content-dropdown {
  display: none;
}

.bottom-action-sticky .content-dropdown .dropdown-menu {
  bottom: 100%;
  top: auto;
}

.bottom-action-sticky .content-actions {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
}

.bottom-action-sticky .content-actions > .btn {
  white-space: normal;
  text-align: left;
  line-height: 18px;
}

.bottom-action-sticky .content-actions > .btn > i {
  margin-right: 16px;
}

.bottom-action-sticky .content-actions :first-child {
  margin-left: auto;
}

.bottom-action-sticky .space-between > .content + .content {
  flex-basis: 80%;
  text-align: right;
}

@media only screen and (max-width: 991px) {
  .bottom-action-sticky .space-between > .content + .content {
    flex-basis: 50%;
  }
}

@media only screen and (max-width: 991px) {
  .bottom-action-sticky .space-between .content, .bottom-action-sticky .space-between .content-dropdown {
    flex-basis: 50%;
    -webkit-box-pack: left;
            justify-content: left;
    flex-wrap: nowrap;
  }
}

.is-actions .bottom-action-sticky {
  opacity: 1;
  z-index: 600;
}

@media (min-width: 992px) {
  .bottom-action-sticky .content.flex-basis-auto {
    flex-basis: auto !important;
  }
}

@media (min-width: 768px) {
  .bottom-action-sticky {
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  .bottom-action-sticky .container {
    width: 100%;
    padding: 0;
  }
}

/*------------ Configure Product --------------*/
.product-info {
  list-style: none;
}

.check-cycle .check-subtitle {
  color: #7c8088;
  font-size: 12px;
  line-height: 18px;
}

.check-cycle .check-subtitle .save,
.check-cycle .check-subtitle .text-primary {
  margin-top: 8px;
  text-transform: uppercase;
}

.checked .check-cycle .save {
  color: #1062FE;
}

.panel-range-slider .irs-from, .panel-range-slider .irs-to, .panel-range-slider .irs-single {
  background: #1c4178;
  padding: 7px 10px;
  font-size: 17px;
  border-radius: 2px;
  top: -28px;
}

.panel-range-slider .irs-from:after, .panel-range-slider .irs-to:after, .panel-range-slider .irs-single:after {
  border-top-color: #1c4178;
}

.panel-range-slider .irs-bar, .panel-range-slider .irs-bar-edge {
  background: #1062FE;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.panel-range-slider .irs-with-grid .irs-grid {
  display: none;
}

.panel-range-slider .irs-with-grid {
  height: 60px;
}

.panel-range-slider .irs-min {
  bottom: -10px;
  display: block;
  top: auto;
  visibility: visible !important;
  background: transparent;
}

.panel-range-slider .irs-max {
  bottom: -10px;
  display: block;
  top: auto;
  visibility: visible !important;
  background: transparent;
}

.panel-range-slider .irs-slider.single {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 16px;
  padding-right: 16px;
  top: 16px;
  height: 24px;
  border-radius: 2px;
}

.panel-range-slider .irs-slider.single:hover {
  cursor: pointer;
}

.panel-range-slider .irs-slider.single:before {
  content: '';
  position: absolute;
  height: 60%;
  width: 1px;
  top: 50%;
  left: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.1);
}

.panel-range-slider .irs-slider.single:after {
  content: '';
  position: absolute;
  height: 60%;
  width: 1px;
  top: 49%;
  left: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.1);
}

.panel-range-slider [name*='configoption'] {
  display: none;
}

.panel-range-slider .irs-bar {
  left: 0 !important;
}

.panel-range-slider .irs-line .irs-line-left, .panel-range-slider .irs-line .irs-line-mid, .panel-range-slider .irs-line .irs-line-right {
  background: #e6e8ec;
  height: 6px;
}

.order-summary-mob,
.order-summary-mob h2 {
  display: none;
}

.overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.panel-cart > :nth-last-child(2) {
  margin-bottom: 0;
}

/*------------ Cart product RESPONSIVE ---------------*/
@media (max-width: 991px) {
  #scrollingPanelContainer, .order-summary {
    display: none;
  }
  .mob-order-summary {
    display: block;
  }
  .mob-order-summary .order-summary {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 200;
    bottom: 0;
    border-radius: 0;
  }
  .mob-order-summary .order-summary h2 {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .domain-promo-box {
    margin-bottom: 16px;
  }
  .categories-collapsed {
    margin-bottom: 16px;
  }
  .categories-collapsed .dropdown-menu {
    max-height: 288px;
  }
  .order-summary-mob {
    border-radius: 0;
    display: block;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 1003;
    bottom: 0;
    padding: 0;
  }
  .order-summary-mob .btn-rounded {
    background-color: rgba(255, 255, 255, 0.24);
    border: none;
  }
  .order-summary-mob .order-summary-actions .btn {
    border-radius: 0;
  }
  .order-summary-mob .total-due-today {
    padding-left: 16px;
    padding-right: 16px;
  }
  .order-summary-mob .summary-container > .content {
    display: none;
    max-height: calc(100vh - 137px);
    overflow: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
  .order-summary-mob > .loader {
    top: 37px;
    right: 64px;
  }
  .bottom-action-sticky .content-actions {
    display: none;
  }
  .bottom-action-sticky .content-dropdown {
    display: block;
  }
  .bottom-action-sticky .m-w-1160 {
    max-width: 750px;
  }
  .page-configureproductdomain .main-body {
    overflow: visible;
  }
}

@media only screen and (max-width: 767px) {
  .panel-cart {
    box-shadow: none;
    background: none;
  }
  .mob-border-0 {
    border: none;
  }
  .cart-heading {
    display: none;
  }
  .cart-item {
    position: relative;
    margin-bottom: 16px;
    border: none;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
    padding: 32px 0 0 0;
  }
  .cart-item .row {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
  }
  .cart-item .row [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
  }
  .cart-item .row .prod-name {
    padding-left: 15px;
    -webkit-box-ordinal-group: 2;
            order: 1;
    min-width: 69%;
    flex-basis: 69%;
    width: 69%;
    margin-bottom: 8px;
  }
  .cart-item .row .prod-name:before {
    top: -16px;
    content: attr(data-content);
    position: absolute;
    color: #7c8088;
    font-size: 13px;
  }
  .cart-item .row .prod-desc {
    -webkit-box-ordinal-group: 3;
            order: 2;
    display: -webkit-box;
    display: flex;
    width: 100%;
  }
  .cart-item .row .prod-desc .content {
    width: 100%;
  }
  .cart-item .row .prod-desc .content .item-value, .cart-item .row .prod-desc .content .item-name {
    color: #7c8088;
  }
  .cart-item .row .prod-desc .additional-information {
    margin-left: 0;
    border-left: none;
    margin-top: -4px;
  }
  .cart-item .row .prod-qty {
    -webkit-box-ordinal-group: 4;
            order: 3;
    min-height: 68px;
    min-width: 50%;
    flex-basis: 50%;
    width: 50%;
    position: relative;
  }
  .cart-item .row .prod-qty .input-number.is-active .input-number-actions {
    border-left-color: transparent;
  }
  .cart-item .row .prod-qty:before {
    top: 8px;
    left: 15px;
    content: attr(data-content);
    position: absolute;
    color: #7c8088;
    font-size: 13px;
    z-index: 3;
  }
  .cart-item .row .prod-qty .input-number {
    height: 100%;
    margin-bottom: -1px;
    border-bottom-width: 0;
    border-left-width: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 2px;
    z-index: 1;
  }
  .cart-item .row .prod-qty .input-number.is-active {
    border-bottom-width: 1px;
    border-left-width: 1px;
  }
  .cart-item .row .prod-qty .input-number input {
    padding-left: 16px;
    align-self: flex-end;
  }
  .cart-item .row .prod-price {
    -webkit-box-ordinal-group: 5;
            order: 4;
    min-width: 50%;
    flex-basis: 50%;
    width: 50%;
    background: #ffffff;
  }
  .cart-item .row .prod-price:before {
    top: 8px;
    left: 15px;
    content: attr(data-content);
    position: absolute;
    color: #7c8088;
    font-size: 13px;
  }
  .cart-item .row .prod-price.item-price-changed:before {
    display: none;
  }
  .cart-item .row .prod-price .btn {
    height: 100%;
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .cart-item .row .prod-price .cart-item-price {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 34px;
    height: 100%;
    padding-left: 15px;
    padding-bottom: 8px;
  }
  .cart-item .row .prod-price .cart-item-price .dropdown {
    padding-right: 15px;
  }
  .cart-item .row .prod-price .form-control {
    border: none;
    outline: 0;
    padding: 0;
    height: 24px;
  }
  .cart-item .row .prod-price.no-qty {
    flex-basis: 100%;
  }
  .cart-item .row .prod-price.no-qty .cart-item-price {
    padding-right: 15px;
  }
  .cart-item .row .prod-actions {
    padding-right: 8px;
    -webkit-box-ordinal-group: 3;
            order: 2;
    min-width: 30%;
    flex-basis: 30%;
    width: 30%;
    margin-bottom: 8px;
  }
  .cart-item .row .prod-actions .btn {
    width: 24px;
  }
  .cart-item .row .prod-actions .cart-item-actions {
    -webkit-box-align: right;
            align-items: right;
  }
  .cart-item + .panel-footer {
    margin-top: 16px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border: none;
  }
  .cart-item + .panel-footer .content {
    display: -webkit-box;
    display: flex;
    width: 100%;
  }
  .cart-item + .panel-footer .content .btn {
    margin-right: 4px;
    width: 50%;
  }
  .cart-item + .panel-footer .content .btn:last-child {
    margin-right: 0;
    margin-left: 4px;
  }
  .cart-item + .panel-footer .content:last-child .btn {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .panel-domain-additional {
    padding-left: 16px;
  }
  .row.addon-products {
    margin-bottom: 0;
  }
  .spotlight-tlds-container {
    flex-wrap: wrap;
  }
  .spotlight-tld-container {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
  }
  .spotlight-tld-container .spotlight-tld {
    margin-bottom: 8px;
  }
  .promo-box-content-between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .promo-box-content .promo-description {
    width: 100%;
  }
  .promo-box-content .promo-description + .btn {
    margin-left: 0;
    margin-top: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .bottom-action-sticky .content {
    width: 100%;
  }
  .bottom-action-sticky .content .btn.dropdown-toggle {
    text-transform: capitalize;
    font-size: 14px;
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
}

@media only screen and (max-width: 575px) {
  .domain-lookup-result .domain-suggestion .actions {
    margin-left: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .domain-lookup-result .domain-suggestion .actions .price {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .row.addon-products {
    padding-left: 0 !important;
  }
  .promo-box-content {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .promo-box-content .promo-box-icon {
    margin-right: 0;
  }
  .promo-box-content + .promo-box-content {
    margin-top: 16px;
  }
  .categories-collapsed {
    margin-bottom: 0;
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .categories-collapsed .form-control,
  .categories-collapsed .dropdown {
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) {
  .order-content #creditCardInputFields {
    padding-left: 35px;
  }
}

.order-content #creditCardInputFields .panel-body {
  margin-left: 0px !important;
  padding-left: 16px;
}

.order-content #creditCardInputFields .panel-body .list-info.list-info-v {
  margin-bottom: 18px;
}

.order-content .stripe #creditCardInputFields > .nav-tabs + .panel-body {
  padding-top: 15px;
  padding-bottom: 15px;
}

.order-content .stripe #creditCardInputFields #newCardInfo {
  display: none !important;
}

.order-content .stripe #creditCardInputFields #stripeElements {
  display: block !important;
  opacity: 0;
}

.order-content .stripe .panel-collapse.in #creditCardInputFields #stripeElements {
  opacity: 1;
}

.main-grid-order .main-content .alert {
  width: 100%;
}

/*
*******************************************
Affiliates
1. Stat
2. Referral Link 
*******************************************
*/
/*
*******************************************
1. main - Stat
*******************************************
*/
.affiliate-stat {
  margin: 0;
  padding: 15px;
  font-size: 1.6em;
  text-align: center;
}

.affiliate-stat span {
  display: block;
  font-size: 2.4em;
}

.affiliate-stat i {
  float: left;
  padding: 10px;
  font-size: 4em;
}

@media (max-width: 1200px) {
  .affiliate-stat {
    font-size: 1.2em;
  }
  .affiliate-stat span {
    font-size: 2.1em;
  }
  .affiliate-stat i {
    font-size: 3.6em;
  }
}

@media (max-width: 992px) {
  .affiliate-stat {
    font-size: 1.0em;
  }
  .affiliate-stat span {
    font-size: 1.6em;
  }
  .affiliate-stat i {
    font-size: 3em;
  }
}

/*
*******************************************
1. Affiliates - Referral Link 
*******************************************
*/
.affiliate-referral-link {
  margin: 40px 0;
}

.affiliate-referral-link span {
  display: block;
  margin: 0;
  padding: 10px;
  font-size: 1.4em;
  border-radius: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
}

/*
*******************************************
2. Affiliates - Banner
*******************************************
*/
.main-body-affiliates {
  padding-top: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.main-body-affiliates .main-content {
  min-height: auto;
}

.banner {
  color: #ffffff;
  padding-top: 64px;
  padding-bottom: 64px;
}

.banner-affiliates {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  /*background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);*/
  background: url(https://d3v4rhak1idvjq.cloudfront.net/images/bg-b.svg) no-repeat;
    background-size: cover;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .banner-affiliates {
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

.banner-affiliates .container {
  max-width: 500px;
}

.banner-affiliates .container .faded {
  opacity: .48;
  font-size: 17px;
  margin-bottom: 32px;
}

.banner-affiliates .banner-title {
  font-size: 42px;
  line-height: 56px;
  font-weight: 500;
  color: #ffffff;
}

.banner-affiliates + .main-content {
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
}

.banner-affiliates + .main-content:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.1);
  width: 1px;
  height: 100%;
}

@media only screen and (max-width: 991px) {
  .banner-affiliates + .main-content:before {
    background-color: transparent;
  }
}

@media only screen and (max-width: 991px) {
  .banner-affiliates + .main-content .row [class*='col-'] {
    margin-bottom: 24px;
  }
  .banner-affiliates + .main-content .row [class*='col-']:last-child {
    margin-bottom: 0;
  }
}

.banner-affiliates + .main-content small {
  color: #acb0b8;
}

.banner-affiliates + .main-content .svg-icon {
  max-width: 64px;
  margin-bottom: 16px;
}

.page-xtreamcode .panel.panel_design {
  border: none;
}

.page-xtreamcode .panel.panel_design > .panel-heading {
  background-color: transparent;
}

.page-xtreamcode .panel.panel_design .list-group .list-group-item {
  box-shadow: none;
}

/*
*******************************************
Announcement
1. Single
*******************************************
*/
/*
*******************************************
1. Announcement - Single
*******************************************
*/
.annoucements {
  background: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.annoucements-rss {
  padding-top: 32px;
}

.annoucements .announcement-item {
  cursor: pointer;
  transition: 0.24s ease;
}

.annoucements .announcement-item:hover {
  background-color: #e3effc;
}

.annoucements .announcement-item {
  display: block;
  padding: 27px 16px 30px;
}

.annoucements .announcement-item:not(:last-of-type) {
  border-bottom: 1px solid #e6e8ec;
}

.annoucements .announcement-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 13px;
  color: #1062FE;
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
}

.annoucements .announcement-title:before {
  width: 12px;
  align-self: flex-start;
  display: -webkit-inline-box;
  display: inline-flex;
  margin-right: 12px;
  font-size: 12px;
  content: "";
  font-family: "lagom-small-icons";
}

.annoucements .announcement-body {
  padding: 0 0 24px 24px;
}

.annoucements .announcement-body p {
  color: #7c8088;
}

.annoucements .announcement-body p:last-child {
  margin-bottom: 0;
}

.annoucements .announcement-footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-left: 24px;
}

.annoucements .announcement-footer .btn + .btn {
  margin-left: 8px;
}

.annoucements .announcement-details {
  display: -webkit-box;
  display: flex;
  margin-left: auto;
}

.annoucements .announcement-details > * + * {
  margin-left: 16px;
}

.annoucements .announcement-category > .tag {
  color: #acb0b8;
}

.annoucements .announcement-category > .tag i {
  color: #b9bdc5;
  margin-right: 8px;
}

.annoucements .announcement-date, .annoucements .announcement-category {
  color: #acb0b8;
  font-size: 13px;
}

.annoucements .pagination {
  border-radius: 0;
  border-width: 1px 0 0;
}

.btn-article-edit {
  margin-left: auto;
}

.annoucements-socials > * {
  margin-right: 8px;
}

.article {
  padding: 24px;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: none;
}

.article-date {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: #2a2e36;
  margin-bottom: 24px;
}

.article-date i {
  margin-right: 8px;
}

.article-details {
  display: -webkit-box;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
}

.article-details > li {
  margin-right: 16px;
  color: #7c8088;
  font-size: 13px;
}

.article-details > li > i {
  margin-right: 8px;
  color: #b9bdc5;
}

.article-details > li > ul {
  display: -webkit-inline-box;
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.article-details > li > ul > li + li {
  margin-left: 8px;
}

.article-details > li > ul a {
  color: #7c8088;
}

.article-details > li > ul a:hover {
  color: #1062FE;
}

.article-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 0 22px 0;
}

.article-title > * {
  margin: 0;
}

.article-title .btn-print {
  font-size: 18px;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.article-title .btn-print:not(:hover) {
  color: #b9bdc5;
}

.article-content > *:last-child {
  margin-bottom: 0;
}

.article-content table + table,
.article-content table + p,
.article-content table + ul,
.article-content table + ol,
.article-content ol + table,
.article-content ol + p,
.article-content ol + ul,
.article-content ol + ol,
.article-content ul + table,
.article-content ul + p,
.article-content ul + ul,
.article-content ul + ol,
.article-content p + table,
.article-content p + p,
.article-content p + ul,
.article-content p + ol {
  margin-top: 16px;
}

.article-content table + blockquote,
.article-content table + .table,
.article-content table + div,
.article-content ol + blockquote,
.article-content ol + .table,
.article-content ol + div,
.article-content ul + blockquote,
.article-content ul + .table,
.article-content ul + div,
.article-content p + blockquote,
.article-content p + .table,
.article-content p + div {
  margin-top: 24px;
}

.article-content table + h1, .article-content table + h2, .article-content table + h3, .article-content table + h4, .article-content table + h5, .article-content table + h6,
.article-content ol + h1,
.article-content ol + h2,
.article-content ol + h3,
.article-content ol + h4,
.article-content ol + h5,
.article-content ol + h6,
.article-content ul + h1,
.article-content ul + h2,
.article-content ul + h3,
.article-content ul + h4,
.article-content ul + h5,
.article-content ul + h6,
.article-content p + h1,
.article-content p + h2,
.article-content p + h3,
.article-content p + h4,
.article-content p + h5,
.article-content p + h6 {
  margin-top: 36px;
}

.article-content blockquote + blockquote,
.article-content blockquote + div,
.article-content div + blockquote,
.article-content div + div {
  margin-top: 30px;
}

.article-content blockquote + table,
.article-content blockquote + p,
.article-content blockquote + ul + ol,
.article-content div + table,
.article-content div + p,
.article-content div + ul + ol {
  margin-top: 24px;
}

.article-content blockquote + h1, .article-content blockquote + h2, .article-content blockquote + h3, .article-content blockquote + h4, .article-content blockquote + h5, .article-content blockquote + h6,
.article-content div + h1,
.article-content div + h2,
.article-content div + h3,
.article-content div + h4,
.article-content div + h5,
.article-content div + h6 {
  margin-top: 42px;
}

.article-content + h1 + table,
.article-content + h1 + ol,
.article-content + h1 + ul,
.article-content + h1 + p, .article-content + h2 + table,
.article-content + h2 + ol,
.article-content + h2 + ul,
.article-content + h2 + p, .article-content + h3 + table,
.article-content + h3 + ol,
.article-content + h3 + ul,
.article-content + h3 + p, .article-content + h4 + table,
.article-content + h4 + ol,
.article-content + h4 + ul,
.article-content + h4 + p, .article-content + h5 + table,
.article-content + h5 + ol,
.article-content + h5 + ul,
.article-content + h5 + p, .article-content + h6 + table,
.article-content + h6 + ol,
.article-content + h6 + ul,
.article-content + h6 + p {
  margin-top: 16px;
}

.article-content, .article-content p, .article-content ul, .article-content ol, .article-content table {
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
}

.article-content p, .article-content ul, .article-content ol {
  color: #7c8088;
}

.article-content ul, .article-content ol {
  padding: 0;
}

.article-content ul li, .article-content ol li {
  margin-bottom: 15px;
}

.article-content ul {
  list-style: none;
}

.article-content ul li:before {
  margin-right: 8px;
  font-family: "lagom-small-icons";
  content: "";
  color: #2a2e36;
  font-size: 12px;
  vertical-align: top;
}

.article-content ol {
  counter-reset: item;
}

.article-content ol li {
  list-style-type: none;
  counter-increment: item;
}

.article-content ol li:before {
  content: counter(item) ".";
  padding-right: 0.5em;
  color: #2a2e36;
  font-weight: 500;
}

.article-content strong,
.article-content hr {
  margin-top: 40px;
  margin-bottom: 40px;
}

.article-content b {
  font-weight: 500;
  color: #2a2e36;
}

.article-content .table, .article-content table {
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #e6e8ec;
}

.article-content img {
  max-width: 100%;
  height: auto;
}

.article-footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 40px;
}

.article-share {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-left: auto;
}

.article-share .share-via {
  margin: 0 16px 0 0;
}

.article-share > a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 32px;
  height: 32px;
  color: #b9bdc5;
}

.article-share > a:hover {
  color: #1062FE;
}

.article-share > span + span {
  margin-left: 16px;
}

.article-comments,
.article + .section {
  margin-top: 40px;
}

.comment {
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border: none;
  padding: 24px;
}

.comment-top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.comment-user > i {
  width: 24px;
  height: 24px;
  margin-right: 24px;
  margin-right: 24px;
}

.comment-user .btn {
  margin-left: 16px;
}

.comment-date {
  margin-left: auto;
  color: #7c8088;
  font-size: 13px;
  line-height: 18px;
}

.comment-body {
  padding-top: 24px;
  color: #7c8088;
}

/*
*******************************************
Billing
1. Payment Methods
2. Credit Card
3. Invoice Summary
4. Mass Pay
5. Others
*******************************************
*/
/*
*******************************************
1. Billing - Payment Methods
*******************************************
*/
.panel-cc .panel-body {
  padding: 0;
}

.cc-item {
  padding: 16px 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 -8px;
  position: relative;
}

.cc-item > * {
  padding: 0 8px;
}

.cc-item-icon {
  width: 48px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.cc-item-icon img {
  max-width: 100%;
}

.cc-item-icon i,
.cc-item-icon .ls {
  font-size: 20px !important;
  color: #1062FE;
}

.cc-item-name {
  font-size: 17px;
  font-weight: 500;
  width: 20%;
  max-width: 20%;
}

.cc-item-desc {
  width: 35%;
  max-width: 35%;
  color: #7c8088;
}

.cc-item-status {
  display: -webkit-box;
  display: flex;
}

.cc-item-actions {
  margin-left: auto;
  margin-right: -8px;
}

.cc-item-actions .label,
.cc-item-actions .btn-default {
  margin-right: 8px;
}

.cc-item + .cc-item:before {
  position: absolute;
  content: '';
  top: 0;
  height: 1px;
  background: #e6e8ec;
  left: 8px;
  right: 8px;
}

@media (max-width: 767px) {
  .cc-item {
    flex-wrap: wrap;
  }
  .cc-item-icon {
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .cc-item-name {
    -webkit-box-ordinal-group: 2;
            order: 1;
    width: calc(70% - 48px);
    min-width: calc(70% - 48px);
  }
  .cc-item-desc {
    -webkit-box-ordinal-group: 4;
            order: 3;
    padding-left: 56px;
    width: 60%;
    max-width: 60%;
    font-size: 13px;
    line-height: 18px;
  }
  .cc-item-status {
    margin-left: auto;
    -webkit-box-ordinal-group: 3;
            order: 2;
    text-align: right;
  }
  .cc-item-actions {
    min-width: 30%;
    width: 30%;
    margin-top: 8px;
    -webkit-box-ordinal-group: 5;
            order: 4;
    width: 40%;
    min-width: 40%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media (max-width: 480px) {
  .cc-item-desc {
    width: 100%;
    min-width: 100%;
  }
  .cc-item-desc.empty {
    display: none;
  }
  .cc-item-actions {
    min-width: 100%;
    width: 100%;
    -webkit-box-pack: start;
            justify-content: flex-start;
    padding-left: 56px;
    margin-left: unset;
  }
}

.cc-input-container .cc-list {
  padding: 0 8px;
}

.cc-input-container .cc-item {
  padding: 8px 16px;
  background: #fff;
  margin-bottom: 8px;
  border-radius: 4px;
  transition: border 0.24s ease;
  border: 1px solid #fff;
  cursor: pointer;
}

.cc-input-container .cc-item-checkbox {
  margin-left: -8px;
}

.cc-input-container .cc-item-desc {
  width: 40%;
  max-width: 40%;
}

.cc-input-container .cc-item + .cc-item:before {
  content: unset;
}

.cc-input-container .cc-item.disabled {
  cursor: not-allowed;
  opacity: 0.8;
}

.cc-input-container .cc-item.active, .cc-input-container .cc-item:hover {
  border: 1px solid #1062FE;
}

.cc-input-container #stripeElements {
  margin-bottom: 0;
}

.cc-input-container #stripeElements .stripe-cards-inputs {
  margin: 0;
  width: 100%;
  padding: 0;
}

.cc-input-container #stripeElements .stripe-cards-inputs div[class*=col-] {
  float: left;
  padding: 0 12px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .cc-input-container #stripeElements .stripe-cards-inputs .col-md-6 {
    width: 50%;
  }
  .cc-input-container #stripeElements .stripe-cards-inputs .col-md-3 {
    width: 25%;
  }
}

@media (max-width: 768px) {
  .cc-input-container #stripeElements .stripe-cards-inputs .col-md-6 {
    width: 100%;
    margin-bottom: 16px !important;
  }
  .cc-input-container #stripeElements .stripe-cards-inputs .col-md-3 {
    width: 50%;
  }
}

.form-group .field-error-msg {
  display: none;
}

#stripeElements .control-label {
  width: 100%;
  padding: 0;
  float: none;
}

#stripeElements .StripeElement {
  padding-top: 12px;
}

#stripeElements div[class*=col-] {
  padding: 0;
  float: none;
}

@media (min-width: 768px) {
  #stripeElements .col-sm-7 {
    width: 100%;
  }
}

.fieldgroup-creditcard #stripeElements {
  margin-left: -12px;
  margin-right: -12px;
}

.fieldgroup-creditcard #stripeElements:before, .fieldgroup-creditcard #stripeElements:after {
  content: " ";
  display: table;
}

.fieldgroup-creditcard #stripeElements:after {
  clear: both;
}

.fieldgroup-creditcard #stripeElements > .cc-billing-address:not(:first-of-type) {
  width: 50%;
  float: left;
}

.fieldgroup-creditcard #stripeElements .cc-billing-address {
  padding: 0 12px;
}

.fieldgroup-creditcard #stripeElements .col-sm-2 {
  width: 100%;
}

@media (min-width: 1200px) {
  .fieldgroup-creditcard #stripeElements {
    max-width: calc(66.66667% + 16px);
  }
}

.fieldgroup-creditcard .cc-number-field {
  background-image: url("../img/creditcards/credit-card.svg");
  background-repeat: no-repeat;
  background-position: center right;
}

.fieldgroup-creditcard .cc-number-field.visa {
  background-image: url("../img/creditcards/visa.svg");
}

.fieldgroup-creditcard .cc-number-field.mastercard {
  background-image: url("../img/creditcards/mastercard.svg");
}

.fieldgroup-creditcard .cc-number-field.amex {
  background-image: url("../img/creditcards/american-express.svg");
}

.fieldgroup-creditcard .cc-number-field.discover {
  background-image: url("../img/creditcards/discover.svg");
}

.fieldgroup-creditcard .cc-number-field.jcb {
  background-image: url("../img/creditcards/jcb.svg");
}

/*
*******************************************
2. Billing - Credit Card
*******************************************
*/
.credit-card {
  margin-bottom: 40px;
  max-width: 448px;
  min-height: 217px;
  background: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.credit-card-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  border: 1px solid #e6e8ec;
  margin: -1px -1px 0;
  padding: 24px;
}

.credit-card-container > * {
  align-self: flex-end;
}

.credit-card .card-number {
  display: -webkit-box;
  display: flex;
  margin: 44px -16px 36px;
  font-size: 34px;
  line-height: 1;
}

.credit-card .card-number span {
  padding: 0 16px;
}

.credit-card .card-number span:last-of-type {
  padding-left: 8px;
}

.credit-card .card-dates {
  display: -webkit-box;
  display: flex;
  margin-bottom: -4px;
}

.credit-card .card-expiry, .credit-card .card-start {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  font-size: 22px;
}

.credit-card .card-expiry span, .credit-card .card-start span {
  align-self: flex-end;
  color: #2a2e36;
  font-size: 14px;
}

.credit-card .card-expiry {
  padding-left: 24px;
}

.credit-card .logo-visa {
  color: #1a1f71;
}

.credit-card .logo-amex {
  color: #43abdf;
}

.credit-card .logo-mastercard {
  color: #ed0b00;
}

.credit-card .logo-discover {
  color: #000000;
}

.credit-card .end {
  clear: both;
}

.credit-card-remove:not(:hover) {
  color: #2a2e36;
}

#frmNewCc {
  max-width: 448px;
}

@media (max-width: 600px) {
  .credit-card .card-number {
    margin: 24px -8px 16px;
    font-size: 22px;
  }
  .credit-card .card-number span {
    padding: 0 8px;
  }
  .credit-card .card-expiry, .credit-card .card-start {
    font-size: 17px;
  }
  .credit-card .card-expiry span, .credit-card .card-start span {
    font-size: 13px;
    line-height: 18px;
  }
}

/*
*******************************************
3. Billing - Invoice Summary
*******************************************
*/
.invoice-summary {
  margin: 0 0 25px 0;
  padding: 15px;
  height: 500px;
  background: #f8f8f8;
  border: 4px dashed #efefef;
  border-radius: 10px;
}

.invoice-summary-table {
  margin: 25px 0 25px 0;
  max-height: 300px;
  overflow: auto;
}

.invoice-summary-table td {
  font-size: 0.8em;
}

.invoice-summary-table td.total-row {
  background: #efefef;
  font-weight: bold;
}

/*
*******************************************
4. Billing - Mass Pay
*******************************************
*/
tr.masspay-invoice-detail td {
  font-size: 0.8em;
}

tr.masspay-total td {
  background: #efefef;
  font-weight: bold;
}

/*
*******************************************
5. Billing - Others
*******************************************
*/
.auth3d-area {
  border: 0;
}

.submit-3d {
  width: 80%;
  border: 0;
}

#stripeCvcWhere,
#cvvWhereLink {
  padding: 0;
}

#newBillingAddress {
  padding-left: 30px;
}

#frmRemoteCardProcess {
  width: 100%;
}

/*
*******************************************
Domain Checker
1. Domain Checker Captchas
*******************************************
*/
#google-recaptcha-domainchecker {
  width: 304px;
  height: 78px;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  #google-recaptcha-domainchecker {
    padding-left: 2.5%;
  }
}

@media (max-width: 736px) {
  #google-recaptcha-domainchecker {
    transform: scale(0.935);
    transform-origin: 0 0;
    -webkit-transform: scale(0.935);
    -webkit-transform-origin: 0 0;
  }
}

@media (max-width: 384px) {
  #google-recaptcha-domainchecker {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}

@media (max-width: 360px) {
  #google-recaptcha-domainchecker {
    -webkit-transform: scale(0.89);
            transform: scale(0.89);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}

@media (max-width: 320px) {
  #google-recaptcha-domainchecker {
    padding-left: 13.5%;
    -webkit-transform: scale(0.83);
            transform: scale(0.83);
    transform-origin: 0 0;
    -webkit-transform: scale(0.785);
    -webkit-transform-origin: 0 0;
  }
}

/*
*******************************************
Error
*******************************************
*/
.error-page {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
}

.error-page .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.error-page-title {
  margin-top: -12px;
  font-size: 152px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}

.error-page h2 {
  margin-top: -5px;
  color: #fff;
  margin-bottom: 34px;
}

.error-page p {
  color: rgba(255, 255, 255, 0.48);
}

.error-page-actions {
  display: -webkit-box;
  display: flex;
}

.error-page-actions .btn + .btn {
  margin-left: 8px;
}

@media (max-width: 349px) {
  .error-page-actions .btn {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/*
*******************************************
Home Page
1. General
2. Sections
3. Panels
4. Others
*******************************************
*/
/*
*******************************************
1. Home Page - General
*******************************************
*/
.home {
  padding-bottom: 64px;
}

/*
*******************************************
2. Home Page - Sections
*******************************************
*/
.search-box {
  -webkit-box-align: center;
          align-items: center;
  background: #fff;
  width: 100%;
  max-width: 606px;
  padding: 6px;
  margin: 0 auto;
  border-radius: 4px;
}

.search-box .input-group-icon {
  margin: 0 16px 0 8px;
  font-size: 18px;
  color: #b9bdc5;
}

@media (min-width: 586px) {
  .search-box .form-control {
    padding: 0;
    border: transparent;
  }
}

.search-box .input-group-btn {
  height: auto;
  display: -webkit-box;
  display: flex;
}

.search-box .btn {
  min-width: 134px;
  border-radius: 4px;
}

.search-box .tooltip.left .tooltip-inner {
  background-color: #fdeeef;
  border-color: #fdeeef;
  color: #e02430;
}

.search-box .tooltip.left .tooltip-arrow {
  border-left-color: #fdeeef;
}

@media (max-width: 586px) {
  .search-box {
    display: block;
    background: none;
  }
  .search-box .input-group-btn {
    display: -webkit-box;
    display: flex;
    width: 100%;
  }
  .search-box .input-group-btn > .btn {
    -webkit-box-flex: 1;
            flex: 1;
  }
  .search-box .input-group-btn > .btn:first-child {
    margin-left: 0;
  }
  .search-box .input-group-icon {
    display: none;
  }
  .search-box .form-control {
    margin-bottom: 8px;
    border: none;
    border-radius: 4px !important;
  }
}

.domainchecker-homepage-captcha {
  max-width: 606px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 16px auto 0;
  padding: 16px;
}

.domainchecker-homepage-captcha .captcha {
  margin: 0;
}

.domainchecker-homepage-captcha .captchatext {
  padding: 0;
  margin: -2px 0 16px;
  color: rgba(255, 255, 255, 0.64);
}

.home-shortcuts {
  background: #fff;
  padding: 40px 0;
}

.home-shortcuts a i {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .homepage-tiles .tile {
    margin-bottom: 16px;
  }
}

/*`
*******************************************
3. Home Page - Panels
*******************************************
*/
.client-home-panels .panel > .panel-heading {
  padding-top: 17px;
  padding-bottom: 17px;
}

.client-home-panels .panel > .panel-heading .panel-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.client-home-panels .panel > .panel-heading .panel-title > i {
  -webkit-box-ordinal-group: 3;
          order: 2;
  color: #b9bdc5;
}

.client-home-panels .panel > .panel-heading .panel-title .pull-right {
  -webkit-box-ordinal-group: 2;
          order: 1;
  margin-left: auto;
  margin-right: 16px;
}

.client-home-panels .panel > .panel-heading .panel-title .btn {
  color: #fff;
  border: 0;
}

.client-home-panels .panel > .panel-heading .panel-title .btn:hover {
  color: #000;
}

.client-home-panels .panel > .panel-body {
  padding: 0;
  max-height: 323px;
}

.client-home-panels .panel > .panel-body .input-group.margin-10 {
  margin: 10px 16px 24px;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn {
  color: #0c70de;
  background-color: #e3effc;
  border-color: #e3effc;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active:hover, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active.focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active:hover, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active.focus,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle:hover,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle:focus,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle {
  background-image: none;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.disabled, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn[disabled],
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.disabled:hover, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.disabled:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.disabled.focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn[disabled]:hover, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn[disabled]:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn[disabled].focus,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:hover,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:focus,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success {
  color: #fff;
  background-color: #1062FE;
  border-color: #1062FE;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.focus {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:hover {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active:hover, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active.focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active:hover, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active.focus,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle:hover,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle:focus,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle {
  background-image: none;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.disabled, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success[disabled],
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.disabled:hover, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.disabled:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.disabled.focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success[disabled]:hover, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success[disabled]:focus, .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success[disabled].focus,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:hover,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:focus,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success .badge {
  color: #1062FE;
  background-color: #fff;
}

.client-home-panels .panel > .panel-body p {
  margin: 0;
  padding: 16px 15px;
}

.client-home-panels .panel > .panel-body .no-data {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  padding: 48px 24px 36px;
}

.client-home-panels .panel > .panel-body .no-data-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
}

.client-home-panels .panel > .panel-body .no-data-icon img {
  width: 100%;
}

.client-home-panels .panel > .panel-footer {
  border-top-width: 1px;
}

.client-home-panels .panel .text-last-updated,
.client-home-panels .panel small {
  display: block;
  font-size: 13px;
  color: #acb0b8;
}

.client-home-panels .panel .list-group {
  max-height: 323px;
  overflow: hidden;
  position: relative;
}

.client-home-panels .panel .list-group .list-group-item {
  color: #2a2e36;
  padding: 16px;
  border-bottom: 1px solid #e6e8ec;
}

.client-home-panels .panel .list-group .list-group-item:last-of-type {
  border-bottom: 0;
}

.client-home-panels .panel .list-group.has-checkboxes .list-group-item {
  position: relative;
  padding-left: 48px;
}

.client-home-panels .panel .list-group.has-checkboxes .list-group-item .checkbox-styled {
  position: absolute;
  top: 18px;
  left: 16px;
}

.client-home-panels .panel-support-tickets .status {
  display: inline-block;
  margin: 0 0 0 4px;
}

.client-home-panels .panel-support-tickets br {
  display: none;
}

.client-home-panels .panel-domain-register {
  overflow: hidden;
  position: relative;
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  border: none;
  background-position-y: -100px;
  padding-bottom: 40px;
  padding-top: 24px;
}

.client-home-panels .panel-domain-register small {
  opacity: .4;
  color: #ffffff;
}

.client-home-panels .panel-domain-register p {
  color: rgba(255, 255, 255, 0.4);
  padding: 0 !important;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  margin-top: -4px !important;
}

.client-home-panels .panel-domain-register input[name="domain"] {
  min-width: 100%;
  flex-basis: 100%;
  width: 100%;
  text-align: center;
}

.client-home-panels .panel-domain-register input[name="domain"] {
  height: 48px;
  padding: 8px 24px;
  font-size: 17px;
  line-height: 28px;
  border-radius: 3px;
}

.client-home-panels .panel-domain-register selectinput[name="domain"] {
  height: 48px;
  line-height: 48px;
}

.client-home-panels .panel-domain-register textareainput[name="domain"],
.client-home-panels .panel-domain-register select[multiple]input[name="domain"] {
  height: auto;
}

.client-home-panels .panel-domain-register .panel-heading {
  background: none;
  border: 0;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding-bottom: 0;
}

.client-home-panels .panel-domain-register .panel-heading .panel-title {
  color: #fff;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 6px;
}

.client-home-panels .panel-domain-register .input-wrapper {
  padding: 16px;
}

.client-home-panels .panel-domain-register .input-actions {
  display: -webkit-box;
  display: flex;
  margin-top: 10px;
}

.client-home-panels .panel-domain-register .input-actions .btn {
  -webkit-box-flex: 1;
          flex: 1;
}

.client-home-panels .panel-domain-register .input-actions .btn:first-child {
  margin-right: 8px;
}

.client-home-panels .panel-domain-register .form-control {
  border: 0;
  box-shadow: none;
}

.client-home-panels .panel-domain-register .panel-body {
  padding: 0 16px;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 {
  flex-wrap: wrap;
  margin: 10px 0 24px;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn {
  margin-top: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn :last-child {
  margin-left: 0;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn {
  -webkit-box-flex: 1;
          flex: 1;
  height: 48px;
  padding: 8px 24px;
  font-size: 17px;
  line-height: 28px;
  border-radius: 3px;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn > i {
  font-size: 17px;
}

.client-home-panels .panel-domain-register .panel-footer {
  margin-bottom: -40px;
  margin-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.4);
}

.client-home-panels .panel-active-services .list-group .list-group-item {
  padding-right: 32px;
}

.client-home-panels .panel-active-services .status {
  overflow: hidden;
  width: 8px;
  top: 16px;
  right: 16px;
  position: absolute;
}

.client-home-panels .panel-info .panel-title > i {
  color: #0c70de !important;
}

.client-home-panels .panel-info .panel-body {
  background-color: #e3effc;
  color: #0c70de;
}

.client-home-panels .panel-info .panel-footer {
  background-color: #e3effc;
}

.client-home-panels .panel-danger .panel-title > i {
  color: #be0f1a !important;
}

.client-home-panels .panel-danger .panel-body {
  background-color: #fdeeef;
  color: #be0f1a;
}

.client-home-panels .panel-danger .panel-footer {
  background-color: #fdeeef;
}

.client-home-panels .panel-warning .panel-title > i {
  color: #c59301 !important;
}

.client-home-panels .panel-warning .panel-body {
  background-color: #fff4e6;
  color: #c59301;
}

.client-home-panels .panel-warning .panel-footer {
  background-color: #fff4e6;
}

.client-home-alerts {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.client-home-alerts a.alert {
  border: none;
  background-color: #fff;
}

.client-home-alerts a.alert:hover .alert-actions .btn:first-child {
  opacity: 1;
}

/*
*******************************************
4. Home Page - Others
*******************************************
*/
.text-domain {
  font-size: 12px;
  color: #1062FE;
}

.home-kb-search {
  margin-bottom: 15px;
}

.home-kb-search .form-control {
  padding-left: 50px;
  background-color: #fff;
  border: 1px solid #eee;
  color: #999;
  font-weight: 300;
}

.home-kb-search .form-control:focus {
  border-color: #eee;
  outline: 0;
  box-shadow: none;
}

.home-kb-search i {
  float: left;
  margin-top: -30px;
  margin-left: 20px;
  color: #777;
}

div.home-twitter {
  margin-top: 20px;
  margin-bottom: 40px;
}

div.tweet > i {
  color: #2BABCF;
  float: left;
  margin-right: 15px;
}

div.tweet span {
  font-size: 12px;
  color: #ccc;
}

/*
*******************************************
Knowledgebase
1. Category
2. Articles
3. Others
*******************************************
*/
/*
*******************************************
1. Knowledgebase - Category
*******************************************
*/
.kb-category {
  border: none;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.kb-category a {
  display: block;
  padding: 17px 16px;
  font-size: 17px;
  line-height: 28px;
  color: #2a2e36;
}

.kb-category a:hover {
  background: #e3effc;
}

.kb-category a:not(:last-of-type) {
  border-bottom: 1px solid #e6e8ec;
}

.kb-category a:before {
  width: 12px;
  display: -webkit-inline-box;
  display: inline-flex;
  margin-right: 18px;
  margin-right: 18px;
  content: "";
  font-family: "lagom-medium-icons";
  color: #1062FE;
}

.kb-category a p {
  font-size: 14px;
  line-height: 24px;
  padding-left: 30px;
  color: #7c8088;
  margin: 0;
}

/*
*******************************************
2. Knowledgebase - Articles
*******************************************
*/
.kbarticles {
  border: none;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.kbarticles.kbdownloads a:before {
  content: "";
}

.kbarticles.kbdownloads a:hover {
  background-color: #e3effc;
}

.kbarticles a {
  display: block;
  padding: 17px 16px;
  font-size: 16px;
}

.kbarticles a:before {
  width: 18px;
  display: -webkit-inline-box;
  display: inline-flex;
  margin-right: 10px;
  font-size: 12px;
  content: "";
  font-family: "lagom-small-icons";
}

.kbarticles a:not(:last-of-type) {
  border-bottom: 1px solid #e6e8ec;
}

.kbarticles a:hover {
  background: #e3effc;
}

.kbarticles a p {
  margin: 0;
  padding-left: 32px;
  color: #7c8088;
  font-size: 14px;
}

.page-knowledgebasearticle .article .page-article .container {
  width: auto;
}

.page-knowledgebasearticle .article .page-article .container .block-kb-article .kb-body p span img {
  max-width: 100%;
  height: auto;
}

/*
*******************************************
3. Knowledgebase - Others
*******************************************
*/
.kb-rate-article {
  display: -webkit-box;
  display: flex;
  padding: 16px;
  margin-top: 44px;
  margin-bottom: 44px;
  background: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  color: #1062FE;
}

.kb-rate-article .text {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.kb-rate-article .text span {
  margin-top: 6px;
  display: -webkit-box;
  display: flex;
  font-size: 13px;
  line-height: 18px;
  color: #2a2e36;
  -webkit-box-align: center;
          align-items: center;
}

.kb-rate-article .text span i {
  margin-right: 8px;
  color: #b9bdc5;
}

.kb-rate-article form {
  display: -webkit-box;
  display: flex;
  font-size: 17px;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-box-align: center;
          align-items: center;
}

.kb-rate-article form .btn + .btn {
  margin-left: 6px;
}

@media (max-width: 767px) {
  .kb-rate-article form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
  }
  .kb-rate-article form div:not(.text) {
    margin-top: 16px;
  }
}

.kb-search {
  margin-bottom: 48px;
}

.kb-search .kb-search-wrapper {
  padding: 48px 24px;
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  border-radius: 4px;
}

.kb-search .kb-search-wrapper .search-group {
  max-width: 686px;
  margin: auto;
}

.kb-search .kb-search-wrapper .form-control {
  border-color: #fff;
}

.kb-search .desc {
  margin: 24px 0 0;
}

@media (max-width: 480px) {
  .kb-search .kb-search-wrapper {
    padding: 24px;
  }
  .kb-search .kb-search-wrapper .input-group.search-group {
    display: block;
  }
  .kb-search .kb-search-wrapper .input-group.search-group:before {
    height: auto;
    width: auto;
    display: block;
    top: 12px;
    left: 14px;
  }
  .kb-search .kb-search-wrapper .input-group.search-group .btn-primary {
    width: 100%;
    margin: 16px 0px 0px 0px;
  }
}

/*
*******************************************
Login
1. General
*******************************************
*/
/*
*******************************************
1. Login - General
*******************************************
*/
.main-body.login-page {
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
}

.main-body.login-page .main-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

@media (min-height: 991px) {
  .main-body.login-page .main-content {
    margin-top: -32px;
  }
}

.main-body.login-page + .main-footer {
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  border-top-color: rgba(255, 255, 255, 0.05);
}

.main-body.login-page .header-lined {
  text-align: center;
  margin-bottom: 24px;
}

.main-body.login-page .header-lined h1 {
  color: #fff;
}

.main-body.login-page [style="text-align:center;"] {
  color: #7c8088;
}

.main-body.login-page .logo {
  height: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 40px;
}

.main-body.login-page .logo img {
  max-height: 40px;
  height: 100%;
}

.main-body.login-page .logo-text {
  font-weight: 400;
  font-size: 2.6em;
  white-space: nowrap;
}

.main-body.login-page .logincontainer-body .header-lined h1 {
  color: #2a2e36;
}

.main-body.register-page .main-content {
  margin-top: 0px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .main-body.login-page form,
  .main-body.login-page > .container {
    width: 100%;
  }
}

.social-login {
  margin: 16px 0 8px;
  padding: 16px;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
}

.social-login .text-divider {
  margin-top: -26px;
}

.social-login .btn-social i.fa {
  font-size: 18px;
}

.text-divider {
  position: relative;
  margin-bottom: 10px;
}

.text-divider:before {
  content: '';
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  top: 50%;
  background: #e6e8ec;
}

.text-divider span {
  background: #fff;
  padding: 0 8px;
  position: relative;
}

.logincontainer {
  width: 100%;
  max-width: 354px;
  border: none;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.logincontainer-body {
  padding: 32px;
}

.logincontainer-header, .logincontainer-footer {
  height: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 0 0 4px 4px;
}

.logincontainer-header {
  font-size: 17px;
  font-weight: 500;
  border-bottom: none;
}

.logincontainer-footer {
  background: #f6f7f8;
  border-top: none;
  min-height: 60px;
  padding: 8px;
}

.logincontainer .section + .section {
  margin-top: 16px;
}

.logincontainer .social-signin-btns {
  padding: 20px 0 4px;
}

.logincontainer .social-signin-btns .btn {
  margin-bottom: 12px;
}

.logincontainer .login-form > .form-group:last-of-type {
  margin-bottom: 0;
}

.logincontainer.register, .logincontainer.contact {
  max-width: 718px;
}

.logincontainer.register .logincontainer-body {
  padding: 32px;
}

.logincontainer .message {
  box-shadow: none;
  border: none;
}

.logincontainer.login-social .providerLinkingFeedback.alert {
  margin: 30px 24px;
  text-align: center;
}

.logincontainer.login-social .providerPreLinking {
  background-color: #f6f7f8;
  padding: 30px 24px 12px 24px;
}

.logincontainer.login-social .providerPreLinking .social-signin-btns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 0px;
}

.logincontainer.login-social .btn.btn-social {
  width: auto;
  border-radius: 4px;
  height: 36px;
  text-indent: 0;
  margin-bottom: 8px;
  color: #fff;
}

.logincontainer.login-social .btn.btn-social i {
  width: auto;
  position: absolute;
  left: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
}

.logincontainer.login-social .btn.btn-social.btn-google:after {
  width: auto;
  position: absolute;
  left: 17px;
  right: auto;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
  line-height: 24px;
}

.logincontainer.login-social .btn-facebook {
  background-color: #3B5998;
}

.logincontainer.login-social .btn-twitter {
  background-color: #0C9BDE;
}

.logincontainer.login-social .btn-google {
  background-color: #dd4b39;
}

.logincontainer.login-social .text-lighter.text-center.text-small {
  display: none;
}

.logincontainer.login-social .text-lighter.text-center.text-social {
  display: block;
  margin-bottom: -10px;
}

.logincontainer.login-social .text-lighter.text-center.text-social span {
  font-size: 11px;
  border: 1px solid #e6e8ec;
  border-radius: 100%;
  padding: 8px 11px;
}

.login-social + .logincontainer-footer {
  background-color: transparent;
  margin-top: 20px;
  border-top: 0px;
}

.login-social + .logincontainer-footer a {
  color: #1062FE;
}

@media (max-width: 480px) {
  .logincontainer .btn-link {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Social Media Login */
.logincontainer .row-media.row-centered {
  margin: 14px 0px 0px 0px;
}

.logincontainer .row-media.row-centered .btn-media {
  color: #0c70de;
  background-color: #e3effc;
  border: #e3effc;
  width: 100%;
  margin: 10px 0px;
  padding: 8px 16px;
}

.logincontainer .row-media.row-centered .btn-media:hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border: #d5e7fb;
}

.logincontainer .row-media.row-centered .btn-media .fa2 {
  border: 0px;
  padding-top: 5px;
  color: #0c70de;
}

/* Full Page Login */
.page-type-full .main-body.login-page {
  background: url(https://d3v4rhak1idvjq.cloudfront.net/static/bg-01.svg) no-repeat center top hsla(48, 100%, 95%, 1);
    height: 100%;
}

.page-type-full .main-body.login-page .main-content > .header-lined h1 {
  color: #fff;
}

.page-type-full .logincontainer {
  border: none;
  box-shadow: 0px 4px 16px 0px rgba(19, 26, 44, 0.02), 0px 0px 32px 0px rgba(19, 26, 44, 0.1);
}

.table-masspay .masspay-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: #1062FE;
  font-size: 17px;
  line-height: 28px;
  padding: 6px 0;
}

.table-masspay .masspay-title i {
  margin-right: 8px;
}

.table-masspay .table {
  margin-bottom: 0;
}

.table-masspay .table tr td {
  border: 0 !important;
  font-size: 13px;
  line-height: 18px;
  height: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.table-masspay .table tr td:first-of-type {
  padding-left: 22px;
  color: #7c8088;
}

.table-masspay .table tr:hover {
  background: none;
}

/*
*******************************************
Product Details
1. General
*******************************************
*/
/*
*******************************************
1. Product Details - General
*******************************************
*/
.product-details {
  margin: 0 0 40px 0;
}

.product-details .product-icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  min-height: 364px;
}

@media only screen and (max-width: 767px) {
  .product-details .product-icon {
    margin-bottom: 16px;
  }
}

.product-details .product-icon .product-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 24px;
}

.product-details .product-icon .product-status {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: #8a9bb8;
}

.product-details .product-icon .product-status .label {
  margin-left: 8px;
}

.product-details .product-icon .product-image {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 auto 24px;
  color: #fff;
}

.product-details .product-icon .product-name {
  margin-bottom: 8px;
  color: #fff;
  text-align: center;
}

.product-details .product-icon .product-name > a {
  color: #fff;
}

.product-details .product-icon .product-name + span {
  display: block;
  margin-top: 12px;
}

.product-details .product-icon .product-footer {
  width: 100%;
  padding: 4px 24px;
  font-size: 13px;
  text-align: center;
  color: rgba(255, 255, 255, 0.64);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.product-details .product-icon .product-footer:hover {
  color: #fff;
}

.product-details .product-icon > span {
  color: #7c8088;
}

.product-details .product-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 24px;
  min-height: 364px;
  background-color: #fff;
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.product-details-tab-container {
  margin: 0;
  border-radius: 0 0 4px 4px;
  border: 1px solid #e6e8ec;
  border-top: 0;
}

.panel-product-details {
  position: static;
}

.module-client-area {
  padding: 15px;
}

/*
*******************************************
1. Product Details - Product Upgrade
*******************************************
*/
.upgrade-config-option > h3 {
  margin-bottom: 16px;
}

.upgrade-config-option + .upgrade-config-option {
  margin-top: 24px;
}

.upgrade-config-option .panel h6 {
  color: #acb0b8;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.upgrade-config-option .panel .panel-body > :last-child {
  margin: 0;
}

.upgrade-config-option .upgrade-current {
  padding-right: 24px;
}

.upgrade-config-option .upgrade-current:after {
  position: absolute;
  right: -8px;
  bottom: 50%;
  display: block;
  content: "\e908";
  margin-bottom: 8px;
  font-family: 'lagom-small-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}

.upgrade-config-option .upgrade-new {
  padding-left: 24px;
}

.upgrade-summary .upgrade-current {
  position: relative;
  display: inline-block;
  padding-right: 32px;
  color: #7c8088;
}

.upgrade-summary .upgrade-current:after {
  position: absolute;
  right: 8px;
  bottom: 0%;
  display: block;
  content: "\e908";
  margin-bottom: 8px;
  font-family: 'lagom-small-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}

.upgrade-summary .upgrade-new {
  font-weight: 500;
}

/*
**********************************************
1. Product Details - cPanel Quick Shortcuts
**********************************************
*/
#cPanelQuickShortcutsPanel a {
  display: -webkit-box;
  display: flex;
  min-height: 44px;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
}

#cPanelQuickShortcutsPanel a i {
  display: block;
  margin-right: 16px;
}

#cPanelUsagePanel {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 0;
  text-align: center;
  background: #fff;
}

#cPanelUsagePanel .panel-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-box-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
          justify-content: center;
}

#cPanelUsagePanel .panel-footer {
  padding: 4px;
  color: #acb0b8;
  font-size: 12px;
}

.cpanel-actions-btn .btn + .btn {
  margin-left: 6px;
}

#frmCreateEmailAccount .col-sm-2 {
  right: 0;
  top: 0;
  height: 100%;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  #frmCreateEmailAccount .col-sm-2 {
    position: relative;
    top: 32px;
  }
}

#frmCreateEmailAccount .btn {
  top: calc( 50% + 4px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#cPanelQuickEmailPanel .panel-body {
  padding-bottom: 31px;
}

.cpanel-actions-container {
  padding: 32px;
  text-align: center;
}

.cpanel-actions-container .btn {
  color: #1062FE;
  background-color: transparent;
  border-color: #1062FE;
}

.cpanel-actions-container .btn:hover {
  background-color: #1062FE;
  color: #fff;
}

#cPanelBillingOverviewPanel {
  font-size: 16px;
}

#cPanelBillingOverviewPanel .panel-body {
  padding-top: 22px;
  padding-bottom: 10px;
}

#cPanelBillingOverviewPanel .gray-base {
  color: #7c8088;
  font-size: 14px;
}

#cPanelBillingOverviewPanel [class*='col-'] > .row {
  margin-bottom: 16px;
}

.billingOverview {
  padding: 16px;
  font-size: 16px;
}

.billingOverview .gray-base {
  color: #7c8088;
  font-size: 14px;
}

.billingOverview [class*='col-'] > .row {
  margin-bottom: 16px;
}

.billingOverview #paymentMethod {
  margin-bottom: 0px;
}

/*
**********************************************
1. Product Details - Knob Dials
**********************************************
*/
.usage-stats {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-top: 26px;
}

.usage-stats span {
  display: block;
  color: #7c8088;
}

.usage-stats span:first-of-type {
  margin-bottom: 16px;
}

.usage-stats span:last-of-type {
  margin-top: 16px;
  font-size: 11px;
}

.usage-stats .knob-dial {
  position: relative;
  width: 104px;
  height: 80px;
}

.usage-dial {
  color: #393d45 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: bold;
  font-size: 20px;
  width: 60px !important;
  height: 34px;
  position: absolute;
  vertical-align: middle;
  margin-top: 34px;
  margin-left: -30px !important;
  border: 0px;
  background: none;
  text-align: center;
  left: 50% !important;
}

.section-hook-output .promo-banner-slim,
.section-hook-output .promotions-slider {
  margin: 0 !important;
}

.section-hook-output > br {
  display: none;
}

.section-hook-output #promotions-slider {
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

/*
*******************************************
Promo
1. Banner Default
2. Banner Slim
3. Cart
4. Others
*******************************************
*/
/*
*******************************************
1. Promo - Banner
*******************************************
*/
.promo-banner {
  margin: 20px 0;
  padding: 15px 10px 20px 10px;
  background: #fff;
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  overflow: auto;
}

.promo-banner-rounded {
  border-radius: 4px;
}

.promo-banner .icon {
  float: left;
  margin: 0 20px 0 0;
}

.promo-banner .icon-left {
  margin-bottom: 10px;
  text-align: center;
}

.promo-banner img {
  max-width: 300px;
  max-height: 200px;
}

.promo-banner h3 {
  margin: 0;
}

.promo-banner p {
  margin: 5px 0;
}

.promo-banner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.92em;
}

.promo-banner ul li {
  margin-bottom: 4px;
}

.promo-banner .fa:not(.fa-spinner) {
  font-size: 1.2em;
  color: #91c590;
  margin-left: 20px;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  .promo-banner ul li {
    float: left;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .promo-banner img {
    max-width: 100%;
    max-height: 100%;
  }
  .promo-banner .icon-left {
    float: left;
    margin: 0;
    width: 155px;
  }
  .promo-banner .content {
    margin-left: 185px;
  }
}

@media (max-width: 767px) {
  .promo-banner form {
    text-align: center;
  }
}

@media (max-width: 650px) {
  .promo-banner .icon {
    width: 100%;
    margin-bottom: 15px;
  }
}

/*
*******************************************
2. Promo - Banner Slim
*******************************************
*/
.promo-banner-slim {
  padding: 10px;
}

.promo-banner-slim .icon-left {
  width: 85px;
}

.promo-banner-slim .content {
  margin-left: 110px;
}

.promo-banner-slim h3 {
  font-size: 18px;
}

.promo-banner-slim h4 {
  font-size: 14px;
}

.promo-banner-slim .btn {
  margin: 0 20px 0 0;
  padding: 6px 20px;
}

.promo-banner-slim.weebly .icon-left {
  width: 160px;
}

.promo-banner-slim.weebly .content {
  margin-left: 185px;
}

@media (max-width: 767px) {
  .promo-banner-slim .icon-left {
    width: 85px;
    margin-left: auto;
    margin-right: auto;
  }
  .promo-banner-slim .icon-left img {
    max-width: 100%;
    max-height: 100%;
  }
  .promo-banner-slim .content {
    margin-left: 0;
    text-align: center;
  }
  .promo-banner-slim form .btn {
    height: auto;
    min-height: 32px;
    white-space: unset;
  }
  .promo-banner-slim form .btn,
  .promo-banner-slim form a {
    display: block;
    margin: 0;
    width: 100%;
  }
  .promo-banner-slim form .btn + .btn,
  .promo-banner-slim form .btn + a,
  .promo-banner-slim form a + a,
  .promo-banner-slim form a + .btn {
    margin-top: 16px;
  }
}

/*
*******************************************
3. Promo - Cart
*******************************************
*/
.promo-cart {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 0;
  padding: 20px;
  border-left: 0;
  border-right: 0;
  border-top: 2px solid #00548a;
}

.promo-cart:first-child {
  margin-top: 20px;
}

.promo-cart:last-child {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.promo-cart .btn-add {
  padding: 7px 18px;
  font-size: 1.1em;
  background-color: #00548a;
}

.promo-cart h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
}

.promo-cart h4 {
  font-size: 17px;
}

.promo-cart .pricing {
  text-align: center;
}

.promo-cart .pricing h3 {
  margin-bottom: 0;
}

.promo-cart a {
  color: #3399FF;
}

.promo-cart ul li {
  float: none;
  width: 100%;
  margin-bottom: 4px;
}

@media (min-width: 768px) {
  .promo-cart .icon-left {
    width: 120px;
  }
  .promo-cart .content {
    margin-left: 140px;
  }
}

@media (min-width: 768px) and (max-width: 991px), (min-width: 1200px) {
  .promo-cart .pricing {
    float: right;
    margin-top: -10px;
  }
}

/*
*******************************************
4. Promo - Others
*******************************************
*/
.panel-mc-sso .icon-container {
  margin: 0 auto;
  max-width: 400px;
}

.panel-mc-sso .icon-container img {
  max-width: 100%;
  max-height: 175px;
}

.client-home-panels .panel-mc-sso {
  padding: 16px 15px;
}

.client-home-panels .panel-mc-sso .row > .col-sm-6 {
  width: 100%;
}

.client-home-panels .panel-mc-sso .row > .col-sm-6:first-of-type {
  display: none;
}

.client-home-panels .panel-mc-sso .row form {
  color: #7c8088;
}

.client-home-panels .panel-mc-sso .row select {
  width: 100%;
  display: inline-block;
}

.client-home-panels .panel-mc-sso .row select + .btn {
  margin: 8px 0 0 0;
  width: 100%;
  color: #0c70de;
  background-color: #e3effc;
  border-color: #e3effc;
}

.client-home-panels .panel-mc-sso .row select + .btn:focus, .client-home-panels .panel-mc-sso .row select + .btn.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.client-home-panels .panel-mc-sso .row select + .btn:hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.client-home-panels .panel-mc-sso .row select + .btn:active, .client-home-panels .panel-mc-sso .row select + .btn.active,
.open > .client-home-panels .panel-mc-sso .row select + .btn.dropdown-toggle {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.client-home-panels .panel-mc-sso .row select + .btn:active:hover, .client-home-panels .panel-mc-sso .row select + .btn:active:focus, .client-home-panels .panel-mc-sso .row select + .btn:active.focus, .client-home-panels .panel-mc-sso .row select + .btn.active:hover, .client-home-panels .panel-mc-sso .row select + .btn.active:focus, .client-home-panels .panel-mc-sso .row select + .btn.active.focus,
.open > .client-home-panels .panel-mc-sso .row select + .btn.dropdown-toggle:hover,
.open > .client-home-panels .panel-mc-sso .row select + .btn.dropdown-toggle:focus,
.open > .client-home-panels .panel-mc-sso .row select + .btn.dropdown-toggle.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.client-home-panels .panel-mc-sso .row select + .btn:active, .client-home-panels .panel-mc-sso .row select + .btn.active,
.open > .client-home-panels .panel-mc-sso .row select + .btn.dropdown-toggle {
  background-image: none;
}

.client-home-panels .panel-mc-sso .row select + .btn.disabled, .client-home-panels .panel-mc-sso .row select + .btn[disabled],
fieldset[disabled] .client-home-panels .panel-mc-sso .row select + .btn {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.client-home-panels .panel-mc-sso .row select + .btn.disabled:hover, .client-home-panels .panel-mc-sso .row select + .btn.disabled:focus, .client-home-panels .panel-mc-sso .row select + .btn.disabled.focus, .client-home-panels .panel-mc-sso .row select + .btn[disabled]:hover, .client-home-panels .panel-mc-sso .row select + .btn[disabled]:focus, .client-home-panels .panel-mc-sso .row select + .btn[disabled].focus,
fieldset[disabled] .client-home-panels .panel-mc-sso .row select + .btn:hover,
fieldset[disabled] .client-home-panels .panel-mc-sso .row select + .btn:focus,
fieldset[disabled] .client-home-panels .panel-mc-sso .row select + .btn.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.client-home-panels .panel-mc-sso .row select + .btn .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.client-home-panels .panel-mc-sso .row .loading {
  display: none !important;
}

.client-home-panels .panel-mc-sso .row small {
  margin-top: 12px;
}

.client-home-panels .panel-mc-sso .row .login-feedback {
  display: block;
  margin-top: 5px;
  color: #be0f1a;
}

.mc-promos .mc-promo {
  margin-bottom: 16px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 4px;
}

.mc-promos .mc-promo:last-child {
  margin-bottom: 0;
}

.mc-promos .mc-promo .header {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding-left: 56px;
  background: linear-gradient(90deg, #fff 50%, #ecf4fc 100%);
}

.mc-promos .mc-promo .header .expander {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
          order: 1;
  width: 40px;
  height: 100%;
  padding: 8px 8px 8px 16px;
  color: #1062FE;
  font-size: 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
}

.mc-promos .mc-promo .header .content {
  -webkit-box-ordinal-group: 3;
          order: 2;
  -webkit-box-flex: 1;
          flex: 1;
  padding: 16px 16px 56px 0;
}

.mc-promos .mc-promo .header .content .headline {
  margin-bottom: 6px;
  font-size: 18px;
}

.mc-promos .mc-promo .header .content .tagline {
  font-size: 14px;
}

.mc-promos .mc-promo .header .cta {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 196px 20px 56px;
}

@media (max-width: 991px) {
  .mc-promos .mc-promo .header .cta {
    padding-right: 16px;
  }
}

.mc-promos .mc-promo .header .cta .btn-add {
  -webkit-box-ordinal-group: 2;
          order: 1;
  color: #0c70de;
  background-color: #e3effc;
  border-color: #e3effc;
}

.mc-promos .mc-promo .header .cta .btn-add:focus, .mc-promos .mc-promo .header .cta .btn-add.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.mc-promos .mc-promo .header .cta .btn-add:hover {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.mc-promos .mc-promo .header .cta .btn-add:active, .mc-promos .mc-promo .header .cta .btn-add.active,
.open > .mc-promos .mc-promo .header .cta .btn-add.dropdown-toggle {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.mc-promos .mc-promo .header .cta .btn-add:active:hover, .mc-promos .mc-promo .header .cta .btn-add:active:focus, .mc-promos .mc-promo .header .cta .btn-add:active.focus, .mc-promos .mc-promo .header .cta .btn-add.active:hover, .mc-promos .mc-promo .header .cta .btn-add.active:focus, .mc-promos .mc-promo .header .cta .btn-add.active.focus,
.open > .mc-promos .mc-promo .header .cta .btn-add.dropdown-toggle:hover,
.open > .mc-promos .mc-promo .header .cta .btn-add.dropdown-toggle:focus,
.open > .mc-promos .mc-promo .header .cta .btn-add.dropdown-toggle.focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border-color: #d5e7fb;
}

.mc-promos .mc-promo .header .cta .btn-add:active, .mc-promos .mc-promo .header .cta .btn-add.active,
.open > .mc-promos .mc-promo .header .cta .btn-add.dropdown-toggle {
  background-image: none;
}

.mc-promos .mc-promo .header .cta .btn-add.disabled, .mc-promos .mc-promo .header .cta .btn-add[disabled],
fieldset[disabled] .mc-promos .mc-promo .header .cta .btn-add {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.mc-promos .mc-promo .header .cta .btn-add.disabled:hover, .mc-promos .mc-promo .header .cta .btn-add.disabled:focus, .mc-promos .mc-promo .header .cta .btn-add.disabled.focus, .mc-promos .mc-promo .header .cta .btn-add[disabled]:hover, .mc-promos .mc-promo .header .cta .btn-add[disabled]:focus, .mc-promos .mc-promo .header .cta .btn-add[disabled].focus,
fieldset[disabled] .mc-promos .mc-promo .header .cta .btn-add:hover,
fieldset[disabled] .mc-promos .mc-promo .header .cta .btn-add:focus,
fieldset[disabled] .mc-promos .mc-promo .header .cta .btn-add.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

.mc-promos .mc-promo .header .cta .btn-add .badge {
  color: #e3effc;
  background-color: #0c70de;
}

.mc-promos .mc-promo .header .cta .btn-add .arrow {
  display: none;
}

.mc-promos .mc-promo .header .cta .price {
  -webkit-box-ordinal-group: 3;
          order: 2;
  margin-left: 16px;
  font-size: 18px;
}

.mc-promos .mc-promo .header .icon {
  -webkit-box-ordinal-group: 4;
          order: 3;
  height: 162px;
  width: 188px;
  margin: -24px -8px -8px 0;
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

@media (max-width: 991px) {
  .mc-promos .mc-promo .header .icon {
    display: none;
  }
}

.mc-promos .mc-promo .header .icon > img {
  display: none;
}

.mc-promos .mc-promo .header .icon .promo-slider-icon {
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.mc-promos .mc-promo .body {
  display: none;
  padding: 16px;
  border-top: 1px solid #f6f7f8;
}

.mc-promos .mc-promo .body > ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .mc-promos .mc-promo .body > ul > li {
    width: 50%;
  }
}

.mc-promos .mc-promo .body > ul > li > i {
  color: #1062FE;
  margin-right: 8px;
}

.addon-promo-container {
  padding: 15px;
}

/* Market Connect Manage Boxes */
.section-hook-output #SpamexpertsLogin .panel-body,
.section-hook-output #WeeblyLogin .panel-body,
.section-hook-output #SitelockLogin .panel-body {
  padding: 25px;
}

.section-hook-output #SpamexpertsLogin .panel-body > form,
.section-hook-output #WeeblyLogin .panel-body > form,
.section-hook-output #SitelockLogin .panel-body > form {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.section-hook-output #SpamexpertsLogin .panel-body > form > img,
.section-hook-output #WeeblyLogin .panel-body > form > img,
.section-hook-output #SitelockLogin .panel-body > form > img {
  -webkit-box-ordinal-group: 1;
          order: 0;
  height: auto;
  width: 85px;
  margin-right: auto;
}

.section-hook-output #SpamexpertsLogin .panel-body > form .login-feedback,
.section-hook-output #WeeblyLogin .panel-body > form .login-feedback,
.section-hook-output #SitelockLogin .panel-body > form .login-feedback {
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.section-hook-output #SpamexpertsLogin .panel-body > form .btn[type="submit"],
.section-hook-output #WeeblyLogin .panel-body > form .btn[type="submit"],
.section-hook-output #SitelockLogin .panel-body > form .btn[type="submit"] {
  -webkit-box-ordinal-group: 4;
          order: 3;
  margin-left: 16px;
}

.section-hook-output #SpamexpertsLogin .panel-body > form .btn-service-sso,
.section-hook-output #WeeblyLogin .panel-body > form .btn-service-sso,
.section-hook-output #SitelockLogin .panel-body > form .btn-service-sso {
  -webkit-box-ordinal-group: 5;
          order: 4;
  margin-left: 16px;
}

.store-choose-domain {
  margin-bottom: 32px;
}

.store-choose-domain .store-domain-tabs {
  padding: 0;
  margin: 0 0 -1px 0;
  border: none;
}

.store-choose-domain .store-domain-tabs > li {
  margin: 0;
}

.store-choose-domain .store-domain-tabs > li.active > a,
.store-choose-domain .store-domain-tabs > li.active > a:hover,
.store-choose-domain .store-domain-tabs > li.active > a:focus {
  background: #fff;
  border: 1px solid #e6e8ec;
  border-bottom: 0;
}

.store-choose-domain .store-domain-tabs > li > a {
  padding: 12px 24px 13px 24px;
  border-radius: 4px 4px 0 0;
  border: 1px solid transparent;
  border-bottom: 0;
}

.store-choose-domain .store-domain-tabs > li > a:after {
  display: none;
}

.store-choose-domain .store-domain-tabs > li > a:hover, .store-choose-domain .store-domain-tabs > li > a:focus {
  background: transparent;
  color: #1062FE;
}

.store-choose-domain .store-domain-tab-content {
  background: #fff;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
}

@media (min-width: 768px) {
  .store-choose-domain .store-domain-tab-content {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .store-choose-domain .store-domain-tab-content {
    padding: 16px;
  }
}

.store-choose-domain .domain-validation {
  display: block;
  padding: 12px 0 12px 32px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .store-choose-domain .domain-validation {
    padding-left: 16px;
  }
}

.store-choose-domain .domain-validation > i {
  margin-right: 16px;
}

.store-choose-domain .store-domain-form {
  display: -webkit-box;
  display: flex;
}

.store-actions .btn + .btn {
  margin-left: 16px;
}

@media (max-width: 767px) {
  .store-actions .col-sm-5 {
    display: none;
  }
}

.store-promo {
  margin-top: 56px;
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  border-radius: 4px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .store-promo {
    display: -webkit-box;
    display: flex;
    padding: 32px;
  }
}

@media (max-width: 767px) {
  .store-promo {
    padding: 16px;
  }
}

.store-promo-content {
  color: #fff;
  z-index: 10;
  position: relative;
}

@media (min-width: 768px) {
  .store-promo-content {
    width: 58%;
    padding-right: 48px;
  }
}

.store-promo-content h2, .store-promo-content h3 {
  color: #fff;
}

.store-promo-content h4, .store-promo-content ul, .store-promo-content ul li {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
}

.store-promo-content ul {
  margin-bottom: 32px;
}

.store-promo-content ul li {
  font-size: 14px;
}

.store-promo-image {
  position: relative;
  margin: -100px -100px 0 0;
  width: 45%;
}

@media (min-width: 1200px) {
  .store-promo-image {
    width: 53%;
  }
}

.store-promo-image > img {
  width: 424px;
}

@media (max-width: 767px) {
  .store-promo-image {
    display: none;
  }
}

.store-promo .promo-slider-icon {
  visibility: visible;
  opacity: 1;
}

.store-promo-block {
  overflow: hidden;
}

.panel-package .panel-body {
  padding: 24px;
  text-align: center;
}

.panel-package .panel-body img {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .payment-term .panel-body {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .payment-term .panel-body {
    padding: 16px;
  }
}

/*
*******************************************
Ticket
1. Departments
2. Reply
3. 
*******************************************
*/
/*
*******************************************
1. Ticket - Departments
*******************************************
*/
.ticket-departments {
  border: none;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.ticket-departments > a {
  display: block;
  padding: 18px 16px 18px;
}

.ticket-departments > a .title {
  font-size: 17px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.ticket-departments > a .title:before {
  align-self: flex-start;
  display: -webkit-inline-box;
  display: inline-flex;
  margin-right: 16px;
  content: "";
  font-family: "lagom-medium-icons";
}

.ticket-departments > a:hover {
  background: #e3effc;
}

.ticket-departments > a:not(:last-of-type) {
  border-bottom: 1px solid #e6e8ec;
}

.ticket-departments > a p {
  margin-top: 5px;
  padding-left: 36px;
  color: #7c8088;
  margin-bottom: -2px;
}

.ticket-departments-boxes .panel-support:hover {
  border-color: #1062FE;
}

.ticket-departments-boxes .panel-support p {
  color: #7c8088;
}

/*
*******************************************
2. Ticket - Reply
*******************************************
*/
.ticket-reply {
  margin-bottom: 24px;
  border: none;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.ticket-reply:last-child {
  margin-bottom: 0;
}

.ticket-reply.staff {
  border-color: #d5e7fb;
}

.ticket-reply.staff .user i {
  color: #1062FE;
}

.ticket-reply-top {
  border-bottom: 1px solid #e6e8ec;
  background: #fff;
  padding: 10px 15px;
}

.ticket-reply .info {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  line-height: 18px;
  color: #7c8088;
}

.ticket-reply .user i {
  color: #b9bdc5;
  margin-right: 6px;
}

.ticket-reply .ticket-message {
  padding: 25px 15px;
}

.ticket-reply .rating,
.ticket-reply .rating-done {
  float: right;
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 14px;
  margin-bottom: -16px;
}

.ticket-reply .rating span.star,
.ticket-reply .rating-done span.star {
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}

.ticket-reply .rating span.star:hover,
.ticket-reply .rating-done span.star:hover {
  cursor: pointer;
}

.ticket-reply .rating span.star:hover ~ span.star:before, .ticket-reply .rating span.star:hover:before,
.ticket-reply .rating-done span.star:hover ~ span.star:before,
.ticket-reply .rating-done span.star:hover:before {
  color: #1062FE;
}

.ticket-reply .rating span.star:before,
.ticket-reply .rating-done span.star:before {
  content: '\f005';
  color: #b9bdc5;
}

.ticket-reply .rating-done .rated {
  display: inline-block;
  font-size: 13px;
}

.ticket-reply .rating-done span.star {
  pointer-events: none;
}

.ticket-reply .rating-done span.star.active:before {
  color: #1062FE;
}

.ticket-reply .attachments {
  margin: 0;
  border-top: 1px solid #e6e8ec;
  background: #fff;
  padding: 12px 15px;
  font-size: 13px;
  line-height: 18px;
  color: #2a2e36;
}

.ticket-reply .attachments ul {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.ticket-reply .attachments ul li {
  line-height: 22px;
}

.ticket-reply .attachments ul li i {
  margin-right: 6px;
}

/**
 * -------------------------
 * @section Support Tickets
 * -------------------------
 */
.ticket-number {
  display: block;
  font-size: 1.2em;
  font-style: italic;
  color: #2a9fbb;
}

.ticket-subject.unread {
  font-weight: bold;
}

.ticket-attachments-message {
  padding-top: 4px;
  font-size: 0.8em;
}

.panel > .list-group .ticket-details-children {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
}

.panel > .list-group .ticket-details-children br {
  display: none;
}

.panel > .list-group .ticket-details-children .title {
  font-size: 13px;
  line-height: 18px;
  color: #7c8088;
  display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ticket-actions {
    display: -webkit-box;
    display: flex;
  }
}

.ticket-actions .btn + .btn {
  margin-left: 6px;
}

/**
 * -------------------------
 * @section Support Ticket Feedback
 * -------------------------
 */
.ticketfeedbackstaffcont {
  margin: 10px auto;
  padding: 15px;
  width: 90%;
  background-color: #efefef;
  border-radius: 6px;
}

.ticketfeedbackrating {
  padding: 0 100px;
}

.ticketfeedbackrating .rate {
  float: left;
  padding: 0 10px;
  min-width: 30px;
  text-align: center;
}

/**
 * -------------------------
 * Sensitive Data buttons
 * -------------------------
 */
.page-supportticketsubmit-steptwo .panel.panel-form #ticketsdfields .col-md-12 {
  float: none;
}

/**
 * -------------------------
 * Ticketfeedback
 * -------------------------
 */
.page-ticketfeedback .main-content p {
  margin: 0px;
}

.page-ticketfeedback .main-content .text-center .btn-success {
  color: #fff;
  background-color: #1062FE;
  border: 1px solid #1062FE;
  margin: 24px 0px;
}

.page-ticketfeedback .main-content .text-center .btn-success:hover, .page-ticketfeedback .main-content .text-center .btn-success:active, .page-ticketfeedback .main-content .text-center .btn-success:focus {
  color: #fff;
  background-color: #015abe;
  border: 1px solid #015abe;
}

.page-ticketfeedback .main-content .text-center .btn-success i {
  margin: 0px 0px 0px 6px;
}

.page-ticketfeedback .main-content .col-sm-10.col-sm-offset-1 {
  width: 100%;
  margin-left: 0px;
}

.page-ticketfeedback .main-content .col-sm-10.col-sm-offset-1 .table.table-striped {
  background-color: #fff;
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 0px 15px;
  display: table !important;
}

.page-ticketfeedback .main-content .col-sm-10.col-sm-offset-1 .table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent;
}

.page-ticketfeedback .main-content .col-sm-10.col-sm-offset-1 .table.table-striped > tbody > tr:first-child td {
  border-top: 0px;
}

.page-ticketfeedback .main-content form {
  background-color: #fff;
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 15px;
  text-align: center;
  margin-bottom: 24px;
}

.page-ticketfeedback .main-content form table {
  margin-bottom: 16px;
  border: 1px solid #e6e8ec;
  border-radius: 2px;
}

.page-ticketfeedback .main-content form p {
  margin-bottom: 16px;
}

.page-ticketfeedback .main-content form .ticketfeedbackstaffcont {
  background-color: transparent;
  width: 100%;
  padding: 0px;
  margin: 0px 0px 16px 0px;
}

.page-ticketfeedback .main-content form br {
  display: none;
}

.page-ticketfeedback .main-content form .form-group.text-center {
  margin: 15px 0px 0px 0px;
}

/* Premium Support Tickets */
.page-supportticketsubmit-steptwo .panel-support,
.page-supportticketsubmit-stepone .panel-support {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.page-supportticketsubmit-steptwo .panel-support .panel-body,
.page-supportticketsubmit-stepone .panel-support .panel-body {
  -webkit-box-flex: 2;
          flex: 2;
}

.page-supportticketsubmit-steptwo .panel-support .panel-footer p,
.page-supportticketsubmit-stepone .panel-support .panel-footer p {
  margin: 0;
}

.page-supportticketsubmit-steptwo .alert-premium-support-tickets,
.page-supportticketsubmit-stepone .alert-premium-support-tickets {
  -webkit-box-align: center;
          align-items: center;
}

.page-supportticketsubmit-steptwo .ticket-departments .title.label,
.page-supportticketsubmit-steptwo .ticket-departments span.label,
.page-supportticketsubmit-stepone .ticket-departments .title.label,
.page-supportticketsubmit-stepone .ticket-departments span.label {
  margin-left: auto;
  white-space: normal;
}

@media (max-width: 600px) {
  .page-supportticketsubmit-steptwo .ticket-departments .title,
  .page-supportticketsubmit-stepone .ticket-departments .title {
    display: block;
  }
}

.page-supportticketsubmit-steptwo .ticket-departments-boxes .panel-footer span.label,
.page-supportticketsubmit-stepone .ticket-departments-boxes .panel-footer span.label {
  white-space: normal;
  margin-bottom: 5px;
}

.page-supportticketsubmit-steptwo .ticket-departments-boxes .panel-footer br,
.page-supportticketsubmit-stepone .ticket-departments-boxes .panel-footer br {
  display: block;
}

/**
 * -------------------------
 * @section Two Factor Authentication
 * -------------------------
 */
div#twofaactivation {
  margin: 0 auto;
  padding: 15px 30px;
  width: 85%;
  background-color: #efefef;
  border-radius: 10px;
}

div#twofaactivation .errorbox {
  margin: 0 0 20px 0;
  padding: 10px 20px;
  background-color: #FF4F4F;
  text-shadow: none;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

div#twofaactivation p {
  margin: 15px 0;
}

.network-status {
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  border-radius: 4px;
}

.network-status-top {
  background: #fff;
  padding: 8px 16px;
  border-bottom: 1px solid #e6e8ec;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.network-status-top label {
  font-size: 11px;
  color: #7c8088;
  margin-right: 8px;
  margin-bottom: 0;
}

.network-status-top .form-control {
  display: inline;
  width: auto;
}

.network-status-body > .panel:not(:last-of-type) {
  border: 1px solid #e6e8ec;
  border-width: 0 0 1px 0;
}

.network-status-body .panel {
  border-width: 0;
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: none;
}

.network-status-body .panel-heading {
  background: none;
  border: 0;
  font-size: 17px;
  line-height: 28px;
  padding: 24px 35px 17px;
}

.network-status-body .panel-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.network-status-body .panel-body {
  padding: 0 35px;
}

.network-status-body .panel-footer {
  display: -webkit-box;
  display: flex;
  padding: 2px 35px 30px;
  border: 0;
}

.network-status-body .panel-footer > * + * {
  margin-left: 24px;
}

.network-status-body .priority {
  color: #7c8088;
  position: relative;
  margin-bottom: 18px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.network-status-body .priority:before {
  position: absolute;
  font-family: "lagom-small-icons";
  content: "";
  top: 5px;
  left: -20px;
  font-size: 12px;
  height: 12px;
  width: 12px;
  display: block;
  line-height: 1;
}

.network-status-body .priority-text {
  padding-right: 14px;
}

.network-status-body .priority-medium:before,
.network-status-body .priority-medium .priority-text {
  color: #ffbf00;
}

.network-status-body .priority-high:before,
.network-status-body .priority-high .priority-text {
  color: #ff7849;
}

.network-status-body .priority-critical:before,
.network-status-body .priority-critical .priority-text {
  color: #e02430;
}

.network-status-body .message {
  border: none;
  box-shadow: none;
  padding: 0;
}

.network-status-pagination {
  border-radius: 0;
  border-width: 1px 0 0;
}

.domain-renewal-content {
  display: -webkit-box;
  display: flex;
  margin-bottom: 16px;
}

.domain-renewal-content p {
  font-size: 13px;
  margin-bottom: 0;
}

.domain-renewal-title {
  margin: 0;
  font-size: 17px;
  line-height: 26px;
}

.domain-renewal-status {
  margin-left: auto;
}

.domain-renewal-form {
  display: -webkit-box;
  display: flex;
  margin-left: auto;
}

.domain-renewal-form .btn {
  margin-left: 8px;
}

.domain-renewal-period {
  -webkit-box-flex: 1;
          flex: 1;
}

.domain-renewal .btn {
  min-width: 120px;
  min-height: 42px;
}

.domain-renewal .btn > * {
  transition: 0.24s ease;
}

.domain-renewal .btn .added {
  display: none;
}

.domain-renewal .btn .loader {
  display: none;
}

.domain-renewal-added .btn {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.panel > .list-group > .domain-renewal {
  padding: 16px 16px 24px 16px;
  border-top: 1px solid #e6e8ec;
}

.panel-choose-domain .panel-body {
  padding-bottom: 16px;
  padding-top: 32px;
}

.panel-choose-domain .panel-body .form-control {
  border-color: #fff;
}

.panel-choose-domain .panel-domain-search {
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  border-color: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  border-radius: 0 0 4px 4px;
  padding: 48px;
}

.panel-choose-domain .panel-domain-search:first-child {
  border-radius: 4px;
}

.panel-choose-domain .panel-domain-search form {
  max-width: 684px;
  margin: 0 auto;
  width: 100%;
}

.panel-choose-domain .panel-domain-search .default-captcha p {
  color: rgba(255, 255, 255, 0.4);
  font-size: 11px;
  margin-bottom: 3px;
}

.panel-choose-domain .panel-domain-search .captchaimage {
  margin-bottom: 0;
  float: none !important;
  width: 100%;
}

.panel-choose-domain .panel-domain-search .captchaimage #inputCaptcha {
  width: 100%;
}

.panel-choose-domain .panel-domain-search .captcha-container + .btn {
  width: 100%;
  margin-top: 16px;
}

.panel-choose-domain .panel-domain-search .captcha-container + .btn i {
  margin-right: 6px;
}

.panel-choose-domain .panel-domain-search .form-group label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 767px) {
  .panel-choose-domain .panel-domain-search {
    padding: 24px;
  }
  .panel-choose-domain .panel-domain-search .captcha-container .captchaimage, .panel-choose-domain .panel-domain-search .captcha-container #inputCaptcha {
    width: 100%;
  }
  .panel-choose-domain .panel-domain-search .captcha-container + .btn {
    max-width: initial !important;
    width: 100% !important;
    margin-top: 16px;
  }
}

.panel-choose-domain .panel-domain-option {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.panel-choose-domain .panel-domain-option > .content {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

.panel-choose-domain .panel-domain-option label.radio {
  margin-bottom: 24px;
}

.panel-choose-domain .panel.checked {
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  border-color: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
}

.panel-choose-domain .panel.checked .check-content {
  color: #fff;
}

.panel-choose-domain .recaptcha-container > .tooltip .tooltip-inner,
.panel-choose-domain .inline-form-element > .tooltip .tooltip-inner,
.panel-choose-domain .captchaimage > .tooltip .tooltip-inner,
.panel-choose-domain .form-group > .tooltip .tooltip-inner {
  color: #be0f1a;
  background: #fdeeef;
}

.panel-choose-domain .recaptcha-container > .tooltip .tooltip-arrow,
.panel-choose-domain .inline-form-element > .tooltip .tooltip-arrow,
.panel-choose-domain .captchaimage > .tooltip .tooltip-arrow,
.panel-choose-domain .form-group > .tooltip .tooltip-arrow {
  border-left-color: #fdeeef;
  border-right-color: #fdeeef;
}

.panel-choose-domain .recaptcha-container > .tooltip.top .tooltip-arrow,
.panel-choose-domain .inline-form-element > .tooltip.top .tooltip-arrow,
.panel-choose-domain .captchaimage > .tooltip.top .tooltip-arrow,
.panel-choose-domain .form-group > .tooltip.top .tooltip-arrow {
  border-top-color: #fdeeef;
  border-left-color: transparent;
  border-right-color: transparent;
}

.panel-choose-domain .recaptcha-container > .tooltip.bottom .tooltip-arrow,
.panel-choose-domain .inline-form-element > .tooltip.bottom .tooltip-arrow,
.panel-choose-domain .captchaimage > .tooltip.bottom .tooltip-arrow,
.panel-choose-domain .form-group > .tooltip.bottom .tooltip-arrow {
  border-width: 0 5px 5px;
  border-color: transparent;
  border-bottom-color: #fdeeef;
  margin-left: -4px;
}

.panel-choose-domain .form-tooltip .form-control + .tooltip .tooltip-inner {
  color: #be0f1a;
  background: #fdeeef;
}

.panel-choose-domain .form-tooltip .form-control + .tooltip .tooltip-arrow {
  border-left-color: #fdeeef;
  border-right-color: #fdeeef;
}

.panel-choose-domain .inline-form .inline-form-element:nth-child(2) {
  min-width: auto;
}

.panel-choose-domain .dropdown {
  cursor: pointer;
}

.panel-choose-domain .dropdown .tld-select {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background: #fff;
  color: #2a2e36;
  font-size: 14px;
  height: 48px;
  padding: 0 24px;
  font-size: 17px;
  border-radius: 3px;
}

.panel-choose-domain .dropdown .caret {
  color: #acb0b8;
  margin-left: 24px;
}

.panel-choose-domain .dropdown .dropdown-menu-search {
  min-width: 192px;
  margin-top: 6px;
}

.btn-transfer {
  min-width: 140px;
  min-height: 42px;
}

@media only screen and (max-width: 991px) {
  .panel-choose-domain .recaptcha-container,
  .panel-choose-domain .inline-form-element,
  .panel-choose-domain .form-group {
    position: relative;
  }
  .panel-choose-domain .recaptcha-container > .tooltip:not(.bottom),
  .panel-choose-domain .inline-form-element > .tooltip:not(.bottom),
  .panel-choose-domain .form-group > .tooltip:not(.bottom) {
    width: auto;
    left: auto !important;
    right: -5px !important;
    top: -6px !important;
  }
  .panel-choose-domain .recaptcha-container > .tooltip:not(.bottom) .tooltip-arrow,
  .panel-choose-domain .inline-form-element > .tooltip:not(.bottom) .tooltip-arrow,
  .panel-choose-domain .form-group > .tooltip:not(.bottom) .tooltip-arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    top: auto !important;
    bottom: -7px !important;
    right: auto !important;
    left: 50% !important;
  }
  .panel-choose-domain .recaptcha-container > .tooltip:not(.bottom).top,
  .panel-choose-domain .inline-form-element > .tooltip:not(.bottom).top,
  .panel-choose-domain .form-group > .tooltip:not(.bottom).top {
    padding-bottom: 0;
  }
  .panel-choose-domain .recaptcha-container > .tooltip:not(.bottom).top .tooltip-arrow,
  .panel-choose-domain .inline-form-element > .tooltip:not(.bottom).top .tooltip-arrow,
  .panel-choose-domain .form-group > .tooltip:not(.bottom).top .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-left-color: #fdeeef;
    border-right-color: #fdeeef;
    margin-left: 0;
  }
  .panel-choose-domain .recaptcha-container > .tooltip:not(.bottom).right .tooltip-arrow,
  .panel-choose-domain .inline-form-element > .tooltip:not(.bottom).right .tooltip-arrow,
  .panel-choose-domain .form-group > .tooltip:not(.bottom).right .tooltip-arrow {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .panel-choose-domain .inline-form-element > .tooltip {
    top: -30px !important;
  }
  .panel-choose-domain .form-tooltip {
    position: relative;
  }
  .panel-choose-domain .form-tooltip .form-control + .tooltip {
    top: -6px !important;
    left: auto !important;
    right: -5px !important;
  }
  .panel-choose-domain .form-tooltip .form-control + .tooltip .tooltip-arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    top: auto !important;
    bottom: 7px-!important;
    right: auto !important;
    left: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .captchaimage {
    position: relative;
  }
  .captchaimage > .tooltip {
    width: auto;
    left: auto !important;
    right: -5px !important;
    top: -30px !important;
  }
  .captchaimage > .tooltip .tooltip-arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    top: auto !important;
    bottom: -7px !important;
    right: auto !important;
    left: 50% !important;
  }
  .captchaimage > .tooltip.right .tooltip-arrow {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

@media only screen and (max-width: 575px) {
  .panel-domain-search {
    padding: 16px;
  }
  .panel-domain-search form {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .panel-domain-search form-element {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .panel-domain-search form-element:last-child {
    margin-bottom: 0;
  }
  .panel-domain-search form-element .btn {
    width: 100%;
  }
  .panel-domain-search .search-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .panel-domain-search .search-group .btn {
    margin-left: 0;
    width: 100%;
    margin-top: 16px;
  }
  .panel-domain-search .inline-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .panel-domain-search .inline-form-element {
    margin-left: 0;
    width: 100%;
  }
  .panel-domain-search .inline-form-element > * {
    width: 100%;
  }
  .panel-domain-search .inline-form-element + .inline-form-element {
    margin-top: 16px;
  }
}

get .landing-page {
  background: #fff;
  margin: -56px 0;
}

get .landing-page h2 {
  font-size: 26px;
  line-height: 36px;
}

get .landing-page h3 {
  font-size: 20px;
  line-height: 30px;
}

get .landing-page p + h3 {
  margin-top: 32px;
}

get .landing-page p + h4 {
  margin-top: 32px;
}

get .landing-page.main-body {
  padding: 0;
}

get .landing-page .panel-package,
get .landing-page .panel-accordion {
  border: 1px solid #e6e8ec;
}

/*
*******************************************
SSL
*******************************************
*/
.landing-page .browser {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: 564px;
  width: 100%;
  max-width: 832px;
  margin: 0 auto -32px;
  padding: 8px;
  background: #e6e8ec;
  border-radius: 10px;
}

.landing-page .browser-top {
  display: -webkit-box;
  display: flex;
  padding: 8px 0 16px 0;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.landing-page .browser-actions {
  padding-left: 8px;
  width: 94px;
}

.landing-page .browser-actions > span {
  float: left;
  display: block;
  height: 16px;
  width: 16px;
  margin: 10px 8px 10px 0;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.landing-page .browser-searchbar {
  height: 36px;
  width: 100%;
  background: #fff;
  border-radius: 4px;
}

@media (max-width: 600px) {
  .landing-page .browser-searchbar {
    width: 80%;
  }
}

.landing-page .browser-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
          flex: 1;
  background: #fff;
  border-radius: 4px;
}

.landing-page .browser-notice {
  max-width: 456px;
  padding: 0px 12px;
}

.landing-page .browser-notice p {
  margin: 0;
}

.landing-page .browser-image {
  margin: -40px 0 40px 0;
}

.landing-page .logos {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
}

.landing-page .logos .logo {
  width: 100%;
  max-width: 240px;
  padding: 16px;
}

.landing-page .logos .logo > img {
  max-width: 100%;
}

.landing-page .ssl-browser {
  position: relative;
  z-index: 1;
  padding-bottom: 0;
}

.landing-page .ssl-browser-banner {
  padding-top: 102px;
}

@media (min-width: 768px) {
  .landing-page .ssl-browser-banner .m-w-832 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media (max-width: 767px) {
  .landing-page .ssl-browser-banner .m-w-832 {
    text-align: center;
  }
}

.landing-page .ssl-browser-banner .m-w-832 > span {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}

@media (max-width: 767px) {
  .landing-page .ssl-browser-banner .m-w-832 > span {
    display: block;
    margin-bottom: 16px;
  }
}

.landing-page .ssl-browser-banner .m-w-832 > span strong {
  font-weight: 500;
}

.landing-page .ssl-certs-all {
  margin: 0;
  padding: 0;
  list-style: none;
}

.landing-page .ssl-certs-all li {
  margin: 0;
  padding: 25px 0 15px;
  border-bottom: 1px solid #e6e8ec;
}

.landing-page .ssl-certs-all li:last-child {
  border-bottom: 0;
}

.landing-page .ssl-certs-all li .padded-cell {
  text-align: left;
}

.landing-page .ssl-certs-all li .padded-cell .btn {
  margin-bottom: 5px;
}

.landing-page .ssl-certs-all li .padded-cell a {
  display: block;
  font-size: 14px;
  text-align: center;
}

.landing-page .ssl-certs-all li .price {
  text-align: center;
  margin-bottom: 24px;
  font-size: 14px;
}

.landing-page .ssl-certs-all li .price strong {
  display: block;
  padding-top: 4px;
  color: #2a2e36;
  font-size: 34px;
  font-weight: 500;
}

.landing-page .ssl-certs-all li .price span {
  font-size: 14px;
  color: #888;
}

.landing-page .panel-accordion .panel-heading {
  padding: 20px 15px;
}

.landing-page .panel-accordion .panel-heading > .panel-title {
  color: #2a2e36;
}

.landing-page .panel-accordion .panel-heading > .panel-title > i {
  float: right;
  margin-top: 4px;
}

.landing-page .panel.panel-package .panel-body img {
  width: 100%;
}

@media (max-width: 767px) {
  .landing-page.ssl .certificate-options h3 {
    margin-bottom: 0;
  }
  .landing-page.ssl .row-pricing-table .header {
    margin-top: 0;
  }
}

/*
*******************************************
SpamExperts
*******************************************
*/
.landing-page.spamexperts .content-block-title:last-child {
  margin-top: 56px;
  margin-bottom: 0;
}

.landing-page.spamexperts .panel-package .icon {
  margin-bottom: 32px;
  color: #1062FE;
  font-size: 64px;
}

.landing-page.spamexperts .panel-package .price {
  margin-bottom: 24px;
  font-size: 30px;
  line-height: 40px;
}

.landing-page.spamexperts .panel-package .price small {
  display: block;
  color: #7c8088;
  font-size: 14px;
  line-height: 24px;
}

.landing-page.spamexperts .panel-package .actions > .btn {
  min-width: 120px;
  margin: 0 4px;
}

.landing-page.spamexperts .panel-package .learn-more {
  display: block;
  margin-top: 16px;
}

.landing-page.spamexperts .check-features > * {
  padding-top: 4px;
  padding-bottom: 4px;
}

.landing-page.spamexperts .check-features .lm-check {
  margin-right: 16px;
  color: #1062FE;
}

.landing-page.spamexperts .benefits {
  margin-bottom: 32px;
  padding: 24px;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
}

.landing-page.spamexperts .benefits:after {
  display: block;
  content: "";
  clear: both;
}

.landing-page.spamexperts .get-started {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .landing-page.spamexperts .get-started {
    display: -webkit-box;
    display: flex;
  }
}

.landing-page.spamexperts .get-started-left {
  -webkit-box-flex: 1;
          flex: 1;
  padding: 32px;
}

.landing-page.spamexperts .get-started-right {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 32px;
  background: #1062FE;
}

.landing-page.spamexperts .get-started .price {
  margin-bottom: 24px;
  color: #fff;
  font-size: 34px;
}

.landing-page.spamexperts .get-started .additional-options .option:not(:first-child) {
  display: none;
}

.landing-page.spamexperts .get-started .checkbox-inline,
.landing-page.spamexperts .get-started .radio-inline {
  margin: 0 0 8px 0;
  padding-left: 32px;
}

.landing-page.spamexperts .get-started .checkbox-inline:last-child,
.landing-page.spamexperts .get-started .radio-inline:last-child {
  margin-bottom: 0;
}

.landing-page.spamexperts .get-started .price:not(:first-child) {
  display: none;
}

.landing-page.spamexperts .get-started .choose-product {
  margin-bottom: 24px;
}

/*
*******************************************
Pricing Table
*******************************************
*/
.landing-page .row-pricing-table .package {
  padding: 0;
  background-color: #fff;
  border: none;
}

.landing-page .row-pricing-table .package ul li .lm-check {
  color: #1062FE;
}

.landing-page .row-pricing-table .package ul li.price {
  color: #1062FE;
  font-weight: 500;
}

.landing-page .row-pricing-table .package form {
  padding: 16px;
}

.landing-page .row-pricing-table .sidebar .header {
  border: none;
}

.landing-page .row-pricing-table .sidebar ul li {
  background: rgba(255, 255, 255, 0.05);
  border: none;
  border-radius: 4px;
  margin-bottom: 1px;
  color: #fff;
  text-align: left;
  font-weight: 300;
}

.landing-page .row-pricing-table .header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 4px;
  padding: 16px;
  height: 80px;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #e6e8ec;
}

.landing-page .row-pricing-table .header h4 {
  margin: 0;
  font-size: 18px;
}

.landing-page .row-pricing-table ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.landing-page .row-pricing-table ul li {
  padding: 0 16px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e6e8ec;
}

/*
*******************************************
Plans 
*******************************************
*/
@media (min-width: 768px) {
  .landing-page .plans {
    display: -webkit-box;
    display: flex;
  }
  .landing-page .plans > * {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.landing-page .plans + .plans {
  margin-top: 24px;
}

.landing-page .plans .pricing-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  background: #fff;
  padding: 24px;
  text-align: center;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .landing-page .plans .pricing-item {
    margin-bottom: 16px;
  }
}

.landing-page .plans .pricing-item .header h4 {
  margin-bottom: 0;
  font-size: 24px;
}

.landing-page .plans .pricing-item .header h5,
.landing-page .plans .pricing-item .header p {
  margin-bottom: 32px;
  color: #7c8088;
  font-size: 14px;
  line-height: 24px;
}

.landing-page .plans .pricing-item .price {
  display: block;
  padding: 0 0 32px 0;
  color: #1062FE;
  font-size: 34px;
}

.landing-page .plans .pricing-item ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}

.landing-page .plans .pricing-item ul li {
  padding: 4px 0;
}

.landing-page .plans .pricing-item .feature-heading {
  margin: 10px 0;
  line-height: 30px;
  font-weight: 700;
}

.landing-page .plans .pricing-item form,
.landing-page .plans .pricing-item .footer {
  margin-top: auto;
}

.landing-page .plans .pricing-item form select,
.landing-page .plans .pricing-item .footer select {
  margin-bottom: 16px;
}

.landing-page .plans .pricing-item .lm-check {
  color: #1062FE;
}

.landing-page .plans-sitelock .pricing-item ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 8px 0;
  color: #2a2e36;
  font-weight: 500;
}

.landing-page .plans-sitelock .pricing-item ul li span {
  color: #7c8088;
  font-weight: 400;
}

.landing-page .cycle-switcher {
  margin-bottom: 48px;
}

.landing-page .banner-promo {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding: 32px;
  background: #1062FE;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
}

/*
*******************************************
Accordion
*******************************************
*/
.sitelock .panel-accordion .panel-heading {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

/*
*******************************************
Features
*******************************************
*/
.content-block {
  padding: 80px 0;
  border-bottom: 1px solid #e6e8ec;
}

.content-block:last-child {
  border: none;
}

.content-block p, .content-block ul, .content-block ol, .content-block table, .content-block .check-features {
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
}

.content-block p, .content-block ul, .content-block ol, .content-block .check-features {
  color: #7c8088;
}

@media (min-width: 768px) {
  .content-block-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .content-block-header {
    margin-bottom: 24px;
  }
}

.content-block-title {
  margin-bottom: 56px;
  font-size: 28px;
  font-weight: 400;
}

.content-block-title.text-center {
  max-width: 832px;
  margin-left: auto;
  margin-right: auto;
}

.content-block-subtitle {
  margin-top: -32px;
  margin-bottom: 56px;
  font-size: 24px;
  font-weight: 300;
}

.content-block-img {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.content-block-img > img,
.content-block-img .svg-icon {
  width: 100%;
  max-width: 426px;
}

.content-block-img:first-child {
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.content-block-img:last-child {
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.content-block-v-middle .container > .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.content-block .img-responsive {
  margin: auto;
}

@media (max-width: 767px) {
  .landing-page .content-block {
    padding: 48px 0;
  }
  .landing-page .content-block-img {
    display: none;
  }
  .landing-page .content-block-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
  }
  .landing-page .content-block-subtitle {
    margin-top: -16px;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 300;
  }
}

.content-block-gray {
  border: none;
  background-color: #f6f7f8;
}

.content-block-primary {
  background: #1062FE;
}

.content-block-primary-darker {
  background: #015abe;
}

.content-block-secondary {
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
}

.content-block-secondary-darker {
  background: #01144d;
}

.content-block-primary, .content-block-primary-darker, .content-block-secondary {
  border: none;
}

.content-block-primary .content-block-title, .content-block-primary-darker .content-block-title, .content-block-secondary .content-block-title {
  color: #fff;
}

.content-block-primary .content-block-subtitle, .content-block-primary-darker .content-block-subtitle, .content-block-secondary .content-block-subtitle {
  color: #fff;
}

.content-block + .content-block-gray,
.content-block + .content-block-primary,
.content-block + .content-block-secondary {
  margin-top: -1px;
}

/*
*******************************************
Features
*******************************************
*/
.landing-page .features {
  /*margin-top: -32px; */
}

.landing-page .feature {
  text-align: center;
  margin-top: 48px;
}

.landing-page .feature-icon {
  height: 64px;
  width: 64px;
  margin: 0 auto 24px;
}

.landing-page .feature-icon > img {
  max-width: 100%;
}

.landing-page .feature-icon > i {
  color: #1062FE;
  font-size: 64px;
}

.landing-page .feature > i {
  height: 64px;
  width: 64px;
  margin: 0 auto 24px;
  color: #1062FE;
  font-size: 64px;
}

.landing-page .feature-wrapper {
  display: -webkit-box;
  display: flex;
  margin-top: 32px;
}

.landing-page .feature-wrapper .feature-icons > i {
  color: #1062FE;
  font-size: 48px;
  margin-right: 32px;
}

@media (max-width: 767px) {
  .landing-page .features {
    /*margin-top: -24px; */
  }
  .landing-page .feature {
    text-align: center;
    margin-top: 32px;
  }
  .landing-page .feature-icon {
    height: 64px;
    width: 64px;
    margin: 0 auto 16px;
  }
  .landing-page .feature-icon > i {
    font-size: 48px;
  }
  .landing-page .feature-title,
  .landing-page .feature h4 {
    min-height: 58px;
  }
}

/*
*******************************************
Tabs
*******************************************
*/
.landing-page .tabs .nav-tabs {
  padding: 0;
  border: 0;
}

.landing-page .tabs .nav-tabs > li {
  margin-right: 8px;
}

.landing-page .tabs .nav-tabs > li.active > a {
  background-color: #fff;
  border: none;
  border-bottom: 0;
}

.landing-page .tabs .nav-tabs > li.active > a:after {
  bottom: auto;
  top: 0;
}

.landing-page .tabs .nav-tabs > li > a {
  padding-left: 16px;
  padding-right: 16px;
}

.landing-page .tabs .nav-tabs > li > a,
.landing-page .tabs .nav-tabs > li > a:focus {
  border: 0;
}

.landing-page .tabs .nav-tabs > li > a:hover {
  border: 0;
}

.landing-page .tabs .tab-content {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.m-w-832 {
  width: 100%;
  max-width: 832px;
  margin: 0 auto;
}

/*
*******************************************
Currency - selector
*******************************************
*/
.landing-page.ssl .certificate-options > .container .content-block-title.text-center {
  float: left;
}

.page-user-logged .landing-page.ssl .certificate-options > .container .content-block-title.text-center {
  float: none;
}

.landing-page.ssl .content-block.content-block-secondary.certificate-options > .container > h2 + div {
  float: right;
}

.landing-page.ssl .certificate-options.dv .content-block-title.text-center {
  margin-left: 8.33333%;
}

.landing-page.ssl .content-block.content-block-secondary.certificate-options.dv > .container > h2 + div {
  margin-right: 8.33333%;
}

.landing-page.ssl .content-block.content-block-secondary.certificate-options > .container > .row {
  clear: both;
}

@media (max-width: 992px) {
  .landing-page.ssl .certificate-options.dv .content-block-title.text-center {
    margin-left: 0px !important;
  }
  .landing-page.ssl .content-block.content-block-secondary.certificate-options.dv > .container > h2 + div {
    margin-right: 0px !important;
  }
}

@media (max-width: 768px) {
  .landing-page.ssl .content-block.content-block-secondary.certificate-options > .container > h2 + div {
    float: none;
    margin-bottom: 20px !important;
  }
  .landing-page.ssl .certificate-options > .container .content-block-title.text-center {
    float: none !important;
  }
  .landing-page.ssl .content-block.content-block-secondary.certificate-options > .container > h2 + div {
    float: none !important;
    margin-bottom: 20px !important;
  }
  #plans .content-block-header .pull-right {
    float: none !important;
  }
  #pricing .form-control.currency-selector {
    margin-bottom: 24px;
  }
}

/*
*******************************************
IE 11
*******************************************
*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-with-banner.page-homepage .main-banner .banner-bg .banner-svg {
    zoom: 1.2;
  }
  .page-with-banner .main-banner .banner-bg .banner-svg {
    zoom: 1.5;
  }
}

.theme-switcher {
  position: fixed;
  z-index: 1002;
  top: 0;
  bottom: 0;
  left: calc(100%);
  width: 923px;
  transition: all 0.4s;
}

.theme-switcher h1 {
  color: #393d45;
}

.theme-switcher h2 {
  color: #393d45;
  font-size: 22px;
  font-weight: 400;
}

.theme-switcher-open {
  overflow-y: hidden;
}

.theme-switcher-open .theme-switcher {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.theme-switcher-open .theme-switcher:before {
  background: none;
}

.theme-switcher-open .theme-switcher-button .btn {
  background: #fff;
  color: #1062FE;
  border: #fff;
}

.theme-switcher-header {
  margin-bottom: 45px;
  padding-top: 48px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.theme-switcher-header h1 {
  margin-bottom: 0;
}

.theme-switcher-header i {
  margin-left: 16px;
  color: #b9bdc5;
}

.theme-switcher-body {
  padding: 0 56px 130px;
  -webkit-box-flex: 1;
          flex: 1;
  overflow: auto;
}

.theme-switcher-button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -52px;
  width: 52px;
  transition: all 0.2s;
  border-right: 1px solid #fff;
}

.theme-switcher-button .btn {
  position: absolute;
  top: 64px;
  left: 0;
  width: 132px;
  height: 55px;
  border-radius: 0;
}

.theme-switcher-button .btn i {
  margin-right: 18px;
}

.theme-switcher-content {
  position: relative;
  z-index: 3;
  overflow-y: auto;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  overflow: hidden;
  background: #fff;
}

.theme-switcher-content .col-20 {
  width: 20%;
}

.theme-switcher-footer {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  width: 950px;
  padding: 18px 56px 18px;
  border-top: 1px solid #e6e8ec;
  z-index: 10;
  background: #fff;
}

.theme-switcher-footer .btn + .btn {
  margin-left: 13px;
}

.theme-switcher-footer .btn-default {
  color: #393d45;
  background-color: #fff;
  border-color: #dcdee2;
}

.theme-switcher-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #cae3fc;
  border-radius: 4px;
  transition: border 0.24s ease;
  overflow: hidden;
  position: relative;
}

.theme-switcher-box:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  content: '';
  opacity: 0;
  transition: 0.24s ease;
  z-index: 1;
}

.theme-switcher-box:before {
  z-index: 2;
  font-family: "lagom-small-icons";
  content: "";
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #1062FE;
  color: #fff;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  transition: 0.24s ease;
  margin-top: -12px;
  margin-left: -12px;
}

.theme-switcher-box > img {
  max-width: 100%;
}

.theme-switcher-box.active, .theme-switcher-box:hover {
  border-color: #1062FE;
}

.theme-switcher-box.active:after {
  opacity: 1;
}

.theme-switcher-box.active:before {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.theme-switcher-box.active + h4 {
  color: #1062FE;
}

.theme-switcher-box + h4 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 16px;
  margin-top: 8px;
  color: #393d45;
}

.theme-switcher-box + h4 .label {
  margin-left: 8px;
  font-size: 11px;
}

.theme-switcher-soon {
  position: relative;
  border: 1px dashed #cae3fc;
  border-radius: 4px;
}

.theme-switcher-soon img {
  max-width: 100%;
  opacity: 0;
}

.theme-switcher-soon span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 24px;
  color: #393d45;
}

body:not(.theme-switcher-open) .theme-switcher:hover {
  cursor: pointer;
}

body:not(.theme-switcher-open) .theme-switcher:hover .theme-switcher-button {
  border-right: 8px solid #1062FE;
}

body:not(.theme-switcher-open) .theme-switcher:hover .theme-switcher-button .btn {
  left: -60px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .theme-switcher {
    width: 885px;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .theme-switcher {
    width: 680px;
  }
  .theme-switcher-header, .theme-switcher-footer, .theme-switcher-body {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (max-width: 767px) {
  .theme-switcher {
    display: none;
  }
  .theme-switcher-open .overlay {
    display: none !important;
  }
}

.site {
  color: #64676e;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  overflow: hidden;
  background-color: #fff;
  /* Homepage Banner */
  /* main-subnav */
  /* tabs-filters */
  /* nav-tab */
  /* Plans */
  /* Emergency */
  /* SSL Promo Bar */
}

.site p,
.site ul,
.site ol {
  margin-bottom: 16px;
}

.site .m-w-md {
  max-width: 832px;
}

.site .p-t-100 {
  padding-top: 100px;
}

.site .p-t-0 {
  padding-top: 0px !important;
}

.site .p-b-0 {
  padding-bottom: 0px !important;
}

.site .m-t-100 {
  margin-top: 100px;
}

.site .m-t-64 {
  margin-top: 64px;
}

.site .m-l-130 {
  margin-left: 130px;
}

.site .content-block-header {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .site .content-block-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

.site .d-flex-align {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.site .has-shadow {
  box-shadow: 0px 4px 16px 0px rgba(19, 26, 44, 0.02), 0px 0px 32px 0px rgba(19, 26, 44, 0.1);
}

@media (min-width: 768px) {
  .site .row.f-flow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
  }
}

.site .m-safari {
  margin: 0px -.3px;
}

.site .row {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.site .no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.site .no-gutters > .col,
.site .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.site .col-1, .site .col-2, .site .col-3, .site .col-4, .site .col-5, .site .col-6, .site .col-7, .site .col-8, .site .col-9, .site .col-10, .site .col-11, .site .col-12, .site .col,
.site .col-auto, .site .col-sm-1, .site .col-sm-2, .site .col-sm-3, .site .col-sm-4, .site .col-sm-5, .site .col-sm-6, .site .col-sm-7, .site .col-sm-8, .site .col-sm-9, .site .col-sm-10, .site .col-sm-11, .site .col-sm-12, .site .col-sm,
.site .col-sm-auto, .site .col-md-1, .site .col-md-2, .site .col-md-3, .site .col-md-4, .site .col-md-5, .site .col-md-6, .site .col-md-7, .site .col-md-8, .site .col-md-9, .site .col-md-10, .site .col-md-11, .site .col-md-12, .site .col-md,
.site .col-md-auto, .site .col-lg-1, .site .col-lg-2, .site .col-lg-3, .site .col-lg-4, .site .col-lg-5, .site .col-lg-6, .site .col-lg-7, .site .col-lg-8, .site .col-lg-9, .site .col-lg-10, .site .col-lg-11, .site .col-lg-12, .site .col-lg,
.site .col-lg-auto, .site .col-xl-1, .site .col-xl-2, .site .col-xl-3, .site .col-xl-4, .site .col-xl-5, .site .col-xl-6, .site .col-xl-7, .site .col-xl-8, .site .col-xl-9, .site .col-xl-10, .site .col-xl-11, .site .col-xl-12, .site .col-xl,
.site .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
}

.site .col {
  flex-basis: 0;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}

.site .col-auto {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.site .col-1 {
  -webkit-box-flex: 0;
          flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.site .col-2 {
  -webkit-box-flex: 0;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.site .col-3 {
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}

.site .col-4 {
  -webkit-box-flex: 0;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.site .col-5 {
  -webkit-box-flex: 0;
          flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.site .col-6 {
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.site .col-7 {
  -webkit-box-flex: 0;
          flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.site .col-8 {
  -webkit-box-flex: 0;
          flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.site .col-9 {
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
}

.site .col-10 {
  -webkit-box-flex: 0;
          flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.site .col-11 {
  -webkit-box-flex: 0;
          flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.site .col-12 {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}

.site .order-first {
  -webkit-box-ordinal-group: 0;
          order: -1;
}

.site .order-last {
  -webkit-box-ordinal-group: 14;
          order: 13;
}

.site .order-0 {
  -webkit-box-ordinal-group: 1;
          order: 0;
}

.site .order-1 {
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.site .order-2 {
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.site .order-3 {
  -webkit-box-ordinal-group: 4;
          order: 3;
}

.site .order-4 {
  -webkit-box-ordinal-group: 5;
          order: 4;
}

.site .order-5 {
  -webkit-box-ordinal-group: 6;
          order: 5;
}

.site .order-6 {
  -webkit-box-ordinal-group: 7;
          order: 6;
}

.site .order-7 {
  -webkit-box-ordinal-group: 8;
          order: 7;
}

.site .order-8 {
  -webkit-box-ordinal-group: 9;
          order: 8;
}

.site .order-9 {
  -webkit-box-ordinal-group: 10;
          order: 9;
}

.site .order-10 {
  -webkit-box-ordinal-group: 11;
          order: 10;
}

.site .order-11 {
  -webkit-box-ordinal-group: 12;
          order: 11;
}

.site .order-12 {
  -webkit-box-ordinal-group: 13;
          order: 12;
}

.site .offset-1 {
  margin-left: 8.33333%;
}

.site .offset-2 {
  margin-left: 16.66667%;
}

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

.site .offset-4 {
  margin-left: 33.33333%;
}

.site .offset-5 {
  margin-left: 41.66667%;
}

.site .offset-6 {
  margin-left: 50%;
}

.site .offset-7 {
  margin-left: 58.33333%;
}

.site .offset-8 {
  margin-left: 66.66667%;
}

.site .offset-9 {
  margin-left: 75%;
}

.site .offset-10 {
  margin-left: 83.33333%;
}

.site .offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .site .col-sm {
    flex-basis: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .site .col-sm-auto {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .site .col-sm-1 {
    -webkit-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .site .col-sm-2 {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .site .col-sm-3 {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .site .col-sm-4 {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .site .col-sm-5 {
    -webkit-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .site .col-sm-6 {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .site .col-sm-7 {
    -webkit-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .site .col-sm-8 {
    -webkit-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .site .col-sm-9 {
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .site .col-sm-10 {
    -webkit-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .site .col-sm-11 {
    -webkit-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .site .col-sm-12 {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .site .order-sm-first {
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .site .order-sm-last {
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .site .order-sm-0 {
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .site .order-sm-1 {
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .site .order-sm-2 {
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .site .order-sm-3 {
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .site .order-sm-4 {
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .site .order-sm-5 {
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .site .order-sm-6 {
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .site .order-sm-7 {
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .site .order-sm-8 {
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .site .order-sm-9 {
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .site .order-sm-10 {
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .site .order-sm-11 {
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .site .order-sm-12 {
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .site .offset-sm-0 {
    margin-left: 0;
  }
  .site .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .site .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .site .offset-sm-3 {
    margin-left: 25%;
  }
  .site .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .site .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .site .offset-sm-6 {
    margin-left: 50%;
  }
  .site .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .site .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .site .offset-sm-9 {
    margin-left: 75%;
  }
  .site .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .site .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .site .col-md {
    flex-basis: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .site .col-md-auto {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .site .col-md-1 {
    -webkit-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .site .col-md-2 {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .site .col-md-3 {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .site .col-md-4 {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .site .col-md-5 {
    -webkit-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .site .col-md-6 {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .site .col-md-7 {
    -webkit-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .site .col-md-8 {
    -webkit-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .site .col-md-9 {
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .site .col-md-10 {
    -webkit-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .site .col-md-11 {
    -webkit-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .site .col-md-12 {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .site .order-md-first {
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .site .order-md-last {
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .site .order-md-0 {
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .site .order-md-1 {
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .site .order-md-2 {
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .site .order-md-3 {
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .site .order-md-4 {
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .site .order-md-5 {
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .site .order-md-6 {
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .site .order-md-7 {
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .site .order-md-8 {
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .site .order-md-9 {
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .site .order-md-10 {
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .site .order-md-11 {
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .site .order-md-12 {
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .site .offset-md-0 {
    margin-left: 0;
  }
  .site .offset-md-1 {
    margin-left: 8.33333%;
  }
  .site .offset-md-2 {
    margin-left: 16.66667%;
  }
  .site .offset-md-3 {
    margin-left: 25%;
  }
  .site .offset-md-4 {
    margin-left: 33.33333%;
  }
  .site .offset-md-5 {
    margin-left: 41.66667%;
  }
  .site .offset-md-6 {
    margin-left: 50%;
  }
  .site .offset-md-7 {
    margin-left: 58.33333%;
  }
  .site .offset-md-8 {
    margin-left: 66.66667%;
  }
  .site .offset-md-9 {
    margin-left: 75%;
  }
  .site .offset-md-10 {
    margin-left: 83.33333%;
  }
  .site .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .site .col-lg {
    flex-basis: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .site .col-lg-auto {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .site .col-lg-1 {
    -webkit-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .site .col-lg-2 {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .site .col-lg-3 {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .site .col-lg-4 {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .site .col-lg-5 {
    -webkit-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .site .col-lg-6 {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .site .col-lg-7 {
    -webkit-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .site .col-lg-8 {
    -webkit-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .site .col-lg-9 {
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .site .col-lg-10 {
    -webkit-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .site .col-lg-11 {
    -webkit-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .site .col-lg-12 {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .site .order-lg-first {
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .site .order-lg-last {
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .site .order-lg-0 {
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .site .order-lg-1 {
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .site .order-lg-2 {
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .site .order-lg-3 {
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .site .order-lg-4 {
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .site .order-lg-5 {
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .site .order-lg-6 {
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .site .order-lg-7 {
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .site .order-lg-8 {
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .site .order-lg-9 {
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .site .order-lg-10 {
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .site .order-lg-11 {
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .site .order-lg-12 {
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .site .offset-lg-0 {
    margin-left: 0;
  }
  .site .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .site .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .site .offset-lg-3 {
    margin-left: 25%;
  }
  .site .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .site .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .site .offset-lg-6 {
    margin-left: 50%;
  }
  .site .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .site .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .site .offset-lg-9 {
    margin-left: 75%;
  }
  .site .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .site .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .site .col-xl {
    flex-basis: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .site .col-xl-auto {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .site .col-xl-1 {
    -webkit-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .site .col-xl-2 {
    -webkit-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .site .col-xl-3 {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .site .col-xl-4 {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .site .col-xl-5 {
    -webkit-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .site .col-xl-6 {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .site .col-xl-7 {
    -webkit-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .site .col-xl-8 {
    -webkit-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .site .col-xl-9 {
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .site .col-xl-10 {
    -webkit-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .site .col-xl-11 {
    -webkit-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .site .col-xl-12 {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .site .order-xl-first {
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .site .order-xl-last {
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .site .order-xl-0 {
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .site .order-xl-1 {
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .site .order-xl-2 {
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .site .order-xl-3 {
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .site .order-xl-4 {
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .site .order-xl-5 {
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .site .order-xl-6 {
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .site .order-xl-7 {
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .site .order-xl-8 {
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .site .order-xl-9 {
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .site .order-xl-10 {
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .site .order-xl-11 {
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .site .order-xl-12 {
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .site .offset-xl-0 {
    margin-left: 0;
  }
  .site .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .site .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .site .offset-xl-3 {
    margin-left: 25%;
  }
  .site .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .site .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .site .offset-xl-6 {
    margin-left: 50%;
  }
  .site .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .site .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .site .offset-xl-9 {
    margin-left: 75%;
  }
  .site .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .site .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

.site h1, .site .h1 {
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
  margin-bottom: 40px;
}

.site h2, .site .h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  margin-bottom: 22px;
}

.site h3, .site .h3 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 22px;
}

.site h4, .site .h4 {
  font-size: 21px;
  line-height: 32px;
  font-weight: 300;
}

.site h5, .site .h5 {
  font-size: 19px;
  line-height: 30px;
  font-weight: 500;
}

.site h6, .site .h6 {
  font-size: 17px;
  line-height: 26px;
  font-weight: 500;
}

.site .banner-group {
  width: 100%;
  position: relative;
  margin: -24px 0 14px 0;
  padding-bottom: 14px;
  color: rgba(227, 239, 252, 0.72);
  font-size: 14px;
}

.site .banner-group:after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  height: 2px;
  width: 40px;
  background: #1062FE;
}

.site .banner-title {
  color: #fff;
  margin-bottom: 32px;
  margin-top: -10px;
}

.site .banner-desc {
  width: 100%;
}

.site .banner-desc p {
  color: rgba(227, 239, 252, 0.72);
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

.site .banner-actions {
  padding-top: 32px;
  display: -webkit-box;
  display: flex;
}

.site .banner-actions .btn {
  min-width: 164px;
  font-size: 17px;
}

.site .banner-actions .btn + .btn {
  margin-left: 16px;
}

.site .banner-graphic {
  position: relative;
  height: 100%;
}

.site .banner-graphic .promo-slider-icon {
  width: 562px;
  right: -152px;
  bottom: unset;
  top: -76px;
  height: auto;
}

.site .banner-content {
  display: -webkit-box;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .site .banner-content {
    min-height: 360px;
  }
}

@media (max-width: 992px) {
  .site .banner-graphic .promo-slider-icon {
    right: -300px;
  }
}

@media (max-width: 768px) {
  .site .banner-title, .site .banner-desc {
    text-align: center;
  }
  .site .banner-title {
    margin-bottom: 24px;
    font-size: 36px;
    line-height: 42px;
  }
  .site .banner-desc > p {
    font-size: 22px;
    line-height: 30px;
  }
  .site .banner-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding-top: 16px;
  }
  .site .banner-actions .btn {
    width: 100%;
    margin: 0;
  }
  .site .banner-actions .btn + .btn {
    margin: 16px 0 0;
  }
  .site .banner-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .site .banner-graphic {
    display: none;
  }
}

.site .site-banner {
  overflow: hidden;
  padding: 100px 0;
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
  min-height: 562px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
}

.site .site-banner .row {
  /*display: block; */
}

.site .site-banner .row:before, .site .site-banner .row:after {
  content: unset;
}

.site .site-banner .slider-wrapper {
  position: relative;
  width: 100%;
}

.site .site-banner .slider-slides {
  transition: height 0.45s, min-height 0.45s;
  transition-timing-function: cubic-bezier(1, 0, 1, 1);
}

.site .site-banner .slider-slide {
  top: 0;
  left: 0;
  position: absolute;
}

.site .site-banner .slider-slide.active {
  z-index: 10;
}

.site .site-banner:not(.site-slider) .banner-graphic .promo-slider-icon {
  visibility: visible;
  -webkit-animation-name: showSliderIcons;
          animation-name: showSliderIcons;
  -webkit-animation-duration: 0.32s;
          animation-duration: 0.32s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
          animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  margin: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .site .site-banner:not(.site-slider) .banner-graphic .promo-slider-icon {
    min-height: 484px;
  }
}

.site .site-banner:not(.site-slider) .banner-graphic .promo-slider-icon:nth-child(3) {
  -webkit-animation-delay: 0.56s;
          animation-delay: 0.56s;
}

.site .site-banner:not(.site-slider) .banner-graphic .promo-slider-icon:nth-child(2) {
  -webkit-animation-delay: 0.64s;
          animation-delay: 0.64s;
}

.site .site-banner:not(.site-slider) .banner-graphic .promo-slider-icon:nth-child(1) {
  -webkit-animation-delay: 0.72s;
          animation-delay: 0.72s;
}

.site .site-banner.site-slider .banner-content {
  opacity: 0;
}

.site .site-banner.site-slider .slider-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.site .site-banner.site-slider .slider-background > * {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.45s, opacity 0.45s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.site .site-banner.site-slider .slider-background > *.active {
  opacity: 1;
  visibility: visible;
}

.site .site-banner.site-slider .slider-background > * img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.site .site-banner:before {
  display: block;
  content: "";
  position: absolute;
  background: url(../img/site/banner-shape.svg) no-repeat right;
  top: -40px;
  left: 0;
  min-width: 1900px;
  width: 100%;
  height: 600px;
}

@media (max-width: 768px) {
  .site .site-banner {
    padding: 60px 0;
    min-height: 0px;
  }
}

@media screen and (max-width: 768px) and (-ms-high-contrast: active), (max-width: 768px) and (-ms-high-contrast: none) {
  .site .site-banner {
    display: block;
  }
}

@media (max-width: 768px) {
  .site .site-slider .container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .site.site-index .site-banner {
    min-height: 665px;
    padding-bottom: 200px;
  }
}

.site.site-index .site-banner .promo-slider-icon {
  top: -56px;
}

.site.site-index .site-banner:before {
  top: 0;
}

.site.site-index .section-slider-btn {
  padding-bottom: 0px;
}

@media (min-width: 992px) {
  .site.site-index .section-slider-btn {
    margin: -200px 0px 0px 0px;
  }
}

.site.site-index .section-slider-btn .col-lg {
  padding: 0px 8px;
}

.site.site-index .section-slider-btn .tile {
  border: 0px;
  min-height: 172px;
  transition: all .3s ease;
  cursor: pointer;
}

@media (min-width: 992px) {
  .site.site-index .section-slider-btn .tile.active {
    overflow: hidden;
  }
  .site.site-index .section-slider-btn .tile.active:before {
    content: "";
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    top: -22px;
    right: -22px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: #1062FE;
  }
  .site.site-index .section-slider-btn .tile.active:after {
    content: "\e903";
    font-family: 'lagom-medium-icons';
    color: #fff;
    position: absolute;
    top: -2px;
    right: 4px;
    font-size: 12px;
    font-weight: 600;
  }
  .site.site-index .section-slider-btn .tile:hover {
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
    box-shadow: 0 16px 40px 0 rgba(10, 14, 29, 0.04), 0 16px 80px 0 rgba(10, 14, 29, 0.16);
  }
}

.site.site-index .section-slider-btn .tile .title {
  font-weight: 400;
}

@media (max-width: 575px) {
  .site.site-index .section-slider-btn {
    margin-top: -160px;
  }
}

@media (max-width: 992px) {
  .site.site-index .site-banner {
    padding-bottom: 140px;
  }
  .site.site-index .section-slider-btn {
    margin: -112px 0px 0px 0px;
    padding-bottom: 32px;
  }
  .site.site-index .section-slider-btn .slider-navigation {
    -webkit-box-pack: center;
            justify-content: center;
  }
  .site.site-index .section-slider-btn .slider-navigation .col-lg {
    width: auto;
    padding: 0 4px;
  }
  .site.site-index .section-slider-btn .tile {
    min-height: auto;
    height: 16px;
    width: 16px;
    padding: 0;
    border-radius: 100%;
  }
  .site.site-index .section-slider-btn .tile > * {
    display: none;
  }
  .site.site-index .section-slider-btn .tile.active:after {
    position: absolute;
    top: 3px;
    right: 3px;
    display: block;
    content: "";
    height: 10px;
    width: 10px;
    background: #1062FE;
    border-radius: 100%;
  }
}

@media (max-width: 768px) {
  .site.site-index .site-banner {
    padding-bottom: 100px;
  }
  .site.site-index .section-slider-btn {
    margin: -108px 0px 0px 0px;
    padding-bottom: 32px;
  }
}

.site .site-section {
  margin: 0;
  padding: 100px 0;
  background: #fff;
}

.site .site-section:not(.section-dark) + .site-section {
  border-top: 1px solid #e6e8ec;
}

.site .site-section.section-slider-btn + .site-section {
  border: 0px;
}

.site .section-title {
  margin: 0 auto 64px auto;
  max-width: 768px;
}

.site .section-title + .section-desc {
  margin-top: -32px;
}

.site .section-subtitle {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  margin: -40px auto 64px auto;
  max-width: 768px;
}

.site .section-content + .section-content {
  margin-top: 100px;
}

.site .section-desc {
  line-height: 28px;
}

.site .section-desc strong,
.site .section-desc b {
  color: #2a2e36;
  font-weight: 500;
}

.site .section-desc ul {
  padding-left: 18px;
}

.site .section-desc .check-list {
  list-style: none;
  padding: 0px;
}

.site .section-desc .check-list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 8px;
}

.site .section-desc .check-list li .lm-check {
  position: absolute;
  top: 5px;
  left: 0;
  color: #1062FE;
}

.site .section-graphic {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.site .section-graphic .graphic > img {
  max-width: 100%;
}

@media (min-width: 768px) {
  .site .section-graphic:not(.section-graphic-right) {
    padding-right: 64px;
  }
  .site .section-graphic-right {
    -webkit-box-pack: end;
            justify-content: flex-end;
    padding-left: 64px;
  }
}

.site .section-dark {
  background: linear-gradient(90deg, #011a62 0%, #0940b3 100%);
}

.site .section-dark .section-title {
  color: #fff;
}

.site .section-dark .section-desc {
  color: #e3effc;
}

.site .section-dark .section-subtitle {
  color: rgba(227, 239, 252, 0.8);
}

.site .section-dark .feature-content .feature-title {
  color: #fff;
}

.site .section-dark .feature-content .feature-desc {
  color: rgba(227, 239, 252, 0.64);
}

.site .section-enlargement {
  padding-top: 0;
  margin-top: -20px;
}

.site .section-center {
  text-align: center;
}

.site .section-started .section-subtitle {
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .site .site-section {
    padding: 60px 0;
  }
  .site .site-section .section-graphic {
    margin-top: 24px;
    -webkit-box-ordinal-group: 2;
            order: 1;
    display: block;
  }
  .site .site-section .section-graphic .browser,
  .site .site-section .section-graphic .graphic {
    margin: 0 auto;
  }
  .site .site-section .section-title {
    margin: 0 auto 48px auto;
  }
  .site .site-section .section-title + .section-content {
    margin-top: 48px;
  }
  .site .site-section .section-title + .section-desc {
    margin-top: -24px;
  }
  .site .site-section .section-subtitle {
    margin: -32px auto 48px auto;
  }
  .site .section-content + .section-content {
    margin-top: 60px;
  }
}

.site-index .section-dark .svg-icon .outline {
  stroke: #fff;
}

.site .panel {
  z-index: 1;
}

.site .panel-accordion {
  overflow: hidden;
  transition: 0.24s ease;
  border-radius: 0px;
  border: 1px solid #e6e8ec;
  box-shadow: none;
  margin-bottom: 0px;
}

.site .panel-accordion:not(:last-child) {
  margin-bottom: -1px;
}

.site .panel-accordion .panel-heading {
  display: -webkit-box;
  display: flex;
  min-height: 56px;
  padding: 16px 24px;
  border: none;
  cursor: pointer;
}

.site .panel-accordion .panel-heading > .panel-title {
  display: -webkit-box;
  display: flex;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  -webkit-box-align: center;
          align-items: center;
  font-weight: 500;
}

.site .panel-accordion .panel-heading > .panel-title > i {
  -webkit-box-ordinal-group: 2;
          order: 1;
  margin-left: auto;
  color: #b9bdc5;
}

.site .panel-accordion .panel-body {
  border-top: 0px;
  padding: 0px 24px 24px 24px;
}

.site .panel-accordion .panel-body > :last-child {
  margin-bottom: 0;
}

.site .panel-accordion .panel-body p {
  line-height: 28px;
}

.site .panel-accordion:hover {
  z-index: 2;
  border-color: #1062FE;
  border-bottom: 1px solid #1062FE;
}

.site .panel-accordion:last-child {
  margin-bottom: 0;
}

.site .panel.is-open {
  z-index: 2;
  border-color: #1062FE;
  border-bottom: 1px solid #1062FE;
}

.site .panel.is-open .panel-heading > .panel-title {
  color: #1062FE;
}

.site .panel.is-open .panel-heading > .panel-title > i {
  color: #1062FE;
}

.site .panel.is-open .panel-heading > .panel-title > i:before {
  content: "";
}

.site .feature {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
  margin: 0px 0px 24px 0px;
}

.site .feature-boxed {
  border-radius: 3px;
  border: 1px solid #e6e8ec;
  padding: 28px 24px;
}

.site .feature-boxed .feature-icon {
  margin-bottom: 18px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .site .feature-boxed .feature-title {
    max-width: 150px;
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .site .feature-boxed:not(.feature-flex) {
    padding: 28px 4px;
  }
}

.site .feature-icon {
  margin-bottom: 32px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.site .feature-icon > i {
  color: #1062FE;
  font-size: 24px;
}

.site .feature-title {
  font-size: 21px;
  line-height: 26px;
  font-weight: 300;
}

.site .feature-title:last-child {
  margin: 0;
}

@media screen and (-ms-high-contrast: active) and (max-width: 992px), (-ms-high-contrast: none) and (max-width: 992px) {
  .site .feature-title {
    margin-right: auto;
    margin-left: auto;
  }
}

.site .feature-desc {
  margin: 0;
  line-height: 24px;
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
  .site .feature-desc {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .site .feature-desc {
    max-width: 240px;
  }
}

@media screen and (max-width: 575px) and (-ms-high-contrast: active), (max-width: 575px) and (-ms-high-contrast: none) {
  .site .feature-desc {
    max-width: 100%;
  }
}

.site .feature-content > *:last-child {
  margin-bottom: 0;
}

.site .feature-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  height: auto;
  text-align: left;
}

.site .feature-left .feature-icon {
  margin: 0 24px 0 0;
}

.site .feature-sm.feature-boxed {
  padding: 16px;
}

.site .feature-sm.feature-boxed .feature-icon {
  margin-bottom: 16px;
}

.site .feature-wrapper {
  display: -webkit-box;
  display: flex;
  margin-top: 24px;
}

.site .feature-wrapper .feature-icons > i {
  color: #1062FE;
  font-size: 48px;
  margin-right: 32px;
}

.site .section-enlargement .feature.feature-boxed.feature-flex {
  margin-top: 0px;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.site .section-enlargement .feature.feature-boxed.feature-flex .feature-icon {
  margin: 0px 30px 0px 0px;
}

.site .section-enlargement .feature.feature-boxed.feature-flex .feature-content {
  text-align: left;
}

@media (min-width: 768px) {
  .site .row-features {
    margin-bottom: -64px;
  }
}

.site .row-features .feature {
  margin: 0px 0px 64px 0px;
}

@media (max-width: 992px) {
  .site .row-features .feature-boxed {
    margin: 0px 0px 24px 0px;
  }
}

@media screen and (max-width: 992px) and (-ms-high-contrast: active), (max-width: 992px) and (-ms-high-contrast: none) {
  .site .row-features .feature .feature-title {
    max-width: 200px;
    width: 100%;
  }
}

@media screen and (max-width: 992px) and (-ms-high-contrast: active), (max-width: 992px) and (-ms-high-contrast: none) {
  .site .row-features .m-safari {
    max-width: 50%;
    -webkit-box-flex: 1;
            flex: auto;
  }
}

@media (max-width: 575px) {
  .site .row-features {
    margin-bottom: -24px;
  }
  .site .row-features .feature {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 575px) and (-ms-high-contrast: active), (max-width: 575px) and (-ms-high-contrast: none) {
  .site .row-features .feature .feature-title {
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  .site .row-features .feature-xs-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    text-align: left;
  }
  .site .row-features .feature-xs-left .feature-icon {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .site .row-features .feature-xs-left .feature-title {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 575px) and (-ms-high-contrast: active), (max-width: 575px) and (-ms-high-contrast: none) {
  .site .row-features .feature-xs-left .feature-title {
    text-align: left;
  }
}

@media (max-width: 575px) {
  .site .row-features .feature-xs-left .feature-boxed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin-top: 0px;
  }
  .site .row-features .feature-xs-left .feature-boxed .feature-icon {
    margin-bottom: 18px;
  }
  .site .row-features .feature-xs-left .feature-flex .feature-icon {
    margin-left: 0px;
  }
  .site .row-features .feature-xs-left .feature-flex .feature-content {
    text-align: center;
    margin-top: 8px;
  }
}

@media screen and (max-width: 575px) and (-ms-high-contrast: active), (max-width: 575px) and (-ms-high-contrast: none) {
  .site .row-features .m-safari {
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  .site .section-enlargement .feature.feature-boxed.feature-flex .feature-icon {
    margin-right: 0px;
  }
}

.site .package-slider {
  width: 100%;
  max-width: 832px;
  margin: 0 auto;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background: #fff;
}

.site .package-slider-body {
  padding: 48px 56px;
}

.site .package-slider-bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-top: 54px;
}

.site .package-slider-summary {
  display: -webkit-box;
  display: flex;
}

.site .package-slider-summary-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-width: 120px;
  position: relative;
  margin-right: 24px;
}

.site .package-slider-summary-item:not(:last-of-type):after {
  content: '';
  position: absolute;
  right: 0;
  width: 1px;
  background: #e6e8ec;
  top: 0;
  bottom: 0;
}

.site .package-slider-summary-label {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
}

.site .package-slider-summary-value {
  display: -webkit-box;
  display: flex;
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
  color: #2a2e36;
}

.site .package-slider-summary .price {
  display: -webkit-inline-box;
  display: inline-flex;
}

.site .package-slider-summary .price-cycle {
  font-size: 24px;
  line-height: 30px;
  align-self: flex-end;
}

.site .package-slider-actions {
  align-self: flex-end;
  display: -webkit-box;
  display: flex;
}

.site .package-slider-actions .form-control {
  height: 52px;
}

.site .package-slider-actions form + form {
  margin-left: 16px;
}

.site .slider-slide .irs {
  position: relative;
  display: block;
}

.site .slider-slide .irs.js-irs-0 {
  height: 32px;
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 14px;
}

.site .slider-slide .irs-line {
  position: relative;
  height: 16px;
  top: 8px;
  background: #e6e8ec;
  display: block;
  outline: none;
}

.site .slider-slide .irs-line:before, .site .slider-slide .irs-line:after {
  content: '';
  width: 14px;
  position: absolute;
  top: 0;
  height: 16px;
}

.site .slider-slide .irs-line:before {
  border-radius: 2px 0 0 2px;
  left: -14px;
  background: #015abe;
}

.site .slider-slide .irs-line:after {
  border-radius: 0 2px 2px 0;
  background: #e6e8ec;
  right: -14px;
}

.site .slider-slide .irs-single {
  display: none;
}

.site .slider-slide .irs-bar {
  position: absolute;
  display: block;
  top: 8px;
  left: 0 !important;
  height: 16px;
  background: #015abe;
  transition: 0.24s ease;
}

.site .slider-slide .irs-slider {
  position: absolute;
  height: 32px;
  width: 42px;
  top: 0;
  display: block;
  cursor: pointer;
  z-index: 1;
  box-shadow: 0 8px 24px 0px rgba(0, 0, 0, 0.15);
  background: #1062FE;
  border-radius: 2px;
  transition: 0.24s ease;
}

.site .slider-slide .irs-slider .active, .site .slider-slide .irs-slider:active, .site .slider-slide .irs-slider:focus, .site .slider-slide .irs-slider:hover {
  background: #009aff;
}

.site .slider-slide .irs-min, .site .slider-slide .irs-max, .site .slider-slide .irs-from, .site .slider-slide .irs-to, .site .slider-slide .irs-edge {
  display: none;
}

.site .slider-actions {
  padding-top: 16px;
}

.site .slider-actions-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.site .slider-actions-btn {
  position: relative;
  border: 1px solid #e6e8ec;
  border-radius: 2px;
  height: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  min-width: 68px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.24s ease;
}

.site .slider-actions-btn:hover {
  border-color: #1062FE;
  color: #1062FE;
}

.site .slider-actions-btn span {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 1;
          flex: 1;
  padding: 0 4px;
  -webkit-box-pack: center;
          justify-content: center;
  padding-top: 1px;
  background: #fff;
  height: 100%;
  position: relative;
  z-index: 2;
}

.site .slider-actions-btn.active {
  border-color: #1062FE;
  color: #1062FE;
}

.site .slider-actions-btn.active:before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  height: 10px;
  border: 1px solid #1062FE;
  top: -5px;
  z-index: 1;
  background: #fff;
  left: 50%;
  margin-left: -5px;
}

.site-index .slider {
  display: -webkit-box;
  display: flex;
}

@media (max-width: 991px) {
  .site .package-slider-bottom.has-currency {
    padding-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .site .package-slider-bottom.has-currency .package-slider-actions {
    -webkit-box-flex: 1;
            flex: 1;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    padding-top: 24px;
  }
}

@media (max-width: 767px) {
  .site .package-slider-body {
    padding: 24px;
  }
  .site .package-slider-bottom {
    padding-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .site .package-slider-bottom.has-currency .package-slider-actions form {
    flex-basis: 50%;
  }
  .site .package-slider-actions {
    -webkit-box-flex: 1;
            flex: 1;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    padding-top: 24px;
  }
}

@media screen and (max-width: 767px) and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  .site .package-slider-actions {
    -webkit-box-flex: 1;
            flex: auto;
  }
}

@media (max-width: 767px) {
  .site .package-slider-actions form {
    flex-basis: 100%;
  }
  .site .package-slider-actions .btn {
    width: 100%;
  }
  .site .slider-actions {
    display: none;
  }
}

@media (max-width: 575px) {
  .site .package-slider-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

@media screen and (max-width: 575px) and (-ms-high-contrast: active), (max-width: 575px) and (-ms-high-contrast: none) {
  .site .package-slider-actions {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-flex: 1;
            flex: auto;
  }
}

@media (max-width: 575px) {
  .site .package-slider-actions form + form {
    margin: 16px 0 0;
  }
  .site .package-slider-summary-item {
    min-width: unset;
    padding-right: 24px;
  }
  .site .package-slider-summary-label {
    margin-bottom: 0;
  }
  .site .package-slider-summary-value {
    font-size: 20px;
    line-height: 32px;
  }
  .site .package-slider-summary .price-prefix {
    font-size: 16px;
    line-height: 24px;
  }
  .site .package-slider-summary .price-cycle {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }
}

.site .btn {
  height: 48px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
}

.site .btn-lg, .site .btn-group-lg > .btn {
  height: 52px;
  font-size: 17px;
  line-height: 24px;
}

.site .btn-outline-light {
  color: #fff;
  border-color: rgba(227, 239, 252, 0.24);
}

.site .btn-outline-light:hover, .site .btn-outline-light:focus, .site .btn-outline-light:active {
  background-color: rgba(227, 239, 252, 0.1);
}

.site .show-all-btn {
  margin: 24px 0px 0px 0px;
}

.site .show-all-btn .show-all {
  font-weight: 500;
}

.site .site-subnav {
  background-color: transparent;
  border-bottom: 1px solid #e6e8ec;
  margin-bottom: 0px;
}

.site .site-subnav .nav {
  margin: 0;
}

.site .site-subnav .nav li {
  margin-right: 45px;
}

.site .site-subnav .nav li a {
  color: #64676e;
  padding: 18px 0px;
  font-weight: 400;
}

@media (max-width: 992px) {
  .site .site-subnav .nav li a {
    padding: 8px 0px;
  }
}

.site .site-subnav .nav li a:hover, .site .site-subnav .nav li a:focus, .site .site-subnav .nav li a:active:hover {
  color: #1062FE;
  background-color: transparent;
}

.site .site-subnav .nav li.active a {
  background-color: transparent;
  color: #1062FE;
}

.site .site-subnav .nav li.active a:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0px;
  right: 0px;
  height: 3px;
  background: #1062FE;
}

@media (max-width: 992px) {
  .site .site-subnav .nav li.active a:after {
    height: 0px;
  }
}

@media (min-width: 992px) {
  .site .site-subnav {
    display: -webkit-box !important;
    display: flex !important;
  }
}

@media (max-width: 992px) {
  .site .site-subnav {
    border: none;
    margin-top: 24px;
  }
  .site .site-subnav .navbar-toggle {
    margin-right: 0px;
    float: left;
  }
  .site .site-subnav .navbar-toggle .icon-bar {
    background-color: #b9bdc5;
  }
  .site .site-subnav .navbar-collapse {
    border: none;
  }
}

.site .ssl-filters {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.site .ssl-filters .nav-tabs.tabs-filters {
  margin-bottom: 24px;
}

.site .ssl-filters .nav-tabs.tabs-filters li {
  margin: 0px 24px 0px 0px;
}

.site .ssl-filters .nav-tabs.tabs-filters li a {
  padding: 13px 0px;
  font-weight: 400;
}

.site .ssl-filters .nav-tabs.tabs-filters li a:hover, .site .ssl-filters .nav-tabs.tabs-filters li a:focus {
  color: #1062FE;
  background-color: transparent;
}

.site .ssl-filters .nav-tabs.tabs-filters li.active a {
  color: #1062FE;
}

.site .ssl-filters .nav-tabs.tabs-filters li.active a:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0px;
  right: 0px;
  height: 3px;
  background: #1062FE;
}

@media (max-width: 480px) {
  .site .ssl-filters .nav-tabs.tabs-filters li {
    display: block;
    float: none;
  }
  .site .ssl-filters .nav-tabs.tabs-filters li.active a:after {
    height: 0px;
  }
}

.site .ssl-filters .tab-content li {
  background-color: #fff;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  padding: 30px 25px;
  margin-bottom: 16px;
}

.site .tabs {
  position: relative;
}

.site .tabs#howitworks {
  margin-top: -24px;
}

.site .tabs:after {
  content: "";
  height: 1px;
  background-color: #e6e8ec;
  position: absolute;
  left: 0;
  right: 0px;
  top: 59px;
}

.site .tabs .nav-tabs {
  margin: 0;
  padding: 0;
  border: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
}

.site .tabs .nav-tabs > li {
  margin-right: 8px;
}

.site .tabs .nav-tabs > li.active > a {
  background-color: transparent;
  border-bottom: 0;
  color: #1062FE;
}

.site .tabs .nav-tabs > li.active > a:after {
  bottom: 0;
  z-index: 1;
}

.site .tabs .nav-tabs > li > a {
  padding-left: 16px;
  padding-right: 16px;
  color: #2a2e36;
  font-weight: 500;
}

.site .tabs .nav-tabs > li > a,
.site .tabs .nav-tabs > li > a:focus {
  border: 0;
}

.site .tabs .nav-tabs > li > a:hover {
  border: 0;
  color: #1062FE;
}

@media (max-width: 650px) {
  .site .tabs .tab-content {
    padding-top: 32px;
  }
}

@media (max-width: 650px) {
  .site .tabs:after {
    height: 0px;
  }
}

.site .row-pricing-table .panel-package {
  padding: 0;
  background-color: #fff;
  border: none;
}

.site .row-pricing-table .panel-package ul li .lm-check {
  color: #1062FE;
}

.site .row-pricing-table .panel-package ul li.price {
  color: #1062FE;
  font-weight: 500;
}

.site .row-pricing-table .panel-package form {
  padding: 16px;
}

.site .row-pricing-table .sidebar .header {
  border: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 4px;
  padding: 16px;
  height: 80px;
  text-align: center;
  overflow: hidden;
}

.site .row-pricing-table .sidebar ul li {
  background: rgba(255, 255, 255, 0.05);
  border: none;
  border-radius: 4px;
  margin-bottom: 1px;
  color: #fff;
  text-align: left;
  font-weight: 300;
}

.site .row-pricing-table .package-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 4px;
  padding: 16px;
  height: 80px;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #e6e8ec;
}

.site .row-pricing-table .package-header h4 {
  margin: 0;
  font-size: 18px;
}

.site .row-pricing-table ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site .row-pricing-table ul li {
  padding: 0 16px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e6e8ec;
}

.site .logos {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
}

.site .logos .logo {
  width: 100%;
  max-width: 240px;
  padding: 16px;
}

.site .logos .logo > img {
  max-width: 100%;
}

.site .cycle-switcher .btn-group {
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 60px;
}

.site .cycle-switcher .btn-group .cycle-change {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  height: 42px;
  font-size: 14px;
  padding: 8px 22px;
  line-height: 16px;
}

.site .cycle-switcher .btn-group .cycle-change.active {
  background-color: #1062FE;
  border-radius: 60px;
}

.site .m-l-currency {
  margin-left: 8.33333%;
}

@media (max-width: 992px) {
  .site .m-l-currency {
    margin-left: 0px;
  }
}

.site #pricing .currency-flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
}

@media (min-width: 768px) {
  .site #pricing .currency-flex {
    margin-bottom: 48px;
  }
}

@media (max-width: 992px) {
  .site #pricing .currency-flex {
    margin-bottom: 24px;
  }
}

.site #pricing .currency-flex.currency-ssl, .site #pricing .currency-flex.currency-sitelock {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.site #pricing .currency-flex.currency-ssl .currency-selector, .site #pricing .currency-flex.currency-sitelock .currency-selector {
  margin-left: 0px;
}

.site #pricing .currency-flex.currency-ssl .currency-selector .form-control, .site #pricing .currency-flex.currency-sitelock .currency-selector .form-control {
  margin: 26px auto 0px auto;
}

@media (max-width: 768px) {
  .site #pricing .currency-flex.currency-ssl .currency-selector .form-control, .site #pricing .currency-flex.currency-sitelock .currency-selector .form-control {
    margin-bottom: 32px;
  }
}

@media (min-width: 992px) {
  .site #pricing .currency-flex .currency-selector {
    margin-left: 20px;
  }
}

.site #pricing .currency-flex .currency-selector .form-control {
  width: auto;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 60px;
  border-color: transparent;
  height: 42px;
  font-size: 14px;
  padding: 8px 28px 8px 18px;
  line-height: 16px;
}

@media (max-width: 992px) {
  .site #pricing .currency-flex .currency-selector .form-control {
    margin-top: 24px;
  }
}

@media (max-width: 768px) {
  .site #pricing .currency-flex .currency-selector .form-control {
    width: 100%;
  }
}

.site #pricing .currency-flex .currency-selector .form-control option {
  color: #2a2e36;
  background-color: #fff;
}

.site #pricing .currency-flex .section-title {
  margin-bottom: 0;
}

.site .package {
  padding: 32px;
}

.site .package-title {
  font-size: 28px;
}

.site .package-price {
  color: #2a2e36;
}

.site .package-price.price {
  font-size: 32px;
}

.site .package-content p {
  color: #64676e;
}

.site .package-lg {
  padding: 45px 32px;
}

.site .package-desc {
  margin-bottom: 36px;
}

.site .package-starting-from {
  margin-bottom: 10px;
  font-size: 16px;
}

.site .package:not(.has-shadow) {
  border: 1px solid #e6e8ec;
  box-shadow: none;
}

.site .package .package-desc + .package-price {
  position: relative;
  padding-top: 24px;
}

.site .package .package-desc + .package-price:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  content: "";
  height: 2px;
  width: 32px;
  margin-left: -16px;
  background: #1062FE;
}

.site .package-ssl {
  max-width: 100% !important;
  padding: 24px;
}

.site .package-ssl p {
  font-size: 14px;
  line-height: 24px;
}

.site .package.has-shadow {
  border-color: transparent;
}

@media (max-width: 992px) {
  .site .package {
    max-width: 448px;
    margin-left: auto;
    margin-right: auto;
  }
}

.site .browser {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  max-width: 100%;
}

.site .browser-top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  padding: 0 16px;
  background-color: #e6e8ec;
}

.site .browser-actions {
  display: -webkit-box;
  display: flex;
}

.site .browser-actions > span {
  display: block;
  height: 6px;
  width: 6px;
  margin-right: 6px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}

.site .browser-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 310px;
}

.site .browser img {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.site .browser-sm {
  width: 446px;
}

.site .browser-sm .browser-top {
  height: 24px;
  padding: 0 8px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .site .browser .svg-graphic {
    height: 314px;
  }
}

.site .browser-lg {
  width: 100%;
  max-width: 832px;
  padding: 8px;
  background: #e6e8ec;
  border-radius: 6px;
}

.site .browser-lg .browser-top {
  padding: 2px 0 10px;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.site .browser-lg .browser-actions {
  margin-right: 10px;
}

.site .browser-lg .browser-actions > span {
  height: 12px;
  width: 12px;
  margin-right: 8px;
}

.site .browser-lg .browser-searchbar {
  height: 28px;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: start;
  -webkit-box-align: center;
          align-items: center;
  padding-left: 10px;
  font-size: 12px;
}

@media (max-width: 600px) {
  .site .browser-lg .browser-searchbar {
    width: 80%;
  }
}

.site .browser-lg .browser-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 2px;
}

.site .browser-lg .browser-notice {
  max-width: 456px;
  padding: 0px 12px;
}

.site .browser-lg .browser-notice p {
  margin: 0;
  font-weight: 400;
}

.site .browser-lg .browser-notice p .text-red {
  color: #da5b4c;
}

.site .browser-lg .browser-image {
  margin: -40px 0 40px 0;
}

.site .browser-ssl {
  margin: 0 auto;
}

.site .browser-ssl .browser-body {
  height: 440px;
}

.site .svg-graphic-gray {
  fill: #E8EAED;
}

.site .svg-graphic-stroke-gray {
  fill: #fff;
  stroke: #E8EAED;
  stroke-width: 1px;
}

.site .svg-graphic-gray-dark {
  fill: #B9BDC5;
}

.site .svg-graphic-dark {
  fill: #64676E;
}

.site .svg-graphic-green {
  fill: #27B05E;
}

.site .svg-graphic-white {
  fill: #fff;
}

.site .svg-graphic-faded {
  fill: #F3F5F9;
}

.site .svg-graphic-primary {
  fill: #1062FE;
}

.site .svg-graphic-stroke-primary {
  fill: #fff;
  stroke: #1062FE;
  stroke-width: 1px;
}

.site .svg-graphic-stroke-2 {
  stroke-width: 2px;
}

.site .svg-graphic-stroke-4 {
  stroke-width: 4px;
}

.site .svg-graphic-stroke-dashed {
  stroke-dasharray: 4,4;
}

.site .svg-graphic-fill-none {
  fill: none;
}

.site .search-box {
  max-width: 768px;
  min-height: 64px;
  background-color: #fff;
}

.site .search-box .btn-primary {
  min-width: 165px;
}

.site .search-box .input-group-icon {
  color: #1062FE;
  margin-left: 16px;
}

.site .featured-tlds {
  margin: 56px 0 0 0;
  -webkit-box-pack: center;
          justify-content: center;
}

.site .featured-tlds > * {
  margin-top: 16px;
  max-width: 240px;
}

.site .featured-tlds > *:not(:last-child) {
  border-right: 1px solid #e6e8ec;
}

.site .featured-tlds .domains-package {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.site .featured-tlds .domains-package .domains-price {
  display: inline-block;
  font-weight: 500;
  color: #7c8088;
}

.site .featured-tlds .domains-package .domains-icon {
  display: inline-block;
  margin-right: 14px;
  color: #2a2e36;
  font-size: 22px;
  font-weight: 900;
}

.site .featured-tlds .domains-package .domains-icon > span {
  color: #1062FE;
}

@media (max-width: 768px) {
  .site .featured-tlds {
    margin: 0 -4px;
  }
  .site .featured-tlds > * {
    padding-left: 4px;
    padding-right: 4px;
    border: none;
    width: 33.33%;
    border-right: none !important;
  }
  .site .featured-tlds .domains-package {
    padding: 8px;
    border: 1px solid #e6e8ec;
    border-radius: 4px;
  }
  .site .featured-tlds .domains-package .domains-icon {
    font-size: 18px;
  }
}

@media (max-width: 586px) {
  .site .search-box .btn-primary {
    width: 100%;
  }
}

.site .news-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  padding-top: 16px;
}

.site .news-box .news-date {
  color: #7c8088;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 10px;
  padding-left: 24px;
}

.site .news-box .news-date i {
  font-size: 13px;
  margin-right: 12px;
  color: #b9bdc5;
}

.site .news-box .news-desc {
  -webkit-box-flex: 1;
          flex: 1;
  font-size: 21px;
  line-height: 32px;
  color: #2a2e36;
  padding: 0px 0px 20px 24px;
}

.site .news-box .news-desc p {
  margin: 0;
}

@media (max-width: 992px) {
  .site .news-box .news-desc {
    padding-right: 24px;
  }
}

.site .news-box .news-actions {
  padding: 6px 24px;
  border-top: 1px solid #e6e8ec;
  font-weight: 500;
}

@media (max-width: 992px) {
  .site .news-box {
    margin-bottom: 24px;
  }
}

.site .content-slider {
  overflow: visible;
  max-width: 100%;
}

.site .testimonials-item {
  background-color: #fff;
  padding: 24px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  white-space: unset;
  border-radius: 4px;
}

.site .testimonials-desc {
  margin-bottom: 24px;
}

.site .testimonials-desc > p:last-child {
  margin: 0;
}

.site .testimonials-details {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  line-height: 24px;
  margin-top: auto;
}

.site .testimonials-avatar {
  margin-right: 32px;
  position: relative;
  width: 64px;
  height: 64px;
  background-color: #eee;
  border-radius: 100%;
}

.site .testimonials-avatar img {
  height: 100%;
  border-radius: 100%;
}

.site .testimonials-avatar span {
  background-color: #1062FE;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: flex;
  align-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #fff;
  line-height: 60px;
  border-radius: 100%;
  font-size: 48px;
  position: absolute;
  bottom: 0px;
  right: -16px;
}

.site .testimonials-author > span {
  font-weight: 500;
  color: #2a2e36;
  font-size: 17px;
}

@media (max-width: 992px) {
  .site .testimonials.row .testimonials-item {
    margin-bottom: 24px;
  }
}

.site .slider .testimonials-item {
  min-width: 340px;
  margin: 0px 12px;
}

.site .check-features > * {
  padding-top: 4px;
  padding-bottom: 4px;
}

.site .check-features .lm-check {
  margin-right: 16px;
  color: #1062FE;
}

.site .benefits {
  margin-bottom: 0px;
}

.site .benefits h3 {
  font-size: 24px;
  line-height: 26px;
}

.site .benefits:after {
  display: block;
  content: "";
  clear: both;
}

.site .benefits .check-features {
  margin-top: 40px;
}

.site .get-started {
  position: relative;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 16px 0px rgba(19, 26, 44, 0.02), 0px 0px 32px 0px rgba(19, 26, 44, 0.1);
}

@media (min-width: 768px) {
  .site .get-started {
    display: -webkit-box;
    display: flex;
  }
}

.site .get-started-left {
  -webkit-box-flex: 1;
          flex: 1;
  padding: 32px;
}

@media (max-width: 992px) and (min-width: 768px) {
  .site .get-started-left {
    padding: 30px;
  }
}

.site .get-started-left .checkbox-inline > .checkbox-styled {
  top: 4px;
}

@media (max-width: 480px) {
  .site .get-started-left {
    padding: 16px;
  }
}

.site .get-started-right {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 32px;
  background: #fff;
  border-left: 1px solid #e6e8ec;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  min-width: 336px;
}

@media (max-width: 992px) and (min-width: 768px) {
  .site .get-started-right {
    padding: 0px 30px 30px 30px;
    min-width: 300px;
  }
}

@media (max-width: 480px) {
  .site .get-started-right {
    padding: 0px 16px 16px 16px;
    min-width: auto;
  }
}

.site .get-started-right p {
  margin: 8px 0px;
  font-size: 14px;
  font-weight: 400;
}

.site .get-started-right .btn-info {
  background-color: rgba(0, 0, 0, 0.1);
  background-color: #1062FE;
  border-color: #1062FE;
  color: #fff;
}

.site .get-started-right .btn-info:hover, .site .get-started-right .btn-info:focus {
  background-color: #015abe;
  border-color: #015abe;
}

.site .get-started .price {
  margin-bottom: 24px;
  line-height: 40px;
  font-weight: 500;
  color: #2a2e36;
  font-size: 34px;
}

.site .get-started .price .price-prefix {
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 2px 0 0;
  vertical-align: top;
}

.site .get-started .price .price-cycle {
  font-weight: 400;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
}

@media (max-width: 992px) and (min-width: 768px) {
  .site .get-started .price {
    font-size: 30px;
  }
}

.site .get-started .additional-options .option:not(:first-child) {
  display: none;
}

.site .get-started .checkbox-inline,
.site .get-started .radio-inline {
  margin: 0 0 8px 0;
  font-size: 15px;
  padding-left: 32px;
}

.site .get-started .checkbox-inline:last-child,
.site .get-started .radio-inline:last-child {
  margin-bottom: 0;
}

.site .get-started .price:not(:nth-child(3)) {
  display: none;
}

.site .get-started .choose-product {
  margin-bottom: 24px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.site .get-started .choose-product .btn {
  border-radius: 4px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  height: 100%;
  padding: 30px;
  font-size: 17px;
}

.site .get-started .choose-product .btn span {
  display: none;
}

.site .get-started .choose-product .btn:first-child {
  margin-right: 15px;
  border-radius: 4px;
}

.site .get-started .choose-product .btn.active {
  background-color: transparent;
  border-color: #1062FE;
}

.site .get-started .choose-product .btn.active svg {
  display: none;
}

.site .get-started .choose-product .btn.active span {
  display: block;
  margin-bottom: 24px;
  height: 64px;
  width: 64px;
  line-height: 64px;
}

.site .get-started .choose-product .btn.active span i {
  color: #1062FE;
  font-size: 26px;
  border: 2px solid #1062FE;
  border-radius: 100px;
  padding: 12px;
}

.site .get-started .choose-product .btn .svg-icon {
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .site .get-started .choose-product .btn {
    padding: 14px;
  }
}

@media (max-width: 480px) {
  .site .get-started .choose-product .btn {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .site .get-started .choose-product {
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .site .get-started .choose-product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.site #howitworks .tab-content {
  padding-top: 0px;
}

@media (min-width: 768px) {
  .site .plans > * {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.site .plans + .plans {
  margin-top: 24px;
}

.site .plans .panel-package {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  background: #fff;
  padding-bottom: 32px;
  text-align: center;
  border-radius: 4px;
  padding: 30px;
}

.site .plans .panel-package .panel-body {
  padding: 0px;
}

.site .plans .panel-package .package-price {
  position: relative;
}

.site .plans .panel-package .package-price:before {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 2px;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: 0px;
  background-color: #1062FE;
}

@media (max-width: 992px) {
  .site .plans .panel-package {
    margin-bottom: 24px;
  }
}

.site .plans .panel-package h4 {
  font-size: 24px;
}

.site .plans .panel-package h5,
.site .plans .panel-package p {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 24px;
}

.site .plans .panel-package .package-price {
  display: inline;
  padding: 0 0 32px 15px;
  color: #2a2e36;
  font-size: 34px;
  position: relative;
}

.site .plans .panel-package .package-price .pricing-text {
  font-weight: 500;
  position: relative;
  padding-left: 15px;
}

.site .plans .panel-package .package-price .price-prefix {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  margin-right: 6px;
  position: absolute;
  top: 2px;
  left: 0px;
}

.site .plans .panel-package .package-price .price-cycle {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  align-self: flex-end;
}

.site .plans .panel-package .feature-heading {
  font-size: 14px;
}

.site .plans .panel-package .feature-heading.m-t-64 {
  margin-top: 64px;
}

.site .plans .panel-package ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

.site .plans .panel-package ul li {
  padding: 8px 0;
  color: #2a2e36;
  font-weight: 400;
  line-height: 16px;
}

.site .plans .panel-package ul li span {
  color: #7c8088;
  font-weight: 400;
}

.site .plans .panel-package ul.m-t-64 {
  margin-top: 64px;
}

.site .plans .panel-package .feature-heading {
  margin: 10px 0px;
  line-height: 30px;
  font-weight: 500;
  color: #2a2e36;
}

.site .plans .panel-package ul.site-features li,
.site .plans .panel-package ul.ecommerce-features li {
  color: #7c8088;
}

.site .plans .panel-package form {
  margin-top: auto;
}

.site .plans .panel-package form select {
  margin-bottom: 16px;
  border: 1px solid #dcdee2;
  background-color: transparent;
  color: #393d45;
}

.site .plans .panel-package .lm-check {
  color: #1062FE;
}

.site .plans .panel-package .btn-signup {
  max-width: 165px;
  margin: 26px auto 0px auto;
}

@media (max-width: 992px) {
  .site .plans .panel-package {
    margin-bottom: 24px;
  }
}

.site .banner-promo {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 10px;
  background: transparent;
  border-radius: 4px;
  color: #1062FE;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.site .banner-promo .price {
  margin: 38px 0px;
}

.site .banner-promo .price span {
  font-weight: 500;
}

.site .banner-promo .btn-info {
  background-color: #1062FE;
  border-color: #1062FE;
  color: #fff;
  min-width: 165px;
}

.site .banner-promo .btn-info:hover {
  background-color: #015abe;
  border-color: #015abe;
}

@media screen and (max-width: 768px) and (-ms-high-contrast: active), (max-width: 768px) and (-ms-high-contrast: none) {
  .site .banner-promo {
    display: block;
    text-align: center;
  }
}

.site #emergency {
  border: 1px solid #1062FE;
  border-radius: 4px;
  padding: 24px 38px 38px 38px;
  margin-top: 90px;
  position: relative;
}

.site #emergency .emergency-title {
  display: -webkit-box;
  display: flex;
  position: absolute;
  top: -20px;
  left: 0px;
  right: 0px;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 24px;
}

.site #emergency .emergency-title h3 {
  background-color: #fff;
  padding: 0px 20px;
}

.site #emergency .feature-wrapper {
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  padding: 40px 26px 26px 26px;
}

@media (min-width: 575px) {
  .site #emergency .feature-wrapper {
    min-height: 270px;
  }
}

.site #emergency .feature-wrapper .feature-number {
  font-size: 42px;
  color: #1062FE;
  display: block;
  margin-bottom: 40px;
  font-weight: 300;
}

.site #emergency .feature-wrapper p {
  color: #7c8088;
  margin-bottom: 0px;
}

.site .img-sitelock img {
  margin: auto;
}

@media (max-width: 768px) {
  .site .emergency-title h3 {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .site #emergency {
    padding: 24px 16px 38px 16px;
  }
  .site #emergency .emergency-title {
    position: relative;
    text-align: center;
  }
  .site #emergency .emergency-title h3 {
    padding: 0px;
    margin: 0px;
  }
}

.site .section-ssl-upgrade {
  padding-bottom: 0;
}

.site .section-ssl-upgrade .browser {
  position: relative;
  z-index: 2;
}

.site .ssl-upgrade {
  margin-top: -64px;
  background: rgba(0, 0, 0, 0.1);
  padding: 100px 0;
}

.site .ssl-upgrade .section-title {
  margin-top: 32px;
  margin-bottom: 32px;
  font-weight: 300;
}

@media (max-width: 991px) {
  .site .ssl-upgrade {
    padding: 60px 0;
  }
}

.site .certificate-options {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .site .certificate-options {
    display: block;
  }
}

.site .certificate-options .package {
  max-width: 405px;
}

body:not(.page-searchdomains) {
  /*.mg-wrapper .modal-body {
        overflow: auto;
    } */
  /*
    *******************************************
        STYLE BEZ EXTENSION
    *******************************************
    */
  /* Proxmox */
  /* Password Manager */
  /* Reseller-Center */
  /* Cpanelextended */
  /* DNSManager2 */
  /* Vultr */
  /* Zendesk */
  /* Licensing */
  /* Domains Reseller */
  /* SoluteDNS */
}

body:not(.page-searchdomains) .mg-wrapper,
body:not(.page-searchdomains) #mg-wrapper {
  font-family: "Roboto", sans-serif;
  color: #2a2e36;
  text-shadow: none !important;
}

body:not(.page-searchdomains) #layers .lu-app {
  color: #2a2e36;
}

body:not(.page-searchdomains) .mg-wrapper .alert-danger,
body:not(.page-searchdomains) .mg-wrapper .lu-label--danger,
body:not(.page-searchdomains) #mg-wrapper .alert-danger,
body:not(.page-searchdomains) #mg-wrapper .lu-label--danger {
  color: #be0f1a;
}

body:not(.page-searchdomains) .mg-wrapper .alert-info,
body:not(.page-searchdomains) .mg-wrapper .lu-label--info,
body:not(.page-searchdomains) #mg-wrapper .alert-info,
body:not(.page-searchdomains) #mg-wrapper .lu-label--info {
  color: #0c70de;
}

body:not(.page-searchdomains) .mg-wrapper .alert-warning,
body:not(.page-searchdomains) .mg-wrapper .lu-label--warning,
body:not(.page-searchdomains) #mg-wrapper .alert-warning,
body:not(.page-searchdomains) #mg-wrapper .lu-label--warning {
  color: #c59301;
}

body:not(.page-searchdomains) .mg-wrapper .alert-success,
body:not(.page-searchdomains) .mg-wrapper .lu-label--success,
body:not(.page-searchdomains) #mg-wrapper .alert-success,
body:not(.page-searchdomains) #mg-wrapper .lu-label--success {
  color: #198810;
}

body:not(.page-searchdomains) .mg-wrapper .tooltip,
body:not(.page-searchdomains) .mg-wrapper .tooltip-inner {
  color: #b9bdc5;
}

body:not(.page-searchdomains) .mg-wrapper .fa {
  font-family: "Font Awesome 5 Pro";
}

body:not(.page-searchdomains) .mg-wrapper .glyphicon {
  font-family: 'Glyphicons Halflings';
}

body:not(.page-searchdomains) .mce-ico {
  font-family: 'tinymce',Arial;
}

body:not(.page-searchdomains) .mg-wrapper .zmdi,
body:not(.page-searchdomains) .mg-wrapper .lu-zmdi {
  font-family: 'Material-Design-Iconic-Font';
}

body:not(.page-searchdomains) .mg-wrapper a {
  color: #1062FE;
}

body:not(.page-searchdomains) .mg-wrapper a:hover {
  color: #015abe;
}

body:not(.page-searchdomains) .mg-ca-backup-table .btn .fa-remove:before {
  content: "\f1f8";
}

body:not(.page-searchdomains) #layers .breadcrumb {
  display: none !important;
}

body:not(.page-searchdomains) .mg-wrapper .row {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

body:not(.page-searchdomains) .mg-wrapper .btn-warning:not(.btn--icon),
body:not(.page-searchdomains) .mg-wrapper .btn--warning:not(.btn--icon),
body:not(.page-searchdomains) .mg-wrapper .lu-btn--warning:not(.lu-btn--icon),
body:not(.page-searchdomains) #layers .btn-warning:not(.btn--icon),
body:not(.page-searchdomains) #layers .btn--warning:not(.btn--icon),
body:not(.page-searchdomains) #layers .lu-btn--warning:not(.lu-btn--icon) {
  color: #fff;
  background-color: #ffbf00;
  border: 1px solid #ffbf00;
  background-image: none;
}

body:not(.page-searchdomains) .mg-wrapper .btn-warning:not(.btn--icon):hover, body:not(.page-searchdomains) .mg-wrapper .btn-warning:not(.btn--icon):active, body:not(.page-searchdomains) .mg-wrapper .btn-warning:not(.btn--icon):focus, body:not(.page-searchdomains) .mg-wrapper .btn-warning:not(.btn--icon):active:focus,
body:not(.page-searchdomains) .mg-wrapper .btn--warning:not(.btn--icon):hover,
body:not(.page-searchdomains) .mg-wrapper .btn--warning:not(.btn--icon):active,
body:not(.page-searchdomains) .mg-wrapper .btn--warning:not(.btn--icon):focus,
body:not(.page-searchdomains) .mg-wrapper .btn--warning:not(.btn--icon):active:focus,
body:not(.page-searchdomains) .mg-wrapper .lu-btn--warning:not(.lu-btn--icon):hover,
body:not(.page-searchdomains) .mg-wrapper .lu-btn--warning:not(.lu-btn--icon):active,
body:not(.page-searchdomains) .mg-wrapper .lu-btn--warning:not(.lu-btn--icon):focus,
body:not(.page-searchdomains) .mg-wrapper .lu-btn--warning:not(.lu-btn--icon):active:focus,
body:not(.page-searchdomains) #layers .btn-warning:not(.btn--icon):hover,
body:not(.page-searchdomains) #layers .btn-warning:not(.btn--icon):active,
body:not(.page-searchdomains) #layers .btn-warning:not(.btn--icon):focus,
body:not(.page-searchdomains) #layers .btn-warning:not(.btn--icon):active:focus,
body:not(.page-searchdomains) #layers .btn--warning:not(.btn--icon):hover,
body:not(.page-searchdomains) #layers .btn--warning:not(.btn--icon):active,
body:not(.page-searchdomains) #layers .btn--warning:not(.btn--icon):focus,
body:not(.page-searchdomains) #layers .btn--warning:not(.btn--icon):active:focus,
body:not(.page-searchdomains) #layers .lu-btn--warning:not(.lu-btn--icon):hover,
body:not(.page-searchdomains) #layers .lu-btn--warning:not(.lu-btn--icon):active,
body:not(.page-searchdomains) #layers .lu-btn--warning:not(.lu-btn--icon):focus,
body:not(.page-searchdomains) #layers .lu-btn--warning:not(.lu-btn--icon):active:focus {
  color: #fff;
  background-color: #e3aa01;
  border: 1px solid #e3aa01;
  background-image: none;
}

body:not(.page-searchdomains) .mg-wrapper .btn-danger:not(.btn--icon),
body:not(.page-searchdomains) .mg-wrapper .btn--danger:not(.btn--icon),
body:not(.page-searchdomains) .mg-wrapper .lu-btn--danger:not(.lu-btn--icon),
body:not(.page-searchdomains) #layers .btn-danger:not(.btn--icon),
body:not(.page-searchdomains) #layers .btn--danger:not(.btn--icon),
body:not(.page-searchdomains) #layers .lu-btn--danger:not(.lu-btn--icon) {
  color: #fff;
  background-color: #e02430;
  border: 1px solid #e02430;
  background-image: none;
}

body:not(.page-searchdomains) .mg-wrapper .btn-danger:not(.btn--icon):hover, body:not(.page-searchdomains) .mg-wrapper .btn-danger:not(.btn--icon):active, body:not(.page-searchdomains) .mg-wrapper .btn-danger:not(.btn--icon):focus, body:not(.page-searchdomains) .mg-wrapper .btn-danger:not(.btn--icon):active:focus,
body:not(.page-searchdomains) .mg-wrapper .btn--danger:not(.btn--icon):hover,
body:not(.page-searchdomains) .mg-wrapper .btn--danger:not(.btn--icon):active,
body:not(.page-searchdomains) .mg-wrapper .btn--danger:not(.btn--icon):focus,
body:not(.page-searchdomains) .mg-wrapper .btn--danger:not(.btn--icon):active:focus,
body:not(.page-searchdomains) .mg-wrapper .lu-btn--danger:not(.lu-btn--icon):hover,
body:not(.page-searchdomains) .mg-wrapper .lu-btn--danger:not(.lu-btn--icon):active,
body:not(.page-searchdomains) .mg-wrapper .lu-btn--danger:not(.lu-btn--icon):focus,
body:not(.page-searchdomains) .mg-wrapper .lu-btn--danger:not(.lu-btn--icon):active:focus,
body:not(.page-searchdomains) #layers .btn-danger:not(.btn--icon):hover,
body:not(.page-searchdomains) #layers .btn-danger:not(.btn--icon):active,
body:not(.page-searchdomains) #layers .btn-danger:not(.btn--icon):focus,
body:not(.page-searchdomains) #layers .btn-danger:not(.btn--icon):active:focus,
body:not(.page-searchdomains) #layers .btn--danger:not(.btn--icon):hover,
body:not(.page-searchdomains) #layers .btn--danger:not(.btn--icon):active,
body:not(.page-searchdomains) #layers .btn--danger:not(.btn--icon):focus,
body:not(.page-searchdomains) #layers .btn--danger:not(.btn--icon):active:focus,
body:not(.page-searchdomains) #layers .lu-btn--danger:not(.lu-btn--icon):hover,
body:not(.page-searchdomains) #layers .lu-btn--danger:not(.lu-btn--icon):active,
body:not(.page-searchdomains) #layers .lu-btn--danger:not(.lu-btn--icon):focus,
body:not(.page-searchdomains) #layers .lu-btn--danger:not(.lu-btn--icon):active:focus {
  color: #fff;
  background-color: #cc101c;
  border: 1px solid #cc101c;
  background-image: none;
}

body:not(.page-searchdomains) #mg-wrapper .btn.btn-danger.btn-icon:last-of-type,
body:not(.page-searchdomains) #mg-wrapper .btn-icon-only:last-of-type {
  margin-left: 8px;
}

body:not(.page-searchdomains) .mg-wrapper .page-content .dataTables_wrapper {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff !important;
  border: none !important;
}

body:not(.page-searchdomains) .mg-wrapper div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

body:not(.page-searchdomains) .mg-wrapper .dataTables_paginate {
  float: right;
  padding: 16px 16px 8px 16px;
  height: 44px;
}

body:not(.page-searchdomains) .mg-wrapper div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  white-space: nowrap;
}

body:not(.page-searchdomains) .mg-wrapper .dataTables_paginate .pagination {
  border: 0;
  margin: 0;
  padding: 0;
}

body:not(.page-searchdomains) .mg-wrapper .pagination {
  display: -webkit-box;
  display: flex;
  padding: 8px 16px;
  border: 1px solid #e6e8ec;
  border-radius: 2px;
  -webkit-box-pack: end;
  justify-content: flex-end;
  margin: 0;
  list-style: none;
}

body:not(.page-searchdomains) .mg-wrapper .dataTables_length {
  background-color: #fff !important;
  font-size: 13px;
}

body:not(.page-searchdomains) .mg-wrapper div.dataTables_wrapper div.dataTables_length label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  color: #7c8088 !important;
}

body:not(.page-searchdomains) .mg-wrapper .dataTables_wrapper .dataTables_filter label {
  color: #7c8088 !important;
}

body:not(.page-searchdomains) .mg-wrapper label {
  margin: 0;
  font-size: 13px;
}

body:not(.page-searchdomains) .mg-wrapper div.dataTables_length select {
  width: auto !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
  padding: 0px 24px 0px 6px !important;
  height: 28px !important;
  line-height: 28px;
  background-color: #fff !important;
  border-color: #dcdee2 !important;
}

body:not(.page-searchdomains) .mg-wrapper div.dataTables_length select:active,
body:not(.page-searchdomains) .mg-wrapper div.dataTables_length select:focus {
  border-color: #dcdee2 !important;
  background-color: #fff !important;
}

body:not(.page-searchdomains) .mg-wrapper .dataTables_wrapper .dataTables_info {
  color: #7c8088 !important;
}

body:not(.page-searchdomains) .mg-wrapper .table thead tr th {
  font-weight: normal !important;
  text-transform: capitalize !important;
  font-size: 13px !important;
  color: #7c8088 !important;
}

body:not(.page-searchdomains) .mg-wrapper .table tr td,
body:not(.page-searchdomains) .mg-wrapper .table tr td div,
body:not(.page-searchdomains) .mg-wrapper .table tr td span:not(.glyphicon),
body:not(.page-searchdomains) .mg-wrapper .table tr td:not(label) {
  font-size: 14px !important;
  color: #2a2e36 !important;
}

body:not(.page-searchdomains) .mg-wrapper .table {
  border-color: #e6e8ec !important;
}

body:not(.page-searchdomains) .mg-wrapper .table > thead > tr > th:first-child,
body:not(.page-searchdomains) .mg-wrapper .table > tbody > tr > td:first-child,
body:not(.page-searchdomains) .mg-wrapper .table > tfoot > tr > td:first-child {
  padding-left: 16px !important;
}

body:not(.page-searchdomains) .mg-wrapper .table > thead > tr > th {
  border-bottom: 0px !important;
}

body:not(.page-searchdomains) .mg-wrapper .table > thead > tr > th,
body:not(.page-searchdomains) .mg-wrapper .table > tbody > tr > th,
body:not(.page-searchdomains) .mg-wrapper .table > tfoot > tr > th,
body:not(.page-searchdomains) .mg-wrapper .table > thead > tr > td,
body:not(.page-searchdomains) .mg-wrapper .table > tbody > tr > td,
body:not(.page-searchdomains) .mg-wrapper .table > tfoot > tr > td,
body:not(.page-searchdomains) #layers .lu-table thead th,
body:not(.page-searchdomains) #layers .lu-table thead td,
body:not(.page-searchdomains) #layers .lu-table tbody th,
body:not(.page-searchdomains) #layers .lu-table tbody td,
body:not(.page-searchdomains) #layers .lu-table tfoot th,
body:not(.page-searchdomains) #layers .lu-table tfoot td {
  border-color: #e6e8ec !important;
  vertical-align: middle !important;
  padding: 8px 16px !important;
}

body:not(.page-searchdomains) .mg-wrapper .table > thead > tr > th,
body:not(.page-searchdomains) .mg-wrapper .table > thead > tr > td {
  padding: 8px 16px !important;
}

body:not(.page-searchdomains) #layers .lu-widget__header,
body:not(.page-searchdomains) #layers .lu-widget__top,
body:not(.page-searchdomains) #layers .lu-widget__actions {
  border-color: #e6e8ec;
}

body:not(.page-searchdomains) #layers .lu-widget__body {
  border: none;
}

body:not(.page-searchdomains) #layers a {
  color: #1062FE !important;
}

body:not(.page-searchdomains) #layers a:hover {
  color: #015abe;
}

body:not(.page-searchdomains) .mg-wrapper .btn {
  box-shadow: none !important;
  height: 42px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-shadow: none;
  border-radius: 2px;
}

body:not(.page-searchdomains) #layers .btn .btn__icon i {
  line-height: 24px !important;
}

body:not(.page-searchdomains) #layers .btn--primary,
body:not(.page-searchdomains) #layers .app__main-actions a.mg-submit-form {
  color: #fff !important;
  background-color: #1062FE !important;
  border-color: #1062FE !important;
}

body:not(.page-searchdomains) #layers .btn--primary:hover,
body:not(.page-searchdomains) #layers .btn--primary:active,
body:not(.page-searchdomains) #layers .btn--primary:focus,
body:not(.page-searchdomains) #layers .app__main-actions a.mg-submit-form:hover {
  color: #fff !important;
  background-color: #015abe !important;
  border-color: #015abe !important;
}

body:not(.page-searchdomains) #layers .btn.btn--primary .btn__text,
body:not(.page-searchdomains) #layers .btn.btn--primary .btn--icon,
body:not(.page-searchdomains) #layers .btn.btn--primary .btn__icon i,
body:not(.page-searchdomains) #mg-wrapper .btn.btn-primary {
  color: #fff;
}

body:not(.page-searchdomains) .mg-wrapper .btn-default {
  background-color: #fff !important;
  background-image: none !important;
  color: #2a2e36 !important;
  border-color: #dcdee2 !important;
}

body:not(.page-searchdomains) .mg-wrapper .btn-default:hover,
body:not(.page-searchdomains) .mg-wrapper .btn-default:active,
body:not(.page-searchdomains) .mg-wrapper .btn-default:focus {
  background-color: #f6f7f8 !important;
  background-image: none !important;
  border-color: #dcdee2 !important;
}

body:not(.page-searchdomains) #layers .nav__item.is-active > .nav__link,
body:not(.page-searchdomains) #layers .nav__item.is-active > .nav__link > .nav__link-icon,
body:not(.page-searchdomains) #layers .nav__item > .nav__link:hover {
  color: #1062FE !important;
}

body:not(.page-searchdomains) #layers .nav__item > .nav__link {
  color: #7c8088 !important;
}

body:not(.page-searchdomains) #layers .btn.btn--link.btn--icon.btn--plain,
body:not(.page-searchdomains) #layers .btn.btn--link.btn--plain,
body:not(.page-searchdomains) #layers .btn.btn--link.btn--plain i,
body:not(.page-searchdomains) #layers i.btn__icon,
body:not(.page-searchdomains) #layers .lu-has-dropdown .lu-btn--icon {
  color: #b9bdc5 !important;
  transition: 0.24s ease;
}

body:not(.page-searchdomains) #layers .btn.btn--link.btn--icon.btn--plain:hover i,
body:not(.page-searchdomains) #layers .btn.btn--link.btn--plain:hover i,
body:not(.page-searchdomains) #layers .btn.btn--link.btn--plain:hover i,
body:not(.page-searchdomains) #layers i.btn__icon:hover,
body:not(.page-searchdomains) #layers .lu-has-dropdown .lu-btn--icon:hover {
  color: #1062FE !important;
}

body:not(.page-searchdomains) #layers .btn--outline.btn--plain {
  color: #2a2e36 !important;
  background-color: #fff !important;
  border-color: #dcdee2 !important;
}

body:not(.page-searchdomains) #layers .btn--outline.btn--plain:hover {
  background-color: #f6f7f8 !important;
  border-color: #dcdee2 !important;
}

body:not(.page-searchdomains) #layers .switch__checkbox:checked + .switch__container {
  background-color: #1062FE !important;
}

body:not(.page-searchdomains) #layers .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link {
  color: #2a2e36 !important;
}

body:not(.page-searchdomains) #layers-body .lu-dropdown__menu .lu-dropdown__header,
body:not(.page-searchdomains) #layers .lu-dropdown__menu .lu-dropdown__header,
body:not(.page-searchdomains) #layers-body .lu-dropdown__link-icon,
body:not(.page-searchdomains) #layers .lu-dropdown__link-icon {
  color: #7c8088;
}

body:not(.page-searchdomains) #layers .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link:hover,
body:not(.page-searchdomains) #layers-body .lu-dropdown__link:hover,
body:not(.page-searchdomains) #layers-body .lu-dropdown__link:hover > .lu-dropdown__link-icon,
body:not(.page-searchdomains) #layers .lu-dropdown__link:hover,
body:not(.page-searchdomains) #layers .lu-dropdown__link:hover > .lu-dropdown__link-icon,
body:not(.page-searchdomains) #layers-body .dropdown__link:hover,
body:not(.page-searchdomains) #layers-body .dropdown__link:hover > .dropdown__link-icon,
body:not(.page-searchdomains) #layers .dropdown__link:hover,
body:not(.page-searchdomains) #layers .dropdown__link:hover > .dropdown__link-icon {
  color: #1062FE !important;
}

body:not(.page-searchdomains) #layers .form-check .form-checkbox:checked + .form-indicator {
  border-color: #1062FE !important;
  background-color: #1062FE !important;
}

body:not(.page-searchdomains) #layers .badge--primary,
body:not(.page-searchdomains) #layers .lu-badge--primary {
  background-color: #1062FE !important;
  background-color: #1062FE !important;
}

body:not(.page-searchdomains) #layers .input-group:active,
body:not(.page-searchdomains) #layers .form-control:active,
body:not(.page-searchdomains) #layers .input-group:focus,
body:not(.page-searchdomains) #layers .form-control:focus,
body:not(.page-searchdomains) .mg-wrapper .form-control:focus,
body:not(.page-searchdomains) .mg-wrapper .form-control:active,
body:not(.page-searchdomains) .mg-wrapper select:active,
body:not(.page-searchdomains) .mg-wrapper select:focus,
body:not(.page-searchdomains) #layers .lu-form-control:active,
body:not(.page-searchdomains) #layers .lu-form-control:focus {
  border-color: #1062FE !important;
}

body:not(.page-searchdomains) #layers .selectize-control .selectize-input:before {
  color: #b9bdc5 !important;
}

body:not(.page-searchdomains) #layers #mgModalContainer .nav--tabs .nav__item.is-active > .nav__link:after,
body:not(.page-searchdomains) #layers #mgModalContainer .nav--tabs .nav__link.is-active:after,
body:not(.page-searchdomains) #layers .lu-nav--tabs .lu-nav__item.is-active > .lu-nav__link:after,
body:not(.page-searchdomains) #layers .lu-nav--tabs .lu-nav__link.is-active:after {
  background: #1062FE !important;
}

body:not(.page-searchdomains) #layers .t-c__mass-actions,
body:not(.page-searchdomains) #layers .lu-t-c__mass-actions {
  background: #e3effc !important;
}

body:not(.page-searchdomains) #layers .t-c__mass-actions .drop-arrow:after {
  background: #e3effc !important;
  box-shadow: none !important;
}

body:not(.page-searchdomains) #layers #mgModalContainer .btn.btn--default {
  color: #2a2e36 !important;
}

body:not(.page-searchdomains) #layers .t-c__footer .paginate_button,
body:not(.page-searchdomains) #layers .t-c__footer .dt-button {
  color: #7c8088 !important;
}

body:not(.page-searchdomains) #layers .t-c__footer.table-footer .dt-button.active,
body:not(.page-searchdomains) #layers .t-c__footer.table-footer .paginate_button.current {
  color: #1062FE;
}

body:not(.page-searchdomains) #layers .input-group .zmdi-search {
  color: #b9bdc5;
}

body:not(.page-searchdomains) #layers .input-group,
body:not(.page-searchdomains) #layers .lu-input-group {
  background-color: #fff !important;
  border: 1px solid #dcdee2 !important;
  color: #2a2e36 !important;
}

body:not(.page-searchdomains) #layers .input-group__addon,
body:not(.page-searchdomains) #layers .lu-input-group__addon {
  height: 42px !important;
}

body:not(.page-searchdomains) #layers .form-control,
body:not(.page-searchdomains) .mg-wrapper .form-control,
body:not(.page-searchdomains) .module-vultr .form-control,
body:not(.page-searchdomains) .module-vultr table td input,
body:not(.page-searchdomains) .module-vultr select,
body:not(.page-searchdomains) #layers .lu-form-control {
  color: #2a2e36 !important;
  height: 42px !important;
  box-shadow: none !important;
  background-color: #fff !important;
  border-color: #dcdee2 !important;
  font-size: 14px !important;
}

body:not(.page-searchdomains) #layers .widget .input-group .form-control {
  background-color: transparent !important;
}

body:not(.page-searchdomains) #layers .top__search.input-group .form-control:active,
body:not(.page-searchdomains) #layers .top__search.input-group .form-control:focus {
  background-color: transparent !important;
}

body:not(.page-searchdomains) #layers .cell-actions.mgTableActions .btn.btn--success {
  background-color: transparent !important;
  border: none !important;
}

body:not(.page-searchdomains) #layers .selectize-control .selectize-dropdown.single.plugin-directionDetector {
  background: #fff !important;
}

body:not(.page-searchdomains) #layers .selectize-control .selectize-dropdown.single.plugin-directionDetector .selectize-dropdown-content .option {
  color: #2a2e36 !important;
}

body:not(.page-searchdomains) #layers .selectize-control .selectize-dropdown.single.plugin-directionDetector .selectize-dropdown-content .option:hover {
  color: #1062FE !important;
}

body:not(.page-searchdomains) #layers .nav--arrow .nav__item.is-active .nav__link:after {
  display: none !important;
}

body:not(.page-searchdomains) #layers .nav--arrow .nav__item.is-active .nav__link .nav__link-text {
  position: relative;
}

body:not(.page-searchdomains) #layers .nav--arrow .nav__item.is-active .nav__link .nav__link-text:after {
  content: "";
  height: 3px;
  background-color: #1062FE;
  position: absolute;
  left: 0;
  right: 0px;
  bottom: -14px;
  z-index: 1;
}

body:not(.page-searchdomains) #layers .top .top__content,
body:not(.page-searchdomains) #layers .lu-top__content {
  margin-left: 0px !important;
}

body:not(.page-searchdomains) #layers .top .top__addon,
body:not(.page-searchdomains) #layers .lu-top__addon {
  display: none;
}

body:not(.page-searchdomains) #layers #MGPagehome {
  margin-bottom: -16px;
}

body:not(.page-searchdomains) #layers #MGPagehome .h4,
body:not(.page-searchdomains) #layers .lu-h4 {
  margin-top: 0px !important;
  font-size: 18px;
  font-weight: 500;
}

body:not(.page-searchdomains) #layers h1, body:not(.page-searchdomains) #layers h2, body:not(.page-searchdomains) #layers h3, body:not(.page-searchdomains) #layers h4, body:not(.page-searchdomains) #layers h5, body:not(.page-searchdomains) #layers h6,
body:not(.page-searchdomains) #layers .lu-h1, body:not(.page-searchdomains) #layers .lu-h2, body:not(.page-searchdomains) #layers .lu-h3, body:not(.page-searchdomains) #layers .lu-h4, body:not(.page-searchdomains) #layers .lu-h5, body:not(.page-searchdomains) #layers .lu-h6,
body:not(.page-searchdomains) #layers .lu-tile__title,
body:not(.page-searchdomains) #layers .tile .tile__title {
  color: #2a2e36;
}

body:not(.page-searchdomains) #layers .tile {
  min-height: 140px;
  box-shadow: none !important;
}

body:not(.page-searchdomains) #layers #MGPagehome .tiles {
  margin-bottom: 16px;
}

body:not(.page-searchdomains) #layers #MGPagehome .tiles.lu-row.row--eq-height:last-child {
  margin-bottom: 0px !important;
}

body:not(.page-searchdomains) #layers .dataTables_wrapper.no-footer div table + div {
  border-top: 1px solid #e6e8ec;
}

body:not(.page-searchdomains) #applicationsNewPage .list-group__top.top .top__title.type-6 {
  color: #1062FE !important;
}

body:not(.page-searchdomains) #applicationsNewPage .list-group__top.top .collapse-icon:after,
body:not(.page-searchdomains) #applicationsNewPage .list-group__top.top .collapse-icon:before {
  background-color: #1062FE !important;
}

body:not(.page-searchdomains) .i-c, body:not(.page-searchdomains) [class*="i-c-"],
body:not(.page-searchdomains) [class*="l-i-"],
body:not(.page-searchdomains) [class*="zmdi"] {
  font-size: 18px !important;
  line-height: 24px !important;
}

body:not(.page-searchdomains) .top__search.input-group i {
  font-size: 24px !important;
}

body:not(.page-searchdomains) .mg-wrapper .nav-tabs {
  border-color: #e6e8ec !important;
}

body:not(.page-searchdomains) .mg-wrapper .nav-tabs > li > a {
  color: #7c8088 !important;
  padding: 18px 0px !important;
  font-size: 14px !important;
}

body:not(.page-searchdomains) .mg-wrapper .nav-tabs > li.active > a {
  color: #1062FE !important;
}

body:not(.page-searchdomains) .mg-wrapper .nav-tabs > li > a,
body:not(.page-searchdomains) .mg-wrapper .nav-tabs > li.active > a,
body:not(.page-searchdomains) .mg-wrapper .nav-tabs > li.active > a:hover,
body:not(.page-searchdomains) .mg-wrapper .nav-tabs > li.active > a:focus {
  border: none !important;
  background-color: transparent !important;
}

body:not(.page-searchdomains) .mg-wrapper .nav-tabs > li > a:hover {
  color: #1062FE !important;
}

body:not(.page-searchdomains) .mg-wrapper label.control-label {
  font-weight: 400 !important;
  font-size: 14px !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal:not(#RCPricingDomainsEdit) {
  top: 18%;
  margin: 0px !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal.fade .modal-dialog {
  -webkit-transform: scale(0.5) !important;
          transform: scale(0.5) !important;
  transition: all 0.24s ease !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal.in .modal-dialog {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal-header {
  background-color: transparent;
  border-color: #e6e8ec !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal-footer {
  border-color: #e6e8ec !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal-body label {
  text-align: left !important;
  color: #7c8088;
}

body:not(.page-searchdomains) .mg-wrapper .modal-body input[type="checkbox"] {
  margin-top: 10px !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal-body .checkbox label {
  padding: 0px 0px 0px 25px;
  /*line-height: 24px; */
}

body:not(.page-searchdomains) .mg-wrapper .form-control[readonly] {
  background-color: #fff !important;
}

body:not(.page-searchdomains) .mg-wrapper .awaiting-reseller {
  background-color: transparent !important;
}

body:not(.page-searchdomains) .mg-wrapper .tabbable-line > .nav-tabs > li.active,
body:not(.page-searchdomains) .mg-wrapper .tabbable-line > .nav-tabs > li.active:hover,
body:not(.page-searchdomains) .mg-wrapper .tabbable-line > .nav-tabs > li,
body:not(.page-searchdomains) .mg-wrapper .tabbable-line > .nav-tabs > li:hover {
  border: none !important;
}

body:not(.page-searchdomains) .mg-wrapper .select2-container-multi .select2-choices {
  background-color: #fff !important;
  border: none !important;
}

body:not(.page-searchdomains) .mg-wrapper .tpx-select2-container {
  font-family: "Roboto", sans-serif;
}

body:not(.page-searchdomains) .mg-wrapper .form-group span:not(.input-group-addon) {
  line-height: 42px !important;
}

body:not(.page-searchdomains) .mg-wrapper legend {
  color: #2a2e36 !important;
  border-color: #e6e8ec !important;
}

body:not(.page-searchdomains) .mg-wrapper .pagination > li {
  margin-left: 4px;
  display: inline-block !important;
}

body:not(.page-searchdomains) .mg-wrapper .pagination > li > a {
  font-size: 13px;
  padding: 4px 8px !important;
  background-color: #fff !important;
  border-color: #e6e8ec !important;
}

body:not(.page-searchdomains) .mg-wrapper .pagination > .active > a {
  color: #fff !important;
  background-color: #1062FE !important;
}

body:not(.page-searchdomains) .mg-wrapper .pagination > .disabled > span,
body:not(.page-searchdomains) .mg-wrapper .pagination > .disabled > span:hover,
body:not(.page-searchdomains) .mg-wrapper .pagination > .disabled > span:focus,
body:not(.page-searchdomains) .mg-wrapper .pagination > .disabled > a,
body:not(.page-searchdomains) .mg-wrapper .pagination > .disabled > a:hover,
body:not(.page-searchdomains) .mg-wrapper .pagination > .disabled > a:focus {
  color: #e6e8ec !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal-backdrop {
  background-color: #393d45 !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal-backdrop.in {
  opacity: 0.48 !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal-content {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16) !important;
  border-color: #f6f7f8 !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal .modal-content h4.modal-title,
body:not(.page-searchdomains) .mg-wrapper .modal .modal-content strong,
body:not(.page-searchdomains) .lu-modal .lu-modal__content .lu-top__title span {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #2a2e36;
}

body:not(.page-searchdomains) .mg-wrapper .modal label {
  font-size: 14px !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal .close,
body:not(.page-searchdomains) .mg-wrapper .modal .close span {
  color: #b9bdc5 !important;
  opacity: 1 !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal .close:hover,
body:not(.page-searchdomains) .mg-wrapper .modal .close span:hover {
  color: #1062FE !important;
}

body:not(.page-searchdomains) .mg-wrapper .modal .btn i {
  margin-right: 0px !important;
}

body:not(.page-searchdomains) .mg-wrapper .mg-permission-disabled {
  opacity: 0.35 !important;
  padding: 4px !important;
}

body:not(.page-searchdomains) #MGLoader {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body:not(.page-searchdomains) .mg-wrapper .btn-inverse.btn.only-icon,
body:not(.page-searchdomains) .mg-wrapper .buttonInGroup {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none;
  border-radius: 0;
  position: relative;
  height: 22px !important;
  width: 22px !important;
  padding: 0;
  line-height: 22px;
  text-align: center;
  font-size: 18px;
  color: #b9bdc5 !important;
}

body:not(.page-searchdomains) .mg-wrapper .btn-inverse.btn.only-icon:hover,
body:not(.page-searchdomains) .mg-wrapper .btn-inverse.btn.only-icon:focus,
body:not(.page-searchdomains) .mg-wrapper .btn-inverse.btn.only-icon:active,
body:not(.page-searchdomains) .mg-wrapper .buttonInGroup:hover,
body:not(.page-searchdomains) .mg-wrapper .buttonInGroup:focus,
body:not(.page-searchdomains) .mg-wrapper .buttonInGroup:active {
  background: transparent;
  color: #1062FE !important;
}

body:not(.page-searchdomains) .mg-wrapper .btn.btn-inverse > i,
body:not(.page-searchdomains) .mg-wrapper .btn.btn-primary > i {
  color: #fff !important;
}

body:not(.page-searchdomains) .mg-wrapper .btn.btn-icon-only i,
body:not(.page-searchdomains) .mg-wrapper .btn.only-icon i,
body:not(.page-searchdomains) .mg-wrapper .btn.icon-only i,
body:not(.page-searchdomains) .mg-wrapper .btn.btn-icon i {
  color: #b9bdc5 !important;
  font-size: 18px !important;
  text-shadow: none;
}

body:not(.page-searchdomains) .mg-wrapper table .btn.btn-icon-only i:hover,
body:not(.page-searchdomains) .mg-wrapper table .btn.only-icon i:hover,
body:not(.page-searchdomains) .mg-wrapper table .btn.icon-only i:hover,
body:not(.page-searchdomains) .mg-wrapper table .btn.btn-icon i:hover {
  color: #1062FE !important;
}

body:not(.page-searchdomains) .mg-wrapper .text-right,
body:not(.page-searchdomains) #mg-wrapper .text-right,
body:not(.page-searchdomains) #layers .text-right {
  text-align: right !important;
}

body:not(.page-searchdomains) .mg-wrapper .table tr td span.label,
body:not(.page-searchdomains) .mg-wrapper .label-default {
  color: #fff !important;
}

body:not(.page-searchdomains) .mg-wrapper .table tr td span.label,
body:not(.page-searchdomains) .mg-wrapper .label-info {
  color: #0c70de !important;
}

body:not(.page-searchdomains) .mg-wrapper .table tr td span.label,
body:not(.page-searchdomains) .mg-wrapper .label-success {
  color: #fff !important;
}

body:not(.page-searchdomains) .mg-wrapper .table tr td span.label,
body:not(.page-searchdomains) .mg-wrapper .label-warning {
  color: #fff !important;
}

body:not(.page-searchdomains) .mg-wrapper .table tr td span.label,
body:not(.page-searchdomains) .mg-wrapper .label-danger {
  color: #fff !important;
}

body:not(.page-searchdomains) .mg-wrappre .alert .close,
body:not(.page-searchdomains) .lu-alert .close {
  position: absolute;
  top: 10px;
}

body:not(.page-searchdomains) .mg-wrapper .alert-info strong,
body:not(.page-searchdomains) .lu-alert--info strong {
  color: #0c70de !important;
}

body:not(.page-searchdomains) .mg-wrapper .alert-warning strong,
body:not(.page-searchdomains) .lu-alert--warning strong {
  color: #c59301 !important;
}

body:not(.page-searchdomains) .mg-wrapper .alert-danger strong,
body:not(.page-searchdomains) .lu-alert--danger strong {
  color: #be0f1a !important;
}

body:not(.page-searchdomains) .mg-wrapper .alert-success strong,
body:not(.page-searchdomains) .lu-alert--success strong {
  color: #198810 !important;
}

body:not(.page-searchdomains) .mg-wrapper hr {
  border-color: #e6e8ec !important;
}

body:not(.page-searchdomains) .modal-loader {
  display: none !important;
}

body:not(.page-searchdomains) .mg-wrapper .main-header > h1,
body:not(.page-searchdomains) #mg-wrapper .main-header > h1,
body:not(.page-searchdomains) #layers .main-header > h1 {
  margin-bottom: 0px;
}

body:not(.page-searchdomains) #layers .dataTables_wrapper {
  box-shadow: none;
}

body:not(.page-searchdomains) #MGModal .tpx-select2-container .select2-choice .select2-arrow {
  background-image: url(../img/arrow-drop.svg);
  display: block;
  background-repeat: no-repeat;
  background-position: 10px;
}

body:not(.page-searchdomains) .tpx-select2-drop .select2-search:after {
  content: "" !important;
  font-family: "lagom-medium-icons" !important;
  top: 14px !important;
}

body:not(.page-searchdomains) #MGModal .tpx-select2-container .select2-choice .select2-arrow:before {
  display: none;
}

body:not(.page-searchdomains) .mg-wrapper .nav.navbar-nav li,
body:not(.page-searchdomains) .mg-wrapper .nav.navbar-nav li a {
  display: inline-block;
}

@media (max-width: 768px) {
  body:not(.page-searchdomains) .mg-wrapper .nav-menu {
    height: auto !important;
  }
  body:not(.page-searchdomains) .mg-wrapper .nav-menu .navbar-nav {
    padding: 0px 15px;
  }
}

@media (max-width: 480px) {
  body:not(.page-searchdomains) .mg-wrapper .nav.navbar-nav li {
    width: 100%;
  }
  body:not(.page-searchdomains) .mg-wrapper .nav.navbar-nav li a {
    padding: 7px 0px !important;
  }
  body:not(.page-searchdomains) .mg-wrapper .nav.navbar-nav li a:after {
    display: none;
  }
}

body:not(.page-searchdomains) .page-plesk .module-client-area.module-plesk input[type="submit"] {
  color: #0c70de;
  background-color: #e3effc;
  border: 1px solid #e3effc;
  padding: 6px 20px;
  border-radius: 2px;
}

body:not(.page-searchdomains) .page-plesk .module-client-area.module-plesk input[type="submit"]:hover, body:not(.page-searchdomains) .page-plesk .module-client-area.module-plesk input[type="submit"]:active, body:not(.page-searchdomains) .page-plesk .module-client-area.module-plesk input[type="submit"]:focus {
  color: #0c70de;
  background-color: #d5e7fb;
  border: 1px solid #d5e7fb;
  outline: none;
}

body:not(.page-searchdomains) .ui-widget-content {
  box-shadow: none;
}

body:not(.page-searchdomains) #layers .table .cell-actions .btn {
  width: auto;
}

body:not(.page-searchdomains) #layers .table .cell-actions .btn + .btn {
  margin-left: 0px;
}

body:not(.page-searchdomains) #layers .table .cell-actions .btn i {
  margin: 0px;
}

body:not(.page-searchdomains) #mg-wrapper .progress {
  background-color: #e6e8ec;
}

body:not(.page-searchdomains) #mg-wrapper .table-hover > tbody > tr:hover {
  background-color: transparent;
}

body:not(.page-searchdomains) #layers .lu-btn--success .lu-preloader:before {
  border-top-color: #2368AD;
}

body:not(.page-searchdomains) #layers .lu-has-dropdown .drop-content .lu-dropdown__item .lu-dropdown__link .lu-preloader:before {
  border-top-color: #2368AD;
}

body:not(.page-searchdomains) #layers .lu-widget {
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border: none;
  color: #2a2e36;
}

body:not(.page-searchdomains).page-proxmoxvps #pm-table-task-history_length label select.form-control {
  line-height: 1.5;
}

body:not(.page-searchdomains).page-proxmoxvps #pm-table-task-history_paginate {
  float: right;
}

body:not(.page-searchdomains).page-proxmoxvps #pm-table-task-history_paginate .pagination {
  margin: 8px 0px;
  border: 0px;
}

body:not(.page-searchdomains).page-proxmoxvps .well {
  border: 1px solid #e6e8ec;
  box-shadow: none;
  background-color: #fff !important;
}

body:not(.page-searchdomains).page-proxmoxvps .well h4 {
  color: #2a2e36;
}

body:not(.page-searchdomains).page-proxmoxvps .well .big-button {
  box-shadow: none !important;
  border: 1px solid #e6e8ec;
}

body:not(.page-searchdomains).page-proxmoxvps .well .form-actions {
  border-top: 1px solid #e6e8ec;
}

body:not(.page-searchdomains).page-proxmoxvps .progress {
  background-color: #e6e8ec !important;
}

body:not(.page-searchdomains).page-proxmoxvps .progress .progress-bar-success {
  background-color: #056CEA;
}

body:not(.page-searchdomains).page-proxmoxvps select,
body:not(.page-searchdomains).page-proxmoxvps input {
  background-color: #fff;
  background-image: none;
}

body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .col-sm-2.col-xs-6.tile.mg-client-categories {
  background-color: transparent !important;
  min-height: 0px;
  box-shadow: none;
  display: inline-block !important;
  border: none !important;
  width: auto !important;
  padding: 12px;
  float: none;
}

body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .col-sm-2.col-xs-6.tile.mg-client-categories.active .title {
  background-color: transparent !important;
  border-bottom: 3px solid #1062FE;
  color: #1062FE !important;
  padding-bottom: 18px;
}

body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .col-sm-2.col-xs-6.tile.mg-client-categories .top-menu .nav-menu a span,
body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .col-sm-2.col-xs-6.tile.mg-client-categories .title {
  color: #7c8088 !important;
}

body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .col-sm-2.col-xs-6.tile.mg-client-categories a {
  display: inline;
}

body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .col-sm-2.col-xs-6.tile.mg-client-categories .icon,
body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .col-sm-2.col-xs-6.tile.mg-client-categories .highlight,
body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .col-sm-2.col-xs-6.tile.mg-client-categories .stat {
  display: none;
}

body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .box.light .well {
  background-color: transparent;
  padding-left: 0px;
  border: 0;
  box-shadow: none;
}

body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .table-hover > tbody > tr:hover {
  background-color: transparent;
}

body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .modal .select2-chosen,
body:not(.page-searchdomains).page-passwordmanager .mg-wrapper .modal .select2-arrow {
  color: #7c8088;
}

body:not(.page-searchdomains).page-passwordmanager #mg-categories-content {
  margin-bottom: 30px;
}

body:not(.page-searchdomains).page-passwordmanager .box.light > h4 {
  margin-bottom: 16px;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .dataTables_length .btn.btn-xs, body:not(.page-searchdomains).page-resellerarea .mg-wrapper .dataTables_length .btn-group-xs > .btn, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .dataTables_length .btn.btn-xs, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .dataTables_length .btn-group-xs > .btn, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .dataTables_length .btn.btn-xs, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .dataTables_length .btn-group-xs > .btn {
  height: auto !important;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .btn-outline.btn-inverse, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .btn-outline.btn-inverse, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .btn-outline.btn-inverse {
  border: none;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .box.light > .box-title > .nav-tabs > li, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .box.light > .box-title > .nav-tabs > li, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .box.light > .box-title > .nav-tabs > li {
  margin-left: 16px;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .ticketReply .addAtachement.btn, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .ticketReply .addAtachement.btn, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .ticketReply .addAtachement.btn {
  margin-top: 15px !important;
  color: #fff !important;
  background-color: #1062FE !important;
  border-color: #1062FE !important;
  background-image: none;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .ticketReply .addAtachement.btn:hover, body:not(.page-searchdomains).page-resellerarea .mg-wrapper .ticketReply .addAtachement.btn:active, body:not(.page-searchdomains).page-resellerarea .mg-wrapper .ticketReply .addAtachement.btn:focus, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .ticketReply .addAtachement.btn:hover, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .ticketReply .addAtachement.btn:active, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .ticketReply .addAtachement.btn:focus, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .ticketReply .addAtachement.btn:hover, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .ticketReply .addAtachement.btn:active, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .ticketReply .addAtachement.btn:focus {
  color: #fff !important;
  background-color: #015abe !important;
  border-color: #015abe !important;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .ticketReply .row-fluid, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .ticketReply .row-fluid, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .ticketReply .row-fluid {
  padding: 15px;
  color: #7c8088 !important;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .ticket-reply.markdown-content, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .ticket-reply.markdown-content, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .ticket-reply.markdown-content {
  padding: 15px;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .ticket-reply.markdown-content > div,
body:not(.page-searchdomains).page-resellerarea .mg-wrapper .ticket-reply.markdown-content span,
body:not(.page-searchdomains).page-resellerarea .mg-wrapper .ticket-reply.markdown-content p, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .ticket-reply.markdown-content > div,
body:not(.page-searchdomains).page-resellerportal .mg-wrapper .ticket-reply.markdown-content span,
body:not(.page-searchdomains).page-resellerportal .mg-wrapper .ticket-reply.markdown-content p, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .ticket-reply.markdown-content > div,
body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .ticket-reply.markdown-content span,
body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .ticket-reply.markdown-content p {
  color: #7c8088 !important;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .nav-menu span, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .nav-menu span, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .nav-menu span {
  color: #7c8088 !important;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .nav-menu .active, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .nav-menu .active, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .nav-menu .active {
  background-color: transparent !important;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .nav-menu a:hover, body:not(.page-searchdomains).page-resellerarea .mg-wrapper .nav-menu a:active, body:not(.page-searchdomains).page-resellerarea .mg-wrapper .nav-menu a:focus, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .nav-menu a:hover, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .nav-menu a:active, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .nav-menu a:focus, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .nav-menu a:hover, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .nav-menu a:active, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .nav-menu a:focus {
  background-color: transparent !important;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .dataTables_wrapper .dataTables_info,
body:not(.page-searchdomains).page-resellerarea .mg-wrapper .dataTables_wrapper .dataTables_length, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .dataTables_wrapper .dataTables_info,
body:not(.page-searchdomains).page-resellerportal .mg-wrapper .dataTables_wrapper .dataTables_length, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .dataTables_wrapper .dataTables_info,
body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .dataTables_wrapper .dataTables_length {
  background-color: transparent !important;
  color: #7c8088 !important;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .dataTables_wrapper .dataTables_info .btn-xs, body:not(.page-searchdomains).page-resellerarea .mg-wrapper .dataTables_wrapper .dataTables_info .btn-group-xs > .btn,
body:not(.page-searchdomains).page-resellerarea .mg-wrapper .dataTables_wrapper .dataTables_length .btn-xs,
body:not(.page-searchdomains).page-resellerarea .mg-wrapper .dataTables_wrapper .dataTables_length .btn-group-xs > .btn, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .dataTables_wrapper .dataTables_info .btn-xs, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .dataTables_wrapper .dataTables_info .btn-group-xs > .btn,
body:not(.page-searchdomains).page-resellerportal .mg-wrapper .dataTables_wrapper .dataTables_length .btn-xs,
body:not(.page-searchdomains).page-resellerportal .mg-wrapper .dataTables_wrapper .dataTables_length .btn-group-xs > .btn, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .dataTables_wrapper .dataTables_info .btn-xs, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .dataTables_wrapper .dataTables_info .btn-group-xs > .btn,
body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .dataTables_wrapper .dataTables_length .btn-xs,
body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .dataTables_wrapper .dataTables_length .btn-group-xs > .btn {
  color: #7c8088 !important;
  background: #fff;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .table-hover > tbody > tr:hover, body:not(.page-searchdomains).page-resellerportal .mg-wrapper .table-hover > tbody > tr:hover, body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .table-hover > tbody > tr:hover {
  background-color: transparent;
}

body:not(.page-searchdomains).page-resellerarea .mg-wrapper .input-group.has-addon-left,
body:not(.page-searchdomains).page-resellerarea .mg-wrapper .intl-tel-input input,
body:not(.page-searchdomains).page-resellerarea .mg-wrapper .intl-tel-input input[type=text],
body:not(.page-searchdomains).page-resellerarea .mg-wrapper .intl-tel-input input[type=tel], body:not(.page-searchdomains).page-resellerportal .mg-wrapper .input-group.has-addon-left,
body:not(.page-searchdomains).page-resellerportal .mg-wrapper .intl-tel-input input,
body:not(.page-searchdomains).page-resellerportal .mg-wrapper .intl-tel-input input[type=text],
body:not(.page-searchdomains).page-resellerportal .mg-wrapper .intl-tel-input input[type=tel], body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .input-group.has-addon-left,
body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .intl-tel-input input,
body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .intl-tel-input input[type=text],
body:not(.page-searchdomains).page-resellerscenter .mg-wrapper .intl-tel-input input[type=tel] {
  margin-bottom: 4px;
}

body:not(.page-searchdomains).page-resellerarea #RCAddClient .modal-footer .checkbox-styled, body:not(.page-searchdomains).page-resellerportal #RCAddClient .modal-footer .checkbox-styled, body:not(.page-searchdomains).page-resellerscenter #RCAddClient .modal-footer .checkbox-styled {
  display: inline-block;
}

body:not(.page-searchdomains).page-resellerarea #RCClientsInfo .profileDetails .row,
body:not(.page-searchdomains).page-resellerarea #RCClientsInfo .profileDetails .row,
body:not(.page-searchdomains).page-resellerarea #RCAddClient .tab-content .row, body:not(.page-searchdomains).page-resellerportal #RCClientsInfo .profileDetails .row,
body:not(.page-searchdomains).page-resellerportal #RCClientsInfo .profileDetails .row,
body:not(.page-searchdomains).page-resellerportal #RCAddClient .tab-content .row, body:not(.page-searchdomains).page-resellerscenter #RCClientsInfo .profileDetails .row,
body:not(.page-searchdomains).page-resellerscenter #RCClientsInfo .profileDetails .row,
body:not(.page-searchdomains).page-resellerscenter #RCAddClient .tab-content .row {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

body:not(.page-searchdomains).page-resellerarea #RCTicketDetailsServices .box-light, body:not(.page-searchdomains).page-resellerportal #RCTicketDetailsServices .box-light, body:not(.page-searchdomains).page-resellerscenter #RCTicketDetailsServices .box-light {
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border: none;
}

body:not(.page-searchdomains).page-resellerarea .select2-container--default .select2-selection--single, body:not(.page-searchdomains).page-resellerportal .select2-container--default .select2-selection--single, body:not(.page-searchdomains).page-resellerscenter .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: #dcdee2;
}

body:not(.page-searchdomains).page-cpanelextended .tooltip {
  display: none !important;
}

body:not(.page-searchdomains).page-cpanelextended table .cell-actions .btn {
  padding: 0px !important;
}

body:not(.page-searchdomains)#layers-body .email-verification.alert {
  margin-bottom: 0px;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .btn-icon {
  line-height: 42px !important;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .btn-primary {
  line-height: 30px !important;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .backups-action-button {
  line-height: 22px !important;
  height: auto !important;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper #backupsList_wrapper .top {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  margin: 70px 0px 20px 0px;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper #backupsList_wrapper .top #pageheader {
  -webkit-box-ordinal-group: 2;
          order: 1;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper #backupsList_wrapper .top #pageheader .myheader-title .mg-backuplist-header {
  margin-top: 0px !important;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper #backupsList_wrapper .top #backupsList_filter {
  -webkit-box-ordinal-group: 3;
          order: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .checkbox-styled:before {
  color: #fff;
  font-family: "lagom-small-icons" !important;
  content: "" !important;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .bottom .dataTables_length {
  height: 44px;
  padding: 4px 0px 0px 15px;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .dataTables_wrapper,
body:not(.page-searchdomains).page-dnsmanager #mg-wrapper #setstable_wrapper {
  background-color: #fff;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .well {
  background-color: transparent;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .breadcrumb {
  background-color: transparent;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .module-header .panel {
  background-color: transparent;
  border: none;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .module-header .panel.panel-default .panel-heading {
  background-color: #fff;
  border-color: #e6e8ec;
}

body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .module-header .panel.panel-default .panel-heading h1 font,
body:not(.page-searchdomains).page-dnsmanager #mg-wrapper .module-header .panel.panel-default .panel-heading h1 i {
  color: #7c8088 !important;
}

body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .col-sm-6.col-sm-offset-3,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .col-md-4.col-md-offset-4,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .col-md-6.col-md-offset-3,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .col-sm-3.col-sm-offset-5,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .col-sm-4.col-sm-offset-4 {
  margin-left: 0px;
}

body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .table .btn {
  height: 32px;
  font-size: 12px;
  padding: 0px 8px;
}

body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrDNSContainer .col-sm-offset-2.col-sm-2,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSSHContainer .col-sm-offset-2.col-sm-2,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSCRIPTContainer .col-sm-offset-2.col-sm-2,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSnapshotsContainer .col-sm-offset-2.col-sm-2 {
  text-align: right;
  padding-right: 0px;
  width: 40%;
  margin-left: 0px;
}

body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrDNSContainer .col-sm-3.col-sm-offset-5,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSSHContainer .col-sm-3.col-sm-offset-5,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSCRIPTContainer .col-sm-3.col-sm-offset-5,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSCRIPTContainer .col-sm-4.col-sm-offset-4,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSnapshotsContainer .col-sm-6.col-sm-offset-2 {
  width: 60%;
  margin-left: 0px;
}

body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrDNSContainer .panel-heading > .row,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSCRIPTContainer .panel-heading > .row,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSSHContainer .panel-heading > .row,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrBackupsContainer .panel .panel-heading > .row,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr #vultrSnapshotsContainer .panel .panel-heading > .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .panel .panel-heading h4 {
  text-align: left;
  margin-bottom: 0px;
}

body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr table > thead > tr > th,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr table > thead > tr > td,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr table > tbody > tr > th,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr table > tbody > tr > td,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr table > tfoot > tr > th,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr table > tfoot > tr > td,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .table > thead > tr > th,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .table > thead > tr > td,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .table > tbody > tr > th,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .table > tbody > tr > td,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .table > tfoot > tr > th,
body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .table > tfoot > tr > td {
  padding: 10px 8px;
  height: auto;
  vertical-align: middle;
  border-right: 0px;
}

body:not(.page-searchdomains).page-vultr .module-client-area.module-vultr .so_buttons .btn {
  background-color: #e3effc;
  border: 1px solid #e3effc;
  width: 18%;
  color: #0c70de;
}

body:not(.page-searchdomains).page-zendesk .label.status.status-custom {
  background-color: transparent !important;
}

body:not(.page-searchdomains).page-zendesk .list-group-item.ticket-details-children .status {
  color: #7c8088 !important;
}

body:not(.page-searchdomains).page-licensing .tab-content .col-md-4.pull-md-right .btn {
  line-height: 1px;
}

body:not(.page-searchdomains).page-licensing .tab-content .alert.licensing-addon-latest-download {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

body:not(.page-searchdomains).page-licensing .tab-content .alert.licensing-addon-latest-download h3 {
  margin: 0px;
}

body:not(.page-searchdomains).page-domainsreseller #layers .lu-widget,
body:not(.page-searchdomains).page-domainsreseller #layers .lu-navbar {
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border: none;
}

body:not(.page-searchdomains).page-domainsreseller #layers .lu-widget {
  color: #7c8088;
}

body:not(.page-searchdomains).page-domainsreseller #layers .lu-widget .lu-widget__body {
  color: #7c8088;
}

body:not(.page-searchdomains).page-domainsreseller #layers .lu-form-label {
  color: #7c8088;
}

body:not(.page-searchdomains).page-domainsreseller #layers .lu-input-group {
  background-color: #fff;
}

body:not(.page-searchdomains).page-domainsreseller #layers .lu-input-group input {
  background-color: transparent;
  color: #2a2e36;
}

body:not(.page-searchdomains).page-domainsreseller #layers .lu-form-control {
  background-color: #fff;
  color: #2a2e36;
}

body:not(.page-searchdomains).page-domainsreseller #layers pre {
  background-color: #fff;
  border: none;
  color: #2a2e36;
}

body:not(.page-searchdomains) #sdns_overview_wrapper {
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border: none;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .listtable {
  border-bottom: none;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .listtable .dataTables_info {
  padding: 8px 16px;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .listtable .dataTables_filter {
  float: right;
  padding: 8px 16px;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .listtable table {
  width: 100% !important;
  margin-bottom: 0;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .listtable table th {
  width: auto !important;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .dataTables_paginate {
  float: right;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .dataTables_paginate .pagination {
  border: 0;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .dataTables_length {
  height: 44px;
  display: -webkit-box;
  display: flex;
  padding-left: 16px;
  border-top: 0;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .dataTables_length label {
  margin-bottom: 0;
  padding-left: 0;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .dataTables_length label select {
  width: auto;
  margin: 0 5px;
}

body:not(.page-searchdomains) #sdns_overview_wrapper .dataTables_length,
body:not(.page-searchdomains) #sdns_overview_wrapper .dataTables_info {
  background-color: transparent;
}

body:not(.page-searchdomains) #sdns_template_wrapper {
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border: none;
}

body:not(.page-searchdomains) #sdns_template_wrapper #sdns_template {
  width: 100% !important;
  margin-bottom: 0;
}

body:not(.page-searchdomains) #sdns_template_wrapper #sdns_template .dataTables_empty h3 {
  display: inline-block;
  margin-bottom: 0;
}

body:not(.page-searchdomains) #sdns_template_wrapper #sdns_template .dataTables_empty h3 .btn {
  float: right;
  margin-left: 5px;
}

body:not(.page-searchdomains) #sdns_records_wrapper .form-control.dnsfield {
  height: 28px;
  width: 100%;
  min-width: 100px;
}

body:not(.page-searchdomains) #sdns_records_wrapper .tablecheckbox {
  display: -webkit-box;
  display: flex;
}

body:not(.page-searchdomains) #tabRecords .table-container .pull-right .btn.btn-default {
  margin: 0 16px 8px 0;
}

body:not(.page-searchdomains) #tabRecords .table-container .pull-right .btn.btn-default .glyphicon {
  margin-right: 5px;
}

body:not(.page-searchdomains) #dialog_tlsaAssist .modal-content .modal-body .radio input[type="radio"] {
  margin-left: 0;
}

body:not(.page-searchdomains) #sdns_overview .text-center.nowrap {
  text-align: right;
}

/* Cpanelextended */
#layers-body .dropdown__link:hover,
#layers-body .dropdown__link:hover > .dropdown__link-icon,
#layers .dropdown__link:hover,
#layers .dropdown__link:hover > .dropdown__link-icon {
  color: #1062FE !important;
}

#toast-container .alert {
  overflow: hidden;
}

/* Direct Admin */
.page-directadminextended #layers .lu-type-4 {
  color: #2a2e36;
}

.page-directadminextended #layers .lu-p-3 {
  color: #7c8088;
}

.page-directadminextended #layers .lu-input-group .lu-form-control {
  background-color: transparent !important;
}

.page-directadminextended #layers .lu-input-group .lu-form-control:focus {
  background-color: transparent !important;
}

.page-directadminextended #layers .lu-t-c__footer {
  border-top: 1px solid #e6e8ec;
}

.page-directadminextended #layers .lu-t-c__footer .dt-button {
  color: #7c8088 !important;
}

.page-directadminextended #layers .lu-t-c__footer .paginate_button.previous {
  color: #7c8088 !important;
}

.page-directadminextended #layers .lu-t-c__footer .paginate_button.next {
  color: #7c8088 !important;
}

.page-directadminextended #layers .lu-t-c__footer .paginate_button.current {
  color: #1062FE !important;
}

/* Reseller Center login as client alert */
.alert.alert-info.admin-masquerade-notice {
  position: fixed;
  left: 10px;
  bottom: 10px;
  display: block;
  text-align: center;
}

/* ModulesGarden */
#mg-wrapper .modal.in,
.mg-wrapper .modal.in {
  opacity: 1;
  visibility: visible;
}

#mg-wrapper .tile,
.mg-wrapper .tile {
  height: auto;
}

#mg-wrapper .module-content,
.mg-wrapper .module-content {
  background: transparent !important;
}

#mg-wrapper .panel-group,
.mg-wrapper .panel-group {
  box-shadow: none;
}

#mg-wrapper .panel-group .panel,
.mg-wrapper .panel-group .panel {
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 4px;
}

#mg-wrapper .panel-group .panel > .panel-heading,
.mg-wrapper .panel-group .panel > .panel-heading {
  background: #fff;
}

#mg-wrapper .btn.btn-primary,
.mg-wrapper .btn.btn-primary {
  color: #fff;
  background-color: #1062FE;
  border-color: #1062FE;
}

#mg-wrapper .btn.btn-primary:focus, #mg-wrapper .btn.btn-primary.focus,
.mg-wrapper .btn.btn-primary:focus,
.mg-wrapper .btn.btn-primary.focus {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

#mg-wrapper .btn.btn-primary:hover,
.mg-wrapper .btn.btn-primary:hover {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

#mg-wrapper .btn.btn-primary:active, #mg-wrapper .btn.btn-primary.active,
.open > #mg-wrapper .btn.btn-primary.dropdown-toggle,
.mg-wrapper .btn.btn-primary:active,
.mg-wrapper .btn.btn-primary.active,
.open >
.mg-wrapper .btn.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

#mg-wrapper .btn.btn-primary:active:hover, #mg-wrapper .btn.btn-primary:active:focus, #mg-wrapper .btn.btn-primary:active.focus, #mg-wrapper .btn.btn-primary.active:hover, #mg-wrapper .btn.btn-primary.active:focus, #mg-wrapper .btn.btn-primary.active.focus,
.open > #mg-wrapper .btn.btn-primary.dropdown-toggle:hover,
.open > #mg-wrapper .btn.btn-primary.dropdown-toggle:focus,
.open > #mg-wrapper .btn.btn-primary.dropdown-toggle.focus,
.mg-wrapper .btn.btn-primary:active:hover,
.mg-wrapper .btn.btn-primary:active:focus,
.mg-wrapper .btn.btn-primary:active.focus,
.mg-wrapper .btn.btn-primary.active:hover,
.mg-wrapper .btn.btn-primary.active:focus,
.mg-wrapper .btn.btn-primary.active.focus,
.open >
.mg-wrapper .btn.btn-primary.dropdown-toggle:hover,
.open >
.mg-wrapper .btn.btn-primary.dropdown-toggle:focus,
.open >
.mg-wrapper .btn.btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #015abe;
  border-color: #015abe;
}

#mg-wrapper .btn.btn-primary:active, #mg-wrapper .btn.btn-primary.active,
.open > #mg-wrapper .btn.btn-primary.dropdown-toggle,
.mg-wrapper .btn.btn-primary:active,
.mg-wrapper .btn.btn-primary.active,
.open >
.mg-wrapper .btn.btn-primary.dropdown-toggle {
  background-image: none;
}

#mg-wrapper .btn.btn-primary.disabled, #mg-wrapper .btn.btn-primary[disabled],
fieldset[disabled] #mg-wrapper .btn.btn-primary,
.mg-wrapper .btn.btn-primary.disabled,
.mg-wrapper .btn.btn-primary[disabled],
fieldset[disabled]
.mg-wrapper .btn.btn-primary {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

#mg-wrapper .btn.btn-primary.disabled:hover, #mg-wrapper .btn.btn-primary.disabled:focus, #mg-wrapper .btn.btn-primary.disabled.focus, #mg-wrapper .btn.btn-primary[disabled]:hover, #mg-wrapper .btn.btn-primary[disabled]:focus, #mg-wrapper .btn.btn-primary[disabled].focus,
fieldset[disabled] #mg-wrapper .btn.btn-primary:hover,
fieldset[disabled] #mg-wrapper .btn.btn-primary:focus,
fieldset[disabled] #mg-wrapper .btn.btn-primary.focus,
.mg-wrapper .btn.btn-primary.disabled:hover,
.mg-wrapper .btn.btn-primary.disabled:focus,
.mg-wrapper .btn.btn-primary.disabled.focus,
.mg-wrapper .btn.btn-primary[disabled]:hover,
.mg-wrapper .btn.btn-primary[disabled]:focus,
.mg-wrapper .btn.btn-primary[disabled].focus,
fieldset[disabled]
.mg-wrapper .btn.btn-primary:hover,
fieldset[disabled]
.mg-wrapper .btn.btn-primary:focus,
fieldset[disabled]
.mg-wrapper .btn.btn-primary.focus {
  color: #2a2e36;
  background-color: #e6e8ec;
  border-color: #e6e8ec;
}

#mg-wrapper .btn.btn-primary .badge,
.mg-wrapper .btn.btn-primary .badge {
  color: #1062FE;
  background-color: #fff;
}

#mg-wrapper .list-info li .checkbox,
.mg-wrapper .list-info li .checkbox {
  margin-right: 16px;
}

#mg-wrapper .list-info li .list-actions,
.mg-wrapper .list-info li .list-actions {
  margin-left: auto;
}

.cpanel-usage-stats {
  min-height: none;
}

.cpanel-usage-stats .row {
  -webkit-transform: none;
          transform: none;
}

.main-grid.row > .mg-wrapper {
  width: 100%;
}

.main-grid.row > .mg-wrapper .container-fluid {
  padding: 0;
}

#MGLoader .loader {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.lagom .mg-wrapper .promoted-domain {
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 4px;
}

/* WHMCS Services: Support Pin */
#supportpinn {
  margin: 0;
  color: #1062FE;
  font-size: 34px;
  line-height: 40px;
  text-align: left !important;
}

/* Other */
input[type="text"]:not(.form-control) + input[type="text"]:not(.form-control) {
  margin-top: 10px !important;
}

input[type="text"]:not(.form-control) + input[type="submit"]:not(.form-control) {
  margin-top: 10px !important;
}

.module-client-area:not(:first-child) {
  border-top: 1px solid #e6e8ec;
}

.module-client-area h2 + br {
  display: none;
}

.module-client-area table {
  margin: 0;
}

.module-client-area table tbody tr th,
.module-client-area table thead tr th,
.module-client-area table tfoot tr th {
  background: transparent;
}

.module-client-area table tbody > tr:first-child td,
.module-client-area table tbody > tr:first-child th,
.module-client-area table thead > tr:first-child td,
.module-client-area table thead > tr:first-child th,
.module-client-area table tfoot > tr:first-child td,
.module-client-area table tfoot > tr:first-child th {
  border-top: none;
}

.module-client-area table table {
  margin: 0;
}

.module-client-area table table td {
  height: auto;
  border: none;
  padding: 0;
}

/* QSL */
.panel-qsl > .panel-heading {
  padding-top: 17px;
  padding-bottom: 17px;
}

.panel-qsl > .panel-heading .panel-title > i {
  -webkit-box-ordinal-group: 3;
          order: 2;
  color: #b9bdc5;
}

.panel-qsl > .panel-heading .panel-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.panel-qsl .table tbody tr:first-child td {
  border-top: 0;
}

.panel-qsl .cell-actions {
  text-align: right;
  white-space: nowrap;
}

.panel-qsl .cell-actions > * {
  display: inline-block;
}

/* Resello - Microsoft Cloud Solutions (hostcontrol_csp) */
.page-upgrade .upgrade-config-option h6 {
  color: #2a2e36;
}

.page-upgrade .upgrade-config-option .upgrade-current .panel .input-group input.form-control,
.page-upgrade .upgrade-config-option .upgrade-new .panel .input-group input.form-control {
  min-width: 35px;
  text-align: center;
  height: auto;
  padding: 8px;
  width: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 0;
          flex: 0;
}

.page-upgrade .upgrade-config-option .upgrade-current .panel .input-group-addon,
.page-upgrade .upgrade-config-option .upgrade-new .panel .input-group-addon {
  width: 100%;
  white-space: pre-line;
}

#mg-charge-table {
  margin-top: 40px;
}

#mg-charge-table .sub-heading {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

#mg-charge-table .table {
  border: 1px solid #e6e8ec;
  border-radius: 4px;
}

#mg-charge-table .table thead tr th:first-of-type {
  border-radius: 4px 0 0 0;
}

#mg-charge-table .table thead tr th:last-of-type {
  border-radius: 0 4px 0 0;
}

#mg-charge-table .table tbody tr {
  background: none;
}

#mg-charge-table .table tbody tr:last-of-type td:first-of-type {
  border-radius: 0 0 0 4px;
}

#mg-charge-table .table tbody tr:last-of-type td:last-of-type {
  border-radius: 0 0 4px 0;
}

/*# sourceMappingURL=../maps/theme.css.map */

div[menuitemname="specialoffer"]{
    /*background:url('https://res.cloudinary.com/hyd/image/upload/v1535958939/site-images/services.png') #F9FBFF;background-position: right top;background-repeat: no-repeat;height:330px;*/
    
    background: url(https://d3v4rhak1idvjq.cloudfront.net/icons/locations-c.png) #fff;
    background-position: right 72px;
    background-repeat: no-repeat;
    height: 300px;
    background-size: 495px;
}
li[menuitemname="Knowledgebase"]{font-size:14px;}
button#tcoRecurringSubmit{font-size:12px;}