@import "bootstrap.min.css";
@import "sonj-components.css";
@import "fontawesome.min.css";
@import "cards.css";


html { font-size: 100%; 
    -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;  
     }
body {
  height: 100%;
  
}

#mainContentlfrf td a,#mainContentlfrf a:link,#mainContentlfrf a:visited,#mainContentlfrf a:hover{text-decoration:underline!important;color: #054b6c;}
.department h1{color:#054b6c;font-size: 2.5rem;}
.h2title{
	color: #006699;font-size:2rem;
}
.btn-link-blue{ text-transform: uppercase;
             color:#054b6c;
              font-size:1re;
              weigh:500;}
               
.btn-link-blue_transparency,.btn .btn-primary{ text-transform: uppercase;
             color:#fff;
             background-color:30081c5
              font-size:1re;
              weigh:500;}

.wrapper {
}
.rcol-bx p{line-height:normal!important}
.card-tr{
  padding:0 1.5rem 0 0;
}
.card-tr:nth-child(3n) {
  padding-right:0;
}
.bg_dark_blue {
  background-color:#054b6c!important;}
.bg_btn_blue0 {
  background-color:#054b6c!important;}
  .bg_btn_blue1 {
  background-color:#1d678e!important;}
  .bg_btn_blue2 {
  background-color:#007BBD!important;}
  .table-bordered {font-size: 0.95rem;}
  .thead-light  th {background-color:#007BBD!important; color:#fff!important;} 

 blockquote {
  background: #f8c836;
 font-size:1.0rem!important;

  padding: 1.5em;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #fdeec3;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.20em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #fdeec3;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.20em;
  vertical-align: -0.5em;
}
blockquote p {
  display: inline;
} 
  
.bg-blue-intro{
  /*background-color:#e5e5e5;*/
     background: rgba(0, 0, 0, 0) linear-gradient(rgb(5, 75, 108), rgb(5, 75, 108)) repeat scroll 0% 0% / cover;
     color:#fff;
     font-size:108%;

}
.bg-blue-intro a,.bg-blue-intro a:link;.bg-blue-intro a:visited;.bg-blue-intro a:hover{color:#fff!important; text-decoration-underline;}
.bg-gray{  background: rgba(0, 0, 0, 0) linear-gradient(rgb(247, 247, 247), rgb(247, 247, 247)) repeat scroll 0% 0% / cover;border-top: 10px solid #054b6c;
}
.border-blue-dark_gdro{
    border-left: 10px solid #054b6c;
}
.border-blue-dark_transparency  {
    border-left: 10px solid #007BBD;
}  
.btn-blue_gdro  {background-color:#054b6c; color:#fff!important;text-transform:uppercase; font-size:0.9em;}
.btn-blue_transparency  {background-color:#007BBD; color:#fff!important;text-transform:uppercase; font-size:0.9em;}
#lfrf table {border: 1px solid #ffffff;}
#lfrf table thead th {background-color:#1d678e;}
.table th, .table td, .table thead th {
  border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   color: #424242;
}
#lfrf table td {color:#color: #424242;)
    width: 50% !important;
  }
#lfrf table td   a:link,#mainContentlfrf a:hover{text-decoration:underline!important;               
.btn btn-primary {}
.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: rgba(0,0,0,.02);
}
 ul.striped-list > li:nth-of-type(odd) {
    background-color: #f7f6f6 ;
}
                     background-image: linear-gradient(180deg,#f9fbfd 0,#fff);

@media (max-width: 575.98px) { 
.border-dark {border-right:0 none;}
  .list-group.list-group-horizontal-md {
    display: flex;
  flex-direction: column;
}
  .border_color0{border-left:5px #054b6c;}
.border_color1 {border-left:5px #fca140;}
.border_color2{border-left:5px #0287cd;}
.btns-section h5 {font-size: 1.2em;
               margin-left:auto;
                  margin-right:auto;
                  padding:0 2rem;
                 }
               .w-auto {
    width: 100% !important;
  }
}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { 
.border-dark {border-right:0 none;}
   .list-group.list-group-horizontal-md {
    display: flex;
  flex-direction: column;
}

.w-auto {
    width: 100% !important;
  }

}



// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { .w-auto {
    width: 50% !important;
  } }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }