.v-navigation-menu-commander {
    width: 68px;
    height: 68px;
    background: url(images/buttons/ccCommander.gif) no-repeat center center !important;
    cursor: pointer;
}

.v-navigation-menu-commander a {
    text-decoration: none;
    display: block;
}

.v-navigation-menu-commander a:hover {
    background: url(images/buttons/ccCommanderHover.gif) no-repeat center center !important;
}

.v-navigation-menu-commander-selected {
    width: 68px;
    height: 68px;
    background: url(images/buttons/ccCommanderSelected.gif) no-repeat center center !important;
    cursor: pointer;
}

.v-navigation-menu-metadata {
    width: 68px;
    height: 68px;
    background: url(images/buttons/ccMetadata.gif) no-repeat center center !important;
    cursor: pointer;
}

.v-navigation-menu-metadata a {
    text-decoration: none;
    display: block;
}

.v-navigation-menu-metadata a:hover {
    background: url(images/buttons/ccMetadataHover.gif) no-repeat center center !important;
}

.v-navigation-menu-metadata-selected {
    width: 68px;
    height: 68px;
    background: url(images/buttons/ccMetadataSelected.gif) no-repeat center center !important;
    cursor: pointer;
}

.v-navigation-menu-developer {
    width: 68px;
    height: 68px;
    background: url(images/buttons/ccDeveloper.gif) no-repeat center center;
    cursor: pointer;
}

.v-navigation-menu-developer a {
    text-decoration: none;
    display: block;
}

.v-navigation-menu-developer a:hover {
    background: url(images/buttons/ccDeveloperHover.gif) no-repeat center center;
}

.v-navigation-menu-developer-selected {
    width: 68px;
    height: 68px;
    background: url(images/buttons/ccDeveloperSelected.gif) no-repeat center center;
    cursor: pointer;
}

.v-navigation-menu-help {
    width: 68px;
    height: 68px;
    background: url(images/buttons/ccHelp.gif) no-repeat center center;
    cursor: pointer;
}

.v-navigation-menu-help a {
    text-decoration: none;
    display: block;
}

.v-navigation-menu-help a:hover {
    background: url(images/buttons/ccHelpIA.gif) no-repeat center center;
}

.v-navigation-menu-help-selected {
    width: 68px;
    height: 68px;
    background: url(images/buttons/ccHelpO.gif) no-repeat center center;
    cursor: pointer;
}

.common-login-section {
}

