/* ---------- *
@gray-blue: #BFD8D9;
@light-blue: #c7edfc;
@normal-blue: #3284AC;
@dark-blue: #17526F;
@darker-blue: #00293E;
@orange: #FFB84D;
@dark-orange: #e77817;
@darker-orange: #E65C00;
* ---------- */

@-ms-viewport{
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input:required, select:required {
  background-image: url(/images/required.png);
  background-repeat: no-repeat;
  background-position: 3px center;
  padding-left: 15px;
}

.no-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.smalltext {
  display: inline-block;
  vertical-align: bottom;
  line-height: 101%;
  font-size: 0.6em;
  color: gray;
}


.SiteBlindado {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 100px !important;
  height: 28px !important;
  margin-top: 18px;
}

.drop-shadow {
  -webkit-box-shadow: 0px 1px 8px 8px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0px 1px 8px 8px rgba(0, 0, 0, .4);
  -o-box-shadow: 0px 1px 8px 8px rgba(0, 0, 0, .4);
  box-shadow: 0px 1px 8px 8px rgba(0, 0, 0, .4);
}

.small-shadow {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.YellowShadow {
  box-shadow: 0px 0px 8px 8px yellow !important;
}

.no-gutter > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

.alert {
  position: relative;
  padding-left: 60px;
  min-height: 60px;
  vertical-align: top;
}

.alert ul li {
  margin-bottom: 1em;
}

.alert-MSafe {
  border: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.alert-Quadro {
  padding: 5px 5px 5px 5px !important;
  min-height: 0 !important;
  border: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.alert-red {
  background-color: #FFC7B2;
  border-color: tomato;
}

.alert-green {
  background-color: #C8F6C8;
  border-color: lightgreen;
}

.alert-blue {
  background-color: #CFEBFD;
  border-color: lightskyblue;
}

.alert-white {
  background-color: Snow;
  border-color: WhiteSmoke;
}

.alert-orange {
  background-color: #ffc680;
  border-color: darkorange;
}

.alert-gold {
  background-color: gold;
  border-color: goldenrod;
}

/**/
.alert .glyphicon {
  display: inline-block;
  font-size: 1.5em;
  padding-right: 25px;
  padding-left: 15px;
  padding-bottom: 10px;
  float: left;
  vertical-align: middle;
  text-align: center;
}
/** /
.alert .glyphicon {
  position: absolute;
  vertical-align: middle;
  display: inline-block;
  top: 0;
  left: 0;
  height: 100%;
  width: 40px;
  font-size: 1.5em;
  float: left;
  text-align: center;
}
/**/

.alert-Texto {
  display: inline-block;
  padding-left: 10px;
}

.alert-SiteManutencao {
  font-size: large;
  margin: 0 !important;
  padding-top: 2em !important;
  paddind-right: 15px !important;
  padding-bottom: 2em !important;
  padding-left: 15px !important;
  border-radius: 0 !important;
  border-width: 4px;
}

.alert-meh {
  color: dimgray !important;
  background-color: #f2f2f2 !important;
  border-color: lightgray;
}

.alert-meh:before {
  position: absolute;
  left: 10px;
  top: 0px;
  font-family: FontAwesome;
  font-size: 3em;
  content: "\0f05a";
}

.alert-success:before {
  position: absolute;
  left: 10px;
  top: 0px;
  font-family: FontAwesome;
  font-size: 3em;
  content: "\0f058";
}

.alert-warning {
  color: dimgray !important;
  background-color: LightYellow !important;
}

.alert-warning:before {
  position: absolute;
  left: 10px;
  top: 0px;
  font-family: FontAwesome;
  font-size: 3em;
  content: "\0f06a";
}

.alert-info:before {
  position: absolute;
  left: 10px;
  top: 0px;
  font-family: FontAwesome;
  font-size: 3em;
  content: "\0f05a";
}

.alert-danger:before {
  position: absolute;
  left: 10px;
  top: 0px;
  font-family: FontAwesome;
  font-size: 3em;
  content: "\0f057";
}

i.bigger {
  font-size: 2em;
}

.btn-social {
  width: 36px;
  height: 36px;
}

/* ---------------------------------------------------------------------------------------------- */
/* breadcrumb-MSafe                                                                                */
/* ---------------------------------------------------------------------------------------------- */

.breadcrumb {
  font-size: 0.9em;
}

.breadcrumb-MSafe {
  border-radius: 0px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  background-color: #DFECEC;
}

/* ---------------------------------------------------------------------------------------------- */
/* jumbotron-MSafe                                                                                */
/* ---------------------------------------------------------------------------------------------- */

.jumbotron-MSafe {
  position: relative;
  background-color: #BFD8D9 !important;
  margin-top: 0px !important;
  margin-bottom: 0.5em !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 0.6em !important;
  padding-top: 0.6em !important;
}

.jumbotron-MSafe h1,h2,h3,h4,h5,h6,p {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent;
}

.jumbotron-MSafe .h1 {
  font-size: 2em !important;
}

.jumbotron-MSafe .alert {
  margin-bottom: 5px !important;
  font-size: 0.9em !important;
}

.CompactLine {
  line-height: 1.1 !important;
  font-size: 0.6em;
  color: rgba( 0, 0, 0, 0.5 );
}

.jumbotron-MSafe .h2 {
  font-size: 1.7em !important;
}

.jumbotron-MSafe .h3 {
  font-size: 1.6em !important;
}

.jumbotron-MSafe .h4 {
  font-size: 1.5em !important;
}

.jumbotron-MSafe .h5 {
  font-size: 1.4em !important;
}

.jumbotron-MSafe .h6 {
  font-size: 1.3em !important;
}

.jumbotron-MSafe p {
  font-size: 10pt;
}

.jumbotron-MSafe-footer {
  position: relative;
  margin-top: 2em !important;
  padding-left: 20px;
  padding-right: 20px;
}

.jumbotron-MSafe-footer .panel {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

/* ---------------------------------------------------------------------------------------------- */
/* navbar-MSafe                                                                                   */
/* ---------------------------------------------------------------------------------------------- */
/*
.glyphicon-MSafe {
  display: inline-block;
  vertical-align: top;
  font-size: 1.6em;
  padding-top: 3px;
  padding-right: 3px;

  color: #17526F;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px -1px 2px rgba(0, 0, 0, 0.8);

  //inset shadow
  background-color: #1c74c4;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5), -2px -2px 0px rgba(0, 0, 0, 0.7);
}
*/

.glyphicon-MSafe {
  display: inline-block;
  vertical-align: top;
  font-size: 2.6rem;
  __padding-top: 3px;
  padding-right: 4px;

  color: white;
  __text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px -1px 2px rgba(0, 0, 0, 0.8);
  text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

.text-inset {
  text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

.glyphicon-MSafe:hover {
  color: #e77817;
}

.text-inset {
  text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

.navbar {
  margin-bottom: 0px !important;
}

.navbar-MSafe .badge {
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.navbar-MSafe {
  background-color: #1A5977;
  border-bottom: 1px solid #00293E;
  background-image: -moz-linear-gradient(bottom, #3284AC, #17526F);
  background-image: -webkit-linear-gradient(bottom, #3284AC, #17526F);
  background-image: linear-gradient(to bottom, #3284AC, #17526F);
  /*
  background-color: #1c74c4;
  border-color: #1863a7;
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  */
}

.navbar-MSafe .navbar-brand {
  color: #ffffff;
  position: relative;
  width: 65px;
  overflow: hidden;
}

.navbar-MSafe .navbar-brand:hover,
.navbar-MSafe .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}

.navbar-MSafe .navbar-text {
  color: #ffffff;
}

.navbar-MSafe .navbar-nav > li:last-child > a {
}

.navbar-MSafe .navbar-nav {
}

.navbar-MSafe .navbar-nav > li > a {
  padding-top: 6px !important;
  padding-bottom: 3px !important;
  padding-left: 8px !important;
  padding-right: 0px !important;

  display: inline-block;
  vertical-align: top;
  font-size: 10pt;

  -border: 1px dotted white;

  color: #ffffff;
}

.navbar-MSafe .navbar-nav > li > a:hover,
.navbar-MSafe .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-MSafe .navbar-nav > .active > a,
.navbar-MSafe .navbar-nav > .active > a:hover,
.navbar-MSafe .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #1863a7;
}

.navbar-MSafe .navbar-nav > .disabled > a,
.navbar-MSafe .navbar-nav > .disabled > a:hover,
.navbar-MSafe .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: silver;
}

.navbar-MSafe .navbar-toggle {
  border-color: #dddddd;
}

.navbar-MSafe .navbar-toggle:hover,
.navbar-MSafe .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-MSafe .navbar-toggle .icon-bar {
  background-color: #cccccc;
}

.navbar-MSafe .navbar-collapse,
.navbar-MSafe .navbar-form {
  border-color: #1862a5;
}

.navbar-MSafe .navbar-nav > .dropdown > a:hover .caret,
.navbar-MSafe .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-MSafe .navbar-nav > .open > a,
.navbar-MSafe .navbar-nav > .open > a:hover,
.navbar-MSafe .navbar-nav > .open > a:focus {
  background-color: #1863a7;
  color: #ffffff;
}

.navbar-MSafe .navbar-nav > .open > a .caret,
.navbar-MSafe .navbar-nav > .open > a:hover .caret,
.navbar-MSafe .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-MSafe .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

  .navbar-MSafe .navbar-nav .dropdown-menu {
    background-color: white;
  }


@media (max-width: 767) {
  .navbar-MSafe .navbar-nav .dropdown-menu {
    background-color: white;
  }

  .navbar-MSafe .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
    background-color: white;
  }

  .navbar-MSafe .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-MSafe .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }

  .navbar-MSafe .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-MSafe .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-MSafe .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #1863a7;
  }

  .navbar-MSafe .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-MSafe .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-MSafe .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: white;
  }
}

.navbar-MSafe .navbar-link {
  color: #ffffff;
}

.navbar-MSafe .navbar-link:hover {
  color: #ffffff;
}

.fatbottom {
  margin-bottom: 1em;
}

.fattop {
  margin-top: 1em;
}


.Matrix_Col {
  float: none !important;
  display: inline-block;
  font-size: 0.8em;
  vertical-align: bottom;
  margin: 5px 5px 5px 5px;
  padding: 10px 5px 5px 5px;
  text-align: center;
  width: 90px;
  height: 100%;
}

.img-hoverinvert {}
.img-hoverinvert:hover {
  filter: invert(1);
}