/* -- Fonts */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/font-awesome/fa-light-300.ttf');
    
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/font-awesome/fa-regular-400.ttf');
    
    font-weight: 400;
    font-style: normal;
}
/*@font-face {*/
/*    font-family: 'FontAwesome';*/
/*    src: url('../fonts/font-awesome/fa-solid-900.ttf');*/
    
/*    font-weight: 900;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    
    font-family: 'BrownStd';
    src: url('../fonts/brown-std/BrownStd-Thin.eot');
    src: url('../fonts/brown-std/BrownStd-Thin.eot#iefix') format('embedded-opentype'),
         url('../fonts/brown-std/BrownStd-Thin.ttf') format('truetype'),
         url('../fonts/brown-std/BrownStd-Thin.woff') format('woff');
    
    font-weight: 100;
    font-style: normal;
    
}
@font-face {
    
    font-family: 'BrownStd';
    src: url('../fonts/brown-std/BrownStd-ThinItalic.eot');
    src: url('../fonts/brown-std/BrownStd-ThinItalic.eot#iefix') format('embedded-opentype'),
         url('../fonts/brown-std/BrownStd-ThinItalic.ttf') format('truetype'),
         url('../fonts/brown-std/BrownStd-ThinItalic.woff') format('woff');
    
    font-weight: 100;
    font-style: italic;
    
}
@font-face {
    
    font-family: 'BrownStd';
    src: url('../fonts/brown-std/BrownStd-Light.eot');
    src: url('../fonts/brown-std/BrownStd-Light.eot#iefix') format('embedded-opentype'),
         url('../fonts/brown-std/BrownStd-Light.ttf') format('truetype'),
         url('../fonts/brown-std/BrownStd-Light.woff') format('woff');
    
    font-weight: 300;
    font-style: normal;
    
}
@font-face {
    
    font-family: 'BrownStd';
    src: url('../fonts/brown-std/BrownStd-LightItalic.eot');
    src: url('../fonts/brown-std/BrownStd-LightItalic.eot#iefix') format('embedded-opentype'),
         url('../fonts/brown-std/BrownStd-LightItalic.ttf') format('truetype'),
         url('../fonts/brown-std/BrownStd-LightItalic.woff') format('woff');
    
    font-weight: 300;
    font-style: italic;
    
}
@font-face {
    
    font-family: 'BrownStd';
    src: url('../fonts/brown-std/BrownStd-Regular.eot');
    src: url('../fonts/brown-std/BrownStd-Regular.eot#iefix') format('embedded-opentype'),
         url('../fonts/brown-std/BrownStd-Regular.ttf') format('truetype'),
         url('../fonts/brown-std/BrownStd-Regular.woff') format('woff');
    
    font-weight: 400;
    font-style: normal;
    
}
@font-face {
    
    font-family: 'BrownStd';
    src: url('../fonts/brown-std/BrownStd-Italic.eot');
    src: url('../fonts/brown-std/BrownStd-Italic.eot#iefix') format('embedded-opentype'),
         url('../fonts/brown-std/BrownStd-Italic.ttf') format('truetype'),
         url('../fonts/brown-std/BrownStd-Italic.woff') format('woff');
    
    font-weight: 400;
    font-style: italic;
    
}

/* -- Animations */
@keyframes fadeIn {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@-moz-keyframes fadeIn {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@-o-keyframes fadeIn {
  0% { opacity: 0 }
  100% { opacity: 1 }
}

@keyframes fadeOut {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
@-webkit-keyframes fadeOut {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
@-moz-keyframes fadeOut {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
@-o-keyframes fadeOut {
  0% { opacity: 1 }
  100% { opacity: 0 }
}

@keyframes loadingGradient{
    from { background-position: -468px 0; }
    to { background-position: 468px 0; }
}
@-webkit-keyframes loadingGradient{
    from { background-position: -468px 0; }
    to { background-position: 468px 0; }
}
@-moz-keyframes loadingGradient{
    from { background-position: -468px 0; }
    to { background-position: 468px 0; }
}
@-o-keyframes loadingGradient{
    from { background-position: -468px 0; }
    to { background-position: 468px 0; }
}

@-o-keyframes alertPulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.9); }
    100% { transform: scale(1); }
}
@-moz-keyframes alertPulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.9); }
    100% { transform: scale(1); }
}
@-webkit-keyframes alertPulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.9); }
    100% { transform: scale(1); }
}
@keyframes alertPulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.9); }
    100% { transform: scale(1); }
}

:root {
    --fc-today-bg-color: rgba(148, 155, 255, 0.16)
}

