/*!*/

/*** Mobile / Desktop elements ***/
#Cx .cMobileOnly,
#Cx .sMobileOnly {

}

#Cx .cMobileBreak {
display:block;
white-space: normal;
}

#Cx .cDesktopOnly,
#Cx .sDesktopOnly {
display:none !important;
}

#Cx .cInnerRightMobile {
box-sizing:border-box;
text-align:right !important;
width:100% !important;
display:block !important;
}


#Cx .cMobileCollapsed > div {
display:block;
overflow:hidden;
max-height:0px;
transition-property:max-height;
transition-duration:1s;
}

#Cx .cMobileCollapsed > div.cExpanded {
display:block;
overflow:hidden;
max-height:1000px;
}


/*** Change base font according to resolution ***/

@media (max-width:500px) {
html,
body,
#Cx p,
#Cx td,
#Cx th,
#Cx li {
font-size: 12px !important;
}
}
@media (max-width:400px) {
html,
body,
#Cx p,
#Cx td,
#Cx th,
#Cx li {
font-size: 11px !important;
}
}
@media (max-width:350px) {
html,
body,
#Cx p,
#Cx td,
#Cx th,
#Cx li {
font-size: 10px !important;
}
}
@media (max-width:300px) {
html,
body,
#Cx p,
#Cx td,
#Cx th,
#Cx li {
font-size: 9px !important;
}
}
@media (max-width:200px) {
html,
body,
#Cx p,
#Cx td,
#Cx th,
#Cx li {
font-size: 8px !important;
}
}

.cBannerCopyright {
margin-right:2rem;
}


/*** Limit font size of some larger elements on small screens ***/

@media (max-width:400px) {
#Cx button.cLarge,
#Cx a.cLarge,
#Cx button.large,
#Cx a.large {
font-size:1.1rem;
}

#Cx button img,
#Cx a.button img
{
width:0.8em;
height:0.8em;
}
}



/** Debug colors **/

/*
@media (max-width:500px) {
#Cx * {
color:#ff0000 !important;
}
}
@media (max-width:400px) {
#Cx * {
color:#888800 !important;
}
}
@media (max-width:350px) {
#Cx * {
color:#00ff00 !important;
}
}
@media (max-width:300px) {
#Cx * {
color:#0000ff !important;
}
}
@media (max-width:200px) {
#Cx * {
color:#ff00ff !important;
}
}
*/



#Cx h1 { font-size: 1.7rem !important; }
#Cx h2 { font-size: 1.2rem !important; }


/*** Forms ***/

#Cx .cFormWarnIcon {
margin-left:-18px;
}


#Cx .FORM_DEFAULT input[readonly] {
/*padding-left:0px !important;*/
}

#Cx.cLayoutBeforeNEMO24 .FORM_DEFAULT .cFormInput,
#Cx.cLayoutBeforeNEMO24 .FORM_DEFAULT .cFormInputNoFocus {
height:2rem;
margin-bottom:0.2em;
}


#Cx.cLayoutBeforeNEMO24 .FORM_DEFAULT input,
#Cx.cLayoutBeforeNEMO24 .FORM_DEFAULT textarea,
#Cx.cLayoutBeforeNEMO24 .FORM_DEFAULT select {
-moz-binding:none;
font-size:1rem !important;
}

#Cx.cLayoutFromNEMO24 .FORM_DEFAULT input,
#Cx.cLayoutFromNEMO24 .FORM_DEFAULT textarea,
#Cx.cLayoutFromNEMO24 .FORM_DEFAULT select {
-moz-binding:none;
font-size:1.2rem !important;
}

/*** Layout ***/

#Cx #iFrameLeft {
display:none;
}

#Cx #iFrameRight {
display:none;
}

#Cx #iFrameCenter {
padding-top:0px;
width:100vw;
}

#Cx #holder {
background-image:
url(../../../corveos/modules/portal/gui/elements/back-layer.png),
url(../../../corveos/modules/portal/gui/elements/back-body.png);
}



#Cx #holder .part_c {
width:100vw !important;
padding-top:0px;
}

#Cx .cFrame {
width:100vw !important;
}


/*** Service center ***/
#Cx #iHeader #iServiceCenter {
display:none;
}

#Cx #iHeader #iServiceCenterInfo {
display:none;
}

/*** Header and tabs ***/

#Cx #iHeader {
background-position:left top;
width:100vw !important;
height:19.473684210526vw;
max-height:110px;
min-height:95px;
}

