html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;line-height:1.6;}

/* ATTRIBUTES */
a {color:#C00;text-decoration:none;}
#tomboltambah {margin:10px auto;padding:0;text-transform:uppercase;text-align:right;}
#tombolsubmit {margin:10px auto 0;padding:0;text-align:left;}
#pagetitle {margin:0 auto 10px;padding:0;border-bottom:1px solid #444;color:#444;font-weight:700;font-size:14px;font-family:'Roboto Condensed', sans-serif;text-transform:uppercase;}
#batascontent {margin:0 auto;font-size:14px;}
#tableres {width:auto;overflow-x:hidden;}
.ket {color:#C00;}
.greycolor {color:#999;}
.linkaksi {color:#666;text-decoration:none;}
.active {color:#990000!important;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track {background:#999;}
::-webkit-scrollbar-thumb {background:#000;}
::-webkit-scrollbar-thumb:hover {background:#666;}
@media screen and (max-width:1004px) 
{
	a {color:#C00;text-decoration:none;}
	#tomboltambah {margin:0 auto;padding:0;text-transform:uppercase;text-align:right;}
	#tombolsubmit {margin:10px auto 0;padding:0;text-align:left;}
	#pagetitle {margin:0 auto 10px;padding:0;border-bottom:1px solid #444;color:#444;font-weight:700;font-size:14px;font-family:'Roboto Condensed', sans-serif;}
	#batascontent {margin:0 auto;font-size:14px;}
	#tableres {width:auto;overflow-x:auto;}
	.ket {color:#C00;}
	.greycolor {color:#999;}
	.linkaksi {color:#666;text-decoration:none;}
	.active {color:#990000!important;}
	.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
	
	::-webkit-scrollbar {width:5px;}
	::-webkit-scrollbar-track {background:#999;}
	::-webkit-scrollbar-thumb {background:#000;}
	::-webkit-scrollbar-thumb:hover {background:#666;}
}
/* ==================================================================================================== */

/* BACKGROUND */
html, Body {height:100%;}
#bg {background:#FFF;background-size:100%;line-height:1.6!important;height:100%;}
#tops {width:100%;background:#1C2833;position:fixed;z-index:99999;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);}
#mids {width:100%;position:relative;}
#midsleft {width:15%;height:100%;float:left;padding-top:4%;position:fixed;background:#253544;overflow:auto;}
#midsrite {width:85%;height:100%;float:right;padding-top:3%;background:#FFF;}
#bots {width:85%;height:auto;position:fixed;bottom:0;}
#bgbody {width:96%;height:100%;margin:1% 1% 2%;padding:1%;background:#FFF;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;line-height:1.6;-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);}
@media screen and (max-width:768px) 
{
	html, Body {height:100%;}
	#bg {background:#FFF;background-size:100%;line-height:1.6!important;height:100%;}
	#tops {width:100%;background:#1C2833;position:relative;z-index:99999;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);}
	#mids {width:100%;position:relative;}
	#midsleft {width:100%;height:100%;float:left;padding-top:0;position:relative;background:#253544;overflow:auto;}
	#midsrite {width:100%;height:100%;float:right;padding-top:3%;background:#FFF;}
	#bots {width:100%;height:auto;position:relative;bottom:0;}
	#bgbody {width:96%;height:97%;margin:1% 1% 2%;padding:1%;background:#FFF;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;line-height:1.6;-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);}
}
/* ==================================================================================================== */

/* PANEL TOP */
#bgpanel {width:98%;margin:0 1%;padding:5px 0;}
#panelleft {width:50%;float:left;}
.panellogo {margin:0 auto;padding:0;font-weight:400;font-size:20px;font-family:'Anton', sans-serif;text-transform:uppercase;color:#FFF;}
.panellogo span {color:#fff}
#panelrite {width:50%;float:left;margin:0;padding:5px 0;text-align:right;}
.panelname {margin:0;padding:0;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;color:#FFF;}
.panelname a {color:#FFF;}
@media screen and (max-width:768px) 
{
	#bgpanel {width:90%;margin:0 5%;padding:5px 0;}
	#panelleft {width:100%;float:left;text-align:center;}
	.panellogo {margin:0 auto;padding:0;font-weight:400;font-size:20px;font-family:'Anton', sans-serif;text-transform:uppercase;color:#FFF;}
	.panellogo span {color:#fff}
	#panelrite {width:100%;float:left;margin:0 auto;padding:0;text-align:center;}
	.panelname {margin:0;padding:0;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;color:#FFF;}
	.panelname a {color:#FFF;}
}
/* ==================================================================================================== */

/* MENU */
#bgmenu {width:100%;margin:0 auto;padding:0;background:#253544;}
#menu {width:99%;margin:0 auto;}
@media screen and (max-width:768px) 
{
	#bgmenu {width:100%;margin:0 auto;padding:0;background:#253544;}
	#menu {width:100%;margin:0 auto;}
}
/* ==================================================================================================== */

/* CONTENT */
#bgcontent {width:100%;margin:0 auto;padding:0;}
#bocontent {width:100%;height:auto;}
@media screen and (max-width:768px) 
{
	#bgcontent {width:100%;margin:0 auto;padding:0;}
	#bocontent {width:100%;height:auto;}
}
/* ==================================================================================================== */

/* FOOTER */
#bgfooter {width:100%;margin:0 auto;padding:5px 0;background:#1C2833;color:#FFF;font-size:14px;font-family:'Roboto Condensed', sans-serif;}
#bofooter {width:98%;margin:0 1%;padding:0;}
#copyright {width:50%;height:auto;float:left;text-align:left;}
#developed {width:50%;height:auto;float:left;text-align:right;color:#3F5C76;}
#developed a {color:#3F5C76;text-decoration:none;}
#developed a:hover {color:#FFF;}
#developed a span {color:#3F5C76;text-decoration:none;}
@media screen and (max-width:768px) 
{
	#bgfooter {width:100%;margin:0 auto;padding:10px 0;background:#1C2833;color:#FFF;font-size:14px;font-family:'Roboto Condensed', sans-serif;text-align:center;}
	#bofooter {width:100%;margin:0 auto;padding:0;}
	#copyright {width:100%;height:auto;float:left;text-align:center;}
	#developed {width:100%;height:auto;float:left;text-align:center;color:#3F5C76;}
	#developed a {color:#3F5C76;text-decoration:none;}
	#developed a:hover {color:#FFF;}
	#developed a span {color:#3F5C76;text-decoration:none;}
}
/* ==================================================================================================== */

/* FORM */
#wrapgsetting {width:auto;margin:0 auto;padding:0;}
#gsetting {padding:5px 0;border-bottom:1px solid #eee;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;}

#gsettingleft {width:69%;float:left;margin-right:1%;}
#gsettingrite {width:30%;float:left;}

#gsettinglefts {width:49.5%;float:left;margin-right:1%;}
#gsettingrites {width:49.5%;float:left;}

#gsettingtitle {margin:0 auto 10px;padding:0;border-bottom:1px solid #444;color:#444;font-weight:700;font-size:14px;font-family:'Roboto Condensed', sans-serif;text-transform:uppercase;}
#gsettingtitles {margin:0 auto;padding:7px 8px;background:#eee;color:#444;font-weight:700;font-size:14px;font-family:'Roboto Condensed', sans-serif;text-transform:uppercase;}

#gsettinglabel {width:30%;float:left;margin:0 auto;padding:0 0 0 10px;color:#666;box-sizing:border-box;}

#gsettinginput {width:70%;float:right;margin:0 auto;padding:4px 8px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;}
#gsettinginputfull {width:100%;margin:0 auto;padding:4px 8px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;}

#gsettingedit {width:70%;float:left;color:#000;}
#gsettingedit input {width:100%;margin:0 auto;padding:7px 8px;border:none;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;box-sizing:border-box;border-radius:2px;}
#gsettingedit input:focus {color:#253544;border:1px solid #253544;outline:0 none;}
#gsettingeditfull input {width:100%;margin:0 auto;padding:7px 8px;border:none;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;box-sizing:border-box;border-radius:2px;}

#gsettingedit textarea {width:100%;margin:0 auto;padding:5px 8px;border:none;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;box-sizing:border-box;border-radius:2px;}
#gsettingedit textarea:focus {color:#253544;border:1px solid #253544;outline:0 none;}

#gsettingedit select {width:100%;margin:0 auto;padding:5px;border:none;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;box-sizing:border-box;border-radius:2px;}
#gsettingedit select:focus {color:#253544;border:1px solid #253544;outline:0 none;}

#gsettingimage {width:70%;float:right;margin:0 auto;padding:5px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;}

#gsettingimgsml {width:70%;float:right;margin:0 auto;padding:5px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;text-align:center;}
#gsettingimgsml img {width:10%;height:auto;}
#gsettingimgsml span img {width:20px;height:auto;}

#gsettingimgmid {width:70%;float:right;margin:0 auto;padding:5px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;text-align:center;}
#gsettingimgmid img {width:50%;height:auto;}
#gsettingimgmid span img {width:20px;height:auto;}

#gsettingimgbig {width:70%;float:right;margin:0 auto;padding:5px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;text-align:center;}
#gsettingimgbig img {width:100%;height:auto;}
#gsettingimgbig span img {width:20px;height:auto;}

#gsettingimgful {width:100%;float:right;margin:0 auto;padding:5px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;text-align:center;}
#gsettingimgful img {width:100%;height:auto;}
#gsettingimgful span img {width:20px;height:auto;}
@media screen and (max-width:1004px) 
{
	#wrapgsetting {width:auto;margin:0 auto;padding:0;}
	#gsetting {padding:5px 0;border-bottom:1px solid #eee;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;}
	
	#gsettingleft {width:100%;float:left;margin-right:0;}
	#gsettingrite {width:100%;float:left;}

	#gsettinglefts {width:100%;float:left;margin-right:0;}
	#gsettingrites {width:100%;float:left;}

	#gsettinglabel {width:100%;float:left;margin:0 auto;padding:0;color:#666;}

	#gsettinginput {width:100%;float:right;margin:0 auto;padding:2%;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;}

	#gsettingedit {width:100%;float:left;color:#000;}
	#gsettingedit input {width:100%;margin:0 auto;padding:2%;border:none;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;box-sizing:border-box;border-radius:2px;}
	#gsettingedit input:focus {color:#253544;border:1px solid #253544;outline:0 none;}

	#gsettingedit textarea {width:100%;margin:0 auto;padding:2%;border:none;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;box-sizing:border-box;border-radius:2px;}
	#gsettingedit textarea:focus {color:#253544;border:1px solid #253544;outline:0 none;}

	#gsettingedit select {width:100%;margin:0 auto;padding:2% 5px;border:none;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;box-sizing:border-box;border-radius:2px;}
	#gsettingedit select:focus {color:#253544;border:1px solid #253544;outline:0 none;}

	#gsettingimage {width:100%;float:right;margin:0 auto;padding:5px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;}

	#gsettingimgsml {width:100%;float:right;margin:0 auto;padding:5px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;}
	#gsettingimgsml img {width:10%;height:auto;}
	#gsettingimgsml span img {width:20px;height:auto;float:right;}

	#gsettingimgmid {width:100%;float:right;margin:0 auto;padding:5px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;}
	#gsettingimgmid img {width:50%;height:auto;}
	#gsettingimgmid span img {width:20px;height:auto;float:right;}

	#gsettingimgbig {width:100%;float:right;margin:0 auto;padding:5px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:#f9f9f9;color:#253544;box-sizing:border-box;border-radius:2px;}
	#gsettingimgbig img {width:100%;height:auto;}
	#gsettingimgbig span img {width:20px;height:auto;float:right;} 
}
/* ==================================================================================================== */

/* DASHBOARD */
#bgdashboard {margin:0 auto;}

#sumdashboard {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
#sumdashbox1 {width:24%;height:auto;float:left;margin:0 0.5%;padding:1% 0;text-align:center;background:#0067EF;color:#FFF;border-radius:3px;}
#sumdashbox2 {width:24%;height:auto;float:left;margin:0 0.5%;padding:1% 0;text-align:center;background:#F39C12;color:#FFF;border-radius:3px;}
#sumdashbox3 {width:24%;height:auto;float:left;margin:0 0.5%;padding:1% 0;text-align:center;background:#00A65A;color:#FFF;border-radius:3px;}
#sumdashbox4 {width:24%;height:auto;float:left;margin:0 0.5%;padding:1% 0;text-align:center;background:#DD4B39;color:#FFF;border-radius:3px;}
.dashval {font-weight:700;font-size:30px;margin:0 auto;padding:0;line-height:1;}
.dashtit {font-weight:400;font-size:14px;margin:0 auto;padding:0;line-height:1;}

#bgboxdashboard {margin:0 auto;padding:0;}
#boxdashboard {width:48%;height:auto;padding:0 0 2%;margin:0 1% 20px;float:left;color:#000;border-bottom:1px solid #ddd;}
#boxdashboard ul li {margin-left:20px;padding-left:10px;}
#boxdashboard a {color:#C00;text-decoration:none;}
#boxdashboard a:hover {color:#000;text-decoration:none;}
#boxdashboard span {color:#999;}
#titledashboard {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Roboto Condensed', sans-serif;color:#253544;}
#titledashboard span {float:right;font-weight:400;}
@media screen and (max-width:1004px) 
{
	#bgdashboard {margin:0 auto;}
	
	#sumdashboard {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
	#sumdashbox1 {width:49%;height:auto;float:left;margin:0 0.5% 1%;padding:5% 0;text-align:center;background:#0067EF;color:#FFF;border-radius:3px;}
	#sumdashbox2 {width:49%;height:auto;float:left;margin:0 0.5% 1%;padding:5% 0;text-align:center;background:#F39C12;color:#FFF;border-radius:3px;}
	#sumdashbox3 {width:49%;height:auto;float:left;margin:0 0.5% 1%;padding:5% 0;text-align:center;background:#00A65A;color:#FFF;border-radius:3px;}
	#sumdashbox4 {width:49%;height:auto;float:left;margin:0 0.5% 1%;padding:5% 0;text-align:center;background:#DD4B39;color:#FFF;border-radius:3px;}
	.dashval {font-weight:700;font-size:30px;margin:0 auto;padding:0;line-height:1;}
	.dashtit {font-weight:400;font-size:14px;margin:0 auto;padding:0;line-height:1;}
	
	#bgboxdashboard {margin:0 auto;padding:0;}
	#boxdashboard {width:98%;height:auto;padding:0 0 2%;margin:0 1% 20px;float:left;color:#000;border-bottom:1px solid #ddd;}
	#boxdashboard ul li {margin-left:20px;padding-left:10px;}
	#boxdashboard a {color:#C00;text-decoration:none;}
	#boxdashboard a:hover {color:#000;text-decoration:none;}
	#boxdashboard span {color:#999;}
	#titledashboard {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Roboto Condensed', sans-serif;color:#253544;}
	#titledashboard span {float:right;font-weight:400;}
}
/* ==================================================================================================== */

/* BOTTOM */
#infobottom {margin:10px auto 0;padding:5px 0 0;border-top:1px solid #999;text-transform:uppercase;}
.infobottomleft {width:50%;float:left;text-align:left;color:#999;font-weight:400;font-size:12px;}
.infobottomrite {width:50%;float:left;text-align:right;color:#999;font-weight:400;font-size:12px;}
.infobottomfull {width:100%;text-align:right;color:#999;font-weight:400;font-size:12px;}
@media screen and (max-width:768px)
{
	#infobottom {margin:10px auto 0;padding:5px 0 0;text-align:right;color:#999;font-weight:400;font-size:12px;border-top:1px solid #999;text-transform:uppercase;}
	.infobottomleft {width:100%;float:left;text-align:center;color:#999;font-weight:400;font-size:12px;}
	.infobottomrite {width:100%;float:left;text-align:center;color:#999;font-weight:400;font-size:12px;}
	.infobottomfull {width:100%;text-align:center;color:#999;font-weight:400;font-size:12px;}
}
/* ==================================================================================================== */

/* SUBMIT BUTTON */
.submitbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019100), color-stop(1, #019100));background:-moz-linear-gradient(top, #019100 5%, #019100 100%);background:-webkit-linear-gradient(top, #019100 5%, #019100 100%);background:-o-linear-gradient(top, #019100 5%, #019100 100%);background:-ms-linear-gradient(top, #019100 5%, #019100 100%);background:linear-gradient(to bottom, #019100 5%, #019100 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019100', endColorstr='#019100',GradientType=0);background-color:#019100;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #545454;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto Condensed', sans-serif;font-size:14px;padding:6px 24px;text-decoration:none;}
.submitbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #017800), color-stop(1, #017800));background:-moz-linear-gradient(top, #017800 5%, #017800 100%);background:-webkit-linear-gradient(top, #017800 5%, #017800 100%);background:-o-linear-gradient(top, #017800 5%, #017800 100%);background:-ms-linear-gradient(top, #017800 5%, #017800 100%);background:linear-gradient(to bottom, #017800 5%, #017800 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#017800', endColorstr='#017800',GradientType=0);background-color:#017800;}
.submitbutton:active {position:relative;top:1px;}
@media screen and (max-width:1004px)
{
	.submitbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019100), color-stop(1, #019100));background:-moz-linear-gradient(top, #019100 5%, #019100 100%);background:-webkit-linear-gradient(top, #019100 5%, #019100 100%);background:-o-linear-gradient(top, #019100 5%, #019100 100%);background:-ms-linear-gradient(top, #019100 5%, #019100 100%);background:linear-gradient(to bottom, #019100 5%, #019100 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019100', endColorstr='#019100',GradientType=0);background-color:#019100;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #545454;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto Condensed', sans-serif;font-size:14px;padding:10px 0;text-decoration:none;width:49%;}
	.submitbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #017800), color-stop(1, #017800));background:-moz-linear-gradient(top, #017800 5%, #017800 100%);background:-webkit-linear-gradient(top, #017800 5%, #017800 100%);background:-o-linear-gradient(top, #017800 5%, #017800 100%);background:-ms-linear-gradient(top, #017800 5%, #017800 100%);background:linear-gradient(to bottom, #017800 5%, #017800 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#017800', endColorstr='#017800',GradientType=0);background-color:#017800;}
	.submitbutton:active {position:relative;top:1px;}
}
/* ==================================================================================================== */

/* MYBUTTON */
.myButton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #555555), color-stop(1, #555555));background:-moz-linear-gradient(top, #555555 5%, #555555 100%);background:-webkit-linear-gradient(top, #555555 5%, #555555 100%);background:-o-linear-gradient(top, #555555 5%, #555555 100%);background:-ms-linear-gradient(top, #555555 5%, #555555 100%);background:linear-gradient(to bottom, #555555 5%, #555555 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555',GradientType=0);background-color:#555555;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #545454;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto Condensed', sans-serif;font-size:14px;padding:6px 24px;text-decoration:none;}
.myButton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #444444), color-stop(1, #444444));background:-moz-linear-gradient(top, #444444 5%, #444444 100%);background:-webkit-linear-gradient(top, #444444 5%, #444444 100%);background:-o-linear-gradient(top, #444444 5%, #444444 100%);background:-ms-linear-gradient(top, #444444 5%, #444444 100%);background:linear-gradient(to bottom, #444444 5%, #444444 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444',GradientType=0);background-color:#444444;}
.myButton:active {position:relative;top:1px;}
@media screen and (max-width:1004px)
{
	.myButton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #555555), color-stop(1, #555555));background:-moz-linear-gradient(top, #555555 5%, #555555 100%);background:-webkit-linear-gradient(top, #555555 5%, #555555 100%);background:-o-linear-gradient(top, #555555 5%, #555555 100%);background:-ms-linear-gradient(top, #555555 5%, #555555 100%);background:linear-gradient(to bottom, #555555 5%, #555555 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555',GradientType=0);background-color:#555555;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #545454;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto Condensed', sans-serif;font-size:14px;padding:10px 0;text-decoration:none;width:49%;}
	.myButton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #444444), color-stop(1, #444444));background:-moz-linear-gradient(top, #444444 5%, #444444 100%);background:-webkit-linear-gradient(top, #444444 5%, #444444 100%);background:-o-linear-gradient(top, #444444 5%, #444444 100%);background:-ms-linear-gradient(top, #444444 5%, #444444 100%);background:linear-gradient(to bottom, #444444 5%, #444444 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444',GradientType=0);background-color:#444444;}
	.myButton:active {position:relative;top:1px;}
}
/* ==================================================================================================== */

/* FULL BUTTON */
.fullbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019100), color-stop(1, #019100));background:-moz-linear-gradient(top, #019100 5%, #019100 100%);background:-webkit-linear-gradient(top, #019100 5%, #019100 100%);background:-o-linear-gradient(top, #019100 5%, #019100 100%);background:-ms-linear-gradient(top, #019100 5%, #019100 100%);background:linear-gradient(to bottom, #019100 5%, #019100 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019100', endColorstr='#019100',GradientType=0);background-color:#019100;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #545454;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto Condensed', sans-serif;font-size:14px;padding:6px 24px;text-decoration:none;}
.fullbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #017800), color-stop(1, #017800));background:-moz-linear-gradient(top, #017800 5%, #017800 100%);background:-webkit-linear-gradient(top, #017800 5%, #017800 100%);background:-o-linear-gradient(top, #017800 5%, #017800 100%);background:-ms-linear-gradient(top, #017800 5%, #017800 100%);background:linear-gradient(to bottom, #017800 5%, #017800 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#017800', endColorstr='#017800',GradientType=0);background-color:#017800;}
.fullbutton:active {position:relative;top:1px;}
@media screen and (max-width:1004px)
{
	.fullbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019100), color-stop(1, #019100));background:-moz-linear-gradient(top, #019100 5%, #019100 100%);background:-webkit-linear-gradient(top, #019100 5%, #019100 100%);background:-o-linear-gradient(top, #019100 5%, #019100 100%);background:-ms-linear-gradient(top, #019100 5%, #019100 100%);background:linear-gradient(to bottom, #019100 5%, #019100 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019100', endColorstr='#019100',GradientType=0);background-color:#019100;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #545454;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto Condensed', sans-serif;font-size:14px;padding:10px 0;text-decoration:none;width:100%;}
	.fullbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #017800), color-stop(1, #017800));background:-moz-linear-gradient(top, #017800 5%, #017800 100%);background:-webkit-linear-gradient(top, #017800 5%, #017800 100%);background:-o-linear-gradient(top, #017800 5%, #017800 100%);background:-ms-linear-gradient(top, #017800 5%, #017800 100%);background:linear-gradient(to bottom, #017800 5%, #017800 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#017800', endColorstr='#017800',GradientType=0);background-color:#017800;}
	.fullbutton:active {position:relative;top:1px;}
}
/* ==================================================================================================== */

/* ADD BUTTON */
.addbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D0451D), color-stop(1, #D0451D));background:-moz-linear-gradient(top, #D0451D 5%, #D0451D 100%);background:-webkit-linear-gradient(top, #D0451D 5%, #D0451D 100%);background:-o-linear-gradient(top, #D0451D 5%, #D0451D 100%);background:-ms-linear-gradient(top, #D0451D 5%, #D0451D 100%);background:linear-gradient(to bottom, #D0451D 5%, #D0451D 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0451D', endColorstr='#D0451D',GradientType=0);background-color:#D0451D;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #D0451D;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto Condensed', sans-serif;font-size:12px;padding:5px 20px;text-decoration:none;}
.addbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BA3E1A), color-stop(1, #BA3E1A));background:-moz-linear-gradient(top, #BA3E1A 5%, #BA3E1A 100%);background:-webkit-linear-gradient(top, #BA3E1A 5%, #BA3E1A 100%);background:-o-linear-gradient(top, #BA3E1A 5%, #BA3E1A 100%);background:-ms-linear-gradient(top, #BA3E1A 5%, #BA3E1A 100%);background:linear-gradient(to bottom, #BA3E1A 5%, #BA3E1A 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BA3E1A', endColorstr='#BA3E1A',GradientType=0);background-color:#BA3E1A;}
.addbutton:active {position:relative;top:1px;}
@media screen and (max-width:1004px)
{
	.addbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D0451D), color-stop(1, #D0451D));background:-moz-linear-gradient(top, #D0451D 5%, #D0451D 100%);background:-webkit-linear-gradient(top, #D0451D 5%, #D0451D 100%);background:-o-linear-gradient(top, #D0451D 5%, #D0451D 100%);background:-ms-linear-gradient(top, #D0451D 5%, #D0451D 100%);background:linear-gradient(to bottom, #D0451D 5%, #D0451D 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0451D', endColorstr='#D0451D',GradientType=0);background-color:#D0451D;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #D0451D;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Roboto Condensed', sans-serif;font-size:14px;padding:5px 20px;text-decoration:none;}
	.addbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BA3E1A), color-stop(1, #BA3E1A));background:-moz-linear-gradient(top, #BA3E1A 5%, #BA3E1A 100%);background:-webkit-linear-gradient(top, #BA3E1A 5%, #BA3E1A 100%);background:-o-linear-gradient(top, #BA3E1A 5%, #BA3E1A 100%);background:-ms-linear-gradient(top, #BA3E1A 5%, #BA3E1A 100%);background:linear-gradient(to bottom, #BA3E1A 5%, #BA3E1A 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BA3E1A', endColorstr='#BA3E1A',GradientType=0);background-color:#BA3E1A;}
	.addbutton:active {position:relative;top:1px;}
}
/* ==================================================================================================== */

/* LOADING */
#loading {text-align:center;padding:15% 0;}
.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #253544;border-bottom:5px solid #253544;width:50px;height:50px;-webkit-animation:spin 2s linear infinite; /* Safari */ animation:spin 2s linear infinite;margin:0 auto;}
/* Safari */
@-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
@keyframes spin {0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); }}
@media screen and (max-width:720px)
{
	#loading {text-align:center;padding:20% 0;}
	.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #253544;border-bottom:5px solid #253544;width:50px;height:50px;-webkit-animation:spin 2s linear infinite; /* Safari */ animation:spin 2s linear infinite;margin:0 auto;}
	/* Safari */
	@-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
	@keyframes spin {0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); }}
}
/* ==================================================================================================== */

/* ALERT */
#alertbox {margin:0 auto;padding:0;}
#alertboxleft {width:2%;float:left;}
.alertimg {width:100%;height:auto;overflow:hidden;}
.alertimg img {width:100%;height:auto;}
#alertboxrite {width:97%;float:left;margin-left:0.5%;}
.alert1 {padding:8px 10px 5px;background-color:#FBD7DA;color:#761E23;border:1px solid #FDBEC3;margin-bottom:15px;}
.alert2 {padding:8px 10px 5px;background-color:#FBD7DA;color:#761E23;border:1px solid #FDBEC3;margin-bottom:15px;}
.closebtn {margin-left:15px;color:white;font-weight:normal;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:0.3s;color:inherit;}
.closebtn:hover {color:black;} 
.alerttit {font-weight:700;font-size:15px;line-height:1;}
.alertdes {font-weight:400;font-size:13px;}
@media screen and (max-width:1004px)
{
	#alertbox {margin:0 auto;padding:0;}
	#alertboxleft {width:10%;float:left;}
	.alertimg {width:100%;height:auto;overflow:hidden;}
	.alertimg img {width:100%;height:auto;}
	#alertboxrite {width:88%;float:left;margin-left:1%;}
	.alert1 {padding:8px 10px 5px;background-color:#FBD7DA;color:#761E23;border:1px solid #FDBEC3;margin-bottom:15px;}
	.alert2 {padding:8px 10px 5px;background-color:#FBD7DA;color:#761E23;border:1px solid #FDBEC3;margin-bottom:15px;}
	.closebtn {margin-left:15px;color:white;font-weight:normal;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:0.3s;color:inherit;}
	.closebtn:hover {color:black;} 
	.alerttit {font-weight:700;font-size:15px;line-height:1;}
	.alertdes {font-weight:400;font-size:13px;}
}
/* ==================================================================================================== */

/* TAGS */
#tagstop {width:auto;margin:10px auto;padding:0;}
.tagsbtn {background:#C00;padding:5px 20px 8px;color:#fff;border-radius:2px;}

#tagsbot {width:auto;margin:0 auto;padding:0;}
#tagsrows {width:auto;margin:0 5px 5px 0;float:left;border:1px solid #ddd;}
#tagsleft {float:left;background:#FFFFFF;padding:1px 8px;border-radius:2px 0 0 2px;}
#tagsrite {float:left;background:#FFCCCC;padding:1px 8px;border-radius:0 2px 2px 0;}
.erasetags {color:#C00;}

.notify {background:#C00;color:#fff;padding:3px 8px;border-radius:10px;font-family:'Roboto Condensed', sans-serif;line-height:0;}

.dropbtn {margin:0 auto;padding:0;background:transparent;color:#fff;font-size:14px;font-family:'Roboto Condensed', sans-serif;border:none;}
.dropdown {position:relative;display:inline-block;}
.dropdown-content {display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);z-index:1;text-align:left;padding:10px;}
.dropdown-content a {color:#C00;padding:5px 0;text-decoration:none;display:block;}
.dropdown-content a:hover {background:#253544;color:#fff;}
.dropdown-contentrow {margin:0 auto 5px;padding:0 0 5px;border-bottom:1px solid #ddd;color:#000;}
.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbtn {background-color:transparent;}