body {
    font-family: roboto, sans-serif;
    font-size: 14px;
    background-color: #F2F2F2;
}

.navbar-fixed-top {
    background-color: #F2F2F2;
}

.title {
    color: #000000 !important;
    font-size: 23px !important;
    margin-top: 24px !important;
    font-weight: bolder !important;
    margin-left: -9px !important;
    text-shadow: 0 0 1px rgba(0,0,0,0.3) !important;
    font-family: Arial;
}

.toolbar {
    background-color: #FFFFFF;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #CCCCCC;
    padding: 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
}

.panel a {
    color: inherit;
    text-decoration: underline;
}

.panel ul > li > a {
    text-decoration: none;
}

a:hover,
a:visited,
a:active {
    color: inherit;
}

.navbar-default {
    background-color: #FFFFFF;    
    box-shadow: 0 1px 7px #A1A1A1;
}

.navbar-brand {
    padding: 10px 10px;
}

.navbar-text {
    margin: 0px;
}

.table {
	border: 1px solid #CCCCCC;
}

.table > thead > tr > th, 
.table > tfoot > tr > td {
	background-color: #E6EBF1;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: #004A78;
	font-weight: bold;
}

.table > tbody > tr > td {
	border-right: 1px solid #CCCCCC;
}

.table.table-striped > tbody > tr:nth-of-type(odd) > td {
	background-color: #FFFFFF;
}

.table.table-striped > tbody > tr:nth-of-type(even) > td {
	background-color: #F6F6F6;
}

.table.table-hover > tbody > tr:hover > td {
	background-color: #FFEED5;
}

.table > tbody > tr.active > td {
	background-color: #FFDCA8 !important;
}

.table > tbody > tr.inactive > td {
	opacity: 0.5;
}

.nav-tabs {
    border-bottom: 1px solid #CCCCCC;
}

.nav-tabs > li {
	border-color: #CCCCCC #CCCCCC transparent #CCCCCC;
    color: #000000;
}

.nav-tabs > li:hover {
	cursor: pointer;
}

.nav-tabs > li > a,
.nav-tabs > li:hover > a {
    height: 26px;
	background-color: #C5D3E7;
    border-radius: 3px;
    margin-left: 1px;
    margin-right: 1px;
	border-color: #CCCCCC #CCCCCC transparent #CCCCCC;
    color: inherit;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.nav-tabs > li > a,
.nav-tabs > li.active > a {
	border-color: #CCCCCC #CCCCCC transparent #CCCCCC;
}

.nav-tabs > li:first-of-type > a {
    margin-left: 0px;
}

.nav-tabs > li.active > a {
	background: #FFFFFF;
}

.nav-tabs > li.active:hover {
	border-color: #CCCCCC #CCCCCC transparent #CCCCCC;
}

a.btn,
li.btn > a,
.dropdown .btn {
    cursor: pointer !important;
    line-height: 1;
    line-height: 20px;
}

li.btn {
    padding: 0px;
}


a.btn,
a.btn:hover,
a.btn:active,
a.btn.disabled,
a.btn.disabled:hover,
li.btn > a,
li.btn:hover > a,
li.btn:active > a,
li.btn.disabled > a,
li.btn.disabled:hover > a,
.dropdown .btn,
.btn-group .btn,
.btn-group .btn.focus {
    color: #004A78;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
}

a.btn:hover,
li.btn:hover > a,
.dropdown .btn:hover,
.btn-group .btn:hover {
    border-bottom: 2px solid #004A78;
}

a.btn:focus,
li.btn:focus > a,
.dropdown .btn:focus,
.btn-group .btn:focus,
a.btn.focus,
li.btn.focus > a,
.dropdown .btn.focus,
.btn-group .btn.focus,
.pagination > li > a:focus,
.pagination > li > a.focus {
    background-color: inherit;
    border-color: inherit;
    border-top: 2px solid transparent;
    border-bottom: 2px solid #FCB327;
    outline: none;
    border-radius: 0;
}

a.btn.disabled,
li.btn.disabled > a {
    cursor: default !important;
    opacity: 0.5;
}

a.info {
    background: url('images/info.png') center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;    
    vertical-align: middle;
}

a.btn.new,
li.btn.new > a {
    background: url('images/add.png') center no-repeat;  
}

a.btn.refresh,
li.btn.refresh > a {
    background: url('images/refresh.png') center no-repeat;  
}

.btn-default,
.btn-primary,
.btn-danger,
a.btn-primary,
a.btn-default,
a.btn-danger,
a.btn-primary:hover,
a.btn-default:hover,
a.btn-danger:hover
{
    color: #000000;
    font-weight: bold;
    border-width: 0px 0px 0px 0px;
    border-style: none;
    border-color: #000000;
    border-radius: 3px;
    border: none;
    padding: 6px 12px;
}

.btn:active, 
.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary,
.btn-primary:active,
a.btn-primary,
a.btn-primary:active {
    color: #ffffff;
    background: #004a78 !important;
}

.btn.active,
.btn.active:focus {
    background-color: #D9E5C7 !important;
    border-radius: 3px;
}

.btn-primary:hover,
a.btn-primary:hover {
    color: #ffffff;
    background: #02314e !important;
}

.btn-danger,
.btn-danger:active,
a.btn-danger,
a.btn-danger:active {
    color: #ffffff;
    background: #c9302c !important;
}

.btn-danger:hover,
a.btn-danger:hover {
    color: #ffffff;
    background: #ac2925 !important;
}

.btn-default,
a.btn-default {
    background: transparent;
}

.btn-default:hover,
a.btn-default:hover
{
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
    border: inherit;
}

.panel {
    border-radius: 0;    
    box-shadow: 0 0 6px #b9b9b9;
}

.panel-default > .panel-heading {    
    border: 1px solid #a5bfdc;
    border-radius: 0;    
    background: linear-gradient(to bottom, #C5D3E7 0%, #C5D3E7 100%);
    text-transform: none;
    color: #4e4e4e;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}

select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

select.form-control,
.dropdown {
    background: url('images/arrow.png') right center no-repeat; 
}

.panel-heading .caret {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #004A78;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
}

.panel-heading .collapsed .caret {
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}

.form-control {
    border-width: 0px;
    border-style: solid;
    box-shadow: none;
    border-radius: 0;
    
    border-bottom-width: 1px;
    border-color: #B3B3B3;
}

.form-control:focus {
    box-shadow: none;
    
    border-bottom-width: 2px;
    border-color: #FCB327;
}

.input-group .form-control,
.input-group-btn .btn {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #B3B3B3;
}

.input-group .form-control:focus {
    border-width: 2px;
    border-color: #FCB327;
}

.alert {
    padding: 5px;
}

.alert:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.alert-danger:before {
    background: url('images/warning.png') center center no-repeat;  
}

.alert-danger {
    border-color: #B20000;
    background-color: #FCECEC;
}

.alert-success:before {
    background: url('images/Check.png') center center no-repeat;  
}

.alert-success {
    border-color: #377724;
    background-color: #EEF9EB;
}

.alert-info:before {
    background: url('images/Info_Italicized.png') center center no-repeat;  
}

.alert-info {
    border-color: #FFCC00;
    background-color: #FFFFCC;
}

.modal-header {
    border-bottom: 0;    
    padding-bottom: 0;
}

.modal-footer {
    text-align: left;
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.badge {    
    background: #98abc4;
    margin-left: 5px;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #333;
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: relative;
    clip: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"].focus {
    outline: none;
}