/* Some styles we relied on from Bootstrap. Now that we removed bootstrap, include these styles here */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; background-color: #fff; }
a { color: #08c; text-decoration: none; }
p { margin: 0 0 10px; }
ul, ol { padding: 0; margin: 0 0 10px 25px; }
li { line-height: 20px; }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; }
label { display: block; margin-bottom: 5px; }
input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
select, input[type="file"] {
    height: 30px;
    line-height: 30px;
}
select {
    width: 220px;
    background-color: #fff;
    border: 1px solid #ccc;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus,
select:focus-within, a:focus-visible {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.hide { display: none !important; }

.label:not(.hide), .badge:not(.hide) {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
}
.badge {
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.label-warning, .badge-warning {
    background-color: #f89406;
}
.nav { margin-bottom: 20px; margin-left: 0; list-style: none; }
.navbar .nav { position: relative; left: 0; display: block; /*float: left;*/ margin: 0 10px 0 0; }
.container { margin-right: auto; margin-left: auto; }
.navbar .container { width: auto; }
.navbar-link { color: #777; }
.nav > li > a { display: block; }
.navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777; text-decoration: none; text-shadow: 0 1px 0 #fff; }
.nav-tabs { border-bottom: 1px solid #ddd; }
.nav-tabs>li {
    margin-bottom: -1px;
}
ul.nav.nav-pills { display: flex; }
/* .nav-tabs > li, .nav-pills > li { float: left; } */
.nav-tabs>li>a, .nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}
.nav-tabs>li>a, .nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}
.nav-tabs>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.tab-content {
    overflow: auto;
}
.tab-content>.tab-pane, .pill-content>.pill-pane {
    display: none;
}
.tab-content>.active, .pill-content>.active {
    display: block;
}
.nav-pills>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
    color: #fff;
    background-color: #08c;
}

.dropdown-menu { 
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box; 
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #08c, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #08c, #0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
}

.dropdown-submenu>a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.open>.dropdown-menu {
    display: block;
}

.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333;
    background-color: #e6e6e6;
}
.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    color: #fff;
    background-color: #51a351;
}
.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    color: #fff;
    background-color: #2f96b4;
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    color: #fff;
    background-color: #f89406;
}
.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    color: #fff;
    background-color: #bd362f;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity = 20);
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.btn-group {
    position: relative;
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}
.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
    font-size: 14px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0;
}

