html {
  height: 100%;
}

body {
  position: relative; 
  min-height: 100%; 
  top: 0px;
}

h2 {
  text-align: center;
  padding-top: 20px;
}

.fade_{
  opacity: 1;
}

.main{
  padding-bottom: 20px;
}

.modal-backdrop.in {opacity: 0.5;}

.modal-header, .modal-footer{
  margin: 0px;
  padding:5 5 5 5px;
}

.table_option{
  width: 100%;
  background:#aaa;
}

.table_option th{
  background:#ccc;
  FONT-SIZE: 12px;
  padding-left: 2px;
  padding-right: 2px;
  border: 1px solid #aaa;
  text-align: center;
  background:#ddd;
}

.table_option td{
  color: #000;
  background:#f5f5f5;
  FONT-SIZE: 14px; 
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid #aaa;
}

.table_option td.edit, .table_option td.delete, .table_option td.check, .table_option td.check_na, .table_option th.check, .table_option th.check_na, 
.table_option td.arrow, .table_option td.cut, .table_option td.card_pay, .table_option td.device, td.calendar, td.access,
.table_option td.user, .table_option td.userc, .table_option td.group, .table_option td.admin, .table_option th.admin, .table_option td.tag, div.user, 
 div.copy, div.paste, div.edit, div.delete, .table_option td.alarm, .table_option td.archive, .table_option td.report, .table_option td.options, 
.table_option td.upload, .table_option td.download, .table_option th.user, .table_option th.group, .table_option td.plus,
.table_option td.sms, .table_option td.email, .table_option th.sms, .table_option th.email, .table_option td.history, .table_option td.excel, 
.table_option td.txt, .table_option td.reset, .table_option td.money, .table_option td.ev_alert, .table_option td.ev_check{
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  width: 25px;
  height: 20px;
}

.table_option td.user{
  background-position: center right;
  text-align: left;
}

.table_option td.userc{
  background-image: url("/files/images/user.png");  
  cursor: pointer;  
}

.table_option td.delete, div.delete{
  background-image: url("/files/images/delete.gif");  
  cursor: pointer;  
}

.table_option td.edit, div.edit{
  background-image: url("/files/images/edit.gif"); 
  cursor: pointer;  
}

.table_option td.money{
  background-image: url("/files/images/money.png"); 
  cursor: pointer;  
}

.table_option td.card_pay{
  background-image: url("/files/images/card.png");
  cursor: pointer;
}

.table_option td.history{
  background-image: url("/files/images/history.png");
  cursor: pointer;
}

.table_option td.excel{
  background-image: url("/files/images/excel.png");
  cursor: pointer;
}

.table_option td.txt{
  background-image: url("/files/images/txt.png");
  cursor: pointer;
}

.table_option td.reset{
  background-image: url("/files/images/reset.png");
  cursor: pointer;
}

.table_option td.ev_alert{
  background-image: url("/files/images/alert.png");
}

.table_option td.ev_check{
  background-image: url("/files/images/check.gif");
}

.table_option td.plus{
  text-align: left;
  background-image: url("/files/images/plus.png");
  cursor: pointer;
  background-position: center right;
}

.table_option td.admin, .table_option th.admin{
  background-image: url("/files/images/admin.png");
}

.table_option td.user, .table_option th.user{
  background-image: url("/files/images/user.png");
}

.table_option td.check, .table_option th.check{
  background-image: url("/files/images/check.gif");
}

.table_option td.check_na, .table_option th.check_na{
  background-image: url("/files/images/check_na.png");
}

.table_option tr.selection td{
  background: #f7e999;
}

tr.get_cash td{
  background:#ffc;
}

label{
  margin:0px;
  cursor: pointer;
}

.vertmenu {
  margin: 0 20px;
  font-family: 'Open Sans', sans-serif;    
}

.vertmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.vertmenu ul li {
  position: relative;
  margin: 0;
  line-height: 25px;
  text-transform: uppercase;    
}

.vertmenu ul li li {
  padding-left:10px;
}

.vertmenu .subCat{
  top: 0;
  right: 0px;
  position: absolute;
  cursor: pointer;
}

.vertmenu a {
color: #477AB9;
font-size: 16px;
font-weight:bold;
text-decoration:none;
}
.vertmenu ul li li a {
  color: #666;
  font-size: 14px;
  font-weight:normal;
  text-decoration:none;
}
.vertmenu a.active {
color: #00B1EC;
}
.vertmenu a:hover {
text-decoration: none;
color: #000 !important;
}
.vertmenu > ul > li ul {
display: none;
}
.vertmenu > ul > li a.active + span + ul {
display: block !important;
}
.vertmenu > ul > li .subCat:checked ~ ul {
display: block !important;
}
.vertmenu input[type=checkbox].subCat {
display:none;
}
.vertmenu ul li li a:before {
content: '\203A';
font-size: 20px;
padding-right: 4px;
color: #666;
font-weight: bold;
}
.vertmenu > ul li li a:hover:before {
  color: #1266B1;
}

.header{
  background-color: #393e45;
  text-align: center;
  padding: 10px;
  color: #FFF;
}

.footer{
  background-color: #393e45;
}

.edits{
  padding-bottom: 4px;
}

#input_num_page{
  height: 38px;
  width: 40px;
}

.select_pages{
  text-align: center;
}

.filter-box{
  padding: 4px;
  margin-bottom: 5px;
}

