/*!*//*** Drag & Drop elements ***/

/*
CX-Dark:   #434d53
Selection: #03a7e0
*/



.cFormEngine {
position:relative;
}

.cNoJS .cFormEngine:before {
box-sizing:border-box;
content:'Bitte aktivieren Sie JavaScript, indem Sie Ihren Script-Blocker (z.B. NoScript) abschalten, um das Formular ausfüllen zu können.';
position:absolute;
left:-1rem;
top:-1rem;
width:calc(100% + 2rem);
height:calc(100% + 2rem);
background-color:rgba(254,224,204,0.8);

color:#000000;
font-size:2rem;
line-height:3rem;

padding-top:2rem;
padding-left:2rem;
padding-right:2rem;

backdrop-filter: blur(2px);
z-index:1000;
text-align:center;
}


/*** Edit elements ***/

/*
.cToolTip {
border:1px solid #333333;
background-color:#dddddd;
padding:0.3rem;
box-shadow:2px 2px 3px rgba(0,0,0,0.5);
}
*/
.cToolTip td {
background-color:#dddddd;
color:#333333;
font-size:0.9rem;
text-align:center;
}



/*** Sections ***/

.cFormEngine .csSection {
}



/*** Rich Text editor / HTML editor / tinyMCE ***/


.cRichtextCompact .mce-top-part {
top:0px;
position:absolute;
max-width:100%;
max-height:2rem;
overflow:hidden;
transition-property:max-height;
transition-duration:0.2s;
transition-delay:1s;
}

#Cx .cRichtextCompact .mce-top-part {
max-height:3rem;
}

.cRichtextCompact .mce-top-part:hover {
position:absolute;
max-height:10rem;
overflow:hidden;
}

.cRichtextCompact .mce-top-part .mce-btn button {
margin:0px;
padding:0px 0.125rem;
min-height:0px;
}

.cRichtextCompact .mce-edit-area {
margin-top:2rem;
}

.cRichtextCompact .mce-flow-layout > * {
margin-bottom:1rem !important; /* Make sure only first row is visible. Otherwise second row might be partially visible, which is ugly */
transition-property:margin-bottom;
transition-duration:0s;
transition-delay:1s;
}
.cRichtextCompact .mce-top-part:hover .mce-flow-layout > * {
margin-bottom:0rem !important;
}


#Cx .cRichtextCompact .mce-edit-area {
margin-top:3rem;
}



/*** Special form fields ***/

