:root {
	color-scheme: light dark;
}

/* - CSS Reset -> Begin ----------------------------------------- */
html {
    color: #000;
	background: #222f3e;
	font-size: 16px;
	margin:0px;
	/*min-height: 100%;*/
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	/*text-align: left; */
	-webkit-font-smoothing: subpixel-antialiased;	
	-webkit-overflow-scrolling: touch;
	touch-action: manipulation;

}
html.textzoom90 {font-size: 14px}
html.textzoom110 {font-size: 17px}
html.textzoom120 {font-size: 19px}
html.textzoom130 {font-size: 20px}
html.textzoom140 {font-size: 21px}
html.textzoom150 {font-size: 22px}
html.textzoom160 {font-size: 23px}
html.textzoom170 {font-size: 24px}
html.textzoom180 {font-size: 25px}
html.textzoom190 {font-size: 26px}


html.app-dark-mode {
	background-color: #0a131d;
}
html.app-dark-mode body {
	visibility: hidden;	
}

body {    
    margin:0px;
    padding:0;
	top:0;   
	/*direction: ltr;*/
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased;	
	-webkit-overflow-scrolling: touch;	
	background-color: #222f3e;

}
@media print {
	html, body {
		background-color: #fff !important;
		color: #000 !important;
	}
	.app-view,
	.app-view-inner-bg {
		background-color: #fff !important;
	}	
}

.mobileBodyV2 {
	overflow: hidden;
	height: 100%;
	overscroll-behavior: none;
}


body.rtlBody {	       
	margin: 0 0; 
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";    
}

body.rtlBody .rtlElemFlip {
	transform: scaleX(-1);
	direction: rtl;
}


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
    max-width: none;
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var,
b,
ins,
i,
u,
table,
cite {
    font-family: inherit;
    font-size: inherit;
}


ul,ol {
    list-style-type: none;
}

caption,
th {
    text-align: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}


/*because legend doesn't inherit in IE */
legend {
	color: #000;

}


strong, b {
    font-weight: bold;
}

i, cite, em, var, address, dfn {
    font-style: italic;
}
u, ins {
    text-decoration: underline;
} 
  
p {
    margin: 0 0 0.5em 0;
    padding: 0;
    line-height: normal;
    text-align:justify;    
}

a.link,
a:not([class]) {
	color:#0091EA; 

	text-decoration:none;
}

a.link:hover,
a:not([class]):hover {
	color: #0091EA; 

	text-decoration: underline;
}
a.link:visited,
a:not([class]):visited {
	color: #6200EA;

}


/*
2019-06-07 marsian zrusene, sposobovalo to ze nejake komboboxy boli obcas modre ak si browser
"myslel" ze uz si na nieco klikol
.ui-widget-content a:visited:not(.ui-state-default),
.sidebar a:visited {
    color: #367DB3; 
    text-decoration: none
}
*/

h1, h2, h3, h4, h5, h6 {
    padding: 0;
	margin: 0;
	font-weight: normal;
    color: inherit;    
}

h1 {font-size: 2rem;} 
h2 {font-size: 1.5rem;}
h3 {font-size: 1.3rem;}
h4 {font-size: 1.1rem} 
h5 {font-size: 1.1rem} 
h6 {font-size: 1.1rem} 

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
}

/* - CSS Reset -> End ----------------------------------------- */

#edupageAppLoader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #152230;

	color: #fff;
}
#edupageAppLoader #edupageAppLoader-title {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 36px;
	top: 68px;
}


#edupageAppLoader #edupageAppLoader-subtitle-outer {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 14px;
	bottom: 64px;
	
}
#edupageAppLoader #edupageAppLoader-subtitle {
	opacity: 0.6;
}

.appLoaderHidden #edupageAppLoader-subtitle {
	visibility: hidden;
}




/* - CSS Reset -> Begin ----------------------------------------- */

:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}

body,
html {        
	direction: ltr;
	text-align: left; 
}


.plainText ol,.plainText ul,.plainText dl
{   
    padding:0 0 0 40px;
}
.plainText ol {
    list-style-type: decimal;
}
.plainText ul {
    list-style-type: disc;
}
.plainText p {
    text-align: inherit;
}
.plainText p {
    margin: 0 0 1em 0;
}

.plainText p:last-child {
    margin: 0;
}


ul.circles li {
    list-style-type:circle;
    margin-left:25px;
    padding: 3px;
}

ol.numbers li {
    list-style-type: decimal;
    margin-left:25px;
    padding: 3px;
}


