@font-face {
    font-family: defaultFont;
    src: url("fonts/Helvetica-Condensed-Light.otf") format("opentype"); 
}
table{border-collapse:collapse;}

td{padding:2px;}
td,th{padding:5px 10px;}

body, table, div, input{
	font-family:defaultFont, tahoma;
	font:12px tahoma;
	margin:0;
	padding:0;
}



.actions, .actions2{visibility:hidden;}
tr:hover .actions{visibility:visible; }
.tr:hover .actions2{visibility:visible; }

.normal td, .with-border td{
	box-shadow:inset 0px 0px 8px #e0e0e0;
	border:1px solid #e4e4e4;
	 
}

#active-th{
	background:#ff9292;
	box-shadow:inset 0px 0px 8px #ff5151;
	border:1px solid #ff5151;
	 
}

#black-td, #black-td td,#black, #black th{
	color:#fff;
	background:#6e6e6e;
	box-shadow:inset 0px 0px 8px #424242;
	border:1px solid #424242;
	 
}

#white-td, #white-td td, #white{
	color:#555;
	background:#ffffff;
	box-shadow:inset 0px 0px 8px #cccccc;
	border:1px solid #dadada;
}

.with-border th, .normal th, #blue{
	background:#bbe8ff;
	box-shadow:inset 0px 0px 8px #3fbeff;
	border:1px solid #3fbeff;
	 
}

#navy{
	background:#0023b9;
	box-shadow:inset 0px 0px 8px #000;
	border:1px solid #071476;
	color:#fff;
	 
}

#dark-navy{
	background:#124a90;
	box-shadow:inset 0px 0px 8px #002c63;
	border:1px solid #002c63;
	color:#fff;
	 
}

#red, #red td{
	background:#e14040;
	box-shadow:inset 0px 0px 5px #b72e2e;
	border:2px solid #b72e2e;
	color:#ffee61;
	 
}

#red:hover, #red:hover td{
	background:#ffee61;
	color:#333;
	 
}

.normal tr:hover td{
	box-shadow:inset 0px 0px 8px #e1c8c8;
	border:1px solid #e1c8c8;
	 
}
input[type="button"],input[type="submit"]{cursor:pointer;}

.for-barangay{display:none;}

.normal tr{background:#fff;}
.normal tr:hover{cursor:pointer;background:#ffecec; }

input,select{font-weight:bold;padding:2px;}
input[type="button"],input[type="submit"]{
	padding:7px 15px;
	background:#286bbd;
	border:2px solid #205ba2;
	color:#fff;
	border-radius:3px;
	box-shadow:inset 0px 0px 5px #184e91;
	 
}
input[type="button"]:hover,input[type="submit"]:hover{
	background:#e14040;
	box-shadow:inset 0px 0px 5px #b72e2e;
	border:2px solid #b72e2e;
	 
}

input[type="text"],input[type="date"],input[type="number"],select,input[type="password"]{
	box-shadow:inset 0px 0px 8px #cccccc;
	border:1px solid #b2b2b2;
	padding:5px 8px;
	border-radius:3px;
	color:#555;
}

input[type="text"]:focus,input[type="date"]:focus,input[type="number"]:focus,select:focus,input[type="password"]:focus { 
    width:100%;
	max-width:350px;
}

.menu{
	background:#606060;
	color:#fff;
}
.menu, .active{
	float:left;
	margin-right:1px;
	padding:10px 7px;
	border-radius: 0px;
	cursor:pointer;
	text-decoration:none;
	//box-shadow:inset 0px 0px 5px #111;
	text-shadow:0px 0px 2px #000;
	 
}
.menu:hover{
	background:#d35400;
	color:#fff;
	//box-shadow:inset 0px 0px 5px #111;
	text-shadow:0px 0px 2px #333;

}
.active{
	background:#d35400;
	color:#ffde00;
	font-weight:bold;
	text-transform:uppercase;
	box-shadow:inset 0px 3px 5px #b72e2e;
	text-shadow:0px 0px 5px #333;
	
}

.assigned{
	float:left;
	margin-right:3px;
	padding:5px 10px;
	border-radius:20px;
	background:#ffac4a;
	box-shadow:inset 0px 0px 8px #c57311;
	border:1px solid #e18a22;
	color:#703d00;
	text-shadow:1px 1px 1px #ffd4a1;
}

.assigned:hover{
	background:#ff9292;
	box-shadow:inset 0px 0px 8px #ff5151;
	border:1px solid #ff5151;
	color:#124a90;
}

.exView{
	display:none;
}

label{
	cursor:pointer;
	font-weight:bold;
}
label:hover{
	color:red;
}

#padding, #padding td{padding:5px;}

.menu, table, div, input, tr, td{
	-webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;
}

.des{
	padding:2px 10px;font-size:10px;background:#444;color:#fff;
	text-transform:uppercase;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

hr{ 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


.checkboxThree input[type='checkbox']{
	visibility:hidden;
}
.checkboxThree{
	width:120px;
	height:40px;
	background:#333;
	border-top-right-radius:50px;
	border-bottom-right-radius:50px;
	border-bottom-left-radius:50px;
	position:relative;
}
.checkboxThree:before{
	content:'Yes';
	position:absolute;
	top:12px;
	left:13px;
	height:2px;
	color:#26ca28;
	font-size:16px;
}
.checkboxThree:after{
	content: 'No';
	position:absolute;
	top:12px;
	left:84px;;
	height:2px;
	color:#aaa;
	font-size:16px;
}

.checkboxThree label{
	display:block;
	width:52px;
	height:22px;
	border-radius:50px;

	transition: all .5s ease;
	cursor:pointer;
	position:absolute;
	top:9px;
	z-index:1;
	left:12px;
	background:#ddd;
}

.checkboxThree input[type=checkbox]:checked + label{
	left:60px;
	background:#26ca28;
} 

.dropdown{display:none;min-width:150px;}

.secret{display:none;}
.secrets{display:none;}


#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#progress-wrp .progress-bar{
    height: 100%;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status{
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}


h1 {
	margin-top:0;
}

#main {
	width: 300px;
	margin:auto;
	background: #ececec;
	padding: 20px;
	border: 1px solid #ccc;
}

#image-list {
	list-style:none;
	margin:0;
	padding:0;
}
#image-list li {
	background: #fff;
	border: 1px solid #ccc;
	text-align:center;
	padding:20px;
	margin-bottom:19px;
}
#image-list li img {
	width: 258px;
	vertical-align: middle;
	border:1px solid #474747;
}

#no-border td{
	border:0;
	box-shadow:none;
}

bu{
	text-decoration:underline;
	font-weight:bold;
}

.bottom-border{
	border-bottom:1px solid #ddd;
}

#img-down{
	opacity:.5;
}
#img-down:hover{
	opacity:1;
}

.money{font-family:courier;font-size:15px;text-align:right;}
.bigger{font-size:20px;}
.hideMe{display:none;}

.capsule{
	padding:5px 20px; background:#1c6db2;
	color:#fff;border-radius:100px;
}
.capsule:hover{
	background:#e04a00;
}

input[required]{
	border-right:3px solid #aa5b5b;
}

.fullscreen{
		position:fixed;top:0;left:0;width:100%;height:100%; z-index:999;background:rgba(0,0,0,.8);
		display:none;
	}