html {
    overflow: auto !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .x-grid3-row td.x-grid3-cell
    {
        box-sizing: border-box;
    }
}

body {
}

.v-h1 {
	font-weight: bold;
	font-size: 14px;
	color: #4C4C4C;
}

td.title_top {
	padding-left: 4px;
}

td.title,td.title_top,td.title_nav,td.title_content,td.nav {
	color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
}

.v-section {
	border: 0 none;
	padding: 0;
	margin: 0;
	background: #fff;
}

.v-section-buttons {
    background-color: white;
}

.v-loading-indicator {
    font-family: "OpenSans-Reg", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;

    line-height: 20px;
    text-align: center;
    width: 100%;
    margin: 120px 0 0;
    height: 20px;
}

.v-loading-indicator.dialog-loader {
    margin: 0;
    height: 100%;
}

.v-loading-indicator .spinner {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.v-loading-indicator.dialog-loader .spinner {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);

    margin: auto;
}

@-webkit-keyframes uil-default-anim { 0% { opacity: 1 } 100% { opacity: 0 } }
@-moz-keyframes uil-default-anim { 0% { opacity: 1 } 100% { opacity: 0 } }
@-o-keyframes uil-default-anim { 0% { opacity: 1 } 100% { opacity: 0 } }
@keyframes uil-default-anim { 0% { opacity: 1 } 100% { opacity: 0 } }

.v-loading-indicator .spinner .line {
    top: 82px;
    left: 97px;
    width: 5px;
    height: 36px;
    background: #000000;
    border-radius: 0;
    position: absolute;

    opacity: 0.09;
}

.v-loading-indicator .line1,
#spinnerContainer > div > div:nth-of-type(1) {
    -webkit-transform: rotate(0deg) translate(0,-50px);
    -moz-transform: rotate(0deg) translate(0,-50px);
    -o-transform: rotate(0deg) translate(0,-50px);
    transform: rotate(0deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear -0.5s infinite;
    -moz-animation: uil-default-anim 1s linear -0.5s infinite;
    -o-animation: uil-default-anim 1s linear -0.5s infinite;
    animation: uil-default-anim 1s linear -0.5s infinite;
}

.v-loading-indicator .line2,
#spinnerContainer > div > div:nth-of-type(2) {
    -webkit-transform: rotate(27deg) translate(0,-50px);
    -moz-transform: rotate(27deg) translate(0,-50px);
    -o-transform: rotate(27deg) translate(0,-50px);
    transform: rotate(27deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear -0.4230769230769231s infinite;
    -moz-animation: uil-default-anim 1s linear -0.4230769230769231s infinite;
    -o-animation: uil-default-anim 1s linear -0.4230769230769231s infinite;
    animation: uil-default-anim 1s linear -0.4230769230769231s infinite;
}

.v-loading-indicator .line3,
#spinnerContainer > div > div:nth-of-type(3) {
    -webkit-transform: rotate(55deg) translate(0,-50px);
    -moz-transform: rotate(55deg) translate(0,-50px);
    -o-transform: rotate(55deg) translate(0,-50px);
    transform: rotate(55deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear -0.34615384615384615s infinite;
    -moz-animation: uil-default-anim 1s linear -0.34615384615384615s infinite;
    -o-animation: uil-default-anim 1s linear -0.34615384615384615s infinite;
    animation: uil-default-anim 1s linear -0.34615384615384615s infinite;
}

.v-loading-indicator .line4,
#spinnerContainer > div > div:nth-of-type(4) {
    -webkit-transform: rotate(83deg) translate(0,-50px);
    -moz-transform: rotate(83deg) translate(0,-50px);
    -o-transform: rotate(83deg) translate(0,-50px);
    transform: rotate(83deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear -0.2692307692307692s infinite;
    -moz-animation: uil-default-anim 1s linear -0.2692307692307692s infinite;
    -o-animation: uil-default-anim 1s linear -0.2692307692307692s infinite;
    animation: uil-default-anim 1s linear -0.2692307692307692s infinite;
}