ul.structured li {
	margin: 5px 0 0 0;
}
ul.structured ul {
	margin-left: 25px;
}
a {
	text-decoration: none;
}


textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"]  {
	appearance: none;
	-webkit-appearance: none;
	background-color: #fff;	
	color: #000;
	border: 1px solid rgba(0,0,0,0.2);

}
input[type="date"],
select  {
	background-color: #fff;	

	border: 1px solid rgba(0,0,0,0.2);

}

textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder {
}

select {
	background-color: #fff;	

	border: 1px solid rgba(0,0,0,0.2);

}

select option {
	background-color: #fff;	
	
}
/* - CSS Reset -> End ----------------------------------------- */

/* dialogs */

.barDialogActionButtons {
	text-align:right;
}
.barDialogActionButtons.withPadding {
	padding: 12px;
	margin: 0;
}

.barBottomLeftDialogButtons {
	float: left;
}

.ui-widget-overlay {
	background: #000;

    opacity: .3;
}

.mobileBody .ui-widget-overlay.ui-front {
	opacity: 0.3 !important;
}
.ui-dialog.whiteDialog {
	background: #fff;	

}
.ui-dialog.whiteDialog .ui-widget-content, 
.ui-dialog.whiteDialog .ui-dialog-content {
	background-color: transparent;
	border-radius: 8px;
}
.ui-dialog.whiteDialog.noRoundBorder .ui-dialog-content {
	border-radius: 0;
}

.ui-dialog.grayTitleDialog,
.ui-dialog.grayTitleDialog .ui-dialog-content {
    padding: 0;
	background: #fff;

}
.ui-dialog.grayTitleDialog .ui-dialog-titlebar {
	background: #455A64;

    margin: -1px -1px 0 -1px;
    border: 0;
    padding: 8px;
}

.ui-dialog.fixedPos {
	position: fixed !important;
}
.ui-dialog.whiteDialog {
	border-radius: 8px;
	max-height: 100%;
	border: 0;
}
.ui-dialog.whiteDialog .ui-dialog-titlebar {
	display: none;
}
.ui-dialog.whiteDialog .ui-dialog-buttonpane {
    padding: 10px 15px;
}
.ui-dialog.whiteDialog {
	padding: 0;
}
.ui-dialog.whiteDialog.mobileDlgPadding {
	padding: 0;
}
.ui-dialog.whiteDialog.mobileDlgPadding .ui-dialog-content{
	padding: 15px;
}

.ui-dialog.whiteDialog .ui-dialog-content {
	padding: 0;
}
.ui-dialog.whiteDialog .hoverBtn {
	cursor: pointer;
	padding: 3px;
}
.ui-dialog.whiteDialog .hoverBtn:hover {
	background-color: rgba(200,200,200,0.2);	

}

.mobileBody .ui-dialog-content {
	overscroll-behavior: none;
	-webkit-overflow-scrolling: touch;
}
.albox.errorbox {
	color: #F44336;
	font-weight: bold;
}


.mobileBody .ui-dialog {
	box-shadow: 0px 1px 5px rgba(0,0,0,0.35);
	max-width: 100%;

	font-size: inherit;
}

.mobileBody .ui-widget.ui-widget-content.ui-dialog {
	border: 0;
}

.app-dark-mode .ui-dialog.ui-widget-content {
	background-color: #fff;



}
.app-dark-mode .ui-widget-content,
.app-dark-mode .ui-widget-content a {

}
.mobileBody .ui-dialog.visibleEdges {
	max-width: 95%;
	max-height: calc(100vh - 60px) !important;	
}
.mobileBody .ui-dialog.visibleEdges .ui-dialog-content{	
	max-height: calc(100vh - 60px) !important;	
}
.mobileBody .ui-dialog-content {
	font-size: inherit;
}


.mobileBody .ui-dialog-titlebar-close {
	padding: 0.5cm;
	margin: -0.5cm -0.2cm;
	z-index: 3;
}

.mobileBody .barShowMessageBoxButtons {
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	justify-content: center;
	margin: 0 0;
	gap: 8px;
}

.mobileBody .barShowMessageBoxButtons input[type="button"],
.barShowMessageBoxButtons-emptyItem {
	flex: auto 0 0;
	margin: 0;
	max-width: 60vw;
	text-overflow: ellipsis;
    overflow: hidden;
}

.barShowMessageBoxButtons-emptyItem {
	margin: 0;
}

