/* Square, flat UI */
body {
    background: #f4f6f9;
    font-family: Arial, sans-serif;
	font-size:14px;
}

a {
	color:#163e81;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* Button elements */
.btn {
	border-radius:0px;
}
.btn:hover {
	text-decoration:none;
}

.btn-sm {
	font-size:12px;
	color:#fff;
}
.btn-primary, .bg-primary {
    background-color: #0a2a66 !important;
    border-color: #0a2a66 !important;
	border-radius: 0 !important;
}

.btn-primary:hover {
    background-color: #0c347d !important;
	border-radius: 0 !important;
}

.btn-secondary, .bg-secondary {
	border-radius: 0 !important;
}

.btn-secondary:hover {
	border-radius: 0 !important;
}

.btn-danger, .bg-danger {
	border-radius: 0 !important;
}

.btn-danger:hover {
	border-radius: 0 !important;
}

.btn-light, .bg-light {
	border-radius: 0 !important;
}

.btn-light:hover {
	border-radius: 0 !important;
}

/* Cards squared, thin UI */
.card {
    border-radius: 0 !important;
    border: 1px solid #d9d9d9;
}

input, select {
    border-radius: 0 !important;
}

.navbar {
    border-radius: 0 !important;
}

/* Dashboard blocks */
.dashboard-block {
    background: #0a2a66;
    color: #fff;
    padding: 35px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}

.dashboard-block:hover {
    background: #0c347d;
}

.alert {
	border-radius: 0px;
}

.form-control {
	border-radius: 0px;
}

small {
	font-size:12px;
}

/*BADGES*/
.badge {
    background-color: green;
	border-radius:0px;
	font-size:12px;
	font-weight:normal;
	padding:8px 6px;
}

/*icons*/

.pencil {
  width: 12px;
  height: 4px;
  background: #f4c542; /* pencil body */
  position: relative;
  transform: rotate(-45deg);
  display: inline-block;
}

/* pencil tip */
.pencil::before {
  content: "";
  position: absolute;
  right: -4px;
  top: 0;
  width: 0;
  height: 0;
  border-left: 4px solid #333; /* tip color */
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

/* eraser */
.pencil::after {
  content: "";
  position: absolute;
  left: -3px;
  top: 0;
  width: 3px;
  height: 4px;
  background: #ff8fa3;
}

.pencil-outline {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
}

/* pencil body */
.pencil-outline::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;              /* adjusted */
  width: 8px;
  height: 4px;
  border: 1px solid #000; 
  background: white;     
  transform: rotate(-45deg);
  transform-origin: left top;
}

/* pencil tip */
.pencil-outline::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 3px solid #000;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;

  /* place tip at the rotated bottom-right of the body */
  left: 4px;     /* same as body left */
  top: 4px;      /* same as body top */
  transform: rotate(-45deg) translateX(8px); /* move to the end of body */
  transform-origin: left center;
}

.abox-edit {
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  font-family: arial;
}

.abox-edit::after {
  content: "E";
}