/* Stylesheet for source */
/*  VARIABLES  =====================================================================================================  */
/*  ================================================================================================================  */
/*  THEME COLORS  */
/*  FORMS  */
#source-header { -ms-flex-align: center; align-items: center; background: #333; display: -ms-flexbox; display: flex; font-family: "Quattrocento Sans", Futura, "Trebuchet MS", Arial, sans-serif; height: 44px; -ms-flex-pack: end; justify-content: flex-end; left: 0px; position: absolute; top: 0px; width: 100%; }
#source-header .menu-toggle { bottom: 0; color: white; cursor: pointer; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; vertical-align: middle; width: 44px; }
@media (min-width: 44em) { #source-header .menu-toggle { display: inline-block; } }
#source-header .menu-toggle:before { font-size: 1.8em; left: 50%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#source-header .menu-toggle:hover, #source-header .menu-toggle:focus { color: #cc393f; }
.nav-open #source-header .menu-toggle { background-color: black; }
.nav-open #source-header .menu-toggle:hover, .nav-open #source-header .menu-toggle:focus { background-color: black; }
#source-header h1 { cursor: pointer; left: 54px; margin: 0; max-width: 137.5263157895px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
#source-header .personal { color: white; cursor: pointer; margin: 0; position: absolute; right: 100%; top: 36px; }
@media (max-width: 44em) { #source-header .personal { background-color: gray; max-width: 15em; transition: transform 0.3s ease-in; transform: translateX(0) translateZ(0); width: 75%; }
  #source-header .personal #header-user-wrap { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; }
  .menu-open #source-header .personal { transition-timing-function: ease-out; transform: translateX(100%) translateZ(0); } }
@media (min-width: 44em) { #source-header .personal { right: 0; text-shadow: 0 1px 1px #333; margin: 0 .25em; position: static; top: 0; } }
#source-header .personal .main-wrap .name { display: inline-block; margin-right: 30px; position: relative; transition: color 0.3s ease; vertical-align: middle; width: auto; }
#source-header .personal:hover .acct:after, #source-header .personal:focus .acct:after { background-color: rgba(255, 255, 255, 0.2); }
#source-header .personal:hover .name, #source-header .personal:focus .name { color: #cc393f; }
#source-header .acct { display: inline-block; height: 110px; opacity: 1; overflow: hidden; position: relative; transition: opacity 0.3s ease; vertical-align: middle; width: 110px; }
#source-header .acct img { display: block; height: 100%; width: 100%; }
#source-header .user-flyout { box-shadow: 0 1em 0.5em -0.5em rgba(13, 13, 13, 0.7); left: auto; max-height: 0; overflow: hidden; position: absolute; right: 0; top: 54px; transition: max-height .2s ease-in; width: 320px; }
#source-header .user-flyout.open { max-height: 135px; transition-timing-function: ease-out; }
#source-header .user-flyout .wrap { background: rgba(150, 150, 150, 0.5); padding: 9px; }
#source-header .user-flyout .acct { float: left; }
#source-header .user-flyout .btn { font-size: 12px; height: 50px; margin: 0px 0px 0px 120px; width: 180px; }
#source-header .user-flyout .btn.user-settings { margin-bottom: 10px; }

#main-header { left: 0; }

#source-header-menu { background-color: #4d4d4d; left: 0; position: absolute; right: 0; top: 100%; }
@media (min-width: 44em) { #source-header-menu { left: 36px; } }

#main-header-right { background: #000000; display: -ms-flexbox; display: flex; height: 44px; padding: 14px 10px; position: relative; transform: translateX(100%) translateZ(0); transition: transform 0.3s ease; }
#main-header-right.open { transform: translateX(0) translateZ(0); }
#main-header-right.open .widget-toggle { -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
@media (min-width: 44em) { #main-header-right { -ms-transform: translateX(0); transform: translateX(0); } }
#main-header-right .source-header-widget { cursor: pointer; display: inline-block; float: none; height: auto; line-height: 18px; margin: 0 1em; }
#main-header-right .source-header-widget:before { content: ''; font-family: "IconFont"; }
#main-header-right .widget-toggle { display: block; position: absolute; right: 100%; top: 50%; -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; }
#main-header-right .widget-toggle:before { content: "<"; }
@media (min-width: 44em) { #main-header-right .widget-toggle { display: none; } }
#main-header-right #source-widget-clock { cursor: auto; -ms-flex-order: 10; order: 10; }
#main-header-right #source-widget-clock .time { margin: 0; }
#main-header-right #source-widget-logger { margin: 0; padding: 0; }

#source-system-menu { background: #1a1a1a; bottom: 0; display: none; max-width: 15em; position: absolute; right: 100%; top: 44px; transform: translateX(0) translateZ(0); transition: transform 0.3s ease-in; width: 75%; }
.menu-open #source-system-menu { transform: translateX(100%) translateZ(0); transition-timing-function: ease-out; }
@media (min-width: 44em) { #source-system-menu { bottom: 24px; left: 0; max-width: 44px; right: auto; top: 44px; }
  .menu-open #source-system-menu { max-width: 15em; transform: translateX(0) translateZ(0); } }
.source-bar #source-system-menu { bottom: 36px; }
@media (min-width: 44em) { .source-bar #source-system-menu { bottom: 60px; } }
#source-system-menu [data-icon]:before { display: none; }
#source-system-menu .source-nav { height: auto !important; }
#source-system-menu .source-nav li { position: relative; }
#source-system-menu .sub-nav { background: #272727; }
#source-system-menu .sub-sub-nav { background-color: #4d4d4d; }
#source-system-menu .sub-nav, #source-system-menu .sub-sub-nav { display: block !important; max-height: 0; min-width: 12em; overflow: hidden; transition: max-height 0.3s ease; }
#source-system-menu .sub-nav.menu-anim, #source-system-menu .sub-sub-nav.menu-anim { transition-property: none !important; }
@media (min-width: 44em) { #source-system-menu .sub-nav, #source-system-menu .sub-sub-nav { left: 100%; max-height: 100em; max-width: 0; min-width: 0; overflow: hidden; opacity: 0; position: absolute; transform: translateZ(0); transition: all 0.17s ease-out; top: 0; visibility: hidden; }
  #source-system-menu .sub-nav li, #source-system-menu .sub-sub-nav li { min-width: 12em; }
  .menu-open #source-system-menu .sub-nav, .menu-open #source-system-menu .sub-sub-nav { max-height: 0; max-width: 100%; opacity: 1; position: static; -ms-transform: translateX(0); transform: translateX(0); transition: max-height 0.3s ease 0s; }
  #source-system-menu .sub-nav.menu-anim, #source-system-menu .sub-sub-nav.menu-anim { transition-property: none !important; } }
#source-system-menu [data-value="close"] { text-align: center; }
#source-system-menu .app-menu-group { width: 100%; border-bottom: 1px solid #424242; }
#source-system-menu .app-menu-group.active, #source-system-menu .app-menu-group:hover, #source-system-menu .app-menu-group:focus { background: #3e3e3e; }
#source-system-menu .app-menu-group.active .arrow, #source-system-menu .app-menu-group:hover .arrow, #source-system-menu .app-menu-group:focus .arrow { -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }
#source-system-menu .app-menu-group:hover .sub-nav, #source-system-menu .app-menu-group:focus .sub-nav { box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15); max-width: 20em; opacity: 1; transition-timing-function: ease-in; visibility: visible; }
.menu-open #source-system-menu .app-menu-group.active .sub-nav, .menu-open #source-system-menu .app-menu-group:hover .sub-nav, .menu-open #source-system-menu .app-menu-group:focus .sub-nav { box-shadow: none; max-height: 50em; visibility: visible; transition: max-height 0.3s ease 0.3s; }
.menu-open #source-system-menu .app-menu-group.active .menu-header, .menu-open #source-system-menu .app-menu-group:hover .menu-header, .menu-open #source-system-menu .app-menu-group:focus .menu-header { background-color: #353535; }
#source-system-menu .app-menu-group li { border-bottom: 1px solid #363636; cursor: pointer; padding: .5em .5em .5em 1em; }
#source-system-menu .app-menu-group li:hover, #source-system-menu .app-menu-group li:focus { background-color: rgba(255, 255, 255, 0.035); }
#source-system-menu .menu-header { cursor: pointer; overflow: hidden; position: relative; transition: background 0.3s ease; white-space: nowrap; }
#source-system-menu .menu-header .title { display: none; font-family: "Roboto Slab", "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; padding: 18px 0px 0px 0px; vertical-align: center; white-space: nowrap; }
.menu-open #source-system-menu .menu-header .title { display: inline-block; }
#source-system-menu .app-menu-group li.sub-header { background-color: rgba(13, 13, 13, 0.2); font-size: 1.15em; max-height: 46px; padding-bottom: 12px; padding-top: 12px; }
.menu-open #source-system-menu .app-menu-group li.sub-header { display: none; }
#source-system-menu .highlight { background: transparent; bottom: 0; left: 0; position: absolute; top: 0; width: 2px; }
#source-system-menu .app-open .highlight, #source-system-menu .active .menu-header .highlight { background-color: #cc393f; }
#source-system-menu .icon { /*background: url('/static/theme/img/default-app-icon.png') no-repeat;*/ background-position: center !important; display: inline-block; vertical-align: middle; min-height: 2em; height: 44px; width: 44px; }
#source-system-menu .app-menu-group .icon:before { color: #cc393f; font-size: 22px; position: absolute; top: 50%; margin-top: -10px; left: 10px; text-align: center; height: 10px; width: 25px; }
#source-system-menu .Dashboard .icon:before { content: 'h'; }
#source-system-menu .Admin .icon:before { content: 'g'; }
#source-system-menu .Settings .icon:before { content: 'I'; }
#source-system-menu .dashboard .icon { background: url("/static/theme/img/dashboard-app-icon.png") no-repeat; }
#source-system-menu .report-bug .icon { background: url("/static/theme/img/bug-icon.png") no-repeat; }
#source-system-menu .admin .icon { background: url("/static/theme/img/admin-app-icon.png") no-repeat; }

#main-footer { display: none; }
@media (min-width: 44em) { #main-footer { background-color: #0d0d0d; border-top: 1px solid rgba(77, 77, 77, 0.7); bottom: 0; height: 24px; left: 0; position: absolute; right: 0; } }

#source-bar-wrap { background: #1a1a1a; border-top: 1px solid #4d4d4d; bottom: 0; display: none; left: 0; position: absolute; right: 0; }
@media (min-width: 44em) { #source-bar-wrap { bottom: 24px; } }
#source-bar-wrap .sb-item { color: gray; cursor: pointer; border-right: 1px solid #333; display: inline-block; margin-left: -.25em; padding: 0 .5em; }
#source-bar-wrap .sb-item:not(.hidden):last-of-type { border-right: 0px; }
#source-bar-wrap .sb-item:not(.hidden):first-of-type { margin-left: 0; padding-left: 0; }
#source-bar-wrap .sb-item:hover, #source-bar-wrap .sb-item:focus { background-color: #333; }
#source-bar-wrap .sb-item-icon, #source-bar-wrap .sb-item-title, #source-bar-wrap .sb-item-data-1, #source-bar-wrap .notification-count { display: inline-block; padding: .5em 0; vertical-align: middle; }
#source-bar-wrap .sb-active { background: #333; }
#source-bar-wrap .sb-item-notifications .notification-count { background-color: #cc393f; color: #333; padding: .5em .4em; }

#megaphone-window { background: rgba(13, 13, 13, 0.8); border: 6px solid rgba(255, 255, 255, 0.25); bottom: 50px; display: none; left: 20px; position: absolute; width: 300px; }

.notification { clear: both; font-size: 12px; margin: 5px; padding: 5px; position: relative; text-align: center; }

.user-notification-settings-wrap { margin-bottom: 15px; }
.user-notification-settings-wrap .notification { display: inline-block; margin: 0; padding: 10px 5px; text-align: left; width: calc(33% - 10px); }

.notify-close { cursor: pointer; height: 12px; position: absolute; right: -12px; top: -10px; width: 12px; z-index: 10; }

.notification img { width: 50px; height: 50px; margin-right: 5px; }

.notification span { margin-top: 15px; }

/* generated with grunt-sass-globbing */
#growl-window { bottom: 55px; left: 41px; position: absolute; width: 300px; }

.growl-box { background: rgba(0, 0, 0, 0.8); border: 6px solid rgba(255, 255, 255, 0.25); color: #eeeeee; font-size: 12px; margin: 5px; padding: 5px; text-align: center; clear: both; width: 100%; }

.growl-close { background: #CCCCCC; cursor: pointer; height: 12px; position: absolute; right: -12px; top: -10px; width: 12px; z-index: 10; }

.growl-box { position: relative; }

.growl-box img { width: 50px; height: 50px; margin-right: 5px; }

.growl-box span { margin-top: 15px; }

#main-header-right #source-widget-map:before { content: 'Y'; }

#map { margin: 0 auto !important; position: relative; visibility: hidden; }

#map .background { background: transparent url("../img/bg-map.jpg") no-repeat center top; background-size: 100% 100%; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }

#map .dynamic { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }

#map .marker, #map .group { cursor: pointer; position: absolute; }

#map .group { background-color: rgba(255, 255, 255, 0.2); color: #ddd; font-size: 10px; padding: 4px; min-height: 47px; min-width: 115px; position: absolute; visibility: hidden; }

#map .group .pointer { background-image: url("../img/sprite-pointer.png"); height: 15px; left: 8px; position: absolute; width: 29px; }

#map .group .up { background-position: 0 0; top: -15px; }

#map .group .down { background-position: 0 -15px; bottom: -15px; }

#map .group .box { background-color: #303030; padding: 4px; }

#map .group .thumbnail, #map .group .info { float: left; }

#map .group .box p { margin: 0; padding: 0; line-height: normal; }

#map .group .few, #map .group .many { margin-top: 3px; }

#map .group .few .thumbnail, #map .group .many .thumbnail { margin: 1px; }

#map .group .few { padding: 3px; width: 114px; }

#map .group .many { padding: 3px; width: 182px; }

#map .group .info { margin-left: 3px; text-transform: uppercase; }

#map .group .right { text-align: right; }

#map .group .small { height: 24px; width: 24px; }

#map .group .large { height: 36px; width: 36px; }

#map .group .clear { clear: both; }

#main-header-right #source-widget-talkbot:before { content: '.'; }

/* generated with grunt-sass-globbing */
.gs_modal_overlay { background-color: rgba(204, 57, 63, 0.6); bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; }

.gs_modal-wrap { left: 50%; position: absolute; }

.gs_modal-content-wrap { background: #f8f8f8; box-shadow: 0 20px 80px rgba(13, 13, 13, 0.7); left: 50%; max-width: 100%; position: absolute; top: 54px; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; }
.gs_modal-content-wrap h2.title { color: #444444; background: none; font-weight: bold; font-size: 16px; letter-spacing: 1px; padding: .5em; text-align: center; text-transform: capitalize; }
.gs_modal-content-wrap .gs_modal-action-wrap { padding: 0 18px; text-align: right; }
.gs_modal-content-wrap img { max-width: 100%; }
.gs_modal-content-wrap .modal-section-header { background: #333; display: block; font-size: 1.2em; font-weight: bold; margin: 9px 0; padding: 9px; }
.gs_modal-content-wrap .gs_modal-action-wrap .accept { padding: 9px 20px; }
.gs_modal-wrap.full .gs_modal-content-wrap { max-width: 10000em; width: 1180px; }
@media (min-width: 44em) { .gs_modal-wrap.full .gs_modal-content-wrap { max-width: 100%; } }

.gs_modal-master-wrap { bottom: 0; display: none; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; right: 0; top: 0; }

.gs_modal-content-content { color: #444444; }

/*  MODAL ALERT TYPES  ======================================================  */
/*  =========================================================================  */
.gs_modal-icon { background: url("img/gs_modal-sprite.png") no-repeat 50px 0px transparent; display: block; float: left; height: 50px; width: 50px; }

.alert.info .gs_modal-icon { background-position: -50px 0px; }

.alert.info .gs_modal-content-wrap { box-shadow: 0px 0px 200px 1px #00c3fb; -webkit-box-shadow: 0px 0px 200px 1px #00c3fb; }

.alert.warning .gs_modal-icon { background-position: 0px 0px; }

.alert.warning .gs_modal-content-wrap { box-shadow: 0px 0px 200px 1px #f5db13; -webkit-box-shadow: 0px 0px 200px 1px #f5db13; }

.alert.success .gs_modal-icon { background-position: -150px 0px; }

.alert.success .gs_modal-content-wrap { box-shadow: 0px 0px 200px 1px #61e400; -webkit-box-shadow: 0px 0px 200px 1px #61e400; }

.alert.error .gs_modal-icon { background-position: -100px 0px; }

.alert.error .gs_modal-content-wrap { box-shadow: 0px 0px 200px 1px #e40000; -webkit-box-shadow: 0px 0px 200px 1px #e40000; }

/*  MODAL FORM STYLES  ======================================================  */
/*  =========================================================================  */
.user-settings { width: 100%; }

.user-settings ul, .global-asset ul { column-count: 2; column-gap: 42px; -moz-column-count: 2; -moz-column-gap: 42px; -webkit-column-count: 2; -webkit-column-rule: 1px solid #222; clear: both; float: none; margin: 0; }

.global-asset ul { -moz-column-rule: 1px solid #222; }

.user-settings ul li, .global-asset ul li, #asset-form li { margin: 0 0 16px; }

.user-settings h2 { font-size: 14px; margin: 0 0 3px; }

.user-settings label, .global-asset label, #asset-form label, .edit-meta label, .edit-background label { float: left; font-size: 13px; font-weight: bold; margin: 0 0 6px; text-transform: uppercase; }

.user-settings span { text-transform: uppercase; }

.user-settings form { clear: both; }

.user-settings .limit { margin: 0; }

.cant-change-field { display: block; margin: 0px 30px 10px 0px; }

#gs_avatar-upload > img { border: 2px solid #484F55; display: block; height: 250px; left: 32px; padding: 10px; position: relative; text-align: center; text-transform: uppercase; top: 13px; width: 250px; }

/* MODAL CONFIG SELECTS */
.config-modal-selects.gs_ui.dropdown { background: #1e262b; border-radius: 17px; border: 1px solid #43484c; box-sizing: border-box; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #EEE; display: inline-block; font-size: 12px; height: 34px; line-height: 12px; overflow: hidden; padding: 10px; position: relative; text-transform: uppercase; }

.config-modal-selects.gs_ui.dropdown ul, .config-modal-selects.gs_ui.dropdown li { list-style: none; margin: 0; padding: 0; }

.config-modal-selects.gs_ui.dropdown ul li { cursor: pointer; margin-top: 10px; padding-right: 22px; text-shadow: 0 0 5px #fff; }

.config-modal-selects.gs_ui.dropdown.disabled, .config-modal-selects.gs_ui.dropdown .disabled { opacity: .2; }

.config-modal-selects.gs_ui.dropdown ul li:first-child { background: url("../../../img/icon-dropdown.png") right top no-repeat; border-top: none; margin-top: 0; padding-top: 0; }

.config-modal-selects.gs_ui.dropdown ul li:hover { text-shadow: 0 0 5px #00beff; }

.gs_modal_overlay { background-color: rgba(13, 13, 13, 0.7); bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; }

.gs_modal-wrap { position: relative; }

.gs_modal-content-wrap { left: 50%; background: #0d0d0d; box-shadow: 0 0 1em rgba(13, 13, 13, 0.7); max-width: 100%; position: absolute; top: 54px; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; }
.gs_modal-content-wrap h2.title { text-align: center; padding: .5em; background-color: #1a1a1a; }
.gs_modal-content-wrap .gs_modal-action-wrap { padding: 0 18px 8px 18px; text-align: right; }
.gs_modal-content-wrap img { max-width: 100%; }
.gs_modal-content-wrap .modal-section-header { background: #333; display: block; font-size: 1.2em; font-weight: bold; margin: 9px 0; padding: 9px; }

.gs_modal-master-wrap { bottom: 0; display: none; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; right: 0; top: 0; }

.gs_modal-content-content { padding: 18px; }

.edit-group-users-maxxed-out .list-item-main-action .btn-add { display: none; }

.modal .user-info { background-color: #cc393f; color: #333; display: -ms-flexbox; display: flex; padding: 9px 18px; }
.modal .user-info span { display: block; margin: 0; }
.modal .user-info .email:after { content: "|"; margin: 0 .5em; }
.modal .settings { padding-top: 18px; position: relative; }
@media (min-width: 44em) { .modal .settings { -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; } }
.modal .avatar { text-align: center; margin-bottom: 18px; position: relative; }
@media (min-width: 44em) { .modal .avatar { width: 50%; margin-bottom: 0; } }
@media (min-width: 70em) { .modal .avatar { width: 45%; } }
.modal .img-wrapper { display: inline-block; position: relative; min-width: 50%; }
@media (min-width: 44em) { .modal .img-wrapper { width: 100%; } }
.modal .img-wrapper img { display: block; width: 100%; }
.modal .upload { background: rgba(51, 51, 51, 0.7); bottom: 0; cursor: pointer; left: 0; padding: 9px; position: absolute; right: 0; }
@media (min-width: 44em) and (max-width: 70em) { .modal .upload { font-size: 0.65em; } }
.modal .upload:hover, .modal .upload:focus { background: rgba(26, 26, 26, 0.7); }
@media (min-width: 44em) { .modal .form { margin-left: 18px; } }
@media (min-width: 70em) { .modal .form { margin-left: 36px; } }
.modal [for="displayName"] { margin-right: 18px; display: inline-block; }
.modal .limit { color: gray; display: inline-block; font-size: 0.65em; }
.modal .creds { background: none; color: #444444; font-size: 12px; padding: 10px 10px 10px 0px; text-align: left; width: 50%; }
.modal .creds:hover { color: #cc393f; }
.modal p.req { bottom: 3rem; color: gray; font-size: 0.65em; position: absolute; right: 1.5rem; }
.modal #delete-user { bottom: -56px; font-size: 12px; left: 0px; padding: 10px; position: absolute; }
.modal .preferences { display: none; position: relative; }
.modal h3 { border-bottom: 1px solid white; border-top: 1px solid white; margin: 18px 0; padding: .5em 1em; }
.modal .option { display: inline-block; list-style: none; margin-right: 18px; }
.modal #user-group-wrap li, .modal #app-settings-wrap #preferences li { list-style: none; }
.modal #user-settings-wrap .groups-wrap .list-item-content .item-id { padding-left: 10px; width: 120px; }
.modal #user-settings-wrap .groups-wrap .list-item-content .item-group-name { width: 300px; }
.modal #user-settings-wrap .groups-wrap .list-item-content .item-group-set { width: 300px; }
.modal #user-settings-wrap .groups-wrap .list-item-content .list-item-main-action { background: #0082FF !important; }

/*  =====  ADMIN USER GROUPS  =====  */
.group-settings-wrap { /*
#admin-group-users {width: 100%;
	.btn-add-user {border-radius: 4px; width: 100px;}
}*/ }
.group-settings-wrap #admin-groups-wrapper { display: -ms-flexbox; display: flex; padding: 9px 0 18px 0; position: relative; }
.group-settings-wrap .admin-group-label { margin: 9px; }
.group-settings-wrap .app-wrap { padding-left: 30px; position: relative; transition: all .2s; }
.group-settings-wrap .app-wrap .expand-app { left: 10px; position: absolute; }
.group-settings-wrap .app-wrap .app-access-wrapper { display: none; }
.group-settings-wrap .app-wrap .app-menus { padding-left: 11px; }
.group-settings-wrap .app-wrap.open { background: rgba(0, 0, 0, 0.1); margin-bottom: 10px; padding-top: 10px; }
.group-settings-wrap .app-wrap.open .expand-app:before { content: '7'; }
.group-settings-wrap .app-wrap.open .app-access-wrapper { display: block; }
.group-settings-wrap .app-access-section { padding-bottom: 10px; position: relative; }
.group-settings-wrap .app-access-section h2 { background: none; color: #e8e8e8; padding: 0px 0px 0px 10px; }
.group-settings-wrap .app-access-section h2:after { border-top: 1px solid rgba(255, 255, 255, 0.2); content: ''; left: 75px; position: absolute; right: 10px; top: 15px; }
.group-settings-wrap #admin-sys-users, .group-settings-wrap #admin-group-users { height: 400px; width: 40%; }
.group-settings-wrap #admin-sys-users { margin-right: 20%; }
.group-settings-wrap .user-list { background: #333; border: 1px solid #4d4d4d; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
.group-settings-wrap .single-user { padding: .2em .25em; position: relative; }
.group-settings-wrap .single-user:hover { background: rgba(255, 255, 255, 0.2); }
.group-settings-wrap #admin-group-users .remove-user { border-left: 1px solid rgba(255, 255, 255, 0.1); bottom: 0; cursor: pointer; display: none; padding: 1em; position: absolute; right: 0; top: 0; width: 18px; }
.group-settings-wrap #admin-group-users .remove-user:before { content: "X"; font-family: "IconFont"; font-size: .8em; left: 50%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.group-settings-wrap #admin-group-users .remove-user:hover, .group-settings-wrap #admin-group-users .remove-user:focus { background: rgba(255, 255, 255, 0.2); }
.group-settings-wrap #admin-group-users .single-user:hover .remove-user { display: block; }
.group-settings-wrap #move-user { background: rgba(0, 0, 0, 0.2); cursor: pointer; height: 70px; width: 70px; left: 50%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.group-settings-wrap #move-user:hover { background: rgba(0, 0, 0, 0.3); }
.group-settings-wrap #move-user span { color: #cc393f; display: block; font-size: 3em; left: 50%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.group-settings-wrap #move-user span:before { content: "2"; font-family: "IconFont"; margin-left: 8px; }

.group-action-wrap { padding: 20px 0px; position: relative; width: 100%; }
.group-action-wrap .current-app { display: block; float: left; }
.group-action-wrap .current-app .key { color: #99999a; font-size: 12px; font-weight: 400; position: relative; }
.group-action-wrap .current-app .value { color: #eaeaea; }
.group-action-wrap .btn-default-app { display: block; margin: 4px 10px 0px 0px; float: left; width: auto; }
.group-action-wrap .btn-edit-users { display: block; float: right; margin: 4px 0px 0px 10px; width: auto; }

.group-settings-wrap #group-apps { bottom: 20px; left: 12px; position: absolute; right: 12px; top: 56px; }

/*  =====  ADMIN GROUP APPS  =====  */
#group-settings-wrap #group-apps-list-wrapper { bottom: 105px; left: 15px; position: absolute; right: 15px; top: 260px; }

#group-settings-wrap #group-apps-list-wrapper .app-list { background: #313131; border: 1px solid #5C5C5C; height: 100%; overflow: auto; position: absolute; width: 100%; }

#group-settings-wrap #group-apps-list-wrapper .single-app { border-bottom: 1px solid #3f3f3f; cursor: pointer; height: 24px; padding: 6px 10px 0px 10px; position: relative; }

#group-settings-wrap #group-apps-list-wrapper .single-app:hover { background: rgba(255, 255, 255, 0.1); }

/*  ====  APP GROUP ACCORDION  ====  */
#group-apps #app-group-settings { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; }

#group-apps #app-group-settings .acc-section { float: left; height: 100%; position: relative; width: 30px; }

#group-apps #app-group-settings .acc-tab { background: #1F1F1F; border-left: 2px solid #444444; border-right: 2px solid #444444; cursor: pointer; height: 100%; left: 0px; position: absolute; top: 0px; width: 30px; }

#group-apps #app-group-settings .acc-content { background: url("../img/tile-admin-content.png") repeat 0px 0px; bottom: 0px; height: 100%; left: 30px; overflow-x: hidden; overflow-y: auto; position: absolute; right: 0px; top: 0px; }

#group-apps #app-group-settings .acc-content h2 { background: #333333; margin: 10px 0px 0px 0px; padding: 5px 0px 5px 10px; }

#group-apps #app-group-settings .acc-tab .tab-title { display: block; margin: 0px 0px 0px 3px; position: relative; right: 73px; top: 86px; -ms-transform: rotate(90deg); transform: rotate(90deg); width: 170px; }

#group-apps #app-group-settings .acc-content .content-body { padding: 10px; }

.ui-selecting { background: #5a5a5a; }

.ui-selected { background: #4a4a4a; }

/*  ADMIN GROUP DETAILS MODALE - GROUP PERMISSIONS =====  */
.group-details-modal .no-permissions-message { color: #eaeaea; font-size: 20px; padding: 40px 0px; text-align: center; }

.group-details-modal .permission-actions { height: 45px; padding: 10px 20px 0px 20px; position: relative; }

.group-details-modal .save-permissions { cursor: default; float: right; margin: 0px 0px 0px 10px; opacity: .3; position: relative; width: 150px; }

.group-details-modal .save-permissions::before { content: ""; position: absolute; right: 162px; text-align: right; width: 200px; }

.group-details-modal .save-permissions.unsaved-changes, .group-details-modal .save-permissions.saving-changes, .group-details-modal .save-permissions.saved-changes { cursor: pointer; opacity: 1; }

.group-details-modal .save-permissions.unsaved-changes::before { content: "Unsaved Changes"; }

.group-details-modal .save-permissions.saving-changes::before { content: "Saving Changes"; }

.group-details-modal .save-permissions.saved-changes::before { content: "Changes Saved"; }

.group-details-modal #permissions { left: -20px; position: relative; width: calc(100% + 40px); }

.group-details-modal #permissions .admin-group-permissions .accordion-section-header { background: #292b2e; margin: 0px 0px 2px 0px; }

.group-details-modal #permissions .admin-group-permissions .accordion-section-content { background: none; }

.group-details-modal #permissions .admin-group-permissions .gs-form-wrap .field-wrap.checkbox { width: 33.3%; }

/*  =====  ADMIN CHAT LOG MODAL  =====  */
.gs_modal-content-wrap #chat-wrapper .user-message .message-avatar { background: rgba(255, 255, 255, 0.05); height: 24px; margin: 0px -13px 0px -13px; padding: 5px 10px 5px 10px; position: relative; }

.gs_modal-content-wrap #chat-wrapper .user-message .message-avatar span { left: 41px; position: absolute; top: 9px; }

.gs_modal-content-wrap #chat-wrapper .user-message .message { font-size: 12px; margin: 10px 0px 20px 0px; }

.gs_modal-content-wrap #chat-wrapper .user-message .message .chat-date { font-size: 10px; margin: 0px 6px 4px 0px; }

/*  =====  ADMIN ACTIVITY LOG  =====  */
.activity-detail-key { margin: 4px 7px 4px 0px; }

/*  =====  GROUP USER MANAGEMENT  ==============  */
.manage-user-modal .list-item.in-group { box-shadow: 3px 0px 0px 0px #eaeaea inset; }
.manage-user-modal .list-item-content .item-id { padding-left: 10px; width: 120px; }
.manage-user-modal .list-item-content .item-username { width: 200px; }
.manage-user-modal .list-item-content .item-first-name { width: 200px; }
.manage-user-modal .list-item-content .item-last-name { width: 200px; }
.manage-user-modal .list-item-content .item-email { width: calc(100% - 720px); }
.manage-user-modal .search-tools { padding: 30px 0px; position: relative; width: 100%; }
.manage-user-modal .search-tools .action-wrap { display: block; margin-bottom: 30px; }
.manage-user-modal .search-tools .search-wrap { float: right; height: 32px; overflow: hidden; position: relative; right: 0px; width: 400px; }
.manage-user-modal .search-tools .search-wrap:before { background: rgba(255, 255, 255, 0.2); color: #f8f8f8; content: 'k'; font-family: 'IconFont'; font-size: 20px; right: 0px; padding: 2px 7px 4px 7px; position: absolute; }
.manage-user-modal .search-tools .search-wrap input { background: rgba(255, 255, 255, 0.05); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset; color: #f8f8f8; float: right; height: 100%; margin: 0px; overflow: hidden; padding: 0px 18px; }
.manage-user-modal .search-tools .btn-clear-search { float: right; margin: 0px; width: auto; }
.manage-user-modal .search-tools .bulk-action { cursor: default; float: left; margin: 0px; opacity: .3; width: 240px; }
.manage-user-modal .search-tools .bulk-action.active { cursor: pointer; opacity: 1; }
.manage-user-modal .search-tools .role-filters { padding: 5px 0px; }
.manage-user-modal .search-tools .role-filters .role-filter { display: inline-block; padding-right: 30px; }
.manage-user-modal #system-users .selected { background: #777777; }
.manage-user-modal #system-users .btn-remove { display: none; }
.manage-user-modal #system-users .in-group .btn-add { display: none; }
.manage-user-modal #system-users .in-group .btn-remove { display: inline-block; }
.manage-user-modal #group-users .selected { background: #777777; }
.manage-user-modal #group-users .btn-add { display: none; }

/*  FORM ELEMENTS  ========================  */
input, textarea, .gs_ui.dropdown.source, .gs-dropdown-wrap.source, select { background: rgba(150, 150, 150, 0.3); border: none; color: #ffffff; font-size: 100%; font-weight: 400; transition: background 0.3s ease, color 0.3s ease; }
input:focus, textarea:focus, .gs_ui.dropdown.source:focus, .gs-dropdown-wrap.source:focus, select:focus { background: rgba(200, 200, 200, 0.7); border: none; color: #333333; font-weight: 400; outline: none; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, .gs_ui.dropdown.source:focus:-ms-input-placeholder, .gs-dropdown-wrap.source:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder { color: #a5a5a5; }
input:focus::placeholder, textarea:focus::placeholder, .gs_ui.dropdown.source:focus::placeholder, .gs-dropdown-wrap.source:focus::placeholder, select:focus::placeholder { color: #a5a5a5; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, .gs_ui.dropdown.source:focus:-ms-input-placeholder, .gs-dropdown-wrap.source:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder { color: #777777; }
input:focus::placeholder, textarea:focus::placeholder, .gs_ui.dropdown.source:focus::placeholder, .gs-dropdown-wrap.source:focus::placeholder, select:focus::placeholder { color: #777777; }

/*  LOGIN PAGE  ===========================  */

/*# sourceMappingURL=base.css.map */