span.red { color: #d9534f; font-weight: 700; font-size: 20px; padding: 2px;}
span.amber { color: #f6ab20; font-weight: 700; font-size: 20px; padding: 2px;}
span.green { color: #5cb85c; font-weight: 700; font-size: 20px; padding: 2px;}

.red {
	color: #d9534f;
}

.amber {
	color: #f6ab20;
}

.green {
	color: #5cb85c;
}

.col-md-7 {
    width: 14.2%;
}

.box.lightblue .count-up:after {
    background-color: #C9D7F8;
}

.box.purple .count-up:after {
    background-color: #88498F;
}

.box.completed .count-up:after {
    background-color: #dbdbdb;
}

.panel {
    padding-bottom: 0;
}

.nav-tabs > li > a {
    text-decoration: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #FC9BC1;
    border-color: #FC9BC1;
}

.nav-pills>li.red a {
 	color: white;
}
.nav-pills>li.red {
	position:relative;

}
.nav-pills>li.red:after {
	content:' ';
	z-index: 100;
	height: 12px;
	width:12px;
	display: block;
	background:#d9534f;
	border-radius: 50%;
    bottom: -6px;
    position: absolute;
     left:calc(50% - 6px);
}

.nav-pills>li.active>a.red {
	background-color: #d9534f !important;
	color: white;
}

.nav-pills>li.amber a{
 	color: white;
}

.nav-pills>li.amber:after {
	content:' ';
	z-index: 100;
	height: 12px;
	width:12px;
	display: block;
	background:#f6ab20;
	border-radius: 50%;
	    bottom: -6px;
    position: absolute;
    left:calc(50% - 6px);
}

.nav-pills>li.green a {
 	color: white;
}

.nav-pills>li.green:after {
	content:' ';
	z-index: 100;
	height: 12px;
	width:12px;
	display: block;
	background:#5cb85c;
	border-radius: 50%;
	    bottom: -6px;
    position: absolute;
    left:calc(50% - 6px);
}

.notes h5 {
	font-size: 18px;
}

.nav-pills>li>a {
	background-color: #929292;
	color: #fff;
    text-decoration: none;
}

.nav-pills>li.active>a {
	background-color: #FC9BC1 !important;
    text-decoration: none;
    color: #47372A !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #fa7bad;
}

.manage-application .nav.nav-pills {
    margin-bottom: 25px;
    margin-top: 0 !important;
}

.btn.btn-default + .btn.btn-default {
    border-left: 2px solid #47372A;
}

.btn.btn-success {
    border: 1px solid #5A6675;
}

.btn.btn-success:hover, .btn.btn-success:focus {
    border: 1px solid #5A6675;
}

.navbar-nav li.active a {
    text-decoration: underline !important;
}

.pagination-container {
    min-width: 300px;
}

.container {
    max-width: 1500px;
    width: 100%;
}

.manage-application {
    margin-bottom: 50px;
}

.container.approval-forms {
	max-width: 100%;
}


.container.approval-forms {
    font-size: 14px;
    line-height: 1.4;
}

.approval-forms .panel {
    padding: 15px;
}

.approval-forms .panel-primary > .panel-heading {
    font-size: 15px;
    font-weight: 500;
    padding: 8px 15px;
}

.approval-forms label {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 3px;
}

.approval-forms .table > thead > tr > th {
    font-weight: 500;
    font-size: 13px;
}

.approval-forms strong,
.approval-forms b {
    font-weight: 600;
}

.approval-forms .table > thead > tr > th,
.approval-forms .table > thead > tr > td,
.approval-forms .table > tbody > tr > th,
.approval-forms .table > tbody > tr > td,
.approval-forms .table > tfoot > tr > td {
    padding: 5px 8px;
}

.approval-forms .table {
    margin-bottom: 10px;
}

.approval-forms .form-control,
.approval-forms input.form-control,
.approval-forms select.form-control,
.approval-forms textarea.form-control {
    font-size: 11px;
    border-width: 1px;
}

.approval-forms .form-control,
.approval-forms input.form-control,
.approval-forms select.form-control {
    height: 36px;
    padding: 6px 10px;
}

.approval-forms .input-group-addon {
    height: 36px;
    padding: 6px 2px;
    font-size: 10px;
    border-width: 1px;
}

.approval-forms .btn {
    font-size: 14px;
}

.approval-forms .btn.btn-primary,
.approval-forms .btn.btn-secondary,
.approval-forms .btn.btn-default {
    font-weight: 500;
}

.approval-forms .btn.btn-secondary,
.approval-forms .btn.btn-default {
    border-width: 1px;
}

.approval-forms .btn.dropdown-toggle {
    height: 36px;
    border-width: 1px;
}

.approval-forms textarea {
    height: auto !important;
}

.approval-forms .table th {
    font-size: 13px;
    font-weight: 600;
}


.approval-forms input[type="number"]::-webkit-inner-spin-button,
.approval-forms input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.approval-formsinput[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

tr.approve th:first-child::before, th.alert-success::before, .alert.alert-success::before {
    content: "\2713";
    font-family: 'Entypo';
    margin-right: 8px;
    color: #5cb85c;
    font-size: 20px;
}

tr.decline th:first-child::before, th.alert-danger::before, .alert.alert-danger::before {
    content: "\2715";
    font-family: 'Entypo';
    margin-right: 8px;
    color: #d9534f;
    font-size: 20px;
}

select.alert-danger::before {
    content: "\2715";
    font-family: 'Entypo';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.warning-alert {
    background-color: #ffd897;
    color: #1F2937;
    padding: 5px;
}

.alert-danger {
    background-color: #ffd897;
    color: #1F2937;
}

.form-group.approve,
.form-group.decline {
    position: relative;
}

.form-group.approve::after,
.form-group.decline::after {
    position: absolute;
    right: 25px;
    bottom: 6px;
    font-family: 'Entypo';
    font-size: 20px;
    pointer-events: none;
    z-index: 2;
}

.form-group.approve::after {
    content: "\2713";
    color: #5cb85c;
}

.form-group.decline::after {
    content: "\2715";
    color: #d9534f;
}

.form-group.approve input,
.form-group.decline input {
    padding-right: 35px;
}