:root {
  --main-color:#1f9c68;
  --f7-theme-color: #1f9c68;
  --f7-theme-color-rgb: 89, 73, 158;
  --f7-theme-color-shade: #4d9c79;
  --f7-theme-color-tint: #4d9c79;
  --f7-navbar-bg-color: var(--f7-theme-color);
  --f7-navbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
  --f7-navbar-border-color: var(--f7-bars-border-color);
  --f7-navbar-link-color: #FFF;
  --f7-navbar-text-color: #FFF;
  --f7-page-bg-color:#eee;
  --f7-preloader-modal-bg-color: rgba(31,156,104,1);
}
@font-face {
  font-family: 'Framework7 Icons';
  font-style: normal;
  font-weight: 400;
  src: url("framework/fonts/Framework7Icons-Regular.eot");
  src: local('Framework7 Icons'),
     local('Framework7Icons-Regular'),
     url("framework/fonts/Framework7Icons-Regular.woff2") format("woff2"),
     url("framework/fonts/Framework7Icons-Regular.woff") format("woff"),
     url("framework/fonts/Framework7Icons-Regular.ttf") format("truetype");
}
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
body{
	height:calc(100% - 60px)!important
}
.f7-icons, .framework7-icons {
  font-family: 'Framework7 Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
.size-14 { font-size: 14px!important }
.size-18 { font-size: 18px!important }
.size-28 { font-size: 28px!important }
.size-32 { font-size: 32px!important }
.size-56 { font-size: 56px!important }
.f-bold{font-weight: bold;}
.fixed {
  display: inline-block;
}
* html .fixed {
  height: 1%;
}
.fixed {
  display: block;
}
@font-face {
  font-family: 'Baloo Bhai';
  src: url('subset-BalooBhai-Regular.woff2') format('woff2'),
      url('subset-BalooBhai-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body{
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.o-auto{
  overflow: auto!important;
  height: 100%!important;
  text-align: center;
}
.fix{
  display: block;
  position: fixed!important;
  right: 5px;
  top: 5px;
}
.app_header{
  width: 95%;
  position: relative;
  background-color: #FFF;
  border-radius:10px;
  margin:0 auto;
  text-align: center;
  top: 10px;
  padding: 15px 10px;
  box-sizing: border-box;
}
.app_header img{
  width: 80%;
  position: relative;
}
.welc_h1{
  font-family: 'Baloo Bhai', Arial, Helvetica, sans-serif;
  color: #1f9c68;
  font-weight: normal;
  text-align: center;
  font-size: 2rem;
}
.selectBox{
  width: 95%;
  margin:0  auto;
  margin-bottom: 40px;
}
.select__drop{
  padding: 10px 6px;
  box-sizing: border-box;
  border-radius: 10px;
  height: 50px;
  background-color: #FFF;
  border:1px solid #1f9c68;
  box-shadow: 4px 4px 6px rgba(31,156,104,0.2);
}
.select_title{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #555;
  padding: 12px 0px;
}
.spc{
  padding-top: 16px;
}
.page{
  background:#eee url("img/bg-1.png") no-repeat center center fixed !important;
}
.title_1{
  color: #666;
}
.title_c{
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 1.5px;
}
.totalr{
  color: #1f9c68;
}
.totald{
  color: #F00;
}
.totalc{
  color: #666;
}
.bayrak{
  width: 32px;
  float: left;
}
.bayrak2{
  margin-right: 5px;
}
.ulke{
  width: calc(100% - 32px);
  float: left;
  padding: 6px;
  box-sizing: border-box;
  font-weight: bold;
}
.title_v{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.5px;
}
.title_v .f7-icons{
  font-size: 14px;
}
.title_2{
  font-size: 12px;
}
.caseBox{
  float: left;
  width: 33%;
  text-align: center;
}
.caseBox:last-child{
  width: auto;
}
.caseBoxFul{
  border-bottom:1px solid #EEE;
  width: 100%!important;
  height:80px;
  display: block;
  padding: 10px;
  box-sizing: border-box;
}
.caseBoxFul small{
  font-size: 10px;
  letter-spacing: 0px;
}
.caseBoxFul2{
  height: 100px;
}
.today{
  border-top: 1px solid #eee;
  padding-top: 10px;
  font-size: 10px;
}
.totalc small, .totald small{
  font-size: 11px;
  float: right;
  letter-spacing: 0px;
}
.fSize1{
  display: block;
  font-size: 10px;
  position: absolute;
  right: 10px;
  font-weight: bold!important;
  top: 10px;
}
.testCard img{
  width: 100%;
}
.card-button a{
  display: block;
  margin: 20px auto;
  width: 95%;
}
.card-button {
  padding-top: 10px;
  padding-bottom: 20px;
}
.text-center{
  text-align: center!important;
}
.btn3{
  background-color: #ce3234;
  color:#FFF;
  font-weight: bold;
}
#cardLogin{
	display:none
}