/* -- Global */
*, *::before, *::after { padding: 0; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
::-moz-placeholder { opacity: 1; }
::-ms-clear, ::-ms-reveal { display: none; }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: 0; }
::-webkit-scrollbar-thumb { border-radius: 2px; background-color: rgba(172, 172, 172, 1.0); }
html, body { touch-action: manipulation; height: 100%; font-family: Roboto, sans-serif; font-size: 1em; font-weight: 300; color: #333; }
input, textarea, button { background: 0; border: 0; border-radius: 0; outline: 0; letter-spacing: 0.4px; font-family: inherit; font-size: inherit; color: inherit; }
input:disabled { cursor: not-allowed; }
textarea { resize: none; display: block; }
a { color: #f79322; }
ng-map { height: 100% !important; }

/* -- Global classes */
.hardware-acceleration { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; -ms-perspective: 1000; }
.scroll { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.reset-spacing { font-size: 0; letter-spacing: 0; word-spacing: 0; }
.reset-spacing > * { font-size: 16px; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; visibility: hidden; z-index: 999; -webkit-transition: opacity 375ms ease, visibility 375ms ease; -moz-transition: opacity 375ms ease, visibility 375ms ease; -o-transition: opacity 375ms ease, visibility 375ms ease; transition: opacity 375ms ease, visibility 375ms ease; pointer-events: none; }
.overlay.no-transition { -o-transition: none; -moz-transition: none; -webkit-transition: none; transition: none; }
.overlay.show { opacity: 1; visibility: visible; pointer-events: auto; }
.overlay .overlay-wrapper { width: 560px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; border-radius: 5px; overflow: hidden; }
.gradient { background: rgba( 236, 240, 245, 1.0 ); background: linear-gradient( 45deg, rgba(255, 255, 255, 1.0), rgba( 236, 240, 245, 1.0 ) ); background: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 1.0), rgba( 236, 240, 245, 1.0 ) ); background: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 1.0), rgba( 236, 240, 245, 1.0 ) ); background: -o-linear-gradient( 45deg, rgba(255, 255, 255, 1.0), rgba( 236, 240, 245, 1.0 ) ); -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#ecf0f5'); }
.display-inline-block { display: inline-block; }
.vertical-align-middle { vertical-align: middle; }
.logo { width: 100%; height: 100%; background-image: url(../images/logo/logo-feenstra.svg); background-position: 50% center; background-repeat: no-repeat; background-size: contain; }
.vertical-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fade-transition { transition: visibility 375MS cubic-bezier(0.4, 0.0, 0.2, 1), opacity 375MS cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-transition: visibility 375MS cubic-bezier(0.4, 0.0, 0.2, 1), opacity 375MS cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: visibility 375MS cubic-bezier(0.4, 0.0, 0.2, 1), opacity 375MS cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: visibility 375MS cubic-bezier(0.4, 0.0, 0.2, 1), opacity 375MS cubic-bezier(0.4, 0.0, 0.2, 1); }
.default-fade-state { visibility: hidden; opacity: 0; }
.fade-in { visibility: visible; opacity: 1; }
.user-select-none { user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; }
.overflow-hidden { overflow: hidden; }
.default-bg { background-color: #fff; border-radius: 5px; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border: solid 1px #dedede; }
.default-shadow { -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.10); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.10); }
.no-list-style { list-style: none; }
.loading-gradient { background: #f6f7f8; background: linear-gradient(to right, #f7f9fb 8%, #ecf0f5 38%, #f7f9fb 54%); background: -webkit-linear-gradient(to right, #f7f9fb 8%, #ecf0f5 38%, #f7f9fb 54%); background: -moz-linear-gradient(to right, #f7f9fb 8%, #ecf0f5 38%, #f7f9fb 54%); background: -o-linear-gradient(to right, #f7f9fb 8%, #ecf0f5 38%, #f7f9fb 54%); background: -ms-linear-gradient(to right, #f7f9fb 8%, #ecf0f5 38%, #f7f9fb 54%); background-size: 1000px 640px; position: relative; animation: loadingGradient 1.8s linear forwards infinite; -webkit-animation: loadingGradient 1.8s linear forwards infinite; -moz-animation: loadingGradient 1.8s linear forwards infinite; -o-animation: loadingGradient 1.8s linear forwards infinite; }
.required { color: #ffa8a8; }
.pointer-events-none { pointer-events: none; }
.divider { width: 100%; height: 1px; margin: 16px 0; background-color: rgba(0, 0, 0, .15); }
.repeat-animation.ng-enter { -webkit-transition: opacity 375MS ease, visibility 375ms ease; transition: opacity 375MS ease, visibility 375ms ease; opacity: 0; visibility: hidden; }
.repeat-animation.ng-enter-active { opacity: 1; visibility: visible; }
.hyper-link { color: #ef7d00; font-size: 12px; text-decoration: underline; cursor: pointer; } 
.cursor-pointer { cursor: pointer; }

/* -- Text related */
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.letter-spacing-04px { letter-spacing: 0.4px; }

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

.font-regular { font-weight: 300; }
.font-bold { font-weight: 400; }

/* -- Reset padding */
.no-padding { padding: 0; }
.no-padding-top { padding-top: 0; }
.no-padding-left { padding-left: 0; }
.no-padding-right { padding-right: 0;}
.no-padding-bottom { padding-bottom: 0; }
.no-padding-vertical { padding-top: 0; padding-bottom: 0; }
.no-padding-horizontal { padding-left: 0; padding-right: 0; }

/* -- Padding */
.vertical-padding { padding-top: 16px; padding-bottom: 16px; }
.horizontal-padding { padding-left: 16px; padding-right: 16px; }
.vertical-padding-2x { padding-top: 32px; padding-bottom: 32px; }
.horizontal-padding-2x { padding-left: 32px; padding-right: 32px; }

/* -- Reset margin */
.no-margin { margin: 0; }
.no-margin-top { margin-top: 0; }
.no-margin-left { margin-left: 0; }
.no-margin-right { margin-right: 0; }
.no-margin-bottom { margin-bottom: 0; }
.no-margin-vertical { margin-top: 0; margin-bottom: 0; }
.no-margin-horizontal { margin-left: 0; margin-right: 0; }

/* -- Auto margin */
.auto-margin { margin: auto; }
.auto-margin-top { margin-top: auto; }
.auto-margin-left { margin-left: auto; }
.auto-margin-right { margin-right: auto; }
.auto-margin-bottom { margin-bottom: auto; }
.auto-margin-vertical { margin-top: auto; margin-bottom: auto; }
.auto-margin-horizontal { margin-left: auto; margin-right: auto; }

/* -- FontAwesome */
.fa-icons { font-family: 'FontAwesome'; font-weight: 400; color: #333; }
.fa-icons.solid { font-weight: 900; }
.fa-icons.light { font-weight: 300; }

/* -- Background Image */
.bg-contain, .bg-cover { background-repeat: no-repeat; background-position: center; }
.bg-contain { background-size: contain; }
.bg-cover { background-size: cover; }

/* -- Image */
.img-cover, .img-contain { object-position: center; -o-object-position: center; }
.img-cover { object-fit: cover; -o-object-fit: cover; }
.img-contain { object-fit: contain; -o-object-fit: contain; }

/* -- Image Placeholders */
.profile-placeholder-dark, .image-placeholder-dark { background-repeat: no-repeat; background-position: center; background-size: 50%; width: 100%; height: 100%; }
.profile-placeholder-dark { background-image: url('../images/placeholders/profile-placeholder-dark.svg'); }
.image-placeholder-dark { background-image: url('../images/placeholders/image-placeholder-dark.svg'); }

/* -- Icon sizes */
.icon-wrapper { width: 48px; height: 48px; padding: 12px; position: relative; }
.icon-wrapper.icon-size-16 { padding: 16px; }

.icon { position: relative; }
.icon.round { border-radius: 100%; }
.icon.small { width: 24px; height: 24px; }
.icon.medium { width: 32px; height: 32px; }
.icon.regular { width: 40px; height: 40px; }
.icon.big { width: 56px; height: 56px; }

/* -- Duration & Easing */
.accelerate { transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); -moz-transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); -o-transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); }
.decelerate { transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); -moz-transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); -o-transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); }
.standard { transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); }
.sharp { transition-timing-function: cubic-bezier(0.4, 0.0, 0.6, 1); -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.6, 1); -moz-transition-timing-function: cubic-bezier(0.4, 0.0, 0.6, 1); -o-transition-timing-function: cubic-bezier(0.4, 0.0, 0.6, 1); }