.nav .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #08c;
    border-bottom-color: #08c;
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert, .alert h4 {
    color: #c09853;
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-danger,.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

.alert-danger h4,.alert-error h4 {
    color: #b94a48
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info h4 {
    color: #3a87ad
}

.dialog.modal {
    position: fixed;
    top: -25%;
    opacity: 0;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
}
    /* height: 0px;
    -webkit-transition: height 0.5s linear;
       -moz-transition: height 0.5s linear;
        -ms-transition: height 0.5s linear;
         -o-transition: height 0.5s linear;
            transition: height 0.5s linear;
} */

/* .dialog.modal.fade {
    top: -25%;
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
} */

.dialog.modal.open {
    top: 10%;
    opacity: 1;
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.modal-backdrop.open {
    opacity: .8;
    filter: alpha(opacity = 80);
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity = 20);
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-header .close {
    margin-top: 2px;
}
h3 {
    font-size: 24.5px;
}
.modal-header h3 {
    margin: 0;
    line-height: 30px;
}
.modal-body {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}
.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

/* .dialog.open {
     height: 200px;
     -webkit-transition: height 0.5s linear;
        -moz-transition: height 0.5s linear;
         -ms-transition: height 0.5s linear;
          -o-transition: height 0.5s linear;
             transition: height 0.5s linear;
} */

/* End of Bootstrap inherited styles for backward compatibility purposes */

body{ min-width: 320px; padding: 0; background-color: #f8f8f8; color: #555; }
.NoScroll { overflow: hidden; }

#Header,
#dashboard { display: none; }

#Header { background-color: #eee; }
#TopViewContainer,
#BottomViewContainer { min-height: auto; }

/* remove header bottom margin and rounded corners */
.navbar { margin-bottom: 0px; }

.navbar-inner {
	position: relative;
	background-color: #EBEBEB;
	background-image: none;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding-left: 0px;
	padding-right: 0px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.1);
	z-index: 20001;
}
.navbar .nav { margin: 0; }
.navbar .nav > li > a { padding: 0px; }

/* header quicklinks (top-left) */
.navbar.navbar-top { margin-bottom: 0px; }
.navbar.navbar-top .nav > li > a { box-sizing: border-box; min-width: 64px; max-width: 72px; height: 56px; font-size: 11px; font-weight: bold; text-shadow: none; color: #08c; text-align: center; line-height: 14px; text-transform: uppercase; }
.navbar.navbar-top .nav > li > a .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.navbar.navbar-top .nav > li > a:not(.logo):hover { opacity: 1; }
.navbar.navbar-top .nav > li > a > img.icon { display: block; margin: auto; width: 20px; padding-top: 12px; padding-bottom: 4px; /*opacity: 0.9;*/ }
.navbar.navbar-top .nav > li > a:hover > img.icon { opacity: 1; }
.navbar.navbar-top .nav > li.navbar-quicklink > div > a { box-sizing: border-box; min-width: 64px; max-width: 72px; height: 56px; font-size: 11px; font-weight: bold; text-shadow: none; color: #08c; padding: 3px; text-align: center; line-height: 14px; text-transform: uppercase; }
.navbar.navbar-top .nav > li.navbar-quicklink > div > a .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.navbar.navbar-top .nav > li.navbar-quicklink > div > a:hover { opacity: 1; }
.navbar.navbar-top .nav > li.navbar-quicklink > div > a > img.icon { display: block; margin: auto; width: 24px; padding-top: 8px; /*opacity: 0.9;*/ }
.navbar.navbar-top .nav > li.navbar-quicklink > div > a:hover > img.icon { opacity: 1; }
/*.navbar.navbar-top .nav > li.nav-dashboard > a { width: 64px; text-indent: -9999px; color: transparent; background-image: url('../img/logo_blue_36.png'); background-position: center center; background-repeat: no-repeat; opacity: 1; }
.navbar.navbar-top .nav > li.nav-dashboard > a.active { background-color: #09d; background-image: url('../img/logo_white_36.png'); }
.navbar.navbar-top .nav > li.nav-dashboard > a:hover { background-color: #09d; background-image: url('../img/logo_white_36.png'); }
.navbar.navbar-top .nav > li.nav-dashboard > a > img { display: none; margin: auto; width: 40px; padding-top: 6px; }*/
.navbar.navbar-top a.logo { cursor: default; }
.navbar.navbar-top a.logo:before { position: relative; left: -1px; content: "\59"; font: normal 40px/56px 'webcomand-icons'; color: #fff; speak: none; }
/* .navbar.navbar-top a.logo:hover,
.navbar.navbar-top a.logo.active { background-color: #0ae; } */
.navbar.navbar-top a.logo > div.Title { display: none; }

/* header options (top-right) */
/*
.navbar.navbar-top .nav.pull-right > li > a { box-sizing: border-box; margin-top: 10px; font-size: 13px; margin-right: 1px; min-width: 32px; height: 30px; padding: 4px 8px; line-height: 22px; color: #0077BB; }
.navbar.navbar-top .nav.pull-right > li > a > i { margin-top: -1px; font-size: 16px; }
.navbar.navbar-top .nav.pull-right .navbar-link:hover { background-color: #09d; color:#fff; }
.navbar.navbar-top .nav.pull-right > li > a > img.icon { display: inline; margin: 0; width: 20px; padding-top: 0px; }
*/
.navbar .header_options { position: relative; left: auto; right: 0; }
.navbar .header_options li a { }
.navbar .header_options li a img.icon { display: block; width: 32px; padding-top: 9px; }
.navbar .header_options li a > .title { display: none; }

.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {
    right: 22px;
}
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
	right: 4px;
}

.navbar .header_options > li > a > i { position: relative; top: -1px; font-size: 32px; line-height: 56px; color: #fff; }



.navbar-top.navbar .container { display: flex; flex-direction: row; }
.navbar-top.navbar .nav { display: flex; flex-direction: row; }
.navbar-top.navbar .pull-right { margin-left: auto; }

.nav-tabs { display: flex; flex-direction: row; }
.nav-tabs > li, .nav-pills > li { float: none; }


/*
.navbar .header_options i.icon.header-icon {
	background: url('../img/navbar-32x32.png');
	background-size: 128px;
	width: 32px;
	height: 32px;
	display: block;
}
.navbar .header_options i.icon.account { background-position: 0px 0px; }
.navbar .header_options i.icon.help { background-position: -32px 0px; }
.navbar .header_options i.icon.search { background-position: -64px 0px; }
.navbar .header_options i.icon.tasks { background-position: -96px 0px; }
*/

.navbar.navbar-top .navbar-link.active,
.navbar.navbar-top .navbar-link:not(.logo):hover { background-color: #0ae; color:#fff; }
.badge.iconbadge {
	position: absolute;
	box-sizing: border-box;
	margin: 2px 0 0 2px;
	min-width: 16px;

	/*border: 2px solid #f8f8f8;*/
	border: none;
	border-radius: 16px;
	background-color: #d40;

	font-size: 11px;
	text-shadow: none;
	text-align: center;
	line-height: 15px;
	color: #f8f8f8;
	padding: 1px 4px;
	z-index: 1;
}
.badge.iconbadge.running { background-color: #6518a8; }
.navbar-top .navbar-search { margin-top: 10px; }
/*.navbar-top .navbar-search:hover .input-prepend .add-on { background-color: #09d; color: #fff; }*/
.navbar-top .navbar-search:hover input { border-color: #0ae; }

div#SlideoutNav { display: none; }
div#SlideoutNav > div.panel { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
div#SlideoutNav div.panel .dropdown-menu { right: 0; left: auto;  }

div.slideout { width: 320px; height: 100%; background: #fff; box-shadow: 0 20px 20px rgba(0,0,0,0.2); z-index: 20002; position: absolute; right: 0; }
div.slideout.pinned { box-shadow: none; }

div.slideout.resizable-left > .slideout-panel > .panel > .cpath_body { border-left: 1px solid #ddd; }
div.slideout.resizable-right > .slideout-panel > .panel > .cpath_body { border-right: 1px solid #ddd; }

/*
.navbar-search .input-prepend .add-on { border: none; border-radius: 0; background-color: #09d; box-shadow: none; transition: none; width: 22px; height: 22px; }
.navbar-search .input-prepend .add-on i { margin-top: 2px; }
.navbar-search input.search-query { border-left: none; border-color: #FFFFFF; box-shadow: none; transition: none; padding: 4px 32px 4px 8px; }
.navbar-search input:focus { border-left: none; border-color: #09d; box-shadow: none; }
.navbar-search .search-options { position: relative; width: 22px; z-index: 4; margin: 0 0 0 -30px; padding: 4px; opacity: 0.5; }
.navbar-search .search-options:hover { opacity: 1; }
*/

.dropdown-menu { border-radius: 0px; border: none; border-top: 4px solid #fff; border-left: 3px solid #08c; border-radius: 0px 0px 0px 5px; padding: 0; }
.dropdown-menu > li > a { position: relative; padding: 4px 20px; color: #444; }
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover { background: #def; color: #444; }
.dropdown-menu .toolbar { background-color: #eee; }

.dropdown-menu > li > a .actions { visibility: hidden; position: absolute; top: 0; right: 0; background-color: #def; }
.dropdown-menu > li > a:hover .actions { visibility: visible; }
.dropdown-menu > li > a .action { box-sizing: border-box; float: left; width: 48px; height: 48px; padding: 16px; }

.dropdown-menu .action .icon { display: block; width: 16px; height: 16px; background: url('../ui/cpath_view/img/collection_bar_icons-32x32-full.png') no-repeat 0 0; background-size: 1280px; }

.dropdown-menu .action-open .icon { background-position: -256px -16px; }
.dropdown-menu > li > a .actions div.action-open:hover,
.dropdown-menu > li > a:hover .actions div.action-open,
.dropdown-menu > li > a .actions:hover div.action-open:hover { background-color: #08c; }
.dropdown-menu > li > a .actions div.action-open:hover .icon,
.dropdown-menu > li > a:hover .actions div.action-open .icon,
.dropdown-menu > li > a .actions:hover div.action-open:hover .icon { background-position: -256px -32px; }

/* override default state when over other actions */
.dropdown-menu > li > a .actions:hover div.action-open { background-color: #def; }
.dropdown-menu > li > a .actions:hover div.action-open .icon { background-position: -256px -16px; }

.dropdown-menu .action-popup .icon { background-position: -896px -16px; }
.dropdown-menu .action-popup:hover { background-color: #51A351; }
.dropdown-menu .action-popup:hover .icon { background-position: -896px -32px; }

ul.dropdown-menu li.toggle a { padding-left: 22px; }
ul.dropdown-menu li.toggle a:before { position: absolute; margin-top: 0px; margin-left: -16px; content:""; }
ul.dropdown-menu li.toggle.on a:before { content:"\2714"; }

.navbar.navbar-top .dropdown-menu > li { border-bottom: 1px solid #eee; }
.navbar .nav > li > .dropdown-menu:before { border-bottom: none; }
.navbar .nav > li > .dropdown-menu:after { top: -10px; }

/* bottom */
.navbar.navbar-bottom { display: none; border-top: 1px solid #aaa; }
.navbar.navbar-bottom .navbar-inner { }
.navbar.navbar-bottom .nav > li > a { height: 16px; padding: 12px; font-size: 12px; text-shadow: none; color: #666; text-align: center; line-height: 16px; }
.navbar.navbar-bottom .navbar-link { cursor: default; }
.navbar.navbar-bottom .navbar-link:focus,
.navbar.navbar-bottom .navbar-link:hover { background-color: #F4F4F4; }

.navbar-dropdown { position: relative; }
.navbar-dropdown > ul.dropdown-menu { margin-top:1px; }
.navbar-dropdown.hover:hover > ul.dropdown-menu { display:block; }
.navbar-dropdown .alert-messages { width: 264px; padding: 0 12px 12px 0; max-height: 480px; overflow-y: auto; }


.dropdown-menu.Details { width:256px; }
.dropdown-menu.Details li { position: relative; }
.dropdown-menu.Details img.icon { position:absolute; left:6px; top:20px; }
.dropdown-menu.Details img.icon.dim { opacity:0.5; }
.dropdown-menu.Details div.Author { float: left; margin-left: 14px; width:140px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; }
.dropdown-menu.Details div.Time { position:absolute; right:18px; font-size:12px; font-weight:bold; color: #5CBDF2; }
.dropdown-menu.Details div.Subject { clear: both; position:relative; top:-6px; margin-left: 14px; font-size:11px; text-overflow:ellipsis; overflow:hidden; }
.dropdown-menu.Details div.Message { margin-top:-14px; margin-left: 14px; font-size:10px; color: #AAA; text-overflow:ellipsis; overflow:hidden; }
.dropdown-menu.Details li:hover div.Time { color: #fff; }
.dropdown-menu.Details li:hover div.Message { color: #fff; }

.dropdown-menu.Summary { }
.dropdown-menu.Summary li { position: relative; }
.dropdown-menu.Summary img.icon { position:absolute; left:6px; top:16px; }
.dropdown-menu.Summary img.icon.dim { opacity:0.5; }
.dropdown-menu.Summary div.Title { margin-left: 14px; margin-top: 4px; width:256px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; }
.dropdown-menu.Summary div.Description { position:relative; width:256px; top:-6px; margin-left: 14px; margin-bottom:-4px; font-size:11px; color: #AAA; text-overflow:ellipsis; overflow:hidden; }
.dropdown-menu.Summary li:hover div.Description { color: #fff; }

img.icon { margin-top: -4px; width: 22px; }
img.icon16 { margin-top: -4px; width: 16px; }
img.icon22 { margin-top: -4px; width: 22px; }
img.icon32 { margin-top: -4px; width: 32px; }

/* customize header search input */
.navbar-search { margin: 5px 12px 0 0; }
.navbar-search .search-query { border-radius: 0; }
.navbar-search .input-prepend { margin-bottom: 0; }
.btn-help,
.navbar-search .input-prepend .add-on { border: none; border-radius: 0; background-color: #0077BB; box-shadow: none; transition: none; width: 22px; height: 22px; }
.navbar-search .input-prepend:hover .add-on { background-color: #0ae; }
.navbar-search .input-prepend .add-on i { margin-top: 2px; font-size: 14px; color: #fff; text-shadow: none; }
.navbar-search input.search-query { border-left: none; border-color: #FFFFFF; box-shadow: none; transition: none; padding: 4px 32px 4px 8px; }
.navbar-search input:focus { border-left: none; border-color: #0ae; box-shadow: none; }
.navbar-search .search-options { position: relative; width: 22px; z-index: 4; margin: 0 0 0 -30px; padding: 4px; opacity: 0.5; }
.navbar-search .search-options:hover { opacity: 1; }

.navbar-inverse .navbar-search .search-query {
	background-color: #333;
}
.navbar-inverse .navbar-search .search-query:hover { color: #fff; text-shadow: none; background-color: #3B3B3B; }
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
	color: #fff;
	text-shadow: none;
	background-color: #444;
}

.iconbadge {
	position: absolute;
	margin-top: -6px;
	margin-left: -12px;

	border: 2px solid #fff;
	background-color: #FF7D28;

	font-size: 11px;
	line-height: 15px;
	color: #fff;
	padding: 0px 4px 0px 4px;
}

.dashboard {
	position: absolute;
	top: 56px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ddd;
	padding-left: 64px;
}
.dashboard .left-title {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 64px;
	background: #0ae url('../img/webcomand_90deg.png') center 0 no-repeat;
	background-size: 32px;
	background-position: 16px 10px;
	color: transparent;
	text-indent: -9999px;
	z-index: 20003; /* above header (.navbar-inner) */
}
.dashboard .right-columns {
	/*overflow: scroll;*/
	position: relative;
	z-index: 200; /* below header (.navbar-inner) */
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	background-color: #ddd;
	white-space: nowrap;
}

.dashboard .column { display: inline-block; margin-right: 8px; background-color: #fff; width: 320px; }

.panel { position: relative; display: none; }
.modal.panel { position: fixed; }

.modal-backdrop { z-index: 20400; }
.dialog.modal, #cpath-dialog-batch-edit { z-index: 20500; }

.panel .container { padding: 12px; }
.titlebar a { display: block; text-transform: none; padding-left: 12px; line-height: 44px; /*overflow: hidden;*/ font-size: 18px; white-space: nowrap; text-align: center; background-color: #08c; color: #fff; text-shadow: none; text-decoration: none; }
.titlebar a:hover { background-color: #0ae; }

.container-fluid { padding: 0px; /* background-color: #eee; */ }
.row-fluid .container { width: auto; }
.row-fluid [class*="span"] { margin-left: 12px; }

#form-dialog-info label { display: inline-block; }

.resizable-right,
.resizable-left { position: relative; }

.resizer { display: none; position: absolute; top: 0; bottom: 0; width: 7px; z-index: 1000; }
.resizable-right .resizer { display: block; right: -3px; cursor: ew-resize; }
.resizable-left  .resizer { display: block; left: -3px; cursor: ew-resize; }
.resizable-right .resizer:hover,
.resizable-left  .resizer:hover { background-color: rgba(0,0,0,0.05); }
.resizable-right .resizer.active,
.resizable-left  .resizer.active { background-color: rgba(0,0,0,0.1); }

#resize-overlay,
#AjaxClickBlocker {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100000;
    top: 0;
    left: 0;
    background-color: rgba(1,1,1,0); 
}
#AjaxLoader {
	position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -16px; /* half width of the spinner gif */
    margin-top: -16px; /* half height of the spinner gif */
    text-align:center;
    overflow: hidden;
	padding: 12px;
	
	/* border: 1px solid #bbb; */
	border: 1px solid #ddd;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #ffffff;
}
#AjaxLoader .Message {
	padding-top: 12px;
}

#resize-overlay.col { cursor: ew-resize; }
#resize-overlay.col.min { cursor: e-resize; cursor: nwse-resize; }
#resize-overlay.col.max { cursor: w-resize; cursor: nesw-resize; }
#resize-overlay.row { cursor: ns-resize; }
#resize-overlay.row.min { cursor: s-resize; cursor: nwse-resize; }
#resize-overlay.row.max { cursor: n-resize; cursor: nesw-resize; }

.PaneWrapper { overflow:hidden; }

.block {
  padding: 8px 8px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

footer p { margin: 0; padding-bottom: 10px; }


/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square,
.iradio_square {
    display: inline-block;
	vertical-align: middle;
    margin: 0 4px 0 0;
    padding: 0;
    width: 28px;
    height: 28px;
    border: 1px solid #E0E0E0;
    cursor: pointer;
}

.icheckbox_square {
    background-position: -2px center;
}
.icheckbox_square.focus {
	border-color: #0ae;
}
.icheckbox_square.hover {
}
.icheckbox_square.checked {
	background: transparent url('../img/check-form.png') -34px center no-repeat;
}
.icheckbox_square.disabled {
	border: 1px solid #F0F0F0;
	cursor: default;
}
.icheckbox_square.checked.disabled {
	background-position: -66px center;
}

.iradio_square {
    background-position: -120px 0;
}
.iradio_square.hover {
	background-position: -144px 0;
}
.iradio_square.checked {
	background-position: -168px 0;
}
.iradio_square.disabled {
	background-position: -192px 0;
	cursor: default;
}
.iradio_square.checked.disabled {
	background-position: -216px 0;
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square,
    .iradio_square {
        background-image: url(green@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* vertical & horizontal styles */
.panel .actions,
.panel .search { background-color: #f4f4f4; }

.actions button,
.actions .btn-group { word-spacing: normal; }
.actions button label { margin: 0; }
.actions > button.btn { min-width: 64px; background-image: none; border-radius: 0; opacity: 0.75; }
.actions button.btn a .caret { padding-top: 12px; background: red; }
.actions .btn-group button.btn { min-width: 72px; background-image: none; border-radius: 0; opacity: 0.75; }
.actions .btn-group button.btn.dropdown-toggle { min-width: 8px; height: 54px; padding: 0 8px; }
.actions .btn-group + .btn-group { margin-left: 0; } /* override bootstrap's desire to further separate adjacent drop-downs */
.actions button img.icon { padding-top: 6px; }
.actions .dropdown-menu img.icon { width: 16px; padding-right: 3px; }
.actions .dropdown-menu { padding-top: 0; }
.actions .dropdown-menu { max-width: 240px; max-height: 256px; overflow: auto; overflow-x: hidden; }
.actions .dropdown-menu li > a { padding: 4px 20px 4px 8px; /*overflow: hidden; text-overflow: ellipsis;*/ }
.actions .badge.iconbadge { margin-top: 3px; margin-left: 13px; }

.actions .btn { border: none; background-color: transparent; box-shadow: none; padding: 4px; }
.actions .btn:hover,
.actions .btn:focus,
.actions .btn:active { background-color: #fff; }
.actions .btn label { font-size: 13px; }
.actions > button.btn .icon { width: auto; }
.actions > button.btn-success,
.actions > button.btn-info,
.actions > button.btn-danger,
.actions > button.btn-warning { background-image: none; border-radius: 0; opacity: 1; }

.actions > button.btn i.icon { width: 16px; position: relative; left: 50%; margin: 6px 0 2px -8px; }
/* Creates a button style between Bootstrap's btn-success and btn-warning */
.actions .btn-flag {
	color: #fff; background-repeat: repeat-x;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	background-color: #ffcc00;
}
.actions .btn-flag:hover { background-color: #ffda2c; }
.actions .btn-flag:focus { background-color: #ffda2c; }

.actions .btn-success { background-color: #51A351; }
.actions .btn-success:focus,
.actions .btn-success:hover,
.actions .btn-success:active { background-color: #5BB75B; }

.actions .btn-info { background-color: #2F96B4; }
.actions .btn-info:focus,
.actions .btn-info:hover,
.actions .btn-info:active { background-color: #49AFCD; }

.actions .btn-danger { background-color: #BD362F; }
.actions .btn-danger:focus,
.actions .btn-danger:hover,
.actions .btn-danger:active { background-color: #DA4F49; }

.actions .btn-warning { background-color: #F89406; }
.actions .btn-warning:focus,
.actions .btn-warning:hover,
.actions .btn-warning:active { background-color: #FAA732; }

.responsive-left { float: left; width: 320px; }
.responsive-center { float: left; }
.responsive-right { float: left; width: 320px; }
.responsive-gutter { float: left; width: 64px; }

.container-tabs { height: 43px; width: 320px; position: absolute; bottom: 0px; background-color: #f8f8f8; z-index:100; box-sizing: border-box; border-top: 1px solid #ddd; }
.container-tabs ul { list-style: none; display: block; float: left; margin: 0px; }
.container-tabs ul li { float: left; width: 42px; height: 42px; }
.container-tabs ul li a { width: 42px; height: 42px; cursor: pointer; display: block; position: relative; top: 0px; line-height: 42px; text-align: center; font-size: 24px; box-sizing: border-box; border: 1px solid transparent; text-decoration: none; color: #888; }
.container-tabs ul li a.active { background-color: white; border: 1px solid #ddd; border-top-color: white; border-radius: 0 0 5px 5px; height: 43px; top: -1px; color: #08c; }
.container-tabs ul li a i { position: relative; top: -1px; }
.container-tabs ul li a.active i { top: 0px; }
.container-tabs ul li a img { position: relative; width: 32px; opacity: 0.7; top: -1px; }
.container-tabs ul li a.active img { opacity: 1; top: 0px; }
.container-tabs ul li a .badge { position: absolute; top: 0px; right: 2px; }
.container-tabs ul li a.active .badge { top: 1px; }
/* blue header */
.navbar.navbar-top .navbar-inner { background-color: #09d; }
/*.navbar.navbar-top .nav > li.nav-dashboard > a { position: relative; background-color: transparent; background-image: url('../img/logo_white_36.png'); color: transparent; opacity: 1; }
.navbar.navbar-top .nav > li.nav-dashboard > a.active { background-color: #09d; }
.navbar.navbar-top .nav > li.nav-dashboard > a:hover { background-color: #09d; }*/
.navbar.navbar-top .nav > li.nav-dashboard > a.active .Title { display: none; }
.navbar.navbar-top .nav > li > a .title { color: #fff; }
/*.navbar .header_options .search { background: url(../img/32/search_white.png) 16px 12px no-repeat; }
.navbar .header_options .search:hover { background-image: url(../img/32/search_white.png); }
.navbar .header_options .tasks { background: url(../img/32/help_white.png) 16px 12px no-repeat; }
.navbar .header_options .tasks:hover { background-image: url(../img/32/help_white.png); }
.navbar .header_options .help { background: url(../img/32/help_white.png) 16px 12px no-repeat; }
.navbar .header_options .help:hover { background-image: url(../img/32/help_white.png); }
.navbar .header_options .account { background: url(../img/32/user_settings_white.png) 16px 12px no-repeat; }
.navbar .header_options .account:hover { background-image: url(../img/32/user_settings_white.png); }*/
.navbar .nav.header_options > li > .dropdown-menu:after { display: none; }
.navbar .nav.header_options > li > .dropdown-menu { width: 320px; right: 0; margin: 0; border: none; border-top: 4px solid #09d; max-height: 500px; overflow-y: scroll; }

.navbar.navbar-top .nav > li.open > a { background-color: #0ae; }
.navbar.navbar-top .navbar-dropdown > ul.dropdown-menu { max-height: 342px; overflow-y: auto; margin-top: 0; margin-left: 0; border: none; border-left: #0ae solid 4px; }
.navbar.navbar-top .navbar-dropdown > ul.dropdown-menu:after { display: none; top: 0px; left: 0px; border-top: 6px solid #09c; border-left: none; border-bottom: none; }

.navbar.navbar-top .dropdown-menu > li:last-child { border-bottom: none; }
ul.dropdown-menu > li > a:hover { background-color: #def; color: #444; }
ul.dropdown-menu.Summary > li > a:hover div.Description { color: #888; }

.navbar.navbar-top .nav > li.navbar-quicklink > ul.dropdown-menu li.item:hover div.item-actions { display: flex; }
.navbar.navbar-top .nav > li.navbar-quicklink > ul.dropdown-menu li.item:hover div.item-actions a.action { width: 49px; height: 49px; line-height: 49px; }
.navbar.navbar-top .nav > li.navbar-quicklink > ul.dropdown-menu li.item:hover div.Description { color: #888; }
.navbar.navbar-top .nav > li.navbar-quicklink > ul.dropdown-menu li.item:hover a { background-color: #def; color: #444; }

.titlebar a { display: none; }

.cke_combopanel__styles { width: 300px; }

/* animated search */
/*.navbar .header_options li a.search { max-width: none; background: transparent url("../img/32/search_white.png") no-repeat 20px 12px; }
.navbar .header_options li a.search:hover { background-color: #08c; }
.navbar .header_options li a.search .title {
	box-sizing: border-box;
	display: block;
	width: 32px;
    height: 32px;
	margin: 9px 16px;
    border-radius: 16px;
	padding: 8.5px 0 0 32px;
	color: #aaa;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	overflow: hidden;
	text-overflow: clip;
	background: #fff url("../img/32/search_invert.png") no-repeat;
	transition: width .25s ease 0s;
}
.navbar .header_options li a.search:hover .title { width: 288px; }*/

/* Dialog styles */
.dialog div.alerts div.alert { border-radius: 4px; padding: 5px; margin-bottom: 10px; }
.dialog div.alerts div.alert > p { margin-bottom: 0px; }
.dialog input[type="text"] { width: 100%; height: 28px;
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
}
.dialog a.btn i.icon { display: inline-block; position: relative; top: 2px; }

/**
 * Custom webCOMAND Font Styles
 * List available icons using the show-wc-icons controller in the framework package (https://account.webcomand.com/com_webcomand/show-wc-icons)
 * Place all icon classes within the WC-ICON-START and WC-ICON-END tokens here so that the controller can find them automatically.
 */
/* ***WC-ICON-START*** */
@font-face {
	font-family: 'webcomand-icons';
	src: url('../font/webcomand-icons-webfont.eot');
	src: url('../font/webcomand-icons-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/webcomand-icons-webfont.woff2') format('woff2'),
		url('../font/webcomand-icons-webfont.woff') format('woff'),
		url('../font/webcomand-icons-webfont.ttf') format('truetype'),
		url('../font/webcomand-icons-webfont.svg#webcomandicons') format('svg');
    font-weight: normal;
    font-style: normal;
}
.dropdown-menu>li>a:focus > [class^="icon-wc-"] { background-image: none; }  /* override a bootstrap style that shows all glyphicons on focus for some reason */
[class^="icon-wc-"]:before { display: inline-block; font-family: 'webcomand-icons'; font-style: normal; speak: none; }
[class^="icon-wc-"].gray { color: #555; }
[class^="icon-wc-"].light-gray { color: #888; }
[class^="icon-wc-"].white, [class^="icon-wc-"].hover-white:hover, *:hover > [class^="icon-wc-"].hover-white, *.hover-active > [class^="icon-wc-"].hover-white { color: #fff; }
[class^="icon-wc-"].blue, [class^="icon-wc-"].hover-blue:hover, *:hover > [class^="icon-wc-"].hover-blue, *.hover-active > [class^="icon-wc-"].hover-blue { color: #08c; }
[class^="icon-wc-"].green, [class^="icon-wc-"].hover-green:hover, *:hover > [class^="icon-wc-"].hover-green, *.hover-active > [class^="icon-wc-"].hover-green { color: #51a351; }
[class^="icon-wc-"].orange, [class^="icon-wc-"].hover-orange:hover, *:hover > [class^="icon-wc-"].hover-orange, *.hover-active > [class^="icon-wc-"].hover-orange { color: #faa732; }
[class^="icon-wc-"].yellow, [class^="icon-wc-"].hover-yellow:hover, *:hover > [class^="icon-wc-"].hover-yellow, *.hover-active > [class^="icon-wc-"].hover-yellow { color: #ffcc00; }
[class^="icon-wc-"].red, [class^="icon-wc-"].hover-red:hover, *:hover > [class^="icon-wc-"].hover-red, *.hover-active > [class^="icon-wc-"].hover-red { color: #DA4F49; }

.icon-wc-menu-round:before{ content: "\21"; }
.icon-wc-menu-dots:before{ content: "\22"; }
.icon-wc-menu-square:before{ content: "\23"; }
.icon-wc-menu-small:before{ content: "\24"; }
.icon-wc-menu-tall:before{ content: "\25"; }
.icon-wc-menu-down:before{ content: "\26"; }
.icon-wc-menu-up:before{ content: "\27"; }
/* support auto-showing the 'up' arrow when a menu is showing from icon-wc-menu-down */
.btn-drop.open a[data-toggle="dropdown"] > .icon-wc-menu-down:before { content: "\27"; }

.icon-wc-toolbar-show:before{ content: "\28"; }
.icon-wc-toolbar-hide:before{ content: "\29"; }
.icon-wc-toolbar-close:before{ content: "\2a"; }
.icon-wc-heading-expand:before{ content: "\2b"; }
.icon-wc-heading-collapse:before{ content: "\2c"; }
.icon-wc-open:before{ content: "\2d"; }
.icon-wc-open-panel:before{ content: "\2d"; }
.icon-wc-open-app:before{ content: "\2e"; }
.icon-wc-open-popup:before{ content: "\2f"; }

.icon-wc-nav-back:before{ content: "\31"; }
.icon-wc-nav-forward:before{ content: "\32"; }
.icon-wc-nav-parent:before{ content: "\33"; }
.icon-wc-nav-previous:before{ content: "\34"; }
.icon-wc-nav-next:before{ content: "\35"; }
.icon-wc-nav-down:before{ content: "\36"; }
.icon-wc-nav-up:before{ content: "\37"; }
/* support auto-showing the 'up' arrow when a menu is showing from icon-wc-nav-down */
.open a[data-toggle="dropdown"] > .icon-wc-nav-down:before { content: "\37"; }

.icon-wc-panel-close:before{ content: "\38"; }
.icon-wc-panel-pin:before{ content: "\39"; }
.icon-wc-panel-view:before{ content: "\3c"; }

.icon-wc-path-query:before{ content: "\3a"; }
.icon-wc-path-edit:before{ content: "\3b"; }
.icon-wc-path-filter:before{ content: "\3d"; }
.icon-wc-cascade:before{ content: "\3e"; }
.icon-wc-inherit:before{ content: "\3f"; }

.icon-wc-select-none:before{ content: "\40"; }
.icon-wc-select-all:before{ content: "\41"; }
.icon-wc-select-invert:before{ content: "\42"; }
.icon-wc-select-restore:before{ content: "\43"; }

.icon-wc-new:before{ content: "\44"; }
.icon-wc-edit:before{ content: "\46"; }
.icon-wc-cut:before{ content: "\47"; }
.icon-wc-copy:before{ content: "\48"; }
.icon-wc-paste:before{ content: "\49"; }
.icon-wc-link:before{ content: "\4a"; }
.icon-wc-unlink:before{ content: "\4b"; }
.icon-wc-delete:before{ content: "\4c"; }
.icon-wc-import:before{ content: "\4d"; }
.icon-wc-export:before{ content: "\4e"; }
.icon-wc-share:before{ content: "\4f"; }

.icon-wc-gear:before{ content: "\50"; }
.icon-wc-retry:before{ content: "\51"; }
.icon-wc-cancel:before{ content: "\52"; }
.icon-wc-kill:before{ content: "\53"; }
.icon-wc-alert:before{ content: "\54"; }
.icon-wc-impersonate:before{ content: "\55"; }
.icon-wc-sidebar-help:before{ content: "\56"; }
.icon-wc-sidebar-notifications:before{ content: "\57"; }
.icon-wc-sidebar-tasks:before{ content: "\57"; }
.icon-wc-sidebar-profile:before{ content: "\58"; }
.icon-wc-logo:before{ content: "\59"; }
.icon-wc-apps:before{ content: "\5a"; }

.icon-wc-search:before{ content: "\60"; }
.icon-wc-search-down:before{ content: "\61"; }
.icon-wc-search-up:before{ content: "\62"; }
.icon-wc-search-clear:before{ content: "\63"; }

.icon-wc-workflow:before{ content: "\64"; }
.icon-wc-workflow-approve:before{ content: "\65"; }
.icon-wc-workflow-save:before{ content: "\66"; }
.icon-wc-workflow-cancel:before{ content: "\67"; }
.icon-wc-workflow-publish:before{ content: "\68"; }
.icon-wc-workflow-preview:before{ content: "\69"; }

.icon-wc-sidebar-info:before{ content: "\6a"; }
.icon-wc-sidebar-related:before{ content: "\6b"; }
.icon-wc-sidebar-versions:before{ content: "\6c"; }
.icon-wc-sidebar-publishing:before{ content: "\6d"; }

.icon-wc-unlock:before{ content: "\6f"; }
.icon-wc-lock:before{ content: "\70"; }
.icon-wc-help:before{ content: "\71"; }
.icon-wc-tree-expand:before{ content: "\72"; }
.icon-wc-tree-collapse:before{ content: "\73"; }
.icon-wc-grip:before{ content: "\74"; }
.icon-wc-sort-asc:before{ content: "\75"; }
.icon-wc-sort-desc:before{ content: "\76"; }

.icon-wc-welcome-email:before{ content: "\77"; }
.icon-wc-password-reset:before{ content: "\78"; }
.icon-wc-download:before{ content: "\79"; }
.icon-wc-upload:before{ content: "\7a"; }

.icon-wc-content-type:before{ content: "\7b"; }
.icon-wc-field-editor:before{ content: "\7c"; }
.icon-wc-field-options:before{ content: "\7d"; }
.icon-wc-field-display:before{ content: "\7e"; }

.icon-wc-maximize:before{ content: "\5b"; }
.icon-wc-minimize:before{ content: "\5c"; }
.icon-wc-controls-vertical:before{ content: "\5d"; }
.icon-wc-controls-horizontal:before{ content: "\5e"; }

.icon-wc-repo:before{ content: "\a1"; }
.icon-wc-bases:before{ content: "\a2"; }
.icon-wc-folders:before{ content: "\a3"; }
.icon-wc-folder:before{ content: "\a4"; }

.icon-wc-sidebar-show:before{ content: "\a5"; }
.icon-wc-sidebar-hide:before{ content: "\a6"; }
.icon-wc-sidebar-expand:before{ content: "\a7"; }
.icon-wc-sidebar-collapse:before{ content: "\a8"; }

.icon-wc-toolbar-expand:before{ content: "\a9"; }
.icon-wc-toolbar-collapse:before{ content: "\aa"; }
.icon-wc-fallback:before{ content: "\ab"; }

.icon-wc-sidebar-grid:before{ content: "\ac"; }
.icon-wc-ctemplate:before{ content: "\ae"; }
.icon-wc-php-file:before{ content: "\af"; }
.icon-wc-box-refresh:before{ content: "\b0"; }

/* ***WC-ICON-END*** */

.btn-canceltask:before { display: inline-block; font-family: 'webcomand-icons'; font-style: normal; speak: none; content: "\52"; }
#cpath-dialog-batch-edit { width: 575px; }
#cpath-dialog-batch-edit .modal-body { max-height: 450px; line-height: normal; }
#batch-edit-blocked-message > span { border: 1px solid #ddd; }
#batch-edit-blocked-message > span .icon { margin-right: 10px; }
#cpath-dialog-batch-edit .wc_referencefield.expanded div.panel,
#cpath-dialog-batch-edit .wc_referencefield.expanded div.panel > div.cpath_body { height: 100%; }
#cpath-dialog-batch-edit div.wc_tree.jstree { height: 100%!important; }

@media only screen and (max-width: 767px) {
	.dialog.modal, #cpath-dialog-batch-edit { width: 90%; left: 5%; }
}