tr.cFieldSpecial {background-color:rgb(3,167,224);color:#ffffff;}

.cFieldSpecial th {
text-align:left;
vertical-align:middle;
font-weight:700;
cursor:pointer;
}

.cFieldSpecial th span {
margin-left:2px;
font-weight:700;
}

.cFieldSpecial th img {
vertical-align:middle;
}

.cFieldSpecial:hover {
background-color:rgb(1,100,134);
}


.cFieldSpecial th:hover span {
color:rgb(3,167,224);
background-color:#ffffff;
border:1px solid rgb(3,167,224);
}



/*** Option list ***/

.cFormOptionList {
border:none;
border-spacing:0px;
}

.cFormOptionList td {
padding:0px;
}

.cFormOptionList td input {
margin:0px;
margin-bottom:0.5rem;
margin-left:-1px;
}



/*** Default form ****/

table.FORM_DEFAULT  {
border-spacing:0px 5px;
}

.FORM_DEFAULT {width:100%;}
.FORM_DEFAULT tr {}
.FORM_DEFAULT td h2 { text-align:left; font-size: 1.44rem; color:#00659F; font-weight:400; border-bottom:1px solid #00659F; margin-bottom:5px;}
.FORM_DEFAULT td h3 { text-align:left; font-size: 1.44rem; color:#00659F; font-weight:400; border-bottom:1px solid #00659F; margin-bottom:5px;}
/* .dialog .FORM_DEFAULT td h3 { color:#bbbbbb; border-bottom:1px solid #bbbbbb; } */

.FORM_DEFAULT th { vertical-align:top; text-align:left; padding-right:5px; font-weight:400; font-size: 13px; }
.FORM_DEFAULT td { vertical-align:top; font-weight:400; font-size: 13px; }
.FORM_DEFAULT sup { color:#00659F; font-size:1rem; font-weight:500; }

.FORM_DEFAULT sup.csRequiredMarker {
position:relative;
margin-top:-0.1rem;
padding-left:0.1rem;
white-space:nowrap;
}
.FORM_DEFAULT .cEditorBlock + sup.csRequiredMarker {
padding-left:0.25rem;
}

.FORM_DEFAULT .cEditorBlock sup.csRequiredMarker {
position:relative;
}

.FORM_DEFAULT .cEditorBlock + .cEditorBlock {
position:absolute;
width:1rem !important;
margin-left:0.25rem;
}

.FORM_DEFAULT .cEditorBlock + .cEditorStandaloneBlock {
position:relative;
width:auto !important;
margin-left:0px;
}


.FORM_DEFAULT hr {padding:0px;margin:0px;}
.FORM_DEFAULT b {font-weight:700 !important;}
.FORM_DEFAULT strong {font-weight:700 !important;}
.FORM_DEFAULT strike {color:#888888;}


.FORM_DEFAULT tr th:first-child label {
display:inline-block;
width:calc(100% - 1px);
}

.FORM_DEFAULT tr th:first-child label .cEditorBlock {
width:calc(100% - 1px);
}


table.cQuickHelpFrame, table.cQuickHelpFrame td, table.cQuickHelpFrame th {
padding:0px;
margin:0px;
border-spacing:0px;
border:none !important;
}

.cFormQuickHelp {
display:inline-block;
margin:0px;
border-style:none;
cursor:pointer;
}




.FORM_DEFAULT .csCheckboxWrapperCell {
padding:0px;
min-width:20px;
text-align:left;
vertical-align:top;
height:1.5rem;
}


/*.FORM_DEFAULT td input[type=checkbox] {
margin-left:-2px;
}*/



/*** Fields with margins ***/

.FORM_DEFAULT tr.csMarginTop > td,
.FORM_DEFAULT tr.csMarginTop > th {
padding-top:1rem;
}

.FORM_DEFAULT tr.csIndentation > th {
padding-left:2rem;
}

.FORM_DEFAULT tr.csIndentation > th:before {
position:absolute;
margin-left:-1rem;
width:2rem;
height:1rem;
overflow:hidden;
content:" . . . . . . . . . . . .";
text-align:left;
}


/*** Hidden fields ****/

.FORM_DEFAULT .csHidden {
display:none !important;
}

.FORM_DEFAULT.cFormEdit .csHidden {
display:table-row;
opacity:0.5 !important;
outline:2px solid #888888 !important;
}



.FORM_DEFAULT div.csMarkup {
border:2px solid #000000;
padding:0.25rem;
}

/*** Booking list ***/
.FORM_BOOKINGS th {font-size:1.55rem;margin-top:5px;}



.cFormInput {

box-sizing:border-box;

border-style:solid; border-width:1px; border-color:#888888;
min-height:1.4rem;
color:#000000;
font-size:14px;

margin:0px;
padding-left:5px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
background-color:#f0f0f0;

border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-opera-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;;

}

.cFormInput:focus {
border-color:#000000;
font-weight:400;
color:#000000;
background-color:#f7ab78;
outline:none; /* Remove ugly focus rect */
}

.cFormDateInput .csDay {
min-width:2em;
}
.cFormDateInput .csMonth {
min-width:2em;
}
.cFormDateInput .csYear {
min-width:4em;
}

.cFormInputMultiRow {
border-style:solid; border-width:1px; border-color:#888888;
min-height:1.4rem;
color:#000000;
font-size:14px;
margin:0px;
padding-left:5px; padding-top:0px; padding-right:0px; padding-bottom:0px;

border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-opera-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;;
}

.cFormInputMultiRow p,
.cFormInputMultiRow * {
color:#000000;
}

.cFormInputNoFocus {
border-style:solid; border-width:1px; border-color:#888888;
min-height:1.4rem;
color:#000000;
font-size:14px;
margin:0px;
padding-left:5px; padding-top:0px; padding-right:0px; padding-bottom:0px;
background-color:#f0f0f0;

border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-opera-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;;
}

.cFormInputNoFocus select {
border:none;
box-shadow:none;
}

.cFormInputNoFocus select:focus {
border:none;
box-shadow:none;
}


.cFormInputMarkup {
border:1px solid rgb(3,167,224) !important;
}

.cFormInputMarkup:focus {
border:1px solid rgb(3,167,224) !important;
}


.FORM_DEFAULT input[readonly],
.FORM_DEFAULT select[readonly],
.FORM_DEFAULT select[disabled],
.FORM_DEFAULT .cFormReferenceField.csReadOnly {
background-image:url(../../../corveos/gui/icons/white/lock.gif);
background-size:16px 16px;
background-position:0rem center;
background-repeat:no-repeat;
padding-left:20px !important;
box-sizing:border-box;
color:#868a8d !important;
cursor:default !important;
}

.FORM_DEFAULT .cFormReferenceField.csReadOnly * {
color:#868a8d;
}


.FORM_DEFAULT input.cNoReadOnlyMarkup[readonly] {
background-image:none !important;
padding-left:0px !important;
color:#000000 !important;
}


/* Locked multi row text field (TEXTMR) */
.FORM_DEFAULT div.csReadOnly > img {
float:left;
margin-right:2px;
margin-bottom:2px;
}

.FORM_DEFAULT div.csReadOnly,
.FORM_DEFAULT div.csReadOnly * {
color:#868a8d !important;
cursor:default !important;
}


/*
This breaks the dropdown symbol in firefox...
.FORM_DEFAULT select {
-webkit-appearance:none;
}
*/

input[type=text].csLanguageGerman,
input[type=number].csLanguageGerman,
input[type=url].csLanguageGerman {
padding-left:20px !important;
background-image:url(../../../corveos/modules/form/gui/icons/form/lng_de.png);
background-position:2px center;
background-repeat:no-repeat;
}

input[type=text].csLanguageEnglish,
input[type=number].csLanguageEnglish,
input[type=url].csLanguageEnglish {
padding-left:20px !important;
background-image:url(../../../corveos/modules/form/gui/icons/form/lng_en.png);
background-position:2px center;
background-repeat:no-repeat;
}


.cFormInputMultiRow.csLanguageGerman {
padding-left:20px !important;
background-image:url(../../../corveos/modules/form/gui/icons/form/lng_de.png);
background-position:2px 2px;
background-repeat:no-repeat;
}

.cFormInputMultiRow.csLanguageEnglish {
padding-left:20px !important;
background-image:url(../../../corveos/modules/form/gui/icons/form/lng_en.png);
background-position:2px 2px;
background-repeat:no-repeat;
}

.cFormInputMultiRow p:first-child {
margin-top:0px;
}

.cFormInputMultiRow.csLanguageEnglish:empty {
opacity:0.5;
}



/*** Drag and drop elements ***/


.FORM_DEFAULT tr:hover > td > .cFormDragElement {
visibility:visible;
}

.FORM_DEFAULT .cFormDragElement {
visibility:hidden;
border-bottom:none;
background-color:transparent;
background-image:url(../../../corveos/modules/form/gui/elements/form_dragger.png);
background-position:center center;
background-repeat:no-repeat;
color:#ffffff;
width:12px;
height:28px;
display:inline-block;
cursor:ns-resize !important;
}
.FORM_DEFAULT .cFormDragElement:hover {
background-image:url(../../../corveos/modules/form/gui/elements/form_dragger_hover.png);
}


/*** Edit links to sub forms ***/

.FORM_DEFAULT .csFieldEditLink {

}

.FORM_DEFAULT .csFieldEditLink > * {
padding:0px !important;
margin:0px !important;
}

.FORM_DEFAULT .csFieldEditLink > * {
font-size:0.75rem !important;
min-height:0px;
padding:0px !important;
margin:0px !important;
}

.FORM_DEFAULT .csFieldEditLink label {
opacity:0.5;
}



/*** Structure edit ***/

.FORM_STRUCTURE_EDIT th {padding-bottom:0px !important;}
.FORM_STRUCTURE_EDIT td {padding-bottom:0px !important;}
.FORM_STRUCTURE_EDIT tr {padding-bottom:0px !important;}
.FORM_STRUCTURE_EDIT {
width:100%;
border-style:solid; border-width:1px; border-color:#888888;
min-height:1.4rem;
color:#000000;
font-weight:400; font-size:14px;
margin:0px;
padding:5px;
background-color:#e0e0e0;

border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-opera-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;;
}



div.FORM_SCRIPT {
font-weight:400; color:#000000;
font-family:Lucida console,Courier New;
font-size:0.88rem;
background-color:#bbbbff;
border:1px solid #000088;
padding:5px;
display:block;
text-decoration:none;
}

div.FORM_IDENT {
font-weight:500;
color:#ffffff;
background-color:rgb(3,167,224);
border:1px solid rgb(3,167,224);
display:inline;
text-decoration:none;
font-size:0.88em !important;
margin:2px !important;
}


div.cFormFieldEditInfo {
display:inline-block;
vertical-align:middle;
}

div.cFormFieldEditInfo * {
vertical-align:middle;
}


div.FORM_TARGET {

max-width:12rem;
overflow:hidden;
text-overflow:ellipsis;

display:inline-block !important;

font-weight:600 !important;
color:rgb(3,167,224) !important;
background-color:#ffffff !important;
text-decoration:none !important;
border:1px solid rgb(3,167,224) !important;
font-size:0.88em !important;

padding:0px !important;
}

div.FORM_TARGET:hover {
background-color:rgb(3,167,224) !important;
color:#ffffff !important;
}

div.FORM_TARGET a {
text-decoration:none !important;
}


tr.FORM_FIELD_DISABLED {
text-decoration:line-through !important;
background-color:#aa6666 !important;
}


table.FORM_SCALE tr td + td {
border-left:1px solid #888888;
}

table.FORM_SCALE td {
box-sizing:border-box;
padding-left:0.5rem !important;
padding-right:0.5rem !important;
border-left:1px solid #888888;
}


.FORM_THUMBNAIL {
border:1px solid #000000;
padding:5px;
}

.IMAGEPREVIEW {
max-width:266;
max-height:200;
border:1px solid #000000;
cursor:pointer;
}

.FORM_DEFAULT td.ALTERNATIVE {
background-color:#bbbbbb;
}

/*** FX ***/
.BOOKINGDISABLED {
display:block;
opacity:0;
}

.BOOKINGDISABLED * {
;
}

/*** Tabbed form ***/


.cFormTabbed {
text-align:left;
border:2px solid #1e2023;
display:block;
padding-bottom:10px;
}

.cUITabBar {
text-align:left;
background-color:#1e2023;
border-bottom:2px solid rgb(3,167,224);
white-space:nowrap;
padding:0px !important;
}

.csTab {
width:auto;
font-size:10pt;
font-weight:700;
display:inline-block;
padding:2px 3px 2px 3px;
margin-right:5px;
margin-bottom:-2px;
cursor:pointer;
color:#ffffff
}

.csTab:hover {
background-color:rgb(3,167,224);
color:#ffffff;
}

.csTabSelected {
background-color:rgb(3,167,224);
color:#ffffff;
}

.cFormTab {
height:0px !important;
overflow:hidden;
}

.cFormTabSelected {
height:auto !important;
}

.cFormTabFooter {
display:none;
}

.cFormTabFooterSelected {
display:inline-block !important;
}



/*** Input fields ***/
.cFormFieldError,
input[type="text"].cFormFieldError,
select.cFormFieldError {
background-image:none;
background-color:#ff6666 !important;
color:#ffffff !important;
}


/*** Reference fields ***/
.cFormReferenceWidget {
overflow:hidden;
white-space:normal !important;
border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-opera-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;;
}

.cFormReferenceWidget * {
white-space:normal !important;
}

.cFormReferenceControls {
white-space:nowrap;
text-align:right !important;
width:1px !important;
}

.cFormReferenceControls button:first-child {
margin-left:5px;
}

.cFormReferenceField {
position:relative;
width:100%;
overflow:hidden;
word-wrap:break-word;
cursor:pointer;
}

.cFormReferenceField:after {
content: "▼";
right:0.5rem;
top:calc(50% - 0.75rem);
color:#1f272D;
position:absolute;
text-shadow:
-1px 0px 1px #ffffff,
1px 0px 1px #ffffff,
0px -1px 1px #ffffff,
0px 1px 1px #ffffff;
pointer-events:none;
}




.cFormControlWrapper {
}

.cFormControlWrapper td {
padding-bottom:0px !important;
}

.cFormControlWrapper button {
padding-top:0px;
padding-bottom:0px;
}

.cFormControlWrapper button img {
max-height:10px;
max-width:10px;
padding:0px !important;
border:0px !important;
}



/*** Tag list ***/

.cFormEngine .cFormTags {
border:2px solid #333333;
box-sizing:border-box;
padding-left:0.25rem;
padding-top:0.25rem;
}

.cFormEngine .cFormTags .cFormTag {
display:inline-block;
padding:0.25rem;
margin-right:0.25rem;
margin-bottom:0.25rem;
min-height:2rem;

border:2px solid #333333;
cursor:pointer;
}

.cFormEngine .cFormTags .cFormTag.csSelected .csLabel:before {
content: "\2713";
margin-right:0.25rem;
}

.cFormEngine .cFormTags .cFormTag.csSelected {
background-color:#ff6600;
}

.cFormEngine .cFormTags .cFormTag.csSelected .csLabel {
color:#ffffff;
}


.cFormEngine .cFormTags.csSelectMenu .cFormTag.csUnselected {
display:none;
}


.cFormEngine .cFormTags.csSelectMenu .cFormTag.csSelectMenu {

}

.cFormEngine .cFormTags.csSelectMenu .cFormTag.csSelectMenu:hover {
background-color:#ff6600;
}

.cFormEngine .cFormTags.csSelectMenu .cFormTag.csSelectMenu:hover label {
color:#ffffff;
}



/*** Quick addon button ***/

.cFormQuickAddon {
display:inline-block;
vertical-align:middle;

font-weight:500;
font-size:2rem;
padding-left:0.25rem;
padding-right:0.25rem;

text-align:center;
cursor:pointer;

color:rgba(204,206,208,0.5);
}

.cFormQuickAddon:hover {
color:#03a7e0;
}



/*** Warn icons and messages ***/

.cFormWarnIcon,
#Cx .cFormWarnIcon {
display:none;
position:absolute;
margin:2px 0px 0px -2px;
padding:0px;
border-style:none;
cursor:pointer;
}

.cFormTabHidden .cFormWarnIcon,
#Cx .cFormTabHidden .cFormWarnIcon {
display:none !important;
}

tr.FORM_WARN_INLINE { display:none; }
tr.FORM_WARN_INLINE div { border:solid 1px #ff0000; padding:2px; background-color:#ffeeee; }
tr.FORM_WARN_MANUAL div { border:solid 1px #ff0000; padding:2px; background-color:#ffeeee; }

/* .cWarning removed here and moved to xul-base.css */

/*** Addons ***/

.cFormAddonDisabled {
display:none !important;
}


tr.cFormAddonHighlight1 {background-color:rgba(255,255,255,0.02) !important;}
tr.cFormAddonHighlight2 {background-color:rgba(255,255,255,0.04) !important;}
tr.cFormAddonHighlight3 {background-color:rgba(255,255,255,0.06) !important;}
tr.cFormAddonHighlight4 {background-color:rgba(255,255,255,0.08) !important;}
tr.cFormAddonHighlight5 {background-color:rgba(255,255,255,0.10) !important;}
tr.cFormAddonHighlight6 {background-color:rgba(255,255,255,0.12) !important;}
tr.cFormAddonHighlight7 {background-color:rgba(255,255,255,0.14) !important;}
tr.cFormAddonHighlight8 {background-color:rgba(255,255,255,0.16) !important;}
tr.cFormAddonHighlight9 {background-color:rgba(255,255,255,0.18) !important;}
tr.cFormAddonHighlight10 {background-color:rgba(255,255,255,0.20) !important;}
tr.cFormAddonHighlight11 {background-color:rgba(255,255,255,0.22) !important;}
tr.cFormAddonHighlight12 {background-color:rgba(255,255,255,0.24) !important;}
tr.cFormAddonHighlight13 {background-color:rgba(255,255,255,0.26) !important;}
tr.cFormAddonHighlight14 {background-color:rgba(255,255,255,0.28) !important;}
tr.cFormAddonHighlight15 {background-color:rgba(255,255,255,0.30) !important;}
tr.cFormAddonHighlight16 {background-color:rgba(255,255,255,0.32) !important;}
tr.cFormAddonHighlight17 {background-color:rgba(255,255,255,0.34) !important;}
tr.cFormAddonHighlight18 {background-color:rgba(255,255,255,0.36) !important;}
tr.cFormAddonHighlight19 {background-color:rgba(255,255,255,0.38) !important;}
tr.cFormAddonHighlight20 {background-color:rgba(255,255,255,0.40) !important;}
tr.cFormAddonHighlight21 {background-color:rgba(255,255,255,0.42) !important;}
tr.cFormAddonHighlight22 {background-color:rgba(255,255,255,0.44) !important;}
tr.cFormAddonHighlight23 {background-color:rgba(255,255,255,0.46) !important;}
tr.cFormAddonHighlight24 {background-color:rgba(255,255,255,0.48) !important;}
tr.cFormAddonHighlight25 {background-color:rgba(255,255,255,0.50) !important;}
tr.cFormAddonHighlight26 {background-color:rgba(255,255,255,0.48) !important;}
tr.cFormAddonHighlight27 {background-color:rgba(255,255,255,0.46) !important;}
tr.cFormAddonHighlight28 {background-color:rgba(255,255,255,0.44) !important;}
tr.cFormAddonHighlight29 {background-color:rgba(255,255,255,0.42) !important;}
tr.cFormAddonHighlight30 {background-color:rgba(255,255,255,0.40) !important;}
tr.cFormAddonHighlight31 {background-color:rgba(255,255,255,0.38) !important;}
tr.cFormAddonHighlight32 {background-color:rgba(255,255,255,0.36) !important;}
tr.cFormAddonHighlight33 {background-color:rgba(255,255,255,0.34) !important;}
tr.cFormAddonHighlight34 {background-color:rgba(255,255,255,0.32) !important;}
tr.cFormAddonHighlight35 {background-color:rgba(255,255,255,0.30) !important;}
tr.cFormAddonHighlight36 {background-color:rgba(255,255,255,0.28) !important;}
tr.cFormAddonHighlight37 {background-color:rgba(255,255,255,0.26) !important;}
tr.cFormAddonHighlight38 {background-color:rgba(255,255,255,0.24) !important;}
tr.cFormAddonHighlight39 {background-color:rgba(255,255,255,0.22) !important;}
tr.cFormAddonHighlight40 {background-color:rgba(255,255,255,0.20) !important;}
tr.cFormAddonHighlight41 {background-color:rgba(255,255,255,0.18) !important;}
tr.cFormAddonHighlight42 {background-color:rgba(255,255,255,0.16) !important;}
tr.cFormAddonHighlight43 {background-color:rgba(255,255,255,0.14) !important;}
tr.cFormAddonHighlight44 {background-color:rgba(255,255,255,0.12) !important;}
tr.cFormAddonHighlight45 {background-color:rgba(255,255,255,0.10) !important;}
tr.cFormAddonHighlight46 {background-color:rgba(255,255,255,0.08) !important;}
tr.cFormAddonHighlight47 {background-color:rgba(255,255,255,0.06) !important;}
tr.cFormAddonHighlight48 {background-color:rgba(255,255,255,0.04) !important;}
tr.cFormAddonHighlight49 {background-color:rgba(255,255,255,0.02) !important;}
tr.cFormAddonHighlight50 {background-color:rgba(255,255,255,0.00) !important;}


/*** Calendar ***/

.cCalendarWidget {
display:inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.cCalendarWidget .cUIInput {
width:100%;
cursor:pointer;
}


.csCalendarLayer {
background-color:#888888;
position:fixed;
display:none;
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.01;
}

.csCalendarFlyout {
background-color:#ffffff;
position:absolute;
margin-top:-1.5rem;
z-index:1000;
border:1px solid #000000;
display:none;
box-shadow:5px 5px 5px rgba(0,0,0,0.5);
}

.cCalendarWidget .csButton {
min-width:3rem;
}

.cCalendarWidget .csSelector {
white-space:nowrap;
}

.cCalendarWidget .csSelector * {
margin-right:0.5rem;
}

.cCalendarWidget .csDay {
border:1px solid #888888;
text-align:center;
cursor:pointer;
padding-top:0.5rem;
padding-bottom:0.5rem;
}

.cCalendarWidget .csDay.csOtherMonth {
background-color:rgba(0,0,0,0.25);
}

.cCalendarWidget .csDay.csToday {
border-color:#ff0000;
box-shadow:0px 0px 1px #ff0000,
0px 0px 1px #ff0000,
inset 1px 1px 0px #ff0000,
inset -1px -1px 0px #ff0000;
}

.cCalendarWidget .csDay.csSelected {
background-color:#555555;
color:#ffffff;
}



/*** Signature ***/

.cFormSignatureWidget {
border:1px solid #000000;
display:inline-block;
position:relative;
}

.cFormSignatureWidget canvas {
touch-action:none;
}

.cFormSignatureWidget button {
position:absolute;
right:0px;
top:0px;
width:2rem;
height:2rem;

border:1px solid #000000;
border-right:none;
border-top:none;
background-color:#bbbbbb;
}


/*** Camera image ***/

.cCameraPreview {
display:inline-block;
border:1px solid #000000;
width:200px;
height:150px;
margin-top:0.5rem;
background-size:contain;
background-color:#ffffff;
background-repeat:no-repeat;
background-position:center center;
background-image:url(../../../corveos/modules/form/gui/elements/form_preview_none.png);
cursor:pointer;
}

.cCameraPreview.cCameraPreviewFilled {
width:400px;
height:300px;
}

.cCameraPreview input {
visibility:hidden;
}

/*** Ticket shop ***/

.cTicketShop {
width:100%;
border-spacing:0px;
}


.cTicketShop .cTicketShopSeperator td {
padding-top:1rem;
padding-bottom:1rem;
}


.cTicketShop .cTicketShopCategory,
.cTicketShop .cTicketShopSummaryTitle {
font-weight:700;
}


.cTicketShop .cTicketShopTextHolder {
}

.cTicketShop .cTicketShopSinglePriceHolder {
text-align:right;
padding-right:1rem;
}

.cTicketShop .cTicketShopButtonHolder {
width:3rem;
text-align:center;
}
.cTicketShop .cTicketShopButtonHolder button {
width:3rem;
height:2rem;
box-sizing:border-box;
padding:0px;
line-height:1rem;
font-weight:700;
}

.cTicketShop .cTicketShopQuantityHolder {
width:4rem;
text-align:center;
}
.cTicketShop .cTicketShopQuantityHolder input {
width:4rem;
height:2rem;
text-align:center;
}


.cTicketShop .cTicketShopPriceHolder {
width:5rem;
text-align:right;
font-weight:700;
}

.cTicketShop .cTicketShopTotalTickets {
text-align:center;
font-weight:700;
}

.cTicketShop .cTicketShopTotalPrice {
text-align:right;
font-weight:700;
}

.cTicketShop .cFormInput {
border-radius:0px 0px 0px 0px;-ms-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;-opera-border-radius:0px 0px 0px 0px;-khtml-border-radius:0px 0px 0px 0px;;
height:2rem;
box-sizing:border-box;
}





/*** Edit form ****/



.FORM_HEADER {
background-color:#1F272D !important;
color:#ffffff;
text-align:center !important;
padding:5px;
}

.FORM_HEADER td {
background-color:#1F272D !important;
color:#ffffff;
text-align:center !important;
padding:5px;
border-bottom:2px solid rgb(3,167,224);
}
.FORM_HEADER p {
color:#ffffff;
}

.FORM_HEADER h1 {
background-color:#1F272D !important;
color:#ffffff !important;
font-size:1.33rem;
font-weight:500;
padding:5px!important;
}



.cFormEdit tr.FORM_FIELD_EDIT label:hover {
background-color:#03a7e0;
}


.cFormEdit {
border:dotted 2px #03a7e0;
}

.FORM_FOOTER {
text-align:center !important;
padding:5px;

}


.cFormEdit tr.FORM_FIELD_EDIT,
.cFormEdit tr.FORM_FIELD_EDIT * {
cursor:pointer;
}
.cFormEdit tr.FORM_FIELD_EDIT > td,
.cFormEdit tr.FORM_FIELD_EDIT > th {
border-top:solid 2px transparent;
border-bottom:solid 2px transparent;
}

.cFormEdit tr.FORM_FIELD_EDIT > td:first-child {
border-left:solid 2px transparent;
}

.cFormEdit tr.FORM_FIELD_EDIT > td:last-child {
border-right:solid 2px transparent;
}








.cFormEdit tr.FORM_FIELD_EDIT:hover {
background-color:rgba(3,167,224,0.5);
}

.cFormEdit tr.FORM_FIELD_EDIT:hover > td:first-child {
border-left:solid 2px #03a7e0;
}
.cFormEdit tr.FORM_FIELD_EDIT:hover > td:last-child {
border-right:solid 2px #03a7e0;
}
.cFormEdit tr.FORM_FIELD_EDIT:hover > td,
.cFormEdit tr.FORM_FIELD_EDIT:hover > th {
border-top:solid 2px #03a7e0;
border-bottom:solid 2px #03a7e0;
}


.cFormEdit td h2 { text-align:left; font-size: 1.44rem; color:#00659F; font-weight:400; border-bottom:1px solid #00659F; margin-bottom:5px;}
.cFormEdit td h3 { text-align:left; font-size: 1.44rem; color:#00659F; font-weight:400; border-bottom:1px solid #00659F; margin-bottom:5px;}
.cFormEdit th { vertical-align:top; text-align:left; padding-right:5px; font-weight:400; font-size:1rem; }
.cFormEdit td { vertical-align:top; font-weight:400; font-size:1rem; }
.cFormEdit sup { color:#00659F; font-size:1rem; font-weight:500; }
.cFormEdit hr {padding:0px;margin:0px;}



.cFormEdit .cFormEditEmpty {
min-width:250px;
display:inline-block;
}





#Cx .FORM_DEFAULT .cFormEditButton,
.FORM_DEFAULT .cFormEditButton {
background-image:none;
background-color:#47b9e3;
color:#ffffff;
border:2px solid #03a7e0;
border-radius:0px 0px 0px 0px;-ms-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;-opera-border-radius:0px 0px 0px 0px;-khtml-border-radius:0px 0px 0px 0px;
}

#Cx .FORM_DEFAULT .cFormEditButton:hover,
.FORM_DEFAULT .cFormEditButton:hover {
background-color:#03a7e0;
}


.FORM_DEFAULT .cFormEditButtonAction {
visibility:hidden;
}

.FORM_DEFAULT tr.FORM_FIELD_EDIT:hover .cFormEditButtonAction {
visibility:visible;
}