/* -- Elevation & Shadows */
.shadow-1dp { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.20); }
.shadow-2dp { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20); }
.shadow-3dp { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.20); }
.shadow-4dp { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.20); }
.shadow-6dp { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.20); }
.shadow-8dp { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.20); }
.shadow-9dp { box-shadow: 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 5px 6px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 5px 6px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 5px 6px 0 rgba(0, 0, 0, 0.20); }
.shadow-12dp { box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px 0 rgba(0, 0, 0, 0.20); }
.shadow-16dp { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(0, 0, 0, 0.20); }
.shadow-24dp { box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px 0 rgba(0, 0, 0, 0.20); }

/* -- Container */
.container { height: 100%; position: relative; overflow: hidden; }
.container-wrapper { height: 100%; position: relative; overflow: hidden; }

/* -- Header bar */
.header { background-color: #fff; width: 100%; height: 68px; position: relative; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); padding: 0 16px 0 32px; z-index: 60; }
.header .header-title { font-weight: 600; font-family: "Barlow Condensed", sans-serif; font-size: 22px; }
.header .icon-wrapper { width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.0); transition: background-color 175ms ease; }
.header .icon-wrapper:hover { background-color: rgba(0, 0, 0, 0.04); }
.header .icon-wrapper:last-of-type { margin-right: 4px; }