.v-loading-indicator .line5,
#spinnerContainer > div > div:nth-of-type(5) {
    -webkit-transform: rotate(110deg) translate(0,-50px);
    -moz-transform: rotate(110deg) translate(0,-50px);
    -o-transform: rotate(110deg) translate(0,-50px);
    transform: rotate(110deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear -0.1923076923076923s infinite;
    -moz-animation: uil-default-anim 1s linear -0.1923076923076923s infinite;
    -o-animation: uil-default-anim 1s linear -0.1923076923076923s infinite;
    animation: uil-default-anim 1s linear -0.1923076923076923s infinite;
}

.v-loading-indicator .line6,
#spinnerContainer > div > div:nth-of-type(6) {
    -webkit-transform: rotate(138deg) translate(0,-50px);
    -moz-transform: rotate(138deg) translate(0,-50px);
    -o-transform: rotate(138deg) translate(0,-50px);
    transform: rotate(138deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear -0.11538461538461536s infinite;
    -moz-animation: uil-default-anim 1s linear -0.11538461538461536s infinite;
    -o-animation: uil-default-anim 1s linear -0.11538461538461536s infinite;
    animation: uil-default-anim 1s linear -0.11538461538461536s infinite;
}

.v-loading-indicator .line7,
#spinnerContainer > div > div:nth-of-type(7) {
    -webkit-transform: rotate(166deg) translate(0,-50px);
    -moz-transform: rotate(166deg) translate(0,-50px);
    -o-transform: rotate(166deg) translate(0,-50px);
    transform: rotate(166deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear -0.038461538461538436s infinite;
    -moz-animation: uil-default-anim 1s linear -0.038461538461538436s infinite;
    -o-animation: uil-default-anim 1s linear -0.038461538461538436s infinite;
    animation: uil-default-anim 1s linear -0.038461538461538436s infinite;
}

.v-loading-indicator .line8,
#spinnerContainer > div > div:nth-of-type(8) {
    -webkit-transform: rotate(193deg) translate(0,-50px);
    -moz-transform: rotate(193deg) translate(0,-50px);
    -o-transform: rotate(193deg) translate(0,-50px);
    transform: rotate(193deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear 0.038461538461538436s infinite;
    -moz-animation: uil-default-anim 1s linear 0.038461538461538436s infinite;
    -o-animation: uil-default-anim 1s linear 0.038461538461538436s infinite;
    animation: uil-default-anim 1s linear 0.038461538461538436s infinite;
}

.v-loading-indicator .line9,
#spinnerContainer > div > div:nth-of-type(9) {
    -webkit-transform: rotate(221deg) translate(0,-50px);
    -moz-transform: rotate(221deg) translate(0,-50px);
    -o-transform: rotate(221deg) translate(0,-50px);
    transform: rotate(221deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear 0.11538461538461542s infinite;
    -moz-animation: uil-default-anim 1s linear 0.11538461538461542s infinite;
    -o-animation: uil-default-anim 1s linear 0.11538461538461542s infinite;
    animation: uil-default-anim 1s linear 0.11538461538461542s infinite;
}

.v-loading-indicator .line10,
#spinnerContainer > div > div:nth-of-type(10) {
    -webkit-transform: rotate(249deg) translate(0,-50px);
    -moz-transform: rotate(249deg) translate(0,-50px);
    -o-transform: rotate(249deg) translate(0,-50px);
    transform: rotate(249deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear 0.1923076923076923s infinite;
    -moz-animation: uil-default-anim 1s linear 0.1923076923076923s infinite;
    -o-animation: uil-default-anim 1s linear 0.1923076923076923s infinite;
    animation: uil-default-anim 1s linear 0.1923076923076923s infinite;
}

.v-loading-indicator .line11,
#spinnerContainer > div > div:nth-of-type(11) {
    -webkit-transform: rotate(276deg) translate(0,-50px);
    -moz-transform: rotate(276deg) translate(0,-50px);
    -o-transform: rotate(276deg) translate(0,-50px);
    transform: rotate(276deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear 0.2692307692307693s infinite;
    -moz-animation: uil-default-anim 1s linear 0.2692307692307693s infinite;
    -o-animation: uil-default-anim 1s linear 0.2692307692307693s infinite;
    animation: uil-default-anim 1s linear 0.2692307692307693s infinite;
}

