/*!*//*** Coupe Dialog system ***/

#Cx .cCoupeDialogLayer {
display:none;
opacity:0;
background-color:#7f3300;
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
}

#Cx .cCoupeDialogLayer.csVisible {
opacity:0.5 !important;
}

#Cx .cCoupeDialogLayer.csJustBlock {
opacity:0.001;
}



#Cx .cCoupeDialogWrapper {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
display:none;
z-index:10000;
}




#Cx .cCoupePopup {
box-sizing: border-box;
position:absolute;
max-width:calc(100vw - 2rem);
max-height:calc(100vh - 2rem);
opacity:0;
background-color:#ffffff;
box-shadow:5px 5px 5px rgba(0,0,0,0.5);
border-radius:0px;
}

#Cx .cCoupePopup.csVisible {
opacity:1;
}



#Cx .cCoupePopup .csTitle {
padding:1rem;
background-color:#ff6600;
color:#ffffff;
text-align:center;
font-size:1.25rem;
}

#Cx .cCoupePopup .csTitle button {
margin:0px;
margin-left:0.5rem;
padding:0.25rem 0.25rem;
border:1px solid #ffffff;
}

#Cx .cCoupePopup .csClose {
cursor:pointer;
position:absolute;
top:1rem;
right:0rem;
padding:0.25rem 0.25rem;
border:1px solid #ffffff;
text-align:center;
}

#Cx .cCoupePopup .csContent {
padding:0.5rem;
max-height:calc(100vh - 6rem);
overflow:auto;
}

#Cx .cCoupePopup iframe {
border:0px;
width:550px;
height:750px;
max-width:calc(100vw - 10rem);
max-height:calc(100vh - 10rem);
}

#Cx .cCoupePopup .csButtons {
padding:1rem;
text-align:center;
}

#Cx .cCoupePopup button {
margin-right:1rem;
margin-bottom:1rem;
}

#Cx .cCoupePopup li {
margin-bottom:1rem;
}


#Cx .cCoupePopup.cCoupeDialog {
min-width:30%;
max-width:600px;
}



#Cx .cCoupePopup.cCoupeDialog.csCritical {
border:2px solid #ff0000;
}


#Cx .cCoupePopup.cCoupeDialog.csCritical .csTitle {
background-color:#ff0000;
color:#ffffff;
}

#Cx .cCoupePopup.cCoupeMenu {
border:2px solid #ff6600;;
}

#Cx .cCoupeMenu .csContent {
padding:0px;
}

#Cx .cCoupeMenu .csContent > * {
display:block;
color:#333333;

background-color:transparent;
background-image:none;

font-size:1rem;
font-weight:700;
text-align:left;
padding:0.5rem;
line-height:130%
border:1px solid #ff0000;
}

#Cx .cCoupeMenu .csContent .csTitle {

background-color:#ff6600;
color:#ffffff;
text-align:center;
cusor:pointer;

font-weight:700
}

#Cx .cCoupeMenu .csContent .csItem {
cursor:pointer;
}

#Cx .cCoupeMenu .csContent .csItem:hover {
background-color:rgba(255,102,0,0.5);
color:#ffffff;
}

#Cx .cCoupeMenu .csContent .csSeperator {
border-top:2px solid #333333;
margin:0px;
padding:0px;
}




#Cx.cCoupeChild {
overflow:hidden;
}

#Cx.cCoupeChild #iControl {
position:fixed;
left:0px;
right:0px;
bottom:0px;
margin:0px;
box-shadow:none;
height:5rem;

}

#Cx.cCoupeChild #iContent {
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:5rem;
overflow:auto;

margin:0px;
}





/*** Icons ***/

#Cx .cIcon {
border:none;
display:inline;
vertical-align:baseline;
margin-right:0.25rem;
line-height:1rem;

/* Default is small */
width:1.1rem;
height:1.1rem;

}

#Cx button .cIcon,
#Cx .sTitle .cIcon {
line-height:1.2rem;
}

#Cx .cIcon.csSmall {
width:1.1rem;
height:1.1rem;
}

#Cx .cIcon.csLarge {
width:3.3rem;
height:3.3rem;
}

#Cx .cIcon.csXL,
#Cx .cIcon.csExtraLarge {
width:6.5rem;
height:6.5rem;
}



/*** Idle settings for icon switcher ***/

#Cx img.csIconSelected {
display:none;
}

#Cx img.csIconUnselected {
display:inline;
}



/*** Switch icons on hover of parent element ***/

#Cx div:hover > img.csIconUnselected,
#Cx span:hover > img.csIconUnselected,
#Cx a:hover > img.csIconUnselected,
#Cx p:hover > img.csIconUnselected,
#Cx button:hover > img.csIconUnselected,

#Cx div:hover > nobr > img.csIconUnselected,
#Cx span:hover > nobr > img.csIconUnselected,
#Cx a:hover > nobr > img.csIconUnselected,
#Cx p:hover > nobr > img.csIconUnselected,
#Cx button:hover > nobr > img.csIconUnselected,

#Cx div.sSelected > img.csIconUnselected,
#Cx span.sSelected > img.csIconUnselected,
#Cx a.sSelected > img.csIconUnselected,
#Cx p.sSelected > img.csIconUnselected,
#Cx button.sSelected > img.csIconUnselected
{
display:none;
}


#Cx div:hover > img.csIconSelected,
#Cx span:hover > img.csIconSelected,
#Cx a:hover > img.csIconSelected,
#Cx p:hover > img.csIconSelected,
#Cx button:hover > img.csIconSelected,

#Cx div:hover > nobr > img.csIconSelected,
#Cx span:hover > nobr > img.csIconSelected,
#Cx a:hover > nobr > img.csIconSelected,
#Cx p:hover > nobr > img.csIconSelected,
#Cx button:hover > nobr > img.csIconSelected,

#Cx div.sSelected > img.csIconSelected,
#Cx span.sSelected > img.csIconSelected,
#Cx a.sSelected > img.csIconSelected,
#Cx p.sSelected > img.csIconSelected,
#Cx button.sSelected > img.csIconSelected
{
display:inline;
}


/*** Disable icon switcher on inactive elements ***/

#Cx .csInactive img.csIconSelected {
display:none !important;
}

#Cx .csInactive img.csIconUnselected {
display:inline !important;
}


/*** Working wheel ***/

@keyframes aWorkingWheel {
from {
transform:rotate(0turn);
}
to {
transform:rotate(1turn);
}
}


#Cx .cCoupeWorkingLayer {

position:absolute;
top:0px;
left:0px;
width:500px;
height:500px;
background-color:rgba(255,102,0,0.5);
display:none;

}

#Cx .cCoupeWorkingLayer .csWheel {
position:absolute;
left:calc(50% - 64px);
top :calc(50% - 64px);
display:inline-block;
background-color:transparent !important;
animation-iteration-count: infinite;animation-timing-function: linear;animation-fill-mode:both;animation-name:aWorkingWheel;animation-duration:2s;
width:127px;
height:127px;
background-image:url(../../../corveos/gui/elements/working.png);
background-size:7rem 7rem ;
background-position:center center;
background-repeat:no-repeat;
overflow:hidden;
}



/*** Indicators ***/

#iCoupeIndicatorWrapper {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items: center;
pointer-events:none;
}

.cCoupeIndicatorWrapper {

}

.cCoupeIndicator.csVisible {
opacity:0.9 !important;
}

.cCoupeIndicator {
display:none;
transition-duration:0.5s;
transition-property:opacity;
opacity:0;
background-color:#ff6600;
background-position:center center;
background-repeat:no-repeat;
background-size:80% 80%;
width:10rem;
height:10rem;
}

#iCoupeIndicatorDone {
background-image:url(../../../corveos/gui/icons/hd/ok2.png);
}