/*table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow');
@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Signika+Negative');
@import url('https://fonts.googleapis.com/css?family=Oswald');

html{font-family:sans-serif;}
table th 
{
	background-color: #FFA811;

}

#wut
{
	width: 60%;
}

#wus
{
	width: 90%;
}

#wuss
{
	width: 70%;
}

#wuss th
{
	background-color: #496ca3 !important;
	color: #fff;
}
#wusp
{
	width: 75%;
	
}
.trial
{
	padding-right: 60%;
}


#wust
{
	width: 50%;
	box-shadow: 8px 8px 5px #FFA811;
}
#wist
{
	width: 50%;

}

.lala
{
	text-shadow: 1px 1px 2px #FFA811;

}
.lost
{
	text-shadow: 1px 1px 2px #FFA811;
	font-family: 'Merriweather', serif;
	letter-spacing: 4px;
	
}
.lulu
{
	box-shadow: 2px 2px 4px #FFA811;
}


#wsst
{
	border-color: #fff;
	width: 50%;
	box-shadow: -1px 1px 5px grey;
	font-family: 'Lora', serif;
	font-size: 1.1vw !important;
}
#wost
{
	border-color: #fff;
	width: 45%;
	box-shadow: -1px 1px 5px grey;
	font-family: 'Lora', serif;
	font-size: 1.1vw !important;
}

#wsstt
{
	border-color: #fff;
	width: 100%;
	box-shadow: -1px 1px 5px grey;
	font-family: 'Lora', serif;
	font-size: 1.1vw !important;
}
.lalaa
{
	text-shadow: 1px 1px 2px #496ca3;
}

#topp
{
	background-color: #496ca3;
	border-radius: 15px 15px 0px 0px;
	width: 18%;
	line-height: 4vw;
	font-size: 1.3vw;
	color: #fff;
	margin-left: 35% !important;
}

#topu
{
	background-color: #FFA811;
	border-radius: 15px 15px 0px 0px;
	width: 18%;
	line-height: 4vw;
	font-size: 1.3vw;
	color: #fff;
	
}
#tapp
{
	background-color: #496ca3;
	border-radius: 15px 15px 0px 0px;
	width: 18%;
	line-height: 4vw;
	font-size: 1.3vw;
	color: #fff;
	
}
.lastt
{
	background-color: #496ca3;
	width: 100%;
	min-height: 30px;
	box-shadow: 5px 10px grey;
}
#tops
{
	background-color: #FFA811;
	border-radius: 15px 15px 0px 0px;
	width: 18%;
	line-height: 4vw;
	font-size: 1.3vw;
	color: #fff;
	margin-left: 26% !important;
}

.last
{
	background-color: #FFA811;
	width: 100%;
	min-height: 30px;
	box-shadow: 5px 10px grey;
}

.topps
{
	background-color: #FFA811;
	color: #fff;
	min-height: 60px;
	width: 50%;
	border-radius: 15px 15px 0px 0px;
	font-size: 30px;
	font-weight: 700;
	padding-top: 1%;
}

.end
{
	background-color: #FFA811;
	min-height: 70px;
	width: 100%;
	padding-bottom: 1%;
	padding-top: 3%;

}

.subb
{
	border-color: #000 !important;
	background-color: #000 !important;
	color: #fff !important;
}


.fdate
{
	width: 22% !important;
}
.fmonth
{
	width: 32% !important;
}
.fyear
{
	width: 25% !important;
}

.butty
{
	border-radius: 10px !important;
	border-color: #FFA811 !important;
}

.butty:hover
{
	background-color: #FFA811 !important;
	color: #FFF !important;
}
.buttys
{
	border-radius: 10px !important;
	border-color: #496ca3 !important;
}

.buttys:hover
{
	background-color: #496ca3 !important;
	color: #fff !important;
}

.endd
{	
	background-color: #FFA811 !important;
	border-radius: 20px 20px 20px 20px;
	min-height: 60px !important;
	font-size: 17px;
	padding-top: 1%;
	padding-bottom: 1%;
	color: #fff;
	width: 90%;

}

.endon
{
	background-color: #a9abad !important;
	min-height: 80px !important;
	border-radius: 30px 30px 30px 30px;
	width: 35%;
	padding-top: 1.5%;
}

.hrr
{
	width:70%;
}

.endde
{	
	background-color: #496ca3 !important;
	border-radius: 20px 20px 20px 20px;
	min-height: 60px !important;
	font-size: 17px;
	padding-top: 1%;
	padding-bottom: 1%;
	color: #fff;
	width: 90%;

}

.endone
{
	background-color: #a9abad !important;
	min-height: 80px !important;
	border-radius: 30px 30px 30px 30px;
	width: 35%;
	padding-top: 1.5%;
}

.back
{
	width: 90% !important;
}


#rectangle {
	width: 50%;
	height: 6.8vw;
	background: #FFA811;
	border-radius: 30px 150px 0px 0px;
	color: #fff;
	padding-top: 0.3%;
	padding-left: 3%;
	font-size: 2.5vw;
	margin-left: 5%;
	font-weight: 700;
}
#rectanglep {
	width: 50%;
	height: 6.8vw;
	background: #FFA811;
	border-radius: 30px 150px 0px 0px;
	color: #fff;
	padding-top: 0.3%;
	padding-left: 3%;
	font-size: 2.5vw;
	font-weight: 700;
}
#rectangled {
	width: 45%;
	height: 6.8vw;
	background: #FFA811;
	border-radius: 30px 150px 0px 0px;
	color: #fff;
	padding-top: 0.3%;
	padding-left: 3%;
	font-size: 2.5vw;
	font-weight: 700;
	margin-left: 20%;
}
#mrectangled {
	width: 35%;
	height: 4.5vw;
	background: #FFA811;
	border-radius: 30px 150px 0px 0px;
	color: #fff;
	padding-top: 0.3%;
	padding-left: 3%;
	font-size: 2.5vw;
	font-weight: 700;
	margin-left: 12.5%;
	letter-spacing: 4px;
}
#rectangles {
	width: 50%;
	height: 6.8vw;
	background: #FFA811;
	border-radius: 30px 150px 0px 0px;
	color: #fff;
	padding-top: 0.3%;
	padding-left: 3%;
	font-size: 2.9vw;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
}
#rectanglesp {
	width: 55%;
	height: 6.8vw;
	background: #FFA811;
	border-radius: 30px 150px 0px 0px;
	color: #fff;
	padding-top: 0.3%;
	padding-left: 3%;
	font-size: 2.5vw;
	font-weight: 700;
}
#rectangular {
	width: 40%;
	height: 5vw;
	background: #FFA811;
	border-radius: 30px 150px 0px 0px;
	color: #fff;
	padding-top: 0.3%;
	padding-left: 5%;
	font-size: 2.5vw;
	font-weight: 500;
	margin-left: 20%;
}
#rectangleer {
	width: 45%;
	height: 6.8vw;
	background: #FFA811;
	border-radius: 30px 150px 0px 0px;
	color: #fff;
	padding-top: 0.3%;
	padding-left: 3%;
	font-size: 2.5vw;
	font-weight: 500;
	margin-left: 20%;
}
#subb
{
	font-size: 1.07vw;
	font-weight: 200;
	font-family: 'Roboto Condensed', sans-serif;
}
.ap
{
	width: 60%
}
.ubut
{
	background-color: #ef9221 !important;
	border-color: #ef9221 !important;
	color: #fff !important;
}

.ubut:hover
{
	background-color: #fff !important;
	color: #ef9221 !important;
	font-weight: 700;

}
.del
{
	background-color: #ef9221 !important;
	border-color: #ef9221 !important;
	color: #fff !important;
}

.del:hover
{
	background-color: #fff !important;
	color: #ef9221 !important;
	font-weight: 700;

}
.ubus
{
	background-color: #177500 !important;
	border-color: #177500 !important;
}

.ubus:hover
{
	background-color: #fff !important;
	color: #177500 !important;
	font-weight: 700;
}
.upda
{
	background-color: #1168FF !important;
	border-color: #1168FF !important;
	color: #ffffff !important;
	width: 20% !important;
	font-size: 1.1vw !important;
	letter-spacing: 3px !important;
	font-weight: 700 !important;

}

.upda:hover
{
	background-color: #fff !important;
	color: #1168FF !important;
	font-weight: 700;
}
.ubusl
{
	background-color: #177500 !important;
	border-color: #177500 !important;
	color: #ffffff !important;
}

.ubusl:hover
{
	background-color: #fff !important;
	color: #177500 !important;
	font-weight: 700;
}
.ubust
{
	background-color: #177500 !important;
	border-color: #177500 !important;
	width: 95% !important;
	border-radius: 1vw !important;
	box-shadow: -1px 1px 5px grey;
	font-size: 1vw !important;

}

.ubust:hover
{
	background-color: #fff !important;
	color: #177500 !important;
	font-weight: 700;
}
.del
{
	background-color: #d11d1d !important;
	border-color: #d11d1d !important;
}

.del:hover
{
	background-color: #fff !important;
	color: #d11d1d !important;
	/*font-weight: 550;*/
}

