.ng-cloak,
[ng-cloak],
[ng\:cloak] {
    display: none !important
}

td,
th {
    font-size: 10px
}

.scroll {
    overflow: auto;
    white-space: nowrap
}

.block {
    display: block
}

.wrapper>footer,
.wrapper>section {
    margin-left: 0
}

.close {
    font-size: 29px
}

.img-over .icon-cloud-upload {
    color: #24b145
}

.content-wrapper .content-heading {
    padding: 0;
    background: #eee
}

.content-wrapper .content-heading .pull-right {
    padding: 12px 10px
}

.content-wrapper .content-heading .breadcrumb {
    font-size: 11px;
    padding: 10px 0 5px 10px
}

.content-wrapper .content-heading .heading {
    font-size: 14px;
    padding: 0 0 10px 10px
}

.content-heading h3 {
    margin: 0;
    padding: 10px;
    font-weight: 400
}

.content-heading h3 small {
    display: block;
    font-size: 12px;
    color: #909fa7
}

.content-heading label {
    font-size: 12px
}

.sortable-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.label-dark {
    background-color: #d6d8d9
}

.capitalize {
    text-transform: capitalize
}

.text-white {
    color: #fff
}

.isThumb .icon-cloud-upload {
    font-size: 15px !important
}

.pr-0 {
    padding-right: 0
}

.btn-full {
    width: 100%
}

.panel-muted {
    background: #fafafa
}

.bg-white {
    background: #fff
}

.panel-footer-thin {
    padding: 5px 4px
}

.p0 {
    padding: 0
}

.tab-content .content {
    background: #fff;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.chosen-default {
    height: 31px !important
}

.chosen-results li {
    font-size: 10px;
    padding: 2px
}

.cur-pointer {
    cursor: pointer
}

.cur-move {
    cursor: move
}

.m0 {
    margin: 0
}

.panel-toolbar {
    background: #faf9f7;
    border-bottom: 1px solid #e6e1d8
}

.list-group-hover:hover {
    background: #fafafa
}

.textC {
    text-align: center
}

.textL {
    text-align: left
}

.textR {
    text-align: right
}

.ghost {
    opacity: .3
}

.update {
    background: #f0fff0 !important
}

.fast-spin {
    -webkit-animation: fa-spin .75s infinite linear !important;
    animation: fa-spin .75s infinite linear !important
}

.tab-content {
    padding: 0;
    border-style: none
}

.badge {
    font-weight: 400;
    font-size: 10px
}

.badge-default {
    background: #dde6e9;
    color: #3a3f51
}

.badge-primary {
    background: #5cc9ff;
    color: #069
}

.badge-success {
    background: #baf1c7;
    color: #1b8734
}

.badge-info {
    background: #e3f6fc;
    color: #1797be
}

.badge-warning {
    background: #ffe8d3;
    color: #f77600
}

.badge-danger {
    background: #fcb8c9;
    color: #a5062d
}

.label-transparent {
    background-color: rgba(0, 0, 0, .2)
}

li.active .label-transparent {
    background-color: #24b145
}

.sidebar .nav>li.active,
.sidebar .nav>li.active .nav,
.sidebar .nav>li.active>a,
.sidebar .nav>li.open,
.sidebar .nav>li.open .nav,
.sidebar .nav>li.open>a {
    background-color: rgba(0, 0, 0, .2) !important;
    color: #f5f5f5 !important
}

@font-face {
    font-family: touchpoint;
    src: url(https://assets.touchpointglobal.com/dnata/az4vhccgup90haa/Aleo-Regular.ttf) format("truetype")
}

@font-face {
    font-family: touchpoint-light;
    src: url(https://assets.touchpointglobal.com/dnata/az4vhccgup90haa/Aleo-Light.ttf) format("truetype")
}

.splash {
    text-align: center;
    margin-top: 10%
}

.splash h1,
.splash h2 {
    font-family: touchpoint, Fallback, sans-serif;
    color: #999
}

.splash h3 {
    font-family: touchpoint-light, Fallback, sans-serif;
    color: #999
}

.splash img {
    opacity: .1;
    width: 200px
}

.list-group-item.info {
    color: #0c5460 !important;
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important
}

.list-group-item.warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important
}

.list-group-item.danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important
}

.list-group-item.default {
    color: #383d41 !important;
    background-color: #e2e3e5 !important;
    border-color: #d6d8db !important
}

.aside-dark .icon-close,
.aside-dark h3 {
    color: #f5f5f5
}

.aside-dark .form-control,
.aside-dark .input-group-btn .btn {
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .2);
    height: 34px;
    color: #f5f5f5
}

.aside-dark .panel {
    color: #f5f5f5;
    margin-bottom: 15px;
    background-color: rgba(0, 0, 0, .3)
}

.aside-dark .panel .panel-footer {
    border-top: none;
    background-color: rgba(0, 0, 0, .3)
}

.aside-dark .panel .panel-footer .text-muted {
    color: #f5f5f5
}

.aside-dark .panel .list-group-item {
    background-color: rgba(0, 0, 0, .2);
    color: #f5f5f5;
    border-bottom: 1px solid #555;
    font-size: 11px;
    font-weight: 200
}

.aside-dark .panel .list-group-item a.list-group-item {
    color: #f5f5f5
}

.aside-dark .panel small {
    padding-left: 3px
}

.aside-dark .panel .panel-heading {
    border-bottom: 0;
    font-size: 14px;
    background-color: rgba(0, 0, 0, .3)
}

.aside-dark .panel .value {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 5px;
    padding: 10px;
    margin-right: 10px
}

.aside-dark .panel .value_danger {
    background-color: rgba(235, 0, 0, .46)
}

.aside-dark .panel .value_danger small {
    color: #f5f5f5
}

.aside-dark .panel .value_success {
    background-color: #00a65a
}

.aside-dark .panel .value_success small {
    color: #f5f5f5
}

.aside-dark .panel .descr {
    padding-top: 10px
}

.side-icon-stripe {
    width: 70px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: #3a3f51;
    padding-top: 55px;
    border-right: 1px solid #cfdbe2
}

.side-icon-stripe .item {
    width: 68px;
    cursor: pointer;
    padding: 20px 0;
    text-align: center
}

.side-icon-stripe .item a {
    text-indent: -3px;
    text-decoration: none;
    color: #929292;
    letter-spacing: .025em;
    font-weight: 400
}

.side-icon-stripe .item a em {
    font-size: 1.6em;
    width: auto
}

.side-icon-stripe .item a:hover {
    color: #d6083b
}

.plain-modal .modal-dialog {
    width: 768px !important
}

.plain-modal .modal-dialog .modal-content {
    background-color: #ebeef0;
    min-height: 600px
}

.plain-modal .modal-dialog .modal-content .rhs .fa {
    margin-right: 5px;
    color: #64747e;
    position: absolute;
    top: 7px;
    font-size: 17px
}

.plain-modal .modal-dialog .modal-content .rhs .button-txt {
    margin-left: 22px
}

.plain-modal .modal-dialog .modal-content .modal-body {
    padding-bottom: 50px !important
}

