/* Some overrides from default bootstrap styles */ /* Some overrides from default bootstrap styles */ h1,h2,h3,h4,h5,h6{ font-weight: normal; font-family: 'Open Sans', sans-serif; } /* COMPONENTS */ /* labels */ .label, .badge { font-weight: lighter; font-size: 90%; } .label-success, .badge-success { background-color: rgb(129, 189, 130); } .label-info, .badge-info { background-color: rgb(104, 163, 213); } /* alerts */ .alert [class^="icon-"], .alert [class*=" icon-"] { font-size: 27px; position: relative; top: 4px; margin-bottom: 8px; margin-right: 17px; display: inline-block; color: #f1c359; } .alert-success [class^="icon-"], .alert-success [class*=" icon-"] { color: #81ad53; } .alert-info [class^="icon-"], .alert-info [class*=" icon-"] { color: #4993c6; } .alert-danger [class^="icon-"], .alert-danger [class*=" icon-"] { color: #d5393e; } /* code*/ code { color: rgb(78, 153, 223); } /* HTML ELEMENTS */ input, button, select, textarea { font-family: "Open Sans", Arial; } input[type="text"], input[type="password"], textarea { font-size: 13px; -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075); /*border: none; -webkit-box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0; box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;*/ } .inline-input input[type="text"], .inline-input input[type="password"], input[type="text"].inline-input, input[type="password"].inline-input { background: #fff; border-top: 0 none; border-left: 0 none; border-right: 0 none; border-bottom: 1px solid #d0dde9; border-radius: 0; box-shadow: none; border-color: #dee3ea; } .inline-input input[type="text"]:focus, .inline-input input[type="password"]:focus, input[type="text"].inline-input:focus, input[type="password"].inline-input:focus { box-shadow: none; border-color: #5d6a80; } .inline-input input[type="text"]:hover, .inline-input input[type="password"]:hover, input[type="text"].inline-input:hover, input[type="password"].inline-input:hover { border-color: #959fb0; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ border-color: #A2CEF0; -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);*/ } input[type="reset"]{ text-transform: uppercase; border:0 none; background: none; text-decoration: underline; font-size: 12px; } textarea{ background: #fff; border-color: #dee3ea; } select{ margin: 0; height: 24px; border-color: #d0dde9; border-radius: 2px; font-size: 13px; } input[type="file"] { font-size: 12px; line-height: 12px; display: inline-block; } input[disabled], textarea[disabled], input[readonly], textarea[readonly] { color: rgb(177, 177, 177); } /* native placeholders */ input:-moz-placeholder, textarea:-moz-placeholder { color: #9ba0a5; font-family: "Open Sans", Arial; font-size: 13px; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #9ba0a5; font-family: "Open Sans", Arial; font-size: 12px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #9ba0a5; font-family: "Open Sans", Arial; font-size: 12px; } /* PREPEND & APPEND INPUT */ .input-group input, .input-group input, .input-group .uneditable-input, .input-group .uneditable-input { border: 1px solid #d6e2eb; } .input-group .input-group-addon { background-color: #f2f5f9; border: 1px solid #d6e2eb; padding: 4px 8px; font-size: 13px; } /* NAVBAR */ .navbar-inverse { min-height: 48px; margin-bottom: 0px; border-radius: 0px; border-bottom: 1px solid #191e23; background: #2c3742; /* Old browsers */ background: -moz-linear-gradient(top, #2c3742 0%, #28303a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3742), color-stop(100%,#28303a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2c3742 0%,#28303a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2c3742 0%,#28303a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2c3742 0%,#28303a 100%); /* IE10+ */ background: linear-gradient(to bottom, #2c3742 0%,#28303a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3742', endColorstr='#28303a',GradientType=0 ); /* IE6-9 */ } /* navbar-nav*/ .navbar-inverse .navbar-nav { padding-right: 20px; } /* menu toggler */ .navbar-inverse .navbar-toggle { float: left; margin-top: 10px; margin-left: 15px; } /* navbar brand*/ .navbar-inverse .navbar-brand { color: #ffffff; text-transform: uppercase; font-weight: lighter; padding: 11px 20px; } .navbar-inverse .navbar-brand strong { font-weight: normal; } /* navbar links */ .navbar-inverse .nav > li > a { padding: 13px 15px 8px; border-left: 1px solid #101417; color: rgb(214, 214, 214); outline: 0px; height: 46px; transition: background .1s linear; -moz-transition: background .1s linear; /* Firefox 4 */ -webkit-transition: background .1s linear; /* Safari and Chrome */ -o-transition: background .1s linear; /* Opera */ } .navbar-inverse .nav > li > a:hover { background: rgba(25, 31, 36,0.6); } /* dropdown caret */ .dropdown .caret { position: relative; top: -1px; } /* dropdown active */ .dropdown.open > a, .dropdown.open > a:hover, .dropdown.open > a:focus { border-color: #101417; } /* dropdown menu */ .dropdown-menu > li > a { font-size: 13px; outline: none; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background: rgb(60, 91, 121) !important; } /* PAGINATION */ .pagination > li > a, .pagination > li > span { font-weight: 600; } .pagination.inverse a, .pagination.inverse span { background-color: #333e4a; color: #fff; border-top-color: #333e4a; border-bottom-color: #333e4a; border-right-color: #566676; border-left-color: #566676; } .pagination.inverse a:hover, .pagination.inverse span:hover { background-color: #000; } .pagination.inverse > li.active > a { color: #3b9ff3; background-color: #212b36; border-right-color: #212b36; border-left-color: #212b36; } /* TABLES*/ .table thead{ border-top:1px solid #dee3ea; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5fafc; } .table th.sortable { cursor: pointer; } .table th.sortable:hover { text-decoration: underline; } .table thead th{ font-weight: bold; position: relative; padding-bottom: 20px !important; padding-top: 5px !important; text-transform: uppercase; font-size: 11px; vertical-align: top !important; border-bottom: 0px !important; } .table td{ color: #526273; border-top-color: #edf2f7 !important; vertical-align: middle !important; } .table th.align-right, .table td.align-right { text-align: right; padding-right: 10px !important; } table tr.first td{ border-top: 0 none; } table th span.line{ position: absolute; top: 0; left: -8px; border-left: 1px solid #dee3ea; height: 10px; } /* modals */ .modal-backdrop.in { opacity: 0.5 !important; } /* override navbar toggle */ @media (max-width: 768px) { .navbar-toggle { display: block !important; } }