.mobileBody .barShowMessageBoxButtons input.etest-btn-fw-confirm[type="button"],
.mobileBody .barShowMessageBoxButtons button.etest-btn-fw-confirm {
	flex: 100% 1 1;
	max-width: none;
}
.mobileBody .barShowMessageBoxButtons button.etest-btn-fw-confirm {
	margin-top: 0;
	padding-top: 12px;
	padding-bottom: 12px;
}

#barSmartLinkLoadingText, .barMessageText {
	bottom: 8px;
	left: 8px;
	right: 8px;		
	padding: 12px 12px;
	text-align: center;	
	position:fixed;
	color: #fff;

	z-index: 1000000;
	font-weight: normal;
	border-radius: 8px;
	background-color:rgba(30, 30, 30, 0.9);

	border: 0;
	cursor: pointer;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}
.barMessageText.positionTop {
	bottom: auto;
	top: 16px;
	left: 16px;
	right: 16px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	background-color: rgba(85, 139, 47,1)
}
.barMessageText.positionTop a {
	color: inherit;
}
.barMessageText.withCloseButton {
	padding-right: 55px;
	text-align: left;

}
.barMessageTextCloseButton {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0.5;
}

.mobileBodyV2 .etest-overlay {
	height: 100vh;
	overflow: auto;
	overscroll-behavior:none;
	-webkit-overflow-scrolling: touch;
}
.mobileBodyV2 .keepHeaderMargin {
	top: 55px !important;
}


.whiteDialogTitle {
	padding: 15px 10px;	
	background-color: #f5f5f5;

	border-bottom:1px solid #ddd;

	position: relative;
}

.whiteDialogTitle h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}

.whiteDialogTitle.darker {
	background-color: #eee;
}
.app-dark-mode .whiteDialogTitle.darker {
	background-color: #2a2d32;
}

.whiteDialogCloseBtn {
	position:absolute;top: 0px;right:0px;	
}

.whiteDialogCloseBtn a {
	display:inline-block;color:inherit;padding:10px;
	cursor: pointer;
}

.whiteDialogCloseBtn a:hover {
	background-color: rgba(0,0,0,0.05);

	color: inherit;
}

.mobileBody .whiteDialogCloseBtn {
	display: none;
}


.mobileBody .whiteDialogFlex {
	
	height: 100vh;
}

.whiteDialogContent {
	box-sizing: border-box;
	padding: 10px;
}


.whiteDialogFooter {
	text-align:right;padding: 10px;
	background-color: #f5f5f5;

	border-top:1px solid #ddd;


}

.mobileBody .ui-dialog.app-full-screen {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	display: flex;
	flex-flow: column nowrap;
	box-shadow: none;
	background-color: #fff;

}
.mobileBody .ui-dialog.app-full-screen .ui-dialog-titlebar {
	background: #222f3e;

	height: 55px;
	box-sizing: border-box;
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: center;
	padding: 0;
}
.mobileBody .ui-dialog.app-full-screen .ui-dialog-titlebar .ui-dialog-titlebar-close * {
	display: none;
}
.mobileBody .ui-dialog.app-full-screen .ui-dialog-titlebar .ui-dialog-titlebar-close {
	padding:15px;
	font-size: 25px;
	position: static;
	width: 55px;
	box-sizing: border-box;
	top: 0;
	margin: 0;
	right: 0;
	height: 55px;
}
.mobileBody .ui-dialog.app-full-screen .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
	display: inline-block;
	font: normal normal normal 25px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f060";
	color: #fff;
	position: absolute;
	left: 15px;
	top: 15px;
	text-indent: 0;
}

.mobileBody .ui-dialog.app-full-screen .ui-dialog-content {
	overflow: auto !important;
	flex: auto 1 1;
}

.ui-dialog.app-newVersion-dialog {
	border-radius: 20px;
}


.dialogItemEditorRows > li {
	display: block;
	padding: 8px 5px;
	border-bottom: 1px dashed rgba(0,0,0,0.05);

	white-space: nowrap;	
	display: flex;
	flex-flow: row nowrap;
}

.dialogItemEditorRows > li > .label {
	display: inline-block;
	flex: 150px 150 150;
	text-align: right;
	color: inherit;
	opacity: 0.6;
	vertical-align: middle;
	white-space: normal;
	margin-right: 10px;
	padding: 7px 5px;
}
.dialogItemEditorRows > li > .label:after {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
}

.dialogItemEditorRows > li > .label:empty:after {
	content: '';
}

.dialogItemEditorRows > li > .value {
	display: inline-block;
	flex: 300px 300 300;
	vertical-align: middle;
	white-space:normal;
}

