@import url(./parent/styles.css);
/*@import url(./select/select.css);*/


body {
    margin-left: 12px;

    /*background-image: linear-gradient(bottom, rgb(255,255,255) 16%, rgb(240,240,240) 50%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 16%, rgb(240,240,240) 50%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 16%, rgb(240,240,240) 50%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 16%, rgb(240,240,240) 50%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 16%, rgb(240,240,240) 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.16, rgb(255,255,255)),
        color-stop(0.5, rgb(240,240,240))
    );*/

    background-image: url("customimg/login.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*background-color: #FAFAFA;*/
}

.v-app .active {
    background-color: #EEEEEE;
    background-image: unset;
    height: 100%;
}


.no-toolbar .gwt-RichTextToolbar {
    display: none;
}

.no-toolbarbottom .gwt-RichTextToolbar-bottom {
    display: none;
}

.header {
    min-height: 53px !important;
}

.v-horizontallayout-headerlogin.headerlogin {
    width: 100%;
    padding-left: 0px;
    padding-top: 0px;
    background-color: #2196F3;

}

.header .v-captiontext {
    /*color: #fff;*/
    font-weight: normal;
    font-size: 12px;
}

.v-Notification-error {
    background: #ffffff;
    border-style: solid;
    border-width: 2px;
    color: red;
    box-shadow: 0 2px 1px 1px gray;
    opacity: 0.8 !important;
    font-size: 10px !important;
}

.rootbacklogo {
    /*background-image: url("customimg/background-header.png");*/
    /*background-repeat: repeat-x;
    background-attachment: scroll;*/
    background-position: top left;
    border: 0 none;
    /*overflow: hidden;*/
    width: 100%;
}

.logo {
    background-image: url("customimg/oouyea_logo.png");
    max-height: 110px !important;
    padding: 3px;
}

.v-panel-content-mainpaneltransparent {
    background: RGBA(255, 255, 255, 0.5);
    border-image: none;
    border-color: black;
    border-style: ridge;
    border-width: 2px;
}

/* Panel */
.v-panel {
    /*background: transparent;*/
    background-color: #FAFAFA;
    /*border-style: solid;
    border-right: 2px;
    border-width: 2px;
    border-color: #81bbea;
    overflow: visible;*/
}

.v-panel-content-mainpanel {
    /*background-color:#edf6fe;*/
    background: #d2d3d5;
}

.v-panel-content.dashboard-vertical {
    background-color: #FFF;
}

.v-panel-content {
    /*border-image: none;
  border-color: transparent;
  border-style: solid;*/

    /*Login Border*/

    border-style: none;
    border-width: 2px;
    border-color: #81bbea;
    overflow: visible;

    /*border-width: 2px;*/
    /*background:RGBA(255,255,255,0.6);*/
    background-color: #FAFAFA;
}

.v-panel-caption {
    background-color: transparent;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    padding: 10px;
    border-color: #ffffff;
    border: none;
    margin-top: -12px;
}

.v-label.panelcaption {
    font-size: 18px;
}

.helpimage {
    position: relative;
    right: 40px;
}

.v-panel-captionwrap {
    border: 0;
}

.v-panel-deco {
    border-top: 0px solid;
}

.v-panel-nocaption {
    border-top: 0px solid;
}

input.v-textfield-error {
    /* background-color: #F9EDED; */
    border-bottom-color: #E53935;


}

v.filterselect-error {
    background-color: #F9EDED;
}


.v-panel-tilesvertical {
    background-color: transparent;
    width: 250px;
    height: 250px;
    border-color: #81bbea;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
}

.v-panel-tilesvertical .v-panel-caption-tilesvertical {
    background-color: #81bbea;
    color: #ffffff;
    font-family: Helvetica Neue;
    font-size: 12px;
}

.v-panel-tilesvertical .v-panel-content-tilesvertical {
    border-style: solid;
    border-width: 1px;
    border-color: #81bbea;
    overflow: visible;
}

/* Tabs */
/*selected tab*/
.v-tabsheet-tabitem-selected .v-caption {
    background: #2196F3;
    color: #FFFFFF;
    border-color: #81bbea;
    border-width: 1px;
    border-style: solid;

}

.v-tabsheet-tabitem-selected {
    border-style: none;
    border-width: 0px;
    /* background-color: #91c1ff;*/
    background: #2196F3;
    color: #FFFFFF
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color: #BA68C8;

}

/*other tabs*/
.v-tabsheet-tabitem {
    background: #81BBEA;
    color: #ffffff;
    border-style: solid;
    border-color: #81bbea;
    border-bottom-width: 4px;
}

.v-tabsheet-tabitem:hover {
    background: #81BBEA;
    color: #ffffff;
    border-bottom-color: #BA68C8;
    border-bottom-style: solid;
    border-bottom-width: 4px;
}

.v-tabsheet-content {
    background: #FAFAFA;
    color: #black;
    border-color: #81bbea;
    border-width: 1px;
    border-style: solid;
}

.v-tabsheet-deco {
    background: none repeat scroll 0 0 transparent;
    border-top: 0px solid #B3B3B3;
    height: 0;
}


/* Table */

.v-table-cell-content-emphasizedrow {
    color: red;
}

.v-table-cell-content-headercell {
    color: black;
    background: #4d9dbe;
    font-weight: bold;
}

.v-table-body {
    background-color: #fff;
}

.v-table tr.v-selected {
    /* background: #0059A5; */
    background: #4d9dbe;
    color: white;
}

.v-table-row {
    background-color: #f5f5f5;
    color: #000000;
}

.v-table-row-odd {
    background-color: #e7e7e8;
    color: #000000;
}


/* filter
.filters-panel {
	background-color: #e7e7e8;
	width: 90000px;
	overflow: hidden;
	height: 37px;
}

.filters-panel .v-label,
.filters-panel .filterplaceholder {
	height: 37px;
}

.v-app .v-table .filters-panel input.v-textfield.v-widget,
.v-window .v-table .filters-panel input.v-textfield.v-widget {
	height: 37px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
}

.datefilterpopup .v-button.v-popupbutton,
.datefilterpopup .v-button.v-popupbutton:focus,
.datefilterpopup .v-button.v-popupbutton:active,
.datefilterpopup .v-button.v-popupbutton.v-pressed,
.numberfilterpopup .v-button.v-popupbutton,
.numberfilterpopup .v-button.v-popupbutton:focus,
.numberfilterpopup .v-button.v-popupbutton:active,
.numberfilterpopup .v-button.v-popupbutton.v-pressed {
	background: #fff none repeat-x 0 100%;
	height: 37px;
	border-radius: 0;
	border: 1px solid #c5c5c5;
	position: relative;
	text-align: left;
	box-shadow: none;
}

.datefilterpopup .v-button.v-popupbutton:focus,
.datefilterpopup .v-button.v-popupbutton:active,
.datefilterpopup .v-button.v-popupbutton.v-pressed,
.numberfilterpopup .v-button.v-popupbutton:focus,
.numberfilterpopup .v-button.v-popupbutton:active,
.numberfilterpopup .v-button.v-popupbutton.v-pressed {
	border-color: #4F83B4 #5B97D0 #5CA0DF;
}

.datefilterpopup .v-button.v-popupbutton .v-button-wrap,
.datefilterpopup .v-button.v-popupbutton:focus .v-button-wrap,
.datefilterpopup .v-button.v-popupbutton:active .v-button-wrap,
.datefilterpopup .v-button.v-popupbutton.v-pressed .v-button-wrap,
.numberfilterpopup .v-button.v-popupbutton .v-button-wrap,
.numberfilterpopup .v-button.v-popupbutton:focus .v-button-wrap,
.numberfilterpopup .v-button.v-popupbutton:active .v-button-wrap,
.numberfilterpopup .v-button.v-popupbutton.v-pressed .v-button-wrap {
	background: none;
	overflow: hidden;
	padding: 0;
	padding-top: 1px;
}


.datefilterpopup .v-button.v-popupbutton .v-popup-indicator,
.numberfilterpopup .v-button.v-popupbutton .v-popup-indicator {
	height: 100%;
    width: 37px;
    position: absolute;
    right: 0;
    top: 0;
    zoom: 1;
    border-left: 1px solid #e4e4e4;
    padding-top: 2px;
    font-size: 20px;
    color: #a3a3a3;
    text-align: center;
}

.datefilterpopup .v-button.v-popupbutton .v-popup-indicator::before,
.numberfilterpopup .v-button.v-popupbutton .v-popup-indicator::before {
	opacity: 1;
	margin: 0;
}

.v-ie .datefilterpopup .v-button.v-popupbutton .v-popup-indicator,
.v-ie .numberfilterpopup .v-button.v-popupbutton .v-popup-indicator {
	display: inline;
}

.datefilterpopup .v-button.v-popupbutton .v-button-caption,
.numberfilterpopup .v-button.v-popupbutton .v-button-caption {
	display: inline-block;
	background: none;
	height: 12px;
	padding: 0;
	padding-top: 2px;
	font-weight: 400;
	color: #474747;
}

.filterwrapper {
	overflow: hidden !important;
	border-left: 1px solid #d4d4d4;
}
.filterwrapper-first {
	border-left: none;
}

.filters-panel .v-checkbox {
	margin-top: 9px;
	margin-left: 14px;
}

.filters-panel .v-filterselect.v-widget {
	border-radius: 0;
}
filter end */

.v-table-header-wrap, .v-table-header-drag {
    background: #81bbea;
    color: #ffffff;

    height: 1.4em;
    line-height: normal;
}

.v-table-cell-content {
    border-right: 1px solid #AAAAAA;
    padding: 0 6px;
}

.searchcomponent {
    padding-bottom: 15px;
}

.v-table-body {
    margin-bottom: 10px;
}

.v-table-row:hover, .v-table-row-odd:hover {
    background: #81bbea;
    color: white;

}

.v-panel.dashboard-vertical {
    font-weight: bold;
}

/* Buttons */
.v-button * {
    overflow: visible !important;
    border: 0;
    font-weight: normal;
    font-size: 13px;
    text-shadow: 0px 0px 0px transparent;
}

.v-button {
    background-color: #81bbea;
    color: #fff;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px gray
}

.logoff {
    background: #2196F3;
    color: #fff;
    border: none;
    height: 62px;
    box-shadow: none;
    padding-top: 10px;
}


.v-button-wrap, .v-disabled:active .v-button-wrap {
    background: transparent;
}

.v-button, .v-disabled.v-button:focus, .v-disabled.v-button:active {
    text-shadow: 0px 0px 0px transparent;
    /*background: #3c3c3c; */
    border: 0px solid transparent;
}

.btnResultEdit, .btnHistory, .recordhistory {
    color: #ffffff;
    background: #81bbea;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px gray;
}

.btnDel {
    color: #fff;
    background: #e00e16;
    box-shadow: 0 2px 2px 2px gray;
}

/* Color of Button */
.btnPrimary {
    background: #ffffff;
    color: #81bbea;
    border-radius: 0px;
}

.btnSecondary {
    color: #565656;
    background: #f5f5f5;
    border-radius: 0px;
}

.btnDanger {
    color: #fff;
    background: #8E24AA;
    border-radius: 0px;
}

/* Alignment of Button */
.primary {
    position: absolute;
    right: 10px;
}

.secondary {
    padding-left: 5px;
}

.searchcomponentbuttons {
    padding: 6px;
}

.buttons {
    display: flex;
    flex-wrap: wrap;
}

.labelDanger {
    color: red;

}

.btnResultDel .v-button-wrap {
    background: #aeaeae;
    border-radius: 0px;
}

/* Filterselect Button */
.v-filterselect-button {
    background-color: #b7babf;
    height: 1.3em;
    opacity: 0.6;
    border-radius: 0px;
    border: none;
}

.v-datefield-button {
    /*border: 2px solid transparent;*/
    margin-left: -2px;
}

/* Textfield */
input.v-textfield-focus {
    /*background-color: #fdfbfb;*/

    border-color: #d2d3d5;
    border-width: 3px;
    background-image: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    -webkit-border-image: none;


}

input.v-textfield[type="text"], .v-filterselect {
    height: 1.2em;
    border-top-style: none;
    /*border-color: #d2d3d5;*/
    border-width: 2px;
    border-bottom-style: solid;
    background-image: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    font-size: 14px !important;
    -webkit-border-image: none;
    background-color: transparent;

}

input.v-textfield[type="password"], .v-filterselect {
    height: 1.2em;
    border-top-style: none;
    border-color: #d2d3d5;
    border-width: 2px;
    border-bottom-style: solid;
    background-image: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;

    -webkit-border-image: none;
}

/* Menu */
.v-menubar {
    background: #2196F3;
    background-position: top left;
    height: 60px;
    margin-bottom: 10px;
    width: 100%;
    font-family: Helvetica Neue;
    font-weight: normal;
    color: #ffffff;
    border-style: solid;
    border-color: #2196F3;
    border-width: 1px;
}

.hlmenubar {
      background-color: #2196F3;
    width: 100%;
    height: 60px;
}

.v-menubar > .v-menubar-menuitem {
    background: #2196F3;
    background-position: top left;
    text-align: center;
    width: 100px;
    margin-top: 28px;
    margin-left: 0px;
    height: 23px;
    font-family: Helvetica Neue;
    border-bottom-color: #2196F3;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    font-size: 14px;
}

.v-menubar > .v-menubar-menuitem:hover {
    background-color: #2196F3;
    font-family: Helvetica Neue;
    font-weight: normal;
    color: #FFFFFF;
    border-bottom-color: #BA68C8;
    border-bottom-style: solid;
    border-bottom-width: 4px;

}

.v-menubar > .v-menubar-menuitem-selected {
    background: #2196F3;
    font-weight: normal;
    color: #FFFFFF;
    font-family: Helvetica Neue;
}

.popupContent .v-menubar-menuitem-selected {
    background-color: #2196F3;
    color: #black;
    font-family: Helvetica Neue;
}

.dashboardcomp {
    border: none;
    border-width: 1px;
    padding-left: 5px;
}

.v-menubar-submenu {
    background-color: #2196F3;
    border: 1px solid #2196F3;
    border-top-style: none;
    border-radius: 0px;
    font-weight: normal;
    color: #FFFFFF;
    /*box-shadow: 0 2px 1px 1px gray;*/
}

.v-menubar-submenu > .v-menubar-menuitem:hover {
    background-color: #2196F3;
    font-family: Helvetica Neue;
    font-weight: normal;
    color: #FFFFFF;
    border-bottom-color: #BA68C8;
    border-bottom-style: solid;
    border-bottom-width: 4px;

}


/* Windows */
.v-window v-readonly, .popupContent, .v-window, .v-popupview-popup {
    background-color: transparent;
    /*border:1px solid;*/
}

.v-window {
    background-color: transparent;
    box-shadow: 0 4px 2px 2px gray;
    /*border:1px solid;*/
}

.v-window-outerheader {
    background: none repeat scroll 0 0 #0059A5;
    background-position: top left;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin-top: 0px;
}

.v-window-contents {
    background-color: #FAFAFA;
}

.v-window-wrap {
}

.v-window-wrap2 {
}

.v-window-header {
    font-weight: normal;
    color: #ffffff;
    background-color: #81bbea;
}

.v-window-closebox {
    margin: 4px 5px 0 0;
}

.v-window-resizebox {
    margin: 0 2px 2px 0;
}

.v-loading-indicator, .v-loading-indicator-delay, .v-loading-indicator-wait {
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*   background-color: gray; */
    opacity: .8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
}

/** Link */
.v-button-link, .v-nativebutton-link {
    border: none;
    text-align: left;
    background: transparent;
    padding: 0;

    /*fixed invisible links*/
    color: black !important;

    -khtml-user-select: text;
    -moz-user-select: text;
    -ie-user-select: text;
    user-select: text;
}

.v-button-link .v-button-caption, .v-nativebutton-link .v-nativebutton-caption {
    text-decoration: underline;
    text-align: left;
}

.v-datefield-calendarpanel-day-selected {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    cursor: default;
}


.v-panel-caption, .v-panel-captionwrap {
    background: #FAFAFA;
    color: #000000;
    font-family: Helvetica Neue;
}

.v-shadow-window {
    display: none;
}

.megavl {
    padding: 10px;
    position: absolute;
    margin-left: -15%;
    margin-top: 10%;
    box-shadow: 0 3px 10px;
    background-color: #FAFAFA;
}


.logingrid, .megapanel {
    /*box-shadow: 0px 5px 10px rgba(0,0,0,0.4);*/

}

.logingrid .v-label-loginheadline {
    font-size: 28px;
    font-weight: bold;
}

.v-button-loginbutton {
    /*background: url("customimg/oouyea_backend_button_2.png");*/
    background-color: #81bbea;
    color: #ffffff;
    border-style: solid;
    border-width: 2px;
    width: 175px;
    height: 35px;
    font-family: Helvetica Neue;
    padding-bottom: 8px;
}


.loginbutton .v-button-caption {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    height: 100%;
}

.v-button-link {
    background: transparent;
    border: none;
    font-family: Helvetica Neue;
}

.logingrid .v-required-field-indicator {
    display: none;
}

.logingrid div div div {
    padding-top: 5px;
}

.logingrid .v-horizontallayout div {
    margin-top: -5px;
}

.v-button-link .v-button-caption {
    font-size: 13px;
    font-weight: normal;
    font-family: Helvetica Neue;
}

.logingrid .v-horizontallayout .v-label {
    margin-top: -7px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.v-label {
    font-size: 15px;
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    margin-right: 20px;
    margin-bottom: 10px;
}

.v-embedded-startlogo {
    background-image: url("customimg/2b2c.png");
    width: 200px;
}

.v-textfield-loginform {
    width: 220px;
    height: 20px !important;
    font-size: 14px !important;
    font-weight: normal;
}

.v-window-outerheader {
    background: #FAFAFA;
    color: #000000;
}

.tickettable {
    font-size: 10px;
}

.v-treetable .v-checkbox {
    display: inline-block;
    padding-bottom: 0;
}

.v-caption-customer-detail-top {
    background-color: #a8a9ad;
}

.v-textarea-customer-detail-top {
    background-color: #d5d5d7 !important;
    overflow: hidden !important;
}

.package_chooser_main {
    margin-top: 20px;
}

.package_chooser_main .package_chooser {
    text-align: center;
    width: 250px;
    background-color: #F4F4F4;
    margin: 0 10px;
}

.package_chooser * {
    float: none !important;
}

.package_chooser .package_chooser_top {
    padding-top: 20px;
    float: none;
    font-size: 1.85em;
}

.package_chooser .package_chooser_middle {
    font-size: 14px;
    height: 250px;
    padding: 10px;
}

.package_chooser .package_chooser_price {
    font-size: 20px;
    padding: 10px;
    -fx-font-weight: bold;
}

.package_chooser .package_chooser_bottom {
    font-size: 1.85em;
    padding-bottom: 20px;
}

.package_chooser * .v-label-undef-w {
    white-space: normal;
}

.v-caption-captionbold {
    font-weight: bold;

}

.v-caption .v-caption-poweredby {
    width: 486px;
    margin-left: 183px;
}

.wrap label {
    white-space: normal;
}

.v-label.ticketsdue {
    font-size: 7em;
    text-align: center;
}

.v-gridlayout.baseimage {
    table-layout: fixed;
}

.v-label.baseimage {
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

.v-textarea.bubbleme {
    background-color: #D8BFD8;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
    float: left;
    margin: 5px 45px 5px 20px;
}

.v-textarea.bubbleyou {
    background-color: #81bbea;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;

    float: right;
    margin: 5px 20px 5px 45px;
}

.v-textarea.bubbleme::before,.v-textarea.bubbleyou::before {
    background-color: #F2F2F2;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform: rotate(29deg) skew(-35deg);
    -moz-transform: rotate(29deg) skew(-35deg);
    -ms-transform: rotate(29deg) skew(-35deg);
    -o-transform: rotate(29deg) skew(-35deg);
    -webkit-transform: rotate(29deg) skew(-35deg);
    width: 20px;
}


.v-textarea.bubbleme::before {
    box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4);
    left: -9px;
}

.v-textarea.bubbleyou::before {
    box-shadow: 2px -2px 2px 0 rgba(178, 178, 178, .4);
    right: -9px;
}
.v-horizontallayout.windowleft{
    margin:10px;
}