.common-login-section-panel {
    color: #289fd7;
    width: 60%;
    margin-left: 20%;
    margin-top: 10%;
    border-width: 2px;
    border-style: solid;
    border-radius: 11px;
    border-color: #d8eef7;
    padding: 8px;
    background-repeat: no-repeat;
    background-color: #b4e1f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b4e1f4), to(#a1d4ec)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #b4e1f4, #a1d4ec); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #b4e1f4, #a1d4ec); /* FF3.6+ */
    background-image: -o-linear-gradient(top, #b4e1f4, #a1d4ec); /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #b4e1f4, #a1d4ec);
    -webkit-box-shadow: 0px 0px 8px 8px #bde1f3;
    box-shadow: 0px 0px 8px 8px #bde1f3;
    font-family: Helvetica, sans-serif;
    font-size: 12pt;
}

.common-login-section-panel-form {
    /*background: url(logo-v-x.gif) 0;*/
    background-repeat: no-repeat;
    background-position: 75px 30px;
    margin-top: 20px;
}

.common-login-section-panel-form input {
    border-radius: 11px 11px 11px 11px;
    height: 2em;
}

.common-login-section-panel-form label {
    display: inline-block !important;
    text-align: right !important;
    font-family: Helvetica, sans-serif;
    font-size: 11pt;
    margin-right: 4px;
}

.common-login-button {
    height: 26px;
    width: 200px;
    left: 300px;
    border-radius: 5px 5px 5px 5px;
    border-style: none;
    margin-top: 4px;
    color: #f4f4f4;
    background-color: #1b91c8;
    -webkit-box-shadow: 0px -2px 2px 0px #63bce6;
    box-shadow: 0px -2px 2px 0px #63bce6;
    font-size: 18px;
    padding-top: 0px;
}

.common-changepassword-section {
}

.common-changepassword-section-panel {
    color: #289fd7;
    width: 60%;
    margin-left: 20%;
    margin-top: 10%;
    border-width: 2px;
    border-style: solid;
    border-radius: 11px;
    border-color: #d8eef7;
    padding: 8px;
    background-repeat: no-repeat;
    background-color: #b4e1f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b4e1f4), to(#a1d4ec)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #b4e1f4, #a1d4ec); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #b4e1f4, #a1d4ec); /* FF3.6+ */
    background-image: -o-linear-gradient(top, #b4e1f4, #a1d4ec); /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #b4e1f4, #a1d4ec);
    -webkit-box-shadow: 0px 0px 8px 8px #bde1f3;
    box-shadow: 0px 0px 8px 8px #bde1f3;
    font-family: Helvetica, sans-serif;
    font-size: 12pt;
}

.common-changepassword-section-panel-label {
    margin: 20px 0px 0px 200px;
    height: 20px;
}

.common-changepassword-section-panel-form {
    height: 100px;
    background: url(logo-v-x.gif) 0;
    background-repeat: no-repeat;
    background-position: 75px 30px;
}

.common-changepassword-section-panel-form input {
    border-radius: 11px 11px 11px 11px;
    height: 2em !important;
}

.common-changepassword-section-panel-form label {
    display: inline-block !important;
    text-align: right !important;
    font-family: Helvetica, sans-serif;
    font-size: 11pt;
    margin-right: 4px;
}

.common-changepassword-button {
    height: 26px !important;
    width: 200px !important;
    left: 300px;
    border-radius: 5px 5px 5px 5px;
    border-style: none;
    margin-top: 4px;
    color: #f4f4f4;
    background-color: #1b91c8;
    -webkit-box-shadow: 0px -2px 2px 0px #63bce6;
    box-shadow: 0px -2px 2px 0px #63bce6;
    font-size: 18px;
    padding-top: 0px;
}

.v-header-panel-user {
    padding-top: 7px;
    margin-right: 20px;
    white-space: nowrap;
    float: right;
}

.v-header-panel-user a {
    text-decoration: none;
    padding-left: 40px;
    color: white;
    background: url(images/login_up.png) no-repeat 0;
}

.v-header-panel-user a:hover {
    color: white;
    background: url(images/login_over.png) no-repeat 0;
    text-decoration: none;
}

.commander-grid-custom {
    padding: 0px !important;
    height: 20px;
}

.commander-grid-custom img {
    height: 16px;
    width: 16px;
    padding: 1px 3px;
}

.x-menu-checked {
    background: url(images/default/menu/checked.gif) no-repeat left center;
}

.v-section-details {
    padding: 10px;
    background-color: #f0f0f0;
}

.v-section-details-tab {
    background-color: #f0f0f0 !important;
}

.v-section-details-container {
}

.v-twitter-servicelayout {
    margin-top: 20px;
    margin-bottom: 100px;
    margin-right: 10px;
    margin-left: 10px;
}

.v-section-details-label {
    font-family: Arial Unicode MS, Arial, sans-serif;
    font-size: small;
    font-weight: bold;
}

.v-section-details-errorscontainer {
}

.v-section-details-errorscontainer textarea {
    border: 0px;
}

.v-section-details-grid {
}

.v-section-details-grid-cf-0 {
    width: 25%;
}

.v-section-details-grid-cf-1 {
    width: 25%;
}

.v-section-details-grid-cf-2 {
    width: 25%;
}

.v-section-details-tr-even {
    background: #FFFFFF;
}

.v-section-details-tr-odd {
    background: ghostwhite;
}

.v-section-detail-table table {
    width: 100%;
}

.v-section-detail-qrcode {
    cursor: pointer;
    padding-left: 10px;
}

.v-section-details-startwebsessioncontainer {
    margin-top: 5px;
}

.v-section-license-textarea {
    width: 100%;
    border-width: 0px;
    padding: 0px;
}

.v-section-license-apply {
    padding: 2px 10px;
    overflow: hidden;
}

.v-section-license-apply button {
    float: right;
}

.v-section-license-details {
    padding-bottom: 5px;
}

.v-section-license-details td {
    padding: 1px 5px;
}

.v-section-license-details input {
    border-width: 0px !important;
    padding: 0px;
}

.v-section-license-details-textfield {
    width: 100% !important;
}

.v-services-tracing-fieldsetitem {
    margin: 2px !important;
}

.v-services-tracing-textarea textarea {
    height: 100px;
}

.v-section-grid-label {
    background-color: #fff;
    padding: 5px;
    float: left;
    vertical-align: middle;
}

.v-reports {
    background-color: white;
    text-align: center;
}

.v-reports-nodata {
    margin-top: 30px;
}

.v-reports-header-refresh {
    margin: 10px 20px 0px 5px !important;
    float: right !important;
    width: 16px;
    height: 16px;
    background-image: url(images/default/grid/refresh.png);
    cursor: pointer;
}

.v-reports-header-reports {
    margin: 7px 10px 0px 5px !important;
    float: right !important;
}

.v-reports-header-selectedtime {
    margin: 7px 10px 0px 5px !important;
    float: right !important;
}

.v-reports-header-timerange {
    margin: 7px 10px 0px 5px !important;
    float: right !important;
}

.v-reports-header-entries {
    margin: 7px 10px 0px 5px !important;
    float: right !important;
}

.v-grid3-row-isshadow div {
    background-color: #FFCC00 !important;
}

.v-grid3-row-ishighlighted div {
    background-color: #FFCC00 !important;
}

.v-section-users-hidedeletedusers {
    margin: 5px;
    float: left;
    vertical-align: middle;
}

.v-section-users-hidedeletedusers label {
    margin-left: 5px;
}

.v-objecteditor-section {

}

.v-objecteditor-section-header {
    border-spacing: 0px;
}

.v-objecteditor-section-header-col0 {
    width: 205px;
}

.v-objecteditor-section-header-img-linked {
    height: 12px;
    width: 18px;
    background: url(images/linked.gif) no-repeat 0px 0px;
}

.v-objecteditor-section-header-label-linked {
    font-size: 12px;
    font-weight: initial;
    line-height: 15px;
}

.v-objecteditor-section-header-label {
    font-size: 12px;
}

.v-objecteditor-section-drop {
}

.v-objecteditor-section-drop-active {
    height: 10px;
    background-color: #e6fafa !important;
}

.v-objecteditor-content {
    border-left: 10px #d0d0d0 solid !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
}

.v-developer-linkfield {
    background-repeat: no-repeat;
    background-position: 1px center;
    background-color: #ccc;
    padding-left: 18px;
}

.v-objecteditor-tab {

}

.v-objecteditor-field {
    padding: 5px 10px 5px 10px;
    width: 100%;
}

.v-objecteditor-field-label {
    width: 180px;
    font-family: 'OpenSans-Bold','Helvetica Neue',Helvetica,Arial,sans-serif;
    margin-right: 6px;
}

.v-objecteditor-field-label .gwt-Label {
    display: table-cell;
    vertical-align: middle;
    line-height: 14px;
    height: 28px;
    overflow: visible;
}

.v-objecteditor-field-icon {
    margin: 2px 2px 0px 0px;
}

.v-objecteditor-field-icon img {
    width: 0px;
    height: 0px;
}

.v-objecteditor-field-action {
    margin: 2px 0px 0px 2px;
}

.v-objecteditor-field-action img {
    width: 0px;
    height: 0px;
}

.v-objecteditor-field-input,
.v-objecteditor-field-fileselect,
.v-objecteditor-field-password,
.v-objecteditor-field-display,
.v-objecteditor-field-textarea,
.v-objecteditor-field-templateeditor,
.v-objecteditor-field-description,
.v-objecteditor-field-sequence-container input {
    width: 90%;
    box-sizing: border-box;
}

.v-objecteditor-field-input input,
.v-objecteditor-field-password input,
.v-objecteditor-field-layer,
.v-objecteditor-field-dropdown .gwt-ListBox,
.v-objecteditor-field-dropdown input,
.v-objecteditor-field-objectarea-htmlinput,
.v-objecteditor-field-link input,
.v-objecteditor-field-textarea textarea,
.v-objecteditor-field-textarea input,
.v-objecteditor-field-fileselect input,
.v-objecteditor-field-sequence-container-item input,
.v-objecteditor-field-description textarea,
.v-objecteditor-field-templateeditor textarea,
.v-objecteditor-field-display input,
.v-objecteditor-field-layer input,
.v-objecteditor-field-combobox input,
.v-objecteditor-field-multicheckbox {
    width: 380px;
}

.v-objecteditor-field-display input {
    background-color: #f3f3f3 !important;
}

.v-objecteditor-field-templateeditor textarea {
    height: 500px;
}

.v-objecteditor-field-objectarea {
    width: 100%;
    font-family: "OpenSans-Reg","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
}

.v-objecteditor-field-objectarea-htmlinput {
    width: 100%;
    height: 200px;
    border: 1px solid #ccc;
    padding: 3px;
    white-space: pre-wrap;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 4px;
}

.v-developer-fieldcontainingobject {
    color: #000000;
    background-color: #ccc;
}

.v-developer-fieldcouldcontainobject {
    border: 1px dashed #d4effc;
    border-radius: 4px;
    background-color: #00aeef;
}

.v-objecteditor-section-required,
.v-objecteditor-section-required div,
.v-objecteditor-section-required a,
.v-objecteditor-section-required span,
.v-objecteditor-section-required em,
.v-objecteditor-section-required .gwt-Label {
    color: #ff9630;
}

.v-objecteditor-field-required,
.v-objecteditor-field-input-required,
.v-objecteditor-field-fileselect-required,
.v-objecteditor-field-textarea-required,
.v-objecteditor-field-templateeditor-required,
.v-objecteditor-field-password-required {
    background-color: #ff9630;
}

ul > li > span > .dirty,
.v-objecteditor-section-header-label.dirty:after {
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ff0000;

    position: absolute;
    content: '';

    left: 0;
    bottom: 0;
}

ul > li > span > .filled,
.v-objecteditor-section-header-label.filled:before {
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-top: 7px solid #00a654;

    position: absolute;
    content: '';

    left: 0;
    top: 0;
}

span.v-objecteditor-section-required {
    display: inline-block !important;
}

.v-objecteditor-section-required:before {
    content: '*';
    color: red;
    margin-left: 3px;
}

.v-objecteditor-field-sequence-container .v-developer-contextMenuButton {
    display: none;
}

.v-developer-dropMenuButton {
    width: 14px;
    height: 14px;
    background-image: url(images/gray/linkIcon.gif);
    cursor: pointer;
}

.v-developer-dropMenuButton:hover,
.v-developer-dropMenuButton:active {
    background-image: url(images/gray/linkOverIcon.gif);
}

.v-developer-dropMenuButton-header {
    width: 14px;
    height: 14px;
    background-image: url(images/gray/linkIcon.gif);
    cursor: pointer;
}

.v-developer-dropMenuButton-header:hover,
.v-developer-dropMenuButton-header:active {
    background-image: url(images/gray/linkOverIcon.gif);
}

.v-developer-hoverovervalidfield {
    background-color: #a8dff7;
}

.v-developer-fieldcouldcontainobject-header {
    background-image: initial !important;
}

.v-developer-hoverovervalidfield-header {
    background-image: initial !important;
}

.v-objecteditor-field-sequence {
    width: 100%;
}


.v-objecteditor-field-sequence-container {
    width: 100%;
}

.v-objecteditor-field-sequence-container-item {
    width: 100%;
    margin-bottom: 5px;
    box-shadow: none;
}

.v-developer-droppable {

}

.v-developer-droppable-hovered {

}

.v-objecteditor-field-dropdown {
    width: 100%;
}

.v-objecteditor-field-dropdown-containing-object {
    color: #000 !important;
    background-color: #989898 !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

.v-objecteditor-field-multicheckbox {
}

.v-objecteditor-field-multicheckbox input {
    margin-right: 2px;
}

.v-objecteditor-field-multicheckbox label {
    margin-right: 15px;
}

.v-objecteditor-field-multicheckbox td {
    width: 100%;
}

.v-objecteditor-field-sequence select {
    width: 100%;
    background-color: #fff;
    background-image: url(../images/default/form/text-bg.gif);
    border-color: #b5b8c8;
    vertical-align: middle;
    padding: 1px 3px;
    background: repeat-x 0 0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.v-objecteditor-field-layer {
    width: 100%;
    background-color: #ccc !important;
    border-radius: 4px;
}

.v-objecteditor-field-layer input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.v-objecteditor-field-link {
    width: 100%;
}

.v-objecteditor-field-link input {
    width: 100%;
    color: #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.v-objecteditor-line {
    border: 1px solid;
    border-top: 0 none;
    border-color: #b5b8c8;
    margin: 3px 10px;
    height: 1px;
    width: 98%;
}

.v-objecteditor-text {
    width: 100%;
    padding: 5px;
}

.v-objecteditor-text .gwt-Label {
    font-family: "OpenSans-Reg","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.v-objecteditor-checkbox {
    padding: 5px;
}

.v-objecteditor-checkbox label {
    padding-left: 5px;
}

.v-container-hidden {
    display: none;
}

.v-objecteditor-voobjectpicker select {
    width: 100% !important;
    background-color: #fff !important;
    background-image: url(../images/default/form/text-bg.gif);
    border-color: #b5b8c8;
    vertical-align: middle;
    padding: 1px 3px;
    background: repeat-x 0 0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.v-objecteditor-field-invalid {
}

.v-objecteditor-field-invalid input {
    border: 1px solid #c30;
}

.v-objecteditor-tooltip-invalid {
    display: none;
}

.webcommander-import-uploader {
    margin-left: 10px;
    color: black;
    width: 175px !important;
}

.webcommander-import-uploader div {
    font-weight: normal;
}

.DecoratedFileUpload .gwt-Label {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.v-commander-selection {
    margin-top: 30px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    width: 200px;
}

.v-header-button table {
    width: 100%;
}

.v-hidden {
    visibility: hidden !important;
    border-bottom-width: 0px !important;
    padding: 0px !important;
    height: 0px !important;
}

.v-developer-projectdescription {
    margin: 30px auto 0 !important;
    float: none !important;
    width: 200px;
}

.v-dashboard-errorlabel {
    color: #cc3300;
    font-size: smaller;
}

.v-developer-unselectable-text {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.v-developer-boxmodelfix {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.v-developer-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.v-objecteditor-voprojectobjectpicker {
    background: #fff;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
    overflow: hidden !important;
}

.v-objecteditor-voprojectobjectpicker .gwt-ListBox {
     height: auto;
     padding: 2px;

     -webkit-appearance: inherit;
     -moz-appearance: inherit;
     appearance: inherit;

     cursor: inherit;

     background: none;
}

.v-objecteditor-voprojectobjectpicker .gwt-Label {
    margin-bottom: 5px;
}

.background-size-fix {
    background-size: 14px;
}

.background-size-fix-img img {
    background-size: 14px !important
}

.v-actions-popover span img,
.v-actions-popover ~ div span img {
    background-size: cover !important;
}