.filter-box input{
  width: 120px;
}

.filter-edit>div{
  padding-right: 0px;
}

.filter-edit input{
  width: 100%;
  padding: 3 4 3 4px;
  font-size: 14px;
  border: 1px solid #bbb;
}

.filter-edit span{
  font-size: 14px;
}

.filter-edit button{
  height: 29px;
  padding: 2px;
  width: 100%;
}

.report1, .report2{
  width: 100%;
  table-layout: fixed;
}

.report1 th, .report2 th{
  text-align: center;
  border-right: 2px solid #000;
  padding: 10 10 0 10px;
  width: 100%;
}

.report1 td{
  border-right: 2px solid #000;
  font-weight:bold;
  color: #FFF;
  padding: 20px;
}

.report1 td div.rot p{
  transform: rotate(-90deg) translateY(10px);
  height: 120px;
  font-size: 36px;
  margin:0 0;
  display:inline-block;
}

.report1 td div.bill, .report1 td div.coin, .report1 td div.coin2, .report1 td div.card_client, .report1 td div.card_bank, .report1 td div.yandex, .report1 td div.all_sum{
  text-align: center;
  font-size: 26px;
}

@media screen and (max-width: 600px) {
  .report1 td{
    padding: 3px;
  }

  .report1 th{
	padding: 3px;
	font-size: 14px;
  }

  .report1 td div.bill, .report1 td div.coin, .report1 td div.coin2, .report1 td div.card_client, .report1 td div.card_bank, .report1 td div.yandex, .report1 td div.all_sum{
    font-size: 14px;
  }
  
  .report1 td div{
    padding: 2px;
  }
}

.report1 td div.bill{
  background: #CD5C5C;
}

.report1 td div.coin{
  background: #72B73F;
}

.report1 td div.coin2{
  background: #8A2BE2;
}

.report1 td div.card_client{
  background: #4696C8;
}

.report1 td div.card_bank{
  background: #A48E0A;
}

.report1 td div.yandex{
  background: #fd00a9;
}

.report1 td div.all_sum{
  background: #F27D08;
}

.report1 td div{
  padding: 8px;
}

.report-select, .report-select:focus, .input-dt{
  background: #36384E;
  color: #FFF;
}

.input-dt{
  padding-left: 12px;
  border-radius:  3px; 
  width: 100%;
}

.help{
  width: 17px;
  height: 17px;
  background-image: url("/files/images/help.png");  
  background-repeat: no-repeat;
  background-position: left bottom;
  cursor: pointer; 
  display: inline-block;
  margin-bottom: -2px;
}

.mobile-layout-bar {
  border-top: 1px solid #e1e1e1;
  width: 100%;
  background: rgba(255,255,255,0.5);
}

.mobile-layout-bar .m-block-icons {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.mobile-layout-bar .m-block-icons>li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px;
}

.mobile-layout-bar .m-block-icons>li:nth-child(1){
  border-left: 1px solid #e0e0e0;
}

.mobile-layout-bar .m-block-icons>li>a {
  color: #898e91;
  display: block;
  line-height: 50px;
  width: 100%;
  height: 100%;
  position: relative;
}

.mobile-layout-bar .m-block-icons>li>a>i {
  display: block;
  line-height: 50px;
}

.zv{
  color: red;
}

td.open, td.close_{
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer; 
}

td.open{
  background-image: url("/files/images/tree_plus.png");  
}

td.close_{
  background-image: url("/files/images/tree_minus.png");  
}

tr.archive td{
  background: #fcc;
}

#c_days{
  width: 100%;
  font-size: 20px;
  background:#aaa;  
}

#c_days td{ 
  background:#fff;
  text-align:center; 
  cursor: pointer;
  border: 1px solid #555;
}

#c_days th{ 
  background:#ccc; 
  text-align: center;
  border: 1px solid #555;
}

.btn_cdr{
  background:#ddd; 
  width: 25px;
  height: 25px;
  cursor: pointer;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 0px;
  font-weight:bold;
  text-align: center;
  font-size:16px;
}

#c_year:disabled, #c_min:disabled, #c_sec:disabled{
  border: 1px solid #999;
  background: #FFF;
  padding: 0 0 0 5px;
  height: 25px;
  color: #000;
  width: 50px;
}

#c_min:disabled, #c_sec:disabled{
  width: 30px;
}

#c_month{
  border: 1px solid #999;
  height: 25px;
}

.align-bottom{
  position: absolute; 
  bottom: 0;
}

.filter-input{
  width: 100%;
  border: 1px solid #bbb;
  height: 29px;
}

.balance{
  text-align: left;
  padding-left: 35px;
}

.hw{
  width: 16px;
}

.sub_menu{
  border-bottom: 1px solid #aaa;
  font-weight:bold;
}

#table_create_card div.group{
  color: #FF4500;
}

#table_create_card div.level{
  color: #B22222;
}

#table_create_card div.desc{
  color: #2222B2;
}

.large_cb{
  width: 30px;
  height: 30px;
}

.disable_main td{
  background: #FFAAAA;
}

.cr{
  cursor: pointer;
  text-align: center;
}

.card{
  border: 1px solid #aaa;
  background:#eee;
  margin-bottom: 10px;
  padding: 10px;
  display: block;
}

.card span.url{
	color: #007bff;
	cursor: pointer;
}