.header .user { margin-right: 8px; }
.header .user .image { margin-left: 8px; background-color: rgba( 236, 240, 245, 1.0 ); position: relative; }
.header .user .user-info .name, .header .user .user-info .email { display: block; }
.header .user .user-info .name { font-size: 14px; font-weight: 400; }
.header .user .user-info .email { font-size: 12px; }

/* -- Side bar */
.side-bar { border: solid 1px #dedede; width: 72px; height: 100%; position: relative; float: left; background: #f5f5f5; overflow: hidden; transition: width 200ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-transition: width 200ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: width 200ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: width 200ms cubic-bezier(0.4, 0.0, 0.2, 1); -ms-transition: width 200ms cubic-bezier(0.4, 0.0, 0.2, 1); } /*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
.side-bar.expand { width: 300px; transition: width 250ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-transition: width 250ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: width 250ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: width 250ms cubic-bezier(0.4, 0.0, 0.2, 1); -ms-transition: width 250ms cubic-bezier(0.4, 0.0, 0.2, 1); }
.side-bar .head { width: 100%; height: 64px; position: relative; }
.side-bar .head .icon-wrapper { position: absolute; top: 10px; left: 12px; transition: background-color 175ms ease; -webkit-transition: background-color 175ms ease; -moz-transition: background-color 175ms ease; -o-transition: background-color 175ms ease; cursor: pointer; }
.side-bar.expand .head .icon-wrapper, .side-bar .head .icon-wrapper:hover { background-color: rgba(255, 255, 255, 0.05); }
.side-bar .head .hamburger { width: 100%; height: 100%; position: relative; padding: 6px 3px; }
.side-bar .head .hamburger .bar { position: absolute; top: 8px; left: 3px; right: 3px; height: 2px; display: block; background-color: rgba(255, 255, 255, 1.0); border-radius: 1px; }
.side-bar .head .hamburger .bar:last-child { top: 14px; transform: scaleX(0.7); -webkit-transform: scaleX(0.7); -moz-transform: scaleX(0.7); -o-transform: scaleX(0.7); -ms-transform: scaleX(0.7); transform-origin: left center; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; -ms-transform-origin: left center; transition: transform 175ms ease; -webkit-transition: -webkit-transform 175ms ease; -moz-transition: -moz-transform 175ms ease; -o-transition: -o-transform 175ms ease; -ms-transition: -ms-transform 175ms ease; }
.side-bar .head .icon-wrapper:hover .hamburger .bar:last-child { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); }

