/**
 * CSS stylesheet for the jQuery UI implementation.
 * <br/>GXT.
 *
 * @author  (c) e-switch Solutions AG
 * @author  re
 * @version v7  1.5.0   Oct 2015    Created.
 * @since   v7  1.5.0   Oct 2015
 */

/*	----------	*/
/*	SAP Button	*/
/*	----------	*/

.sapMBtnContent 
{
     padding-left: 7px;
}

footer button
{
    margin: 0 .25rem !important;
}

/*	----	*/
/*	Text	*/
/*	----	*/

.sapUiSizeCozy .sapMText
{
	font-size: 1rem;
}

/*	------------------	*/
/*	Master Detail View	*/
/*	------------------	*/

body.hideNavigation .sapMSplitContainerMasterBtn
{
	display: none;
}

.sapMScrollContScroll
{
	height: inherit;	
}

.mc-nav-content > div
{
	padding: 0;
}

/*	-------	*/
/*	Toolbar	*/
/*	-------	*/

.mc-title-panel
{
	flex: 1;
	overflow: hidden;
}

.mc-title
{
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	vertical-align: middle;
}

/**
* Prevents toolbar from breaking in combination with masterbutton
*/
.sapMSplitContainerPortrait
.sapMSplitContainerMasterBtnShow
{
	display: flex !important;
}

.mc-hidden-button
{
	visibility: hidden !important;
}

.mc-http-off, .mc-http-connected, .mc-http-outbox, .mc-http-inbox, .mc-http-stopped
{
	margin: 2px;
}

.mc-http-off
{
	color: #999999;
}

.mc-http-connected
{
	color: #00BB00;
}

.mc-http-outbox
{
	color: #5555FF;
}

.mc-http-inbox
{
	color: #DDDD00;
}

.mc-http-stopped
{
	color: #BB0000;
}

.gui_http_wait_mobile
{
	font-size: 2rem;
}

.mc-sub-header td
{
	padding-bottom: 0 !important;
}

/*	---------	*/
/*	Signature	*/
/*	---------	*/
canvas
{
	background: white;
}

.mc-signature-panel
{
    background: white;
    border-bottom: 1px solid black;
    height: 100px;
    display: flex;
    /** align-items: center; **/
    justify-content: center;
    cursor: pointer;
}

.mc-signature-panel div
{
    height: 100%;
    display: flex;
    align-items: center;
}

.mc-signature-panel img
{
	max-height: 100%;
	display: block;
	max-width: 100%;
}

#canvas_container
{
	display: flex;
	justify-content: center;
}

#canvas_container canvas
{
    border-bottom: 2px solid black;
    margin-top: .5rem;
}

.mc-hide-info #canvas_signature_info
{
	display: none;
}

#canvas_signature_info
{
	text-align: center;
    position: absolute;
    width: 100%;
    margin-top: .5rem;
    color: #999;
    pointer-events: none;
}

.mc-signature-preview
{
	max-height: 100px;
	width: 100%;
}

.mc-signature-default
{
	width: 100%;
}

.mc-signature-preview-readonly
{
	background: none;
}

.mc-signature-overlay
{
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #DCE9EE;
    color: #7EAEC0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32pt;
}

/*	-----------	*/
/*	File upload	*/
/*	-----------	*/

.mc-upload-preview
{
	max-width: 100%;
	margin: 0 5px;
}

/*	-------	*/
/*	Catalog	*/
/*	-------	*/

.mc-catalog-open
{
	margin-right: .5em;
}

.mc-catalog-content
{
	border-bottom: 1px solid #bfbfbf;
}

.mc-catalog-content:hover
{
	border-bottom-color: #007cc0;
}

.mc-catalog-content input
{
	border-bottom: none;
}

.mc-catalog-desc
{
	margin-left: .7rem;
}

.mc-catalog-readonly:hover
{
	border-bottom-color: #bfbfbf;
}

.mc-catalog-readonly .mc-catalog-desc
{
	opacity: .5;
}

/*	---------------	*/
/*	Widgets general	*/
/*	---------------	*/

.mc-left-margin
{
	margin-left: 5px;
}

.prj-sapui-widget-gis-values .mc-left-margin
{
	width: auto !important;
}

.sapUiSizeCozy .sapMInputBaseInner, .sapUiSizeCozy .sapMSltLabel, .sapUiSizeCozy .sapMSlt
{
	font-size: 1.3rem !important;
}

.sapMPanelWrappingDiv,
.sapMPanelContent:not(.sapMPanelBGTransparent)
{
	margin-bottom: 5px;
}

.mc-gui-form .sapUiRespGridSpanL6:not(.sapUiRespGridBreak)
{
	margin-bottom: 20px !important;
}

.mc-mandatory::after
{
	content: " *";
	color: red;
}

.mc-big-width-centered 
{
	width: 100%;
	
}

@media all and (max-width: 440px)
{
	.prj-sapui-widget-date, .prj-sapui-widget-gis-values
	{
	    flex-wrap: wrap;
	}	
}

@media all and (min-width: 441px)
{
	.prj-sapui-widget-date > *:nth-child(2), .prj-sapui-widget-gis-values  > *:nth-child(2)
	{
	    margin-left: .2rem;
	}
}

.prj-sapui-widget-date, .prj-sapui-widget-gis-values
{
	
}

.prj-sapui-widget-gis-values
{
    flex: 1;
}

.sapMInputBaseReadonlyInner 
{
     border-bottom: 1px solid #bfbfbf;
     background: white;
     opacity: 0.5;
}

/*	-------------	*/
/*	Widget Button	*/
/*	-------------	*/
.mc-widget-button
{
	margin-right: .5em;
}

