@charset "utf-8"; /* CSS Document - Bootstrap Customization for Apps and eGovernment Services */ /* Created: 2/27/2015 */ /* Approved and Released: 5/18/2015 */ /* Modified: 6/26/2015 */ /* For testing - Apply to or some other tag you want to troubleshoot */ .turnonbackgrounds * { background:rgba(0,0,0,.02); } .turnonborders * { border:1px solid #ccc; } /* Font Design - Bootstrap's default = serif */ html * { font-family:Arial, Helvetica, sans-serif; letter-spacing:.03em; } /* Login link */ .text-login a { margin-left:1.5em; } .navbar-inverse .text-login a { color:#9D9D9D; } .navbar-inverse .text-login a:hover { color:white; text-decoration:none; } /* eGov Services Assistance Buttons - Only required on the homepage */ .assistbtns { padding-bottom:1.25em; } /* Main Content - the work area. Doesn't include the footer */ .mainContent { /* This subtle gray gradient separates Main Content from the Footer and provides a slight coloration so form fields pop */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 47%, rgba(250,250,250,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(252,252,252,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 47%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 47%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 47%,rgba(250,250,250,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 47%,rgba(250,250,250,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */ border:1px solid #E0E0E0; padding:1.5em 1.5em; } /* Demo Button - required on eGov services homepage */ .demobtn { border-color:#333; border-radius:0; font-size:x-small; font-weight:bold; text-transform:uppercase; margin-bottom: 1.5em; } .demobtn .glyphicon { color:#25AD04; } /* colors the arrow */ /* Footer - Internal-facing application */ .footer { background:white; font-size:.85em; color:#9D9D9D; margin-bottom:2.5em; padding:1.5em; border:1px solid #E0E0E0; border-top:none; } .developedby {text-align:right;} @media only screen and (max-width:1199px) { .developedby { text-align:left; } } /* Footer - eGovernment Service */ /* Source: http://template.mt.gov/resources/modules/egovfooter/egovfooter.htm */ .egovfooter { background:white; border:1px solid #E0E0E0; border-top:none; padding:0; margin-bottom:2.5em; } .egovfooter li:hover { background:#eee; } .egovfooter a { font-size:.85em; } .egovfooter .logo { text-transform:uppercase; color:#6E9699; font-size:1.7em; } .egovfooter .tagline { display:block; text-transform:uppercase; color:#777; font-size:.95em; letter-spacing:.05em; margin-top:-.5em; } /* Optional background image - Apply as and point to your own image. Not intended for use on eGov services */ /* MDT Web Admins have access to images at http://www.shutterstock.com and https://www.flickr.com/photos/montanadot/sets/ */ .bgimg { background-color: #fff; background: url(/webapps/bootstrap/images/background24.jpg) no-repeat center center fixed; /* The large image - replace path */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media only screen and (max-width:748px) { .bgimg { background-image: url(/webapps/bootstrap/images/background24-sm.jpg); /* A smaller image - replace path. */ } } /* Forms */ form { margin-bottom:2em; } legend {font-size: 1.8em; letter-spacing:.025em; padding-top:1.5em; color:#6E9699;} /* use default color or change in your app css */ legend:first-of-type {padding-top:1em;} /* Text wrapping */ .text-wrap { word-wrap: break-word; } /* wraps long words and links so they fit inside a container */ /* Definition list spacing - Used on demo site */ dt { margin-top:1em; } /* MONTANA.gov Brand Colors */ .cream {color:#F6F3DF;} .bgcream {background:#F6F3DF; background:rgba(245,240,222,1);} .sage {color:#6E9799;} .bgsage {background:#6E9799; background:rgba(111,151,153,1);} .moss {color:#748655;} .bgmoss {background:#748655; background:rgba(116,133,85,1);} .gold {color:#B08600;} .bggold {background:#B08600; background:rgba(176,134,0,1);} .terra {color:#BE764A;} .bgterra {background:#BE764A; background:rgba(190,118,74,1);} .mauve {color:#C7748D;} .bgmauve {background:#C7748D; background:rgba(199,116,141,1);} .putty {color:#8A7967;} .bgputty {background:#8A7967; background:rgba(138,121,103,1);} .brown {color:#572700;} .bgbrown {background:#572700; background:rgba(87,39,0,1);} /* MDT Colors */ .orange {color:#E55302;} .bgorange {background:#E55302; background:rgba(229,83,2,1);} .navy {color:#003A69;} .bgnavy {background:#003A69; background:rgba(0,58,105,1);} /* Black and White */ .white {color:white;} .bgwhite {background:white; background:rgba(255,255,255,1);} .black {color:black;} .bgblack {background:black; background:rgba(0,0,0,1);} /*Required Okta Login*/ #okta-login a { color: #0090cb; } #okta-login a:hover { color: #0077B2; } #okta-login.login-wrapper { width: 300px; margin: 30px auto; text-align: center; } #okta-login .logo { width: 150px; margin-bottom: 10px; } #okta-login { background-color: #3A5C81; border: solid 1px #14365B; text-align: center; padding: 10px; } #okta-login .btn-danger { background: #7b1212; border: 1px solid #620000; color: #fff; } #okta-login a.btn-danger, #okta-login a.btn-danger:hover { color: #fff; } #okta-login .btn-danger:hover { background: #620000; } .login-container { background-color: #fff; padding: 20px 20px 10px 20px; } .login-container p { margin-top: 10px; } .login ul { list-style: none; margin: 0; padding: 10px; background: #fefffc; border: 1px solid #cbcdc9; text-align: left; border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -khtml-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; } .login ul li:before { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-size: 10px; font-weight: 400; line-height: 1; text-shadow: 0 1px 0 #000; color: #0C81A7; -webkit-font-smoothing: antialiased; content: "\e072"; } .login ul li { margin: 0 0 5px 0; } .login ul li a { margin: 2px 0 0 10px; }