.plain-modal .modal-dialog .modal-content .member {
    background-color: #dfe3e6;
    border-radius: 25em;
    color: #17394d;
    cursor: pointer;
    display: block;
    float: left;
    height: 32px;
    margin: 0 4px 4px 0;
    overflow: visible;
    position: relative;
    width: 32px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

.plain-modal .modal-dialog .modal-content .member .member-initials {
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    left: 0;
    line-height: 32px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.plain-modal .modal-dialog .modal-content .comment-controls {
    margin-bottom: 5px
}

.plain-modal .modal-dialog .modal-content .comment-controls a {
    margin-right: 8px;
    font-size: 11px;
    cursor: pointer;
    color: #909fa7 !important;
    text-decoration: underline
}

.plain-modal .modal-dialog .modal-content .action-comment {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px -1px rgba(9, 45, 66, .25), 0 0 0 1px rgba(9, 45, 66, .08);
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    margin: 4px 2px 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.plain-modal .modal-dialog .modal-content .action-comment .comment {
    padding: 8px 12px;
    white-space: pre-wrap
}

.plain-modal .modal-dialog .modal-content .button-link {
    background-color: #dfe3e6;
    box-shadow: 0 1px 0 0 #c2ccd1;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-weight: 700;
    height: 32px;
    margin-top: 8px;
    max-width: 300px;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 85ms;
    transition-timing-function: ease
}

.plain-modal .modal-dialog .modal-content .button-link:hover {
    cursor: pointer;
    background-color: #cbcfd2
}

.plain-modal .modal-dialog .modal-content a {
    color: #17394d
}

.plain-modal .modal-dialog .modal-content .line-item {
    border-bottom: 1px solid rgba(9, 45, 66, .13);
    min-height: 50px;
    margin-bottom: 10px
}

.plain-modal .modal-dialog .modal-content .section h4 {
    margin-bottom: 20px
}

li.tab-output a {
    color: #333 !important;
    background-color: #bcebcb !important;
    border-color: #bcebcb !important
}

li.tab-valid a {
    color: #333 !important;
    background-color: #f6f3d4 !important;
    border-color: #f6f3d4 !important
}

.nav>li>a:hover {
    text-decoration: none;
    color: #222;
    background-color: #fff
}

li.tab-meta a {
    font-weight: 300;
    font-style: italic;
    font-size: 11px;
    background-color: #8c8b8b;
    color: #fff
}

.splash-page {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50%
}

.splash-page .wrapper section {
    background-color: inherit
}

.splash-page .content-wrapper .content-heading,
.splash-page .panel,
.splash-page .panel .panel-body,
.splash-page .panel .panel-footer,
.splash-page .tab-content .content {
    background: hsla(0, 0%, 100%, .8) !important
}

.loading {
    position: absolute;
    display: flex;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff
}

.help-page {
    position: relative
}

.help-page .wrappr {
    background: red
}

.help-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.help-page .aside-lhs .icon-close:hover {
    color: red
}

.help-page .sidebar .nav>li>.nav-item,
.help-page .sidebar .nav>li>a {
    font-size: 12px
}

.help-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.help-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.help-page .aside-rhs .nav-tabs.nav-justified>li>a,
.help-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.help-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.help-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.help-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.help-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.help-page .aside-lhs .nav-tabs.nav-justified>li>a,
.help-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.help-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.help-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.help-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.help-page .lhs-open {
    margin-left: 0
}

.help-page .main-lhs-open {
    margin-left: 300px
}

.help-page .rhs-open {
    margin-right: 0
}

.help-page .aside-dark {
    background-color: #3a3f51
}

.help-page .main-rhs-open {
    margin-right: 800px
}

.welcome {
    background: #f7f7f7 url(//assets.touchpointglobal.com/dnata/az4vhccgup90haa/bg.jpg) no-repeat 50%;
    background-attachment: fixed;
    background-size: cover
}

.login-page .spinner {
    padding: 80px;
    font-size: 40px;
    opacity: .5;
    text-align: center
}

.login-page p {
    color: #fff
}

.login-page .module-wrapper {
    min-height: 800px
}

.login-page .module-wrapper .module-container {
    position: absolute;
    top: 5%;
    border-radius: 10px;
    left: 50%;
    margin: 0 auto;
    margin-left: -350px;
    padding: 10px;
    z-index: 2;
    width: 700px;
    background-color: rgba(0, 0, 0, .5)
}

.login-page .module-wrapper .module-container .close {
    position: absolute;
    top: 10px;
    right: 10px
}

.login-page .module-wrapper .module-container .close a {
    color: #fff
}

.login-page .module-wrapper .module-container .close a .fa {
    font-size: 28px
}

.login-page .module-wrapper .module-container .logo {
    text-align: center
}

.login-page .module-wrapper .module-container .logo img {
    height: 55px;
    display: inline-block;
    vertical-align: middle
}

.login-page .module-wrapper .module-container .logo h1 {
    font-size: 19px;
    margin-top: 10px;
    font-weight: 400;
    color: #fff
}

.login-page .module-wrapper .module-container .modules {
    padding: 50px
}

.login-page .module-wrapper .module-container .modules .item {
    text-align: center;
    margin-bottom: 0;
    height: 180px;
    width: 100%
}

.login-page .module-wrapper .module-container .modules .item img {
    border-radius: 5px
}

.login-page .module-wrapper .module-container .modules .item .name {
    text-align: center;
    color: #fff;
    padding: 5px
}

.welcome {
    background: #f7f7f7 url(//assets.touchpointglobal.com/dnata/az4vhccgup90haa/bg.jpg) no-repeat 50%;
    background-attachment: fixed;
    background-size: cover
}

.recover-page p {
    color: #fff
}

.recover-page .module-wrapper {
    min-height: 800px
}

.recover-page .module-wrapper .module-container {
    position: absolute;
    top: 5%;
    border-radius: 10px;
    left: 50%;
    margin: 0 auto;
    margin-left: -350px;
    padding: 10px;
    z-index: 2;
    width: 700px;
    background-color: rgba(0, 0, 0, .5)
}

.recover-page .module-wrapper .module-container .close {
    position: absolute;
    top: 10px;
    right: 10px
}

.recover-page .module-wrapper .module-container .close a {
    color: #fff
}

.recover-page .module-wrapper .module-container .close a .fa {
    font-size: 28px
}

.recover-page .module-wrapper .module-container .logo {
    text-align: center
}

.recover-page .module-wrapper .module-container .logo img {
    height: 55px;
    display: inline-block;
    vertical-align: middle
}

.recover-page .module-wrapper .module-container .logo h1 {
    font-size: 19px;
    margin-top: 10px;
    font-weight: 400;
    color: #fff
}

.recover-page .module-wrapper .module-container .modules {
    padding: 50px
}

.recover-page .module-wrapper .module-container .modules .item {
    text-align: center;
    margin-bottom: 0;
    height: 180px;
    width: 100%
}

.recover-page .module-wrapper .module-container .modules .item img {
    border-radius: 5px
}

.recover-page .module-wrapper .module-container .modules .item .name {
    text-align: center;
    color: #fff;
    padding: 5px
}

.welcome {
    background: #f7f7f7 url(//assets.touchpointglobal.com/dnata/az4vhccgup90haa/bg.jpg) no-repeat 50%;
    background-attachment: fixed;
    background-size: cover
}

.login-page .spinner {
    padding: 80px;
    font-size: 40px;
    opacity: .5;
    text-align: center
}

.login-page p {
    color: #fff
}

.login-page .module-wrapper {
    min-height: 800px
}

.login-page .module-wrapper .module-container {
    position: absolute;
    top: 5%;
    border-radius: 10px;
    left: 50%;
    margin: 0 auto;
    margin-left: -350px;
    padding: 10px;
    z-index: 2;
    width: 700px;
    background-color: rgba(0, 0, 0, .5)
}

.login-page .module-wrapper .module-container .close {
    position: absolute;
    top: 10px;
    right: 10px
}

.login-page .module-wrapper .module-container .close a {
    color: #fff
}

.login-page .module-wrapper .module-container .close a .fa {
    font-size: 28px
}

.login-page .module-wrapper .module-container .logo {
    text-align: center
}

.login-page .module-wrapper .module-container .logo img {
    height: 55px;
    display: inline-block;
    vertical-align: middle
}

.login-page .module-wrapper .module-container .logo h1 {
    font-size: 19px;
    margin-top: 10px;
    font-weight: 400;
    color: #fff
}

.login-page .module-wrapper .module-container .modules {
    padding: 50px
}

.login-page .module-wrapper .module-container .modules .item {
    text-align: center;
    margin-bottom: 0;
    height: 180px;
    width: 100%
}

.login-page .module-wrapper .module-container .modules .item img {
    border-radius: 5px
}

.login-page .module-wrapper .module-container .modules .item .name {
    text-align: center;
    color: #fff;
    padding: 5px
}

.topnavbar .navbar-header {
    width: 50px
}

.topnavbar .navbar-nav>.active>a {
    background-color: #555 !important
}

.topnavbar .navbar-brand .brand-logo {
    padding: 14px 15px
}

.topnavbar .navbar-brand .brand-logo i {
    color: #fff;
    font-size: 1.7em
}

.topnavbar .navbar-brand {
    background: #000
}

.topnavbar li.module-name {
    background: #000;
    width: 242px;
    text-align: center
}

.topnavbar li.module-name a {
    text-transform: uppercase;
    font-size: 200%;
    padding-right: 40px
}

.topnavbar .navbar-nav>li.module-name>a:hover {
    background: unset;
    color: #fff;
    cursor: pointer
}

.intro-page {
    position: relative
}

.intro-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.intro-page .aside-lhs .icon-close:hover {
    color: red
}

.intro-page .sidebar .nav>li>.nav-item,
.intro-page .sidebar .nav>li>a {
    font-size: 12px
}

.intro-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.intro-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.intro-page .aside-rhs .nav-tabs.nav-justified>li>a,
.intro-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.intro-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.intro-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.intro-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.intro-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.intro-page .aside-lhs .nav-tabs.nav-justified>li>a,
.intro-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.intro-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.intro-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.intro-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.intro-page .lhs-open {
    margin-left: 0
}

.intro-page .main-lhs-open {
    margin-left: 300px
}

.intro-page .rhs-open {
    margin-right: 0
}

.intro-page .aside-dark {
    background-color: #3a3f51
}

.intro-page .main-rhs-open {
    margin-right: 800px
}

.welcome {
    background: #f7f7f7 url(//assets.touchpointglobal.com/dnata/az4vhccgup90haa/welcome.jpg) no-repeat 50%;
    background-attachment: fixed;
    background-size: cover
}

.welcome-page p {
    color: #fff
}

.welcome-page .module-wrapper {
    min-height: 800px
}

.welcome-page .module-wrapper .module-container {
    position: absolute;
    top: 5%;
    border-radius: 10px;
    left: 50%;
    margin: 0 auto;
    margin-left: -350px;
    padding: 10px;
    z-index: 2;
    width: 700px;
    background-color: rgba(0, 0, 0, .5)
}

.welcome-page .module-wrapper .module-container .close {
    position: absolute;
    top: 10px;
    right: 10px
}

.welcome-page .module-wrapper .module-container .close a {
    color: #fff
}

.welcome-page .module-wrapper .module-container .close a .fa {
    font-size: 28px
}

.welcome-page .module-wrapper .module-container .status {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.welcome-page .module-wrapper .module-container .status a {
    color: #fff
}

.welcome-page .module-wrapper .module-container .status a .fa {
    font-size: 28px
}

.welcome-page .module-wrapper .module-container .pwd {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: center;
    right: 10px;
    color: #fff;
    font-style: italic
}

.welcome-page .module-wrapper .module-container .logo {
    text-align: center
}

.welcome-page .module-wrapper .module-container .logo img {
    height: 55px;
    display: inline-block;
    vertical-align: middle
}

.welcome-page .module-wrapper .module-container .logo h1 {
    font-size: 19px;
    margin-top: 10px;
    font-weight: 400;
    color: #fff
}

.welcome-page .module-wrapper .module-container .modules {
    padding: 50px
}

.welcome-page .module-wrapper .module-container .modules .item {
    text-align: center;
    margin-bottom: 0;
    height: 180px;
    width: 100%
}

.welcome-page .module-wrapper .module-container .modules .item img {
    border-radius: 5px
}

.welcome-page .module-wrapper .module-container .modules .item .name {
    text-align: center;
    color: #fff;
    padding: 5px 5px 30px
}

.release-container .arrow-container {
    background: transparent
}

.release-container .day_gap {
    width: 400px;
    line-height: 32px;
    position: relative;
    margin: auto;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 4px;
    border-radius: 10px
}

.release-container .day_gap em {
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 20px
}

.release-container .day_gap .gap {
    position: absolute;
    right: 8px;
    top: 3px
}

.release-container .day_success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.release-container .day_warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.release-container .day_alert {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.release-container .active_divider {
    height: 50px
}

.release-container .release-item {
    background: #eff1f3;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px
}

.release-container .release-item .popout {
    width: 600px;
    height: 450px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 94px
}

.release-container .release-item .popout .popout-header {
    padding: 8px;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px solid #ddd
}

.release-container .release-item .popout .popout-header .fa {
    font-size: 20px
}

.release-container .release-item .popout .popout-body {
    padding: 8px
}

.release-container .release-item .popout .popout-body button {
    margin-top: 5px;
    width: 100%
}

.release-container .release-item .popout-mini {
    width: 300px;
    height: 180px;
    left: 0;
    top: 89px
}

.release-container .release-item .date_toolbar {
    background: #fff;
    margin-top: 1px;
    padding: 3px 0;
    border-top: 1px solid #efefef
}

.release-container .release-item .lhs {
    position: relative;
    text-align: center;
    padding: 10px;
    background: #fff
}

.release-container .release-item .lhs .button-panel {
    position: absolute;
    left: 4px;
    top: 4px;
    display: none
}

.release-container .release-item .lhs .button-panel .btn {
    display: block;
    width: 100%
}

.release-container .release-item .lhs .fa-calendar {
    position: absolute;
    font-size: 25px;
    opacity: .3;
    left: 5px;
    top: 5px
}

.release-container .release-item .lhs .date-small {
    font-size: 15px
}

.release-container .release-item .lhs .date-large {
    font-size: 17px;
    line-height: 17px;
    font-weight: 700
}

.release-container .release-item .lhs:hover .button-panel {
    display: block
}

.release-container .release-item .stat-box {
    background: #fff;
    min-height: 52px;
    width: 100%;
    margin-top: 13px;
    padding-top: 9px
}

.release-container .release-item .stat-box .title {
    text-align: center;
    font-size: 80%
}

.release-container .release-item .stat-box .value {
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    font-weight: 700
}

.release-container .release-item .ghost .title,
.release-container .release-item .ghost .value {
    color: #999
}

.release-container .release-item .draft {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.release-container .release-item .declined {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.release-container .release-item .caterer {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.release-container .release-item .accepted {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.release-container .release-item .active,
.release-container .release-item .published {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.release-container .release-item .archived,
.release-container .release-item .wb {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.release-container .release-item .btn {
    margin-bottom: 3px
}

.release-container .release-active {
    border: 2px solid #c3e6cb;
    margin-top: 30px;
    margin-bottom: 30px
}

.workflow {
    position: relative
}

.workflow .popout {
    width: 250px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: absolute;
    z-index: 999;
    left: 43px
}

.workflow .popout .popout-header {
    padding: 8px;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px solid #ddd
}

.workflow .popout .popout-header .fa {
    font-size: 20px;
    right: 0
}

.workflow .popout .popout-body {
    padding: 8px
}

.workflow .popout .popout-body button {
    margin-top: 5px;
    width: 100%
}

.workflow .modal-dialog {
    width: 768px !important
}

.workflow .modal-dialog .modal-content {
    background-color: #ebeef0;
    min-height: 600px
}

.workflow .modal-dialog .modal-content .rhs .fa {
    margin-right: 5px;
    color: #64747e;
    position: absolute;
    top: 7px;
    font-size: 17px
}

.workflow .modal-dialog .modal-content .rhs .button-txt {
    margin-left: 22px
}

.workflow .modal-dialog .modal-content .modal-body {
    padding-bottom: 50px !important
}

.workflow .modal-dialog .modal-content .member {
    background-color: #dfe3e6;
    border-radius: 25em;
    color: #17394d;
    cursor: pointer;
    display: block;
    float: left;
    height: 32px;
    margin: 0 4px 4px 0;
    overflow: visible;
    position: relative;
    width: 32px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

.workflow .modal-dialog .modal-content .member .member-initials {
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    left: 0;
    line-height: 32px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.workflow .modal-dialog .modal-content .comment-controls {
    margin-bottom: 5px
}

.workflow .modal-dialog .modal-content .comment-controls a {
    margin-right: 8px;
    font-size: 11px;
    cursor: pointer;
    color: #909fa7 !important;
    text-decoration: underline
}

.workflow .modal-dialog .modal-content .action-comment {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px -1px rgba(9, 45, 66, .25), 0 0 0 1px rgba(9, 45, 66, .08);
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    margin: 4px 2px 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.workflow .modal-dialog .modal-content .action-comment .comment {
    padding: 8px 12px;
    white-space: pre-wrap
}

.workflow .modal-dialog .modal-content .button-link {
    background-color: #dfe3e6;
    box-shadow: 0 1px 0 0 #c2ccd1;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-weight: 700;
    height: 32px;
    margin-top: 8px;
    max-width: 300px;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 85ms;
    transition-timing-function: ease
}

.workflow .modal-dialog .modal-content .button-link:hover {
    cursor: pointer;
    background-color: #cbcfd2
}

.workflow .modal-dialog .modal-content a {
    color: #17394d
}

.workflow .modal-dialog .modal-content .line-item {
    border-bottom: 1px solid rgba(9, 45, 66, .13);
    min-height: 50px;
    margin-bottom: 10px
}

.workflow .modal-dialog .modal-content .section h4 {
    margin-bottom: 20px
}

.workflow .workflow_col {
    background: #f6f6f6;
    border-radius: 4px;
    border: 1px solid #efefef;
    min-height: 9000px
}

.workflow .workflow_col .workflow_header {
    padding: 5px
}

.workflow .workflow_col .tilt {
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg)
}

.workflow .workflow_col .workflow_items {
    padding: 6px
}

.workflow .workflow_col .warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.workflow .workflow_col .danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.workflow .workflow_col .info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.workflow .workflow_col .dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.workflow .workflow_col .success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.workflow .workflow_col .default {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.workflow .workflow_col .workflow_item {
    min-height: 50px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(9, 45, 66, .25);
    border: 1px solid #dfe3e6;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    cursor: pointer
}

.workflow .workflow_col .workflow_item .title {
    font-size: 90%
}

.workflow .workflow_col .workflow_item small {
    display: block
}

.workflow .workflow_col .workflow_item .lock-flag {
    color: red;
    position: absolute;
    right: 5px;
    bottom: 0;
    font-size: 20px;
    opacity: .2
}

.workflow .workflow_col .workflow_item:hover {
    background: #efefef
}

.workflow .workflow_col .workflow_item_placeholder {
    background: #d8d8d8;
    min-height: 70px;
    margin-bottom: 5px;
    border-radius: 5px
}

.workflow .handle {
    float: left;
    margin-right: 6px
}

.workflow .content {
    background: #fff;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.workflow .panel .panel-body small {
    display: block
}

.workflow .sidebar table {
    width: 100%
}

.workflow .sidebar table td {
    padding: 5px;
    font-size: 11px
}

.setup-page {
    position: relative
}

.setup-page .wrappr {
    background: red
}

.setup-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.setup-page .aside-lhs .icon-close:hover {
    color: red
}

.setup-page .sidebar .nav>li>.nav-item,
.setup-page .sidebar .nav>li>a {
    font-size: 12px
}

.setup-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.setup-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.setup-page .aside-rhs .nav-tabs.nav-justified>li>a,
.setup-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.setup-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.setup-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.setup-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.setup-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.setup-page .aside-lhs .nav-tabs.nav-justified>li>a,
.setup-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.setup-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.setup-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.setup-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.setup-page .lhs-open {
    margin-left: 0
}

.setup-page .main-lhs-open {
    margin-left: 300px
}

.setup-page .rhs-open {
    margin-right: 0
}

.setup-page .aside-dark {
    background-color: #3a3f51
}

.setup-page .main-rhs-open {
    margin-right: 800px
}

.tabs-page {
    position: relative
}

.tabs-page .wrappr {
    background: red
}

.tabs-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.tabs-page .aside-lhs .icon-close:hover {
    color: red
}

.tabs-page .sidebar .nav>li>.nav-item,
.tabs-page .sidebar .nav>li>a {
    font-size: 12px
}

.tabs-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.tabs-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.tabs-page .aside-rhs .nav-tabs.nav-justified>li>a,
.tabs-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.tabs-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.tabs-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.tabs-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.tabs-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.tabs-page .aside-lhs .nav-tabs.nav-justified>li>a,
.tabs-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.tabs-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.tabs-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.tabs-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.tabs-page .lhs-open {
    margin-left: 0
}

.tabs-page .main-lhs-open {
    margin-left: 300px
}

.tabs-page .rhs-open {
    margin-right: 0
}

.tabs-page .aside-dark {
    background-color: #3a3f51
}

.tabs-page .main-rhs-open {
    margin-right: 800px
}

.tabs-page .tab-configs .form-control {
    height: 35px !important
}

.tabs-page .nav-tabs li {
    margin-right: 1px
}

.tabs-page .nav-tabs li a {
    font-weight: 100;
    border-color: #ccc;
    padding: 9px 13px
}

.tabs-page .nav-tabs .dot {
    position: absolute;
    top: -7px;
    font-size: 9px;
    right: 3px;
    background: #888;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    padding: 0 3px;
    line-height: 12px;
    text-transform: uppercase
}

.tabs-page .nav-tabs .tab-red a {
    border-top: 2px solid #e46182
}

.tabs-page .nav-tabs .tab-red .dot {
    background: #fae4e9;
    color: #e46182
}

.tabs-page .nav-tabs .tab-spacer-right {
    margin-right: 15px
}

.tabs-page .nav-tabs .tab-spacer-left {
    margin-left: 15px
}

.tabs-page .nav-tabs .tab-orange a {
    border-top: 2px solid #ff902b
}

.tabs-page .nav-tabs .tab-orange .dot {
    background: #fffbf7;
    color: #ff902b
}

.tabs-page .nav-tabs .tab-gray a {
    border-top: 2px solid #777
}

.tabs-page .nav-tabs .tab-gray .dot {
    background: #ddd;
    color: #777
}

.tabs-page .nav-tabs .tab-blue a {
    border-top: 2px solid #23b7e5
}

.tabs-page .nav-tabs .tab-blue .dot {
    background: #fff;
    color: #23b7e5
}

.tabs-page .nav-tabs .tab-green a {
    border-top: 2px solid #24b145
}

.tabs-page .nav-tabs .tab-green .dot {
    background: #fff;
    color: #24b145
}

.tggrid-side-panel .group-item {
    padding: 3px;
    border: 1px solid #ddd
}

.tggrid-side-panel .list-group-item {
    font-size: 90%;
    padding: 6px;
    border-right: none;
    border-left: none
}

.tggrid-side-panel .panel-body {
    padding: 0;
    background: #fff
}

.tggrid-side-panel .panel-body .fa-eye {
    font-size: 18px
}

.tggrid-side-panel .panel-body .badge {
    color: #222;
    cursor: pointer;
    z-index: 9999
}

.tggrid-side-panel .panel-body .badge:hover {
    background: #131e26;
    color: #fff
}

.tggrid-side-panel .panel-footer {
    padding: 4px
}

.tggrid-side-panel fieldset .form-group {
    margin-bottom: 10px
}

legend {
    margin-top: 11px;
    font-size: 15px
}

.tggrid {
    position: relative
}

.tggrid .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.tggrid .aside-lhs .icon-close:hover {
    color: red
}

.tggrid .sidebar .nav>li>.nav-item,
.tggrid .sidebar .nav>li>a {
    font-size: 12px
}

.tggrid .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.tggrid .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.tggrid .aside-rhs .nav-tabs.nav-justified>li>a,
.tggrid .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.tggrid .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.tggrid .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.tggrid .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.tggrid .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.tggrid .aside-lhs .nav-tabs.nav-justified>li>a,
.tggrid .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.tggrid .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.tggrid .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.tggrid .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.tggrid .lhs-open {
    margin-left: 0
}

.tggrid .main-lhs-open {
    margin-left: 300px
}

.tggrid .rhs-open {
    margin-right: 0
}

.tggrid .aside-dark {
    background-color: #3a3f51
}

.tggrid .main-rhs-open {
    margin-right: 800px
}

.tggrid .open>.dropdown-menu {
    display: block;
    margin-top: 30px
}

.tggrid td .btn {
    padding: 0 5px
}

.tggrid .popout {
    width: 250px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: absolute;
    z-index: 999;
    left: 43px
}

.tggrid .popout .popout-header {
    padding: 8px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background-color: #999;
    font-size: 13px;
    border-bottom: 1px solid #ddd
}

.tggrid .popout .popout-header .fa {
    font-size: 20px;
    color: #fff;
    right: 0
}

.tggrid .popout .popout-body {
    padding: 8px
}

.tggrid .popout .popout-body button {
    margin-top: 5px;
    width: 100%
}

.tggrid .popout .media-box-body p {
    line-height: 14px
}

.tggrid .popout .is-group {
    padding: 0 !important
}

.tggrid .popout .is-group .group {
    background: #23b7e5;
    color: #fff;
    padding: 5px 5px 5px 15px
}

.tggrid .popout .item-controls {
    display: none
}

.tggrid .popout .list-group-item:hover .item-controls {
    display: block
}

.tggrid .popout .is-slice {
    padding: 5px 5px 5px 30px !important
}

.tggrid .popout-450 {
    width: 450px
}

.tggrid .popout-header-dark {
    background: #bbb
}

.tggrid .avail-fields-flyout {
    position: fixed;
    right: 800px;
    top: 56px;
    width: 300px;
    bottom: -56px;
    border-radius: 0;
    background: #efefef;
    border: 1px solid #ddd
}

.tggrid .isQuickFilter {
    border-bottom: 1px dotted #08c;
    text-decoration: none;
    font-style: italic
}

.tggrid .dropzone {
    min-height: 35px
}

.tggrid .grid-item-form {
    background: #efefef;
    padding: 5px
}

.tggrid .submitter {
    padding: 100px;
    text-align: center;
    color: #dde6e9;
    font-size: 20px
}

.tggrid .neg-money {
    color: #d60000
}

.tggrid .table-data .table thead tr th {
    padding: 11px 5px 5px;
    background: #f5f7fa
}

.tggrid .table-data .table thead tr th .neg-money {
    color: #d60000
}

.tggrid .table-data .table tbody tr.head th {
    padding: 11px 5px 5px;
    background: #f5f7fa
}

.tggrid .table-data .table tbody tr td {
    border: 0;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
    vertical-align: top;
    padding: 3px 5px
}

.tggrid .table-data .table tbody tr td .btn-xs {
    font-size: 9px
}

.tggrid .table-data .table tbody tr td .icon-check,
.tggrid .table-data .table tbody tr td .icon-close {
    font-size: 13px;
    line-height: 0;
    vertical-align: middle
}

.tggrid .table-data .table tbody tr td div {
    display: inline
}

.tggrid .table-data .table tbody tr td div .neg-money {
    color: #d60000
}

.tggrid .table-data .table tbody tr td h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 13px
}

.tggrid .table-data .table tbody tr td.calc-field {
    background: #fff8db
}

.tggrid .table-data .table tbody tr td.rowspan {
    border-top: none
}

.tggrid .table-data .table tbody tr td.edit-cell {
    background: #eee
}

.tggrid .table-data .table tbody tr td.edit-cell:hover {
    cursor: pointer;
    background: #d5d5d5
}

.tggrid .table-data .table tbody tr td:hover {
    cursor: pointer;
    background: #e1e1e1 !important
}

.tggrid .table-data .table tbody tr.selected-row {
    background: #f0fff0 !important
}

.tggrid .table-data .table tbody tr.grouper {
    background: #ddd;
    font-weight: 700
}

.tggrid .table-data .table tr.spacer {
    height: 18px
}

.tggrid .table-data .table tr.spacer td {
    border: none
}

.tggrid .table-data .table tr.spacer:hover {
    background: transparent
}

.tggrid .skinny .list-group-item {
    font-size: 90%;
    padding: 6px;
    border-right: none;
    border-left: none
}

.tggrid .skinny .panel-body {
    padding: 0;
    background: #fff
}

.tggrid .skinny .panel-footer {
    padding: 4px
}

.tggrid .list-inline .form-control {
    font-size: 85%;
    padding: 3px 2px 2px 8px
}

.tggrid .list-inline input {
    height: auto
}

.tggrid .list-inline select {
    height: 200px
}

.tggrid .filters {
    padding: 0;
    background: #efefef;
    overflow: auto;
    line-height: 1;
    margin: 0;
    white-space: nowrap
}

.tggrid .filters .lbl {
    font-size: 11px
}

.tggrid .filters form {
    padding: 5px;
    background: #f4f4f4;
    margin-bottom: 5px
}

.tggrid .filters ul {
    margin-left: 10px
}

.tggrid .user-form .ng-invalid.ng-touched {
    border-bottom-color: red;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    background: #fed0d3
}

.tggrid .user-form fieldset {
    z-index: 999;
    padding-bottom: 7px;
    margin-bottom: 7px
}

.tggrid .user-form .form-label {
    font-size: 80%;
    margin-bottom: 4px
}

.tggrid .user-form .form-label .combo-actions {
    display: none
}

.tggrid .user-form .form-group .chosen-single {
    height: 31px !important
}

.tggrid .user-form .form-group .form-control {
    font-size: 90%
}

.tggrid .user-form .form-group .uib-time .form-control {
    font-size: 12px
}

.tggrid .user-form .form-label:hover .combo-actions {
    display: inline
}

.iron-page {
    position: relative
}

.iron-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.iron-page .aside-lhs .icon-close:hover {
    color: red
}

.iron-page .sidebar .nav>li>.nav-item,
.iron-page .sidebar .nav>li>a {
    font-size: 12px
}

.iron-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.iron-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.iron-page .aside-rhs .nav-tabs.nav-justified>li>a,
.iron-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.iron-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.iron-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.iron-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.iron-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.iron-page .aside-lhs .nav-tabs.nav-justified>li>a,
.iron-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.iron-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.iron-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.iron-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.iron-page .lhs-open {
    margin-left: 0
}

.iron-page .main-lhs-open {
    margin-left: 300px
}

.iron-page .rhs-open {
    margin-right: 0
}

.iron-page .aside-dark {
    background-color: #3a3f51
}

.iron-page .main-rhs-open {
    margin-right: 800px
}

.iron-page .content {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.status-page {
    position: relative
}

.status-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.status-page .aside-lhs .icon-close:hover {
    color: red
}

.status-page .sidebar .nav>li>.nav-item,
.status-page .sidebar .nav>li>a {
    font-size: 12px
}

.status-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.status-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.status-page .aside-rhs .nav-tabs.nav-justified>li>a,
.status-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.status-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.status-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.status-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.status-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.status-page .aside-lhs .nav-tabs.nav-justified>li>a,
.status-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.status-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.status-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.status-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.status-page .lhs-open {
    margin-left: 0
}

.status-page .main-lhs-open {
    margin-left: 300px
}

.status-page .rhs-open {
    margin-right: 0
}

.status-page .aside-dark {
    background-color: #3a3f51
}

.status-page .main-rhs-open {
    margin-right: 800px
}

.status-page .content {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.admin-user .module-wrapper {
    background: #f7f7f7 url(//assets.touchpointglobal.com/dnata/az4vhccgup90haa/bg.jpg) no-repeat 50%;
    background-attachment: fixed;
    background-size: cover;
    min-height: 800px
}

.admin-user .module-wrapper p {
    color: #fff
}

.admin-user .module-wrapper .module-container {
    position: absolute;
    top: 8%;
    border-radius: 10px;
    left: 50%;
    margin: 0 auto;
    margin-left: -350px;
    padding: 10px;
    z-index: 2;
    width: 700px;
    background-color: rgba(0, 0, 0, .5)
}

.admin-user .module-wrapper .module-container .close {
    position: absolute;
    top: 10px;
    right: 10px
}

.admin-user .module-wrapper .module-container .close a {
    color: #fff
}

.admin-user .module-wrapper .module-container .close a .fa {
    font-size: 28px
}

.admin-user .module-wrapper .module-container .logo {
    text-align: center
}

.admin-user .module-wrapper .module-container .logo img {
    height: 55px;
    display: inline-block;
    vertical-align: middle
}

.admin-user .module-wrapper .module-container .logo h1 {
    font-size: 19px;
    margin-top: 10px;
    font-weight: 400;
    color: #fff
}

.admin-user .module-wrapper .module-container .modules {
    padding: 50px
}

.admin-user .module-wrapper .module-container .modules .item {
    text-align: center;
    margin-bottom: 0;
    height: 180px;
    width: 100%
}

.admin-user .module-wrapper .module-container .modules .item img {
    border-radius: 5px
}

.admin-user .module-wrapper .module-container .modules .item .name {
    text-align: center;
    color: #fff;
    padding: 5px 5px 30px
}

.aircraft-library .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.aircraft-library .aside-lhs .icon-close:hover {
    color: red
}

.aircraft-library .sidebar .nav>li>.nav-item,
.aircraft-library .sidebar .nav>li>a {
    font-size: 12px
}

.aircraft-library .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.aircraft-library .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.aircraft-library .aside-rhs .nav-tabs.nav-justified>li>a,
.aircraft-library .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.aircraft-library .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.aircraft-library .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.aircraft-library .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.aircraft-library .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.aircraft-library .aside-lhs .nav-tabs.nav-justified>li>a,
.aircraft-library .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.aircraft-library .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.aircraft-library .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.aircraft-library .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.aircraft-library .lhs-open {
    margin-left: 0
}

.aircraft-library .main-lhs-open {
    margin-left: 300px
}

.aircraft-library .rhs-open {
    margin-right: 0
}

.aircraft-library .aside-dark {
    background-color: #3a3f51
}

.aircraft-library .main-rhs-open {
    margin-right: 800px
}

.aircraft-library .aside-rhs {
    width: 400px !important
}

.aircraft-library .aside-rhs .btn-success {
    color: #fff;
    background-color: #24b145;
    border-color: #1f9c3d
}

.aircraft-library .main-rhs-open {
    margin-right: 400px !important
}

.aircraft-library .dirty {
    border: 1px dotted red !important
}

.aircraft-library .no-image-thumb,
.aircraft-library .thumb48 {
    margin-right: 10px;
    float: left
}

.aircraft-library .galleyTypeClass_16501,
.aircraft-library .galleyTypeClass_16501 a {
    background-color: rgba(179, 251, 169, .75) !important
}

.aircraft-library .galleyTypeClass_16502,
.aircraft-library .galleyTypeClass_16502 a {
    background-color: rgba(156, 231, 255, .7) !important
}

.aircraft-library .galleyTypeClass_16503,
.aircraft-library .galleyTypeClass_16503 a {
    background-color: hsla(58, 90%, 75%, .7) !important
}

.aircraft-library .ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.aircraft-library .ui-resizable-autohide .ui-resizable-handle,
.aircraft-library .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.aircraft-library .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.aircraft-library .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.aircraft-library .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.aircraft-library .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.aircraft-library .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.aircraft-library .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.aircraft-library .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.aircraft-library .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.aircraft-library .frame {
    position: relative;
    width: 100%;
    height: 1600px;
    overflow: auto;
    background: linear-gradient(90deg, #fff 4px, transparent 1%) 50%, linear-gradient(#fff 4px, transparent 1%) 50%, #cfcfcf;
    background-size: 5px 5px
}

.aircraft-library .frame .no-cart {
    opacity: .5
}

.aircraft-library .frame .draggable {
    padding: 4px;
    font-size: 9px;
    border-radius: 4px
}

.aircraft-library .frame .draggable:hover {
    opacity: 1
}

.aircraft-library .frame .NX {
    color: red
}

.aircraft-library .frame .EX {
    color: green
}

.aircraft-library .frame .dropzone {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    font-size: 11px
}

.aircraft-library .frame .fa-snowflake-o {
    color: #039be5;
    right: 5px
}

.aircraft-library .frame .fa-snowflake-o,
.aircraft-library .frame .splitable {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    bottom: 5px;
    position: absolute
}

.aircraft-library .frame .splitable {
    color: #ffa32e;
    left: 5px
}

.aircraft-library .frame .virutal-clock {
    position: absolute;
    top: 15px;
    right: 4px
}

.aircraft-library .frame .virutal-clock .fa-clock-o {
    font-size: 17px;
    font-weight: 700;
    color: #039be5;
    text-align: center
}

.aircraft-library .frame .virutal-clock .fa-inactive {
    opacity: .4
}

.aircraft-library .frame .virutal-clock .fa-clock-o:hover {
    opacity: 1;
    color: red;
    cursor: pointer
}

.aircraft-library .frame .default-pos {
    height: 100%
}

.aircraft-library .frame .default-pos .position {
    position: absolute;
    left: 3px;
    top: 3px;
    font-weight: 700
}

.aircraft-library .frame .default-pos .container-name {
    text-align: center;
    width: 100%;
    left: 0;
    cursor: pointer;
    position: absolute;
    top: 50%
}

.aircraft-library .frame .default-pos .position-weight {
    font-weight: 700 !important;
    text-decoration: no-underline
}

.aircraft-library .frame .STD_USTK .position-weight {
    position: absolute;
    right: 3px;
    font-size: 10px;
    top: 3px;
    font-weight: 700;
    cursor: pointer
}

.aircraft-library .frame .FXD_OVEN .container-name {
    top: 30%
}

.aircraft-library .frame .FXD_BEVR .container-name,
.aircraft-library .frame .FXD_BOIL .container-name {
    top: 33%
}

.aircraft-library .frame .FXD_BOIL .container-name {
    top: 39%
}

.aircraft-library .frame .BEN_330G1 .container-name {
    top: 4px
}

.aircraft-library .frame .zonelabel {
    color: red;
    font-size: 10px;
    left: 3px;
    cursor: pointer;
    position: absolute;
    top: 16px
}

.aircraft-library .frame .dropzone.-drop-possible {
    border-color: #666;
    opacity: 1 !important
}

.aircraft-library .frame .dropzone.-drop-over {
    background: #666;
    color: #fff
}

.aircraft-library .frame .draggable.-drop-possible {
    opacity: 1 !important
}

.aircraft-library .frame .has-zone {
    border: 2px dotted red !important
}

.aircraft-library .icon-lock {
    color: red
}

.aircraft-library .icon-check {
    color: green
}

.aircraft-library .aside-dark {
    top: 55px !important
}

.glp-container .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.glp-container .aside-lhs .icon-close:hover {
    color: red
}

.glp-container .sidebar .nav>li>.nav-item,
.glp-container .sidebar .nav>li>a {
    font-size: 12px
}

.glp-container .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.glp-container .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.glp-container .aside-rhs .nav-tabs.nav-justified>li>a,
.glp-container .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.glp-container .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.glp-container .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.glp-container .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.glp-container .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.glp-container .aside-lhs .nav-tabs.nav-justified>li>a,
.glp-container .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.glp-container .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.glp-container .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.glp-container .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.glp-container .lhs-open {
    margin-left: 0
}

.glp-container .main-lhs-open {
    margin-left: 300px
}

.glp-container .rhs-open {
    margin-right: 0
}

.glp-container .aside-dark {
    background-color: #3a3f51
}

.glp-container .main-rhs-open {
    margin-right: 800px
}

.glp-container .icon-lock {
    color: red
}

.glp-container .icon-check {
    color: green
}

.glp-container .aside-rhs {
    width: 400px !important
}

.glp-container .main-rhs-open {
    margin-right: 400px !important;
    margin-top: 20px
}

.glp-container .modal-lg {
    width: 90%
}

.glp-container .dirty {
    border: 1px dotted red !important
}

.glp-container .widget {
    background: rgba(0, 0, 0, .2)
}

.glp-container .widget h4 {
    color: #fff
}

.glp-container .container-frame {
    position: absolute;
    top: 0;
    right: 2px;
    left: 2px;
    z-index: 1;
    border-top: 2px solid #e5e4e2;
    border-right: 2px solid #e5e4e2;
    border-left: 2px solid #e5e4e2
}

.glp-container .container-frame .rungs .left,
.glp-container .container-frame .rungs .right {
    float: left;
    width: 50%;
    height: 100%
}

.glp-container .container-frame .rungs .lbl-wrapper {
    width: 35px;
    display: block;
    height: 100%;
    text-align: center
}

.glp-container .container-frame .rungs .left .lbl-wrapper {
    border-right: 2px solid #e5e4e2
}

.glp-container .container-frame .rungs .right .lbl-wrapper {
    float: right;
    border-left: 2px solid #e5e4e2
}

.glp-container .drawer {
    xborder: 1px solid #ccc;
    margin-bottom: 4px
}

.glp-container .drawer .handle {
    cursor: move;
    color: #aaa;
    margin-right: 5px
}

.glp-container .drawer .drawerHeader {
    padding: 5px;
    font-size: 12px;
    background: #f0f8ff;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    white-space: nowrap
}

.glp-container .drawer .drawerHeader a {
    color: #485058
}

.glp-container .drawer .drawerHeader .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    color: #485058;
    display: none
}

.glp-container .drawer .drawerHeader .drawerHeader-buttons i {
    margin-right: 5px
}

.glp-container .drawer .drawerHeader-toolbar {
    padding: 5px;
    font-size: 12px;
    background: #dcdcdc;
    position: relative
}

.glp-container .drawer .drawerHeader-toolbar .status {
    position: absolute;
    line-height: 25px;
    right: 10px;
    top: 3px;
    font-weight: 700
}

.glp-container .drawer .drawerHeader-toolbar .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    display: none
}

.glp-container .drawer .drawerHeader-toolbar .drawerHeader-buttons i {
    margin-right: 5px
}

.glp-container .drawer .drawerHeader-toolbar .drawerHeader-buttons i:hover {
    color: #00ae00
}

.glp-container .drawer .drawerHeader:hover .drawerHeader-buttons {
    display: inline-block
}

.glp-container .drawer .drawerItems {
    padding: 3px
}

.glp-container .drawer .drawerItems li .product-buttons {
    position: absolute;
    right: 3px;
    top: 0;
    color: #767676;
    cursor: pointer;
    display: none
}

.glp-container .drawer .drawerItems li:hover {
    cursor: move
}

.glp-container .drawer .drawerItems li:hover .product-buttons {
    display: inline-block
}

.glp-container .drawer .drawerItems li:hover .product-buttons:hover {
    color: #db3933
}

.glp-container .content-wrapper {
    padding: 0 !important
}

.glp-container .layoutclass-block {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    width: 20px
}

.glp-container .drawerSmall {
    background: #b2dfdb;
    border: 1px solid #b6c2b7
}

.glp-container .drawerBig {
    background: #e8f5e9;
    border: 1px solid #b6c2b7
}

.glp-container .aside-dark {
    top: 55px !important
}

.glp-container .aside-dark .nav-tabs.nav-justified>li.active>a {
    color: #f5f5f5;
    background: rgba(0, 0, 0, .2)
}

.glp-container .aside-dark .panel-body {
    background: unset !important
}

.glp-container .aside-dark .tab-content>.tab-pane {
    padding-top: 10px
}

.glp-container .aside-dark .table>tbody>tr>td,
.glp-container .aside-dark .table>thead>tr>th {
    color: #f5f5f5
}

.glp-container .aside-dark .table-hover>tbody>tr:hover {
    background-color: rgba(0, 0, 0, .5)
}

.glp-container .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.glp-container .aside-lhs .icon-close:hover {
    color: red
}

.glp-container .sidebar .nav>li>.nav-item,
.glp-container .sidebar .nav>li>a {
    font-size: 12px
}

.glp-container .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.glp-container .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.glp-container .aside-rhs .nav-tabs.nav-justified>li>a,
.glp-container .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.glp-container .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.glp-container .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.glp-container .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.glp-container .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.glp-container .aside-lhs .nav-tabs.nav-justified>li>a,
.glp-container .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.glp-container .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.glp-container .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.glp-container .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.glp-container .lhs-open {
    margin-left: 0
}

.glp-container .main-lhs-open {
    margin-left: 300px
}

.glp-container .rhs-open {
    margin-right: 0
}

.glp-container .aside-dark {
    background-color: #3a3f51
}

.glp-container .main-rhs-open {
    margin-right: 800px
}

.glp-container .modal-lg {
    width: 90%
}

.glp-container .widget {
    background: rgba(0, 0, 0, .2)
}

.glp-container .widget h4 {
    color: #fff
}

.glp-container .container-frame {
    position: absolute;
    top: 0;
    right: 2px;
    left: 2px;
    z-index: 1;
    border-top: 2px solid #e5e4e2;
    border-right: 2px solid #e5e4e2;
    border-left: 2px solid #e5e4e2
}

.glp-container .container-frame .rungs .left,
.glp-container .container-frame .rungs .right {
    float: left;
    width: 50%;
    height: 100%
}

.glp-container .container-frame .rungs .lbl-wrapper {
    width: 35px;
    display: block;
    height: 100%;
    text-align: center
}

.glp-container .container-frame .rungs .left .lbl-wrapper {
    border-right: 2px solid #e5e4e2
}

.glp-container .container-frame .rungs .right .lbl-wrapper {
    float: right;
    border-left: 2px solid #e5e4e2
}

.glp-container .drawer {
    xborder: 1px solid #ccc;
    margin-bottom: 4px
}

.glp-container .drawer .handle {
    cursor: move;
    color: #aaa;
    margin-right: 5px
}

.glp-container .drawer .drawerHeader {
    padding: 5px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap
}

.glp-container .drawer .drawerHeader a {
    color: #485058
}

.glp-container .drawer .drawerHeader .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    color: #485058;
    display: none
}

.glp-container .drawer .drawerHeader .drawerHeader-buttons i {
    margin-right: 5px
}

.glp-container .drawer .drawerHeader-toolbar {
    padding: 5px;
    font-size: 12px;
    background: #dcdcdc;
    position: relative
}

.glp-container .drawer .drawerHeader-toolbar .status {
    position: absolute;
    line-height: 25px;
    right: 10px;
    top: 3px;
    font-weight: 700
}

.glp-container .drawer .drawerHeader-toolbar .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    display: none
}

.glp-container .drawer .drawerHeader-toolbar .drawerHeader-buttons i {
    margin-right: 5px
}

.glp-container .drawer .drawerHeader-toolbar .drawerHeader-buttons i:hover {
    color: #00ae00
}

.glp-container .drawer .drawerHeader:hover .drawerHeader-buttons {
    display: inline-block
}

.glp-container .drawer .drawerItems {
    padding: 3px
}

.glp-container .drawer .drawerItems li .product-buttons {
    position: absolute;
    right: 3px;
    top: 0;
    color: #767676;
    cursor: pointer;
    display: none
}

.glp-container .drawer .drawerItems li:hover {
    cursor: move
}

.glp-container .drawer .drawerItems li:hover .product-buttons {
    display: inline-block
}

.glp-container .drawer .drawerItems li:hover .product-buttons:hover {
    color: #db3933
}

.glp-container .drawer .drawerSmall {
    background: #b2dfdb;
    border: 1px solid #b6c2b7
}

.glp-container .drawer .drawerBig {
    background: #e8f5e9;
    border: 1px solid #b6c2b7
}

.container-library-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.container-library-page .aside-lhs .icon-close:hover {
    color: red
}

.container-library-page .sidebar .nav>li>.nav-item,
.container-library-page .sidebar .nav>li>a {
    font-size: 12px
}

.container-library-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.container-library-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.container-library-page .aside-rhs .nav-tabs.nav-justified>li>a,
.container-library-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.container-library-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.container-library-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.container-library-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.container-library-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.container-library-page .aside-lhs .nav-tabs.nav-justified>li>a,
.container-library-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.container-library-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.container-library-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.container-library-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.container-library-page .lhs-open {
    margin-left: 0
}

.container-library-page .main-lhs-open {
    margin-left: 300px
}

.container-library-page .rhs-open {
    margin-right: 0
}

.container-library-page .aside-dark {
    background-color: #3a3f51
}

.container-library-page .main-rhs-open {
    margin-right: 800px
}

.core-version .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.core-version .aside-lhs .icon-close:hover {
    color: red
}

.core-version .sidebar .nav>li>.nav-item,
.core-version .sidebar .nav>li>a {
    font-size: 12px
}

.core-version .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.core-version .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.core-version .aside-rhs .nav-tabs.nav-justified>li>a,
.core-version .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.core-version .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.core-version .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.core-version .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.core-version .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.core-version .aside-lhs .nav-tabs.nav-justified>li>a,
.core-version .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.core-version .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.core-version .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.core-version .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.core-version .lhs-open {
    margin-left: 0
}

.core-version .main-lhs-open {
    margin-left: 300px
}

.core-version .rhs-open {
    margin-right: 0
}

.core-version .aside-dark {
    background-color: #3a3f51
}

.core-version .main-rhs-open {
    margin-right: 800px
}

.core-version .icon-lock {
    color: red
}

.core-version .icon-check {
    color: green
}

.core-version .aside-rhs {
    margin-top: 0;
    width: 390px
}

.core-version .modal-lg {
    width: 90%
}

.core-version .content-wrapper {
    padding: 0
}

.core-version .widget {
    margin-bottom: 7px
}

.core-version .widget h4 {
    margin-bottom: 3px
}

.core-version .timeline-alt>li.timeline-separator:before {
    content: attr(data-datetime);
    display: inline-block;
    width: 160px;
    text-align: center;
    padding: 0 20px;
    line-height: 30px;
    background-color: #b6c5da;
    color: #fff
}

.core-version .popover-over .danger {
    background: #f84c76 !important;
    color: #fff
}

.core-version .popover-over .success {
    background: #5dde7b !important;
    color: #fff
}

.core-version .frame {
    position: relative;
    width: 100%;
    overflow: auto;
    background: linear-gradient(90deg, #fff 4px, transparent 1%) 50%, linear-gradient(#fff 4px, transparent 1%) 50%, #cfcfcf;
    background-size: 5px 5px
}

.core-version .frame .no-cart {
    opacity: .5
}

.core-version .frame .draggable {
    padding: 4px;
    font-size: 9px;
    border-radius: 4px
}

.core-version .frame .draggable:hover {
    opacity: 1
}

.core-version .frame .NX {
    color: red
}

.core-version .frame .EX {
    color: green
}

.core-version .frame .dropzone {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    font-size: 11px
}

.core-version .frame .fa-snowflake-o {
    color: #039be5;
    right: 5px
}

.core-version .frame .fa-snowflake-o,
.core-version .frame .splitable {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    bottom: 14px;
    position: absolute
}

.core-version .frame .splitable {
    color: #ffa32e;
    left: 5px
}

.core-version .frame .virutal-clock {
    position: absolute;
    top: 15px;
    right: 4px
}

.core-version .frame .virutal-clock .fa-clock-o {
    font-size: 17px;
    font-weight: 700;
    color: #039be5;
    text-align: center
}

.core-version .frame .virutal-clock .fa-inactive {
    opacity: .4
}

.core-version .frame .virutal-clock .fa-clock-o:hover {
    opacity: 1;
    color: red;
    cursor: pointer
}

.core-version .frame .default-pos {
    height: 100%
}

.core-version .frame .default-pos .position {
    position: absolute;
    left: 3px;
    top: 3px;
    font-weight: 700
}

.core-version .frame .default-pos .container-name {
    text-align: center;
    width: 100%;
    left: 0;
    cursor: pointer;
    position: absolute;
    top: 50%
}

.core-version .frame .default-pos .container-name a {
    display: none
}

.core-version .frame .default-pos .position-weight {
    font-weight: 700 !important;
    text-decoration: no-underline
}

.core-version .frame .STD_USTK .position-weight {
    position: absolute;
    right: 3px;
    font-size: 10px;
    top: 3px;
    font-weight: 700;
    cursor: pointer
}

.core-version .frame .FXD_OVEN .container-name {
    top: 30%
}

.core-version .frame .FXD_BEVR .container-name,
.core-version .frame .FXD_BOIL .container-name {
    top: 33%
}

.core-version .frame .FXD_BOIL .container-name {
    top: 39%
}

.core-version .frame .BEN_330G1 .container-name {
    top: 4px
}

.core-version .frame .zonelabel {
    color: red;
    font-size: 10px;
    left: 3px;
    cursor: pointer;
    position: absolute;
    top: 16px
}

.core-version .frame .dropzone.-drop-possible {
    border-color: #666;
    opacity: 1 !important
}

.core-version .frame .dropzone.-drop-over {
    background: #666;
    color: #fff
}

.core-version .frame .draggable.-drop-possible {
    opacity: 1 !important
}

.core-version .frame .has-zone {
    border: 2px dotted red !important
}

.core-version .frame .selected {
    border: 2px solid #1b8734 !important;
    background: #5dde7b !important
}

.core-version .frame .saving {
    border: 2px solid #a5062d !important;
    background: #f84c76 !important
}

.core-version .aside-dark {
    top: 55px !important
}

.core-version .flyout-container .container-frame {
    position: absolute;
    top: 0;
    right: 2px;
    left: 2px;
    z-index: 1;
    border-top: 2px solid #e5e4e2;
    border-right: 2px solid #e5e4e2;
    border-left: 2px solid #e5e4e2
}

.core-version .flyout-container .container-frame .rungs .left,
.core-version .flyout-container .container-frame .rungs .right {
    float: left;
    width: 50%;
    height: 100%
}

.core-version .flyout-container .container-frame .rungs .lbl-wrapper {
    width: 35px;
    display: block;
    height: 100%;
    text-align: center
}

.core-version .flyout-container .container-frame .rungs .left .lbl-wrapper {
    border-right: 2px solid #e5e4e2
}

.core-version .flyout-container .container-frame .rungs .right .lbl-wrapper {
    float: right;
    border-left: 2px solid #e5e4e2
}

.core-version .flyout-container .drawer {
    xborder: 1px solid #ccc;
    margin-bottom: 4px
}

.core-version .flyout-container .drawer .handle {
    cursor: move;
    color: #aaa;
    margin-right: 5px
}

.core-version .flyout-container .drawer .drawerHeader {
    padding: 5px;
    font-size: 12px;
    background: #f0f8ff;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    white-space: nowrap
}

.core-version .flyout-container .drawer .drawerHeader a {
    color: #485058
}

.core-version .flyout-container .drawer .drawerHeader .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    color: #485058;
    display: none
}

.core-version .flyout-container .drawer .drawerHeader .drawerHeader-buttons i {
    margin-right: 5px
}

.core-version .flyout-container .drawer .drawerHeader-toolbar {
    padding: 5px;
    font-size: 12px;
    background: #dcdcdc;
    position: relative
}

.core-version .flyout-container .drawer .drawerHeader-toolbar .status {
    position: absolute;
    line-height: 25px;
    right: 10px;
    top: 3px;
    font-weight: 700
}

.core-version .flyout-container .drawer .drawerHeader-toolbar .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    display: none
}

.core-version .flyout-container .drawer .drawerHeader-toolbar .drawerHeader-buttons i {
    margin-right: 5px
}

.core-version .flyout-container .drawer .drawerHeader-toolbar .drawerHeader-buttons i:hover {
    color: #00ae00
}

.core-version .flyout-container .drawer .drawerHeader:hover .drawerHeader-buttons {
    display: inline-block
}

.core-version .flyout-container .drawer .drawerItems {
    padding: 3px
}

.core-version .flyout-container .drawer .drawerItems li .product-buttons {
    position: absolute;
    right: 3px;
    top: 0;
    color: #767676;
    cursor: pointer;
    display: none
}

.core-version .flyout-container .drawer .drawerItems li:hover {
    cursor: move
}

.core-version .flyout-container .drawer .drawerItems li:hover .product-buttons {
    display: inline-block
}

.core-version .flyout-container .drawer .drawerItems li:hover .product-buttons:hover {
    color: #db3933
}

.core-version .flyout-container .content-wrapper {
    padding: 0 !important
}

.core-version .flyout-container .layoutclass-block {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    width: 20px
}

.core-version .flyout-container .drawerSmall {
    background: #b2dfdb;
    border: 1px solid #b6c2b7
}

.core-version .flyout-container .drawerBig {
    background: #e8f5e9;
    border: 1px solid #b6c2b7
}

.core-version .modal-dialog {
    width: 768px !important
}

.core-version .modal-dialog .modal-content {
    background-color: #ebeef0;
    min-height: 600px
}

.core-version .modal-dialog .modal-content .rhs .fa {
    margin-right: 5px;
    color: #64747e;
    position: absolute;
    top: 7px;
    font-size: 17px
}

.core-version .modal-dialog .modal-content .rhs .button-txt {
    margin-left: 22px
}

.core-version .modal-dialog .modal-content .modal-body {
    padding-bottom: 50px !important
}

.core-version .modal-dialog .modal-content .popout {
    width: 250px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: absolute;
    z-index: 999;
    left: 43px
}

.core-version .modal-dialog .modal-content .popout .popout-header {
    padding: 8px;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px solid #ddd
}

.core-version .modal-dialog .modal-content .popout .popout-header .fa {
    font-size: 20px;
    right: 0
}

.core-version .modal-dialog .modal-content .popout .popout-body {
    padding: 8px
}

.core-version .modal-dialog .modal-content .popout .popout-body button {
    margin-top: 5px;
    width: 100%
}

.core-version .modal-dialog .modal-content .member {
    background-color: #dfe3e6;
    border-radius: 25em;
    color: #17394d;
    cursor: pointer;
    display: block;
    float: left;
    height: 32px;
    margin: 0 4px 4px 0;
    overflow: visible;
    position: relative;
    width: 32px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

.core-version .modal-dialog .modal-content .member .member-initials {
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    left: 0;
    line-height: 32px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.core-version .modal-dialog .modal-content .comment-controls {
    margin-bottom: 5px
}

.core-version .modal-dialog .modal-content .comment-controls a {
    margin-right: 8px;
    font-size: 11px;
    cursor: pointer;
    color: #909fa7 !important;
    text-decoration: underline
}

.core-version .modal-dialog .modal-content .action-comment {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px -1px rgba(9, 45, 66, .25), 0 0 0 1px rgba(9, 45, 66, .08);
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    margin: 4px 2px 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.core-version .modal-dialog .modal-content .action-comment .comment {
    padding: 8px 12px;
    white-space: pre-wrap
}

.core-version .modal-dialog .modal-content .button-link {
    background-color: #dfe3e6;
    box-shadow: 0 1px 0 0 #c2ccd1;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-weight: 700;
    height: 32px;
    margin-top: 8px;
    max-width: 300px;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 85ms;
    transition-timing-function: ease
}

.core-version .modal-dialog .modal-content .button-link:hover {
    cursor: pointer;
    background-color: #cbcfd2
}

.core-version .modal-dialog .modal-content a {
    color: #17394d
}

.core-version .modal-dialog .modal-content .line-item {
    border-bottom: 1px solid rgba(9, 45, 66, .13);
    min-height: 50px;
    margin-bottom: 10px
}

.core-version .modal-dialog .modal-content .section h4 {
    margin-bottom: 20px
}

.core-version-galley-virtual .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.core-version-galley-virtual .aside-lhs .icon-close:hover {
    color: red
}

.core-version-galley-virtual .sidebar .nav>li>.nav-item,
.core-version-galley-virtual .sidebar .nav>li>a {
    font-size: 12px
}

.core-version-galley-virtual .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.core-version-galley-virtual .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.core-version-galley-virtual .aside-rhs .nav-tabs.nav-justified>li>a,
.core-version-galley-virtual .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.core-version-galley-virtual .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.core-version-galley-virtual .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.core-version-galley-virtual .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.core-version-galley-virtual .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.core-version-galley-virtual .aside-lhs .nav-tabs.nav-justified>li>a,
.core-version-galley-virtual .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.core-version-galley-virtual .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.core-version-galley-virtual .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.core-version-galley-virtual .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.core-version-galley-virtual .lhs-open {
    margin-left: 0
}

.core-version-galley-virtual .main-lhs-open {
    margin-left: 300px
}

.core-version-galley-virtual .rhs-open {
    margin-right: 0
}

.core-version-galley-virtual .aside-dark {
    background-color: #3a3f51
}

.core-version-galley-virtual .main-rhs-open {
    margin-right: 800px
}

.core-version-galley-virtual .icon-lock {
    color: red
}

.core-version-galley-virtual .icon-check {
    color: green
}

.core-version-galley-virtual .flyout-container .container-frame {
    position: absolute;
    top: 0;
    right: 2px;
    left: 2px;
    z-index: 1;
    border-top: 2px solid #e5e4e2;
    border-right: 2px solid #e5e4e2;
    border-left: 2px solid #e5e4e2
}

.core-version-galley-virtual .flyout-container .container-frame .rungs .left,
.core-version-galley-virtual .flyout-container .container-frame .rungs .right {
    float: left;
    width: 50%;
    height: 100%
}

.core-version-galley-virtual .flyout-container .container-frame .rungs .lbl-wrapper {
    width: 35px;
    display: block;
    height: 100%;
    text-align: center
}

.core-version-galley-virtual .flyout-container .container-frame .rungs .left .lbl-wrapper {
    border-right: 2px solid #e5e4e2
}

.core-version-galley-virtual .flyout-container .container-frame .rungs .right .lbl-wrapper {
    float: right;
    border-left: 2px solid #e5e4e2
}

.core-version-galley-virtual .flyout-container .drawer {
    xborder: 1px solid #ccc;
    margin-bottom: 4px
}

.core-version-galley-virtual .flyout-container .drawer .handle {
    cursor: move;
    color: #aaa;
    margin-right: 5px
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader {
    padding: 5px;
    font-size: 12px;
    background: #f0f8ff;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    white-space: nowrap
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader a {
    color: #485058
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    color: #485058;
    display: none
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader .drawerHeader-buttons i {
    margin-right: 5px
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader-toolbar {
    padding: 5px;
    font-size: 12px;
    background: #dcdcdc;
    position: relative
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader-toolbar .status {
    position: absolute;
    line-height: 25px;
    right: 10px;
    top: 3px;
    font-weight: 700
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader-toolbar .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    display: none
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader-toolbar .drawerHeader-buttons i {
    margin-right: 5px
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader-toolbar .drawerHeader-buttons i:hover {
    color: #00ae00
}

.core-version-galley-virtual .flyout-container .drawer .drawerHeader:hover .drawerHeader-buttons {
    display: inline-block
}

.core-version-galley-virtual .flyout-container .drawer .drawerItems {
    padding: 3px
}

.core-version-galley-virtual .flyout-container .drawer .drawerItems li .product-buttons {
    position: absolute;
    right: 3px;
    top: 0;
    color: #767676;
    cursor: pointer;
    display: none
}

.core-version-galley-virtual .flyout-container .drawer .drawerItems li:hover {
    cursor: move
}

.core-version-galley-virtual .flyout-container .drawer .drawerItems li:hover .product-buttons {
    display: inline-block
}

.core-version-galley-virtual .flyout-container .drawer .drawerItems li:hover .product-buttons:hover {
    color: #db3933
}

.core-version-galley-virtual .flyout-container .content-wrapper {
    padding: 0 !important
}

.core-version-galley-virtual .flyout-container .layoutclass-block {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    width: 20px
}

.core-version-galley-virtual .flyout-container .drawerSmall {
    background: #b2dfdb;
    border: 1px solid #b6c2b7
}

.core-version-galley-virtual .flyout-container .drawerBig {
    background: #e8f5e9;
    border: 1px solid #b6c2b7
}

.galley-plans-page {
    position: relative
}

.galley-plans-page .wrappr {
    background: red
}

.galley-plans-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.galley-plans-page .aside-lhs .icon-close:hover {
    color: red
}

.galley-plans-page .sidebar .nav>li>.nav-item,
.galley-plans-page .sidebar .nav>li>a {
    font-size: 12px
}

.galley-plans-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.galley-plans-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.galley-plans-page .aside-rhs .nav-tabs.nav-justified>li>a,
.galley-plans-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.galley-plans-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.galley-plans-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.galley-plans-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.galley-plans-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.galley-plans-page .aside-lhs .nav-tabs.nav-justified>li>a,
.galley-plans-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.galley-plans-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.galley-plans-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.galley-plans-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.galley-plans-page .lhs-open {
    margin-left: 0
}

.galley-plans-page .main-lhs-open {
    margin-left: 300px
}

.galley-plans-page .rhs-open {
    margin-right: 0
}

.galley-plans-page .aside-dark {
    background-color: #3a3f51
}

.galley-plans-page .main-rhs-open {
    margin-right: 800px
}

.galley-plans-page .main-lhs-open {
    margin-left: 0
}

.galley-plans-page .content {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.galley-plans-page .sidebar table {
    width: 100%
}

.galley-plans-page .sidebar table td {
    padding: 5px;
    font-size: 11px
}

.galley-plans-page .timeline-alt>li.timeline-separator:before {
    content: attr(data-datetime);
    display: inline-block;
    width: 160px;
    text-align: center;
    padding: 0 20px;
    line-height: 30px;
    background-color: #b6c5da;
    color: #fff
}

.galley-plans-page .popover-over .danger {
    background: #f84c76 !important;
    color: #fff
}

.galley-plans-page .popover-over .success {
    background: #5dde7b !important;
    color: #fff
}

.galley-plans-page .frame {
    position: relative;
    width: 100%;
    height: 800px;
    overflow: auto
}

.galley-plans-page .frame .no-cart {
    opacity: .5
}

.galley-plans-page .frame .draggable {
    padding: 4px;
    font-size: 9px;
    border-radius: 4px
}

.galley-plans-page .frame .draggable:hover {
    opacity: 1
}

.galley-plans-page .frame .NX {
    color: red
}

.galley-plans-page .frame .EX {
    color: green
}

.galley-plans-page .frame .dropzone {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    font-size: 11px
}

.galley-plans-page .frame .fa-snowflake-o {
    font-size: 17px;
    font-weight: 700;
    color: #039be5;
    right: 5px;
    text-align: center;
    bottom: 14px;
    position: absolute
}

.galley-plans-page .frame .splitable {
    font-size: 17px;
    font-weight: 700;
    color: #ffa32e;
    left: 5px;
    text-align: center;
    bottom: 14px;
    position: absolute
}

.galley-plans-page .frame .virutal-clock {
    position: absolute;
    top: 15px;
    right: 4px
}

.galley-plans-page .frame .virutal-clock .fa-clock-o {
    font-size: 17px;
    font-weight: 700;
    color: #039be5;
    text-align: center
}

.galley-plans-page .frame .virutal-clock .fa-inactive {
    opacity: .4
}

.galley-plans-page .frame .virutal-clock .fa-clock-o:hover {
    opacity: 1;
    color: red;
    cursor: pointer
}

.galley-plans-page .frame .default-pos {
    height: 100%
}

.galley-plans-page .frame .default-pos .position {
    position: absolute;
    left: 3px;
    top: 3px;
    font-weight: 700
}

.galley-plans-page .frame .default-pos .container-name {
    text-align: center;
    width: 100%;
    left: 0;
    cursor: pointer;
    position: absolute;
    top: 50%
}

.galley-plans-page .frame .default-pos .container-name a {
    display: none
}

.galley-plans-page .frame .default-pos .position-weight {
    font-weight: 700 !important;
    text-decoration: no-underline
}

.galley-plans-page .frame .STD_USTK .position-weight {
    position: absolute;
    right: 3px;
    font-size: 10px;
    top: 3px;
    font-weight: 700;
    cursor: pointer
}

.galley-plans-page .frame .FXD_OVEN .container-name {
    top: 30%
}

.galley-plans-page .frame .FXD_BEVR .container-name,
.galley-plans-page .frame .FXD_BOIL .container-name {
    top: 33%
}

.galley-plans-page .frame .FXD_BOIL .container-name {
    top: 39%
}

.galley-plans-page .frame .BEN_330G1 .container-name {
    top: 4px
}

.galley-plans-page .frame .zonelabel {
    color: red;
    font-size: 10px;
    left: 3px;
    cursor: pointer;
    position: absolute;
    top: 16px
}

.galley-plans-page .frame .dropzone.-drop-possible {
    border-color: #666;
    opacity: 1 !important
}

.galley-plans-page .frame .dropzone.-drop-over {
    background: #666;
    color: #fff
}

.galley-plans-page .frame .draggable.-drop-possible {
    opacity: 1 !important
}

.galley-plans-page .frame .has-zone {
    border: 2px dotted red !important
}

.galley-plans-page .frame .selected {
    border: 2px solid #1b8734 !important;
    background: #5dde7b !important
}

.galley-plans-page .frame .saving {
    border: 2px solid #a5062d !important;
    background: #f84c76 !important
}

.glp-product .big,
.glp-product .product-qty {
    font-size: 20px;
    font-weight: 700
}

.glp-product .page-header {
    margin: 0
}

.glp-product .page-header .label {
    margin-left: 10px
}

.product-library-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.product-library-page .aside-lhs .icon-close:hover {
    color: red
}

.product-library-page .sidebar .nav>li>.nav-item,
.product-library-page .sidebar .nav>li>a {
    font-size: 12px
}

.product-library-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.product-library-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.product-library-page .aside-rhs .nav-tabs.nav-justified>li>a,
.product-library-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.product-library-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.product-library-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.product-library-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.product-library-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.product-library-page .aside-lhs .nav-tabs.nav-justified>li>a,
.product-library-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.product-library-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.product-library-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.product-library-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.product-library-page .lhs-open {
    margin-left: 0
}

.product-library-page .main-lhs-open {
    margin-left: 300px
}

.product-library-page .rhs-open {
    margin-right: 0
}

.product-library-page .aside-dark {
    background-color: #3a3f51
}

.product-library-page .main-rhs-open {
    margin-right: 800px
}

.glp-releases {
    position: relative
}

.glp-releases .wrappr {
    background: red
}

.glp-releases .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.glp-releases .aside-lhs .icon-close:hover {
    color: red
}

.glp-releases .sidebar .nav>li>.nav-item,
.glp-releases .sidebar .nav>li>a {
    font-size: 12px
}

.glp-releases .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.glp-releases .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.glp-releases .aside-rhs .nav-tabs.nav-justified>li>a,
.glp-releases .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.glp-releases .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.glp-releases .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.glp-releases .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.glp-releases .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.glp-releases .aside-lhs .nav-tabs.nav-justified>li>a,
.glp-releases .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.glp-releases .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.glp-releases .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.glp-releases .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.glp-releases .lhs-open {
    margin-left: 0
}

.glp-releases .main-lhs-open {
    margin-left: 300px
}

.glp-releases .rhs-open {
    margin-right: 0
}

.glp-releases .aside-dark {
    background-color: #3a3f51
}

.glp-releases .main-rhs-open {
    margin-right: 800px
}

.glp-releases .modal-dialog {
    width: 768px !important
}

.glp-releases .modal-dialog .modal-content {
    background-color: #ebeef0
}

.glp-releases .modal-dialog .modal-content .rhs .fa {
    margin-right: 5px;
    color: #64747e;
    position: absolute;
    top: 7px;
    font-size: 17px
}

.glp-releases .modal-dialog .modal-content .rhs .button-txt {
    margin-left: 22px
}

.glp-releases .modal-dialog .modal-content .modal-body {
    padding-bottom: 50px !important
}

.glp-releases .modal-dialog .modal-content .popout {
    width: 250px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: absolute;
    z-index: 999;
    left: 43px
}

.glp-releases .modal-dialog .modal-content .popout .popout-header {
    padding: 8px;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px solid #ddd
}

.glp-releases .modal-dialog .modal-content .popout .popout-header .fa {
    font-size: 20px;
    right: 0
}

.glp-releases .modal-dialog .modal-content .popout .popout-body {
    padding: 8px
}

.glp-releases .modal-dialog .modal-content .popout .popout-body button {
    margin-top: 5px;
    width: 100%
}

.glp-releases .modal-dialog .modal-content .member {
    background-color: #dfe3e6;
    border-radius: 25em;
    color: #17394d;
    cursor: pointer;
    display: block;
    float: left;
    height: 32px;
    margin: 0 4px 4px 0;
    overflow: visible;
    position: relative;
    width: 32px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

.glp-releases .modal-dialog .modal-content .member .member-initials {
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    left: 0;
    line-height: 32px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.glp-releases .modal-dialog .modal-content .comment-controls {
    margin-bottom: 5px
}

.glp-releases .modal-dialog .modal-content .comment-controls a {
    margin-right: 8px;
    font-size: 11px;
    cursor: pointer;
    color: #909fa7 !important;
    text-decoration: underline
}

.glp-releases .modal-dialog .modal-content .action-comment {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px -1px rgba(9, 45, 66, .25), 0 0 0 1px rgba(9, 45, 66, .08);
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    margin: 4px 2px 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.glp-releases .modal-dialog .modal-content .action-comment .comment {
    padding: 8px 12px;
    white-space: pre-wrap
}

.glp-releases .modal-dialog .modal-content .button-link {
    background-color: #dfe3e6;
    box-shadow: 0 1px 0 0 #c2ccd1;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-weight: 700;
    height: 32px;
    margin-top: 8px;
    max-width: 300px;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 85ms;
    transition-timing-function: ease
}

.glp-releases .modal-dialog .modal-content .button-link:hover {
    cursor: pointer;
    background-color: #cbcfd2
}

.glp-releases .modal-dialog .modal-content a {
    color: #17394d
}

.glp-releases .modal-dialog .modal-content .line-item {
    border-bottom: 1px solid rgba(9, 45, 66, .13);
    min-height: 50px;
    margin-bottom: 10px
}

.glp-releases .modal-dialog .modal-content .section h4 {
    margin-bottom: 20px
}

.glp-releases .trello_col {
    background: #f6f6f6;
    border-radius: 4px;
    border: 1px solid #efefef;
    min-height: 9000px
}

.glp-releases .trello_col .trello_header {
    padding: 5px
}

.glp-releases .trello_col .trello_items {
    padding: 6px
}

.glp-releases .trello_col .trello_header_warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.glp-releases .trello_col .trello_header_info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.glp-releases .trello_col .trello_header_success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.glp-releases .trello_col .trello_header_default {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.glp-releases .trello_col .trello_item {
    min-height: 50px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(9, 45, 66, .25);
    border: 1px solid #dfe3e6;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    cursor: move
}

.glp-releases .trello_col .trello_item .title {
    font-size: 90%
}

.glp-releases .trello_col .trello_item small {
    display: block
}

.glp-releases .trello_col .trello_item .lock-flag {
    color: red;
    position: absolute;
    right: 5px;
    bottom: 0;
    font-size: 20px;
    opacity: .2
}

.glp-releases .trello_col .trello_item_placeholder {
    background: #efefef;
    min-height: 70px;
    border: 2px dashed #ddd
}

.glp-releases .handle {
    float: left;
    margin-right: 6px
}

.glp-releases .content {
    background: #fff;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.glp-releases .panel .panel-body small {
    display: block
}

.glp-releases .sidebar table {
    width: 100%
}

.glp-releases .sidebar table td {
    padding: 5px;
    font-size: 11px
}

.sub-container-library-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.sub-container-library-page .aside-lhs .icon-close:hover {
    color: red
}

.sub-container-library-page .sidebar .nav>li>.nav-item,
.sub-container-library-page .sidebar .nav>li>a {
    font-size: 12px
}

.sub-container-library-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.sub-container-library-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.sub-container-library-page .aside-rhs .nav-tabs.nav-justified>li>a,
.sub-container-library-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.sub-container-library-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.sub-container-library-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.sub-container-library-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.sub-container-library-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.sub-container-library-page .aside-lhs .nav-tabs.nav-justified>li>a,
.sub-container-library-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.sub-container-library-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.sub-container-library-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.sub-container-library-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.sub-container-library-page .lhs-open {
    margin-left: 0
}

.sub-container-library-page .main-lhs-open {
    margin-left: 300px
}

.sub-container-library-page .rhs-open {
    margin-right: 0
}

.sub-container-library-page .aside-dark {
    background-color: #3a3f51
}

.sub-container-library-page .main-rhs-open {
    margin-right: 800px
}

.glp-subcontainer .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.glp-subcontainer .aside-lhs .icon-close:hover {
    color: red
}

.glp-subcontainer .sidebar .nav>li>.nav-item,
.glp-subcontainer .sidebar .nav>li>a {
    font-size: 12px
}

.glp-subcontainer .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.glp-subcontainer .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.glp-subcontainer .aside-rhs .nav-tabs.nav-justified>li>a,
.glp-subcontainer .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.glp-subcontainer .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.glp-subcontainer .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.glp-subcontainer .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.glp-subcontainer .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.glp-subcontainer .aside-lhs .nav-tabs.nav-justified>li>a,
.glp-subcontainer .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.glp-subcontainer .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.glp-subcontainer .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.glp-subcontainer .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.glp-subcontainer .lhs-open {
    margin-left: 0
}

.glp-subcontainer .main-lhs-open {
    margin-left: 300px
}

.glp-subcontainer .rhs-open {
    margin-right: 0
}

.glp-subcontainer .aside-dark {
    background-color: #3a3f51
}

.glp-subcontainer .main-rhs-open {
    margin-right: 800px
}

.glp-subcontainer .modal-lg {
    width: 90%
}

.glp-subcontainer .icon-lock {
    color: red
}

.glp-subcontainer .icon-check {
    color: green
}

.glp-subcontainer .panel {
    margin: 10px
}

.glp-subcontainer .panel .panel-body {
    padding: 5px
}

.glp-subcontainer .aside-dark {
    top: 55px
}

.glp-subcontainer .aside-dark .nav-tabs.nav-justified>li.active>a {
    color: #f5f5f5;
    background: rgba(0, 0, 0, .2)
}

.glp-subcontainer .aside-dark .panel-body {
    background: unset !important;
    padding: 5px
}

.glp-subcontainer .aside-dark .tab-content>.tab-pane {
    padding-top: 10px
}

.glp-subcontainer .aside-dark .table>tbody>tr>td,
.glp-subcontainer .aside-dark .table>thead>tr>th {
    color: #f5f5f5
}

.glp-subcontainer .aside-dark .table-hover>tbody>tr:hover {
    background-color: rgba(0, 0, 0, .5)
}

.glp-subcontainer .aside-rhs {
    width: 400px !important
}

.glp-subcontainer .main-rhs-open {
    margin-right: 400px !important;
    margin-top: 20px
}

.glp-subcontainer .widget {
    background: rgba(0, 0, 0, .2)
}

.glp-subcontainer .widget h4 {
    color: #fff
}

.glp-subcontainer .container-frame {
    position: absolute;
    top: 0;
    right: 2px;
    left: 2px;
    z-index: 1;
    border-top: 2px solid #e5e4e2;
    border-right: 2px solid #e5e4e2;
    border-left: 2px solid #e5e4e2
}

.glp-subcontainer .container-frame .rungs .left,
.glp-subcontainer .container-frame .rungs .right {
    float: left;
    width: 50%;
    height: 100%
}

.glp-subcontainer .container-frame .rungs .lbl-wrapper {
    width: 35px;
    display: block;
    height: 100%;
    text-align: center
}

.glp-subcontainer .container-frame .rungs .left .lbl-wrapper {
    border-right: 2px solid #e5e4e2
}

.glp-subcontainer .container-frame .rungs .right .lbl-wrapper {
    float: right;
    border-left: 2px solid #e5e4e2
}

.glp-subcontainer .drawer {
    xborder: 1px solid #ccc;
    margin-bottom: 4px
}

.glp-subcontainer .drawer .handle {
    cursor: move;
    color: #aaa;
    margin-right: 5px
}

.glp-subcontainer .drawer .drawerHeader {
    padding: 5px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap
}

.glp-subcontainer .drawer .drawerHeader a {
    color: #485058
}

.glp-subcontainer .drawer .drawerHeader .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    color: #485058;
    display: none
}

.glp-subcontainer .drawer .drawerHeader .drawerHeader-buttons i {
    margin-right: 5px
}

.glp-subcontainer .drawer .drawerHeader-toolbar {
    padding: 5px;
    font-size: 12px;
    background: #dcdcdc;
    position: relative
}

.glp-subcontainer .drawer .drawerHeader-toolbar .status {
    position: absolute;
    line-height: 25px;
    right: 10px;
    top: 3px;
    font-weight: 700
}

.glp-subcontainer .drawer .drawerHeader-toolbar .drawerHeader-buttons {
    float: right;
    width: 100px;
    text-align: right;
    cursor: pointer;
    display: none
}

.glp-subcontainer .drawer .drawerHeader-toolbar .drawerHeader-buttons i {
    margin-right: 5px
}

.glp-subcontainer .drawer .drawerHeader-toolbar .drawerHeader-buttons i:hover {
    color: #00ae00
}

.glp-subcontainer .drawer .drawerHeader:hover .drawerHeader-buttons {
    display: inline-block
}

.glp-subcontainer .drawer .drawerItems {
    padding: 3px
}

.glp-subcontainer .drawer .drawerItems li .product-buttons {
    position: absolute;
    right: 3px;
    top: 0;
    color: #767676;
    cursor: pointer;
    display: none
}

.glp-subcontainer .drawer .drawerItems li:hover {
    cursor: move
}

.glp-subcontainer .drawer .drawerItems li:hover .product-buttons {
    display: inline-block
}

.glp-subcontainer .drawer .drawerItems li:hover .product-buttons:hover {
    color: #db3933
}

.glp-subcontainer .drawer .drawerSmall {
    background: #b2dfdb;
    border: 1px solid #b6c2b7
}

.glp-subcontainer .drawer .drawerBig {
    background: #e8f5e9;
    border: 1px solid #b6c2b7
}

.timeline .lock-flag {
    color: red;
    position: absolute;
    right: 5px;
    bottom: 10px;
    font-size: 30px;
    opacity: .2
}

.timeline .status {
    color: green
}

.msc li.tab-success a {
    color: #fff !important;
    background-color: #27c24c !important;
    border-color: #26be4a !important
}

.inv-product .big,
.inv-product .product-qty {
    font-size: 20px;
    font-weight: 700
}

.inv-product .page-header {
    margin: 42px 0 11px
}

.inv-product .page-header .label {
    margin-left: 10px
}

.product-library-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.product-library-page .aside-lhs .icon-close:hover {
    color: red
}

.product-library-page .sidebar .nav>li>.nav-item,
.product-library-page .sidebar .nav>li>a {
    font-size: 12px
}

.product-library-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.product-library-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.product-library-page .aside-rhs .nav-tabs.nav-justified>li>a,
.product-library-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.product-library-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.product-library-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.product-library-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.product-library-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.product-library-page .aside-lhs .nav-tabs.nav-justified>li>a,
.product-library-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.product-library-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.product-library-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.product-library-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.product-library-page .lhs-open {
    margin-left: 0
}

.product-library-page .main-lhs-open {
    margin-left: 300px
}

.product-library-page .rhs-open {
    margin-right: 0
}

.product-library-page .aside-dark {
    background-color: #3a3f51
}

.product-library-page .main-rhs-open {
    margin-right: 800px
}

.glp-product .big,
.glp-product .product-qty {
    font-size: 20px;
    font-weight: 700
}

.glp-product .page-header {
    margin: 42px 0 11px
}

.glp-product .page-header .label {
    margin-left: 10px
}

.mmp-menu {
    position: relative
}

.mmp-menu .wrappr {
    background: red
}

.mmp-menu .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.mmp-menu .aside-lhs .icon-close:hover {
    color: red
}

.mmp-menu .sidebar .nav>li>.nav-item,
.mmp-menu .sidebar .nav>li>a {
    font-size: 12px
}

.mmp-menu .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.mmp-menu .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.mmp-menu .aside-rhs .nav-tabs.nav-justified>li>a,
.mmp-menu .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.mmp-menu .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.mmp-menu .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.mmp-menu .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.mmp-menu .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.mmp-menu .aside-lhs .nav-tabs.nav-justified>li>a,
.mmp-menu .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.mmp-menu .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.mmp-menu .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.mmp-menu .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.mmp-menu .lhs-open {
    margin-left: 0
}

.mmp-menu .main-lhs-open {
    margin-left: 300px
}

.mmp-menu .rhs-open {
    margin-right: 0
}

.mmp-menu .aside-dark {
    background-color: #3a3f51
}

.mmp-menu .main-rhs-open {
    margin-right: 800px
}

.mmp-menu .icon-lock {
    color: red
}

.mmp-menu .icon-check {
    color: green
}

.mmp-menu .content {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.mmp-menu .sidebar table {
    width: 100%
}

.mmp-menu .sidebar table td {
    padding: 5px;
    font-size: 11px
}

.menus-page {
    position: relative
}

.menus-page .wrappr {
    background: red
}

.menus-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.menus-page .aside-lhs .icon-close:hover {
    color: red
}

.menus-page .sidebar .nav>li>.nav-item,
.menus-page .sidebar .nav>li>a {
    font-size: 12px
}

.menus-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.menus-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.menus-page .aside-rhs .nav-tabs.nav-justified>li>a,
.menus-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.menus-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.menus-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.menus-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.menus-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.menus-page .aside-lhs .nav-tabs.nav-justified>li>a,
.menus-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.menus-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.menus-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.menus-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.menus-page .lhs-open {
    margin-left: 0
}

.menus-page .main-lhs-open {
    margin-left: 300px
}

.menus-page .rhs-open {
    margin-right: 0
}

.menus-page .aside-dark {
    background-color: #3a3f51
}

.menus-page .main-rhs-open {
    margin-right: 800px
}

.menus-page .content {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.menus-page .sidebar table {
    width: 100%
}

.menus-page .sidebar table td {
    padding: 5px;
    font-size: 11px
}

.mmp-releases {
    position: relative
}

.mmp-releases .wrappr {
    background: red
}

.mmp-releases .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.mmp-releases .aside-lhs .icon-close:hover {
    color: red
}

.mmp-releases .sidebar .nav>li>.nav-item,
.mmp-releases .sidebar .nav>li>a {
    font-size: 12px
}

.mmp-releases .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.mmp-releases .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.mmp-releases .aside-rhs .nav-tabs.nav-justified>li>a,
.mmp-releases .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.mmp-releases .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.mmp-releases .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.mmp-releases .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.mmp-releases .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.mmp-releases .aside-lhs .nav-tabs.nav-justified>li>a,
.mmp-releases .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.mmp-releases .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.mmp-releases .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.mmp-releases .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.mmp-releases .lhs-open {
    margin-left: 0
}

.mmp-releases .main-lhs-open {
    margin-left: 300px
}

.mmp-releases .rhs-open {
    margin-right: 0
}

.mmp-releases .aside-dark {
    background-color: #3a3f51
}

.mmp-releases .main-rhs-open {
    margin-right: 800px
}

.mmp-releases .modal-dialog {
    width: 768px !important
}

.mmp-releases .modal-dialog .modal-content {
    background-color: #ebeef0
}

.mmp-releases .modal-dialog .modal-content .rhs .fa {
    margin-right: 5px;
    color: #64747e;
    position: absolute;
    top: 7px;
    font-size: 17px
}

.mmp-releases .modal-dialog .modal-content .rhs .button-txt {
    margin-left: 22px
}

.mmp-releases .modal-dialog .modal-content .modal-body {
    padding-bottom: 50px !important
}

.mmp-releases .modal-dialog .modal-content .popout {
    width: 250px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: absolute;
    z-index: 999;
    left: 43px
}

.mmp-releases .modal-dialog .modal-content .popout .popout-header {
    padding: 8px;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px solid #ddd
}

.mmp-releases .modal-dialog .modal-content .popout .popout-header .fa {
    font-size: 20px;
    right: 0
}

.mmp-releases .modal-dialog .modal-content .popout .popout-body {
    padding: 8px
}

.mmp-releases .modal-dialog .modal-content .popout .popout-body button {
    margin-top: 5px;
    width: 100%
}

.mmp-releases .modal-dialog .modal-content .member {
    background-color: #dfe3e6;
    border-radius: 25em;
    color: #17394d;
    cursor: pointer;
    display: block;
    float: left;
    height: 32px;
    margin: 0 4px 4px 0;
    overflow: visible;
    position: relative;
    width: 32px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

.mmp-releases .modal-dialog .modal-content .member .member-initials {
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    left: 0;
    line-height: 32px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.mmp-releases .modal-dialog .modal-content .comment-controls {
    margin-bottom: 5px
}

.mmp-releases .modal-dialog .modal-content .comment-controls a {
    margin-right: 8px;
    font-size: 11px;
    cursor: pointer;
    color: #909fa7 !important;
    text-decoration: underline
}

.mmp-releases .modal-dialog .modal-content .action-comment {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px -1px rgba(9, 45, 66, .25), 0 0 0 1px rgba(9, 45, 66, .08);
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    margin: 4px 2px 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.mmp-releases .modal-dialog .modal-content .action-comment .comment {
    padding: 8px 12px;
    white-space: pre-wrap
}

.mmp-releases .modal-dialog .modal-content .button-link {
    background-color: #dfe3e6;
    box-shadow: 0 1px 0 0 #c2ccd1;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-weight: 700;
    height: 32px;
    margin-top: 8px;
    max-width: 300px;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 85ms;
    transition-timing-function: ease
}

.mmp-releases .modal-dialog .modal-content .button-link:hover {
    cursor: pointer;
    background-color: #cbcfd2
}

.mmp-releases .modal-dialog .modal-content a {
    color: #17394d
}

.mmp-releases .modal-dialog .modal-content .line-item {
    border-bottom: 1px solid rgba(9, 45, 66, .13);
    min-height: 50px;
    margin-bottom: 10px
}

.mmp-releases .modal-dialog .modal-content .section h4 {
    margin-bottom: 20px
}

.mmp-releases .trello_col {
    background: #f6f6f6;
    border-radius: 4px;
    border: 1px solid #efefef;
    min-height: 9000px
}

.mmp-releases .trello_col .trello_header {
    padding: 5px
}

.mmp-releases .trello_col .trello_items {
    padding: 6px
}

.mmp-releases .trello_col .trello_header_warning {
    color: #fff;
    background-color: #ff902b
}

.mmp-releases .trello_col .trello_header_info {
    color: #fff;
    background-color: #23b7e5
}

.mmp-releases .trello_col .trello_header_success {
    color: #fff;
    background-color: #27c24c
}

.mmp-releases .trello_col .trello_header_default {
    color: #222;
    background-color: #e4eaec
}

.mmp-releases .trello_col .trello_item {
    min-height: 50px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(9, 45, 66, .25);
    border: 1px solid #dfe3e6;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    cursor: move
}

.mmp-releases .trello_col .trello_item .title {
    font-size: 90%
}

.mmp-releases .trello_col .trello_item small {
    display: block
}

.mmp-releases .trello_col .trello_item .lock-flag {
    color: red;
    position: absolute;
    right: 5px;
    bottom: 0;
    font-size: 20px;
    opacity: .2
}

.mmp-releases .trello_col .trello_item_placeholder {
    background: #efefef;
    min-height: 70px;
    border: 2px dashed #ddd
}

.mmp-releases .handle {
    float: left;
    margin-right: 6px
}

.mmp-releases .content {
    background: #fff;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.mmp-releases .panel .panel-body small {
    display: block
}

.mmp-releases .sidebar table {
    width: 100%
}

.mmp-releases .sidebar table td {
    padding: 5px;
    font-size: 11px
}

.mmp-timeline .lock-flag {
    color: red;
    position: absolute;
    right: 5px;
    bottom: 10px;
    font-size: 30px;
    opacity: .2
}

.mmp-timeline .status {
    color: green
}

.sla-dash-page .tab-content {
    padding: 0;
    border-style: none
}

.sla-dash-page .tab-content .panel.panel-default {
    border-top-width: 0
}

.sla-page {
    position: relative
}

.sla-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.sla-page .aside-lhs .icon-close:hover {
    color: red
}

.sla-page .sidebar .nav>li>.nav-item,
.sla-page .sidebar .nav>li>a {
    font-size: 12px
}

.sla-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.sla-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.sla-page .aside-rhs .nav-tabs.nav-justified>li>a,
.sla-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.sla-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.sla-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.sla-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.sla-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.sla-page .aside-lhs .nav-tabs.nav-justified>li>a,
.sla-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.sla-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.sla-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.sla-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.sla-page .lhs-open {
    margin-left: 0
}

.sla-page .main-lhs-open {
    margin-left: 300px
}

.sla-page .rhs-open {
    margin-right: 0
}

.sla-page .aside-dark {
    background-color: #3a3f51
}

.sla-page .main-rhs-open {
    margin-right: 800px
}

.sla-page .content {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.flight-page .content {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.flight-finder-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.flight-finder-page .aside-lhs .icon-close:hover {
    color: red
}

.flight-finder-page .sidebar .nav>li>.nav-item,
.flight-finder-page .sidebar .nav>li>a {
    font-size: 12px
}

.flight-finder-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.flight-finder-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.flight-finder-page .aside-rhs .nav-tabs.nav-justified>li>a,
.flight-finder-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.flight-finder-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.flight-finder-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.flight-finder-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.flight-finder-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.flight-finder-page .aside-lhs .nav-tabs.nav-justified>li>a,
.flight-finder-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.flight-finder-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.flight-finder-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.flight-finder-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.flight-finder-page .lhs-open {
    margin-left: 0
}

.flight-finder-page .main-lhs-open {
    margin-left: 300px
}

.flight-finder-page .rhs-open {
    margin-right: 0
}

.flight-finder-page .aside-dark {
    background-color: #3a3f51
}

.flight-finder-page .main-rhs-open {
    margin-right: 800px
}

.flight-finder-page .filter-text {
    padding: 3px;
    border-radius: 3px;
    background: #baf1c7;
    color: #1b8734
}

.flight-finder-page .tail {
    position: relative;
    border-bottom: 1px solid #ccc;
    height: 60px;
    width: 100%
}

.flight-finder-page .tail h4 {
    padding: 10px;
    margin: 0
}

.flight-finder-page .tail h4 small {
    display: block
}

.flight-finder-page .flight-info {
    text-align: center;
    font-size: .9rem;
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: -45px;
    width: 90px;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, .6);
    color: #f5f5f5;
    border-radius: 3px;
    padding: 2px
}

.flight-finder-page .timeNow {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 1500px;
    background: rgba(0, 0, 0, .15);
    opacity: .5;
    border-right: 1px solid
}

.flight-finder-page .tail:hover {
    background: #ececec
}

.flight-finder-page .times .departuretime {
    left: -35px
}

.flight-finder-page .times .arrivaltime,
.flight-finder-page .times .departuretime {
    background-color: rgba(0, 0, 0, .6);
    height: 24px;
    position: absolute;
    width: 35px;
    font-size: 1.2rem;
    color: #f5f5f5;
    padding: 3px
}

.flight-finder-page .times .arrivaltime {
    right: -35px
}

.flight-finder-page .tail-flight:hover .times {
    display: block
}

.flight-finder-page .load_flight {
    background: #08c !important
}

.flight-finder-page .MSC {
    background: #23b7e5 !important
}

.flight-finder-page .NoTouch {
    background: #ff902b !important
}

.galley-plans-release-page {
    position: relative
}

.galley-plans-release-page .aside-lhs .icon-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.galley-plans-release-page .aside-lhs .icon-close:hover {
    color: red
}

.galley-plans-release-page .sidebar .nav>li>.nav-item,
.galley-plans-release-page .sidebar .nav>li>a {
    font-size: 12px
}

.galley-plans-release-page .aside-rhs {
    width: 800px;
    margin-right: -890px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 55px;
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.galley-plans-release-page .aside-rhs .tab-content {
    padding: 0;
    border: 0
}

.galley-plans-release-page .aside-rhs .nav-tabs.nav-justified>li>a,
.galley-plans-release-page .aside-rhs .nav-tabs.nav-justified>li>a:focus,
.galley-plans-release-page .aside-rhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.galley-plans-release-page .aside-rhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.galley-plans-release-page .aside-lhs {
    width: 300px;
    margin-left: -390px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 55px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #515253;
    z-index: 116;
    overflow: auto;
    transition: all .3s ease
}

.galley-plans-release-page .aside-lhs .tab-content {
    padding: 0;
    border: 0
}

.galley-plans-release-page .aside-lhs .nav-tabs.nav-justified>li>a,
.galley-plans-release-page .aside-lhs .nav-tabs.nav-justified>li>a:focus,
.galley-plans-release-page .aside-lhs .nav-tabs.nav-justified>li>a:hover {
    background-color: transparent;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    color: #909fa7
}

.galley-plans-release-page .aside-lhs .nav-tabs.nav-justified>li.active>a {
    color: #5d9cec
}

.galley-plans-release-page .main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 0;
    margin-right: 0;
    transition: all .3s ease
}

.galley-plans-release-page .lhs-open {
    margin-left: 0
}

.galley-plans-release-page .main-lhs-open {
    margin-left: 300px
}

.galley-plans-release-page .rhs-open {
    margin-right: 0
}

.galley-plans-release-page .aside-dark {
    background-color: #3a3f51
}

.galley-plans-release-page .main-rhs-open {
    margin-right: 800px
}