.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
    border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.ss
{
	width: 50%;
	float: right;
}
.sst
{
	width: 40%;
	float: right;
}
.vl {
    border-left: 6px solid #FFA811;
    height: 5vw;
    margin-top: -20% !important;
}


.hrt
{
	width:100%;
	border-color: #FFA811 !important;
	min-height: 0.5vw !important;
	background-color: #FFA811 !important;
}
.shw
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1vw;
	font-weight: 500;
}
.ob
{
	margin-left: -5% !important;
}

.oob
{
	margin-left: -7.5% !important;
}

.cb
{
	margin-left: -10% !important;
}
.ccb
{
	margin-left: -4% !important;
}
#boxx
 {
    background-color: #f9f9f9;
    width: 50%;
    padding: 3%;
    margin: 3%;
    border: 0.3vw solid #919191;
	border-radius: 5px;
	font-size: 1.5vw;
	color: #000;
	text-shadow: 1px 1px 2px #FFA811;

}
.shr
{
	width: 70%;
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
#gm
{
	font-size: 2.5vw;
	color:#FFA811 ;
	text-shadow: 1px 1px 2px #000;
	font-family: 'Roboto Condensed', sans-serif;

}

.printp
{
	float: right !important;
	padding-bottom: 1% !important;
	width: 16% !important;

}
.printy
{
	float: right !important;
	padding-left: 35% !important;
	padding-bottom: 1% !important;

}
.printt
{
	float: right !important;
	padding-left: 10% !important;
}
.printty
{
	width: 25% !important;
	float: right !important;
	padding-right: 10% !important;
}

#largee
{
	width: 80% !important;
	
	font-family: 'PT Sans', sans-serif;
	font-size: 1.25vw;
	height: auto !important;
}

#compa
{
	font-size: 1.5vw !important;
}
#dsd
{
	float: left;
	padding-bottom: 1%;
	margin-left: 3%;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.25vw;
}
#dsdi
{
	margin-left: -10% !important;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.25vw;
}

#rm
{
	height: 5vw !important;
}

#amm
{
	float: right;
}

#outt
{
	text-align: left;
	font-weight: 700;
	padding-top: 2px;
}

#mout
{
	text-align: left;
	width: auto;
}
.backbut
{
	padding-right: 2%;
	margin-bottom: -1% !important;
}
#mline
{
	width: 100%;
	margin-bottom: 1% !important;
	margin-top:  -2% !important;
	border-color: #979797;
}

.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:-15px;
   font-size:.7em;
   background:red;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}