@media (max-width: 800px) {
	.dialogItemEditorRows > li {
		flex-flow: row wrap;
		border-bottom: 0;	
		margin-top:8px;	
	}
	.dialogItemEditorRows > li > .label {
		flex: 100% 150 150;
		text-align: left;
		padding-bottom: 2px;
	}
	.dialogItemEditorRows > li > .value {
		flex: 100% 300 300;
	}
}


.dialogItemEditorRows li > .value input[type="text"],
.dialogItemEditorRows li > .value input[type="password"],
.dialogItemEditorRows li > .value input[type="email"],
.dialogItemEditorRows li > .value input[type="number"],
.dialogItemEditorRows li > .value select,
.dialogItemEditorRows li > .value textarea {
	padding: 7px 5px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.1);

	border-radius: 3px;
}
.dialogItemEditorRows.vertical > li {
	display: block;
}
.dialogItemEditorRows.vertical > li > .label {
	display: block;
	width: auto;
	text-align: left;
	font-weight: bold;
	/*border-bottom: 1px solid #CBDAE8;*/
	margin-bottom: 5px;
	padding: 3px;
}
.dialogItemEditorRows.vertical > li > .value {
	display: block;
	width: auto;
	padding: 3px;	
	flex: 100% 1 1;
}

.dialogItemEditorRows.vertical li > .value input[type="text"],
.dialogItemEditorRows.vertical li > .value input[type="password"],
.dialogItemEditorRows.vertical li > .value input[type="email"],
.dialogItemEditorRows.vertical li > .value input[type="number"],
.dialogItemEditorRows.vertical li > .value select,
.dialogItemEditorRows.vertical li > .value textarea {
	padding: 7px 5px;
	width: 99%;
	box-sizing: border-box;
}

.dialogItemEditorRows.vertical.wideInputs li > .value input[type="text"],
.dialogItemEditorRows.vertical.wideInputs li > .value input[type="password"],
.dialogItemEditorRows.vertical.wideInputs li > .value input[type="email"],
.dialogItemEditorRows.vertical.wideInputs li > .value input[type="number"],
.dialogItemEditorRows.vertical.wideInputs li > .value select,
.dialogItemEditorRows.vertical.wideInputs li > .value textarea {
    padding: 8px 5px;
}


/* ================= Button Styles ================= */

.button-any {
	display: inline-block;
	cursor: pointer;
}

.button-gray, .button-blue, .button-green, .button-red, .button-aqua {
	margin:0 3px 0 0;
	cursor: pointer;
	border: 1px solid transparent;
    border-radius: 4px;
	padding: 6px 16px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none;
	box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	-webkit-appearance: none;
	appearance: none;
}
.button-blue, .button-gray.checked {
	
    background:#0288D1;
    color:#fff !important;
   
}

.button-aqua{
    
    background:#00a8ff;
    color:#fff !important;
   
}

.button-green{

    background:#44bd32;
    color:#fff !important;
    
}

.button-gray{
    background:#E0E0E0 ;
	color:#000 !important;
	/*border: 1px solid #BDBDBD;*/
}


.button-red{
    background:#e84118 ;
    color:#fff !important;
   
}
.button-blue:hover, .button-aqua:hover, .button-green:hover, .button-red:hover, .button-gray.checked:hover {	
    color:#fff !important;   
    text-decoration: none !important;    
}
.button-blue:focus, .button-aqua:focus, .button-green:focus, .button-red:focus, .button-gray:focus {
    
    outline: 0;
}


.button-blue:active, .button-aqua:active, .button-green:active, .button-red:active, .button-gray:active{ 
	box-shadow: none;  
	opacity: 0.7; 
}



.button-disabled, .button-disabled:hover, .button-disabled:active  {
    cursor: default !important;
    background:#f5f5f5;    
    color:#818181 !important;
    border:1px solid #C5C5C5 !important;
    border-bottom:1px solid #C5C5C5  !important;
    border-radius:2px  !important;   
    text-shadow: 0px 0px #fff;
    color: #ccc !important;
    text-decoration: none;
    box-shadow: none !important;
}

.button-disabled img {
    filter: grayscale(100%);
}

.button-half-disabled, .button-half-disabled:hover, .button-half-disabled:active  {
    opacity: 0.6;
    background:#f5f5f5;
}


