html,body {width:100%;height:100%;margin:0;padding:0; position:absolute;}
#one{width:100%;height:100%;}
#two{width:100%;height:100px; background:#000; color:#FFF;}
#three{width:200px; min-height: calc(100% - 100px); background:#000; float:left; color:#FFF; overflow:auto;}
#for{float:left; width: calc(100% - 200px); height: calc(100% - 120px); left:100px; background:#FFF; overflow:auto; padding: 0px 10px 10px 10px;}
#auth{
	background:#000;
}
#top { margin:auto; text-align:center;}
#middle{ min-height:100%;}
#bottom{  margin:auto; text-align:center; color:#FFF; }

.navigation{
	position:absolute;
	top:100px;
	bottom:0px;
	width:200px;
	background:#000;
}
.navigation ul{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding-left:5px;
	padding-top: 0px;
}
.navigation ul li{
	position: relative;
	list-style:none;
	width:100%;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
}
.navigation ul li.active{
	background:#FFF;
}
.navigation ul li a{
	position:relative;
	display:block;
	width:100%;
	display:flex;
	text-decoration:none;
	color:#FFF;
}
.navigation ul li a:hover{color:#000; background:#FFF;border-top-left-radius:20px;
	border-bottom-left-radius:20px;}
.navigation ul li.active a{ color:#000;}
.navigation ul li a .icon{
	position: relative;
	display:block;
	min-width:60px;
	height:40px;
	line-height:45px;
	text-align:center;
}
.navigation ul li a .icon #icon{
	font-size: 20px;
}
.navigation ul li a .title{
	position: relative;
	display:block;
	padding-left:10px;
	height:50px;
	line-height:45px;
	white-space:normal;
}
a .icons {
	margin-left: 3px;
	color: #fff;
	font-size: 30px;
}
#wedget{
	 float:left; 
	 background:#09F; 
	 width: 250px; 
	 height:150px; 
	 margin-left:20px; 
	 margin-top:10px; 
	 border-radius:10px; 
	 padding:10px;
}
#wedgetnew{
	 float:left; 
	 background:#10C569; 
	 width: 250px; 
	 height:150px; 
	 margin-left:20px; 
	 margin-top:10px; 
	 border-radius:10px; 
	 padding:10px;
}
#wedget-left {
	 float:left; 
	 width:75%; 
	 min-height:100%; 
}
#wedget-left .val { 
	display:block;
	width:100%;
	height:60px;
	font-size:50px;
	color:#FFF;
}
#wedget-left .desc { 
	display:block;
	padding-left:10px;
	font-size:20px;
	color:#FFF;
}
#wedget-right{
	 float:left; 
	 width:25%; 
	 min-height:100%; 
	 /*background:#CCC;*/ 
	 text-align:right;
}
#wedget-right .icon {
	position: relative;
	display:block;
	min-width:60px;
	height:60px;
	line-height:60px;
}
#wedget-right .icon ion-icon {
		font-size:3.5em;
		color:#FFF;
}
.opt_link { 
	text-decoration:none;
	color:#000;
}
.opt_link:hover { 
	text-decoration:none;
	color:#F00;
}

.order_link { 
	text-decoration:none;
	color:#FFF;
}
.order_link:hover { 
	text-decoration:none;
	color:#FFF;
}
.input_search{
	padding: 3px;
	color: #000;
	font-size: 20px;
	border-radius: 5px;
	width: 250px;
}
.button_search{
	padding: 3px;
	border-radius: 5px;
	color: #FFF;
	background: #09F;
	font-size: 20px;
}
.button_inact{
	margin-left: 20px;
	float: left;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 8px;
	width: 140px;
	border-radius: 5px;
	color: #FFF;
	background: #09F;
	font-size: 20px;
}
.button_inact:hover{
	margin-left: 20px;
	float: left;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 7px 10px;
	width: 140px;
	border-radius: 5px;
	color: #FFF;
	background: #09F;
	font-size: 20px;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.eticheta{
	font-size: 18px;
	padding: 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #FFFFFF;
	background: #09F;
	width: 400px;
}
.detal{
	
	font-size: 18px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 10px;
	width: 400px;
}



       /*th:nth-of-type(1), td:nth-of-type(1) {
            color: red;
        }
        th:nth-of-type(7), td:nth-of-type(7) {
            color: blue;
        }
	td:nth-of-type(1) a {
		color: red;
		text-decoration: none;
	}
	td:nth-of-type(7) a{
		color: blue;
		text-decoration: none;
	}*/
td a{
		text-decoration: none;
		color: black;
	}

/*select{
		/*width: 270px;
		height: 40px;
		border-radius: 10px;
		background: #D2F4FD;
	}*/
.today {
            background: orange;
        }
.toast {
  position: fixed;
  bottom: 20px;
  left: 20px;
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
}