.badge2 {
   position:relative;
}
.badge2[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-8px;
   right:-30px;
   font-size:.7em;
   background:red;
   color:white;
   width:2.5vw;height:1.25vw;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}
.bgg
{
	background-color: #FFE4B5;
	height: 4vw !important;
	padding-top: 3%;
	font-size: 1.25vw;
	margin-bottom: -3% !important;
}

.outcss
{
	font-weight: 700;
	font-size: 1.25vw;
}
#tots
{
	font-weight: 700;
	text-align: center;
	font-size: 1.25vw;
	letter-spacing: 5px;
}
#totts
{
	font-weight: 700;
	text-align: right;
	font-size: 1.25vw;
}
.nau
{
	margin-left: -4% !important;
}
.alley
{
	font-size: 1.25vw;
}

#fly
{
	font-size: 1.4vw;
	font-family: 'Roboto Condensed', sans-serif;
}
#flyy
{
	font-size: 1.3vw;
	font-weight: 550;
	letter-spacing: 0.1vw;
}

.letone
{
	letter-spacing: 0.25vw;
}
.boll
{
	font-weight: 700;
	font-size: 1.8vw;
}

.bollt
{
	font-weight: 700;
	font-size: 1.5vw;
	letter-spacing: 0.06vw;

}
#flyyt
{
	font-size: 1.3vw;
	font-weight: 200;
	letter-spacing: 0.06vw;
}
#di
{

	font-size: 2vw;
	color:#FFA811 ;
	text-shadow: 1px 1px 2px #000;
	font-family: 'Archivo Narrow', sans-serif;
	padding-top: 0.5% !important;
	float: right !important;

}
#wel
{
	color: #9b4d00;
	font-family: 'Merriweather', serif;
}
.fan
{
	font-family: 'Roboto Condensed', sans-serif;
}
#clientfield
{
	text-align: right !important;
	font-size: 1.5vw;
	font-weight: 400;
}