#Cx #iLogo {
position:relative;
left:2vmin;
top:2vmin;
max-width:50vmin;
/* max-height:9.4736842105263vmin; */
max-height:80px;
}


/* Adjust logo to fit header */
#Cx.cLayoutFromNEMO24 #iLogo {
position:relative;

margin: 1vmin 0 0 1vmin;

left:0vmin;
top:0vmin;

/* Leave room for hamburger to the right */
max-width:calc(100vw - 2vmin - 80px);
max-height:calc(95px - 2vmin);
}

#Cx #iTopTabs {
display:none;
}

#Cx #iTabs {
display:none;
}


/*** Content area ***/


#Cx #iFrame {
background-position:0px 19.473684210526vw;
min-height:0px;
background-image:none !important;
}

#Cx .cContentIndent {
margin-right:0px;
min-height:0px !important;
padding:0.5rem 0.5rem 0.5rem 0.5rem;

}

#Cx #iContent {
min-height:0px !important;
}

#Cx .cButtonMenu {
max-width:calc(100vw - 30px) !important;
}

#Cx .cEventDetailsSingle {
margin-bottom:2rem;
}



/*** Content elements ***/

#Cx.cLayoutBeforeNEMO24 .cBannerImage {
margin-left:10px;
width:calc(100vw - 20px) !important;
height:calc(29vw - 20px) !important;
}

#Cx.cLayoutBeforeNEMO24 img.cBannerImageFlex {
margin-left:10px;
width:calc(100vw - 20px) !important;
}

#Cx .cBox {
width:100% !important;
}

#Cx .content-box {
width:100% !important;
}

#Cx .cErrorBox,
#Cx .error-box {
width:calc(100% - 20px);
}

#Cx .cBox > table {
width:calc(100% - 10px);
}

#Cx .cBoxless {
width:100%;
}


#Cx .cEventDetailsSingle {
width:calc(100% - 10px) !important;
}

#Cx .cLegendTable td {
text-align:center !important;
}




#Cx .paymentlist {
width:480px;
}

#Cx .FORM_DEFAULT {
width:100% !important;
}

#Cx .cCalendar {
width:100%;
}

#Cx .cCalendar .cDescription {
width:100%;
}

#Cx .cEventDescription * {
max-width:calc(100vw - 20px);
}



#Cx #map_canvas {
width:calc(100vw - 40px) !important;
}


/*** Columns ***/

#Cx .cColumnsFix,
#Cx .cColumnsFlex {
border-spacing:0px;
border-collapse:collapse;
empty-cells:show;
display:block !important;
}

#Cx .cColumnsFix .cColumnsRow,
#Cx .cColumnsFlex .cColumnsRow {
display:block !important;
}

#Cx .cColumnsFix .cColumn,
#Cx .cColumnsFlex .cColumn {
padding-left:0rem !important;
padding-right:0rem !important;
width:100% !important;
display:block !important;
margin-bottom:1rem !important;
}



/*** Start selector ***/

#Cx .cStartSelectorImageFilled {
display:none;
}

#Cx .cStartSelector {
width:100vw;
height:auto !important;
}

#Cx .cStartSelector .cChoices {
position:relative;
width:calc(100vw - 1rem) !important;
height:auto !important;
margin-bottom:20px;

margin-left:-1rem;
min-height:0px !important;
}

#Cx .cStartSelector .cChoicesInner {
padding-bottom:20px;
min-height:0px !important;
}



#Cx .cStartSelector {
min-height:0px !important;
}

#Cx .cStartSelector .cChoice {
padding-right:35px;
height:auto;
min-height:60px;
}

#Cx .cStartSelector .cChoice input {
width:calc(100vw - 70px);
}


#Cx .cStartSelector .cStartSelectorImage {
display:none;
}








/*** Control ***/



/*** Sidebar ***/


#Cx #iSidebarMobile {
display:block;
}

#Cx #iSidebar {
display:none;
}

#Cx table.list {
width:500px;
}


/*** Footer ***/

#Cx #iFooter {
height:auto;
}

#Cx #iFooterInner > p {
display:block;
}

#Cx #iFooterInner > a {
display:block;
}


/*** Columns on mobile: Below each other ***/

@media only screen and (max-width: 949px) {

#Cx .cColumnsFix .cColumnsRow,
#Cx .cColumnsFlex .cColumnsRow {
display:block !important;
}

#Cx .cColumnsFix .cColumnsRow > .cColumn {
display:block !important;
padding:0px !important;
}

}