.flat-button,
.ui-widget-content a.flat-button {
	cursor: pointer;
	display: inline-block;
	transition: border .25s linear,color .25s linear,background-color .25s linear;
  	-webkit-font-smoothing: subpixel-antialiased;
  	padding: 7px 12px;
  	border-radius: 2px;  	
  	vertical-align: middle;  	  	
  	text-decoration: none;
	border:0;
	color: #fff;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.ui-widget-content a.flat-button:hover {
	color: #fff;
}
.flat-button.withShadow {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
.flat-button-big {
	line-height: 18px;
	padding: 15px 20px;
	font-size: 1.4em;
}
.flat-button-bigger {
	line-height: 28px;
	padding: 10px 25px;
	font-size: 1em;
}
.flat-button-main {
	line-height: 28px;
	padding: 10px 15px;
	border-radius: 5px;
}
.flat-button:hover {
	text-decoration: none;
}

.flat-button-yellow {
	color: #fff;
  	background-color: #f1c40f;
    border-color: #eea236;
}
.flat-button-yellow:hover,.flat-button-yellow:focus {
	color: #fff;	
  	background-color: #f4d313;
  	border-color: #f4d313;
}

.flat-button-blue,
.ui-widget-content a.flat-button-blue {
	color: #fff;
  	background-color: #3498db;
    border-color: #3498db;
}

.flat-button-blue:hover,.flat-button-blue:focus,
.ui-widget-content a.flat-button-blue:hover {
	color: #fff;	
  	background-color: #5dade2;
  	border-color: #46b8da;
}

.flat-button-blue.selected {
	color: #fff;
  	background-color: #38495a;
    border-color: #38495a;
}


.flat-button-teal {
	color: #fff;
  	background-color: #009688;
    border-color: #009688;
}
.flat-button-teal:hover,.flat-button-teal:focus {
	color: #fff;	
  	background-color: #00796B;
  	border-color: #009688;
}

.flat-button-green {
	color: #fff;
  	background-color: #2ecc71;
    border-color: #4cae4c;
}
.flat-button-green:hover,.flat-button-green:focus {
	color: #fff;	
  	background-color: #58d68d;
  	border-color: #58d68d;
}

.flat-button-red {
	color: #fff;
  	background-color: #e74c3c;
    border-color: #d43f3a;
}
.flat-button-red:hover,.flat-button-red:focus {
	color: #fff;	
  	background-color: #ec7063;
  	border-color: #ec7063;
}

.flat-button-gray {
	color: #fff;
  	background-color: #bdc3c7;
    border-color: #bdc3c7;
}
.flat-button-gray:hover,.flat-button-gray:focus {
	color: #fff;	
  	background-color: #cacfd2;
  	border-color: #cacfd2;
}

.app-dark-mode .flat-button-gray {
	background-color: #616161;
	border-color: #616161;
}

.app-dark-mode .flat-button-gray:hover,.app-dark-mode .flat-button-gray:focus {
	color: #fff;	
  	background-color: #757575;
  	border-color: #757575;
}

.flat-button-brown {
	color: #fff;
  	background-color: #795548;
    border-color: #795548;
}
.flat-button-brown:hover,.flat-button-brown:focus {
	color: #fff;	
  	background-color: #8D6E63;
  	border-color: #8D6E63;
}

.flat-button-greenm {
	color: #fff;
  	background-color: #4CAF50;
    border-color: #4CAF50;
}
.flat-button-greenm:hover,.flat-button-greenm:focus {
	color: #fff;	
  	background-color: #66BB6A;
  	border-color: #66BB6A;
}


.flat-button-asphalt {
	color: #fff;
  	background-color: #34495e;
    border-color: #34495e;
}
.flat-button-asphalt:hover,.flat-button-asphalt:focus {
	color: #fff;	
  	background-color:#2c3e50;
  	border-color: #2c3e50;
}

.flat-button-graym {
	color: #fff;
  	background-color: #78909C;
    border-color: #78909C;
}
.flat-button-graym:hover,.flat-button-graym:focus {
	color: #fff;	
  	background-color: #546E7A;
  	border-color: #546E7A;
}

.grouped-buttons > .flat-button-main:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.grouped-buttons > .flat-button-main:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.button-fw {
	display: block;
	margin: 4px 0;
	width: 100%;
	box-sizing: border-box;
}

.asc-button-container > button {
	height: 48px;
}
/*
.ripple {
	background-position: center;
	transition: background 0.8s;
}
.ripple:hover {
	background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
}
.ripple:active {
	background-color: #6eb9f7;
	background-size: 100%;
	transition: background 0s;
}
*/

.ucfirst {
	text-transform: lowercase;
}
.ucfirst::first-letter {
	text-transform: uppercase;
}