@charset "UTF-8";

td a {
    color: #00416B;
}

a:link {
      text-decoration: none;
}

a:visited {
      text-decoration: none;
}

a:hover {
      text-decoration: none;
}

a:active {
      text-decoration: none;
}

.alation_blue {
	color:#0047BB;
}

.alation_navy {
	color:#00416B;
}

.alation_grey {
	color:#9BB8D3;
}

.alation_light_blue {
	color:#9BB8D3;
}

.alation_lighter_blue {
	color:#ADC8E8;
}

.alation_lightest_blue {
	color:#D6E7F1;
}

.alation_lightgrey {
	color:#C9CBC3;
}

.alation_lightestgrey {
	color:#e2e2e2;
}

.alation_orange {
	color:#F16923;
}

.alation_lightorange {
	color:#F9A671;
}

.btn-alation {
	color:#fff;
	background-color:#F16923 !important;
	border-color:#F16923 !important;
}

.btn-alation-blue {
	color:#fff;
	background-color:#265EAC;
	border-color:#265EAC
}

.btn-outline-alation {
	color:#65665C;
	border-color:#F16923
}

.btn-outline-navy-full {
	color:#65665C;
	border-color:#00416B;
	width: 100%;
}

.btn-outline-dark:hover{color:#fff;background-color:#F16923;border-color:#F16923}
.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}

.container-letter {
    width: 816px;
	justify-content: center;
	padding: 30px;
}

.container-wide {
    max-width: 98%;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 30px;
  padding: 30px;
}

.grid-container-inline {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  grid-gap: 30px;
}

.grid-container-four-cols {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 30px;
  padding: 30px;
}

.grid-container-five-cols {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  grid-gap: 30px;
  padding: 30px;
}

.grid-full-row {
  grid-column: 1 / span 3;
}

.grid-two-cols {
  grid-column: 1 / span 2;
}

.grid2-two-cols {
  grid-column: 2 / span 2;
}

.grid3-two-cols {
  grid-column: 3 / span 2;
}

.grid4-two-cols {
  grid-column: 4 / span 2;
}

.grid-three-cols {
  grid-column: 1 / span 3;
}

.grid2-three-cols {
  grid-column: 2 / span 3;
}

.grid3-three-cols {
  grid-column: 3 / span 3;
}

.grid-four-cols {
  grid-column: 1 / span 4;
}

.grid-five-cols {
  grid-column: 1 / span 5;
}

.indent5 { 
	text-indent: 5px; 
}
.indent10 { 
	text-indent: 10px; 
}
.indent20 { 
	text-indent: 20px; 
}
.indent25 { 
	text-indent: 25px; 
}
.indent30 { 
	text-indent: 30px; 
}
.indent40 { 
	text-indent: 40px; 
}

.padding30 {
  padding: 30px;
}

.quick-link { 
	display: block;
	text-indent: 20px; 
}

.rounded-corners-border {
  border-radius: 5px;
  border: 1px solid #00416B;
  padding: 10px;   
}


.small-text {
    font-size: 6pt;
}

/* Make circles that indicate the steps of a wizard form */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #F9A671;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid */
.step.finish {
  background-color: #F16923;
}

@media print 
{
   @page
   {
    size: legal;
    size: portrait;
  }
}

/** top tiles  */
.row {
  margin-right: -10px;
  margin-left: -10px; }

.tile_count {
  margin-bottom: 20px;
  margin-top: 20px; }

.tile_count .tile_stats_count {
  border-bottom: 1px solid #D9DEE4;
  padding: 0 10px 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }

@media (min-width: 992px) {
  footer {
    margin-left: 230px; } }

@media (min-width: 992px) {
  .tile_count .tile_stats_count {
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 10px; } }

.tile_count .tile_stats_count:before {
  content: "";
  position: absolute;
  left: 0;
  height: 65px;
  border-left: 2px solid #ADB2B5;
  margin-top: 10px; }

@media (min-width: 992px) {
  .tile_count .tile_stats_count:first-child:before {
    border-left: 0; } }

.tile_count .tile_stats_count .count {
  font-size: 30px;
  line-height: 47px;
  font-weight: 600; }

@media (min-width: 768px) {
  .tile_count .tile_stats_count .count {
    font-size: 40px; } }

@media (min-width: 992px) and (max-width: 1100px) {
  .tile_count .tile_stats_count .count {
    font-size: 30px; } }

.tile_count .tile_stats_count span {
  font-size: 12px; }

@media (min-width: 768px) {
  .tile_count .tile_stats_count span {
    font-size: 13px; } }

.tile_count .tile_stats_count .count_bottom i {
  width: 12px; }
.tile_count .tile_stats_count .count_top i {
  width: 12px; }

/** /top tiles **/
.dashboard_graph {
  background: #fff;
  padding: 7px 10px; }

.dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {
  padding: 0; }

a.user-profile {
  color: #5E6974 !important; }

.user-profile img {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  margin-right: 10px; }

ul.top_profiles {
  width: 100%; }

ul.top_profiles li {
  margin: 0;
  padding: 3px 5px; }

ul.top_profiles li:nth-child(odd) {
  background-color: #eee; }

.media .profile_thumb {
  border: 1px solid;
  width: 50px;
  height: 50px;
  margin: 5px 10px 5px 0;
  border-radius: 50%;
  padding: 9px 12px; }

.media .profile_thumb i {
  font-size: 30px; }

.media .date {
  background: #ccc;
  width: 52px;
  margin-right: 10px;
  border-radius: 10px;
  padding: 5px; }

.media .date .month {
  margin: 0;
  text-align: center;
  color: #fff; }

.media .date .day {
  text-align: center;
  color: #fff;
  font-size: 27px;
  margin: 0;
  line-height: 27px;
  font-weight: bold; }

.event .media-body a.title {
  font-weight: bold; }

.event .media-body p {
  margin-bottom: 0; }

h4.graph_title {
  margin: 7px;
  text-align: center; }