.v-loading-indicator .line12,
#spinnerContainer > div > div:nth-of-type(12) {
    -webkit-transform: rotate(304deg) translate(0,-50px);
    -moz-transform: rotate(304deg) translate(0,-50px);
    -o-transform: rotate(304deg) translate(0,-50px);
    transform: rotate(304deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear 0.34615384615384615s infinite;
    -moz-animation: uil-default-anim 1s linear 0.34615384615384615s infinite;
    -o-animation: uil-default-anim 1s linear 0.34615384615384615s infinite;
    animation: uil-default-anim 1s linear 0.34615384615384615s infinite;
}

.v-loading-indicator .line13,
#spinnerContainer > div > div:nth-of-type(13) {
    -webkit-transform: rotate(332deg) translate(0,-50px);
    -moz-transform: rotate(332deg) translate(0,-50px);
    -o-transform: rotate(332deg) translate(0,-50px);
    transform: rotate(332deg) translate(0,-50px);

    -webkit-animation: uil-default-anim 1s linear 0.42307692307692313s infinite;
    -moz-animation: uil-default-anim 1s linear 0.42307692307692313s infinite;
    -o-animation: uil-default-anim 1s linear 0.42307692307692313s infinite;
    animation: uil-default-anim 1s linear 0.42307692307692313s infinite;
}

.v-icon-asc {
	background-image: url(../images/console/hmenu-asc.gif) !important;
}

.v-icon-desc {
	background-image: url(../images/console/hmenu-desc.gif) !important;
}

.v-icon-filter {
	background-image: url(../images/console/funnel.png) !important;
}

.console-iframe {
	width: 100%;
	height: 100%;
}

.preview-iframe {
    width: 100%;
    height: 100%;
    border: 1px solid gray;
}

.v-toggle-btn {
}

.v-toolbar {
	height: 21px;
}

.FieldHint {
	color: graytext;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: lighter;
	vertical-align: bottom;
	text-align: center;
	margin-top: 4;
	padding-right: 80;
}

.v-navigation-panel {
    border: 0 none;
    padding: 0 0 0 20px;
    margin: 10px 0 0;
    border-left: 1px solid #777;
}

.v-menu-panel {
    border-right: 1px solid silver;
    background: #f0f0f0;
    white-space: nowrap;
}

.v-menu-item {
    padding: 1px 1px 1px 0;
  list-style-type: none;;
  font-size: 12px;;
  cursor: pointer;
    border-bottom: 1px solid silver;
}

.v-menu-item a {
    padding: 9px 5px 5px;
    margin: 0;
  text-decoration: none;
  display: block;
  font-weight: normal;
  font-family: verdana, sans-serif;
  color: black;
  height: 20px;
  font-size: 12px;
  vertical-align: middle;
  text-align: right;
}

.v-menu-item a:hover {
  color: black;
  background: url(../images/console/side_menu_up.png) repeat-y 0 !important;
  text-decoration: none;
}

.v-menu-item-selected {
  padding: 1px 1px 1px 0px;
  list-style-type: none;;
  font-size: 12px;;
  cursor: pointer;
  border-bottom-color: silver;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: white;;
}

.v-menu-item-selected a {
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 9px;
  padding-bottom: 5px;
  margin: 0;
  text-decoration: none;
  display: block;
  font-weight: normal;
  font-family: verdana, sans-serif;
  height: 20px;
  font-size: 12px;
  vertical-align: middle;
  text-align: right;
  color: white;
  background: url(../images/console/side_menu_down.png) repeat-y 0 !important;
}
.v-menu-item-selected a:hover {
  color: white;
  text-decoration: none;
}
.v-header-panel {
    border: 0px;
    color: #FFFFFF;
    font-size: 14px;
    background: #000;
}

.v-header-panel-logo {
	width: 150px;
    height: 52px;
    margin: 0px 4px !important;
    position: relative !important;
    background: url(../images/logos/logo.svg) 20px center no-repeat;
}

.v-header-panel-right {
    height: 52px;
    width: 300px;
    float: right;
    background: transparent;
}