/* ---- Menu items */
.side-bar .side-menu { margin-top: 36px; }
.side-bar .side-menu .menu-item { cursor: pointer; }
.side-bar .side-menu .menu-item .item-wrapper { border-radius: 28px; pointer-events: none; }
.side-bar .side-menu .menu-item .label { font-size: 12px; font-weight: 300; margin-top: 6px; color:#333; font-family: "Roboto"; text-align: center; }
.side-bar .side-menu .menu-item { padding: 12px; color: #333; user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; transition: background-color 175ms ease, color 175ms ease; }
.side-bar .side-menu .menu-item.active { background-color: #8c8c8c; color: #fff; }
.side-bar .side-menu .menu-item.active .fa-icons {color: #fff}
.side-bar .side-menu .menu-item.active .label {color: #fff}
.side-bar .side-menu .menu-item:not(.active):hover { color: #333; }
/* -- Old 1 */
/*.side-bar .side-menu .menu-item .icon-wrapper { position: relative; overflow: hidden; }*/
/*.side-bar .side-menu .menu-item .icon-wrapper::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(255, 255, 255, 0.05); border-radius: 100%; -ms-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -o-transition: -o-transform 175ms ease; -moz-transition: -moz-transform 175ms ease; -webkit-transition: -webkit-transform 175ms ease; transition: transform 175ms ease; }*/
/*.side-bar .side-menu .menu-item .icon-wrapper, .side-bar .side-menu .menu-item .label { transition: color 175ms ease; }*/
/*.side-bar .side-menu .menu-item.active .icon-wrapper { color: rgba(236, 102, 8, 1.0); }*/
/*.side-bar .side-menu .menu-item.active .icon-wrapper::before { -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }*/
/*.side-bar .side-menu .menu-item.active .label { color: rgba(255, 255, 255, 1.0); }*/
/*.side-bar .side-menu .menu-item:not(.active):hover .label, .side-bar .side-menu .menu-item:not(.active):hover .icon-wrapper { color: rgba(255, 255, 255, 0.75); }*/
/* -------- */
/* -- Old 2 */
/*.side-bar .side-menu .menu-item .icon-wrapper { margin-right: 8px; text-align: center; transition: background-color 175ms ease, color 175ms ease; -webkit-transition: background-color 175ms ease, color 175ms ease; -moz-transition: background-color 175ms ease, color 175ms ease; -o-transition: background-color 175ms ease, color 175ms ease; }*/
/*.side-bar .side-menu .menu-item.active .icon-wrapper { color: rgba(236, 102, 8, 1.0); }*/
/*.side-bar .side-menu .menu-item .item-wrapper { transition: background-color 175ms ease; -webkit-transition: background-color 175ms ease; -moz-transition: background-color 175ms ease; -o-transition: background-color 175ms ease; }*/
/*.side-bar.expand .side-menu .menu-item:hover .item-wrapper, .side-bar:not(.expand) .side-menu .menu-item:hover .icon-wrapper { background-color: rgba(255, 255, 255, 0.05); }*/
/*.side-bar .side-menu .menu-item .label { opacity: 0; visibility: hidden; transition: opacity 375ms ease, visibility 375ms ease; -webkit-transition: opacity 375ms ease, visibility 375ms ease; -moz-transition: opacity 375ms ease, visibility 375ms ease; -o-transition: opacity 375ms ease, visibility 375ms ease; }*/
/*.side-bar.expand .side-menu .menu-item .label { opacity: 1; visibility: visible; }*/
/* ------ */
.side-bar .logo-container { position: absolute; width: inherit; height: 48px; left: 0; bottom: 16px; padding-left: 12px; padding-right: 12px; white-space: nowrap; }
.side-bar .logo { width: 48px; height: 100%; position: relative; }
.side-bar .logo:last-child { margin-left: 16px; }
.side-bar .fa-icons {color: #333;}

/* -- View */
.page { background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; overflow: hidden; }
.page.ng-enter { z-index: 88; animation: fadeIn 375MS; -webkit-animation: fadeIn 375MS; -moz-animation: fadeIn 375MS; -o-animation: fadeIn 375MS; }
.page.ng-leave { z-index: 99; animation: fadeOut 375MS; -webkit-animation: fadeOut 375MS; -moz-animation: fadeOut 375MS; -o-animation: fadeOut 375MS; }

/* -- Content */
.content-container { background-color: #fff; width: 100%; width: 100%; height: calc(100% - 68px); height: -webkit-calc(100% - 68px); height: -moz-calc(100% - 68px); height: -o-calc(100% - 68px); height: -ms-calc(100% - 68px); position: relative; }
.content-container .content-loader { width: 100%; height: 0; position: absolute; top: 8px; padding: 8px 0; z-index: 1; overflow: hidden; visibility: hidden; opacity: 0; transition: all 275ms ease; -webkit-transition: all 275ms ease; -moz-transition: all 275ms ease; -o-transition: all 275ms ease; }
.content-container .content-loader.show { height: 70px; visibility: visible; opacity: 1; }
.content-container .content-loader .loader-wrapper { background-color: #fff; width: 36px; height: 36px; position: relative; border-radius: 100%; margin: auto; box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.07), 0 5px 22px 4px rgba(0, 0, 0, 0.06), 0 7px 8px 0 rgba(0, 0, 0, 0.01); -webkit-box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.07), 0 5px 22px 4px rgba(0, 0, 0, 0.06), 0 7px 8px 0 rgba(0, 0, 0, 0.01); -moz-box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.07), 0 5px 22px 4px rgba(0, 0, 0, 0.06), 0 7px 8px 0 rgba(0, 0, 0, 0.01); }

/* Tracker section */
.tracker-section .left { min-width: 0; margin-right: 32px; }
.tracker-section .right { min-width: 0; position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 400px; flex: 0 1 400px; transition: flex 375ms ease, margin-left 375ms ease; padding: 32px 32px 32px 0; margin: -32px -32px -32px 0; }
.tracker-section .right.hide { flex: 0 0 0px; margin-left: -32px; }

.tracker-section .tracker-history .data-table-container, .tracker-section .tracker-followers .data-table-container { height: calc(100% - 88px); overflow: auto; white-space: nowrap; }
.tracker-map, .tracker-history, .tracker-info, .tracker-followers { position: relative; border-radius: 5px; background-color: rgba(255, 255, 255, 1.0); }
.tracker-map, .tracker-history, .tracker-info, .tracker-followers { overflow: hidden; }
.tracker-history, .tracker-followers { height: 226px; -webkit-box-flex: 0; -ms-flex: 1 0 226px; flex: 1 0 226px; }
.tracker-info { margin-bottom: 32px; }

.tracker-map { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; transition: flex 375ms ease, margin-bottom 375ms ease; } /* transition: opacity 375ms ease 375ms, visibility 375ms ease 375ms, flex 375ms ease, margin-bottom 375ms ease 175ms; */
.tracker-map.collapse { flex: 0 0 0%; margin-bottom: 0; } /* transition: opacity 175ms ease, visibility 175ms ease, flex 375ms ease 375ms, margin-bottom 175ms ease 375ms; */

.map-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.map-container .actions, .map-wrapper .actions { position: absolute; top: 8px; right: 8px; }
.map-container .actions .action, .map-wrapper .actions .action { width: 32px; height: 32px; position: relative; display: block; background-color: rgba(255, 255, 255, 1.0); color: inherit; border-radius: 6px; padding: 0px; cursor: pointer; }
.map-container .actions .action.active, .map-wrapper .actions .action.active { background-color: #f79322; }
.map-container .actions .action.active .fa-icons {color: #fff;}
.map-container .actions .action:not(:last-child), .map-wrapper .actions .action:not(:last-child) { margin-bottom: 8px; }
.map-container .actions .action:disabled, .map-wrapper .actions .action:disabled { color: rgba(112, 112, 112, 0.5); }
.map-container .marker-label-container { position: relative; top: 10px; }
.map-container .marker-label { font-weight: 300; position: relative; padding: 4px 8px; background-color: white; border-radius: 4px; opacity: 0; visibility: hidden; z-index: 4; transition: opacity 375ms ease, visibility 375ms ease; } /* -- height: 24px; line-height: 24px; */
.map-container .marker-label.show { opacity: 1; visibility: visible; }
.map-container .marker-label::before { content: ''; position: absolute; left: 0; right: 0; bottom: -4px; margin: auto; width: 12px; height: 12px; background-color: white; border-radius: 2px; transform: rotate(45deg); z-index: -1; }
.map-container .marker-label .label { display: block; }
.map-container .marker-label .label.time { font-weight: 700; }
.map-container .marker { width: 18px; height: 18px; position: relative; margin: 0 auto; background-image: url('../images/marker/marker.png'); pointer-events: auto; }
.map-container .tooltip { position: absolute; padding: 8px; height: 24px; background-color: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 1.0); border-radius: 4px; font-size: 10px; pointer-events: none; }

.tracker-info { width: 100%; height: 368px; position: relative; }
.tracker-info.card-animation.ng-enter { -webkit-transition: opacity 375MS ease, visibility 375ms ease; transition: opacity 375MS ease, visibility 375ms ease; opacity: 0; visibility: hidden; }
.tracker-info.card-animation.ng-enter-active { opacity: 1; visibility: visible; }
.tracker-info:not(:last-child) { margin-bottom: 16px; }
.tracker-info .alarm { min-width: 68px; position: absolute; top: 8px; left: 8px; padding: 6px; color: rgba(255, 255, 255, 1.0); opacity: 1; background-color: #FD4343; border-radius: 8px; text-align: center; font-weight: 400; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; -moz-box-shadow: 0 3px 6px #FD4343; -webkit-box-shadow: 0 3px 6px #FD4343; box-shadow: 0 3px 6px #FD4343; -o-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -o-transition: -o-transform 175ms ease; -moz-transition: -moz-transform 175ms ease; -webkit-transition: -webkit-transform 175ms ease; transition: transform 175ms ease; }
.tracker-info .alarm.show { -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); animation: alertPulse 1s ease-out infinite 375ms; }
.tracker-info .settings { position: absolute; top: 8px; right: 8px; cursor: pointer; opacity: .8; -webkit-transition: opacity 175ms ease; transition: opacity 175ms ease; }
.tracker-info .settings:hover { opacity: 1; }

.progress-circle-container { width: 200px; height: 200px; margin: 32px auto 0; position: relative; }
/*.progress-circle-fill.animate { transition: stroke-dasharray 2s ease; }*/
/*.progress-circle.medium .progress-circle-fill { stroke: url(#gradientMedium); filter: url(#shadowMedium); }*/
/*.progress-circle.low .progress-circle-fill { stroke: url(#gradientLow); filter: url(#shadowLow); }*/
.progress-circle-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 14px; }

.search { height: 48px; opacity: 1; position: relative; margin-bottom: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 5px; background-color: rgba(255, 255, 255, 1.0); z-index: 4; } /* overflow: hidden; */
.search .icon-wrapper { position: absolute; top: 0; right: 0; bottom: 0; width: 48px; padding: 8px; }
.search .icon-wrapper .button { width: 100%; height: 100%; min-width: 0; font-size: 16px; border-radius: 6px; transition: background-color 175ms ease, color 175ms ease, box-shadow 175ms ease; }
.search .icon-wrapper .button:disabled { background-color: rgba(255, 255, 255, 1.0); color: rgba(112, 112, 112, 1.0); }
.search .icon-wrapper .button .icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; text-align: center; line-height: 32px; transform: scale(1) rotate(0deg); transition: transform 175ms ease; }
.search .icon-wrapper .button .icon.hide { transform: scale(0) rotate(-180deg); }
.search .search-field { width: 100%; height: 100%; padding: 0 56px 0 24px; font-weight: 300; border-radius: inherit; }
.search .search-wrapper { position: absolute; top: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 1.0); padding-top: 40px; padding-bottom: 8px; border-radius: 5px; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.07), 0 3px 14px 3px rgba(0, 0, 0, 0.06), 0 4px 15px 0 rgba(0, 0, 0, 0.10); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.07), 0 3px 14px 3px rgba(0, 0, 0, 0.06), 0 4px 15px 0 rgba(0, 0, 0, 0.10); -webkit-transition: opacity 175ms ease, visibility 175ms ease; -moz-transition: opacity 175ms ease, visibility 175ms ease; -o-transition: opacity 175ms ease, visibility 175ms ease; transition: opacity 175ms ease, visibility 175ms ease; z-index: -1; }
.search .search-wrapper.show { opacity: 1; visibility: visible; }
.search .search-result { overflow: hidden auto; max-height: 305px; }
.search .search-result ul { list-style: none; }
.search .search-result .search-item:first-child { margin-top: 8px; }
.search .search-result .item { position: relative; padding: 12px 48px 12px 24px; cursor: pointer; transition: background-color 175ms ease; }
.search .search-result .item:hover { background-color: #f5f5f5; }
.search .search-result .item > span { display: block; }
.search .search-result .item .label { font-weight: 400; }
.search .search-result .item .text { font-size: 14px; }
.search.secondary, .search.secondary .search-wrapper, .search.secondary .icon-wrapper .button:disabled { background-color: rgba(245, 245, 245, 1.0); }

.secondary-actions { position: absolute; width: 24px; height: 24px; background-color: rgba(231, 231, 231, 1.0); cursor: pointer; }
.secondary-actions.top-left { top: 0; left: 0; border-top-left-radius: 12px; border-bottom-right-radius: 12px; }
.secondary-actions.top-right { top: 0; right: 0; border-top-right-radius: 12px; border-bottom-left-radius: 12px; }
.secondary-actions.bottom-left { bottom: 0; left: 0; border-bottom-left-radius: 12px; border-top-right-radius: 12px; }
.secondary-actions.bottom-right { bottom: 0; right: 0; border-bottom-right-radius: 12px; border-top-left-radius: 12px; }
.secondary-actions .arrow { transition: transform 175ms ease 375ms; }
.secondary-actions .arrow.rotate { transform: rotate(180deg); }
.secondary-actions .arrow.angle-135deg { transform: rotate(135deg); }
.secondary-actions .arrow.angle-135deg.rotate { transform: rotate(-45deg); }

.subheader { padding: 32px 24px 16px; } /* margin: 32px 0 16px; */
.subheader .title { font-size: 24px; font-weight: 600; font-family: "Barlow Condensed", sans-serif; }
.subheader .actions .action:not(:last-child) { margin-right: 8px; }
.subtract-subheader { max-height: 500px; height: -ms-calc( 100% - 96px ); height: -o-calc( 100% - 96px ); height: -moz-calc( 100% - 96px ); height: -webkit-calc( 100% - 96px ); height: calc( 100% - 96px ); }

/* -- Devices */
.devices-section .device-info-container .info-text { font-size: 14px; display: block; padding-right: 16px; }
.devices-section .device-info-container .scroll { padding: 0 24px 32px; height: -ms-calc( 100% - 103px ); height: -o-calc( 100% - 103px ); height: -moz-calc( 100% - 103px ); height: -webkit-calc( 100% - 103px ); height: calc( 100% - 103px ); }
.devices-section .device-info-container .info-section { position: relative; }
.devices-section .device-info-container .info-section:not(:last-of-type) { margin-bottom: 16px; }
.devices-section .device-info-container .info-section .title { font-size: 14px; font-weight: 400; padding-bottom: 8px; display: block; }
.devices-section .device-info-container .info-section .error-message { color: rgb(173, 173, 173); font-size: 12px; }
.devices-section .device-info-container .info-section .info-wrapper.repeat-animation.ng-enter { -o-transition: height 275ms ease, opacity 375ms ease 137.5ms, visibility 375ms ease 137.5ms; -moz-transition: height 275ms ease, opacity 375ms ease 137.5ms, visibility 375ms ease 137.5ms; -webkit-transition: height 275ms ease, opacity 375ms ease 137.5ms, visibility 375ms ease 137.5ms; transition: height 275ms ease, opacity 375ms ease 137.5ms, visibility 375ms ease 137.5ms; opacity: 0; visibility: hidden; height: 0; }
.devices-section .device-info-container .info-section .info-wrapper.repeat-animation.ng-enter-active { opacity: 1; visibility: visible; height: 36px }
.devices-section .device-info-container .info-section .info-wrapper:not(:last-of-type) { margin-bottom: 8px; }
.devices-section .device-info-container .info-section .img-holder { background-color: rgba( 236, 240, 245, 1.0 ); width: 36px; height: 36px; border-radius: 100%; margin-right: 16px; overflow: hidden; }
.devices-section .device-info-container .info-section .img-holder .img { width: 100%; height: 100%; }
.devices-section .device-info-container .info-section .loader-container { position: absolute; top: 50%; -ms-transform: translateY(-50%) translateY(16px); -o-transform: translateY(-50%) translateY(16px); -moz-transform: translateY(-50%) translateY(16px); transform: translateY(-50%) translateY(16px); padding: 16px; }
.devices-section .device-info-container .info-section .loader-container .svg-loader { width: 14px; height: 14px; }

/* -- Beacon */
.beacon-section .left { margin-right: 32px; min-width: 0; }
.beacon-section .beacon-information { width: 368px; height: 100%; position: relative; overflow: hidden; }
.beacon-section .data-table-container .overlay { background-color: rgba(255, 255, 255, 0.67); }

.beacon-section .layout-container { overflow: hidden; }
.beacon-section .layouts { transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); -o-transition: -o-transform 375ms ease; -moz-transition: -moz-transform 375ms ease; -webkit-transition: -webkit-transform 375ms ease; transition: transform 375ms ease; }
.beacon-section .layouts.layout1 { transform: translateX(-100%); }
.beacon-section .layouts.layout2 { transform: translateX(-200%); }
.beacon-section .layouts .layout-section { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; min-width: 0; }

.beacon-section .layouts .layout-section .content-wrapper { overflow-y: auto; }
.beacon-section .layouts .layout-section .content-wrapper .section:not(:last-of-type) { margin-bottom: 12px; }
.beacon-section .layouts .layout-section .content-wrapper .section > span { display: block; }
.beacon-section .layouts .layout-section .content-wrapper .section .title { font-size: 14px; font-weight: 400; }
.beacon-section .layouts .layout-section .content-wrapper .section .value { color: rgba(172, 172, 172, 1.0); }
.beacon-section .layouts .layout-section .content-wrapper .form { overflow: hidden; }
.beacon-section .layouts .layout-section .content-wrapper .form .form-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 24px 32px; }
.beacon-section .layouts .layout-section .content-wrapper .form .button.processing { color: rgba( 255, 255, 255, 0 ); background-color: rgba(249, 151, 2, 1.0); width: 36px; min-width: 36px; }

/* -- Profile */
.profile-section .form-section { max-width: 370px; }

/* -- Contact */
.user-picture .select-image { width: 80px; height: 80px; position: relative; background-color: rgba( 236, 240, 245, 1.0 ); border-radius: 100%; cursor: pointer; margin-right: 16px; }
.user-picture .select-image .icon-holder { width: 24px; height: 24px; margin: auto; }
.user-picture .select-image .icon-holder .icon { font-size: 24px; }

.contact-section .button.processing { width: 36px; }

/* -- Notification Section */
.notification-section .type-notification { margin-bottom: 8px; }
.notification-section .type-notification .time { color: #A8A8A8; font-size: 10px; }
.notification-section .type-notification .icon { color: #004A90; font-size: 12px; }
.notification-section .type-notification .icon.critical { color: #EF1C1C; }

/* -- Geofences */
.geofencing-section .banner { position: absolute; top: -142px; left: 0; right: 0; margin: auto; transition: top 375ms ease; }
.geofencing-section .banner.show { top: 0; }

/* -- Geofencing List */
.geofencing-list-section .square-card .image-container { width: 100%; height: 100%; background-color: #fff; border-radius: 0; background-size: 25%; border-radius: 5px 5px 0 0; }
.contacts-order-section .cards .card.sortable-chosen { background-color: #e7e7e7; }

/* -- Contact order section */
.contacts-order-section .description-text { font-size: 12px; font-weight: 400; margin-bottom: 16px; }