/**************** Virginia Department of General Services ***************/


/* Global
----------------------------------------------- */

body { 
    font-family: Open Sans, sans-serif;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto}

.btn { 
    background-color: #004996; 
    color: #fff; 
    border-color: #004996; }

.btn:hover,
.btn:active,
.btn:focus { background-color: #8d949a; color: #fff;}

.gray { color: #8d949a; }
.gray-bk { background-color: #8d949a; }

.lt-gray { color: #bbb; }
.lt-gray-bk { background-color: #eff0f1; }

.dk-gray { color: #5c6770; }
.dk-gray-bk { background-color: #5c6770; }

.green { color: #80bd41; }
.green-bk { background-color: #80bd41; }

.lt-blue { color: #00a0df; }
.lt-blue-bk { background-color: #00a0df; }

.dk-blue { color: #004996; }
.dk-blue-bk { background-color: #004996; }

.white { color: #fff; }

.red { color: #a31f34 }
.red-bk { background-color: #a31f34; }

/* Remove glow */
input.form-control.white {
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.form-control { border-radius: 0px; -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;}
.btn { border-radius: 0px; }
.selectpicker, .bootstrap-select .btn {
    background-color: #fff; color: #000; border-color: #bbb; }

@media (max-width: 768px) { .container { padding-left: 0px; }
} 
@media (max-width: 767px) { .container { padding-right: 0px; }
} 

/* Global Typography
----------------------------------------------- */

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

h1 { 
    padding: 0 0px 15px; 
    font-size: 20px; 
    font-weight: 300;
    text-transform: none; 
    margin-bottom: 0; }

h1.white { 
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 10px;
    margin-top: 0;
    margin-bottom: 18px;
    text-transform: uppercase; }

@media (max-width: 768px){
    h1 { margin-top: 8px;} 
}

h2 { font-size: 22px; font-weight: 300; }

h2.white { padding: 5px 10px; margin-top: 0; }

h2.title { 
    display: block;
    font-size: 16px;
    padding: 5px 10px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;}

h3 { font-weight: 400; font-size: 18px; }

h4 { font-size: 16px; font-weight: 600;}
h5 { font-size: 14px; font-weight: 600; }
h6 { font-size: 12px; font-weight: 700; }

.h1, .h2, .h3, h1/*, h2, h3*/ { margin-top: 0; }

h2, h3, h4, h5, h6 { margin-top: 4px;}

.content ul { padding-left: 20px; }
.content ul ul { padding-top: 8px; }
.content li { padding-bottom: 8px; }

blockquote { font-style: italic; }

.content p { margin: 0 0 15px; }


/* Header
----------------------------------------------- */

header { margin: 15px 0 0; }

/* .top { background-color: #000; padding: 0 15px; } */
.top { background-color: #212121; padding: 0 15px; }
.top a { color: #fff; }
.top.row { /*margin-left: 0; margin-right: 0; */}

.top img { width: 100px; padding-top: 2px; }

/*.top li:nth-child(1) { border-right: 1px solid #fff; }*/
.top li { border-right: 1px solid #fff; }
.top li:last-child { border-right: none }

.top .navbar-nav>li>a,
.top .nav>li>a { display: inline }

.top .navbar-nav{margin-top: 6px; margin-bottom: 2px;}
.top .navbar-text.navbar-img { margin: 4px 0px; }

a.brand { 
    font-size: 28px; 
    font-weight: 300; 
    color: #000;
    line-height: 1.5; }

a.brand:hover,
a.brand:focus,
a.brand:active,
a.brand:visited { text-decoration: none; }

a.brand p { display: inline; font-weight: 600; }

.brand img { margin-right: 15px; height: 70px; }
.brand small { font-size: 14px; display: block; font-weight: 400; }

/* .title-under { display: table; } */

.smlinks img { height: 20px; }
.smlinks .list-inline>li { padding-left: 0; padding-right: 0;}
.smlinks .jobs { font-size: 12px; color: #000; }
.smlinks .jobs:hover { text-decoration: none; color: #00a0df;}
.smlinks span { font-weight: 600; }

.smlinks .evalogo { height: 20px; padding: 0 2px; }

@media (max-width: 991px){

    a.brand { font-size: 20px; line-height: 2; }
    
}
@media (max-width: 768px){

    .top .navbar-nav { display: none; }

    a.brand p { display: block; }
    a.brand { line-height: 1.2; }
    .title-area { margin-bottom: 15px; font-size: 24px; }
    .brand img { height: 80px; }
    
    .navbar-nav { margin: 15px -15px; }
    
}

@media (max-width: 480px) { 

    a.brand p span { display: block; } /* I am making this a block element only for mobile so the General Services will fall to the next line */
}

/* Main Navigation
---------------------------------------------- */

.nav:before { content: ""!important; }
.navbar { margin-bottom: 0; min-height: 40px; border: 0; }

.nav.nav-main>li>a { padding: 0 20px; color: #000; }

.navbar-default .navbar-nav>.active>a { 
    background-color: #fff; border-bottom: 2px solid #00a0df; color: #333; }

#navbar.navbar-collapse { padding: 0; margin: 0px; }

.nav:before {
  display: none;
}
.nav:after { display: none; }

.dropdown:last-child ul { margin-left: auto; right: 0; }

.navbar-default { background-color: #fff; border-color: #fff; }

.navbar-default .navbar-nav>.open>a { border-bottom: 0px solid #fff; color: #333; background-color: #fff!important; } 

.navbar-default .navbar-nav>.open>a:hover {  
    background-color: #fff;        
    color: #00a0df;
    border-bottom: 0px solid #fff; 
}
.nav-main .dropdown ul { 
width: 260px;
background-color: #5c6770;
margin-left: -1px;
box-shadow: 0px 0px;
border: 0px;
border-radius: 0;
    z-index: 9999;
}
.nav-main .dropdown ul li a { background-color: transparent; color: #fff; white-space: normal; }
.nav-main .dropdown ul li a:hover { color: #bbbbbb; }

.nav-main li a.dropdown-toggle { /*border-left: 1px solid #bbbbbb;*/ }

    .nav-main.navbar-nav>li:last-child ul.dropdown-menu { 
        float: right; left: auto; right: -1px; }

    .nav-main.navbar-nav>li:nth-last-child(2) ul{ 
        float: right;
        left: auto;
        right: -1px; }



@media (max-width: 1200px){
    .nav.nav-main>li>a { font-size: 12px; }
}

@media (min-width: 992px){
    .nav-main.navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%; }
    
    .nav-main.navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
        border-left: 1px solid #bbbbbb; }
    
    .nav-main.navbar-nav>li:first-child { /*left: -1px;*/ }
    
    .nav-main.navbar-nav>li:last-child { border-right: 1px solid #bbbbbb; right: 0px; }
} 

/* Change menu breakpoint */
@media (max-width: 991px) {
    
    .navbar-default .navbar-nav>.active>a { 
    background-color: #00a0df; border-bottom: 0px solid #00a0df; color: #fff; }
    
    nav.navbar-default .navbar-toggle:focus, 
    .navbar-default .navbar-toggle:hover 
    { background-color: #fff; }

    nav.navbar-default .navbar-toggle .icon-bar { background-color: #00a0df; }
    
    .navbar-header { float: none; }
    .navbar-left,.navbar-right { float: none !important; }
    .navbar-toggle {
        display: block;       
        float: left;
        border: 0px;
        margin-top: 0px;
        padding: 6px 0;
        width: 100%; 
        text-align: left;
        font-size: 18px;
        font-weight: 600; }
    
    .navbar-toggle .burger { float: left; margin-right: 5px; }  
    
    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    
    .navbar-collapse.collapse {
        display: none!important; }
    .nav-main.navbar-nav {
        float: none!important;
        margin-top: 0px;
        background-color: #5c6770; }
    .nav-main.navbar-nav>li {
        float: none; border-bottom: 1px solid #fff; }
    
    .nav.nav-main>li>a { 
        padding: 4px 25px; 
        font-size: 14px;
        font-weight: 600;
        color: #fff; }

    .collapse.in{ display:block !important; }
    
    .nav-main .dropdown ul { margin-left: 0px; }

   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: #ccc;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none; }
    
    .nav-main li a.dropdown-toggle { border-left: 0px solid #bbbbbb; }

    .nav-main li:last-child a.dropdown-toggle { border-right: 0px solid #bbbbbb;}
    
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover {  
        border-left: 0px solid #bbbbbb; 
        border-bottom:1px solid #bbb; 
        background-color: #ccc!important;
        color: #333!important; 
        font-size: 14px; }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { padding: 3px 25px; color: #333; }
   .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:active,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{ font-weight: 600!important; color: #333!important;}
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { font-weight: 600;}

    
    .nav-main.navbar-nav>li:last-child ul.dropdown-menu { 
        float: none; left: 0 }

    .nav-main.navbar-nav>li:nth-last-child(2) ul{ 
        float: none;
        left: 0;
        right: 0; }
    
.navbar-default .navbar-nav>.open>a:active,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover
	{ color: #333!important; }
	
	.navbar-default .navbar-nav>li>a:focus { color: #fff!important; }
    
    .navbar-default .navbar-nav>li.active>a:focus,
    .navbar-default .navbar-nav>li.active>a:active,
    .navbar-default .navbar-nav>li.active>a:hover 
    { color: #fff!important; background-color: #00a0df!important ;}

    .nav-main li a.dropdown-toggle { color: #fff!important; }
    
}


/* Dropdowns
----------------------------------------------- */

.dropdown { margin-bottom: 15px; }
.dropdown .btn { 
    width: 100%; 
    text-align: left; 
    padding: 2px 12px; 
    background-color: transparent; 
    color: #666666;
    border-color: #bbbbbb; }

.dropdown .dropdown-menu { 
    width: 100%; 
    margin-top: 0px;
    border-radius: 0px;
    background-color: #5c6770; 
    border: 0px; }

.dropdown li a { color: #fff; white-space: normal; }
.dropdown li a:hover { color: #bbbbbb; background-color: transparent; }

.dropdown span img { width: 12px; display: inline; margin-bottom: 2px; }

.dropdown .btn-default.active, .dropdown .btn-default:active{ background-color: #fff; }

.open>.dropdown-toggle.btn-default { color: #fff; background-color: #bbb; border-color: #bbb; }

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { border-color: #bbb; background-color: #bbb; color: #fff;}

.btn:active,
.btn.active,
.btn:focus,
.form-control { box-shadow: none!important; outline: none!important; }

@media (max-width: 991px) {

    body.home .dropdowntrio { margin-bottom: 10px; }
    .dropdowntrio .btn { margin-bottom: 5px; }
    .dropdowntrio .dropdown-menu { margin-top: -5px; }
    .dropdown { margin-bottom: 0px; }
    .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { border-color: #bbb; background-color: #bbb; }
}


/* Breadcrumbs
----------------------------------------------- */

.breadcrumb { 
    font-size: 11px;
    font-weight: 400;
    padding: 0px 0px 5px;
    margin-bottom: 0px;
    background-color: #fff;
    color: #000; }

.breadcrumb a { color: #000; }

.breadcrumb>li+li:before { content: "\00bb";}

.breadcrumb>.active { color: #000; }

@media (max-width: 991px){
    .breadcrumb { display: none; }
}

/* Search
----------------------------------------------- */

.navbar-form { padding: 10px 0; margin-top: 0; }

.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

/* stop the glowing blue shadow */
.add-on .form-control:focus {
    box-shadow:none;
    -webkit-box-shadow:none; 
    border-color:#bbbbbb; }

.form-control:focus { box-shadow:none;
    -webkit-box-shadow:none; 
    border-color:#bbbbbb;}

.input-group { display: table; }

.white.form-control::-webkit-input-placeholder { color: #fff; }
.white.form-control:-moz-placeholder { /* Firefox 18- */ color: #fff; }
.white.form-control::-moz-placeholder {  /* Firefox 19+ */ color: #fff; }
.white.form-control:-ms-input-placeholder { color: #fff; }

.white.form-control,
span.white.input-group-addon{ 
    color: #fff; 
    border-radius:0;
    height: 28px;
    font-size: 12px;
    border: 1px solid transparent; }

.white.form-control { font-size: 14px; }

.form-mobile { display: none; }

.search-content:after { clear: both; }
.search-content .col-lg-11,
.search-content .col-lg-1 { padding-left: 0; padding-right: 0; }
.search-content input {background-color: #eff0f1; }

.search-content .btn { background-color: #00a0df; text-transform: uppercase; border-color: #00a0df; height: 26px; padding: 2px 12px; margin-bottom: 15px;}
.search-content .btn:hover { background-color: #bbb; border: 1px solid #bbb; }

/* Search results */

.result { margin-bottom: 15px; }

.result a {   
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.search-recommended { padding: 15px; margin-bottom: 15px; }

.filter-list { border: 1px solid #bbb; padding: 2px 10px; margin-bottom: 15px; }

.search-content .form-group .form-control { height: 26px; }

.form-group button.btn.btn-default.pull-right {  padding: 2px 8px; margin-top: -26px; }

.search-content .btn {font-weight: 600;}

/**** BS Form control overwrite ****/

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #80bd41; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #80bd41;
}
.has-success .form-control {
  border-color: #80bd41;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #80bd41;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #80bd41;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #80bd41;
}
.has-success .input-group-addon {
  color: #80bd41;
  border-color: #80bd41;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #80bd41;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #004996; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #004996;
}
.has-warning .form-control {
  border-color: #004996;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #004996;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #004996;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #004996;
}
.has-warning .input-group-addon {
  color: #004996;
  border-color: #004996;
  background-color: #aadafb;
}
.has-warning .form-control-feedback {
  color: #004996;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a31f34; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a31f34;
}
.has-error .form-control {
  border-color: #a31f34;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #a31f34;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a31f34;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a31f34;
}
.has-error .input-group-addon {
  color: #a31f34;
  border-color: #a31f34;
  background-color: #ffc4ca;
}
.has-error .form-control-feedback {
  color: #a31f34;
}

@media (max-width: 991px) {     
    .form-nomobile { display: none;  }
    .form-mobile { display: block;  }

    .navbar-form { margin: 0px 0px 5px 0px; padding: 0px; width: 100%; }
    
}

/* Pagination
---------------------------------------------- */

.pagination { border-radius: 0; }
.pagination ul { padding-left: 0px; }
.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 0; }
.pagination>li>a, .pagination>li>span { 
    border-color: #fff; background-color: #bbb; color: #fff; padding: 3px 8px; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0; }

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover
{ border-color: #fff!important; background-color: #00a0df; }

/* SAME SPECIFICITY OPTION - needs to come AFTER original rule */
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: #00a0df; border-color: #fff; color: #fff; }


/* Home Carousel
----------------------------------------------- */

.slider-wrap { background-color: #f1f1f1; margin-bottom: 15px; }

@media (min-width: 1401px) { 
.slider-wrap .container { width: 1370px; }
}
@media (max-width: 1400px) { 
.slider-wrap .container { width: 100%; padding-right: 0; padding-left: 0;}
}

.carousel-inner { max-height: 636px; /*420px;*/ }

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%; }

.carousel-caption { 
    right: 20%;
    left: 0%;
    width: 380px; height: auto;
    top: 0; 
    padding: 30px 60px;    
    background-color: rgba(241, 241, 241, 0.9);
    color: #000;
    text-align: left;
    text-shadow: 0 0px 0px;
    bottom: 0; }

.carousel-caption.right { right: 0%; left: auto; }

.carousel-caption .btn { 
    color: #8d949a;
    border-color: #bbb; 
    background-color: transparent; }
.carousel-caption .btn:hover,
.carousel-caption .btn:active,
.carousel-caption .btn:focus { background-color: #bbb; color: #fff; }

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 10%; margin-left: 10px; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 10%; margin-right: 10px; }

/*.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before { content: " "; }*/
.carousel-control img { width: 16px; }

.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
    left: 0px; width: 3%; }

@media (max-width: 768px) {     
    .carousel-caption { width: 50%; padding: 15px; font-size: 10px; }
    .carousel-caption h2 { font-size: 12px; }
    #dgs-carousel { /*margin: 5px 15px 8px;*/margin: 0; }
    .carousel-caption .btn { font-size: 10px;  }
    .carousel-control { display: none; }

    
    /*.carousel-inner .item { height: 360px; }*/
}
@media (max-width: 480px) {  
.carousel-inner .item { height: auto; }

}


/* Alerts
----------------------------------------------- */
.alert { 
    border-radius: 0; 
    border: 0px;
    margin-bottom: 0;
    display: table; 
    width: 100%;
    padding: 15px 30px; }

/*div.alert:last-child { margin-bottom: 15px; }*/

body.home .alert:last-child { margin-bottom: /*0;*/15px; }

.alert-danger { background-color: #a31f34; color: #fff; }
.alert-warning { background-color: #edda35; color: #000; }

.alert .title, .alert .copy, .alert .link {display: table-cell; vertical-align: middle; }

.alert .title { width: 20%; padding-right: 15px; }
.alert .copy { padding-right: 15px; }

.alert img { width: 50px; padding-right: 5px; display: table-cell; float: left; }
.content .alert-icon img { width: 80px; margin-bottom: 2px; }

.alert h4 { 
    font-size: 28px;
    height: 40px; 
    vertical-align: middle;
    margin-bottom: 0;
    display: table-cell; }

.alert h4 span { font-weight: 600; }

.alert strong { font-size: 16px; }
.alert p { margin: 0; }

.alert .title p { font-size: 14px; font-weight: 600;}
.alert-danger p a { color: #fff; text-decoration: underline; }
.alert-warning p a { color: #000; text-decoration: underline; }

.alert-btn { float: right; line-height: 60px; }

.alert-danger .btn { color: #fff; border: 1px solid #fff; background-color: transparent; }
.alert-warning .btn { color: #000; border: 1px solid #000; background-color: transparent; }

.alert .btn-primary.focus, 
.alert .btn-primary:focus, 
.alert .btn-primary:hover, 
.alert .btn-primary:active.focus, 
.alert .btn-primary:active:focus, 
.alert .btn-primary:active:hover { background-color: #fff; color: #000; }

@media (max-width: 1200px) {     
    .alert .title { width: 25%; } .alert h4 { font-size: 26px; } .alert img { width: 40px; }
}

@media (max-width: 991px) {     
    .alert h4 { font-size: 22px; } 
}

@media (max-width: 768px) { 
    .alert { 
        margin: 0px;
        display: block;
        width: auto;  
        padding: 15px; }
    .alert .title h4 { padding-bottom: 5px; }    
    .alert .title,
    .alert .copy,
    .alert .link{ width: 100%; display: block; }
    .alert-btn { float: none; }
}

/* Accordions
----------------------------------------------- */

.panel-group .panel+.panel { margin-top: 0px; }
.panel-group .panel { border-radius: 0; }
.panel-heading a {  font-size: 14px; }

h4.panel-title { font-weight: 400; }

.list-group { padding: 5px 0; }
.list-group a { display: block; color: #000; }
.list-group a:visited { text-decoration: none;}
.list-group a:hover,
.list-group a:active,
.list-group a:focus,
.list-group .active { color: #00a0df; text-decoration: none; }

.list-group-item { border: 0px; padding: 5px 10px; }

#sidebarmenu ul.list-group { padding-left: 0; border-bottom: 0px solid #bbbbbb; }
body.home ul.list-group { padding-left:0; }

#sidebarmenu .panel.panel-default:last-child .list-group { border-bottom: 1px solid #bbbbbb!important; }
#sidebarmenu .panel.panel-default:last-child .panel-collapse { margin-bottom: 1px; }

/* Sidebar accordion and home lists */
#homepanel1 .panel-default>.panel-heading { background-color: #a31f34; }
#homepanel2 .panel-default>.panel-heading { background-color: #004996; }
#homepanel3 .panel-default>.panel-heading { background-color: #00a0df; }

body.home .sidebartab:focus, 
body.home .sidebartab:hover, 
body.home .nav>li>.sidebartab:focus, 
body.home .nav>li>.sidebartab:hover { background-color: transparent;}

body.home .sidebartab:visited,
body.home #sidebarmenu .panel-heading.active { background-color: transparent;}

#homepanel1 .list-group a:hover,
#homepanel1 .list-group a:active,
#homepanel1 .list-group a:focus,
#homepanel1 a.btn { color: #a31f34; }

#homepanel2 .list-group a:hover,
#homepanel2 .list-group a:active,
#homepanel2 .list-group a:focus,
#homepanel2 a.btn { color: #004996; }

#homepanel3 a.btn { color: #00a0df; }

#homepanel1 a.btn,
#homepanel2 a.btn,
#homepanel3 a.btn { 
    border: 0px; 
    background-color: #fff; 
    padding: 0px 10px 10px;
    text-transform: uppercase; }

#sidebarmenu .panel,
#homepanel1 .panel,
#homepanel2 .panel,
#homepanel3 .panel {
    border-width: 0px 0px 1px; 
    border-color: #fff;
    border-style: solid; }

#sidebarmenu .panel:last-child,
#homepanel1 .panel:last-child,
#homepanel2 .panel:last-child,
#homepanel3 .panel:last-child { border-width: 0; }

#sidebarmenu.panel-group,
#homepanel1.panel-group,
#homepanel2.panel-group,
#homepanel3.panel-group {
    background-color: #fff;
    border-top: 0px solid #bbbbbb;
    margin-bottom: 0; }

.panel-collapse { 
border-left: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
margin-bottom: -1px; }

/*#sidebarmenu.searchfilter .panel-collapse { border-bottom: 1px solid #bbbbbb; }*/

body.home .panel-collapse { border-bottom: 1px solid #bbbbbb; }

form.list-group { padding: 5px 10px; }

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0px; }

@media (max-width: 991px) 
{
  #homepanel1 .collapse.in {
        display: none; }

    #sidebarmenu.panel-group,
    #homepanel1.panel-group,
    #homepanel2.panel-group,
    #homepanel3.panel-group {
        /*margin-bottom: 15px;*/
    }  
}

@media (max-width: 768px) 
{

#sidebarmenu.panel-group,
#homepanel1.panel-group,
#homepanel2.panel-group,
#homepanel3.panel-group {
    margin-bottom: 0px; }   
}


.panel-default>.panel-heading { border-radius: 0; padding: 0px; }

#sidebarmenu .panel-default>.panel-heading { background-color: #8d949a; }

.sidebartab, .collapsed { display: block; }
.sidebartab { padding: 5px 10px 6px; }

.sidebartab:focus, 
.sidebartab:hover, 
.nav>li>.sidebartab:focus, 
.nav>li>.sidebartab:hover { color: #fff; text-decoration: none; background-color: #5c6770; }
.sidebartab:visited,
#sidebarmenu .panel-heading.active { color: #fff; text-decoration: none; background-color: #5c6770; }


/* White buttons */
.content .white-btn img {
    max-width: 358px!important;
    margin: 0; /*6px 2px;*/
    vertical-align: middle;
    float: left;
    display: block;

}

.white-btn a { 
    /*padding: 2px;*/ 
    /*font-size: 14px;
    font-weight: 400;*/

margin-top: 0px;
/*width:360px;*/
/*height:28px;*/
}
.white-btn {
    border-width: 1px;
    border-style: solid;
    border-color: #bbbbbb;
    overflow: hidden;
    margin-bottom: 1px;
}

.white-btn a:hover { color: #000; text-decoration: none; }

/* Content accordion */
.content-accordion .panel-default { border: 0px; }
.content-accordion .panel { box-shadow: 0 0px 0px rgba(0, 0, 0, .05) }
.content-accordion .panel-heading {
    padding: 15px 0 5px; 
    background-color: #fff; 
    border-bottom: 1px solid #00a0df; }

.content-accordion .panel-heading a.title { 
    font-weight: 300; 
    font-size: 16px; 
    display: block; }

.content-accordion .panel-heading.active { color: #00a0df; }

.content-accordion .panel-heading a.title:hover,
.content-accordion .panel-heading a.title:active,
.content-accordion .panel-heading a.title:focus { text-decoration: none; }

    .content-accordion .panel-heading [data-toggle="collapse"]:after {
        /*content: url(../img/bluecaret-acc.png);*/ /* "play" icon */
        content: '';
        background-image: url(../img/blue_caret.svg);
        background-repeat:no-repeat;
        width:14px;
        height:12px;
        float: right;
        color: #b0c5d8;
        /*font-size: 18px;
        line-height: 18px;
        display: inline-block;*/
        /* rotate "play" icon from up to down arrow */
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.content-accordion .panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from down to up arrow */
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	 line-height: 18px; }
  
.content-accordion .panel-collapse { padding-top: 15px; border: 0; }

/* FAQ */

.content-accordion.faq .panel-heading a:before { content: "Q: "; font-weight: 600; }
.content-accordion.faq p:first-child:before { content: "A: "; font-weight: 600; }


/* Data Table 
---------------------------------------------- */

table.dataTable thead th {
  vertical-align: top;
}

.content .dropdown ul { padding-left: 0; }
.content .dropdown li { padding-bottom: 0; }

#dgs-table_wrapper table.dataTable.no-footer { border-bottom: 1px solid #bbb; }
#dgs-table_wrapper table.dataTable thead th, #dgs-table_wrapper table.dataTable thead td, 
table.dataTable thead th, table.dataTable thead td  
{ border-bottom: 0px; border-right: 1px solid #fff;
background-color: #00a0df; color: #fff; padding-top: 5px; padding-left: 12px; padding-right: 12px; padding-bottom: 3px; }

table.dataTable thead th, table.dataTable thead td  
{ padding-top: 5px; padding-left: 10px; padding-right: 0; padding-bottom: 0; }

#dgs-table_wrapper table.dataTable thead th:last-child { border-right: 0;}

.table-bordered { border: 0px; }

#dgs-table_wrapper table.dataTable.nowrap th { vertical-align: middle; }

div#dgs-table_info.dataTables_info { padding-top: 28px; }
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { border-color: #fff; background-color: #f1f1f1; }

#dgs-table_filter,
.dataTables_wrapper .dataTables_length { display:none!important; }

#dgs-table_wrapper .collapsed { display: table; }

#dgs-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, #dgs-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, #dgs-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active
{ border: 0px; background-color: #f1f1f1; }

#dgs-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button { 
padding: 0;margin: 0; border-radius: 0; border: 0px; }

#dgs-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button:hover { 
    border: 0px;
    background-color: #fff; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(0%, #fff));
    background: -webkit-linear-gradient(top, #fff 0%, #fff 0%);
    background: -moz-linear-gradient(top, #fff 0%, #fff 0%);
    background: -ms-linear-gradient(top, #fff 0%, #fff 0%);
    background: -o-linear-gradient(top, #fff 0%, #fff 0%);
    background: linear-gradient(to bottom, #fff 0%, #fff 0%);    
    box-shadow: inset 0 0 0px; }

#dgs-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button:active { 
border: 0px; 
background-color: #fff; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(0%, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #fff 0%);
background: -moz-linear-gradient(top, #fff 0%, #fff 0%);
background: -ms-linear-gradient(top, #fff 0%, #fff 0%);
background: -o-linear-gradient(top, #fff 0%, #fff 0%);
background: linear-gradient(to bottom, #fff 0%, #fff 0%);    
box-shadow: inset 0 0 0px; }

#dgs-table_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, #dgs-table_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { 
    border-radius: 0px;
    box-shadow: 0 0 0px #fff;
    background-color: #00a0df;
    width: 16px; height: 16px; line-height: 16px; font-weight: 700;}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:first-child{ padding-left: 12px; }

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th
{ border-top: 1px solid #bbb; border-left: 0; border-right: 0; border-bottom: 0; }

table.dataTable tbody th, table.dataTable tbody td { padding: 8px 12px!important; }

.dataTable .version { color: #000; background-color: #fff;  }
.dataTable .version a { color: #000; }
.dataTable .version.active { color: #000; }
.dataTable .version.active a { color: #00a0df; }
.dataTable .active a { font-weight: 700; color: #00a0df}

.dataTable .active:hover,
.dataTable tr:hover,
.dataTable tr:hover a{ color: #00a0df;}

.dataTable.usertable .active:hover,
.dataTable.usertable tr:hover,
.dataTable.usertable tr:hover a{ color: inherit;}

.table-bordered>tbody>tr.version>td { border-top: 0px; }
.table-bordered>tbody>tr:first-child>td { border-top: 0px; }

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

.table-bordered>tbody>tr>td.child { border-top: 0px;}

.table>tbody>tr>td:nth-of-type(3) { 
	max-width: 180px!important; 
	word-wrap: break-all; 
	white-space: normal; }


/* Sort */

table.dataTable thead .sorting {background-image: none!important; }
table.dataTable thead .sorting:after {
    content: "\f0dc"; 
    color: #fff;
    font-family: "FontAwesome";  
    float: right; font-size: 18px; 
    vertical-align: top;
}

table.dataTable thead .sorting_asc { background-image: none!important; }
table.dataTable thead .sorting_asc:after { 
    content: "\f0de"; 
    color: #333;
    font-family: "FontAwesome";  
    float: right; font-size: 18px;}


table.dataTable thead .sorting_desc { background-image: none!important; }

table.dataTable thead .sorting_desc:after {
    content: "\f0dd"; 
    color: #333;
    font-family: "FontAwesome";  
    float: right; font-size: 18px; }

table.dataTable thead .sorting_asc_disabled { background-image: none!important; }
table.dataTable thead .sorting_asc_disabled:after {
    content: "\f0de"; 
    color: #bbb;
    font-family: "FontAwesome";  
    float: right; font-size: 18px;}

table.dataTable thead .sorting_desc_disabled { background-image: none!important; }
table.dataTable thead .sorting_desc_disabled:after { 
    content: "\f0dd"; 
    color: #bbb;
    font-family: "FontAwesome";  
    float: right; font-size: 18px;}

.cir { float: left; text-align: center; width: 27px; }

.cir .fa  { color: #00a0df; font-size: 18px; margin-top: 3px; }

.btn.datatable-btn .text {
    border-left: 1px solid #bbb;
    display: block;
    float: left;
    padding: 2px 0 0 10px;
    height: 25px;
}

.btn.datatable-btn { 
    background-color: #fff;
    height: 26px;
    padding: 0px 10px 0 0;
    color: #333;
    border-color: #bbb;
    width: 100%;
    text-align: left;
    vertical-align: middle; }

.btn.datatable-btn:hover { background-color: #bbb; }
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child { padding-left: 30px!important; }

table.dataTable>tbody>tr.child ul li { border-bottom: 0!important; }

@media (max-width: 991px) { 
    
    .btn.datatable-btn { margin-bottom: 15px; }
    #dgs-table_wrapper table.dataTable.nowrap th, 
    #dgs-table_wrapper table.dataTable.nowrap td { white-space: normal; }
    
     }


/* Content Area
----------------------------------------------- */

.section-title { 
    font-size: 24px; font-weight: 300; padding-top: 5px; padding-bottom: 17px; }

.section-title span { font-weight: 600; }

.content .section-title { font-size: 42px; }
.content { margin-bottom: 15px; }
.content .col-xs-12 { margin-bottom: 15px; }
body.home .content .col-xs-12 { margin-bottom: 5px; }

.content h2:first-child,
.content h3:first-child { margin-top: 0; }

.content-img { width: 100%; height: auto; overflow: hidden; }
.content-img-50 { width: 50%; height: auto; overflow: hidden; padding-left: 15px;  }


.content-img img { height: auto; width: 100%!important; margin-bottom: 18px; }

.content ul.boxedlist { 
    border: 1px solid #bbb /*#8d949a*/;
    padding: 20px; 
    text-align: center; margin-bottom: 15px; }

.content ul.boxedlist li { 
    list-style: none; 
    font-size: 18px;
    font-weight: 600; }

.content ul.boxedlist li:after { 
    border-bottom: 1px solid green;
    content: " ";
    width: 25%;
    display: block;
    margin: 18px auto; }

.nobreak {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }

div.multicol {
    margin-top: 15px;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px; }

.content .adr { width: 50%; float: left; padding-bottom: 5px; }

@media (max-width: 991px) {
    
.section-title { 
    font-size: 24px; 
    line-height: 1.2;
    padding-bottom: 0;
    margin-bottom: 10px; }
    
div.multicol {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; }    
.content { margin-bottom: 5px; } 
    body.home .content { margin-bottom: 10px; }
    
}

@media (max-width: 768px) { .content .adr { width: 100%; float: none; }  }

/* Portfolio - Photo Gallery
---------------------------------------------- */

.ms-showcase2-template { width: 100%!important; max-width: 1200px!important; }
.ms-lightbox-template {
	background: #fff!important;
    padding: 0px 0px 20px 0px!important;
}

/* Gallery */
.ms-slide img { padding: 15px 30px; }
.ms-slide img { filter: url(/assets/svg/shadow.svg#drop-shadow); -webkit-filter: drop-shadow(12px 12px 12px rgba(0,0,0,0.15)); filter: drop-shadow(12px 12px 12px rgba(0,0,0,0.15)); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,0.23)')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,0.13)');  }

.ms-slide .ms-slide-bgcont { overflow: visible!important; }

.ms-lightbox-template .ms-lightbox { background-size: 60%!important; }

a.pp_expand, a.pp_contract { bottom: 7px!important; top: auto !important;right: 60px !important; }

a.pp_close { right: 0px; top: 3px;}

div.pp_default .pp_social { display: none; }

.pp_gallery { margin-top: 5px!important; }

.portfolio-cat-img { border: 1px solid #bbb; margin-bottom: 15px; }

.portfolio-desc { padding: 0 15px 15px; }

.ms-skin-default .ms-nav-prev,
.ms-skin-default .ms-nav-next { 
    background-image: none!important; 
    color: #fff;
    font-size: 30px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    font-family: 'Glyphicons Halflings'; }

.ms-skin-default .ms-nav-prev:before { content: "\e079"; }
.ms-skin-default .ms-nav-next:before { content: "\e080"; }


@media (max-width: 991px)  { 
    
    .ms-lightbox-template .ms-lightbox  { display: none!important; } 
}

/* Index List
---------------------------------------------- */
.index-list ul {
    display: table;
    margin: 0px auto 30px;
    max-width: 100%;
    padding-left: 0px;
    border-left: 1px solid #bbb;
}

.index-list li {
    list-style: none;
    float: left;
    margin-left: 0px !important;
    padding: 0;
    border-top: 1px solid #bbb;
}
.index-list li a {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 2px 4px;
    font-size: 12px;
    margin-top: 0px;
    margin-right: 0px;
    display: block;
    width: 24px;
    text-align: center;
    color: #333;
    font-weight: 600;

}
.index-list li a:hover,
.index-list li.active { color: #333; text-decoration: none; background-color: #00a0df; }

.index-letter { 
    padding: 2px 4px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px; 
    display: block;
    width: 24px;
    text-align: center;
    color: #333;
    border: 1px solid #bbb; }

/* Footer
----------------------------------------------- */
    
footer { 
    background-color: #f1f1f1; 
    font-size: 10px;
    padding: 15px 0;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid #bbb; }

footer .container { padding: 0; }
footer .row { margin-left: 0; margin-right: 0; }
footer h2 a { font-size: 14px; color: #00a0df; }
footer a { color: #333; }
footer h2 { margin-top: 10px;}
footer p { margin-bottom: 5px; }

.bottom { border-top: 1px solid #bbb; margin-top: 15px;}
.bottom ul { display: inline; margin-top: 15px;}

footer li { padding-bottom: 10px;}
footer .list-inline { margin-left: 0; }
footer img.evalogo { width: 120px; }

footer li span img { width: 20px; padding-right: 5px; display: none; /* Hide for now */ }

@media (max-width: 991px) { 

	footer .navbar-nav>li>a { font-size: 9px;padding: 0 15px 15px 0px;}
	footer .navbar-nav img { width: 80px;}
    /*footer ul { display: none; }*/
    footer h2 { margin-top: 5px; margin-bottom: 5px;  }
    .bottom { margin-top: 15px; padding-top: 15px; text-align: center;}
    .bottom .pull-right { float: none!important; }
    li.logo { float: none; width: 100%; }

}	
   
@media (max-width: 768px){

    .bottom li a { padding-left: 0; padding-right: 15px; line-height: 2 }
	footer .navbar-nav>li>a { padding-top: 0; }
	footer .navbar-nav img { width: 40px; }
    footer .row { margin-left: 0; margin-right: 0; }
}


/* Additional Styles */

.dgs-pull-left
{
float: left!important;
width: 50%!important;
height: auto;
margin: .5em 1em 1em 0;
}
.dgs-pull-right
{
float: right!important;
width: 50%!important;
height: auto;
margin: .5em 0 1em 1em;
}

.dgs-pull-left-org {
    float: left !important;
    height: auto;
    margin: .5em 1em 1em 0;
}

.dgs-pull-right-org {
    float: right !important;
    height: auto;
    margin: .5em 0 1em 1em;
}

span.Form__Element__Caption {
     font-weight: bold;
}

.Form__NavigationBar__Action{
     border-radius:0!important;
     background-image: none!important;
     color: #fff!important;
}
div.ms-info h5{
    line-height: 20px!important;
    margin-bottom: 15px!important;
}
.second-col-header{
    font-weight: 500;
}
.dgs-jobs
{
    width:60px;
    height:15px!important;
}


.embed-responsive-item {

}