.v-header-panel-right > div {
    float: right;
}

.v-header-panel-menu .menu-bar-disabled {
    pointer-events: none;
}

.v-header-panel-navigation {
    height: 50px;
}

.v-header-panel-search {
    display: none;
}

.v-header-panel-search:empty {
    border: 0 solid;
}

.v-header-panel-search div {
    border: 0 solid;
}

.v-header-panel-tools {
    padding-top: 0;
}

.v-detail {
    
}

.v-detail-header {
    overflow: hidden;
    zoom: 1;
    padding: 6px 4px 3px 4px !important;
    line-height: 15px;
    border-width: 0px !important;
}

.v-detail-header-text {
    font-family: verdana, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.v-detail-header-divider {
    padding: 0px 15px;
}

.v-detail-tl {
    background: transparent url(../images/console/content_top_left.gif)
        no-repeat 0 0;
    padding-left: 5px;
    border-bottom: 1px solid #CAC9C9;
    zoom: 1;
}

.v-detail-tr {
    background: transparent url(../images/console/content_top_right.gif)
        no-repeat right 0;
    zoom: 1;
    padding-right: 5px;
}

.v-detail-tc {
    color: #006699;
        background: transparent url(../images/console/content_top_center.gif)
        repeat-x 0 -1px !important;
    height: 34px !important;
}

.v-detail-mc {
    border: 0 none;
    padding: 0;
    margin: 0;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    padding-top: 0px;
    background: #fff;
}

.v-detail-mc .x-panel-body {
    background: white;
    border: 0 none;
}

.v-detail-ml {
    background-color: #fff;
    padding-left: 0px;
    zoom: 1;
}

.v-detail-mr {
    background-color: #fff;
    padding-right: 0px;
    zoom: 1;
}

.v-detail-bc {
    zoom: 1;
    background-color: #fff;
}

.v-detail-bc .v-detail-footer {
    zoom: 1;
}

.v-detail-bl {
    background: transparent url(../images/console/content_bottom_left.gif)
        no-repeat 0 bottom;
    padding-left: 0px;
    zoom: 1;
}

.v-detail-br {
    background: transparent url(../images/console/content_bottom_right.gif)
        no-repeat right bottom;
    padding-right: 0px;
    zoom: 1;
}

.v-detail-bc .v-detail-footer {
    padding-bottom: 0px;
    font-size: 0;
    line-height: 0;
}

.v-detail-nofooter {
    height: 5px;
    font-size: 0;
    line-height: 0;
}

.v-shuffle {
}

.v-shuffle-button-right {
	margin: 5px !important;
}

.v-shuffle-button-left {
	margin: 5px !important;
}

.v-shuffle-cf-unselected {
	width: 50%;
}

.v-shuffle-cf-selected {
	width: 50%;
}

.v-shuffle-unselected {
	height: 100%;
	background-color: #FFF;
}

.v-shuffle-selected {
	height: 100%;
	background-color: #FFF;
}

.x-form-check-wrap,.x-form-radio-wrap { 
    padding:0;
}

.v-grid3-row-highlighted{background:#DFE8F6!important;border:1px dotted #a3bae9;}
.x-grid3-locked td.x-grid3-row-marker,.x-grid3-locked .v-grid3-row-selected td.x-grid3-row-marker{background:#ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom!important;vertical-align:middle!important;color:black;padding:0;border-top:1px solid white;border-bottom:none!important;border-right:1px solid #6fa0df!important;text-align:center;}
.x-grid3-locked td.x-grid3-row-marker div,.x-grid3-locked .v-grid3-row-selected td.x-grid3-row-marker div{padding:0 4px;color:#15428b!important;text-align:center;}
.v-grid3-row-selected .x-grid3-row-checker,.x-grid3-hd-checker-on .x-grid3-hd-checker{background-position:-23px 2px;}
.x-grid3-body .v-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .v-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .v-grid3-row-selected .x-grid3-td-expander{background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;}

.v-grid-search-panel {
    padding-right: 25px;
    vertical-align: middle;
    margin: 2px 5px 0px 5px;
}

.v-search-panel-disabled:before {
    display: inline-block;
    font: normal normal normal 14px/1 'font-cxp';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);

    float: left;
    margin: 7px;
    position: absolute;
    left: 0;
    top: 0;

    content: "\e665";
    color: #d6d6d6;
    z-index: 1;
}
	
.v-search-panel-disabled {
    padding-left: 20px;
    margin-right: 4px;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; // IE8

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=30); // IE 5-7

    /* Modern Browsers */
    opacity: 0.3;
}

.v-search-panel-disabled-input {
    background: #000000;
    color: #fff;
}

.x-form-clear-trigger {
	width: 0px !important;
}

.x-tip-anchor {
    position: absolute;
    width: 25px;
    height: 25px;
    overflow:hidden;
    background: url(../images/console/tip/tip-anchor-sprite.png) no-repeat 0 0;
    zoom:1;
}
.x-tip-anchor-bottom {
    background-position: -25px 0;
}
.x-tip-anchor-right {
    background-position: -50px 0;
}
.x-tip-anchor-left {
    background-position: -75px 0;
}
.x-tip-anchor-top {
    top: -25px !important;
}
.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
    background-image: url(../images/console/tip/tip-sprite.png);
}
.x-tip .x-tip-top {
    background-image:url(../images/console/tip/tip-sprite.png);
}
.x-tip .x-tip-top-left {
    background-image:url(../images/console/tip/tip-sprite.png);
}
.x-tip .x-tip-top-right {
    background-image:url(../images/console/tip/tip-sprite.png);
}
.x-tip .x-tip-ft {
    background-image:url(../images/console/tip/tip-sprite.png);
}
.x-tip .x-tip-ft-left {
    background-image:url(../images/console/tip/tip-sprite.png);
}
.x-tip .x-tip-ft-right {
    background-image:url(../images/console/tip/tip-sprite.png);
}
.x-tip .x-tip-bd-left {
    background-image:url(../images/console/tip/tip-sprite.png);
}
.x-tip .x-tip-bd-right {
    background-image:url(../images/console/tip/tip-sprite.png);
}
.x-tip-body {
	color: white !important;
}
.x-tip-tc {
        background-position: 0 -65px !important;
}
.x-tip-bc{
    height: 6px !important;
}
/*
+ Login Section
*/
.developer-login-section-panel {
    width: 310px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    background: #ffffff;
    box-shadow: 0px 0px 5px 1px #a1a1a1;
    position: relative !important;
    overflow: hidden;
}

.developer-login-section-panel .logo-container {
    background-color: #F7F7F7;
}

.developer-login-section-panel div.gwt-Label.login-application-title {
    font-size: 24px;
    color: #666666;
}

.developer-login-section-panel .login-form {
    background-color: #F7F7F7;
    padding: 10px;
    margin: 0px 30px 20px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #E1E1E1;
}

.developer-login-section-panel div.gwt-Label,
.developer-login-section-panel label {

}

.developer-login-section-panel .login-form .login-input {
    margin: 5px 0 5px 0 !important;
}

.developer-login-section-panel .login-form .login-input div {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.developer-login-section-panel .login-remember-me {
    padding-top: 15px;
}

.developer-login-section-panel .developer-login-button {
    background-color: #00ADEF;
    border: 1px solid #3A88B9;
    margin: 0 30px 20px;
    padding: 0;
    height: 35px;
    line-height: 35px;

    color: #fff;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    font-family: "OpenSans-Reg", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.developer-login-section-panel .developer-login-button:active,
.developer-login-section-panel .developer-login-button:hover {
    background: #008FC4;
}

.developer-login-section-panel .developer-login-button[disabled],
.developer-login-section-panel .developer-login-button[disabled]:hover,
.developer-login-section-panel .developer-login-button[disabled]:active {
    cursor: default;
    color: #E8E8E8;
    background: #FCFCFC;
    border: 1px solid #D1D1D1;
}

.developer-login-section-panel .login-remember-me input {
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-top;
    cursor: pointer;
}

.developer-login-section-panel .login-remember-me label {
    display: inline-block !important;
    vertical-align: 2px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}