#phpfont
{
	text-align: left !important;
	font-size: 1.5vw;
	font-weight: 400;
}
.fant
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5vw;
}


.sear
{
	width: 75% !important;
	float: left !important;

}

.deb
{
	margin-top: 5vw;
	height: 5vw;
	background-color: #E8E8E8;
}

.cre
{
	margin-top: 5vw;
	height: 5vw;
	background-color:#E8E8E8;
}

.cash
{
	margin-top: 5vw;
	height: 5vw;
	background-color: #E8E8E8;
}


.gone
{
	padding-top: 5%;
}
.bgtone
{
	width: 30vw;
	padding-top: 3% !important;
	padding-bottom: 3% !important;
	height: 10vw !important;
	background-color:#FFA811;
  color: #ffffff; 
  border: 2px solid #FFA811 !important;
  font-size: 3vw !important;
  text-align: center;
  border-radius: 3vw !important;
  font-family: 'Signika Negative', sans-serif;

}
.bgtone:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  background-color:#ffffff;
	color: #FFA811 !important;
}


.gtwo
{
	padding-top: 5%;


}
.bgttwo
{
	width: 30vw;
	padding-top: 3% !important;
	padding-bottom: 3% !important;
	height: 10vw !important;
	background-color:#FFA811;
  color: #ffffff; 
  border: 2px solid #FFA811 !important;
  font-size: 3vw !important;
  text-align: center;
  border-radius: 3vw !important;
  font-family: 'Signika Negative', sans-serif;
}

.bgttwo:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	background-color:#ffffff;
	color: #FFA811 !important;

}

.gthree
{
	padding-top: 5%;

}

.bgtthree
{
	width: 30vw;
	padding-top: 3% !important;
	padding-bottom: 3% !important;
	height: 10vw !important;
	background-color:#FFA811;
  color: #ffffff; 
  border: 2px solid #FFA811 !important;
  font-size: 3vw !important;
  text-align: center;
  border-radius: 3vw !important;
  font-family: 'Signika Negative', sans-serif;
}

.bgtthree:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  background-color:#ffffff;
	color: #FFA811 !important;
}
.nab
{
  font-family: 'Roboto Condensed', sans-serif;
  background-color: #FFA811 !important;
  color: #ffffff !important;
  
}

#typee
{
	width: 11vw !important;
}

#lab
{
	font-weight: 400 !important;
}

.des
{
	font-size: 2vw;
	text-align: center;
	color: #FFA811;
	background-color:#F5F5F5;
	width: 100%; 
	height: 3vw !important;
	font-weight: bold;
font-family: 'Oswald', sans-serif;
  letter-spacing: 3px;

}