html,body{
   
}
body{/*font-size: calc(4vw + 4vh + 2vmin);*/ font-size:1em;   font-family: 'SF Display Regular', sans-serif; background-color:#606575/*373b47*/;   color:#1c1c1c; }


/* Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
     /*body{font-size: 14px;}*/
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    /*body{font-size: 13px;}*/
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    /*body{font-size: 14px;}*/
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    /*body{font-size: 14px;}*/
}

/*@media (max-width:320px) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;}
}

@media (max-width: @screen-md) {
    body{font-size: 16px;}
}
@media (max-width: @screen-lg) {
    body{font-size: 18px;}
}*/

 
h1{
    font-family: 'SF Display Black', sans-serif;
    letter-spacing: -1.6px;
 
}

h2{
    font-family: 'SF Display Heavy', sans-serif;
 
    letter-spacing: -1.4px;
 
}
h3{
    font-family: 'SF Display Bold', sans-serif;
 
    letter-spacing: -1px;
 
}

h4{
    font-family: 'SF Display Bold', sans-serif;
    letter-spacing: -.8px;
 
}
h5{
    font-family: 'SF Text Semibold', sans-serif;
    letter-spacing: -1px;
 
}

h6{
    font-family: 'SF Text Semibold', sans-serif;
    letter-spacing: 0.2px;
    
}
/*p{
    font-family: 'SF Display Regular';
    line-height: 1.250em;
}
 */
 
a{color:#004E78; text-decoration: underline;}
a:hover{color:#000;}

 
 
/* bootstrap */
.card-header.white{ background-color: #fff; }
.card-header.primary{ background-color: #000; color:#fff; }
.card-header.secondary{ background-color: #004e78; color:#fff; }
.card-header.success{ background-color: #399b64 ;color:#fff; }
.card-header.warning{ background-color: #ffc700 ;color:#333; }
.card-header.danger{ background-color: #c12a39 ;color:#fff; }
.card-header.info{ background-color: #3ba4af; color:#fff;}
.card-header.light{ background-color: #f5f5f5; }
.card-header.light-dark{ background-color: #dadce2 ; }
.card-header.light-ultradark{ background-color: #979daf ; }
.card-header.dark{ background-color: #373b47 ; color:#fff; }
.card-header.dark-light{background-color: #4b5060 ; color:#fff;}
.card-header.dark-ultralight{background-color: #606575 }

/* bg-colors */
/*#004e78*/
.bg-primary{ background-color: #000 !important; }
.bg-secondary{ background-color: #004e78 !important; }
.bg-success{ background-color: #399b64 !important; }
.bg-warning{ background-color: #ffc700 !important; }
.bg-danger{ background-color: #c12a39 !important; }
.bg-info{ background-color: #3ba4af !important; }
.bg-light{ background-color: #f5f5f5 !important; }
.bg-light-dark{ background-color: #dadce2 !important; }
.bg-light-ultradark{ background-color: #979daf !important; }
.bg-dark{ background-color: #373b47 !important; }
.bg-dark-light{background-color: #4b5060 !important}
.bg-dark-ultralight{background-color: #606575 !important}
.bg-black{ background-color: #22252d !important; }

/* dropdown */
 
    .navbar-nav {
      flex-direction: row;
    }
    
    .nav-link {
      padding-right: .5rem !important;
      padding-left: .5rem !important;
    }
    



.navbar .dropdown-menu{   background-color: #373b47 !important; padding: 0px; border-radius: 0px;  }
.navbar a{text-decoration: none;font-family:'SF Display Light' !important;}
.navbar a.dropdown-item{   background-color: #373b47 !important; color:#dadce2; border-bottom: 1px solid #000; padding: 10px 20px;  }
.navbar a.dropdown-item:hover{   background-color: #22252d !important; color: #fff; }

.dropdown-submenu {
  position: absolute;
  width: 100%;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: -.2rem;
  left: 100%;
  margin-left: 0rem;
  margin-right: 0rem;
}
    /* Fixes dropdown menus placed on the right side */
    .ml-auto .dropdown-menu {
      left: auto !important;
      right: 0px;
    }

.ml-auto .dropdown-submenu .dropdown-menu  {
       top: -.2rem;
  right: 100%;
  margin-left: 0rem;
  margin-right: 0rem;
    }
@media (max-width: 768px){
     .navbar-nav {
      flex-direction: column;
    }
    .dropdown-submenu {
      position: relative;
    }
    .dropdown-submenu .dropdown-menu {
        top: -2px !important;
        margin-left: .1rem;
        margin-right: .1rem;
    }

}

/* btn-colors */
.btn-primary{ background-color: #4166a0 !important; }
.btn-secondary{ background-color: #879fc4 !important; }
.btn-success{ background-color: #399b64 !important; }
.btn-warning{ background-color: #ffc700 !important; }
.btn-danger{ background-color: #c12a39 !important; }
.btn-info{ background-color: #3ba4af !important; }
.btn-light{ background-color: #f5f5f5 !important; }
.btn-light-dark{ background-color: #dadce2 !important; }
.btn-light-ultradark{ background-color: #979daf !important; }
.btn-dark{ background-color: #373b47 !important; }
.btn-dark-light{background-color: #4b5060 !important}
.btn-dark-ultralight{background-color: #606575 !important}

.btn-primary:hover{ background-color: #2e4f84 !important; }
.btn-secondary:hover{ background-color: #758db2 !important; }
.btn-success:hover{ background-color: #2b7c4f !important; }
.btn-warning:hover{ background-color: #e2b100 !important; }
.btn-danger:hover{ background-color: #ad202e !important; }
.btn-info:hover{ background-color: #2c858e !important; }
.btn-light:hover{ background-color: #e8e5e5 !important; }
.btn-light-dark:hover{ background-color: #d5d8e2 !important; }
.btn-light-ultradark:hover{ background-color: #8c93a5 !important; }
.btn-dark:hover{ background-color: #2a2d38 !important; }
.btn-dark-light:hover{background-color: #404556 !important}
.btn-dark-ultralight:hover{background-color: #505563 !important}


/* text-colors */

.text-primary{ color: #4166a0 !important; }
.text-secondary{ color: #879fc4 !important; }
.text-success{ color: #399b64 !important; }
.text-warning{ color: #ffc700 !important; }
.text-danger{ color: #c12a39 !important; }
.text-info{ color: #3ba4af !important; }
.text-light{ color: #f5f5f5 !important; }
.text-light-dark{color: #dadce2 !important; }
.text-light-ultradark{color: #979daf !important; }
.text-dark{ color: #373b47 !important; }
.text-dark-light{color: #4b5060 !important}
.text-dark-ultralight{color: #606575 !important}



/* border-colors */

.border-primary{ border-color: #4166a0 !important; }
.border-secondary{ border-color: #879fc4 !important; }
.border-success{ border-color: #399b64 !important; }
.border-danger{ border-color: #c12a39 !important; }
.border-info{ border-color: #3ba4af !important; }
.border-light{ border-color: #f5f5f5 !important; }
.border-light-dark{border-color: #dadce2 !important; }
.border-light-ultradark{border-color: #979daf !important; }
.border-dark{ border-color: #373b47 !important; }
.border-dark-light{border-color: #4b5060 !important}
.border-dark-ultralight{border-color: #606575 !important}


.text-primary{}

.text-secondary{}

.text-success{}

.text-danger{}

.text-warning{}

.text-info{}

.text-light{}

.text-dark{}

.text-body{}

.text-muted{}

.text-white{}

.text-black-50{}

.text-white-50{}