/*	----	*/
/*	List	*/
/*	----	*/
.mc-list-item-element
{
	margin: 0 .25rem;
}

.sapUiSizeCozy .mc-list-item-element > div
{
    line-height: 1.5;
}

.mc-list-item-element > div:first-child
{
    font-weight: bold;
}

.sapUiSizeCozy .mc-list-item
{
	padding: .2rem 0 !important;
}

.mc-list-item-active, .mc-list-item-active .sapMText
{
	color: #ffffff !important;
    background: #007cc0 !important;
}

.mc-sapui-list-item-icon-padding {
	padding-left: 10px !important;
}


/*	------	*/
/*	Popups	*/
/*	------	*/

.mc-popup-fault-text
{
	margin: .2rem 0;
}

/*	-----------	*/
/*	Collapsible	*/
/*	-----------	*/

.mc-collapsible > div > .sapMFlexItem
{
	display: flex;
	flex: 1;
}

.mc-collapsible > div > .sapMFlexItem > button
{
	flex: 1;
}

.mc-collapsible > div > .sapMFlexItem > .sapMText
{   
	margin: .2rem;
    align-self: center;
}

.mc-collapsible-button-open
{
	transform: rotate(90deg);
	animation: rotate 0.1s linear;
}

.mc-collapsible-button-close
{
	transform: rotate(0deg);
	animation: rotate-back 0.1s linear;
}

@keyframes rotate
{
     from {transform: rotate(0deg);}
     to {transform: rotate(90deg);}
}

@keyframes rotate-back
{
	 from {transform: rotate(90deg);}
     to {transform: rotate(0deg);}
}

/*	--------------	*/
/*	Splitcontainer	*/
/*	--------------	*/

.sapUiUfdSpltContAnim .sapUiUfdSpltContCanvas, .sapUiUfdSpltContAnim .sapUiUfdSpltContPane
{
	transition: none;
}

.mc-split-vertical .sapMFlexItem
{
	height: 100%;
}

/*	-----------	*/
/*	Commandmenu	*/
/*	-----------	*/

.mc-command-menu .sapMLIBContent span:first-child
{
    margin-right: .75rem;
}

/*	----------------	*/
/*	Validation State	*/
/*	----------------	*/

.sapMInputBaseErrorInner
{
	border-color: #e52929 !important;
}

.sapMInputBaseWarningInner
{
	border-color: #f0ab00 !important;
}

.sapMInputBaseSuccessInner
{
	border-color: #008a3b !important;
}

.sapMInputBaseErrorInner, .sapMInputBaseWarningInner, .sapMInputBaseSuccessInner
{
	border-width: 2px;
}


.mc-about-image-centered > fieldset > div.ui-controlgroup-controls > div.gwt-HTML > img {
	display: block;
	margin: 0 auto;
}

div.mc-about-centered > div {
	margin: 0 auto;
}

.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0>.sapUiRespGridSpanM4,
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0>.sapUiRespGridSpanM4,
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 .prj-sapui-widget-string,
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 .prj-sapui-widget-string
{
    display: flex;
    align-items: center;
}

.sapUiSizeCozy .sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0>.sapUiRespGridSpanM4,
.sapUiSizeCozy .sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0>.sapUiRespGridSpanM4,
.sapUiSizeCozy .sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 .prj-sapui-widget-string,
.sapUiSizeCozy .sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 .prj-sapui-widget-string
{
    min-height: 3rem;
}

.sapUiSizeCompact .sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0>.sapUiRespGridSpanM4,
.sapUiSizeCompact .sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0>.sapUiRespGridSpanM4,
.sapUiSizeCompact .sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 .prj-sapui-widget-string,
.sapUiSizeCompact .sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 .prj-sapui-widget-string
{
    min-height: 2.3rem;
}

div.mandatory-test-bottom-border > textarea {
	border: 2px solid red;
}

.prj-sapui-widget-checkbox-mandatory > div,
.prj-sapui-widget-textfield-mandatory input,
.prj-sapui-widget-textfield-mandatory textarea,
.prj-sapui-widget-date-mandatory > div:first-of-type input,
.prj-sapui-widget-catalog-mandatory input,
.prj-sapui-widget-select-mandatory,
.prj-sapui-widget-signature-mandatory,
.prj-sapui-widget-fileupload-mandatory > form > div > div.sapUiFupInputMask,
.prj-sapui-widget-colorpicker-mandatory input,
.prj-sapui-widget-radio-mandatory,
.prj-sapui-widget-gis-mandatory input
{
	border-left: 3px solid red;
}                
.prj-sapui-widget-toggle-mandatory > div {
	border-left: 3px solid red !important;
}

/* ------------------- */
/* Tabs */
/* ------------------- */

.sapUiSizeCompact .sapMITBFilterIcon
{
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    line-height: 1.8rem;
}

.sapUiSizeCompact .sapMITBFilter 
{
	height: 4rem;
}

.sapUiSizeCompact .sapMITBHead
{
	margin-top: .3rem;
}

/* ------------------- */
/* Slider */
/* ------------------- */

.sapSliderInput input{
	font-size: 0.8em !important;
}

.mc-sapui-table input, .mc-sapui-table .mc-catalog-content
{
    background: transparent;
    border-bottom: none;
    margin: 0;
}

.mc-sapui-table .sapMInputBaseContentWrapper
{
	background: transparent;
	border: none;
}

/*
	Without this, all not supported widgets in a form (e.g. HTML) will have font-size : 1px;
*/
.sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont>div
{
	font-size: inherit;
}

.mc-layout-cls
{
	height: 100%;
}

.sapUiSizeCompact .sapMSltArrow
{
	font-size: initial;
}