/* ---------- * @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); }