1/**
  2 * WHMCS Bootstrap Override Sheet
  3 *
  4 * These styles override Bootstrap's defaults.
  5 *
  6 * @author    WHMCS Limited <development@whmcs.com>
  7 * @copyright Copyright (c) WHMCS Limited 2005-2016
  8 * @license   http://www.whmcs.com/license/
  9 */
 10
 11body,
 12input,
 13button,
 14select,
 15textarea {
 16  font-family: "Open Sans", Verdana, Tahoma, serif;
 17  color: #333333;
 18}
 19
 20h1,
 21h2,
 22h3,
 23h4,
 24h5,
 25h6 {
 26    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
 27    font-weight: 700;
 28}
 29
 30.container-fluid.without-padding {
 31    padding-left: 0;
 32    padding-right: 0;
 33    overflow-x: hidden;
 34}
 35
 36.navbar-main {
 37    margin-bottom: 0;
 38    background-color: #0e5077;
 39    border: 0;
 40    min-height: 38px;
 41    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
 42    font-size: 15px;
 43}
 44.navbar-main li.account {
 45    background-color: #043d5f;
 46}
 47
 48.navbar-main .navbar-nav > li > a {
 49    color: #fff;
 50}
 51
 52.navbar-main .navbar-nav > li > a {
 53    padding-top: 9px;
 54    padding-bottom: 9px;
 55}
 56
 57.navbar-main .navbar-nav > li > a:hover,
 58.navbar-main .navbar-nav > li > a:focus,
 59.navbar-main .navbar-nav > .active > a,
 60.navbar-main .navbar-nav > .active > a:hover,
 61.navbar-main .navbar-nav > .active > a:focus,
 62.navbar-main .navbar-nav > .open > a,
 63.navbar-main .navbar-nav > .open > a:hover,
 64.navbar-main .navbar-nav > .open > a:focus {
 65    color: #eee;
 66    background-color: #043d5f;
 67}
 68
 69#main-menu .navbar-nav {
 70    margin-left: -15px;
 71    margin-right: -15px;
 72}
 73
 74.navbar-main .dropdown-menu {
 75    padding: 3px 0;
 76    border-top: 0;
 77    border-radius: 0;
 78}
 79.navbar-main .navbar-nav .dropdown-menu > li > a:hover,
 80.navbar-main .navbar-nav .dropdown-menu > li > a:focus,
 81.navbar-main .navbar-nav .dropdown-menu > .active > a,
 82.navbar-main .navbar-nav .dropdown-menu > .active > a:hover,
 83.navbar-main .navbar-nav .dropdown-menu > .active > a:focus,
 84.navbar-main .navbar-nav .dropdown-menu > .open > a,
 85.navbar-main .navbar-nav .dropdown-menu > .open > a:hover,
 86.navbar-main .navbar-nav .dropdown-menu > .open > a:focus {
 87    color: #333;
 88    background-color: #eee;
 89}
 90
 91@media (max-width: 767px) {
 92    .navbar-main .navbar-nav .open .dropdown-menu > li > a {
 93        color: #ddd;
 94    }
 95    .navbar-main .navbar-nav .open .dropdown-menu > li > a:hover {
 96        color: #fff;
 97    }
 98}
 99
100@media (max-width: 991px) {
101    .navbar-header {
102        float: none;
103    }
104    .navbar-left,.navbar-right {
105        float: none !important;
106    }
107    .navbar-toggle {
108        display: block;
109    }
110    .navbar-collapse {
111        border-top: 1px solid transparent;
112        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
113    }
114    .navbar-fixed-top {
115        top: 0;
116        border-width: 0 0 1px;
117    }
118    .navbar-collapse.collapse {
119        display: none!important;
120    }
121    .navbar-nav {
122        float: none!important;
123        margin-top: 7px;
124    }
125    .navbar-nav>li {
126        float: none;
127    }
128    .navbar-nav>li>a {
129        padding-top: 10px;
130        padding-bottom: 10px;
131    }
132    .collapse.in{
133        display:block !important;
134        margin-bottom: 10px;
135    }
136}
137
138.panel {
139  font-size: 0.9em;
140}
141
142.list-group {
143  font-size: 0.9em;
144}
145.list-group-item {
146    border-color: #f5f5f5;
147}
148.list-group-item .badge {
149    background-color: transparent;
150    color: #666;
151}
152a.list-group-item.active,
153a.list-group-item.active:hover,
154a.list-group-item.active:focus {
155    background-color: #465054;
156    border-color: #465054;
157}
158
159
160.pagination {
161    font-size: 0.8em;
162}
163
164.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
165    color: white;
166    background-color: #006687;
167    border-color: #006687;
168}
169
170.navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
171    text-decoration: none;
172    color: #fff;
173    background-color: #006687;
174}
175
176.label {
177    border-radius: 0;
178}
179
180input[type='file'].form-control {
181    height: inherit;
182    margin-bottom: 5px;
183}
184
185.list-group-item {
186    padding: 7px 15px;
187}
188.panel-body {
189    padding: 10px 15px;
190}
191
192/*
193 * We use a larger font-size than the bootstrap default, which requires an increase
194 * in the top offset to maintain correct alignment in form control feedback.
195 */
196.has-feedback label ~ .form-control-feedback {
197    top: 27px !important;
198}
199
200.list-group-item > i.far.fa-circle {
201    color: #808080;
202}
203
204.has-error button {
205    border-color: #a94442;
206    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
207    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
208}
209
210/*
211 * Language strings which are too long to fit into buttons should be "chopped off" inside the div
212 * of that button, instead of "overflowing" outside of the button.  CORE-9272
213 */
214.btn {
215    overflow: hidden;
216}
217