/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
 

body {
	-webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
	-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
	-webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
	background-color: #E4E4E4;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E4E4E4 51%);
	font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
	font-size: 12px;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	/* Padding to avoid the "unsafe" areas behind notches in the screen */
	padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
	width: 100%;
}
.mlco {
	color: #34495e;
}
.mlco_b,.mlco .tabbar__label {
	color: #34495e;
	font-weight: bold;
}
.mybaccol {
	background-color: #34495e !important;
}
.mlco .tabbar__label, .mlco_b .tabbar__label
{
	color: #34495e;
}
.mybaccol .toolbar__title {
	color: #FFFFFF !important;
}
/* Portrait layout (default) */
.app {
	background: url(../img/logo.png) no-repeat center top; /* 170px x 200px */
	position: absolute;             /* position in the center of the screen */
	left: 50%;
	top: 50%;
	height: 50px;                   /* text area height */
	width: 225px;                   /* text area width */
	text-align: center;
	padding: 180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
	margin: -115px 0px 0px -112px;  /* offset vertical: half of image height and text area height *//* offset horizontal: half of text area width */
}
.back-button__icon 
{
   fill:#FFFFFF !important;
}
/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
.app {
	background-position: left center;
	padding: 75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
	margin: -90px 0px 0px -198px;  /* offset vertical: half of image height *//* offset horizontal: half of image width and text area width */
}
}

@media screen and (prefers-color-scheme: dark) {
body {
	background-image: linear-gradient(to bottom, #585858 0%, #1B1B1B 51%);
}
}
.radius_0 {
	border-radius: 0px !important;
}
.padding_0 {
	padding: 0px !important;
}
.padding_10 {
	padding: 10px !important;
}
.card_paner {
	background: #e2e2e2;
	background: -moz-linear-gradient(45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	background: -webkit-linear-gradient(45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	background: linear-gradient(45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
}
.card_paner_g {
background: rgb(52,135,58);
background: -moz-linear-gradient(-45deg,  rgba(52,135,58,1) 0%, rgba(65,130,69,1) 32%, rgba(0,110,46,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(52,135,58,1) 0%,rgba(65,130,69,1) 32%,rgba(0,110,46,1) 100%);
background: linear-gradient(135deg,  rgba(52,135,58,1) 0%,rgba(65,130,69,1) 32%,rgba(0,110,46,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34873a', endColorstr='#006e2e',GradientType=1 );

}

.card_paner_o
{
background: rgb(53,106,160);
background: -moz-linear-gradient(-45deg,  rgba(53,106,160,1) 0%, rgba(53,106,160,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%);
background: linear-gradient(135deg,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=1 );


}

.card_ut
{
 background: rgb(249,252,247);
background: -moz-linear-gradient(-45deg,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
background: linear-gradient(135deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 );


}

.Rbut {
	padding: 30px;
	border-radius: 50%;
	background: #9A9A9A;
}
.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}
.btn-group-justified .btn,  .btn-group-justified .btn-group {
	float: none;
	display: table-cell;
	width: 1%;
	 
}
.btn-group-justified .btn .btn,  .btn-group-justified .btn-group .btn {
	width: 100%;
}
.btn-group-justified .btn .dropdown-menu,  .btn-group-justified .btn-group .dropdown-menu {
	left: auto;
}
.btn-group-justified a
{
  font-size: 11px ;
}
.cola a
{
 color: #FFFFFF;
}
.bottom-bar
{
  border-top: none !important;
  background-image: n
}
.fa-f15
{
  font-size: 15px;
  
}
.img-card
{
  border: 10px solid #ffffff;
}
.W_clo
{
	color: #FFFFFF;
}
.NC {
	border-radius: 50%;
	width: 56px;
	height: 56px;
	padding: 16px;
	color: #ebebeb;
	text-align: center;
  
	font: 18px Arial, sans-serif;
  }
  .LP20
  {
	padding-left: 20px;
	font-size: 15px;
  }
  .txt_ctrl
  {
	  border: none;
	  border-bottom:1px solid #929292;
	  font-size: 13px;
	  border-radius: 0px;
	  padding: 7px;
	  width: 100%;
  }
  .txt_center
  {
	  text-align: center;
	  font-size: large;
	 margin: 4px;
	 background-color:#d8e0e8;
	 padding: 10px;
  }