github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/css/theme-components-md.css (about) 1 /********************************* 2 METRONIC ROUNDED STYLE COMPONENTS 3 *********************************/ 4 /*** 5 General reset 6 ***/ 7 /* Set default body */ 8 body { 9 color: #333333; 10 font-family: "Open Sans", sans-serif; 11 padding: 0px !important; 12 margin: 0px !important; 13 font-size: 13px; 14 direction: ltr; 15 } 16 17 /* 18 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 19 properly apply the media queries in Bootstrap's CSS. To address this, 20 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix. 21 */ 22 @-webkit-viewport { 23 width: device-width; 24 } 25 @-moz-viewport { 26 width: device-width; 27 } 28 @-ms-viewport { 29 width: device-width; 30 } 31 @-o-viewport { 32 width: device-width; 33 } 34 @viewport { 35 width: device-width; 36 } 37 /* 38 Internet Explorer 10 doesn't differentiate device width from viewport width, 39 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 40 */ 41 @-ms-viewport { 42 width: auto !important; 43 } 44 .md-shadow-z-1, .alert, .badge, .btn, .btn-group > .btn, .btn.btn-link:hover, .icon-btn, .label, .list-group1, .note, .social-icons li > a, .social-icons.social-icons-color > li > a, .well { 45 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); 46 } 47 48 .md-shadow-z-1-i { 49 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important; 50 } 51 52 .md-shadow-z-1-hover { 53 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22); 54 } 55 56 .md-shadow-z-2, .ver-inline-menu, .panel, .popover, .portlet { 57 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22); 58 } 59 60 .md-shadow-z-2-i, .dropdown-menu, .btn-group > .dropdown-menu { 61 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important; 62 } 63 64 .md-shadow-z-2-hover, .btn:hover, .icon-btn:hover, .social-icons li:hover > a, .social-icons.social-icons-color > li > a:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.grey > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover, .portlet.box.purple > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover { 65 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26); 66 } 67 68 .md-shadow-z-3, .modal .modal-content { 69 box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23); 70 } 71 72 .md-shadow-z-3-i { 73 box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important; 74 } 75 76 .md-shadow-z-3-hover, .btn:active, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red-pink > .portlet-title > .actions .btn-default:active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active, .portlet.box.red-intense > .portlet-title > .actions .btn-default:active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active, .portlet.box.red-soft > .portlet-title > .actions .btn-default:active, .portlet.box.red-haze > .portlet-title > .actions .btn-default:active, .portlet.box.yellow > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:active { 77 box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26); 78 } 79 80 .md-shadow-z-4 { 81 box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22); 82 } 83 84 .md-shadow-z-4-i { 85 box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important; 86 } 87 88 .md-shadow-z-5 { 89 box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22); 90 } 91 92 .md-shadow-z-5-i { 93 box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important; 94 } 95 96 .md-shadow-none { 97 box-shadow: none !important; 98 } 99 100 .md-click-circle { 101 display: block; 102 position: absolute; 103 background: rgba(0, 0, 0, 0.2); 104 border-radius: 50%; 105 -webkit-animation: scale(0); 106 -moz-transform: scale(0); 107 transform: scale(0); 108 } 109 .md-click-circle.md-click-animate { 110 -webkit-animation: mdClickEffect 0.55s linear; 111 -moz-animation: mdClickEffect 0.55s linear; 112 animation: mdClickEffect 0.55s linear; 113 } 114 115 @-webkit-keyframes mdClickEffect { 116 100% { 117 opacity: 0; 118 -webkit-transform: scale(1.5); 119 } 120 } 121 @-moz-keyframes mdClickEffect { 122 100% { 123 opacity: 0; 124 -moz-transform: scale(2.5); 125 } 126 } 127 @keyframes mdClickEffect { 128 100% { 129 opacity: 0; 130 transform: scale(2.5); 131 } 132 } 133 .form-group.form-md-line-input { 134 position: relative; 135 margin: 0 0 35px 0; 136 padding-top: 20px; 137 } 138 .form-horizontal .form-group.form-md-line-input { 139 padding-top: 10px; 140 margin-bottom: 20px; 141 margin: 0 -15px 20px -15px; 142 } 143 .form-horizontal .form-group.form-md-line-input > label { 144 padding-top: 5px; 145 font-size: 13px; 146 color: #888888; 147 opacity: 1 ; 148 filter: alpha(opacity=100) ; 149 } 150 .form-group.form-md-line-input:last-child { 151 margin-bottom: 0; 152 } 153 .form-group.form-md-line-input + .input-icon { 154 padding-top: 0; 155 } 156 .form-group.form-md-line-input > .input-icon { 157 padding-top: 20px; 158 } 159 .form-group.form-md-line-input > .input-icon > i { 160 left: 0; 161 bottom: 0; 162 margin: 11px 2px 10px 10px; 163 color: #888888; 164 } 165 .form-group.form-md-line-input > .input-icon.right > i { 166 left: auto; 167 right: 8px; 168 margin: 11px 2px 10px 10px; 169 } 170 .form-group.form-md-line-input .form-control { 171 background: none; 172 border: 0; 173 border-bottom: 1px solid #e5e5e5; 174 -webkit-border-radius: 0; 175 -moz-border-radius: 0; 176 -ms-border-radius: 0; 177 -o-border-radius: 0; 178 border-radius: 0; 179 color: #333; 180 box-shadow: none; 181 padding-left: 0; 182 padding-right: 0; 183 font-size: 16px; 184 } 185 .form-group.form-md-line-input .form-control::-moz-placeholder { 186 color: #999; 187 opacity: 1; 188 } 189 .form-group.form-md-line-input .form-control:-ms-input-placeholder { 190 color: #999; 191 } 192 .form-group.form-md-line-input .form-control::-webkit-input-placeholder { 193 color: #999; 194 } 195 .form-group.form-md-line-input .form-control.form-control-static { 196 border-bottom: 0; 197 } 198 .form-group.form-md-line-input .form-control.input-sm { 199 font-size: 14px; 200 padding: 6px 0; 201 } 202 .form-group.form-md-line-input .form-control.input-lg { 203 font-size: 20px; 204 padding: 14px 0; 205 } 206 .form-group.form-md-line-input .form-control ~ label, 207 .form-group.form-md-line-input .form-control ~ .form-control-focus { 208 width: 100%; 209 position: absolute; 210 left: 0; 211 bottom: 0; 212 pointer-events: none; 213 } 214 .form-horizontal .form-group.form-md-line-input .form-control ~ label, .form-horizontal 215 .form-group.form-md-line-input .form-control ~ .form-control-focus { 216 width: auto; 217 left: 15px; 218 right: 15px; 219 } 220 .form-group.form-md-line-input .form-control ~ label:after, 221 .form-group.form-md-line-input .form-control ~ .form-control-focus:after { 222 content: ''; 223 position: absolute; 224 z-index: 5; 225 bottom: 0; 226 left: 50%; 227 width: 0; 228 height: 2px; 229 width: 0; 230 visibility: hidden; 231 transition: 0.2s ease all; 232 } 233 .form-group.form-md-line-input .form-control ~ label { 234 top: 0; 235 margin-bottom: 0; 236 font-size: 13px; 237 color: #888888; 238 opacity: 1 ; 239 filter: alpha(opacity=100) ; 240 } 241 .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, 242 .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label, 243 .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label, 244 .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus { 245 color: #888888; 246 } 247 .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after, 248 .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after, 249 .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after, 250 .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after { 251 visibility: visible; 252 left: 0; 253 width: 100%; 254 background: #26A69A; 255 } 256 .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label { 257 opacity: 1 ; 258 filter: alpha(opacity=100) ; 259 } 260 .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block { 261 color: #26A69A; 262 opacity: 1 ; 263 filter: alpha(opacity=100) ; 264 } 265 .form-group.form-md-line-input .form-control[readonly], .form-group.form-md-line-input .form-control[disabled], fieldset[disabled] .form-group.form-md-line-input .form-control { 266 background: none; 267 cursor: not-allowed; 268 border-bottom: 1px dashed #e5e5e5; 269 } 270 .form-group.form-md-line-input.form-md-floating-label .form-control ~ label { 271 font-size: 16px; 272 top: 25px; 273 transition: 0.2s ease all; 274 color: #999; 275 } 276 .form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label { 277 top: 0; 278 font-size: 13px; 279 } 280 .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label { 281 font-size: 14px; 282 top: 24px; 283 } 284 .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label { 285 top: 0; 286 font-size: 13px; 287 } 288 .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label { 289 font-size: 20px; 290 top: 30px; 291 } 292 .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label { 293 top: 0; 294 font-size: 13px; 295 } 296 .form-group.form-md-line-input.form-md-floating-label .input-icon > label { 297 padding-left: 34px; 298 } 299 .form-group.form-md-line-input.form-md-floating-label .input-icon.right > label { 300 padding-left: 0; 301 padding-right: 34px; 302 } 303 .form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label { 304 padding-left: 34px; 305 } 306 .form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label { 307 padding-right: 34px; 308 } 309 .form-group.form-md-line-input > .input-icon > i { 310 margin-top: 9px; 311 } 312 .form-group.form-md-line-input > .input-icon .form-control { 313 padding-left: 34px; 314 } 315 .form-group.form-md-line-input > .input-icon.right .form-control { 316 padding-left: 0; 317 padding-right: 34px; 318 } 319 .form-group.form-md-line-input .help-block { 320 position: absolute; 321 margin: 2px 0 0 0; 322 opacity: 0 ; 323 filter: alpha(opacity=0) ; 324 font-size: 13px; 325 } 326 .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after, 327 .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after, 328 .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after, 329 .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after, 330 .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after { 331 background: #26A69A; 332 } 333 .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label { 334 color: #26A69A; 335 } 336 .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i { 337 color: #26A69A; 338 } 339 .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block { 340 color: #26A69A; 341 } 342 .form-group.form-md-line-input.has-success .input-group-addon { 343 color: #26A69A; 344 } 345 .form-horizontal .form-group.form-md-line-input.has-success > label { 346 color: #26A69A; 347 } 348 .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after, 349 .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after, 350 .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after, 351 .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after, 352 .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after { 353 background: #ff5722; 354 } 355 .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label { 356 color: #ff5722; 357 } 358 .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ i { 359 color: #ff5722; 360 } 361 .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block { 362 color: #ff5722; 363 } 364 .form-group.form-md-line-input.has-warning .input-group-addon { 365 color: #ff5722; 366 } 367 .form-horizontal .form-group.form-md-line-input.has-warning > label { 368 color: #ff5722; 369 } 370 .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after, 371 .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after, 372 .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after, 373 .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after, 374 .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after { 375 background: #F3565D; 376 } 377 .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label { 378 color: #F3565D; 379 } 380 .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ i { 381 color: #F3565D; 382 } 383 .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block { 384 color: #F3565D; 385 } 386 .form-group.form-md-line-input.has-error .input-group-addon { 387 color: #F3565D; 388 } 389 .form-horizontal .form-group.form-md-line-input.has-error > label { 390 color: #F3565D; 391 } 392 .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after, 393 .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after, 394 .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after, 395 .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after, 396 .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after { 397 background: #89C4F4; 398 } 399 .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label { 400 color: #89C4F4; 401 } 402 .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i { 403 color: #89C4F4; 404 } 405 .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block { 406 color: #89C4F4; 407 } 408 .form-group.form-md-line-input.has-info .input-group-addon { 409 color: #89C4F4; 410 } 411 .form-horizontal .form-group.form-md-line-input.has-info > label { 412 color: #89C4F4; 413 } 414 .form-group.form-md-line-input + .input-group { 415 padding-top: 0; 416 } 417 .form-group.form-md-line-input .input-group { 418 padding-top: 20px; 419 } 420 .form-group.form-md-line-input .input-group .input-group-addon { 421 -webkit-border-radius: 0; 422 -moz-border-radius: 0; 423 -ms-border-radius: 0; 424 -o-border-radius: 0; 425 border-radius: 0; 426 background: none; 427 border: 0; 428 border-bottom: 1px solid #e5e5e5; 429 } 430 .form-group.form-md-line-input .input-group + .input-group-control { 431 padding-top: 0; 432 } 433 .form-group.form-md-line-input .input-group .input-group-control { 434 padding-top: 20px; 435 position: relative; 436 display: table-cell; 437 vertical-align: bottom; 438 } 439 .form-group.form-md-line-input .input-group .input-group-btn .btn { 440 -webkit-border-radius: 2px; 441 -moz-border-radius: 2px; 442 -ms-border-radius: 2px; 443 -o-border-radius: 2px; 444 border-radius: 2px; 445 } 446 .form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn { 447 margin-right: 10px; 448 margin-bottom: -20px; 449 } 450 .form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn { 451 margin-left: 10px; 452 margin-bottom: -20px; 453 } 454 .form-group.form-md-line-input .input-group.input-group-sm .input-group-btn .btn { 455 margin-bottom: -20px; 456 } 457 .form-group.form-md-line-input .input-group.input-group-lg .input-group-btn .btn { 458 margin-bottom: -20px; 459 } 460 461 .form-inline .form-md-line-input { 462 margin: 0; 463 padding-top: 0; 464 margin-right: 20px; 465 } 466 .form-inline .form-md-line-input > .input-icon { 467 padding: 0; 468 } 469 470 .form-horizontal .form-group.form-md-line-input .input-icon .form-control { 471 padding-left: 33px; 472 } 473 .form-horizontal .form-group.form-md-line-input .input-icon > i { 474 top: 0; 475 } 476 .form-horizontal .form-group.form-md-line-input .input-icon.right .form-control { 477 padding-left: 0; 478 padding-right: 33px; 479 } 480 .form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus { 481 left: 0 !important; 482 right: 0 !important; 483 } 484 .form-horizontal .form-group.form-md-line-input .input-group { 485 padding-top: 0; 486 } 487 .form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn { 488 margin-bottom: 0 !important; 489 } 490 .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control { 491 padding-top: 0; 492 } 493 .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus { 494 left: 0 !important; 495 right: 0 !important; 496 } 497 .form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus { 498 left: 0 !important; 499 right: 0 !important; 500 } 501 502 .md-checkbox { 503 position: relative; 504 /* handling click events */ 505 /* when checkbox is checked */ 506 } 507 .md-checkbox.md-checkbox-inline { 508 display: inline-block; 509 } 510 .form-inline .md-checkbox.md-checkbox-inline { 511 margin-right: 20px; 512 top: 3px; 513 } 514 .md-checkbox input[type=checkbox] { 515 visibility: hidden; 516 position: absolute; 517 } 518 .md-checkbox label { 519 cursor: pointer; 520 padding-left: 30px; 521 } 522 .md-checkbox label > span { 523 display: block; 524 position: absolute; 525 left: 0; 526 -webkit-transition-duration: 0.3s; 527 -moz-transition-duration: 0.3s; 528 transition-duration: 0.3s; 529 } 530 .md-checkbox label > span.inc { 531 background: #fff; 532 left: -20px; 533 top: -20px; 534 height: 60px; 535 width: 60px; 536 opacity: 0; 537 border-radius: 50% !important; 538 -moz-border-radius: 50% !important; 539 -webkit-border-radius: 50% !important; 540 } 541 .md-checkbox label > .box { 542 top: 0px; 543 border: 2px solid #666; 544 height: 20px; 545 width: 20px; 546 z-index: 5; 547 -webkit-transition-delay: 0.2s; 548 -moz-transition-delay: 0.2s; 549 transition-delay: 0.2s; 550 } 551 .md-checkbox label > .check { 552 top: -4px; 553 left: 6px; 554 width: 10px; 555 height: 20px; 556 border: 2px solid #26A69A; 557 border-top: none; 558 border-left: none; 559 opacity: 0; 560 z-index: 5; 561 -webkit-transform: rotate(180deg); 562 -moz-transform: rotate(180deg); 563 transform: rotate(180deg); 564 -webkit-transition-delay: 0.3s; 565 -moz-transition-delay: 0.3s; 566 transition-delay: 0.3s; 567 } 568 .md-checkbox label > span.inc { 569 -webkit-animation: growCircle 0.3s ease; 570 -moz-animation: growCircle 0.3s ease; 571 animation: growCircle 0.3s ease; 572 } 573 .md-checkbox input[type=checkbox]:checked ~ label > .box { 574 opacity: 0; 575 -webkit-transform: scale(0) rotate(-180deg); 576 -moz-transform: scale(0) rotate(-180deg); 577 transform: scale(0) rotate(-180deg); 578 } 579 .md-checkbox input[type=checkbox]:checked ~ label > .check { 580 opacity: 1; 581 -webkit-transform: scale(1) rotate(45deg); 582 -moz-transform: scale(1) rotate(45deg); 583 transform: scale(1) rotate(45deg); 584 } 585 .md-checkbox input[type=checkbox]:disabled ~ label, 586 .md-checkbox input[type=checkbox][disabled] ~ label { 587 cursor: not-allowed; 588 opacity: 0.7 ; 589 filter: alpha(opacity=70) ; 590 } 591 .md-checkbox input[type=checkbox]:disabled ~ label > .box, 592 .md-checkbox input[type=checkbox][disabled] ~ label > .box { 593 cursor: not-allowed; 594 opacity: 0.7 ; 595 filter: alpha(opacity=70) ; 596 } 597 .md-checkbox input[type=checkbox]:disabled:checked ~ label > .check, 598 .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check { 599 cursor: not-allowed; 600 opacity: 0.7 ; 601 filter: alpha(opacity=70) ; 602 } 603 .md-checkbox.has-error label { 604 color: #F3565D; 605 } 606 .md-checkbox.has-error label > .box { 607 border-color: #f13e64; 608 } 609 .md-checkbox.has-error label > .check { 610 border-color: #F3565D; 611 } 612 .md-checkbox.has-info label { 613 color: #89C4F4; 614 } 615 .md-checkbox.has-info label > .box { 616 border-color: #68caf1; 617 } 618 .md-checkbox.has-info label > .check { 619 border-color: #89C4F4; 620 } 621 .md-checkbox.has-success label { 622 color: #26A69A; 623 } 624 .md-checkbox.has-success label > .box { 625 border-color: #219174; 626 } 627 .md-checkbox.has-success label > .check { 628 border-color: #26A69A; 629 } 630 .md-checkbox.has-warning label { 631 color: #ff5722; 632 } 633 .md-checkbox.has-warning label > .box { 634 border-color: #ff1b08; 635 } 636 .md-checkbox.has-warning label > .check { 637 border-color: #ff5722; 638 } 639 640 .form-md-checkboxes > label { 641 font-size: 13px; 642 color: #888888; 643 opacity: 1 ; 644 filter: alpha(opacity=100) ; 645 } 646 .form-md-checkboxes.has-error > label { 647 color: #F3565D; 648 } 649 .form-md-checkboxes.has-info > label { 650 color: #89C4F4; 651 } 652 .form-md-checkboxes.has-success > label { 653 color: #26A69A; 654 } 655 .form-md-checkboxes.has-warning > label { 656 color: #ff5722; 657 } 658 659 .md-checkbox-list { 660 margin: 10px 0; 661 } 662 .form-horizontal .md-checkbox-list { 663 margin-top: 0px; 664 } 665 .md-checkbox-list .md-checkbox { 666 display: block; 667 margin-bottom: 10px; 668 } 669 670 .md-checkbox-inline { 671 margin: 10px 0; 672 } 673 .form-horizontal .md-checkbox-inline { 674 margin-top: 5px; 675 } 676 .md-checkbox-inline .md-checkbox { 677 display: inline-block; 678 margin-right: 20px; 679 } 680 .md-checkbox-inline .md-checkbox:last-child { 681 margin-right: 0; 682 } 683 684 /* bubble animation */ 685 @-webkit-keyframes growCircle { 686 0%, 100% { 687 -webkit-transform: scale(0); 688 opacity: 1; 689 } 690 70% { 691 background: #eee; 692 -webkit-transform: scale(1.25); 693 } 694 } 695 @-moz-keyframes growCircle { 696 0%, 100% { 697 -moz-transform: scale(0); 698 opacity: 1; 699 } 700 70% { 701 background: #eee; 702 -moz-transform: scale(1.25); 703 } 704 } 705 @keyframes growCircle { 706 0%, 100% { 707 transform: scale(0); 708 opacity: 1; 709 } 710 70% { 711 background: #eee; 712 transform: scale(1.25); 713 } 714 } 715 .md-radio { 716 position: relative; 717 /* handling click events */ 718 /* when radio is checked */ 719 } 720 .md-radio input[type=radio] { 721 visibility: hidden; 722 position: absolute; 723 } 724 .md-radio label { 725 cursor: pointer; 726 padding-left: 30px; 727 } 728 .md-radio label > span { 729 display: block; 730 position: absolute; 731 left: 0; 732 -webkit-transition-duration: 0.3s; 733 -moz-transition-duration: 0.3s; 734 transition-duration: 0.3s; 735 } 736 .md-radio label > span.inc { 737 background: #fff; 738 left: -20px; 739 top: -20px; 740 height: 60px; 741 width: 60px; 742 opacity: 0; 743 border-radius: 50% !important; 744 -moz-border-radius: 50% !important; 745 -webkit-border-radius: 50% !important; 746 } 747 .md-radio label > .box { 748 top: 0px; 749 border: 2px solid #666; 750 height: 20px; 751 width: 20px; 752 border-radius: 50% !important; 753 -moz-border-radius: 50% !important; 754 -webkit-border-radius: 50% !important; 755 z-index: 5; 756 } 757 .md-radio label > .check { 758 top: 5px; 759 left: 5px; 760 width: 10px; 761 height: 10px; 762 background: #26A69A; 763 opacity: 0; 764 z-index: 6; 765 border-radius: 50% !important; 766 -moz-border-radius: 50% !important; 767 -webkit-border-radius: 50% !important; 768 -webkit-transform: scale(0); 769 -moz-transform: scale(0); 770 transform: scale(0); 771 } 772 .md-radio label > span.inc { 773 -webkit-animation: growCircleRadio 0.3s ease; 774 -moz-animation: growCircleRadio 0.3s ease; 775 animation: growCircleRadio 0.3s ease; 776 } 777 .md-radio input[type=radio]:checked ~ label > .check { 778 opacity: 1; 779 -webkit-transform: scale(1); 780 -moz-transform: scale(1); 781 transform: scale(1); 782 } 783 .md-radio input[type=radio]:disabled ~ label, 784 .md-radio input[type=radio][disabled] ~ label { 785 cursor: not-allowed; 786 opacity: 0.7 ; 787 filter: alpha(opacity=70) ; 788 } 789 .md-radio input[type=radio]:disabled ~ label > .box, 790 .md-radio input[type=radio][disabled] ~ label > .box { 791 cursor: not-allowed; 792 opacity: 0.7 ; 793 filter: alpha(opacity=70) ; 794 } 795 .md-radio input[type=radio]:disabled:checked ~ label > .check, 796 .md-radio input[type=radio][disabled]:checked ~ label > .check { 797 cursor: not-allowed; 798 opacity: 0.7 ; 799 filter: alpha(opacity=70) ; 800 } 801 .md-radio.has-error label { 802 color: #F3565D; 803 } 804 .md-radio.has-error label > .box { 805 border-color: #f13e64; 806 } 807 .md-radio.has-error label > .check { 808 background: #F3565D; 809 } 810 .md-radio.has-info label { 811 color: #89C4F4; 812 } 813 .md-radio.has-info label > .box { 814 border-color: #68caf1; 815 } 816 .md-radio.has-info label > .check { 817 background: #89C4F4; 818 } 819 .md-radio.has-success label { 820 color: #26A69A; 821 } 822 .md-radio.has-success label > .box { 823 border-color: #219174; 824 } 825 .md-radio.has-success label > .check { 826 background: #26A69A; 827 } 828 .md-radio.has-warning label { 829 color: #ff5722; 830 } 831 .md-radio.has-warning label > .box { 832 border-color: #ff1b08; 833 } 834 .md-radio.has-warning label > .check { 835 background: #ff5722; 836 } 837 838 .form-md-radios > label { 839 font-size: 13px; 840 color: #888888; 841 opacity: 1 ; 842 filter: alpha(opacity=100) ; 843 } 844 .form-md-radios.has-error > label { 845 color: #F3565D; 846 } 847 .form-md-radios.has-info > label { 848 color: #89C4F4; 849 } 850 .form-md-radios.has-success > label { 851 color: #26A69A; 852 } 853 .form-md-radios.has-warning > label { 854 color: #ff5722; 855 } 856 857 .md-radio-list { 858 margin: 10px 0; 859 } 860 .form-horizontal .md-radio-list { 861 margin-top: 0px; 862 } 863 .md-radio-list .md-radio { 864 display: block; 865 margin-bottom: 10px; 866 } 867 868 .md-radio-inline { 869 margin: 10px 0; 870 } 871 .form-horizontal .md-radio-inline { 872 margin-top: 5px; 873 } 874 .md-radio-inline .md-radio { 875 display: inline-block; 876 margin-right: 20px; 877 } 878 .md-radio-inline .md-radio:last-child { 879 margin-right: 0; 880 } 881 882 /* bubble animation */ 883 @-webkit-keyframes growCircleRadio { 884 0%, 100% { 885 -webkit-transform: scale(0); 886 opacity: 1; 887 } 888 70% { 889 background: #eee; 890 -webkit-transform: scale(1.25); 891 } 892 } 893 @-moz-keyframes growCircleRadio { 894 0%, 100% { 895 -moz-transform: scale(0); 896 opacity: 1; 897 } 898 70% { 899 background: #eee; 900 -moz-transform: scale(1.25); 901 } 902 } 903 @keyframes growCircleRadio { 904 0%, 100% { 905 transform: scale(0); 906 opacity: 1; 907 } 908 70% { 909 background: #eee; 910 transform: scale(1.25); 911 } 912 } 913 /*** 914 General typography 915 ***/ 916 /* Headings */ 917 h1, 918 h2, 919 h3, 920 h4, 921 h5, 922 h6 { 923 font-family: "Open Sans", sans-serif; 924 font-weight: 300; 925 } 926 927 h1 { 928 font-size: 33px; 929 } 930 931 h2 { 932 font-size: 27px; 933 } 934 935 h3 { 936 font-size: 23px; 937 } 938 939 h4 { 940 font-size: 17px; 941 } 942 943 h5 { 944 font-size: 13px; 945 } 946 947 h6 { 948 font-size: 12px; 949 } 950 951 /* Headings helper text */ 952 h1 small, 953 h2 small, 954 h3 small, 955 h4 small, 956 h5 small, 957 h6 small { 958 color: #444444; 959 } 960 961 /* Block headings */ 962 h1.block, 963 h2.block, 964 h3.block, 965 h4.block, 966 h5.block, 967 h6.block { 968 padding-top: 10px; 969 padding-bottom: 10px; 970 } 971 972 /* Links */ 973 a { 974 text-shadow: none; 975 color: #444444; 976 } 977 a:hover { 978 color: #1e1e1e; 979 } 980 a:focus, a:hover, a:active { 981 outline: 0; 982 } 983 984 /* Horizontal break */ 985 hr { 986 margin: 20px 0; 987 border: 0; 988 border-top: 1px solid #eee; 989 border-bottom: 0; 990 } 991 992 /* Unstyled List */ 993 .list-unstyled li > .list-unstyled { 994 margin-left: 25px; 995 } 996 997 /* Code */ 998 code { 999 border: 1px solid #e1e1e1; 1000 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); 1001 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); 1002 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); 1003 } 1004 1005 /* Disabled Navigation Link */ 1006 .disabled-link .disable-target { 1007 opacity: 0.5 !important; 1008 filter: alpha(opacity=50) !important; 1009 } 1010 .disabled-link .disable-target:hover { 1011 cursor: not-allowed !important; 1012 } 1013 .disabled-link:hover { 1014 cursor: not-allowed !important; 1015 } 1016 1017 /*** 1018 Utilities 1019 ***/ 1020 /* Links */ 1021 a:hover { 1022 cursor: pointer; 1023 } 1024 1025 /* Primary Link */ 1026 .primary-link { 1027 color: #65A0D0; 1028 font-weight: 600; 1029 } 1030 .primary-link:hover { 1031 color: #5194ca; 1032 } 1033 1034 /* Rounded Element */ 1035 .rounded-2 { 1036 border-radius: 2px !important; 1037 } 1038 1039 .rounded-3 { 1040 border-radius: 3px !important; 1041 } 1042 1043 .rounded-4 { 1044 border-radius: 4px !important; 1045 } 1046 1047 /* Circle Element */ 1048 .circle { 1049 border-radius: 25px !important; 1050 } 1051 1052 .circle-right { 1053 border-radius: 0 25px 25px 0 !important; 1054 } 1055 1056 .circle-left { 1057 border-radius: 25px 0 0 25px !important; 1058 } 1059 1060 .circle-bottom { 1061 border-radius: 0 0 25px 25px !important; 1062 } 1063 1064 .circle-top { 1065 border-radius: 25px 25px 0 0 !important; 1066 } 1067 1068 /* General utilities */ 1069 .display-none, 1070 .display-hide { 1071 display: none; 1072 } 1073 1074 .hidden { 1075 display: none !important; 1076 } 1077 1078 .primary-font { 1079 font-family: "Open Sans", sans-serif !important; 1080 } 1081 1082 .bold { 1083 font-weight: 700 !important; 1084 } 1085 1086 .thin { 1087 font-weight: 500 !important; 1088 } 1089 1090 .uppercase { 1091 text-transform: uppercase !important; 1092 } 1093 1094 .fix-margin { 1095 margin-left: 0px !important; 1096 } 1097 1098 .border { 1099 border: 1px solid red; 1100 } 1101 1102 .font-hg { 1103 font-size: 23px; 1104 } 1105 1106 .font-lg { 1107 font-size: 18px; 1108 } 1109 1110 .font-md { 1111 font-size: 14px; 1112 } 1113 1114 .font-sm { 1115 font-size: 13px; 1116 } 1117 1118 .font-xs { 1119 font-size: 11px; 1120 } 1121 1122 .inline { 1123 display: inline; 1124 } 1125 1126 .inline-block { 1127 display: inline-block; 1128 } 1129 1130 .text-align-reverse { 1131 text-align: right; 1132 } 1133 1134 /* Margin and padding utilities */ 1135 .no-space { 1136 margin: 0px !important; 1137 padding: 0px !important; 1138 } 1139 1140 .no-margin { 1141 margin: 0; 1142 } 1143 1144 .margin-bottom-5 { 1145 margin-bottom: 5px; 1146 } 1147 1148 .margin-bottom-10 { 1149 margin-bottom: 10px !important; 1150 } 1151 1152 .margin-top-10 { 1153 margin-top: 10px !important; 1154 } 1155 1156 .margin-top-15 { 1157 margin-top: 15px !important; 1158 } 1159 1160 .margin-bottom-15 { 1161 margin-bottom: 15px !important; 1162 } 1163 1164 .margin-bottom-20 { 1165 margin-bottom: 20px !important; 1166 } 1167 1168 .margin-top-20 { 1169 margin-top: 20px !important; 1170 } 1171 1172 .margin-bottom-25 { 1173 margin-bottom: 25px !important; 1174 } 1175 1176 .margin-bottom-30 { 1177 margin-bottom: 30px !important; 1178 } 1179 1180 .margin-bottom-40 { 1181 margin-bottom: 40px !important; 1182 } 1183 1184 .margin-right-10 { 1185 margin-right: 10px !important; 1186 } 1187 1188 /* IE8 & IE9 mode utilities */ 1189 .visible-ie8 { 1190 display: none; 1191 } 1192 1193 .ie8 .visible-ie8 { 1194 display: inherit !important; 1195 } 1196 1197 .visible-ie9 { 1198 display: none; 1199 } 1200 1201 .ie9 .visible-ie9 { 1202 display: inherit !important; 1203 } 1204 1205 .hidden-ie8 { 1206 display: inherit; 1207 } 1208 1209 .ie8 .hidden-ie8 { 1210 display: none !important; 1211 } 1212 1213 .hidden-ie9 { 1214 display: inherit; 1215 } 1216 1217 .ie9 .hidden-ie9 { 1218 display: none !important; 1219 } 1220 1221 /*** 1222 Responsive Utils 1223 ***/ 1224 @media (max-width: 1024px) { 1225 .hidden-1024 { 1226 display: none; 1227 } 1228 } 1229 @media (max-width: 480px) { 1230 .hidden-480 { 1231 display: none; 1232 } 1233 } 1234 @media (max-width: 320px) { 1235 .hidden-320 { 1236 display: none; 1237 } 1238 } 1239 /*** 1240 Demo Utils 1241 ***/ 1242 .scrollspy-example { 1243 position: relative; 1244 height: 200px; 1245 margin-top: 10px; 1246 overflow: auto; 1247 } 1248 1249 .util-btn-margin-bottom-5 .btn { 1250 margin-bottom: 5px !important; 1251 } 1252 1253 .util-btn-group-margin-bottom-5 .btn-group { 1254 margin-bottom: 5px !important; 1255 } 1256 1257 /*** 1258 Users 1259 ***/ 1260 .user-info { 1261 margin-bottom: 10px !important; 1262 } 1263 .user-info img { 1264 float: left; 1265 margin-right: 5px; 1266 } 1267 .user-info .details { 1268 display: inline-block; 1269 } 1270 .user-info .label { 1271 font-weight: 300; 1272 font-size: 11px; 1273 } 1274 1275 /*** 1276 Top News Blocks(new in v1.2.2) 1277 ***/ 1278 .top-news { 1279 color: #fff; 1280 margin: 8px 0; 1281 } 1282 .top-news em { 1283 font-size: 13px; 1284 margin-bottom: 8px; 1285 margin-bottom: 0; 1286 font-style: normal; 1287 display: block; 1288 } 1289 .top-news em i { 1290 font-size: 14px; 1291 } 1292 .top-news span { 1293 font-size: 18px; 1294 margin-bottom: 5px; 1295 display: block; 1296 text-align: left; 1297 } 1298 .top-news a { 1299 display: block; 1300 text-align: left; 1301 padding: 10px; 1302 position: relative; 1303 margin-bottom: 10px; 1304 } 1305 .top-news a .top-news-icon { 1306 right: 8px; 1307 bottom: 15px; 1308 opacity: 0.3; 1309 font-size: 35px; 1310 position: absolute; 1311 filter: alpha(opacity=30); 1312 /*For IE8*/ 1313 } 1314 1315 /*** 1316 Block Images(new in v1.2.2) 1317 ***/ 1318 .blog-images { 1319 margin-bottom: 0; 1320 } 1321 .blog-images li { 1322 padding: 0; 1323 margin: 0; 1324 display: inline; 1325 } 1326 .blog-images li a:hover { 1327 text-decoration: none; 1328 } 1329 .blog-images li img { 1330 width: 50px; 1331 height: 50px; 1332 opacity: 0.6; 1333 margin: 0 2px 8px; 1334 } 1335 .blog-images li img:hover { 1336 opacity: 1; 1337 box-shadow: 0 0 0 4px #72c02c; 1338 transition: all 0.4s ease-in-out 0s; 1339 -moz-transition: all 0.4s ease-in-out 0s; 1340 -webkit-transition: all 0.4s ease-in-out 0s; 1341 } 1342 1343 /*** 1344 Sidebar Tags 1345 ***/ 1346 .sidebar-tags li { 1347 padding: 0; 1348 } 1349 .sidebar-tags li a { 1350 color: #555; 1351 font-size: 12px; 1352 padding: 3px 5px; 1353 background: #f7f7f7; 1354 margin: 0 2px 5px 0; 1355 display: inline-block; 1356 } 1357 .sidebar-tags li a:hover, .sidebar-tags li a:hover i { 1358 background: #EEE; 1359 text-decoration: none; 1360 -webkit-transition: all 0.3s ease-in-out; 1361 -moz-transition: all 0.3s ease-in-out; 1362 -o-transition: all 0.3s ease-in-out; 1363 transition: all 0.3s ease-in-out; 1364 } 1365 .sidebar-tags li a i { 1366 color: #777; 1367 } 1368 1369 /*** 1370 Custom vertical inline menu 1371 ***/ 1372 .ver-inline-menu { 1373 padding: 0; 1374 margin: 0; 1375 list-style: none; 1376 } 1377 .ver-inline-menu li { 1378 position: relative; 1379 margin-bottom: 1px; 1380 } 1381 .ver-inline-menu li i { 1382 width: 37px; 1383 height: 37px; 1384 display: inline-block; 1385 color: #b9cbd5; 1386 font-size: 15px; 1387 padding: 12px 10px 10px 8px; 1388 margin: 0 8px 0 0; 1389 text-align: center; 1390 background: #e0eaf0 !important; 1391 } 1392 .ver-inline-menu li a { 1393 font-size: 14px; 1394 font-weight: 300; 1395 color: #557386; 1396 display: block; 1397 background: #f0f6fa; 1398 border-left: solid 2px #c4d5df; 1399 } 1400 .ver-inline-menu li:hover a { 1401 background: #e0eaf0; 1402 text-decoration: none; 1403 } 1404 .ver-inline-menu li:hover i { 1405 color: #fff; 1406 background: #c4d5df !important; 1407 } 1408 .ver-inline-menu li.active a { 1409 border-left: solid 2px #0c91e5; 1410 } 1411 .ver-inline-menu li.active i { 1412 background: #0c91e5 !important; 1413 } 1414 .ver-inline-menu li.active a, .ver-inline-menu li.active i { 1415 color: #fff; 1416 background: #169ef4; 1417 text-decoration: none; 1418 } 1419 .ver-inline-menu li.active a, .ver-inline-menu li:hover a { 1420 font-size: 14px; 1421 } 1422 .ver-inline-menu li.active:after { 1423 content: ''; 1424 display: inline-block; 1425 border-bottom: 6px solid transparent; 1426 border-top: 6px solid transparent; 1427 border-left: 6px solid #169ef4; 1428 position: absolute; 1429 top: 12px; 1430 right: -5px; 1431 } 1432 1433 .ver-inline-menu { 1434 -webkit-border-radius: 2px; 1435 -moz-border-radius: 2px; 1436 -ms-border-radius: 2px; 1437 -o-border-radius: 2px; 1438 border-radius: 2px; 1439 } 1440 1441 @media (max-width: 767px) { 1442 .ver-inline-menu > li.active:after { 1443 display: none; 1444 } 1445 } 1446 /*** 1447 Separated List 1448 ***/ 1449 .list-separated { 1450 margin-top: 10px; 1451 margin-bottom: 15px; 1452 } 1453 .list-separated > div:last-child { 1454 border-right: 0; 1455 } 1456 @media (max-width: 767px) { 1457 .list-separated { 1458 /* 767px */ 1459 } 1460 .list-separated > div { 1461 margin-bottom: 20px; 1462 } 1463 } 1464 1465 /*** 1466 Number & Chart Stats 1467 ***/ 1468 .number-stats { 1469 margin: 10px 0; 1470 } 1471 .number-stats .stat-number { 1472 display: inline-block; 1473 margin: 0 5px; 1474 } 1475 .number-stats .stat-number .title { 1476 font-size: 13px; 1477 margin-bottom: 3px; 1478 color: #B8C3C7; 1479 } 1480 .number-stats .stat-number .number { 1481 font-size: 27px; 1482 line-height: 27px; 1483 color: #7D8C9D; 1484 } 1485 .number-stats .stat-chart { 1486 display: inline-block; 1487 margin: 0 5px; 1488 } 1489 .number-stats > div { 1490 border-right: 1px solid #f5f5f5; 1491 } 1492 .number-stats > div:last-child { 1493 border-right: 0; 1494 } 1495 .number-stats .stat-left { 1496 float: right; 1497 } 1498 .number-stats .stat-left .stat-number { 1499 float: right; 1500 text-align: right; 1501 } 1502 .number-stats .stat-left .stat-chart { 1503 float: right; 1504 } 1505 .number-stats .stat-right { 1506 float: left !important; 1507 } 1508 .number-stats .stat-right .stat-number { 1509 float: left; 1510 text-align: left; 1511 } 1512 .number-stats .stat-right .stat-chart { 1513 float: left; 1514 } 1515 .number-stats .stat-number { 1516 float: left; 1517 text-align: left; 1518 } 1519 .number-stats .stat-chart { 1520 float: left; 1521 } 1522 1523 /*** 1524 General User Record Listing 1525 ***/ 1526 .general-item-list > .item { 1527 padding: 10px 0; 1528 border-bottom: 1px solid #F1F4F7; 1529 } 1530 .general-item-list > .item:last-child { 1531 border-bottom: 0; 1532 } 1533 .general-item-list > .item > .item-head { 1534 margin-bottom: 5px; 1535 } 1536 .general-item-list > .item > .item-head:before, .general-item-list > .item > .item-head:after { 1537 content: " "; 1538 display: table; 1539 } 1540 .general-item-list > .item > .item-head:after { 1541 clear: both; 1542 } 1543 .general-item-list > .item > .item-head > .item-details { 1544 display: inline-block; 1545 float: left; 1546 } 1547 .general-item-list > .item > .item-head > .item-details > .item-pic { 1548 height: 35px; 1549 margin-right: 10px; 1550 -webkit-border-radius: 100%; 1551 -moz-border-radius: 100%; 1552 -ms-border-radius: 100%; 1553 -o-border-radius: 100%; 1554 border-radius: 100%; 1555 } 1556 .general-item-list > .item > .item-head > .item-details > .item-name { 1557 display: inline-block; 1558 margin-right: 10px; 1559 } 1560 .general-item-list > .item > .item-head > .item-details > .item-label { 1561 color: #C0C9CC; 1562 } 1563 .general-item-list > .item > .item-head > .item-status { 1564 color: #C0C9CC; 1565 top: 10px; 1566 position: relative; 1567 display: inline-block; 1568 float: right; 1569 } 1570 .general-item-list > .item > .item-head > .item-status > .badge { 1571 margin-top: -2px; 1572 } 1573 .general-item-list > .item > .item-body { 1574 color: #96a5aa; 1575 } 1576 1577 /*** 1578 File dropzone 1579 ***/ 1580 .file-drop-zone { 1581 border: 2px dashed #ddd; 1582 padding: 30px; 1583 text-align: center; 1584 } 1585 .file-drop-zone.file-drop-zone-over { 1586 border-color: #aaa; 1587 } 1588 1589 /*** 1590 Fontawesome Icons 1591 ***/ 1592 [class^="fa-"], 1593 [class^="glyphicon-"], 1594 [class^="icon-"], 1595 [class*=" fa-"], 1596 [class*=" glyphicon-"], 1597 [class*=" icon-"] { 1598 display: inline-block; 1599 margin-top: 1px; 1600 font-size: 14px; 1601 *margin-right: .3em; 1602 line-height: 14px; 1603 -webkit-font-smoothing: antialiased; 1604 } 1605 1606 /* Make font awesome icons fixed width */ 1607 li [class^="fa-"], 1608 li [class^="glyphicon-"], 1609 li [class^="icon-"], 1610 li [class*=" fa-"], 1611 li [class*=" glyphicon-"], 1612 li [class*=" icon-"] { 1613 display: inline-block; 1614 width: 1.25em; 1615 text-align: center; 1616 } 1617 1618 li [class^="glyphicon-"], 1619 li [class*=" glyphicon-"] { 1620 top: 2px; 1621 } 1622 1623 li [class^="icon-"], 1624 li [class*=" icon-"] { 1625 top: 1px; 1626 position: relative; 1627 } 1628 1629 li [class^="fa-"].icon-large, 1630 li [class^="glyphicon-"].icon-large, 1631 li [class^="icon-"].icon-large, 1632 li [class*=" fa-"].icon-large, 1633 li [class*=" glyphicon-"].icon-large, 1634 li [class*=" icon-"].icon-large { 1635 /* increased font size for icon-large */ 1636 width: 1.5625em; 1637 } 1638 1639 /* Icon sizing */ 1640 .fa-sm, 1641 .icon-sm { 1642 font-size: 12px; 1643 } 1644 1645 .fa-lg, 1646 .icon-lg { 1647 font-size: 16px !important; 1648 } 1649 1650 .fa-2x { 1651 font-size: 2em; 1652 } 1653 1654 .fa-3x { 1655 font-size: 3em; 1656 } 1657 1658 .fa-4x { 1659 font-size: 4em; 1660 } 1661 1662 .fa-5x { 1663 font-size: 5em; 1664 } 1665 1666 /* Icon coloring */ 1667 .icon-state-default { 1668 color: #c6c6c6; 1669 } 1670 1671 .icon-state-success { 1672 color: #26A69A; 1673 } 1674 1675 .icon-state-info { 1676 color: #89C4F4; 1677 } 1678 1679 .icon-state-warning { 1680 color: #ff5722; 1681 } 1682 1683 .icon-state-danger { 1684 color: #F3565D; 1685 } 1686 1687 /*** 1688 Font Awesome 4.x Demo 1689 ***/ 1690 .fa-item { 1691 font-size: 14px; 1692 padding: 10px 10px 10px 20px; 1693 } 1694 .fa-item i { 1695 font-size: 16px; 1696 display: inline-block; 1697 width: 20px; 1698 color: #333; 1699 } 1700 .fa-item:hover { 1701 cursor: pointer; 1702 background: #eee; 1703 } 1704 1705 /*** 1706 Simple Line Icons Demo 1707 ***/ 1708 .simplelineicons-demo .item-box { 1709 display: inline-block; 1710 font-size: 16px; 1711 margin: 0 -0.22em 1em 0; 1712 padding-left: 1em; 1713 width: 100%; 1714 } 1715 .simplelineicons-demo .item-box .item { 1716 background-color: #fff; 1717 color: #33383e; 1718 border-radius: 8px; 1719 display: inline-block; 1720 padding: 10px; 1721 width: 100%; 1722 } 1723 .simplelineicons-demo .item-box .item span { 1724 font-size: 22px; 1725 } 1726 1727 @media only screen and (min-width: 768px) { 1728 .simplelineicons-demo .item-box { 1729 width: 33.333%; 1730 } 1731 } 1732 /*** 1733 Glyphicons Demo 1734 ***/ 1735 .glyphicons-demo ul { 1736 padding-left: 0; 1737 padding-bottom: 1px; 1738 margin-bottom: 20px; 1739 list-style: none; 1740 overflow: hidden; 1741 } 1742 1743 .bs-glyphicon-class { 1744 text-align: center; 1745 } 1746 1747 .bs-glyphicons { 1748 padding-left: 0; 1749 padding-bottom: 1px; 1750 margin-bottom: 20px; 1751 list-style: none; 1752 overflow: hidden; 1753 } 1754 1755 .glyphicons-demo ul li { 1756 float: left; 1757 width: 25%; 1758 height: 115px; 1759 padding: 10px; 1760 margin: 0 -1px -1px 0; 1761 font-size: 14px; 1762 line-height: 1.4; 1763 text-align: center; 1764 border: 1px solid #ddd; 1765 } 1766 1767 .glyphicons-demo .glyphicon { 1768 display: block; 1769 margin: 5px auto 10px; 1770 font-size: 24px; 1771 color: #444; 1772 } 1773 1774 .glyphicons-demo ul li:hover { 1775 background-color: rgba(86, 61, 124, 0.1); 1776 } 1777 1778 @media (min-width: 768px) { 1779 .glyphicons-demo ul li { 1780 width: 12.5%; 1781 } 1782 } 1783 /*** 1784 Customized Bootstrap Alerts 1785 ***/ 1786 .alert { 1787 border-width: 1px; 1788 } 1789 .alert.alert-borderless { 1790 border: 0; 1791 } 1792 1793 /*** 1794 Bootstrap Alerts 1795 ***/ 1796 .alert-success { 1797 background-color: #26A69A; 1798 border-color: #219174; 1799 color: #d6f5f3; 1800 } 1801 .alert-success hr { 1802 border-top-color: #1c7d64; 1803 } 1804 .alert-success .alert-link { 1805 color: #acece6; 1806 } 1807 1808 .alert-info { 1809 background-color: #89C4F4; 1810 border-color: #68caf1; 1811 color: white; 1812 } 1813 .alert-info hr { 1814 border-top-color: #51c2ef; 1815 } 1816 .alert-info .alert-link { 1817 color: #d0e8fb; 1818 } 1819 1820 .alert-warning { 1821 background-color: #ff5722; 1822 border-color: #ff1b08; 1823 color: white; 1824 } 1825 .alert-warning hr { 1826 border-top-color: #ee1100; 1827 } 1828 .alert-warning .alert-link { 1829 color: #d0e8fb; 1830 } 1831 1832 .alert-danger { 1833 background-color: #F3565D; 1834 border-color: #f13e64; 1835 color: white; 1836 } 1837 .alert-danger hr { 1838 border-top-color: #f02651; 1839 } 1840 .alert-danger .alert-link { 1841 color: #fccfd1; 1842 } 1843 1844 .alert { 1845 -webkit-border-radius: 2px; 1846 -moz-border-radius: 2px; 1847 -ms-border-radius: 2px; 1848 -o-border-radius: 2px; 1849 border-radius: 2px; 1850 border-width: 0; 1851 } 1852 1853 /*** 1854 Custom Bootstrap Badges 1855 ***/ 1856 .badge { 1857 font-size: 11px !important; 1858 font-weight: 300; 1859 text-align: center; 1860 height: 18px; 1861 padding: 3px 6px 3px 6px; 1862 -webkit-border-radius: 12px !important; 1863 -moz-border-radius: 12px !important; 1864 border-radius: 12px !important; 1865 text-shadow: none !important; 1866 text-align: center; 1867 vertical-align: middle; 1868 } 1869 .badge.badge-roundless { 1870 -webkit-border-radius: 0 !important; 1871 -moz-border-radius: 0 !important; 1872 border-radius: 0 !important; 1873 } 1874 .badge.badge-empty { 1875 display: inline-block; 1876 padding: 0; 1877 min-width: 8px; 1878 height: 8px; 1879 width: 8px; 1880 } 1881 1882 /* Badge variants */ 1883 .badge-default { 1884 background-color: #c6c6c6; 1885 background-image: none; 1886 } 1887 1888 .badge-primary { 1889 background-color: #00BCD4; 1890 background-image: none; 1891 } 1892 1893 .badge-info { 1894 background-color: #89C4F4; 1895 background-image: none; 1896 } 1897 1898 .badge-success { 1899 background-color: #26A69A; 1900 background-image: none; 1901 } 1902 1903 .badge-danger { 1904 background-color: #F3565D; 1905 background-image: none; 1906 } 1907 1908 .badge-warning { 1909 background-color: #ff5722; 1910 background-image: none; 1911 } 1912 1913 /* Fix badge position for navs */ 1914 .nav.nav-pills > li > a > .badge, 1915 .nav.nav-stacked > li > a > .badge { 1916 margin-top: -2px; 1917 } 1918 1919 /*** 1920 Dropdown Menu Badges 1921 ***/ 1922 .dropdown-menu > li > a > .badge { 1923 position: absolute; 1924 margin-top: 1px; 1925 right: 3px; 1926 display: inline; 1927 font-size: 11px; 1928 font-weight: 300; 1929 text-shadow: none; 1930 height: 18px; 1931 padding: 3px 6px 3px 6px; 1932 text-align: center; 1933 vertical-align: middle; 1934 -webkit-border-radius: 12px !important; 1935 -moz-border-radius: 12px !important; 1936 border-radius: 12px !important; 1937 padding: 4px 6px 2px 6px; 1938 } 1939 .dropdown-menu.badge-roundless { 1940 -webkit-border-radius: 0 !important; 1941 -moz-border-radius: 0 !important; 1942 border-radius: 0 !important; 1943 } 1944 1945 .badge { 1946 text-transform: uppercase; 1947 font-size: 10px; 1948 font-weight: 600; 1949 padding: 4px 6px 2px 6px; 1950 } 1951 1952 .page-sidebar .badge { 1953 font-size: 10px !important; 1954 } 1955 1956 /*** 1957 Customized Bootstrap Buttons 1958 ***/ 1959 /* Default buttons */ 1960 .btn { 1961 border-width: 0; 1962 padding: 7px 14px; 1963 font-size: 14px; 1964 outline: none !important; 1965 background-image: none !important; 1966 filter: none; 1967 text-shadow: none; 1968 } 1969 .btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active { 1970 outline: none !important; 1971 background-image: none !important; 1972 filter: none; 1973 text-shadow: none; 1974 } 1975 1976 .btn + .btn { 1977 margin-left: 5px; 1978 } 1979 1980 .btn-default { 1981 border-width: 1px; 1982 padding: 6px 13px; 1983 } 1984 1985 .btn-block { 1986 display: block; 1987 width: 100%; 1988 padding-left: 0; 1989 padding-right: 0; 1990 } 1991 1992 /* Bootstrap buttons */ 1993 .btn-default { 1994 color: #666666; 1995 background-color: #E6E6E6; 1996 border-color: #ccc; 1997 } 1998 .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { 1999 color: #666666; 2000 background-color: #d4d4d4; 2001 border-color: #b3b3b3; 2002 } 2003 .open .btn-default.dropdown-toggle { 2004 color: #666666; 2005 background-color: #d4d4d4; 2006 border-color: #b3b3b3; 2007 } 2008 .btn-default:active, .btn-default.active { 2009 background-image: none; 2010 background-color: #c7c7c7; 2011 } 2012 .btn-default:active:hover, .btn-default.active:hover { 2013 background-color: #cdcdcd; 2014 } 2015 .open .btn-default.dropdown-toggle { 2016 background-image: none; 2017 } 2018 .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { 2019 background-color: #E6E6E6; 2020 border-color: #ccc; 2021 } 2022 .btn-default .badge { 2023 color: #E6E6E6; 2024 background-color: #666666; 2025 } 2026 .btn-default > i { 2027 color: #aaa; 2028 } 2029 .btn-default > i[class^="icon-"], 2030 .btn-default > i[class*="icon-"] { 2031 color: #8c8c8c; 2032 } 2033 2034 .btn-primary { 2035 color: #fff; 2036 background-color: #00BCD4; 2037 border-color: #00a5bb; 2038 } 2039 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { 2040 color: #fff; 2041 background-color: #009cb0; 2042 border-color: #007888; 2043 } 2044 .open .btn-primary.dropdown-toggle { 2045 color: #fff; 2046 background-color: #009cb0; 2047 border-color: #007888; 2048 } 2049 .btn-primary:active, .btn-primary.active { 2050 background-image: none; 2051 background-color: #008697; 2052 } 2053 .btn-primary:active:hover, .btn-primary.active:hover { 2054 background-color: #008fa1; 2055 } 2056 .open .btn-primary.dropdown-toggle { 2057 background-image: none; 2058 } 2059 .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { 2060 background-color: #00BCD4; 2061 border-color: #00a5bb; 2062 } 2063 .btn-primary .badge { 2064 color: #00BCD4; 2065 background-color: #fff; 2066 } 2067 2068 .btn-success { 2069 color: #fff; 2070 background-color: #26A69A; 2071 border-color: #219187; 2072 } 2073 .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { 2074 color: #fff; 2075 background-color: #1f897f; 2076 border-color: #186860; 2077 } 2078 .open .btn-success.dropdown-toggle { 2079 color: #fff; 2080 background-color: #1f897f; 2081 border-color: #186860; 2082 } 2083 .btn-success:active, .btn-success.active { 2084 background-image: none; 2085 background-color: #1b746c; 2086 } 2087 .btn-success:active:hover, .btn-success.active:hover { 2088 background-color: #1c7d74; 2089 } 2090 .open .btn-success.dropdown-toggle { 2091 background-image: none; 2092 } 2093 .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { 2094 background-color: #26A69A; 2095 border-color: #219187; 2096 } 2097 .btn-success .badge { 2098 color: #26A69A; 2099 background-color: #fff; 2100 } 2101 2102 .btn-info { 2103 color: #fff; 2104 background-color: #89C4F4; 2105 border-color: #72b8f2; 2106 } 2107 .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { 2108 color: #fff; 2109 background-color: #68b4f1; 2110 border-color: #43a1ed; 2111 } 2112 .open .btn-info.dropdown-toggle { 2113 color: #fff; 2114 background-color: #68b4f1; 2115 border-color: #43a1ed; 2116 } 2117 .btn-info:active, .btn-info.active { 2118 background-image: none; 2119 background-color: #51a8ef; 2120 } 2121 .btn-info:active:hover, .btn-info.active:hover { 2122 background-color: #5aadf0; 2123 } 2124 .open .btn-info.dropdown-toggle { 2125 background-image: none; 2126 } 2127 .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { 2128 background-color: #89C4F4; 2129 border-color: #72b8f2; 2130 } 2131 .btn-info .badge { 2132 color: #89C4F4; 2133 background-color: #fff; 2134 } 2135 2136 .btn-warning { 2137 color: #fff; 2138 background-color: #ff5722; 2139 border-color: #ff4408; 2140 } 2141 .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { 2142 color: #fff; 2143 background-color: #fd3d00; 2144 border-color: #d43300; 2145 } 2146 .open .btn-warning.dropdown-toggle { 2147 color: #fff; 2148 background-color: #fd3d00; 2149 border-color: #d43300; 2150 } 2151 .btn-warning:active, .btn-warning.active { 2152 background-image: none; 2153 background-color: #e43700; 2154 } 2155 .btn-warning:active:hover, .btn-warning.active:hover { 2156 background-color: #ee3900; 2157 } 2158 .open .btn-warning.dropdown-toggle { 2159 background-image: none; 2160 } 2161 .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { 2162 background-color: #ff5722; 2163 border-color: #ff4408; 2164 } 2165 .btn-warning .badge { 2166 color: #ff5722; 2167 background-color: #fff; 2168 } 2169 2170 .btn-danger { 2171 color: #fff; 2172 background-color: #F3565D; 2173 border-color: #f13e46; 2174 } 2175 .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { 2176 color: #fff; 2177 background-color: #f1353d; 2178 border-color: #ec111b; 2179 } 2180 .open .btn-danger.dropdown-toggle { 2181 color: #fff; 2182 background-color: #f1353d; 2183 border-color: #ec111b; 2184 } 2185 .btn-danger:active, .btn-danger.active { 2186 background-image: none; 2187 background-color: #ef1d26; 2188 } 2189 .btn-danger:active:hover, .btn-danger.active:hover { 2190 background-color: #f0262f; 2191 } 2192 .open .btn-danger.dropdown-toggle { 2193 background-image: none; 2194 } 2195 .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { 2196 background-color: #F3565D; 2197 border-color: #f13e46; 2198 } 2199 .btn-danger .badge { 2200 color: #F3565D; 2201 background-color: #fff; 2202 } 2203 2204 /* Button sizes */ 2205 .btn > i { 2206 font-size: 14px; 2207 } 2208 2209 .btn-lg { 2210 padding: 10px 16px; 2211 font-size: 18px; 2212 line-height: 1.33; 2213 vertical-align: middle; 2214 } 2215 .btn-lg > i { 2216 font-size: 18px; 2217 } 2218 2219 .btn-sm, 2220 .btn-xs { 2221 padding: 4px 10px 5px 10px; 2222 font-size: 13px; 2223 line-height: 1.5; 2224 } 2225 .btn-sm > i, 2226 .btn-xs > i { 2227 font-size: 13px; 2228 } 2229 2230 .btn-xs { 2231 padding: 1px 5px; 2232 } 2233 .btn-xs > i { 2234 font-size: 12px; 2235 } 2236 2237 /* Small button in button group */ 2238 .btn-group .input-sm .btn-default { 2239 padding-top: 3px; 2240 padding-bottom: 3px; 2241 } 2242 2243 /* Arrow link */ 2244 .btn-arrow-link { 2245 vertical-align: middle; 2246 display: inline-block; 2247 font-size: 13px; 2248 } 2249 .btn-arrow-link > i { 2250 font-size: 14px; 2251 line-height: 14px; 2252 vertical-align: top; 2253 margin: 2px 3px 2px 3px; 2254 color: #999; 2255 } 2256 .btn-arrow-link.btn-arrow-link-lg { 2257 font-size: 14px; 2258 } 2259 .btn-arrow-link.btn-arrow-link-lg > i { 2260 font-size: 16px; 2261 line-height: 16px; 2262 margin: 2px 3px 1px 3px; 2263 } 2264 2265 /* Circle Buttons */ 2266 .btn-circle { 2267 border-radius: 25px !important; 2268 } 2269 2270 .btn-circle-right { 2271 border-radius: 0 25px 25px 0 !important; 2272 } 2273 2274 .btn-circle-left { 2275 border-radius: 25px 0 0 25px !important; 2276 } 2277 2278 .btn-circle-bottom { 2279 border-radius: 0 0 25px 25px !important; 2280 } 2281 2282 .btn-circle-top { 2283 border-radius: 25px 25px 0 0 !important; 2284 } 2285 2286 .btn-icon-only { 2287 height: 34px; 2288 width: 34px; 2289 text-align: center; 2290 padding-left: 0; 2291 padding-right: 0; 2292 } 2293 .btn-icon-only > [class^="icon-"], 2294 .btn-icon-only > i { 2295 text-align: center; 2296 margin-top: 2px; 2297 } 2298 2299 .btn-sm > [class^="glyphicon-"], 2300 .btn-sm > [class*=" glyphicon-"], 2301 .btn-sm > i { 2302 font-size: 13px; 2303 } 2304 2305 .btn-xs > [class^="glyphicon-"], 2306 .btn-xs > [class*=" glyphicon-"], 2307 .btn-xs > i { 2308 font-size: 11px; 2309 } 2310 2311 .btn-group.btn-group-circle > .btn:first-child { 2312 border-radius: 25px 0 0 25px !important; 2313 } 2314 .btn-group.btn-group-circle > .btn:last-child { 2315 border-radius: 0 25px 25px 0 !important; 2316 } 2317 2318 .btn-group.btn-group-devided > .btn { 2319 margin-right: 5px; 2320 } 2321 .btn-group.btn-group-devided > .btn:last-child { 2322 margin-right: 0; 2323 } 2324 2325 .btn-group-vertical.btn-group-vertical-circle > .btn:first-child { 2326 border-radius: 25px 25px 0 0 !important; 2327 } 2328 .btn-group-vertical.btn-group-vertical-circle > .btn:last-child { 2329 border-radius: 0 0 25px 25px !important; 2330 } 2331 2332 .btn { 2333 font-size: 12px; 2334 font-weight: 600; 2335 text-transform: uppercase; 2336 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); 2337 -webkit-border-radius: 2px; 2338 -moz-border-radius: 2px; 2339 -ms-border-radius: 2px; 2340 -o-border-radius: 2px; 2341 border-radius: 2px; 2342 border-width: 0 !important; 2343 overflow: hidden; 2344 position: relative; 2345 padding: 9px 14px 8px 14px; 2346 } 2347 .search-form .btn, .btn-theme-panel .btn { 2348 box-shadow: none !important; 2349 overflow: visible; 2350 } 2351 .btn.btn-link { 2352 box-shadow: none; 2353 color: #444444; 2354 } 2355 .btn.btn-link:hover { 2356 text-decoration: none; 2357 } 2358 .btn > i { 2359 margin-top: 0; 2360 margin-left: 3px; 2361 margin-right: 3px; 2362 } 2363 .btn.btn-sm { 2364 font-size: 11px; 2365 padding: 6px 18px 6px 18px; 2366 } 2367 .btn.btn-xs { 2368 font-size: 11px; 2369 padding: 3px 8px 3px 8px; 2370 } 2371 .btn.btn-lg { 2372 font-size: 16px; 2373 padding: 12px 26px 10px 26px; 2374 } 2375 .btn.btn-icon-only { 2376 padding-left: 0; 2377 padding-right: 0; 2378 } 2379 .btn.btn-icon-only > i { 2380 margin-left: 0; 2381 margin-right: 0; 2382 } 2383 2384 /*** 2385 Image Carousel 2386 ***/ 2387 .carousel.image-carousel .carousel-inner { 2388 padding-top: 0; 2389 padding-bottom: 0; 2390 } 2391 .carousel.image-carousel .carousel-control i { 2392 position: absolute; 2393 top: 40%; 2394 } 2395 .carousel.image-carousel.image-carousel-hoverable .carousel-control i { 2396 display: none; 2397 } 2398 .carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i { 2399 display: inline-block; 2400 } 2401 .carousel.image-carousel .carousel-control.left i { 2402 left: 10px; 2403 } 2404 .carousel.image-carousel .carousel-control.right i { 2405 right: 10px; 2406 } 2407 .carousel.image-carousel .carousel-indicators { 2408 margin-top: 10px; 2409 bottom: -7px; 2410 } 2411 .carousel.image-carousel .carousel-indicators li { 2412 background-color: #666; 2413 } 2414 .carousel.image-carousel .carousel-indicators li.active { 2415 background-color: #666; 2416 } 2417 .carousel.image-carousel .carousel-caption { 2418 position: absolute; 2419 right: 0; 2420 bottom: 0; 2421 left: 0; 2422 padding: 15px 15px 25px 15px; 2423 background: #333333; 2424 background: rgba(0, 0, 0, 0.75); 2425 } 2426 .carousel.image-carousel .carousel-caption h4, 2427 .carousel.image-carousel .carousel-caption h3, 2428 .carousel.image-carousel .carousel-caption h2, 2429 .carousel.image-carousel .carousel-caption p { 2430 text-align: left; 2431 line-height: 20px; 2432 color: #ffffff; 2433 } 2434 .carousel.image-carousel .carousel-caption h4, 2435 .carousel.image-carousel .carousel-caption h3, 2436 .carousel.image-carousel .carousel-caption h2 { 2437 margin: 0 0 5px; 2438 } 2439 .carousel.image-carousel .carousel-caption h4 a, 2440 .carousel.image-carousel .carousel-caption h3 a, 2441 .carousel.image-carousel .carousel-caption h2 a { 2442 color: #aaa; 2443 } 2444 .carousel.image-carousel .carousel-caption p { 2445 margin-bottom: 0; 2446 } 2447 .carousel.image-carousel .carousel-caption .item { 2448 margin: 0; 2449 } 2450 2451 /*** 2452 Charts and statistics 2453 ***/ 2454 .chart, 2455 .pie, 2456 .bars { 2457 overflow: hidden; 2458 height: 300px; 2459 width: 100%; 2460 font-family: "Open Sans", sans-serif !important; 2461 font-size: 14px; 2462 } 2463 2464 /*** 2465 Statistic lists 2466 ***/ 2467 .item-list.table .percent { 2468 width: 30px; 2469 float: right; 2470 margin-right: 10px; 2471 margin-top: 3px; 2472 } 2473 2474 /*** 2475 Chart tooltips 2476 ***/ 2477 .chart-tooltip { 2478 clear: both; 2479 z-index: 100; 2480 background-color: #736e6e !important; 2481 padding: 5px !important; 2482 color: #fff; 2483 } 2484 .chart-tooltip .label { 2485 clear: both; 2486 display: block; 2487 margin-bottom: 2px; 2488 } 2489 2490 /*** 2491 Mini chart containers 2492 ***/ 2493 .bar-chart, 2494 .line-chart { 2495 display: none; 2496 } 2497 2498 /*** 2499 Chats 2500 ***/ 2501 .chats { 2502 margin: 0; 2503 padding: 0; 2504 margin-top: -15px; 2505 } 2506 .chats li { 2507 list-style: none; 2508 padding: 5px 0; 2509 margin: 10px auto; 2510 font-size: 12px; 2511 } 2512 .chats li .body { 2513 display: block; 2514 } 2515 .chats li .avatar { 2516 height: 45px; 2517 width: 45px; 2518 -webkit-border-radius: 50% !important; 2519 -moz-border-radius: 50% !important; 2520 border-radius: 50% !important; 2521 } 2522 .chats li.in .avatar { 2523 float: left; 2524 margin-right: 10px; 2525 } 2526 .chats li.out .avatar { 2527 float: right; 2528 margin-left: 10px; 2529 } 2530 .chats li .name { 2531 color: #3590c1; 2532 font-size: 13px; 2533 font-weight: 400; 2534 } 2535 .chats li .datetime { 2536 color: #333; 2537 font-size: 13px; 2538 font-weight: 400; 2539 } 2540 .chats li .message { 2541 display: block; 2542 padding: 5px; 2543 position: relative; 2544 } 2545 .chats li.in .message { 2546 text-align: left; 2547 border-left: 2px solid #1BBC9B; 2548 margin-left: 65px; 2549 background: #fafafa; 2550 } 2551 .chats li.in .message .arrow { 2552 display: block; 2553 position: absolute; 2554 top: 5px; 2555 left: -8px; 2556 width: 0; 2557 height: 0; 2558 border-top: 8px solid transparent; 2559 border-bottom: 8px solid transparent; 2560 border-right: 8px solid #1BBC9B; 2561 } 2562 .chats li.out .message { 2563 border-right: 2px solid #F3565D; 2564 margin-right: 65px; 2565 background: #fafafa; 2566 text-align: right; 2567 } 2568 .chats li.out .message .arrow { 2569 display: block; 2570 position: absolute; 2571 top: 5px; 2572 right: -8px; 2573 border-top: 8px solid transparent; 2574 border-bottom: 8px solid transparent; 2575 border-left: 8px solid #F3565D; 2576 } 2577 .chats li.out .name, 2578 .chats li.out .datetime { 2579 text-align: right; 2580 } 2581 2582 .chat-form { 2583 margin-top: 15px; 2584 padding: 10px; 2585 background-color: #e9eff3; 2586 overflow: hidden; 2587 clear: both; 2588 } 2589 .chat-form .input-cont { 2590 margin-right: 40px; 2591 } 2592 .chat-form .input-cont .form-control { 2593 border: 1px solid #ddd; 2594 width: 100% !important; 2595 margin-top: 0; 2596 background-color: #fff !important; 2597 } 2598 .chat-form .input-cont .form-control:focus { 2599 border: 1px solid #4b8df9 !important; 2600 } 2601 .chat-form .btn-cont { 2602 margin-top: -42px; 2603 position: relative; 2604 float: right; 2605 width: 44px; 2606 } 2607 .chat-form .btn-cont .arrow { 2608 position: absolute; 2609 top: 17px; 2610 right: 43px; 2611 border-top: 8px solid transparent; 2612 border-bottom: 8px solid transparent; 2613 border-right: 8px solid #4d90fe; 2614 -webkit-box-sizing: border-box; 2615 -moz-box-sizing: border-box; 2616 box-sizing: border-box; 2617 } 2618 .chat-form .btn-cont .btn { 2619 margin-top: 8px; 2620 } 2621 .chat-form .btn-cont:hover .arrow { 2622 border-right-color: #0362fd; 2623 } 2624 .chat-form .btn-cont:hover .btn { 2625 background-color: #0362fd; 2626 } 2627 2628 /*** 2629 Customized Bootstrap Close Icon 2630 ***/ 2631 .close { 2632 display: inline-block; 2633 margin-top: 0px; 2634 margin-right: 0px; 2635 width: 9px; 2636 height: 9px; 2637 background-repeat: no-repeat !important; 2638 text-indent: -10000px; 2639 outline: none; 2640 background-image: url("../img/remove-icon-small.png") !important; 2641 } 2642 2643 /*** 2644 Customized Bootstrap Dropdowns 2645 ***/ 2646 /*** 2647 Dropdowns 2648 ***/ 2649 .dropup.open > .dropdown-toggle, 2650 .dropdown.open > .dropdown-toggle { 2651 border-color: #ddd; 2652 } 2653 2654 /*** 2655 Dropdown Menu 2656 ***/ 2657 .dropdown-menu { 2658 min-width: 175px; 2659 position: absolute; 2660 top: 100%; 2661 left: 0; 2662 z-index: 1000; 2663 display: none; 2664 float: left; 2665 list-style: none; 2666 text-shadow: none; 2667 padding: 0px; 2668 background-color: #ffffff; 2669 border: 1px solid #eee; 2670 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 2671 -webkit-border-radius: 2px; 2672 -moz-border-radius: 2px; 2673 -ms-border-radius: 2px; 2674 -o-border-radius: 2px; 2675 border-radius: 2px; 2676 } 2677 .dropdown-menu li.divider { 2678 background: #f1f3f6; 2679 } 2680 .dropdown-menu li.dropdown-header { 2681 padding: 8px 14px 2px 14px; 2682 } 2683 .dropdown-menu li > a { 2684 padding: 8px 14px; 2685 color: #555; 2686 text-decoration: none; 2687 display: block; 2688 clear: both; 2689 font-weight: 300; 2690 line-height: 18px; 2691 white-space: nowrap; 2692 } 2693 .dropdown-menu li > a > [class^="fa-"], 2694 .dropdown-menu li > a > [class*=" fa-"] { 2695 color: #888; 2696 } 2697 .dropdown-menu li > a > [class^="icon-"], 2698 .dropdown-menu li > a > [class*=" icon-"] { 2699 color: #666; 2700 } 2701 .dropdown-menu li > a > [class^="glyphicon-"], 2702 .dropdown-menu li > a > [class*=" glyphicon-"] { 2703 color: #888; 2704 } 2705 .dropdown-menu li > a:hover, 2706 .dropdown-menu .active > a, 2707 .dropdown-menu .active > a:hover { 2708 text-decoration: none; 2709 background-image: none; 2710 background-color: #f6f6f6; 2711 color: #555; 2712 filter: none; 2713 } 2714 .dropdown-menu.bottom-up { 2715 top: auto; 2716 bottom: 100%; 2717 margin-bottom: 2px; 2718 } 2719 .dropdown-menu > li:first-child:hover > a { 2720 border-radius: 2px 2px 0px 0px; 2721 } 2722 .dropdown-menu > li:last-child:hover > a { 2723 border-radius: 0px 0px 2px 2px; 2724 } 2725 2726 .dropdown > .dropdown-menu.pull-left:before, 2727 .dropdown-toggle > .dropdown-menu.pull-left:before, 2728 .btn-group > .dropdown-menu.pull-left:before { 2729 left: auto; 2730 right: 9px; 2731 } 2732 .dropdown > .dropdown-menu.pull-left:after, 2733 .dropdown-toggle > .dropdown-menu.pull-left:after, 2734 .btn-group > .dropdown-menu.pull-left:after { 2735 left: auto; 2736 right: 10px; 2737 } 2738 .dropdown > .dropdown-menu.pull-right:before, 2739 .dropdown-toggle > .dropdown-menu.pull-right:before, 2740 .btn-group > .dropdown-menu.pull-right:before { 2741 left: auto; 2742 right: 9px; 2743 } 2744 .dropdown > .dropdown-menu.pull-right:after, 2745 .dropdown-toggle > .dropdown-menu.pull-right:after, 2746 .btn-group > .dropdown-menu.pull-right:after { 2747 left: auto; 2748 right: 10px; 2749 } 2750 .dropdown.dropup > .dropdown-menu, 2751 .dropdown-toggle.dropup > .dropdown-menu, 2752 .btn-group.dropup > .dropdown-menu { 2753 margin-top: 0px; 2754 margin-bottom: 10px; 2755 } 2756 .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before, 2757 .dropdown-toggle.dropup > .dropdown-menu:after, 2758 .dropdown-toggle.dropup > .dropdown-menu:before, 2759 .btn-group.dropup > .dropdown-menu:after, 2760 .btn-group.dropup > .dropdown-menu:before { 2761 display: none !important; 2762 } 2763 2764 /* Dropdown submenu support for Bootsrap 3 */ 2765 .dropdown-submenu { 2766 position: relative; 2767 } 2768 .dropdown-submenu > .dropdown-menu { 2769 top: 5px; 2770 left: 100%; 2771 margin-top: -6px; 2772 margin-left: -1px; 2773 } 2774 .dropdown-submenu > a:after { 2775 position: absolute; 2776 display: inline-block; 2777 font-size: 14px; 2778 right: 7px; 2779 top: 7px; 2780 font-family: FontAwesome; 2781 height: auto; 2782 content: "\f105"; 2783 font-weight: 300; 2784 } 2785 .dropdown-submenu:hover > .dropdown-menu { 2786 display: block; 2787 } 2788 .dropdown-submenu:hover > a:after { 2789 border-left-color: #ffffff; 2790 } 2791 .dropdown-submenu.pull-left { 2792 float: none; 2793 } 2794 .dropdown-submenu.pull-left > .dropdown-menu { 2795 left: -100%; 2796 margin-left: 10px; 2797 } 2798 .dropup .dropdown-submenu > .dropdown-menu { 2799 top: auto; 2800 bottom: 0; 2801 margin-top: 0; 2802 margin-bottom: -2px; 2803 } 2804 2805 .nav.pull-right > li > .dropdown-menu, 2806 .nav > li > .dropdown-menu.pull-right { 2807 right: 0; 2808 left: auto; 2809 } 2810 .nav.pull-right > li > .dropdown-menu:before, 2811 .nav > li > .dropdown-menu.pull-right:before { 2812 right: 12px; 2813 left: auto; 2814 } 2815 .nav.pull-right > li > .dropdown-menu:after, 2816 .nav > li > .dropdown-menu.pull-right:after { 2817 right: 13px; 2818 left: auto; 2819 } 2820 .nav.pull-right > li > .dropdown-menu .dropdown-menu, 2821 .nav > li > .dropdown-menu.pull-right .dropdown-menu { 2822 right: 100%; 2823 left: auto; 2824 margin-right: -1px; 2825 margin-left: 0; 2826 } 2827 2828 @media (max-width: 767px) { 2829 /* 767px */ 2830 .navbar-nav .open .dropdown-menu { 2831 position: absolute; 2832 float: left; 2833 width: auto; 2834 margin-top: 0; 2835 background-color: #ffffff; 2836 border: 1px solid #efefef; 2837 box-shadow: 5px 5px rgba(102, 102, 102, 0.1); 2838 } 2839 .navbar-nav .open .dropdown-menu > li > a { 2840 padding: 6px 0 6px 13px; 2841 color: #333; 2842 } 2843 .navbar-nav .open .dropdown-menu > li > a:hover, 2844 .navbar-nav .open .dropdown-menu > li > a:active { 2845 background-color: #eee; 2846 } 2847 } 2848 /*** 2849 Dropdown Checkboxes 2850 ***/ 2851 .dropdown-content { 2852 padding: 5px; 2853 } 2854 .dropdown-content form { 2855 margin: 0; 2856 } 2857 2858 .dropdown.inline .dropdown-menu { 2859 display: inline-block; 2860 position: relative; 2861 } 2862 2863 .dropdown-radiobuttons, 2864 .dropdown-checkboxes { 2865 padding: 5px; 2866 } 2867 .dropdown-radiobuttons label, 2868 .dropdown-checkboxes label { 2869 display: block; 2870 font-weight: 300; 2871 color: #333; 2872 margin-bottom: 4px; 2873 margin-top: 4px; 2874 } 2875 .dropdown-radiobuttons label .radio, 2876 .dropdown-checkboxes label .radio { 2877 margin-right: 3px; 2878 } 2879 2880 .dropdown-menu { 2881 border: 0 !important; 2882 border-radius: 2px !important; 2883 margin: 0; 2884 } 2885 .dropdown-menu:before, .dropdown-menu:after { 2886 display: none !important; 2887 } 2888 2889 .btn-group > .dropdown-menu { 2890 opacity: 0 ; 2891 filter: alpha(opacity=0) ; 2892 margin-top: 0px; 2893 } 2894 .btn-group.dropup > .dropdown-menu { 2895 margin-top: 0px; 2896 margin-bottom: 0px; 2897 } 2898 2899 .btn-group.open > .dropdown-menu { 2900 transition: opacity 1500ms cubic-bezier(0.23, 1, 0.32, 1) 0.1ms; 2901 opacity: 1 ; 2902 filter: alpha(opacity=100) ; 2903 } 2904 2905 /*** 2906 System feeds 2907 ***/ 2908 .feeds { 2909 margin: 0px; 2910 padding: 0px; 2911 list-style: none; 2912 } 2913 .feeds li { 2914 background-color: #fafafa; 2915 color: #82949a; 2916 margin-bottom: 7px; 2917 } 2918 .feeds li:before, .feeds li:after { 2919 display: table; 2920 line-height: 0; 2921 content: ""; 2922 } 2923 .feeds li:after { 2924 clear: both; 2925 } 2926 .feeds li:last-child { 2927 margin-bottom: 0px; 2928 } 2929 .feeds li .col1 { 2930 float: left; 2931 width: 100%; 2932 clear: both; 2933 } 2934 .feeds li .col1 > .cont { 2935 float: left; 2936 margin-right: 75px; 2937 overflow: hidden; 2938 } 2939 .feeds li .col1 > .cont > .cont-col1 { 2940 float: left; 2941 margin-right: -100%; 2942 } 2943 .feeds li .col1 > .cont > .cont-col1 > .label { 2944 display: inline-block; 2945 padding: 5px 4px 6px 5px; 2946 vertical-align: middle; 2947 text-align: center; 2948 } 2949 .feeds li .col1 > .cont > .cont-col1 > .label > i { 2950 text-align: center; 2951 font-size: 14px; 2952 } 2953 .feeds li .col1 > .cont > .cont-col2 { 2954 float: left; 2955 width: 100%; 2956 } 2957 .feeds li .col1 > .cont > .cont-col2 > .desc { 2958 margin-left: 35px; 2959 padding-top: 4px; 2960 padding-bottom: 5px; 2961 overflow: hidden; 2962 } 2963 .feeds li .col2 { 2964 float: left; 2965 width: 75px; 2966 margin-left: -75px; 2967 } 2968 .feeds li .col2 > .date { 2969 padding: 4px 9px 5px 4px; 2970 text-align: right; 2971 font-style: italic; 2972 color: #c1cbd0; 2973 } 2974 2975 /*** 2976 Form Layouts 2977 ****/ 2978 /* Static info */ 2979 .static-info { 2980 margin-bottom: 10px; 2981 } 2982 .static-info .name { 2983 font-size: 14px; 2984 } 2985 .static-info .value { 2986 font-size: 14px; 2987 font-weight: 600; 2988 } 2989 .static-info.align-reverse .name, .static-info.align-reverse .value { 2990 text-align: right; 2991 } 2992 2993 /* Help blocks */ 2994 .help-block { 2995 margin-top: 5px; 2996 margin-bottom: 5px; 2997 } 2998 2999 .help-inline { 3000 font-size: 13px; 3001 color: #737373; 3002 display: inline-block; 3003 padding: 5px; 3004 } 3005 3006 .form-inline input { 3007 margin-bottom: 0px !important; 3008 } 3009 3010 /* Control Label */ 3011 .control-label { 3012 margin-top: 1px; 3013 } 3014 .control-label .required { 3015 color: #e02222; 3016 font-size: 12px; 3017 padding-left: 2px; 3018 } 3019 3020 .form { 3021 padding: 0 !important; 3022 } 3023 .form .form-body { 3024 padding: 10px; 3025 } 3026 .portlet.light .form .form-body { 3027 padding-left: 0; 3028 padding-right: 0; 3029 } 3030 .form .form-actions { 3031 padding: 20px 10px; 3032 margin: 0; 3033 background-color: #f5f5f5; 3034 *zoom: 1; 3035 } 3036 .portlet.light .form .form-actions { 3037 background: none; 3038 padding-left: 0; 3039 padding-right: 0; 3040 } 3041 .form .form-actions.noborder { 3042 border-top: 0; 3043 } 3044 .portlet .form .form-actions { 3045 -webkit-border-radius: 0 0 2px 2px; 3046 -moz-border-radius: 0 0 2px 2px; 3047 -ms-border-radius: 0 0 2px 2px; 3048 -o-border-radius: 0 0 2px 2px; 3049 border-radius: 0 0 2px 2px; 3050 } 3051 .form .form-actions:before, .form .form-actions:after { 3052 content: " "; 3053 display: table; 3054 } 3055 .form .form-actions:after { 3056 clear: both; 3057 } 3058 .form .form-actions.right { 3059 padding-left: 0; 3060 padding-right: 10px; 3061 text-align: right; 3062 } 3063 .portlet.light .form .form-actions.right { 3064 padding-right: 0; 3065 } 3066 .form .form-actions.left { 3067 padding-left: 10px; 3068 padding-right: 0; 3069 text-align: left; 3070 } 3071 .portlet.light .form .form-actions.left { 3072 padding-left: 0; 3073 } 3074 .form .form-actions.nobg { 3075 background-color: transparent; 3076 } 3077 .form .form-actions.top { 3078 margin-top: 0; 3079 margin-bottom: 20px; 3080 border-top: 0; 3081 } 3082 .portlet.light .form .form-actions.top { 3083 background: none; 3084 } 3085 .form .form-actions .btn-set { 3086 display: inline-block; 3087 } 3088 @media (max-width: 767px) { 3089 .form .form-actions { 3090 /* 767px */ 3091 } 3092 .form .form-actions .btn-set { 3093 margin-bottom: 3px; 3094 margin-top: 3px; 3095 float: left !important; 3096 } 3097 } 3098 .form .form-section { 3099 margin: 30px 0px 25px 0px; 3100 padding-bottom: 5px; 3101 } 3102 .form .form-section:first-child { 3103 margin-top: 5px; 3104 } 3105 3106 /* Checkboxes */ 3107 .checkbox, 3108 .form-horizontal .checkbox { 3109 padding: 0; 3110 } 3111 .checkbox > label, 3112 .form-horizontal .checkbox > label { 3113 padding-left: 0; 3114 } 3115 3116 .checkbox-list > label { 3117 display: block; 3118 } 3119 .checkbox-list > label.checkbox-inline { 3120 display: inline-block; 3121 } 3122 .checkbox-list > label.checkbox-inline:first-child { 3123 padding-left: 0; 3124 } 3125 3126 /* Radio buttons */ 3127 .radio-list > label { 3128 display: block; 3129 } 3130 .radio-list > label.radio-inline { 3131 display: inline-block; 3132 } 3133 .radio-list > label.radio-inline:first-child { 3134 padding-left: 0; 3135 } 3136 3137 /* Radio buttons in horizontal forms */ 3138 .form-horizontal .radio-list .radio { 3139 padding-top: 1px; 3140 } 3141 .form-horizontal .radio-list > label { 3142 margin-bottom: 0; 3143 } 3144 .form-horizontal .radio > span { 3145 margin-top: 2px; 3146 } 3147 3148 /* Rows seperated form layout */ 3149 .form .form-row-seperated .portlet-body { 3150 padding: 0; 3151 } 3152 .form .form-row-seperated .form-group { 3153 margin: 0; 3154 border-bottom: 1px solid #efefef; 3155 padding: 15px 0; 3156 } 3157 .form .form-row-seperated .form-group.last { 3158 border-bottom: 0; 3159 margin-bottom: 0; 3160 padding-bottom: 13px; 3161 } 3162 .form .form-row-seperated .form-group .help-block { 3163 margin-bottom: 0; 3164 } 3165 .form .form-row-seperated .form-body { 3166 padding: 0; 3167 } 3168 .form .form-row-seperated .form-actions { 3169 padding-left: 15px !important; 3170 padding-right: 15px !important; 3171 } 3172 3173 /* Form bordered */ 3174 .form .form-bordered .form-group { 3175 margin: 0; 3176 border-bottom: 1px solid #efefef; 3177 } 3178 .form .form-bordered .form-group > div { 3179 padding: 15px; 3180 border-left: 1px solid #efefef; 3181 } 3182 @media (max-width: 991px) { 3183 .form .form-bordered .form-group > div { 3184 /* 991px */ 3185 border-left: 0; 3186 } 3187 } 3188 .form .form-bordered .form-group.last { 3189 border-bottom: 0; 3190 } 3191 .form .form-bordered .form-group .control-label { 3192 padding-top: 20px; 3193 } 3194 @media (max-width: 991px) { 3195 .form .form-bordered .form-group .control-label { 3196 /* 991px */ 3197 padding-top: 10px; 3198 } 3199 } 3200 .form .form-bordered .form-group .help-block { 3201 margin-bottom: 0; 3202 } 3203 .form .form-bordered .form-group .form-control { 3204 margin: 0; 3205 } 3206 .form .form-bordered .form-body { 3207 margin: 0; 3208 padding: 0; 3209 } 3210 .form .form-bordered .form-actions { 3211 margin-top: 0; 3212 padding-left: 16px !important; 3213 padding-right: 16px !important; 3214 } 3215 @media (max-width: 991px) { 3216 .form .form-bordered .form-actions { 3217 /* 991px */ 3218 padding-left: 15px !important; 3219 padding-right: 15px !important; 3220 } 3221 } 3222 3223 /* Horizontal bordered form */ 3224 .form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { 3225 background-color: #fcfcfc; 3226 } 3227 .form .form-horizontal.form-bordered.form-row-stripped .form-control { 3228 background: #fff !important; 3229 } 3230 .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { 3231 background-color: #fcfcfc; 3232 } 3233 .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { 3234 background-color: #ffffff; 3235 } 3236 .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { 3237 background-color: #fcfcfc; 3238 } 3239 3240 /*** 3241 Forms 3242 ***/ 3243 /* Input placeholder font color */ 3244 .form-control::-moz-placeholder { 3245 color: #b3b3b3; 3246 opacity: 1; 3247 } 3248 .form-control:-ms-input-placeholder { 3249 color: #b3b3b3; 3250 } 3251 .form-control::-webkit-input-placeholder { 3252 color: #b3b3b3; 3253 } 3254 3255 /* Form inputs */ 3256 .form-control { 3257 font-size: 14px; 3258 font-weight: normal; 3259 color: #333; 3260 background-color: #fff; 3261 border: 1px solid #e5e5e5; 3262 box-shadow: none; 3263 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 3264 -webkit-border-radius: 2px; 3265 -moz-border-radius: 2px; 3266 -ms-border-radius: 2px; 3267 -o-border-radius: 2px; 3268 border-radius: 2px; 3269 } 3270 .form-control:focus { 3271 border-color: #999; 3272 outline: 0; 3273 -webkit-box-shadow: none; 3274 box-shadow: none; 3275 } 3276 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { 3277 cursor: not-allowed; 3278 background-color: #eeeeee; 3279 } 3280 .form-control.height-auto { 3281 height: auto; 3282 } 3283 .form-control.form-control-solid { 3284 background-color: #F1F3F8; 3285 border-color: #F1F3F8; 3286 color: #A6B2BA; 3287 } 3288 .form-control.form-control-solid:focus { 3289 border-color: #e3e7f1; 3290 } 3291 .form-control.form-control-solid::-moz-placeholder { 3292 color: #acb7be; 3293 opacity: 1; 3294 } 3295 .form-control.form-control-solid:-ms-input-placeholder { 3296 color: #acb7be; 3297 } 3298 .form-control.form-control-solid::-webkit-input-placeholder { 3299 color: #acb7be; 3300 } 3301 3302 /* Form uneditable input */ 3303 .uneditable-input { 3304 padding: 6px 12px; 3305 min-width: 206px; 3306 font-size: 14px; 3307 font-weight: normal; 3308 height: 34px; 3309 color: #333; 3310 background-color: #fff; 3311 border: 1px solid #e5e5e5; 3312 -webkit-box-shadow: none; 3313 box-shadow: none; 3314 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 3315 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 3316 } 3317 3318 /* Form input sizing */ 3319 .input-mini { 3320 width: 45px !important; 3321 } 3322 3323 .input-xsmall { 3324 width: 80px !important; 3325 } 3326 3327 .input-small { 3328 width: 145px !important; 3329 } 3330 3331 .input-medium { 3332 width: 240px !important; 3333 } 3334 3335 .input-large { 3336 width: 320px !important; 3337 } 3338 3339 .input-xlarge { 3340 width: 420px !important; 3341 } 3342 3343 .input-inline { 3344 display: inline-block; 3345 width: auto; 3346 vertical-align: middle; 3347 } 3348 3349 .form-group .input-inline { 3350 margin-right: 5px; 3351 } 3352 3353 .input-sm { 3354 height: 28px; 3355 padding: 5px 10px; 3356 font-size: 13px; 3357 } 3358 3359 select.input-sm { 3360 height: 28px; 3361 line-height: 28px; 3362 padding: 2px 10px; 3363 } 3364 3365 @media (max-width: 768px) { 3366 /* 768px */ 3367 .input-large { 3368 width: 250px !important; 3369 } 3370 3371 .input-xlarge { 3372 width: 300px !important; 3373 } 3374 } 3375 /* Input groups */ 3376 .input-group .btn-default { 3377 border-color: #e5e5e5; 3378 } 3379 .input-group .input-group-addon { 3380 border-color: #e5e5e5; 3381 background: #e5e5e5; 3382 min-width: 39px; 3383 } 3384 .input-group .input-group-addon > i { 3385 color: #999; 3386 } 3387 3388 /* Input spinner */ 3389 input[type="text"].spinner, 3390 input[type="password"].spinner, 3391 input[type="datetime"].spinner, 3392 input[type="datetime-local"].spinner, 3393 input[type="date"].spinner, 3394 input[type="month"].spinner, 3395 input[type="time"].spinner, 3396 input[type="week"].spinner, 3397 input[type="number"].spinner, 3398 input[type="email"].spinner, 3399 input[type="url"].spinner, 3400 input[type="search"].spinner, 3401 input[type="tel"].spinner, 3402 input[type="color"].spinner { 3403 background-image: url("../img/input-spinner.gif") !important; 3404 background-repeat: no-repeat; 3405 background-position: right 8px; 3406 } 3407 3408 /* Form labels */ 3409 label { 3410 font-weight: 400; 3411 font-size: 14px; 3412 } 3413 3414 /* Static form control */ 3415 .form-control-static { 3416 margin: 2px 0; 3417 display: inline-block; 3418 } 3419 3420 /* Feedback states */ 3421 .has-success .help-block, 3422 .has-success .help-inline, 3423 .has-success .control-label, 3424 .has-success .radio, 3425 .has-success .checkbox, 3426 .has-success .radio-inline, 3427 .has-success .checkbox-inline { 3428 color: #26A69A; 3429 } 3430 .has-success .form-control { 3431 border-color: #219174; 3432 -webkit-box-shadow: none; 3433 box-shadow: none; 3434 } 3435 .has-success .form-control:focus { 3436 border-color: #186853; 3437 -webkit-box-shadow: none; 3438 box-shadow: none; 3439 } 3440 .has-success .input-group-addon { 3441 color: #d6f5f3; 3442 border-color: #219174; 3443 background-color: #26A69A; 3444 } 3445 .has-success .input-group-addon > i { 3446 color: #26A69A; 3447 } 3448 .has-success .form-control-feedback { 3449 color: #d6f5f3; 3450 } 3451 3452 .has-warning .help-block, 3453 .has-warning .help-inline, 3454 .has-warning .control-label, 3455 .has-warning .radio, 3456 .has-warning .checkbox, 3457 .has-warning .radio-inline, 3458 .has-warning .checkbox-inline { 3459 color: #ff5722; 3460 } 3461 .has-warning .form-control { 3462 border-color: #ff1b08; 3463 -webkit-box-shadow: none; 3464 box-shadow: none; 3465 } 3466 .has-warning .form-control:focus { 3467 border-color: #d41000; 3468 -webkit-box-shadow: none; 3469 box-shadow: none; 3470 } 3471 .has-warning .input-group-addon { 3472 color: white; 3473 border-color: #ff1b08; 3474 background-color: #ff5722; 3475 } 3476 .has-warning .input-group-addon > i { 3477 color: #ff5722; 3478 } 3479 .has-warning .form-control-feedback { 3480 color: white; 3481 } 3482 3483 .has-error .help-block, 3484 .has-error .help-inline, 3485 .has-error .control-label, 3486 .has-error .radio, 3487 .has-error .checkbox, 3488 .has-error .radio-inline, 3489 .has-error .checkbox-inline { 3490 color: #F3565D; 3491 } 3492 .has-error .form-control { 3493 border-color: #f13e64; 3494 -webkit-box-shadow: none; 3495 box-shadow: none; 3496 } 3497 .has-error .form-control:focus { 3498 border-color: #ec113f; 3499 -webkit-box-shadow: none; 3500 box-shadow: none; 3501 } 3502 .has-error .input-group-addon { 3503 color: white; 3504 border-color: #f13e64; 3505 background-color: #F3565D; 3506 } 3507 .has-error .input-group-addon > i { 3508 color: #F3565D; 3509 } 3510 .has-error .form-control-feedback { 3511 color: white; 3512 } 3513 3514 /* Circle Inputs */ 3515 .input-circle { 3516 border-radius: 25px !important; 3517 } 3518 3519 .input-circle-right { 3520 border-radius: 0 25px 25px 0 !important; 3521 } 3522 3523 .input-circle-left { 3524 border-radius: 25px 0 0 25px !important; 3525 } 3526 3527 .input-circle-bottom { 3528 border-radius: 0 0 25px 25px !important; 3529 } 3530 3531 .input-circle-top { 3532 border-radius: 25px 25px 0 0 !important; 3533 } 3534 3535 .input-group-btn .btn { 3536 box-shadow: none; 3537 } 3538 3539 /*** 3540 Custom icon buttons 3541 ***/ 3542 .icon-btn { 3543 height: 60px; 3544 min-width: 80px; 3545 margin: 5px 5px 0 0; 3546 border: 1px solid #ddd; 3547 padding: 12px 0px 0px 0px; 3548 background-color: #fafafa; 3549 background-image: none; 3550 filter: none; 3551 display: inline-block; 3552 color: #646464; 3553 text-shadow: none; 3554 text-align: center; 3555 cursor: pointer; 3556 position: relative; 3557 -webkit-transition: all 0.3s ease; 3558 -moz-transition: all 0.3s ease; 3559 -ms-transition: all 0.3s ease; 3560 -o-transition: all 0.3s ease; 3561 transition: all 0.3s ease; 3562 } 3563 .icon-btn:hover { 3564 text-decoration: none; 3565 border-color: #999; 3566 color: #444; 3567 text-shadow: 0 1px 0px white; 3568 -webkit-transition: all 0.3s ease; 3569 -moz-transition: all 0.3s ease; 3570 -ms-transition: all 0.3s ease; 3571 -o-transition: all 0.3s ease; 3572 transition: all 0.3s ease; 3573 } 3574 .icon-btn:hover > .badge { 3575 -webkit-transition: all 0.3s ease; 3576 -moz-transition: all 0.3s ease; 3577 -ms-transition: all 0.3s ease; 3578 -o-transition: all 0.3s ease; 3579 transition: all 0.3s ease; 3580 } 3581 .icon-btn > div { 3582 margin-top: 5px; 3583 margin-bottom: 20px; 3584 color: #000; 3585 font-size: 12px; 3586 font-weight: 300; 3587 } 3588 .icon-btn > .badge { 3589 position: absolute; 3590 font-size: 11px; 3591 font-weight: 300; 3592 top: -5px; 3593 right: -5px; 3594 padding: 3px 6px 3px 6px; 3595 color: white; 3596 text-shadow: none; 3597 border-width: 0; 3598 border-style: solid; 3599 -webkit-border-radius: 12px; 3600 -moz-border-radius: 12px; 3601 border-radius: 12px; 3602 } 3603 .icon-btn > i { 3604 font-size: 18px; 3605 } 3606 .ie8 .icon-btn:hover { 3607 filter: none; 3608 } 3609 3610 .icon-btn { 3611 border: 0; 3612 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); 3613 } 3614 .icon-btn > div { 3615 color: #666666; 3616 text-transform: uppercase; 3617 font-weight: 600; 3618 font-size: 11px; 3619 } 3620 .icon-btn:hover { 3621 text-decoration: none; 3622 } 3623 3624 /*** 3625 Input icons 3626 ***/ 3627 .input-icon { 3628 position: relative; 3629 } 3630 .input-icon > .form-control { 3631 padding-left: 33px; 3632 } 3633 .input-group .input-icon > .form-control { 3634 -webkit-border-radius: 2px 0 0 2px; 3635 -moz-border-radius: 2px 0 0 2px; 3636 -ms-border-radius: 2px 0 0 2px; 3637 -o-border-radius: 2px 0 0 2px; 3638 border-radius: 2px 0 0 2px; 3639 } 3640 .input-icon > i { 3641 color: #ccc; 3642 display: block; 3643 position: absolute; 3644 margin: 11px 2px 4px 10px; 3645 z-index: 3; 3646 width: 16px; 3647 font-size: 16px; 3648 text-align: center; 3649 } 3650 .modal .input-icon > i { 3651 z-index: 10055; 3652 } 3653 .has-success .input-icon > i { 3654 color: #26A69A; 3655 } 3656 .has-warning .input-icon > i { 3657 color: #ff5722; 3658 } 3659 .has-info .input-icon > i { 3660 color: #89C4F4; 3661 } 3662 .has-error .input-icon > i { 3663 color: #F3565D; 3664 } 3665 .input-icon.right > .form-control { 3666 padding-right: 33px; 3667 padding-left: 12px; 3668 } 3669 .input-group .input-icon.right > .form-control { 3670 -webkit-border-radius: 0 2px 2px 0; 3671 -moz-border-radius: 0 2px 2px 0; 3672 -ms-border-radius: 0 2px 2px 0; 3673 -o-border-radius: 0 2px 2px 0; 3674 border-radius: 0 2px 2px 0; 3675 } 3676 .input-icon.right > i { 3677 right: 8px; 3678 float: right; 3679 } 3680 .input-icon.input-icon-lg > i { 3681 margin-top: 16px; 3682 } 3683 .input-icon.input-icon-sm > i { 3684 margin-top: 8px; 3685 font-size: 13px; 3686 } 3687 3688 /*** 3689 Customized Bootstrap Labels 3690 ***/ 3691 .label { 3692 text-shadow: none !important; 3693 font-size: 13px; 3694 font-weight: 300; 3695 padding: 3px 6px 3px 6px; 3696 color: #fff; 3697 font-family: "Open Sans", sans-serif; 3698 } 3699 .label.label-sm { 3700 font-size: 12px; 3701 padding: 0px 4px 1px 4px; 3702 } 3703 h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { 3704 font-size: 75%; 3705 } 3706 3707 /* Labels variants */ 3708 .label-default { 3709 background-color: #c6c6c6; 3710 } 3711 .label-default[href]:hover, .label-default[href]:focus { 3712 background-color: #adadad; 3713 } 3714 3715 .label-primary { 3716 background-color: #00BCD4; 3717 } 3718 .label-primary[href]:hover, .label-primary[href]:focus { 3719 background-color: #008fa1; 3720 } 3721 3722 .label-success { 3723 background-color: #26A69A; 3724 } 3725 .label-success[href]:hover, .label-success[href]:focus { 3726 background-color: #1c7d74; 3727 } 3728 3729 .label-info { 3730 background-color: #89C4F4; 3731 } 3732 .label-info[href]:hover, .label-info[href]:focus { 3733 background-color: #5aadf0; 3734 } 3735 3736 .label-warning { 3737 background-color: #ff5722; 3738 } 3739 .label-warning[href]:hover, .label-warning[href]:focus { 3740 background-color: #ee3900; 3741 } 3742 3743 .label-danger { 3744 background-color: #F3565D; 3745 } 3746 .label-danger[href]:hover, .label-danger[href]:focus { 3747 background-color: #f0262f; 3748 } 3749 3750 /*** 3751 Iconic labels 3752 ***/ 3753 .label.label-icon { 3754 padding: 4px 0px 4px 4px; 3755 margin-right: 2px; 3756 text-align: center !important; 3757 } 3758 .label.label-icon > i { 3759 font-size: 12px; 3760 text-align: center !important; 3761 } 3762 .ie8 .label.label-icon, .ie9 .label.label-icon { 3763 padding: 3px 0px 3px 3px; 3764 } 3765 3766 /*** 3767 Text states 3768 ***/ 3769 .text-default { 3770 color: #c6c6c6; 3771 } 3772 3773 .text-primary { 3774 color: #00BCD4; 3775 } 3776 3777 .text-success { 3778 color: #26A69A; 3779 } 3780 3781 .text-info { 3782 color: #89C4F4; 3783 } 3784 3785 .text-warning { 3786 color: #ff5722; 3787 } 3788 3789 .text-danger { 3790 color: #F3565D; 3791 } 3792 3793 .label { 3794 text-transform: uppercase; 3795 padding: 2px 6px 4px 6px; 3796 font-size: 10px; 3797 font-weight: 600; 3798 } 3799 .label.label-sm { 3800 font-size: 10px; 3801 font-weight: 600; 3802 padding: 3px 6px 3px 6px; 3803 } 3804 3805 .label.label-icon { 3806 padding: 4px 0px 4px 4px !important; 3807 font-size: 12px !important; 3808 } 3809 .ie8 .label.label-icon, .ie9 .label.label-icon { 3810 padding: 3px 0 3px 3px !important; 3811 } 3812 3813 /*** 3814 Customized List Group 3815 ***/ 3816 /* Contextual variants */ 3817 .list-group > li:first-child { 3818 border-radius-topleft: 2px; 3819 border-radius-topright: 2px; 3820 } 3821 .list-group > li:last-child { 3822 border-radius-bottomleft: 2px; 3823 border-radius-bottomright: 2px; 3824 } 3825 3826 .list-group .list-group-item-success { 3827 color: #d6f5f3; 3828 background-color: #26A69A; 3829 } 3830 .list-group a.list-group-item-success { 3831 color: #d6f5f3; 3832 } 3833 .list-group a.list-group-item-success .list-group-item-heading { 3834 color: inherit; 3835 } 3836 .list-group a.list-group-item-success:hover, .list-group a.list-group-item-success:focus { 3837 color: #d6f5f3; 3838 background-color: #219187; 3839 } 3840 .list-group a.list-group-item-success.active, .list-group a.list-group-item-success.active:hover, .list-group a.list-group-item-success.active:focus { 3841 color: #fff; 3842 background-color: #d6f5f3; 3843 border-color: #d6f5f3; 3844 } 3845 3846 .list-group .list-group-item-info { 3847 color: white; 3848 background-color: #89C4F4; 3849 } 3850 .list-group a.list-group-item-info { 3851 color: white; 3852 } 3853 .list-group a.list-group-item-info .list-group-item-heading { 3854 color: inherit; 3855 } 3856 .list-group a.list-group-item-info:hover, .list-group a.list-group-item-info:focus { 3857 color: white; 3858 background-color: #72b8f2; 3859 } 3860 .list-group a.list-group-item-info.active, .list-group a.list-group-item-info.active:hover, .list-group a.list-group-item-info.active:focus { 3861 color: #fff; 3862 background-color: white; 3863 border-color: white; 3864 } 3865 3866 .list-group .list-group-item-warning { 3867 color: white; 3868 background-color: #ff5722; 3869 } 3870 .list-group a.list-group-item-warning { 3871 color: white; 3872 } 3873 .list-group a.list-group-item-warning .list-group-item-heading { 3874 color: inherit; 3875 } 3876 .list-group a.list-group-item-warning:hover, .list-group a.list-group-item-warning:focus { 3877 color: white; 3878 background-color: #ff4408; 3879 } 3880 .list-group a.list-group-item-warning.active, .list-group a.list-group-item-warning.active:hover, .list-group a.list-group-item-warning.active:focus { 3881 color: #fff; 3882 background-color: white; 3883 border-color: white; 3884 } 3885 3886 .list-group .list-group-item-danger { 3887 color: white; 3888 background-color: #F3565D; 3889 } 3890 .list-group a.list-group-item-danger { 3891 color: white; 3892 } 3893 .list-group a.list-group-item-danger .list-group-item-heading { 3894 color: inherit; 3895 } 3896 .list-group a.list-group-item-danger:hover, .list-group a.list-group-item-danger:focus { 3897 color: white; 3898 background-color: #f13e46; 3899 } 3900 .list-group a.list-group-item-danger.active, .list-group a.list-group-item-danger.active:hover, .list-group a.list-group-item-danger.active:focus { 3901 color: #fff; 3902 background-color: white; 3903 border-color: white; 3904 } 3905 3906 .list-group1 { 3907 margin-left: 5px; 3908 margin-right: 5px; 3909 border: 0; 3910 } 3911 3912 /*** 3913 UI Loading 3914 ***/ 3915 .loading-message { 3916 display: inline-block; 3917 min-width: 125px; 3918 margin-left: -60px; 3919 padding: 10px; 3920 margin: 0 auto; 3921 color: #000 !important; 3922 font-size: 13px; 3923 font-weight: 400; 3924 text-align: center; 3925 vertical-align: middle; 3926 } 3927 .loading-message.loading-message-boxed { 3928 border: 1px solid #ddd; 3929 background-color: #eee; 3930 -webkit-border-radius: 2px; 3931 -moz-border-radius: 2px; 3932 -ms-border-radius: 2px; 3933 -o-border-radius: 2px; 3934 border-radius: 2px; 3935 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); 3936 -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); 3937 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); 3938 } 3939 .loading-message > span { 3940 line-height: 20px; 3941 vertical-align: middle; 3942 } 3943 3944 .page-loading { 3945 -webkit-border-radius: 2px; 3946 -moz-border-radius: 2px; 3947 -ms-border-radius: 2px; 3948 -o-border-radius: 2px; 3949 border-radius: 2px; 3950 position: fixed; 3951 top: 50%; 3952 left: 50%; 3953 min-width: 125px; 3954 margin-left: -60px; 3955 margin-top: -30px; 3956 padding: 7px; 3957 text-align: center; 3958 color: #333; 3959 font-size: 13px; 3960 border: 1px solid #ddd; 3961 background-color: #eee; 3962 vertical-align: middle; 3963 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); 3964 -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); 3965 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); 3966 } 3967 .page-loading > span { 3968 line-height: 20px; 3969 vertical-align: middle; 3970 } 3971 3972 .page-spinner-bar { 3973 position: fixed; 3974 z-index: 10051; 3975 width: 100px; 3976 top: 40%; 3977 left: 50%; 3978 margin-left: -55px; 3979 text-align: center; 3980 } 3981 .page-spinner-bar > div { 3982 margin: 0 5px; 3983 width: 18px; 3984 height: 18px; 3985 background: #eee; 3986 border-radius: 100% !important; 3987 display: inline-block; 3988 -webkit-animation: bounceDelay 1.4s infinite ease-in-out; 3989 animation: bounceDelay 1.4s infinite ease-in-out; 3990 /* Prevent first frame from flickering when animation starts */ 3991 -webkit-animation-fill-mode: both; 3992 animation-fill-mode: both; 3993 } 3994 .page-spinner-bar .bounce1 { 3995 -webkit-animation-delay: -0.32s; 3996 animation-delay: -0.32s; 3997 } 3998 .page-spinner-bar .bounce2 { 3999 -webkit-animation-delay: -0.16s; 4000 animation-delay: -0.16s; 4001 } 4002 4003 .block-spinner-bar { 4004 display: inline-block; 4005 width: 80px; 4006 text-align: center; 4007 } 4008 .block-spinner-bar > div { 4009 margin: 0 2px; 4010 width: 15px; 4011 height: 15px; 4012 background: #eee; 4013 border-radius: 100% !important; 4014 display: inline-block; 4015 -webkit-animation: bounceDelay 1.4s infinite ease-in-out; 4016 animation: bounceDelay 1.4s infinite ease-in-out; 4017 /* Prevent first frame from flickering when animation starts */ 4018 -webkit-animation-fill-mode: both; 4019 animation-fill-mode: both; 4020 } 4021 .block-spinner-bar .bounce1 { 4022 -webkit-animation-delay: -0.32s; 4023 animation-delay: -0.32s; 4024 } 4025 .block-spinner-bar .bounce2 { 4026 -webkit-animation-delay: -0.16s; 4027 animation-delay: -0.16s; 4028 } 4029 4030 /*** 4031 Metro icons 4032 ***/ 4033 [class^="m-icon-"] { 4034 display: inline-block; 4035 width: 14px; 4036 height: 14px; 4037 margin-top: 3px; 4038 line-height: 14px; 4039 vertical-align: top; 4040 background-image: url(../img/syncfusion-icons.png); 4041 background-position: 0 0; 4042 background-repeat: no-repeat; 4043 } 4044 4045 [class^="m-icon-big-"] { 4046 display: inline-block; 4047 width: 30px; 4048 height: 30px; 4049 margin: 6px; 4050 vertical-align: middle; 4051 background-image: url(../img/syncfusion-icons.png); 4052 background-position: 0 0px; 4053 background-repeat: no-repeat; 4054 } 4055 4056 /* large icons */ 4057 .btn.m-icon-big { 4058 padding: 9px 16px 8px 16px; 4059 } 4060 4061 .btn.m-icon-big.m-icon-only { 4062 padding: 9px 8px 8px 0px; 4063 } 4064 4065 .btn.m-icon-big [class^="m-icon-big-"] { 4066 margin: 0 0 0 10px; 4067 } 4068 4069 .btn.m-icon-ony > i { 4070 margin-left: 0px; 4071 } 4072 4073 /* default icons */ 4074 .btn.m-icon { 4075 padding: 7px 14px 7px 14px; 4076 } 4077 4078 .btn.m-icon [class^="m-icon-"] { 4079 margin: 4px 0 0 5px; 4080 } 4081 4082 .btn.m-icon.m-icon-only { 4083 padding: 7px 10px 7px 6px; 4084 } 4085 4086 /* white icon */ 4087 .m-icon-white { 4088 background-image: url(../img/syncfusion-icons-white.png); 4089 } 4090 4091 /* Misc */ 4092 .m-icon-swapright { 4093 background-position: -27px -10px; 4094 } 4095 4096 .m-icon-swapdown { 4097 background-position: -68px -10px; 4098 } 4099 4100 .m-icon-swapleft { 4101 background-position: -8px -10px; 4102 } 4103 4104 .m-icon-swapup { 4105 background-position: -46px -10px; 4106 } 4107 4108 .m-icon-big-swapright { 4109 background-position: -42px -28px; 4110 } 4111 4112 .m-icon-big-swapdown { 4113 background-position: -115px -28px; 4114 } 4115 4116 .m-icon-big-swapleft { 4117 background-position: -6px -28px; 4118 } 4119 4120 .m-icon-big-swapup { 4121 background-position: -78px -28px; 4122 } 4123 4124 /*** 4125 Customized Bootstrap Modal 4126 ***/ 4127 .modal { 4128 z-index: 10050; 4129 outline: none; 4130 overflow-y: auto !important; 4131 /* Fix content shifting to the right on modal open due to scrollbar closed */ 4132 } 4133 .page-portlet-fullscreen .modal { 4134 z-index: 10060; 4135 } 4136 .modal .modal-header { 4137 border-bottom: 1px solid #EFEFEF; 4138 } 4139 .modal .modal-header h3 { 4140 font-weight: 300; 4141 } 4142 .modal .modal-header .close { 4143 margin-top: 0px !important; 4144 } 4145 .modal.draggable-modal .modal-header { 4146 cursor: move; 4147 } 4148 .modal .modal-dialog { 4149 z-index: 10051; 4150 } 4151 .modal > .loading { 4152 position: absolute; 4153 top: 50%; 4154 left: 50%; 4155 margin-top: -22px; 4156 margin-left: -22px; 4157 } 4158 .modal.in .page-loading { 4159 display: none; 4160 } 4161 4162 .modal-open { 4163 overflow-y: auto !important; 4164 } 4165 4166 .modal-open-noscroll { 4167 overflow-y: hidden !important; 4168 } 4169 4170 .modal-backdrop { 4171 border: 0; 4172 outline: none; 4173 z-index: 10049; 4174 } 4175 .page-portlet-fullscreen .modal-backdrop { 4176 z-index: 10059; 4177 } 4178 .modal-backdrop, .modal-backdrop.fade.in { 4179 background-color: #333 !important; 4180 } 4181 4182 /* Full width modal */ 4183 .modal-full.modal-dialog { 4184 width: 99%; 4185 } 4186 4187 @media (max-width: 768px) { 4188 .modal-full.modal-dialog { 4189 width: auto; 4190 } 4191 } 4192 .modal .modal-content { 4193 -webkit-border-radius: 2px; 4194 -moz-border-radius: 2px; 4195 -ms-border-radius: 2px; 4196 -o-border-radius: 2px; 4197 border-radius: 2px; 4198 border: 0; 4199 } 4200 .modal .modal-content .modal-title { 4201 font-weight: 400; 4202 } 4203 .modal .modal-content .modal-footer { 4204 border: 0; 4205 } 4206 4207 .modal-backdrop.in { 4208 opacity: 0.2 ; 4209 filter: alpha(opacity=20) ; 4210 } 4211 4212 /*** 4213 Notes 4214 ***/ 4215 .note { 4216 margin: 0 0 20px 0; 4217 padding: 15px 30px 15px 15px; 4218 border-left: 5px solid #eee; 4219 -webkit-border-radius: 0 2px 2px 0; 4220 -moz-border-radius: 0 2px 2px 0; 4221 -ms-border-radius: 0 2px 2px 0; 4222 -o-border-radius: 0 2px 2px 0; 4223 border-radius: 0 2px 2px 0; 4224 } 4225 .note h1, 4226 .note h2, 4227 .note h3, 4228 .note h4, 4229 .note h5, 4230 .note h6 { 4231 margin-top: 0; 4232 } 4233 .note h1 .close, 4234 .note h2 .close, 4235 .note h3 .close, 4236 .note h4 .close, 4237 .note h5 .close, 4238 .note h6 .close { 4239 margin-right: -10px; 4240 } 4241 .note p { 4242 font-size: 13px; 4243 } 4244 .note p:last-child { 4245 margin-bottom: 0; 4246 } 4247 .note code, 4248 .note .highlight { 4249 background-color: #fff; 4250 } 4251 .note.note-default { 4252 background-color: lightgray; 4253 border-color: #adadad; 4254 color: #666666; 4255 } 4256 .note.note-default.note-bordered { 4257 background-color: #c3c3c3; 4258 border-color: #a0a0a0; 4259 } 4260 .note.note-default.note-shadow { 4261 background-color: #c6c6c6; 4262 border-color: #a0a0a0; 4263 box-shadow: 5px 5px rgba(162, 162, 162, 0.2); 4264 } 4265 .note.note-primary { 4266 background-color: #00d3ee; 4267 border-color: #00a198; 4268 color: #d4faff; 4269 } 4270 .note.note-primary.note-bordered { 4271 background-color: #00b7cf; 4272 border-color: #008880; 4273 } 4274 .note.note-primary.note-shadow { 4275 background-color: #00bcd4; 4276 border-color: #008880; 4277 box-shadow: 5px 5px rgba(0, 141, 133, 0.2); 4278 } 4279 .note.note-success { 4280 background-color: #2bbbad; 4281 border-color: #1c7d64; 4282 color: #d6f5f3; 4283 } 4284 .note.note-success.note-bordered { 4285 background-color: #25a296; 4286 border-color: #186853; 4287 } 4288 .note.note-success.note-shadow { 4289 background-color: #26a69a; 4290 border-color: #186853; 4291 box-shadow: 5px 5px rgba(25, 108, 86, 0.2); 4292 } 4293 .note.note-info { 4294 background-color: #a0d0f6; 4295 border-color: #51c2ef; 4296 color: white; 4297 } 4298 .note.note-info.note-bordered { 4299 background-color: #84c2f4; 4300 border-color: #3abaed; 4301 } 4302 .note.note-info.note-shadow { 4303 background-color: #89c4f4; 4304 border-color: #3abaed; 4305 box-shadow: 5px 5px rgba(62, 188, 237, 0.2); 4306 } 4307 .note.note-warning { 4308 background-color: #ff5722; 4309 border-color: #d41000; 4310 color: white; 4311 } 4312 .note.note-warning.note-bordered { 4313 background-color: #ff4003; 4314 border-color: #bb0e00; 4315 } 4316 .note.note-warning.note-shadow { 4317 background-color: #ff4408; 4318 border-color: #bb0e00; 4319 box-shadow: 5px 5px rgba(192, 14, 0, 0.2); 4320 } 4321 .note.note-danger { 4322 background-color: #f56e74; 4323 border-color: #f02651; 4324 color: white; 4325 } 4326 .note.note-danger.note-bordered { 4327 background-color: #f35158; 4328 border-color: #ec113f; 4329 } 4330 .note.note-danger.note-shadow { 4331 background-color: #f3565d; 4332 border-color: #ec113f; 4333 box-shadow: 5px 5px rgba(238, 19, 66, 0.2); 4334 } 4335 4336 .note { 4337 -webkit-border-radius: 2px; 4338 -moz-border-radius: 2px; 4339 -ms-border-radius: 2px; 4340 -o-border-radius: 2px; 4341 border-radius: 2px; 4342 border: 0; 4343 } 4344 4345 /*** 4346 Customized Bootstrap Pagination 4347 ***/ 4348 .pagination { 4349 margin: 10px 0; 4350 } 4351 .pagination.pagination-circle > li:first-child > a { 4352 border-radius: 25px 0 0 25px !important; 4353 } 4354 .pagination.pagination-circle > li:last-child > a { 4355 border-radius: 0 25px 25px 0 !important; 4356 } 4357 .pagination .active > a, 4358 .pagination .active > a:hover { 4359 background: #eee; 4360 border-color: #dddddd; 4361 color: #333; 4362 } 4363 4364 /*** 4365 Customized Bootstrap Panels 4366 ***/ 4367 .panel-group .panel { 4368 overflow: visible; 4369 } 4370 .panel .panel-body { 4371 font-size: 13px; 4372 } 4373 .panel .panel-title > a:hover { 4374 text-decoration: none; 4375 } 4376 .accordion .panel .panel-heading { 4377 padding: 0; 4378 } 4379 .accordion .panel .panel-title { 4380 padding: 0; 4381 } 4382 .accordion .panel .panel-title .accordion-toggle { 4383 display: block; 4384 padding: 10px 15px; 4385 } 4386 .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled { 4387 background: url("../img/accordion-plusminus.png") no-repeat; 4388 background-position: right -19px; 4389 margin-right: 15px; 4390 } 4391 .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed { 4392 background-position: right 12px; 4393 } 4394 4395 .panel-default { 4396 border-color: #e0e0e0; 4397 } 4398 .panel-default > .panel-heading { 4399 color: #666666; 4400 background-color: #f9f9f9; 4401 border-color: #e0e0e0; 4402 } 4403 .panel-default > .panel-heading + .panel-collapse .panel-body { 4404 border-top-color: #e0e0e0; 4405 } 4406 .panel-default > .panel-footer + .panel-collapse .panel-body { 4407 border-bottom-color: #e0e0e0; 4408 } 4409 4410 .panel-primary { 4411 border-color: #00bbb1; 4412 } 4413 .panel-primary > .panel-heading { 4414 color: #d4faff; 4415 background-color: #00BCD4; 4416 border-color: #00bbb1; 4417 } 4418 .panel-primary > .panel-heading + .panel-collapse .panel-body { 4419 border-top-color: #00bbb1; 4420 } 4421 .panel-primary > .panel-footer + .panel-collapse .panel-body { 4422 border-bottom-color: #00bbb1; 4423 } 4424 4425 .panel-success { 4426 border-color: #219174; 4427 } 4428 .panel-success > .panel-heading { 4429 color: #d6f5f3; 4430 background-color: #26A69A; 4431 border-color: #219174; 4432 } 4433 .panel-success > .panel-heading + .panel-collapse .panel-body { 4434 border-top-color: #219174; 4435 } 4436 .panel-success > .panel-footer + .panel-collapse .panel-body { 4437 border-bottom-color: #219174; 4438 } 4439 4440 .panel-info { 4441 border-color: #68caf1; 4442 } 4443 .panel-info > .panel-heading { 4444 color: white; 4445 background-color: #89C4F4; 4446 border-color: #68caf1; 4447 } 4448 .panel-info > .panel-heading + .panel-collapse .panel-body { 4449 border-top-color: #68caf1; 4450 } 4451 .panel-info > .panel-footer + .panel-collapse .panel-body { 4452 border-bottom-color: #68caf1; 4453 } 4454 4455 .panel-warning { 4456 border-color: #ff1b08; 4457 } 4458 .panel-warning > .panel-heading { 4459 color: white; 4460 background-color: #ff5722; 4461 border-color: #ff1b08; 4462 } 4463 .panel-warning > .panel-heading + .panel-collapse .panel-body { 4464 border-top-color: #ff1b08; 4465 } 4466 .panel-warning > .panel-footer + .panel-collapse .panel-body { 4467 border-bottom-color: #ff1b08; 4468 } 4469 4470 .panel-danger { 4471 border-color: #f13e64; 4472 } 4473 .panel-danger > .panel-heading { 4474 color: white; 4475 background-color: #F3565D; 4476 border-color: #f13e64; 4477 } 4478 .panel-danger > .panel-heading + .panel-collapse .panel-body { 4479 border-top-color: #f13e64; 4480 } 4481 .panel-danger > .panel-footer + .panel-collapse .panel-body { 4482 border-bottom-color: #f13e64; 4483 } 4484 4485 /*** 4486 Accordions 4487 ***/ 4488 .accordion-heading { 4489 background: #eee; 4490 } 4491 .accordion-heading a { 4492 text-decoration: none; 4493 } 4494 .accordion-heading a:hover { 4495 text-decoration: none; 4496 } 4497 4498 .panel { 4499 border: 0; 4500 } 4501 4502 /*** 4503 Customized Bootstrap Popover 4504 ***/ 4505 .popover { 4506 padding: 0; 4507 } 4508 .popover .popover-title { 4509 margin: 0 !important; 4510 } 4511 4512 .popover.name .popover-title, 4513 name .popover .popover-content, 4514 .popover.name .popover-content { 4515 color: #89C4F4; 4516 } 4517 4518 .popover.name .popover-title, 4519 name .popover .popover-content, 4520 .popover.name .popover-content { 4521 color: #00BCD4; 4522 } 4523 4524 .popover.name .popover-title, 4525 name .popover .popover-content, 4526 .popover.name .popover-content { 4527 color: #26A69A; 4528 } 4529 4530 .popover.name .popover-title, 4531 name .popover .popover-content, 4532 .popover.name .popover-content { 4533 color: #ff5722; 4534 } 4535 4536 .popover.name .popover-title, 4537 name .popover .popover-content, 4538 .popover.name .popover-content { 4539 color: #F3565D; 4540 } 4541 4542 .popover { 4543 -webkit-border-radius: 2px; 4544 -moz-border-radius: 2px; 4545 -ms-border-radius: 2px; 4546 -o-border-radius: 2px; 4547 border-radius: 2px; 4548 border: 0; 4549 background: #fff; 4550 } 4551 .popover > .popover-title { 4552 background: #fff; 4553 font-weight: 600; 4554 font-size: 12px; 4555 text-transform: uppercase; 4556 padding: 10px 14px 6px 14px; 4557 border: 0; 4558 } 4559 .popover .arrow, 4560 .popover .arrow:after { 4561 display: none !important; 4562 } 4563 4564 /*** 4565 Portlets 4566 ***/ 4567 /* Full Screen portlet mode */ 4568 .page-portlet-fullscreen { 4569 overflow: hidden; 4570 } 4571 4572 /* Basic portlet */ 4573 .portlet { 4574 margin-top: 0px; 4575 margin-bottom: 25px; 4576 padding: 0px; 4577 -webkit-border-radius: 2px; 4578 -moz-border-radius: 2px; 4579 -ms-border-radius: 2px; 4580 -o-border-radius: 2px; 4581 border-radius: 2px; 4582 } 4583 .portlet.portlet-fullscreen { 4584 z-index: 10060; 4585 margin: 0; 4586 position: fixed; 4587 top: 0; 4588 left: 0; 4589 bottom: 0; 4590 right: 0; 4591 width: 100%; 4592 height: 100%; 4593 background: #fff; 4594 } 4595 .portlet.portlet-fullscreen > .portlet-body { 4596 overflow-y: auto; 4597 overflow-x: hidden; 4598 padding: 0 10px; 4599 } 4600 .portlet.portlet-fullscreen > .portlet-title { 4601 padding: 0 10px; 4602 } 4603 .portlet > .portlet-title { 4604 border-bottom: 1px solid #eee; 4605 padding: 0; 4606 margin-bottom: 10px; 4607 min-height: 41px; 4608 -webkit-border-radius: 2px 2px 0 0; 4609 -moz-border-radius: 2px 2px 0 0; 4610 -ms-border-radius: 2px 2px 0 0; 4611 -o-border-radius: 2px 2px 0 0; 4612 border-radius: 2px 2px 0 0; 4613 } 4614 .portlet > .portlet-title:before, .portlet > .portlet-title:after { 4615 content: " "; 4616 display: table; 4617 } 4618 .portlet > .portlet-title:after { 4619 clear: both; 4620 } 4621 .portlet > .portlet-title > .caption { 4622 float: left; 4623 display: inline-block; 4624 font-size: 18px; 4625 line-height: 18px; 4626 padding: 10px 0; 4627 } 4628 .portlet > .portlet-title > .caption.bold { 4629 font-weight: 400; 4630 } 4631 .portlet > .portlet-title > .caption > i { 4632 float: left; 4633 margin-top: 4px; 4634 display: inline-block; 4635 font-size: 13px; 4636 margin-right: 5px; 4637 color: #666; 4638 } 4639 .portlet > .portlet-title > .caption > i.glyphicon { 4640 margin-top: 2px; 4641 } 4642 .portlet > .portlet-title > .caption > .caption-helper { 4643 padding: 0; 4644 margin: 0; 4645 line-height: 13px; 4646 color: #9eacb4; 4647 font-size: 13px; 4648 font-weight: 400; 4649 } 4650 .portlet > .portlet-title > .actions { 4651 float: right; 4652 display: inline-block; 4653 padding: 6px 0; 4654 } 4655 .portlet > .portlet-title > .actions > .dropdown-menu i { 4656 color: #555555; 4657 } 4658 .portlet > .portlet-title > .actions > .btn, 4659 .portlet > .portlet-title > .actions > .btn.btn-sm, 4660 .portlet > .portlet-title > .actions > .btn-group > .btn, 4661 .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm { 4662 padding: 4px 10px; 4663 font-size: 13px; 4664 line-height: 1.5; 4665 } 4666 .portlet > .portlet-title > .actions > .btn.btn-default, 4667 .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default, 4668 .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, 4669 .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default { 4670 padding: 3px 9px; 4671 } 4672 .portlet > .portlet-title > .actions > .btn > i, 4673 .portlet > .portlet-title > .actions > .btn.btn-sm > i, 4674 .portlet > .portlet-title > .actions > .btn-group > .btn > i, 4675 .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i { 4676 font-size: 13px; 4677 } 4678 .portlet > .portlet-title > .actions .btn-icon-only { 4679 padding: 5px 7px 3px 7px; 4680 } 4681 .portlet > .portlet-title > .actions .btn-icon-only.btn-default { 4682 padding: 4px 6px 2px 6px; 4683 } 4684 .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i { 4685 font-size: 14px; 4686 } 4687 .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen { 4688 font-family: FontAwesome; 4689 color: #a0a0a0; 4690 padding-top: 4px; 4691 } 4692 .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm { 4693 padding: 3px 3px !important; 4694 height: 27px; 4695 width: 27px; 4696 } 4697 .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before { 4698 content: "\f065"; 4699 } 4700 .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before { 4701 content: "\f066"; 4702 } 4703 .portlet > .portlet-title > .tools { 4704 float: right; 4705 display: inline-block; 4706 padding: 12px 0 8px 0; 4707 } 4708 .portlet > .portlet-title > .tools > a { 4709 display: inline-block; 4710 height: 16px; 4711 margin-left: 5px; 4712 opacity: 1 ; 4713 filter: alpha(opacity=100) ; 4714 } 4715 .portlet > .portlet-title > .tools > a.remove { 4716 background-image: url(../img/portlet-remove-icon.png); 4717 background-repeat: no-repeat; 4718 width: 11px; 4719 } 4720 .portlet > .portlet-title > .tools > a.config { 4721 background-image: url(../img/portlet-config-icon.png); 4722 background-repeat: no-repeat; 4723 width: 12px; 4724 } 4725 .portlet > .portlet-title > .tools > a.reload { 4726 background-image: url(../img/portlet-reload-icon.png); 4727 width: 13px; 4728 } 4729 .portlet > .portlet-title > .tools > a.expand { 4730 background-image: url(../img/portlet-expand-icon.png); 4731 width: 14px; 4732 visibility: visible; 4733 } 4734 .portlet > .portlet-title > .tools > a.collapse { 4735 background-image: url(../img/portlet-collapse-icon.png); 4736 width: 14px; 4737 visibility: visible; 4738 } 4739 .portlet > .portlet-title > .tools > a.fullscreen { 4740 display: inline-block; 4741 top: -3px; 4742 position: relative; 4743 font-size: 13px; 4744 font-family: FontAwesome; 4745 color: #ACACAC; 4746 } 4747 .portlet > .portlet-title > .tools > a.fullscreen:before { 4748 content: "\f065"; 4749 } 4750 .portlet > .portlet-title > .tools > a.fullscreen.on:before { 4751 content: "\f066"; 4752 } 4753 .portlet > .portlet-title > .tools > a:hover { 4754 text-decoration: none; 4755 -webkit-transition: all 0.1s ease-in-out; 4756 -moz-transition: all 0.1s ease-in-out; 4757 -o-transition: all 0.1s ease-in-out; 4758 -ms-transition: all 0.1s ease-in-out; 4759 transition: all 0.1s ease-in-out; 4760 opacity: 0.8 ; 4761 filter: alpha(opacity=80) ; 4762 } 4763 .portlet > .portlet-title > .pagination { 4764 float: right; 4765 display: inline-block; 4766 margin: 2px 0 0 0; 4767 border: 0; 4768 padding: 4px 0; 4769 } 4770 .portlet > .portlet-title > .nav-tabs { 4771 background: none; 4772 margin: 0; 4773 float: right; 4774 display: inline-block; 4775 border: 0; 4776 } 4777 .portlet > .portlet-title > .nav-tabs > li { 4778 background: none; 4779 margin: 0; 4780 border: 0; 4781 } 4782 .portlet > .portlet-title > .nav-tabs > li > a { 4783 background: none; 4784 margin: 5px 0 0 1px; 4785 border: 0; 4786 padding: 8px 10px; 4787 color: #fff; 4788 } 4789 .portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a { 4790 color: #333; 4791 background: #fff; 4792 border: 0; 4793 } 4794 .portlet > .portlet-body { 4795 clear: both; 4796 -webkit-border-radius: 0 0 2px 2px; 4797 -moz-border-radius: 0 0 2px 2px; 4798 -ms-border-radius: 0 0 2px 2px; 4799 -o-border-radius: 0 0 2px 2px; 4800 border-radius: 0 0 2px 2px; 4801 } 4802 .portlet > .portlet-empty { 4803 min-height: 125px; 4804 } 4805 .portlet.full-height-content { 4806 margin-bottom: 0; 4807 } 4808 4809 /* Portlet background colors */ 4810 /* Side bordered portlet */ 4811 .portlet.bordered > .portlet-title { 4812 border-bottom: 0; 4813 } 4814 4815 /* Solid colored portlet */ 4816 .portlet.solid { 4817 padding: 0 10px 10px 10px; 4818 border: 0px; 4819 } 4820 .portlet.solid > .portlet-title { 4821 border-bottom: 0; 4822 margin-bottom: 10px; 4823 } 4824 .portlet.solid > .portlet-title > .caption { 4825 padding: 16px 0 2px 0; 4826 } 4827 .portlet.solid > .portlet-title > .actions { 4828 padding: 12px 0 6px 0; 4829 } 4830 .portlet.solid > .portlet-title > .tools { 4831 padding: 14px 0 6px 0; 4832 } 4833 4834 /* Solid bordered portlet */ 4835 .portlet.solid.bordered > .portlet-title { 4836 margin-bottom: 10px; 4837 } 4838 4839 /* Box portlet */ 4840 .portlet.box { 4841 padding: 0px !important; 4842 } 4843 .portlet.box > .portlet-title { 4844 border-bottom: 0; 4845 padding: 0 10px; 4846 margin-bottom: 0; 4847 color: #fff; 4848 } 4849 .portlet.box > .portlet-title > .caption { 4850 padding: 11px 0 9px 0; 4851 } 4852 .portlet.box > .portlet-title > .tools > a.remove { 4853 background-image: url(../img/portlet-remove-icon-white.png); 4854 } 4855 .portlet.box > .portlet-title > .tools > a.config { 4856 background-image: url(../img/portlet-config-icon-white.png); 4857 } 4858 .portlet.box > .portlet-title > .tools > a.reload { 4859 background-image: url(../img/portlet-reload-icon-white.png); 4860 } 4861 .portlet.box > .portlet-title > .tools > a.expand { 4862 background-image: url(../img/portlet-expand-icon-white.png); 4863 } 4864 .portlet.box > .portlet-title > .tools > a.collapse { 4865 background-image: url(../img/portlet-collapse-icon-white.png); 4866 } 4867 .portlet.box > .portlet-title > .tools > a.fullscreen { 4868 color: #fdfdfd; 4869 } 4870 .portlet.box > .portlet-title > .actions { 4871 padding: 7px 0 5px 0; 4872 } 4873 .portlet.box > .portlet-body { 4874 background-color: #fff; 4875 padding: 10px; 4876 } 4877 .portlet.box.portlet-fullscreen > .portlet-body { 4878 padding: 10px; 4879 } 4880 4881 /* Light Portlet */ 4882 .portlet.light { 4883 padding: 12px 20px 15px 20px; 4884 background-color: #fff; 4885 } 4886 .portlet.light.bordered { 4887 border: 1px solid #e1e1e1 !important; 4888 } 4889 .portlet.light.bordered > .portlet-title { 4890 border-bottom: 1px solid #eee; 4891 } 4892 .portlet.light.bg-inverse { 4893 background: #F7F7F7; 4894 } 4895 .portlet.light > .portlet-title { 4896 padding: 0; 4897 min-height: 48px; 4898 } 4899 .portlet.light > .portlet-title > .caption { 4900 color: #666; 4901 padding: 10px 0; 4902 } 4903 .portlet.light > .portlet-title > .caption > .caption-subject { 4904 font-size: 16px; 4905 } 4906 .portlet.light > .portlet-title > .caption > i { 4907 color: #777; 4908 font-size: 15px; 4909 font-weight: 300; 4910 margin-top: 3px; 4911 } 4912 .portlet.light > .portlet-title > .caption.caption-md > .caption-subject { 4913 font-size: 15px; 4914 } 4915 .portlet.light > .portlet-title > .caption.caption-md > i { 4916 font-size: 14px; 4917 } 4918 .portlet.light > .portlet-title > .actions { 4919 padding: 6px 0 14px 0; 4920 } 4921 .portlet.light > .portlet-title > .actions .btn-default { 4922 color: #666; 4923 } 4924 .portlet.light > .portlet-title > .actions .btn-icon-only { 4925 height: 27px; 4926 width: 27px; 4927 } 4928 .portlet.light > .portlet-title > .actions .dropdown-menu li > a { 4929 color: #555; 4930 } 4931 .portlet.light > .portlet-title > .inputs { 4932 float: right; 4933 display: inline-block; 4934 padding: 4px 0; 4935 } 4936 .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i { 4937 font-size: 14px; 4938 margin-top: 9px; 4939 } 4940 .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control { 4941 height: 30px; 4942 padding: 2px 26px 3px 10px; 4943 font-size: 13px; 4944 } 4945 .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control { 4946 height: 30px; 4947 padding: 3px 10px; 4948 font-size: 13px; 4949 } 4950 .portlet.light > .portlet-title > .pagination { 4951 padding: 2px 0 13px 0; 4952 } 4953 .portlet.light > .portlet-title > .tools { 4954 padding: 10px 0 13px 0; 4955 margin-top: 2px; 4956 } 4957 .portlet.light > .portlet-title > .nav-tabs > li { 4958 margin: 0; 4959 padding: 0; 4960 } 4961 .portlet.light > .portlet-title > .nav-tabs > li > a { 4962 margin: 0; 4963 padding: 12px 13px 13px 13px; 4964 font-size: 13px; 4965 color: #666; 4966 } 4967 .portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a { 4968 margin: 0; 4969 background: none; 4970 color: #333; 4971 } 4972 .portlet.light.form-fit { 4973 padding: 0; 4974 } 4975 .portlet.light.form-fit > .portlet-title { 4976 padding: 17px 20px 10px 20px; 4977 margin-bottom: 0; 4978 } 4979 .portlet.light .portlet-body { 4980 padding-top: 8px; 4981 } 4982 .portlet.light.portlet-fullscreen > .portlet-body { 4983 padding: 8px 0; 4984 } 4985 4986 .tab-pane > p:last-child { 4987 margin-bottom: 0px; 4988 } 4989 4990 /* Reverse aligned tabs */ 4991 .tabs-reversed > li { 4992 float: right; 4993 margin-right: 0; 4994 } 4995 .tabs-reversed > li > a { 4996 margin-right: 0; 4997 } 4998 4999 /* jQuery UI Draggable Portlets */ 5000 .portlet-sortable:not(.portlet-fullscreen) > .portlet-title { 5001 cursor: move; 5002 } 5003 5004 .portlet-sortable-placeholder { 5005 border: 2px dashed #eee; 5006 margin-bottom: 25px; 5007 } 5008 5009 .portlet-sortable-empty { 5010 box-shadow: none !important; 5011 height: 45px; 5012 } 5013 5014 .portlet { 5015 border: 0 !important; 5016 padding: 10px; 5017 } 5018 .portlet > .portlet-title { 5019 border: 0 !important; 5020 margin-bottom: 0; 5021 } 5022 .portlet.light.bordered.form-fit > .portlet-title { 5023 border-bottom: 1px solid #eee !important; 5024 } 5025 .portlet > .portlet-body { 5026 border: 0 !important; 5027 } 5028 .portlet:not(.light):not(.box):not(.solid) { 5029 padding: 0 10px 10px 10px; 5030 } 5031 .portlet.box > .portlet-title > .actions { 5032 padding: 7px 0 4px 0; 5033 } 5034 .portlet.light .portlet-body { 5035 padding-top: 5px; 5036 } 5037 5038 /*** 5039 Customized Progress Bars 5040 ***/ 5041 .progress { 5042 border: 0; 5043 background-image: none; 5044 filter: none; 5045 box-shadow: none; 5046 -webkit-box-shadow: none; 5047 -moz-box-shadow: none; 5048 box-shadow: none; 5049 } 5050 .progress.progress-sm { 5051 height: 12px; 5052 } 5053 5054 .progress > .progress-bar-default { 5055 background-color: #c6c6c6; 5056 } 5057 .progress-striped .progress > .progress-bar-default { 5058 background-image: none; 5059 background-image: none; 5060 } 5061 5062 .progress > .progress-bar-success { 5063 background-color: #26A69A; 5064 } 5065 .progress-striped .progress > .progress-bar-success { 5066 background-image: none; 5067 background-image: none; 5068 } 5069 5070 .progress > .progress-bar-info { 5071 background-color: #89C4F4; 5072 } 5073 .progress-striped .progress > .progress-bar-info { 5074 background-image: none; 5075 background-image: none; 5076 } 5077 5078 .progress > .progress-bar-danger { 5079 background-color: #F3565D; 5080 } 5081 .progress-striped .progress > .progress-bar-danger { 5082 background-image: none; 5083 background-image: none; 5084 } 5085 5086 .progress > .progress-bar-warning { 5087 background-color: #ff5722; 5088 } 5089 .progress-striped .progress > .progress-bar-warning { 5090 background-image: none; 5091 background-image: none; 5092 } 5093 5094 .progress { 5095 height: 8px; 5096 border-radius: 0 !important; 5097 } 5098 .progress.progress-sm { 5099 height: 6px; 5100 } 5101 5102 /*** 5103 Dashboard Stats 5104 ***/ 5105 .dashboard-stat { 5106 display: block; 5107 margin-bottom: 25px; 5108 overflow: hidden; 5109 -webkit-border-radius: 2px; 5110 -moz-border-radius: 2px; 5111 -ms-border-radius: 2px; 5112 -o-border-radius: 2px; 5113 border-radius: 2px; 5114 } 5115 .dashboard-stat:before, .dashboard-stat:after { 5116 content: " "; 5117 display: table; 5118 } 5119 .dashboard-stat:after { 5120 clear: both; 5121 } 5122 .portlet .dashboard-stat:last-child { 5123 margin-bottom: 0; 5124 } 5125 .dashboard-stat .visual { 5126 width: 80px; 5127 height: 80px; 5128 display: block; 5129 float: left; 5130 padding-top: 10px; 5131 padding-left: 15px; 5132 margin-bottom: 15px; 5133 font-size: 35px; 5134 line-height: 35px; 5135 } 5136 .dashboard-stat .visual > i { 5137 margin-left: -35px; 5138 font-size: 110px; 5139 line-height: 110px; 5140 } 5141 .dashboard-stat .details { 5142 position: absolute; 5143 right: 15px; 5144 padding-right: 15px; 5145 } 5146 .dashboard-stat .details .number { 5147 padding-top: 25px; 5148 text-align: right; 5149 font-size: 34px; 5150 line-height: 36px; 5151 letter-spacing: -1px; 5152 margin-bottom: 0px; 5153 font-weight: 300; 5154 } 5155 .dashboard-stat .details .desc { 5156 text-align: right; 5157 font-size: 16px; 5158 letter-spacing: 0px; 5159 font-weight: 300; 5160 } 5161 .dashboard-stat .more { 5162 clear: both; 5163 display: block; 5164 padding: 6px 10px 6px 10px; 5165 position: relative; 5166 text-transform: uppercase; 5167 font-weight: 300; 5168 font-size: 11px; 5169 opacity: 0.7; 5170 filter: alpha(opacity=70); 5171 } 5172 .dashboard-stat .more:hover { 5173 text-decoration: none; 5174 opacity: 0.9; 5175 filter: alpha(opacity=90); 5176 } 5177 .dashboard-stat .more > i { 5178 display: inline-block; 5179 margin-top: 1px; 5180 float: right; 5181 } 5182 5183 .dashboard-stat-light { 5184 padding-bottom: 20px; 5185 margin-bottom: 20px; 5186 } 5187 .dashboard-stat-light .details { 5188 margin-bottom: 5px; 5189 } 5190 .dashboard-stat-light .details .number { 5191 font-weight: 300; 5192 margin-bottom: 0px; 5193 } 5194 5195 /*** 5196 Dashboard Stats 2 5197 ***/ 5198 .dashboard-stat2 { 5199 -webkit-border-radius: 2px; 5200 -moz-border-radius: 2px; 5201 -ms-border-radius: 2px; 5202 -o-border-radius: 2px; 5203 border-radius: 2px; 5204 background: #fff; 5205 padding: 15px 15px 30px 15px; 5206 margin-bottom: 20px; 5207 } 5208 .dashboard-stat2 .display { 5209 margin-bottom: 20px; 5210 } 5211 .dashboard-stat2 .display:before, .dashboard-stat2 .display:after { 5212 content: " "; 5213 display: table; 5214 } 5215 .dashboard-stat2 .display:after { 5216 clear: both; 5217 } 5218 .dashboard-stat2 .display .number { 5219 float: left; 5220 display: inline-block; 5221 } 5222 .dashboard-stat2 .display .number h3 { 5223 margin: 0 0 2px 0; 5224 padding: 0; 5225 font-size: 30px; 5226 font-weight: 400; 5227 } 5228 .dashboard-stat2 .display .number h3 > small { 5229 font-size: 23px; 5230 } 5231 .dashboard-stat2 .display .number small { 5232 font-size: 14px; 5233 color: #AAB5BC; 5234 font-weight: 600; 5235 text-transform: uppercase; 5236 } 5237 .dashboard-stat2 .display .icon { 5238 display: inline-block; 5239 float: right; 5240 padding: 7px 0 0 0; 5241 } 5242 .dashboard-stat2 .display .icon > i { 5243 color: #cbd4e0; 5244 font-size: 26px; 5245 } 5246 .dashboard-stat2 .progress-info { 5247 clear: both; 5248 } 5249 .dashboard-stat2 .progress-info .progress { 5250 margin: 0; 5251 height: 4px; 5252 clear: both; 5253 display: block; 5254 } 5255 .dashboard-stat2 .progress-info .status { 5256 margin-top: 5px; 5257 font-size: 11px; 5258 color: #AAB5BC; 5259 font-weight: 600; 5260 text-transform: uppercase; 5261 } 5262 .dashboard-stat2 .progress-info .status .status-title { 5263 float: left; 5264 display: inline-block; 5265 } 5266 .dashboard-stat2 .progress-info .status .status-number { 5267 float: right; 5268 display: inline-block; 5269 } 5270 5271 /*** 5272 Text Stats 5273 ***/ 5274 .text-stat h3 { 5275 margin-top: 5px; 5276 margin-bottom: 0px; 5277 font-size: 18px; 5278 } 5279 .text-stat span { 5280 font-size: 13px !important; 5281 } 5282 5283 @media (max-width: 767px) { 5284 /* 767px */ 5285 .text-stat { 5286 margin-top: 20px; 5287 } 5288 } 5289 /*** 5290 Social Icons 5291 ***/ 5292 .social-icons { 5293 padding: 0; 5294 margin: 0; 5295 } 5296 .social-icons:before, .social-icons:after { 5297 content: " "; 5298 display: table; 5299 } 5300 .social-icons:after { 5301 clear: both; 5302 } 5303 .social-icons li { 5304 float: left; 5305 display: inline; 5306 list-style: none; 5307 margin-right: 5px; 5308 margin-bottom: 5px; 5309 text-indent: -9999px; 5310 } 5311 .social-icons li > a { 5312 -webkit-border-radius: 2px; 5313 -moz-border-radius: 2px; 5314 -ms-border-radius: 2px; 5315 -o-border-radius: 2px; 5316 border-radius: 2px; 5317 width: 28px; 5318 height: 28px; 5319 display: block; 5320 background-position: 0 0; 5321 background-repeat: no-repeat; 5322 transition: all 0.3s ease-in-out; 5323 -o-transition: all 0.3s ease-in-out; 5324 -ms-transition: all 0.3s ease-in-out; 5325 -moz-transition: all 0.3s ease-in-out; 5326 -webkit-transition: all 0.3s ease-in-out; 5327 } 5328 .social-icons li:hover > a { 5329 background-position: 0 -38px; 5330 } 5331 .social-icons li .amazon { 5332 background: url(../img/social/amazon.png) no-repeat; 5333 } 5334 .social-icons li .behance { 5335 background: url(../img/social/behance.png) no-repeat; 5336 } 5337 .social-icons li .blogger { 5338 background: url(../img/social/blogger.png) no-repeat; 5339 } 5340 .social-icons li .deviantart { 5341 background: url(../img/social/deviantart.png) no-repeat; 5342 } 5343 .social-icons li .dribbble { 5344 background: url(../img/social/dribbble.png) no-repeat; 5345 } 5346 .social-icons li .dropbox { 5347 background: url(../img/social/dropbox.png) no-repeat; 5348 } 5349 .social-icons li .evernote { 5350 background: url(../img/social/evernote.png) no-repeat; 5351 } 5352 .social-icons li .facebook { 5353 background: url(../img/social/facebook.png) no-repeat; 5354 } 5355 .social-icons li .forrst { 5356 background: url(../img/social/forrst.png) no-repeat; 5357 } 5358 .social-icons li .github { 5359 background: url(../img/social/github.png) no-repeat; 5360 } 5361 .social-icons li .googleplus { 5362 background: url(../img/social/googleplus.png) no-repeat; 5363 } 5364 .social-icons li .jolicloud { 5365 background: url(../img/social/jolicloud.png) no-repeat; 5366 } 5367 .social-icons li .last-fm { 5368 background: url(../img/social/last-fm.png) no-repeat; 5369 } 5370 .social-icons li .linkedin { 5371 background: url(../img/social/linkedin.png) no-repeat; 5372 } 5373 .social-icons li .picasa { 5374 background: url(../img/social/picasa.png) no-repeat; 5375 } 5376 .social-icons li .pintrest { 5377 background: url(../img/social/pintrest.png) no-repeat; 5378 } 5379 .social-icons li .rss { 5380 background: url(../img/social/rss.png) no-repeat; 5381 } 5382 .social-icons li .skype { 5383 background: url(../img/social/skype.png) no-repeat; 5384 } 5385 .social-icons li .spotify { 5386 background: url(../img/social/spotify.png) no-repeat; 5387 } 5388 .social-icons li .stumbleupon { 5389 background: url(../img/social/stumbleupon.png) no-repeat; 5390 } 5391 .social-icons li .tumblr { 5392 background: url(../img/social/tumblr.png) no-repeat; 5393 } 5394 .social-icons li .twitter { 5395 background: url(../img/social/twitter.png) no-repeat; 5396 } 5397 .social-icons li .vimeo { 5398 background: url(../img/social/vimeo.png) no-repeat; 5399 } 5400 .social-icons li .wordpress { 5401 background: url(../img/social/wordpress.png) no-repeat; 5402 } 5403 .social-icons li .xing { 5404 background: url(../img/social/xing.png) no-repeat; 5405 } 5406 .social-icons li .yahoo { 5407 background: url(../img/social/yahoo.png) no-repeat; 5408 } 5409 .social-icons li .youtube { 5410 background: url(../img/social/youtube.png) no-repeat; 5411 } 5412 .social-icons li .vk { 5413 background: url(../img/social/vk.png) no-repeat; 5414 } 5415 .social-icons li .instagram { 5416 background: url(../img/social/instagram.png) no-repeat; 5417 } 5418 .social-icons li .reddit { 5419 background: url(../img/social/reddit.png) no-repeat; 5420 } 5421 .social-icons li .aboutme { 5422 background: url(../img/social/aboutme.png) no-repeat; 5423 } 5424 .social-icons li .flickr { 5425 background: url(../img/social/flickr.png) no-repeat; 5426 } 5427 .social-icons li .foursquare { 5428 background: url(../img/social/foursquare.png) no-repeat; 5429 } 5430 .social-icons li .gravatar { 5431 background: url(../img/social/gravatar.png) no-repeat; 5432 } 5433 .social-icons li .klout { 5434 background: url(../img/social/klout.png) no-repeat; 5435 } 5436 .social-icons li .myspace { 5437 background: url(../img/social/myspace.png) no-repeat; 5438 } 5439 .social-icons li .quora { 5440 background: url(../img/social/quora.png) no-repeat; 5441 } 5442 .social-icons.social-icons-color > li > a { 5443 opacity: 0.7; 5444 background-position: 0 -38px !important; 5445 } 5446 .social-icons.social-icons-color > li > a:hover { 5447 opacity: 1; 5448 } 5449 .social-icons.social-icons-circle > li > a { 5450 border-radius: 25px !important; 5451 } 5452 5453 /*** 5454 Inline Social Icons 5455 ***/ 5456 .social-icon { 5457 display: inline-block !important; 5458 width: 28px; 5459 height: 28px; 5460 background-position: 0 0; 5461 background-repeat: no-repeat; 5462 -webkit-border-radius: 2px; 5463 -moz-border-radius: 2px; 5464 -ms-border-radius: 2px; 5465 -o-border-radius: 2px; 5466 border-radius: 2px; 5467 transition: all 0.3s ease-in-out; 5468 -o-transition: all 0.3s ease-in-out; 5469 -ms-transition: all 0.3s ease-in-out; 5470 -moz-transition: all 0.3s ease-in-out; 5471 -webkit-transition: all 0.3s ease-in-out; 5472 } 5473 .social-icon.social-icon-circle { 5474 border-radius: 25px !important; 5475 } 5476 5477 .social-icon.amazon { 5478 background: url(../img/social/amazon.png) no-repeat; 5479 } 5480 .social-icon.behance { 5481 background: url(../img/social/behance.png) no-repeat; 5482 } 5483 .social-icon.blogger { 5484 background: url(../img/social/blogger.png) no-repeat; 5485 } 5486 .social-icon.deviantart { 5487 background: url(../img/social/deviantart.png) no-repeat; 5488 } 5489 .social-icon.dribbble { 5490 background: url(../img/social/dribbble.png) no-repeat; 5491 } 5492 .social-icon.dropbox { 5493 background: url(../img/social/dropbox.png) no-repeat; 5494 } 5495 .social-icon.evernote { 5496 background: url(../img/social/evernote.png) no-repeat; 5497 } 5498 .social-icon.facebook { 5499 background: url(../img/social/facebook.png) no-repeat; 5500 } 5501 .social-icon.forrst { 5502 background: url(../img/social/forrst.png) no-repeat; 5503 } 5504 .social-icon.github { 5505 background: url(../img/social/github.png) no-repeat; 5506 } 5507 .social-icon.googleplus { 5508 background: url(../img/social/googleplus.png) no-repeat; 5509 } 5510 .social-icon.jolicloud { 5511 background: url(../img/social/jolicloud.png) no-repeat; 5512 } 5513 .social-icon.last-fm { 5514 background: url(../img/social/last-fm.png) no-repeat; 5515 } 5516 .social-icon.linkedin { 5517 background: url(../img/social/linkedin.png) no-repeat; 5518 } 5519 .social-icon.picasa { 5520 background: url(../img/social/picasa.png) no-repeat; 5521 } 5522 .social-icon.pintrest { 5523 background: url(../img/social/pintrest.png) no-repeat; 5524 } 5525 .social-icon.rss { 5526 background: url(../img/social/rss.png) no-repeat; 5527 } 5528 .social-icon.skype { 5529 background: url(../img/social/skype.png) no-repeat; 5530 } 5531 .social-icon.spotify { 5532 background: url(../img/social/spotify.png) no-repeat; 5533 } 5534 .social-icon.stumbleupon { 5535 background: url(../img/social/stumbleupon.png) no-repeat; 5536 } 5537 .social-icon.tumblr { 5538 background: url(../img/social/tumblr.png) no-repeat; 5539 } 5540 .social-icon.twitter { 5541 background: url(../img/social/twitter.png) no-repeat; 5542 } 5543 .social-icon.vimeo { 5544 background: url(../img/social/vimeo.png) no-repeat; 5545 } 5546 .social-icon.wordpress { 5547 background: url(../img/social/wordpress.png) no-repeat; 5548 } 5549 .social-icon.xing { 5550 background: url(../img/social/xing.png) no-repeat; 5551 } 5552 .social-icon.yahoo { 5553 background: url(../img/social/yahoo.png) no-repeat; 5554 } 5555 .social-icon.youtube { 5556 background: url(../img/social/youtube.png) no-repeat; 5557 } 5558 .social-icon.vk { 5559 background: url(../img/social/vk.png) no-repeat; 5560 } 5561 .social-icon.instagram { 5562 background: url(../img/social/instagram.png) no-repeat; 5563 } 5564 .social-icon.reddit { 5565 background: url(../img/social/reddit.png) no-repeat; 5566 } 5567 .social-icon.aboutme { 5568 background: url(../img/social/aboutme.png) no-repeat; 5569 } 5570 .social-icon.flickr { 5571 background: url(../img/social/flickr.png) no-repeat; 5572 } 5573 .social-icon.foursquare { 5574 background: url(../img/social/foursquare.png) no-repeat; 5575 } 5576 .social-icon.gravatar { 5577 background: url(../img/social/gravatar.png) no-repeat; 5578 } 5579 .social-icon.klout { 5580 background: url(../img/social/klout.png) no-repeat; 5581 } 5582 .social-icon.myspace { 5583 background: url(../img/social/myspace.png) no-repeat; 5584 } 5585 .social-icon.quora { 5586 background: url(../img/social/quora.png) no-repeat; 5587 } 5588 .social-icon:hover { 5589 background-position: 0 -38px; 5590 } 5591 5592 .social-icon-color { 5593 opacity: 0.7; 5594 background-position: 0 -38px !important; 5595 } 5596 .social-icon-color:hover { 5597 opacity: 1; 5598 } 5599 5600 /*** 5601 Customized Bootstrap Tables 5602 ***/ 5603 /*** 5604 Default table 5605 ***/ 5606 .table.table-bordered thead > tr > th { 5607 border-bottom: 0; 5608 } 5609 .table tr.heading > th { 5610 background-color: #eee !important; 5611 } 5612 .table td .img-responsive { 5613 width: 100%; 5614 } 5615 5616 /* Contextual table row variants */ 5617 .table > thead > tr > td.active, 5618 .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, 5619 .table > tbody > tr > td.active, 5620 .table > tbody > tr > th.active, 5621 .table > tbody > tr.active > td, 5622 .table > tbody > tr.active > th, 5623 .table > tfoot > tr > td.active, 5624 .table > tfoot > tr > th.active, 5625 .table > tfoot > tr.active > td, 5626 .table > tfoot > tr.active > th { 5627 background: #55ecff; 5628 color: #004b54; 5629 } 5630 5631 .table-hover > tbody > tr > td.active:hover, 5632 .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { 5633 background: #3be9ff; 5634 } 5635 5636 .table > thead > tr > td.success, 5637 .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, 5638 .table > tbody > tr > td.success, 5639 .table > tbody > tr > th.success, 5640 .table > tbody > tr.success > td, 5641 .table > tbody > tr.success > th, 5642 .table > tfoot > tr > td.success, 5643 .table > tfoot > tr > th.success, 5644 .table > tfoot > tr.success > td, 5645 .table > tfoot > tr.success > th { 5646 background: #26A69A; 5647 color: #d6f5f3; 5648 } 5649 5650 .table-hover > tbody > tr > td.success:hover, 5651 .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { 5652 background: #219187; 5653 } 5654 5655 .table > thead > tr > td.info, 5656 .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, 5657 .table > tbody > tr > td.info, 5658 .table > tbody > tr > th.info, 5659 .table > tbody > tr.info > td, 5660 .table > tbody > tr.info > th, 5661 .table > tfoot > tr > td.info, 5662 .table > tfoot > tr > th.info, 5663 .table > tfoot > tr.info > td, 5664 .table > tfoot > tr.info > th { 5665 background: #89C4F4; 5666 color: white; 5667 } 5668 5669 .table-hover > tbody > tr > td.info:hover, 5670 .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { 5671 background: #72b8f2; 5672 } 5673 5674 .table > thead > tr > td.warning, 5675 .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, 5676 .table > tbody > tr > td.warning, 5677 .table > tbody > tr > th.warning, 5678 .table > tbody > tr.warning > td, 5679 .table > tbody > tr.warning > th, 5680 .table > tfoot > tr > td.warning, 5681 .table > tfoot > tr > th.warning, 5682 .table > tfoot > tr.warning > td, 5683 .table > tfoot > tr.warning > th { 5684 background: #ff5722; 5685 color: white; 5686 } 5687 5688 .table-hover > tbody > tr > td.warning:hover, 5689 .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { 5690 background: #ff4408; 5691 } 5692 5693 .table > thead > tr > td.danger, 5694 .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, 5695 .table > tbody > tr > td.danger, 5696 .table > tbody > tr > th.danger, 5697 .table > tbody > tr.danger > td, 5698 .table > tbody > tr.danger > th, 5699 .table > tfoot > tr > td.danger, 5700 .table > tfoot > tr > th.danger, 5701 .table > tfoot > tr.danger > td, 5702 .table > tfoot > tr.danger > th { 5703 background: #F3565D; 5704 color: white; 5705 } 5706 5707 .table-hover > tbody > tr > td.danger:hover, 5708 .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { 5709 background: #f13e46; 5710 } 5711 5712 /*** 5713 Responsive & Scrollable Tables 5714 ***/ 5715 .table-scrollable { 5716 width: 100%; 5717 overflow-x: auto; 5718 overflow-y: hidden; 5719 border: 1px solid #dddddd; 5720 margin: 10px 0 !important; 5721 } 5722 .table-scrollable.table-scrollable-borderless { 5723 border: 0; 5724 } 5725 .table-scrollable > .table { 5726 width: 100% !important; 5727 margin: 0 !important; 5728 margin-bottom: 0; 5729 background-color: #fff; 5730 } 5731 .table-scrollable > .table > thead > tr > th, 5732 .table-scrollable > .table > tbody > tr > th, 5733 .table-scrollable > .table > tfoot > tr > th, 5734 .table-scrollable > .table > tfoot > tr > th, 5735 .table-scrollable > .table > tfoot > tr > td { 5736 white-space: nowrap; 5737 } 5738 .table-scrollable > .table-bordered { 5739 border: 0; 5740 } 5741 .table-scrollable > .table-bordered > thead > tr > th:first-child, 5742 .table-scrollable > .table-bordered > tbody > tr > th:first-child, 5743 .table-scrollable > .table-bordered > tfoot > tr > th:first-child, 5744 .table-scrollable > .table-bordered > thead > tr > td:first-child, 5745 .table-scrollable > .table-bordered > tbody > tr > td:first-child, 5746 .table-scrollable > .table-bordered > tfoot > tr > td:first-child { 5747 border-left: 0; 5748 } 5749 .table-scrollable > .table-bordered > thead > tr > th:last-child, 5750 .table-scrollable > .table-bordered > tbody > tr > th:last-child, 5751 .table-scrollable > .table-bordered > tfoot > tr > th:last-child, 5752 .table-scrollable > .table-bordered > thead > tr > td:last-child, 5753 .table-scrollable > .table-bordered > tbody > tr > td:last-child, 5754 .table-scrollable > .table-bordered > tfoot > tr > td:last-child { 5755 border-right: 0; 5756 } 5757 .table-scrollable > .table-bordered > thead > tr:last-child > th, 5758 .table-scrollable > .table-bordered > tbody > tr:last-child > th, 5759 .table-scrollable > .table-bordered > tfoot > tr:last-child > th, 5760 .table-scrollable > .table-bordered > thead > tr:last-child > td, 5761 .table-scrollable > .table-bordered > tbody > tr:last-child > td, 5762 .table-scrollable > .table-bordered > tfoot > tr:last-child > td { 5763 border-bottom: 0; 5764 } 5765 5766 /*** 5767 Responsive Flip Scroll Tables 5768 ***/ 5769 .flip-scroll table { 5770 width: 100%; 5771 } 5772 5773 @media only screen and (max-width: 768px) { 5774 /* 768px */ 5775 .flip-scroll .flip-content:after { 5776 visibility: hidden; 5777 display: block; 5778 font-size: 0; 5779 content: " "; 5780 clear: both; 5781 height: 0; 5782 } 5783 5784 .flip-scroll * html .flip-content { 5785 zoom: 1; 5786 } 5787 5788 .flip-scroll *:first-child + html .flip-content { 5789 zoom: 1; 5790 } 5791 5792 .flip-scroll table { 5793 width: 100%; 5794 border-collapse: collapse; 5795 border-spacing: 0; 5796 } 5797 5798 .flip-scroll th, 5799 .flip-scroll td { 5800 margin: 0; 5801 vertical-align: top; 5802 } 5803 5804 .flip-scroll th { 5805 text-align: left; 5806 border: 0 !important; 5807 border-bottom: 1px solid #ddd !important; 5808 border-right: 1px solid #ddd !important; 5809 font-size: 13px !important; 5810 padding: 5px; 5811 width: auto !important; 5812 } 5813 5814 .flip-scroll table { 5815 display: block; 5816 position: relative; 5817 width: 100%; 5818 } 5819 5820 .flip-scroll thead { 5821 display: block; 5822 float: left; 5823 } 5824 5825 .flip-scroll tbody { 5826 display: block; 5827 width: auto; 5828 position: relative; 5829 overflow-x: auto; 5830 white-space: nowrap; 5831 } 5832 5833 .flip-scroll thead tr { 5834 display: block; 5835 } 5836 5837 .flip-scroll th { 5838 display: block; 5839 text-align: right; 5840 } 5841 5842 .flip-scroll tbody tr { 5843 display: inline-block; 5844 vertical-align: top; 5845 margin-left: -5px; 5846 } 5847 5848 .flip-scroll td { 5849 display: block; 5850 min-height: 1.25em; 5851 text-align: left; 5852 border-top: 0 !important; 5853 border-left: 0 !important; 5854 border-right: 0 !important; 5855 } 5856 5857 /* sort out borders */ 5858 .flip-scroll th { 5859 border-bottom: 0; 5860 border-left: 0; 5861 } 5862 5863 .flip-scroll td { 5864 border-left: 0; 5865 border-right: 0; 5866 border-bottom: 0; 5867 } 5868 5869 .flip-scroll tbody tr { 5870 border-left: 1px solid #ddd; 5871 } 5872 5873 .flip-scroll th:last-child, 5874 .flip-scroll td:last-child { 5875 border-bottom: 1px solid #ddd; 5876 } 5877 } 5878 /*** 5879 Custom tables 5880 ***/ 5881 .table-toolbar { 5882 margin-bottom: 15px; 5883 } 5884 .table-toolbar:before, .table-toolbar:after { 5885 content: " "; 5886 display: table; 5887 } 5888 .table-toolbar:after { 5889 clear: both; 5890 } 5891 5892 .table.table-full-width { 5893 width: 100% !important; 5894 } 5895 5896 .table .btn { 5897 margin-top: 0px; 5898 margin-left: 0px; 5899 margin-right: 5px; 5900 } 5901 5902 .table thead tr th { 5903 font-size: 14px; 5904 font-weight: 600; 5905 } 5906 5907 .table-advance { 5908 margin-bottom: 10px !important; 5909 } 5910 5911 .table-advance thead { 5912 color: #999; 5913 } 5914 5915 .table-advance thead tr th { 5916 background-color: #DDD; 5917 font-size: 14px; 5918 font-weight: 400; 5919 color: #666; 5920 } 5921 5922 .table-advance div.success, 5923 .table-advance div.info, 5924 .table-advance div.important, 5925 .table-advance div.warning, 5926 .table-advance div.danger { 5927 position: absolute; 5928 margin-top: -5px; 5929 float: left; 5930 width: 2px; 5931 height: 30px; 5932 margin-right: 20px !important; 5933 } 5934 5935 .table-advance tr td { 5936 border-left-width: 0px; 5937 } 5938 5939 .table-advance tr td:first-child { 5940 border-left-width: 1px !important; 5941 } 5942 5943 .table-advance tr td.highlight:first-child a { 5944 margin-left: 15px; 5945 } 5946 5947 .table-advance td.highlight div.primary { 5948 border-left: 2px solid #00BCD4; 5949 } 5950 5951 .table-advance td.highlight div.success { 5952 border-left: 2px solid #26A69A; 5953 } 5954 5955 .table-advance td.highlight div.info { 5956 border-left: 2px solid #89C4F4; 5957 } 5958 5959 .table-advance td.highlight div.warning { 5960 border-left: 2px solid #ff5722; 5961 } 5962 5963 .table-advance td.highlight div.danger { 5964 border-left: 2px solid #F3565D; 5965 } 5966 5967 @media (max-width: 767px) { 5968 /* 767px */ 5969 .table-advance tr > td.highlight:first-child a { 5970 margin-left: 8px; 5971 } 5972 } 5973 /*** 5974 Light Table 5975 ***/ 5976 .table.table-light { 5977 border: 0 !important; 5978 } 5979 .table.table-light > thead > tr:hover > th { 5980 background: none; 5981 } 5982 .table.table-light > thead > tr.uppercase { 5983 text-transform: uppercase; 5984 } 5985 .table.table-light > thead > tr > th { 5986 font-weight: 600; 5987 font-size: 13px; 5988 color: #93a2a9; 5989 font-family: "Open Sans", sans-serif; 5990 border: 0; 5991 border-bottom: 1px solid #F2F5F8; 5992 } 5993 .table.table-light > tbody > tr:last-child > td { 5994 border: 0; 5995 } 5996 .table.table-light > tbody > tr > td { 5997 border: 0; 5998 border-bottom: 1px solid #F2F5F8; 5999 color: #8896a0; 6000 vertical-align: middle; 6001 } 6002 .table.table-light > tbody > tr > td.fit { 6003 width: 1px; 6004 padding-right: 3px; 6005 } 6006 .table.table-light > tbody > tr > td .user-pic { 6007 display: inline-block; 6008 vertical-align: middle; 6009 height: 30px; 6010 -webkit-border-radius: 100%; 6011 -moz-border-radius: 100%; 6012 -ms-border-radius: 100%; 6013 -o-border-radius: 100%; 6014 border-radius: 100%; 6015 } 6016 .table.table-light.table-hover > tbody > tr > td:hover, 6017 .table.table-light.table-hover > tbody > tr > th:hover, .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr:hover > th { 6018 background: #f9fafb; 6019 } 6020 6021 /*** 6022 Customized Bootstrap Tabs 6023 ***/ 6024 /* Tabs and pills */ 6025 .nav-tabs, 6026 .nav-pills { 6027 margin-bottom: 10px; 6028 } 6029 .nav-tabs > li > a, 6030 .nav-pills > li > a { 6031 font-size: 14px; 6032 -webkit-border-radius: 2px 2px 0 0; 6033 -moz-border-radius: 2px 2px 0 0; 6034 -ms-border-radius: 2px 2px 0 0; 6035 -o-border-radius: 2px 2px 0 0; 6036 border-radius: 2px 2px 0 0; 6037 } 6038 .nav-tabs > li > a > .badge, 6039 .nav-pills > li > a > .badge { 6040 margin-top: -6px; 6041 } 6042 .nav-tabs > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after, 6043 .nav-pills > li .dropdown-menu:before, 6044 .nav-pills > li .dropdown-menu:after { 6045 display: none; 6046 } 6047 .nav-tabs.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a, 6048 .nav-pills.nav-tabs-sm > li > a, 6049 .nav-pills.nav-pills-sm > li > a { 6050 font-size: 13px; 6051 } 6052 .nav-tabs .dropdown.open > .dropdown-toggle, 6053 .nav-pills .dropdown.open > .dropdown-toggle { 6054 background: #eee; 6055 color: #0d638f; 6056 border-color: transparent; 6057 } 6058 6059 /* Left and right tabs */ 6060 .tabs-right.nav-tabs, 6061 .tabs-left.nav-tabs { 6062 border-bottom: 0; 6063 } 6064 .tabs-right.nav-tabs > li, 6065 .tabs-left.nav-tabs > li { 6066 float: none; 6067 } 6068 .tabs-right.nav-tabs > li > a, 6069 .tabs-left.nav-tabs > li > a { 6070 margin-right: 0; 6071 margin-bottom: 3px; 6072 } 6073 6074 /* Left tabs */ 6075 .tabs-left.nav-tabs { 6076 border-right: 1px solid #ddd; 6077 } 6078 .tabs-left.nav-tabs > li > a { 6079 display: block; 6080 margin-right: -1px; 6081 } 6082 .tabs-left.nav-tabs > li > a:hover, .tabs-left.nav-tabs > li > a:focus { 6083 -webkit-border-radius: 2px 0 0 2px; 6084 -moz-border-radius: 2px 0 0 2px; 6085 -ms-border-radius: 2px 0 0 2px; 6086 -o-border-radius: 2px 0 0 2px; 6087 border-radius: 2px 0 0 2px; 6088 border-color: #eeeeee #dddddd #eeeeee #eeeeee; 6089 } 6090 .tabs-left.nav-tabs > li.active > a, 6091 .tabs-left.nav-tabs > li.active > a:hover 6092 > li.active > a:focus { 6093 -webkit-border-radius: 2px 0 0 2px; 6094 -moz-border-radius: 2px 0 0 2px; 6095 -ms-border-radius: 2px 0 0 2px; 6096 -o-border-radius: 2px 0 0 2px; 6097 border-radius: 2px 0 0 2px; 6098 border-color: #ddd transparent #ddd #ddd; 6099 *border-right-color: #ffffff; 6100 } 6101 6102 /* Right tabs */ 6103 .tabs-right.nav-tabs { 6104 border-left: 1px solid #ddd; 6105 } 6106 .tabs-right.nav-tabs > li > a { 6107 display: block; 6108 margin-left: -1px; 6109 } 6110 .tabs-right.nav-tabs > li > a:hover, .tabs-right.nav-tabs > li > a:focus { 6111 -webkit-border-radius: 0 2px 2px 0; 6112 -moz-border-radius: 0 2px 2px 0; 6113 -ms-border-radius: 0 2px 2px 0; 6114 -o-border-radius: 0 2px 2px 0; 6115 border-radius: 0 2px 2px 0; 6116 border-color: #eeeeee #eeeeee #eeeeee #dddddd; 6117 } 6118 .tabs-right.nav-tabs > li.active > a, 6119 .tabs-right.nav-tabs > li.active > a:hover 6120 > li.active > a:focus { 6121 -webkit-border-radius: 0 2px 2px 0; 6122 -moz-border-radius: 0 2px 2px 0; 6123 -ms-border-radius: 0 2px 2px 0; 6124 -o-border-radius: 0 2px 2px 0; 6125 border-radius: 0 2px 2px 0; 6126 border-color: #ddd #ddd #ddd transparent; 6127 *border-left-color: #ffffff; 6128 } 6129 6130 /* Below tabs */ 6131 .tabs-below > .nav-tabs, 6132 .tabs-below > .nav-pills { 6133 border-bottom: 0; 6134 margin-bottom: 0px; 6135 margin-top: 10px; 6136 } 6137 6138 .tabs-below > .nav-tabs { 6139 border-top: 1px solid #ddd; 6140 margin-bottom: 0; 6141 margin-top: 10px; 6142 } 6143 .tabs-below > .nav-tabs > li > a { 6144 margin-top: -1px; 6145 margin-bottom: 0; 6146 } 6147 .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { 6148 border-top-color: #ddd; 6149 border-bottom-color: transparent; 6150 } 6151 .tabs-below > .nav-tabs > li > a .dropdown-menu { 6152 -webkit-border-radius: 2px; 6153 -moz-border-radius: 2px; 6154 -ms-border-radius: 2px; 6155 -o-border-radius: 2px; 6156 border-radius: 2px; 6157 } 6158 .tabs-below > .nav-tabs .active a, 6159 .tabs-below > .nav-tabs .active a:hover 6160 .active a:focus { 6161 -webkit-border-radius: 0 0 2px 2px; 6162 -moz-border-radius: 0 0 2px 2px; 6163 -ms-border-radius: 0 0 2px 2px; 6164 -o-border-radius: 0 0 2px 2px; 6165 border-radius: 0 0 2px 2px; 6166 border-color: transparent #ddd #ddd #ddd !important; 6167 } 6168 6169 /*** 6170 Custom tabs 6171 ***/ 6172 /* In BS3.0.0 tabbable class was removed. We had to added it back */ 6173 .tabbable:before, .tabbable:after { 6174 content: " "; 6175 display: table; 6176 } 6177 .tabbable:after { 6178 clear: both; 6179 } 6180 6181 .tabbable-custom { 6182 margin-bottom: 15px; 6183 padding: 0px; 6184 overflow: hidden; 6185 /* justified tabs */ 6186 /* boxless tabs */ 6187 /* below justified tabs */ 6188 /* full width tabs */ 6189 /* below tabs */ 6190 } 6191 .tabbable-custom > .nav-tabs { 6192 border: none; 6193 margin: 0px; 6194 } 6195 .tabbable-custom > .nav-tabs > li { 6196 margin-right: 2px; 6197 border-top: 2px solid transparent; 6198 } 6199 .tabbable-custom > .nav-tabs > li > a { 6200 margin-right: 0; 6201 -webkit-border-radius: 0; 6202 -moz-border-radius: 0; 6203 -ms-border-radius: 0; 6204 -o-border-radius: 0; 6205 border-radius: 0; 6206 } 6207 .tabbable-custom > .nav-tabs > li > a:hover { 6208 background: none; 6209 border-color: transparent; 6210 } 6211 .tabbable-custom > .nav-tabs > li.active { 6212 border-top: 3px solid #F3565D; 6213 margin-top: 0; 6214 position: relative; 6215 } 6216 .tabbable-custom > .nav-tabs > li.active > a { 6217 border-top: none !important; 6218 font-weight: 400; 6219 -webkit-border-radius: 0; 6220 -moz-border-radius: 0; 6221 -ms-border-radius: 0; 6222 -o-border-radius: 0; 6223 border-radius: 0; 6224 } 6225 .tabbable-custom > .nav-tabs > li.active > a:hover { 6226 -webkit-border-radius: 0; 6227 -moz-border-radius: 0; 6228 -ms-border-radius: 0; 6229 -o-border-radius: 0; 6230 border-radius: 0; 6231 border-top: none; 6232 background: #fff; 6233 border-color: #d4d4d4 #d4d4d4 transparent; 6234 } 6235 .tabbable-custom > .tab-content { 6236 background-color: #fff; 6237 border: 1px solid #ddd; 6238 padding: 10px; 6239 -webkit-border-radius: 0 0 2px 2px; 6240 -moz-border-radius: 0 0 2px 2px; 6241 -ms-border-radius: 0 0 2px 2px; 6242 -o-border-radius: 0 0 2px 2px; 6243 border-radius: 0 0 2px 2px; 6244 } 6245 .tabbable-custom.nav-justified > .tab-content { 6246 margin-top: -1px; 6247 } 6248 .tabbable-custom.boxless > .tab-content { 6249 padding: 15px 0; 6250 border-left: none; 6251 border-right: none; 6252 border-bottom: none; 6253 } 6254 .tabbable-custom.tabs-below.nav-justified .tab-content { 6255 margin-top: 0px; 6256 margin-bottom: -2px; 6257 -webkit-border-radius: 2px 2px 0 0; 6258 -moz-border-radius: 2px 2px 0 0; 6259 -ms-border-radius: 2px 2px 0 0; 6260 -o-border-radius: 2px 2px 0 0; 6261 border-radius: 2px 2px 0 0; 6262 } 6263 .tabbable-custom.tabbable-full-width > .nav-tabs > li > a { 6264 color: #424242; 6265 font-size: 15px; 6266 padding: 9px 15px; 6267 } 6268 .tabbable-custom.tabbable-full-width > .tab-content { 6269 padding: 15px 0; 6270 border-left: none; 6271 border-right: none; 6272 border-bottom: none; 6273 } 6274 .tabbable-custom.tabs-below .nav-tabs > li > a { 6275 border-top: none; 6276 border-bottom: 2px solid transparent; 6277 margin-top: -1px; 6278 } 6279 .tabbable-custom.tabs-below .nav-tabs > li.active { 6280 border-top: none; 6281 border-bottom: 3px solid #d12610; 6282 margin-bottom: 0; 6283 position: relative; 6284 } 6285 .tabbable-custom.tabs-below .nav-tabs > li.active > a { 6286 border-bottom: none; 6287 } 6288 .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover { 6289 background: #fff; 6290 border-color: #d4d4d4 #d4d4d4 transparent; 6291 } 6292 6293 .tabbable-custom.tabbable-noborder > .nav-tabs > li > a { 6294 border: 0; 6295 } 6296 .tabbable-custom.tabbable-noborder .tab-content { 6297 border: 0; 6298 } 6299 6300 .tabbable-line > .nav-tabs { 6301 border: none; 6302 margin: 0px; 6303 } 6304 .tabbable-line > .nav-tabs > li { 6305 margin-right: 2px; 6306 } 6307 .tabbable-line > .nav-tabs > li > a { 6308 border: 0; 6309 margin-right: 0; 6310 color: #737373; 6311 } 6312 .tabbable-line > .nav-tabs > li > a > i { 6313 color: #a6a6a6; 6314 } 6315 .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { 6316 border-bottom: 4px solid #fbcdcf; 6317 } 6318 .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { 6319 border: 0; 6320 background: none !important; 6321 color: #333; 6322 } 6323 .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { 6324 color: #a6a6a6; 6325 } 6326 .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { 6327 margin-top: 0px; 6328 } 6329 .tabbable-line > .nav-tabs > li.active { 6330 border-bottom: 4px solid #F3565D; 6331 position: relative; 6332 } 6333 .tabbable-line > .nav-tabs > li.active > a { 6334 border: 0; 6335 color: #333; 6336 } 6337 .tabbable-line > .nav-tabs > li.active > a > i { 6338 color: #404040; 6339 } 6340 .tabbable-line > .tab-content { 6341 margin-top: -3px; 6342 background-color: #fff; 6343 border: 0; 6344 border-top: 1px solid #eee; 6345 padding: 15px 0; 6346 } 6347 .portlet .tabbable-line > .tab-content { 6348 padding-bottom: 0; 6349 } 6350 6351 .tabbable-line.tabs-below > .nav-tabs > li { 6352 border-top: 4px solid transparent; 6353 } 6354 .tabbable-line.tabs-below > .nav-tabs > li > a { 6355 margin-top: 0; 6356 } 6357 .tabbable-line.tabs-below > .nav-tabs > li:hover { 6358 border-bottom: 0; 6359 border-top: 4px solid #fbcdcf; 6360 } 6361 .tabbable-line.tabs-below > .nav-tabs > li.active { 6362 margin-bottom: -2px; 6363 border-bottom: 0; 6364 border-top: 4px solid #F3565D; 6365 } 6366 .tabbable-line.tabs-below > .tab-content { 6367 margin-top: -10px; 6368 border-top: 0; 6369 border-bottom: 1px solid #eee; 6370 padding-bottom: 15px; 6371 } 6372 6373 /*** 6374 Tiles(new in v1.1.1) 6375 ***/ 6376 .tiles { 6377 margin-right: -10px; 6378 } 6379 .tiles:before, .tiles:after { 6380 display: table; 6381 content: " "; 6382 } 6383 .tiles:after { 6384 clear: both; 6385 } 6386 .tiles .tile { 6387 display: block; 6388 letter-spacing: 0.02em; 6389 float: left; 6390 height: 135px; 6391 width: 135px !important; 6392 cursor: pointer; 6393 text-decoration: none; 6394 color: #ffffff; 6395 position: relative; 6396 font-weight: 300; 6397 font-size: 12px; 6398 letter-spacing: 0.02em; 6399 line-height: 20px; 6400 overflow: hidden; 6401 border: 4px solid transparent; 6402 margin: 0 10px 10px 0; 6403 } 6404 .tiles .tile:after, .tiles .tile:before { 6405 content: ""; 6406 float: left; 6407 } 6408 .tiles .tile.double { 6409 width: 280px !important; 6410 } 6411 .tiles .tile.double-down { 6412 height: 280px !important; 6413 } 6414 .tiles .tile.double-down i { 6415 margin-top: 95px; 6416 } 6417 .tiles .tile:hover { 6418 border-color: #aaa !important; 6419 } 6420 .tiles .tile:active, .tiles .tile.selected { 6421 border-color: #ccc !important; 6422 } 6423 .tiles .tile.selected .corner:after { 6424 content: ""; 6425 display: inline-block; 6426 border-left: 40px solid transparent; 6427 border-bottom: 40px solid transparent; 6428 border-right: 40px solid #ccc; 6429 position: absolute; 6430 top: -3px; 6431 right: -3px; 6432 } 6433 .tiles .tile.selected .check:after { 6434 content: ""; 6435 font-family: FontAwesome; 6436 font-size: 13px; 6437 content: "\f00c"; 6438 display: inline-block; 6439 position: absolute; 6440 top: 2px; 6441 right: 2px; 6442 } 6443 .tiles .tile.icon { 6444 padding: 0; 6445 } 6446 .tiles .tile.image .tile-body { 6447 padding: 0 !important; 6448 } 6449 .tiles .tile.image .tile-body > img { 6450 width: 100%; 6451 height: auto; 6452 min-height: 100%; 6453 max-width: 100%; 6454 } 6455 .tiles .tile.image .tile-body h3 { 6456 display: inline-block; 6457 } 6458 .tiles .tile .tile-body { 6459 height: 100%; 6460 vertical-align: top; 6461 padding: 10px 10px; 6462 overflow: hidden; 6463 position: relative; 6464 font-weight: 400; 6465 font-size: 12px; 6466 color: #000000; 6467 color: #ffffff; 6468 margin-bottom: 10px; 6469 } 6470 .tiles .tile .tile-body p { 6471 font-weight: 400; 6472 font-size: 13px; 6473 color: #000000; 6474 color: #ffffff; 6475 line-height: 20px; 6476 overflow: hidden; 6477 } 6478 .tiles .tile .tile-body p:hover { 6479 color: rgba(0, 0, 0, 0.8); 6480 } 6481 .tiles .tile .tile-body p:active { 6482 color: rgba(0, 0, 0, 0.4); 6483 } 6484 .tiles .tile .tile-body p:hover { 6485 color: #ffffff; 6486 } 6487 .tiles .tile .tile-body img { 6488 float: left; 6489 margin-right: 10px; 6490 } 6491 .tiles .tile .tile-body img.pull-right { 6492 float: right !important; 6493 margin-left: 10px; 6494 margin-right: 0px; 6495 } 6496 .tiles .tile .tile-body > .content { 6497 display: inline-block; 6498 } 6499 .tiles .tile .tile-body > i { 6500 margin-top: 17px; 6501 display: block; 6502 font-size: 56px; 6503 line-height: 56px; 6504 text-align: center; 6505 } 6506 .tiles .tile .tile-body h1, 6507 .tiles .tile .tile-body h2, 6508 .tiles .tile .tile-body h3, 6509 .tiles .tile .tile-body h4, 6510 .tiles .tile .tile-body h5, 6511 .tiles .tile .tile-body h6, 6512 .tiles .tile .tile-body p { 6513 padding: 0; 6514 margin: 0; 6515 line-height: 14px; 6516 } 6517 .tiles .tile .tile-body h1:hover, 6518 .tiles .tile .tile-body h2:hover, 6519 .tiles .tile .tile-body h3:hover, 6520 .tiles .tile .tile-body h4:hover, 6521 .tiles .tile .tile-body h5:hover, 6522 .tiles .tile .tile-body h6:hover, 6523 .tiles .tile .tile-body p:hover { 6524 color: #ffffff; 6525 } 6526 .tiles .tile .tile-body h3, 6527 .tiles .tile .tile-body h4 { 6528 margin-bottom: 5px; 6529 } 6530 .tiles .tile .tile-object { 6531 position: absolute; 6532 bottom: 0; 6533 left: 0; 6534 right: 0; 6535 min-height: 30px; 6536 background-color: transparent; 6537 *zoom: 1; 6538 } 6539 .tiles .tile .tile-object:before, .tiles .tile .tile-object:after { 6540 display: table; 6541 content: ""; 6542 } 6543 .tiles .tile .tile-object:after { 6544 clear: both; 6545 } 6546 .tiles .tile .tile-object > .name { 6547 position: absolute; 6548 bottom: 0; 6549 left: 0; 6550 margin-bottom: 5px; 6551 margin-left: 10px; 6552 margin-right: 15px; 6553 font-weight: 400; 6554 font-size: 13px; 6555 color: #ffffff; 6556 } 6557 .tiles .tile .tile-object > .name > i { 6558 vertical-align: middle; 6559 display: block; 6560 font-size: 24px; 6561 height: 18px; 6562 width: 24px; 6563 } 6564 .tiles .tile .tile-object > .number { 6565 position: absolute; 6566 bottom: 0; 6567 right: 0; 6568 margin-bottom: 0; 6569 color: #ffffff; 6570 text-align: center; 6571 font-weight: 600; 6572 font-size: 14px; 6573 letter-spacing: 0.01em; 6574 line-height: 14px; 6575 margin-bottom: 8px; 6576 margin-right: 10px; 6577 } 6578 6579 /*** 6580 Custimized Bootstrap Wells 6581 ***/ 6582 .well { 6583 background-color: #eee; 6584 border: 0; 6585 } 6586 6587 .well { 6588 -webkit-border-radius: 2px; 6589 -moz-border-radius: 2px; 6590 -ms-border-radius: 2px; 6591 -o-border-radius: 2px; 6592 border-radius: 2px; 6593 } 6594 6595 /*** 6596 AngularJS Basic Animations 6597 ***/ 6598 @-webkit-keyframes fadeInUp { 6599 0% { 6600 opacity: 0; 6601 -webkit-transform: translateY(15px); 6602 } 6603 100% { 6604 opacity: 1; 6605 -webkit-transform: translateY(0); 6606 } 6607 } 6608 @-moz-keyframes fadeInUp { 6609 0% { 6610 opacity: 0; 6611 -moz-transform: translateY(15px); 6612 } 6613 100% { 6614 opacity: 1; 6615 -moz-transform: translateY(0); 6616 } 6617 } 6618 @-o-keyframes fadeInUp { 6619 0% { 6620 opacity: 0; 6621 -o-transform: translateY(15px); 6622 } 6623 100% { 6624 opacity: 1; 6625 -o-transform: translateY(0); 6626 } 6627 } 6628 @keyframes fadeInUp { 6629 0% { 6630 opacity: 0; 6631 transform: translateY(15px); 6632 } 6633 100% { 6634 opacity: 1; 6635 transform: translateY(0); 6636 } 6637 } 6638 .fade-in-up { 6639 -webkit-animation: fadeInUp .5s; 6640 animation: fadeInUp .5s; 6641 } 6642 6643 @-webkit-keyframes bounceDelay { 6644 0%, 80%, 100% { 6645 -webkit-transform: scale(0); 6646 } 6647 40% { 6648 -webkit-transform: scale(1); 6649 } 6650 } 6651 @keyframes bounceDelay { 6652 0%, 80%, 100% { 6653 transform: scale(0); 6654 -webkit-transform: scale(0); 6655 } 6656 40% { 6657 transform: scale(1); 6658 -webkit-transform: scale(1); 6659 } 6660 } 6661 @keyframes input-focus { 6662 0% { 6663 left: 20%; 6664 width: 20%; 6665 } 6666 99% { 6667 width: 0; 6668 left: 0; 6669 opacity: 1; 6670 } 6671 100% { 6672 opacity: 0; 6673 } 6674 } 6675 /* Button */ 6676 .btn.default { 6677 color: #333333; 6678 background-color: #E5E5E5; 6679 } 6680 .btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active { 6681 color: #333333; 6682 background-color: lightgray; 6683 } 6684 .open .btn.default.dropdown-toggle { 6685 color: #333333; 6686 background-color: lightgray; 6687 } 6688 .btn.default:active, .btn.default.active { 6689 background-image: none; 6690 background-color: #c6c6c6; 6691 } 6692 .btn.default:active:hover, .btn.default.active:hover { 6693 background-color: #cccccc; 6694 } 6695 .open .btn.default.dropdown-toggle { 6696 background-image: none; 6697 } 6698 .btn.default.disabled, .btn.default.disabled:hover, .btn.default.disabled:focus, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:focus, .btn.default[disabled]:active, .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active { 6699 background-color: #E5E5E5; 6700 } 6701 .btn.default .badge { 6702 color: #E5E5E5; 6703 background-color: #333333; 6704 } 6705 6706 /********** 6707 Blue Colors 6708 ***********/ 6709 /*** 6710 Blue Default 6711 ***/ 6712 /* Button */ 6713 .blue.btn { 6714 color: #FFFFFF; 6715 background-color: #3598dc; 6716 } 6717 .blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active { 6718 color: #FFFFFF; 6719 background-color: #2386ca; 6720 } 6721 .open .blue.btn.dropdown-toggle { 6722 color: #FFFFFF; 6723 background-color: #2386ca; 6724 } 6725 .blue.btn:active, .blue.btn.active { 6726 background-image: none; 6727 background-color: #1f78b5; 6728 } 6729 .blue.btn:active:hover, .blue.btn.active:hover { 6730 background-color: #217ebd; 6731 } 6732 .open .blue.btn.dropdown-toggle { 6733 background-image: none; 6734 } 6735 .blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active { 6736 background-color: #3598dc; 6737 } 6738 .blue.btn .badge { 6739 color: #3598dc; 6740 background-color: #FFFFFF; 6741 } 6742 6743 /* Button Strip */ 6744 .btn.blue-stripe { 6745 border-left: 3px solid #3598dc; 6746 } 6747 6748 /* Portlet */ 6749 .portlet > .portlet-body.blue, 6750 .portlet.blue { 6751 background-color: #3598dc; 6752 } 6753 6754 .portlet.solid.blue > .portlet-title, 6755 .portlet.solid.blue > .portlet-body { 6756 border: 0; 6757 color: #FFFFFF; 6758 } 6759 .portlet.solid.blue > .portlet-title > .caption { 6760 font-weight: 400; 6761 } 6762 .portlet.solid.blue > .portlet-title > .caption > i { 6763 color: #FFFFFF; 6764 } 6765 .portlet.solid.blue > .portlet-title > .tools > a.remove { 6766 background-image: url(../img/portlet-remove-icon-white.png); 6767 } 6768 .portlet.solid.blue > .portlet-title > .tools > a.config { 6769 background-image: url(../img/portlet-config-icon-white.png); 6770 } 6771 .portlet.solid.blue > .portlet-title > .tools > a.reload { 6772 background-image: url(../img/portlet-reload-icon-white.png); 6773 } 6774 .portlet.solid.blue > .portlet-title > .tools > a.expand { 6775 background-image: url(../img/portlet-expand-icon-white.png); 6776 } 6777 .portlet.solid.blue > .portlet-title > .tools > a.collapse { 6778 background-image: url(../img/portlet-collapse-icon-white.png); 6779 } 6780 .portlet.solid.blue > .portlet-title > .tools > a.fullscreen { 6781 color: #fdfdfd; 6782 } 6783 6784 .portlet.box.blue { 6785 border: 1px solid #60aee4; 6786 border-top: 0; 6787 } 6788 .portlet.box.blue > .portlet-title { 6789 background-color: #3598dc; 6790 } 6791 .portlet.box.blue > .portlet-title > .caption { 6792 color: #FFFFFF; 6793 } 6794 .portlet.box.blue > .portlet-title > .caption > i { 6795 color: #FFFFFF; 6796 } 6797 .portlet.box.blue > .portlet-title > .actions .btn-default { 6798 background: transparent !important; 6799 background-color: transparent !important; 6800 border: 1px solid #95c9ed; 6801 color: #aad4f0; 6802 box-shadow: none; 6803 } 6804 .portlet.box.blue > .portlet-title > .actions .btn-default > i { 6805 color: #b7daf3; 6806 } 6807 .portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:focus, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default.active { 6808 border: 1px solid #c0dff4; 6809 color: #d6eaf8; 6810 } 6811 6812 /* Statistic Block */ 6813 .dashboard-stat.blue { 6814 background-color: #3598dc; 6815 } 6816 .dashboard-stat.blue.dashboard-stat-light:hover { 6817 background-color: #258fd7; 6818 } 6819 .dashboard-stat.blue .visual > i { 6820 color: #FFFFFF; 6821 opacity: 0.1; 6822 filter: alpha(opacity=10); 6823 } 6824 .dashboard-stat.blue .details .number { 6825 color: #FFFFFF; 6826 } 6827 .dashboard-stat.blue .details .desc { 6828 color: #FFFFFF; 6829 opacity: 1; 6830 filter: alpha(opacity=100); 6831 } 6832 .dashboard-stat.blue .more { 6833 color: #FFFFFF; 6834 background-color: #258fd7; 6835 } 6836 6837 /* General Element */ 6838 .bg-blue { 6839 border-color: #3598dc !important; 6840 background-image: none !important; 6841 background-color: #3598dc !important; 6842 color: #FFFFFF !important; 6843 } 6844 6845 /* General Text & Icon Font Colors */ 6846 .font-blue { 6847 color: #3598dc !important; 6848 } 6849 6850 .progress-bar.blue { 6851 background: #3598dc !important; 6852 color: #FFFFFF !important; 6853 } 6854 6855 /*** 6856 Blue Madison 6857 ***/ 6858 /* Button */ 6859 .blue-madison.btn { 6860 color: #FFFFFF; 6861 background-color: #578ebe; 6862 } 6863 .blue-madison.btn:hover, .blue-madison.btn:focus, .blue-madison.btn:active, .blue-madison.btn.active { 6864 color: #FFFFFF; 6865 background-color: #437cae; 6866 } 6867 .open .blue-madison.btn.dropdown-toggle { 6868 color: #FFFFFF; 6869 background-color: #437cae; 6870 } 6871 .blue-madison.btn:active, .blue-madison.btn.active { 6872 background-image: none; 6873 background-color: #3c6f9c; 6874 } 6875 .blue-madison.btn:active:hover, .blue-madison.btn.active:hover { 6876 background-color: #3f74a3; 6877 } 6878 .open .blue-madison.btn.dropdown-toggle { 6879 background-image: none; 6880 } 6881 .blue-madison.btn.disabled, .blue-madison.btn.disabled:hover, .blue-madison.btn.disabled:focus, .blue-madison.btn.disabled:active, .blue-madison.btn.disabled.active, .blue-madison.btn[disabled], .blue-madison.btn[disabled]:hover, .blue-madison.btn[disabled]:focus, .blue-madison.btn[disabled]:active, .blue-madison.btn[disabled].active, fieldset[disabled] .blue-madison.btn, fieldset[disabled] .blue-madison.btn:hover, fieldset[disabled] .blue-madison.btn:focus, fieldset[disabled] .blue-madison.btn:active, fieldset[disabled] .blue-madison.btn.active { 6882 background-color: #578ebe; 6883 } 6884 .blue-madison.btn .badge { 6885 color: #578ebe; 6886 background-color: #FFFFFF; 6887 } 6888 6889 /* Button Strip */ 6890 .btn.blue-madison-stripe { 6891 border-left: 3px solid #578ebe; 6892 } 6893 6894 /* Portlet */ 6895 .portlet > .portlet-body.blue-madison, 6896 .portlet.blue-madison { 6897 background-color: #578ebe; 6898 } 6899 6900 .portlet.solid.blue-madison > .portlet-title, 6901 .portlet.solid.blue-madison > .portlet-body { 6902 border: 0; 6903 color: #FFFFFF; 6904 } 6905 .portlet.solid.blue-madison > .portlet-title > .caption { 6906 font-weight: 400; 6907 } 6908 .portlet.solid.blue-madison > .portlet-title > .caption > i { 6909 color: #FFFFFF; 6910 } 6911 .portlet.solid.blue-madison > .portlet-title > .tools > a.remove { 6912 background-image: url(../img/portlet-remove-icon-white.png); 6913 } 6914 .portlet.solid.blue-madison > .portlet-title > .tools > a.config { 6915 background-image: url(../img/portlet-config-icon-white.png); 6916 } 6917 .portlet.solid.blue-madison > .portlet-title > .tools > a.reload { 6918 background-image: url(../img/portlet-reload-icon-white.png); 6919 } 6920 .portlet.solid.blue-madison > .portlet-title > .tools > a.expand { 6921 background-image: url(../img/portlet-expand-icon-white.png); 6922 } 6923 .portlet.solid.blue-madison > .portlet-title > .tools > a.collapse { 6924 background-image: url(../img/portlet-collapse-icon-white.png); 6925 } 6926 .portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen { 6927 color: #fdfdfd; 6928 } 6929 6930 .portlet.box.blue-madison { 6931 border: 1px solid #7ca7cc; 6932 border-top: 0; 6933 } 6934 .portlet.box.blue-madison > .portlet-title { 6935 background-color: #578ebe; 6936 } 6937 .portlet.box.blue-madison > .portlet-title > .caption { 6938 color: #FFFFFF; 6939 } 6940 .portlet.box.blue-madison > .portlet-title > .caption > i { 6941 color: #FFFFFF; 6942 } 6943 .portlet.box.blue-madison > .portlet-title > .actions .btn-default { 6944 background: transparent !important; 6945 background-color: transparent !important; 6946 border: 1px solid #a8c4dd; 6947 color: #bad1e4; 6948 box-shadow: none; 6949 } 6950 .portlet.box.blue-madison > .portlet-title > .actions .btn-default > i { 6951 color: #c5d8e9; 6952 } 6953 .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default.active { 6954 border: 1px solid #cdddec; 6955 color: #dfeaf3; 6956 } 6957 6958 /* Statistic Block */ 6959 .dashboard-stat.blue-madison { 6960 background-color: #578ebe; 6961 } 6962 .dashboard-stat.blue-madison.dashboard-stat-light:hover { 6963 background-color: #4884b8; 6964 } 6965 .dashboard-stat.blue-madison .visual > i { 6966 color: #FFFFFF; 6967 opacity: 0.1; 6968 filter: alpha(opacity=10); 6969 } 6970 .dashboard-stat.blue-madison .details .number { 6971 color: #FFFFFF; 6972 } 6973 .dashboard-stat.blue-madison .details .desc { 6974 color: #FFFFFF; 6975 opacity: 1; 6976 filter: alpha(opacity=100); 6977 } 6978 .dashboard-stat.blue-madison .more { 6979 color: #FFFFFF; 6980 background-color: #4884b8; 6981 } 6982 6983 /* General Element */ 6984 .bg-blue-madison { 6985 border-color: #578ebe !important; 6986 background-image: none !important; 6987 background-color: #578ebe !important; 6988 color: #FFFFFF !important; 6989 } 6990 6991 /* General Text & Icon Font Colors */ 6992 .font-blue-madison { 6993 color: #578ebe !important; 6994 } 6995 6996 .progress-bar.blue-madison { 6997 background: #578ebe !important; 6998 color: #FFFFFF !important; 6999 } 7000 7001 /*** 7002 Blue Chambray 7003 ***/ 7004 /* Button */ 7005 .blue-chambray.btn { 7006 color: #FFFFFF; 7007 background-color: #2C3E50; 7008 } 7009 .blue-chambray.btn:hover, .blue-chambray.btn:focus, .blue-chambray.btn:active, .blue-chambray.btn.active { 7010 color: #FFFFFF; 7011 background-color: #1f2c39; 7012 } 7013 .open .blue-chambray.btn.dropdown-toggle { 7014 color: #FFFFFF; 7015 background-color: #1f2c39; 7016 } 7017 .blue-chambray.btn:active, .blue-chambray.btn.active { 7018 background-image: none; 7019 background-color: #161f29; 7020 } 7021 .blue-chambray.btn:active:hover, .blue-chambray.btn.active:hover { 7022 background-color: #1a242f; 7023 } 7024 .open .blue-chambray.btn.dropdown-toggle { 7025 background-image: none; 7026 } 7027 .blue-chambray.btn.disabled, .blue-chambray.btn.disabled:hover, .blue-chambray.btn.disabled:focus, .blue-chambray.btn.disabled:active, .blue-chambray.btn.disabled.active, .blue-chambray.btn[disabled], .blue-chambray.btn[disabled]:hover, .blue-chambray.btn[disabled]:focus, .blue-chambray.btn[disabled]:active, .blue-chambray.btn[disabled].active, fieldset[disabled] .blue-chambray.btn, fieldset[disabled] .blue-chambray.btn:hover, fieldset[disabled] .blue-chambray.btn:focus, fieldset[disabled] .blue-chambray.btn:active, fieldset[disabled] .blue-chambray.btn.active { 7028 background-color: #2C3E50; 7029 } 7030 .blue-chambray.btn .badge { 7031 color: #2C3E50; 7032 background-color: #FFFFFF; 7033 } 7034 7035 /* Button Strip */ 7036 .btn.blue-chambray-stripe { 7037 border-left: 3px solid #2C3E50; 7038 } 7039 7040 /* Portlet */ 7041 .portlet > .portlet-body.blue-chambray, 7042 .portlet.blue-chambray { 7043 background-color: #2C3E50; 7044 } 7045 7046 .portlet.solid.blue-chambray > .portlet-title, 7047 .portlet.solid.blue-chambray > .portlet-body { 7048 border: 0; 7049 color: #FFFFFF; 7050 } 7051 .portlet.solid.blue-chambray > .portlet-title > .caption { 7052 font-weight: 400; 7053 } 7054 .portlet.solid.blue-chambray > .portlet-title > .caption > i { 7055 color: #FFFFFF; 7056 } 7057 .portlet.solid.blue-chambray > .portlet-title > .tools > a.remove { 7058 background-image: url(../img/portlet-remove-icon-white.png); 7059 } 7060 .portlet.solid.blue-chambray > .portlet-title > .tools > a.config { 7061 background-image: url(../img/portlet-config-icon-white.png); 7062 } 7063 .portlet.solid.blue-chambray > .portlet-title > .tools > a.reload { 7064 background-image: url(../img/portlet-reload-icon-white.png); 7065 } 7066 .portlet.solid.blue-chambray > .portlet-title > .tools > a.expand { 7067 background-image: url(../img/portlet-expand-icon-white.png); 7068 } 7069 .portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse { 7070 background-image: url(../img/portlet-collapse-icon-white.png); 7071 } 7072 .portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen { 7073 color: #fdfdfd; 7074 } 7075 7076 .portlet.box.blue-chambray { 7077 border: 1px solid #3e5771; 7078 border-top: 0; 7079 } 7080 .portlet.box.blue-chambray > .portlet-title { 7081 background-color: #2C3E50; 7082 } 7083 .portlet.box.blue-chambray > .portlet-title > .caption { 7084 color: #FFFFFF; 7085 } 7086 .portlet.box.blue-chambray > .portlet-title > .caption > i { 7087 color: #FFFFFF; 7088 } 7089 .portlet.box.blue-chambray > .portlet-title > .actions .btn-default { 7090 background: transparent !important; 7091 background-color: transparent !important; 7092 border: 1px solid #547698; 7093 color: #5f83a7; 7094 box-shadow: none; 7095 } 7096 .portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i { 7097 color: #698aac; 7098 } 7099 .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active { 7100 border: 1px solid #6f90b0; 7101 color: #809cb9; 7102 } 7103 7104 /* Statistic Block */ 7105 .dashboard-stat.blue-chambray { 7106 background-color: #2C3E50; 7107 } 7108 .dashboard-stat.blue-chambray.dashboard-stat-light:hover { 7109 background-color: #253443; 7110 } 7111 .dashboard-stat.blue-chambray .visual > i { 7112 color: #FFFFFF; 7113 opacity: 0.1; 7114 filter: alpha(opacity=10); 7115 } 7116 .dashboard-stat.blue-chambray .details .number { 7117 color: #FFFFFF; 7118 } 7119 .dashboard-stat.blue-chambray .details .desc { 7120 color: #FFFFFF; 7121 opacity: 1; 7122 filter: alpha(opacity=100); 7123 } 7124 .dashboard-stat.blue-chambray .more { 7125 color: #FFFFFF; 7126 background-color: #253443; 7127 } 7128 7129 /* General Element */ 7130 .bg-blue-chambray { 7131 border-color: #2C3E50 !important; 7132 background-image: none !important; 7133 background-color: #2C3E50 !important; 7134 color: #FFFFFF !important; 7135 } 7136 7137 /* General Text & Icon Font Colors */ 7138 .font-blue-chambray { 7139 color: #2C3E50 !important; 7140 } 7141 7142 .progress-bar.blue-chambray { 7143 background: #2C3E50 !important; 7144 color: #FFFFFF !important; 7145 } 7146 7147 /*** 7148 Blue Ebonyclay 7149 ***/ 7150 /* Button */ 7151 .blue-ebonyclay.btn { 7152 color: #FFFFFF; 7153 background-color: #22313F; 7154 } 7155 .blue-ebonyclay.btn:hover, .blue-ebonyclay.btn:focus, .blue-ebonyclay.btn:active, .blue-ebonyclay.btn.active { 7156 color: #FFFFFF; 7157 background-color: #151f28; 7158 } 7159 .open .blue-ebonyclay.btn.dropdown-toggle { 7160 color: #FFFFFF; 7161 background-color: #151f28; 7162 } 7163 .blue-ebonyclay.btn:active, .blue-ebonyclay.btn.active { 7164 background-image: none; 7165 background-color: #0d1217; 7166 } 7167 .blue-ebonyclay.btn:active:hover, .blue-ebonyclay.btn.active:hover { 7168 background-color: #10171e; 7169 } 7170 .open .blue-ebonyclay.btn.dropdown-toggle { 7171 background-image: none; 7172 } 7173 .blue-ebonyclay.btn.disabled, .blue-ebonyclay.btn.disabled:hover, .blue-ebonyclay.btn.disabled:focus, .blue-ebonyclay.btn.disabled:active, .blue-ebonyclay.btn.disabled.active, .blue-ebonyclay.btn[disabled], .blue-ebonyclay.btn[disabled]:hover, .blue-ebonyclay.btn[disabled]:focus, .blue-ebonyclay.btn[disabled]:active, .blue-ebonyclay.btn[disabled].active, fieldset[disabled] .blue-ebonyclay.btn, fieldset[disabled] .blue-ebonyclay.btn:hover, fieldset[disabled] .blue-ebonyclay.btn:focus, fieldset[disabled] .blue-ebonyclay.btn:active, fieldset[disabled] .blue-ebonyclay.btn.active { 7174 background-color: #22313F; 7175 } 7176 .blue-ebonyclay.btn .badge { 7177 color: #22313F; 7178 background-color: #FFFFFF; 7179 } 7180 7181 /* Button Strip */ 7182 .btn.blue-ebonyclay-stripe { 7183 border-left: 3px solid #22313F; 7184 } 7185 7186 /* Portlet */ 7187 .portlet > .portlet-body.blue-ebonyclay, 7188 .portlet.blue-ebonyclay { 7189 background-color: #22313F; 7190 } 7191 7192 .portlet.solid.blue-ebonyclay > .portlet-title, 7193 .portlet.solid.blue-ebonyclay > .portlet-body { 7194 border: 0; 7195 color: #FFFFFF; 7196 } 7197 .portlet.solid.blue-ebonyclay > .portlet-title > .caption { 7198 font-weight: 400; 7199 } 7200 .portlet.solid.blue-ebonyclay > .portlet-title > .caption > i { 7201 color: #FFFFFF; 7202 } 7203 .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove { 7204 background-image: url(../img/portlet-remove-icon-white.png); 7205 } 7206 .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config { 7207 background-image: url(../img/portlet-config-icon-white.png); 7208 } 7209 .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload { 7210 background-image: url(../img/portlet-reload-icon-white.png); 7211 } 7212 .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand { 7213 background-image: url(../img/portlet-expand-icon-white.png); 7214 } 7215 .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse { 7216 background-image: url(../img/portlet-collapse-icon-white.png); 7217 } 7218 .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen { 7219 color: #fdfdfd; 7220 } 7221 7222 .portlet.box.blue-ebonyclay { 7223 border: 1px solid #344b60; 7224 border-top: 0; 7225 } 7226 .portlet.box.blue-ebonyclay > .portlet-title { 7227 background-color: #22313F; 7228 } 7229 .portlet.box.blue-ebonyclay > .portlet-title > .caption { 7230 color: #FFFFFF; 7231 } 7232 .portlet.box.blue-ebonyclay > .portlet-title > .caption > i { 7233 color: #FFFFFF; 7234 } 7235 .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default { 7236 background: transparent !important; 7237 background-color: transparent !important; 7238 border: 1px solid #496a88; 7239 color: #527798; 7240 box-shadow: none; 7241 } 7242 .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i { 7243 color: #587ea2; 7244 } 7245 .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active { 7246 border: 1px solid #5d83a7; 7247 color: #6d90b0; 7248 } 7249 7250 /* Statistic Block */ 7251 .dashboard-stat.blue-ebonyclay { 7252 background-color: #22313F; 7253 } 7254 .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover { 7255 background-color: #1b2732; 7256 } 7257 .dashboard-stat.blue-ebonyclay .visual > i { 7258 color: #FFFFFF; 7259 opacity: 0.1; 7260 filter: alpha(opacity=10); 7261 } 7262 .dashboard-stat.blue-ebonyclay .details .number { 7263 color: #FFFFFF; 7264 } 7265 .dashboard-stat.blue-ebonyclay .details .desc { 7266 color: #FFFFFF; 7267 opacity: 1; 7268 filter: alpha(opacity=100); 7269 } 7270 .dashboard-stat.blue-ebonyclay .more { 7271 color: #FFFFFF; 7272 background-color: #1b2732; 7273 } 7274 7275 /* General Element */ 7276 .bg-blue-ebonyclay { 7277 border-color: #22313F !important; 7278 background-image: none !important; 7279 background-color: #22313F !important; 7280 color: #FFFFFF !important; 7281 } 7282 7283 /* General Text & Icon Font Colors */ 7284 .font-blue-ebonyclay { 7285 color: #22313F !important; 7286 } 7287 7288 .progress-bar.blue-ebonyclay { 7289 background: #22313F !important; 7290 color: #FFFFFF !important; 7291 } 7292 7293 /*** 7294 Blue Hoki 7295 ***/ 7296 /* Button */ 7297 .blue-hoki.btn { 7298 color: #FFFFFF; 7299 background-color: #67809F; 7300 } 7301 .blue-hoki.btn:hover, .blue-hoki.btn:focus, .blue-hoki.btn:active, .blue-hoki.btn.active { 7302 color: #FFFFFF; 7303 background-color: #586e8b; 7304 } 7305 .open .blue-hoki.btn.dropdown-toggle { 7306 color: #FFFFFF; 7307 background-color: #586e8b; 7308 } 7309 .blue-hoki.btn:active, .blue-hoki.btn.active { 7310 background-image: none; 7311 background-color: #4e627b; 7312 } 7313 .blue-hoki.btn:active:hover, .blue-hoki.btn.active:hover { 7314 background-color: #526781; 7315 } 7316 .open .blue-hoki.btn.dropdown-toggle { 7317 background-image: none; 7318 } 7319 .blue-hoki.btn.disabled, .blue-hoki.btn.disabled:hover, .blue-hoki.btn.disabled:focus, .blue-hoki.btn.disabled:active, .blue-hoki.btn.disabled.active, .blue-hoki.btn[disabled], .blue-hoki.btn[disabled]:hover, .blue-hoki.btn[disabled]:focus, .blue-hoki.btn[disabled]:active, .blue-hoki.btn[disabled].active, fieldset[disabled] .blue-hoki.btn, fieldset[disabled] .blue-hoki.btn:hover, fieldset[disabled] .blue-hoki.btn:focus, fieldset[disabled] .blue-hoki.btn:active, fieldset[disabled] .blue-hoki.btn.active { 7320 background-color: #67809F; 7321 } 7322 .blue-hoki.btn .badge { 7323 color: #67809F; 7324 background-color: #FFFFFF; 7325 } 7326 7327 /* Button Strip */ 7328 .btn.blue-hoki-stripe { 7329 border-left: 3px solid #67809F; 7330 } 7331 7332 /* Portlet */ 7333 .portlet > .portlet-body.blue-hoki, 7334 .portlet.blue-hoki { 7335 background-color: #67809F; 7336 } 7337 7338 .portlet.solid.blue-hoki > .portlet-title, 7339 .portlet.solid.blue-hoki > .portlet-body { 7340 border: 0; 7341 color: #FFFFFF; 7342 } 7343 .portlet.solid.blue-hoki > .portlet-title > .caption { 7344 font-weight: 400; 7345 } 7346 .portlet.solid.blue-hoki > .portlet-title > .caption > i { 7347 color: #FFFFFF; 7348 } 7349 .portlet.solid.blue-hoki > .portlet-title > .tools > a.remove { 7350 background-image: url(../img/portlet-remove-icon-white.png); 7351 } 7352 .portlet.solid.blue-hoki > .portlet-title > .tools > a.config { 7353 background-image: url(../img/portlet-config-icon-white.png); 7354 } 7355 .portlet.solid.blue-hoki > .portlet-title > .tools > a.reload { 7356 background-image: url(../img/portlet-reload-icon-white.png); 7357 } 7358 .portlet.solid.blue-hoki > .portlet-title > .tools > a.expand { 7359 background-image: url(../img/portlet-expand-icon-white.png); 7360 } 7361 .portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse { 7362 background-image: url(../img/portlet-collapse-icon-white.png); 7363 } 7364 .portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen { 7365 color: #fdfdfd; 7366 } 7367 7368 .portlet.box.blue-hoki { 7369 border: 1px solid #869ab3; 7370 border-top: 0; 7371 } 7372 .portlet.box.blue-hoki > .portlet-title { 7373 background-color: #67809F; 7374 } 7375 .portlet.box.blue-hoki > .portlet-title > .caption { 7376 color: #FFFFFF; 7377 } 7378 .portlet.box.blue-hoki > .portlet-title > .caption > i { 7379 color: #FFFFFF; 7380 } 7381 .portlet.box.blue-hoki > .portlet-title > .actions .btn-default { 7382 background: transparent !important; 7383 background-color: transparent !important; 7384 border: 1px solid #acb9ca; 7385 color: #bbc7d4; 7386 box-shadow: none; 7387 } 7388 .portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i { 7389 color: #c5ceda; 7390 } 7391 .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active { 7392 border: 1px solid #cbd4de; 7393 color: #dbe1e8; 7394 } 7395 7396 /* Statistic Block */ 7397 .dashboard-stat.blue-hoki { 7398 background-color: #67809F; 7399 } 7400 .dashboard-stat.blue-hoki.dashboard-stat-light:hover { 7401 background-color: #5e7694; 7402 } 7403 .dashboard-stat.blue-hoki .visual > i { 7404 color: #FFFFFF; 7405 opacity: 0.1; 7406 filter: alpha(opacity=10); 7407 } 7408 .dashboard-stat.blue-hoki .details .number { 7409 color: #FFFFFF; 7410 } 7411 .dashboard-stat.blue-hoki .details .desc { 7412 color: #FFFFFF; 7413 opacity: 1; 7414 filter: alpha(opacity=100); 7415 } 7416 .dashboard-stat.blue-hoki .more { 7417 color: #FFFFFF; 7418 background-color: #5e7694; 7419 } 7420 7421 /* General Element */ 7422 .bg-blue-hoki { 7423 border-color: #67809F !important; 7424 background-image: none !important; 7425 background-color: #67809F !important; 7426 color: #FFFFFF !important; 7427 } 7428 7429 /* General Text & Icon Font Colors */ 7430 .font-blue-hoki { 7431 color: #67809F !important; 7432 } 7433 7434 .progress-bar.blue-hoki { 7435 background: #67809F !important; 7436 color: #FFFFFF !important; 7437 } 7438 7439 /*** 7440 Blue Stell 7441 ***/ 7442 /* Button */ 7443 .blue-steel.btn { 7444 color: #FFFFFF; 7445 background-color: #4B77BE; 7446 } 7447 .blue-steel.btn:hover, .blue-steel.btn:focus, .blue-steel.btn:active, .blue-steel.btn.active { 7448 color: #FFFFFF; 7449 background-color: #3d66a8; 7450 } 7451 .open .blue-steel.btn.dropdown-toggle { 7452 color: #FFFFFF; 7453 background-color: #3d66a8; 7454 } 7455 .blue-steel.btn:active, .blue-steel.btn.active { 7456 background-image: none; 7457 background-color: #365b96; 7458 } 7459 .blue-steel.btn:active:hover, .blue-steel.btn.active:hover { 7460 background-color: #395f9d; 7461 } 7462 .open .blue-steel.btn.dropdown-toggle { 7463 background-image: none; 7464 } 7465 .blue-steel.btn.disabled, .blue-steel.btn.disabled:hover, .blue-steel.btn.disabled:focus, .blue-steel.btn.disabled:active, .blue-steel.btn.disabled.active, .blue-steel.btn[disabled], .blue-steel.btn[disabled]:hover, .blue-steel.btn[disabled]:focus, .blue-steel.btn[disabled]:active, .blue-steel.btn[disabled].active, fieldset[disabled] .blue-steel.btn, fieldset[disabled] .blue-steel.btn:hover, fieldset[disabled] .blue-steel.btn:focus, fieldset[disabled] .blue-steel.btn:active, fieldset[disabled] .blue-steel.btn.active { 7466 background-color: #4B77BE; 7467 } 7468 .blue-steel.btn .badge { 7469 color: #4B77BE; 7470 background-color: #FFFFFF; 7471 } 7472 7473 /* Button Strip */ 7474 .btn.blue-steel-stripe { 7475 border-left: 3px solid #4B77BE; 7476 } 7477 7478 /* Portlet */ 7479 .portlet > .portlet-body.blue-steel, 7480 .portlet.blue-steel { 7481 background-color: #4B77BE; 7482 } 7483 7484 .portlet.solid.blue-steel > .portlet-title, 7485 .portlet.solid.blue-steel > .portlet-body { 7486 border: 0; 7487 color: #FFFFFF; 7488 } 7489 .portlet.solid.blue-steel > .portlet-title > .caption { 7490 font-weight: 400; 7491 } 7492 .portlet.solid.blue-steel > .portlet-title > .caption > i { 7493 color: #FFFFFF; 7494 } 7495 .portlet.solid.blue-steel > .portlet-title > .tools > a.remove { 7496 background-image: url(../img/portlet-remove-icon-white.png); 7497 } 7498 .portlet.solid.blue-steel > .portlet-title > .tools > a.config { 7499 background-image: url(../img/portlet-config-icon-white.png); 7500 } 7501 .portlet.solid.blue-steel > .portlet-title > .tools > a.reload { 7502 background-image: url(../img/portlet-reload-icon-white.png); 7503 } 7504 .portlet.solid.blue-steel > .portlet-title > .tools > a.expand { 7505 background-image: url(../img/portlet-expand-icon-white.png); 7506 } 7507 .portlet.solid.blue-steel > .portlet-title > .tools > a.collapse { 7508 background-image: url(../img/portlet-collapse-icon-white.png); 7509 } 7510 .portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen { 7511 color: #fdfdfd; 7512 } 7513 7514 .portlet.box.blue-steel { 7515 border: 1px solid #7093cc; 7516 border-top: 0; 7517 } 7518 .portlet.box.blue-steel > .portlet-title { 7519 background-color: #4B77BE; 7520 } 7521 .portlet.box.blue-steel > .portlet-title > .caption { 7522 color: #FFFFFF; 7523 } 7524 .portlet.box.blue-steel > .portlet-title > .caption > i { 7525 color: #FFFFFF; 7526 } 7527 .portlet.box.blue-steel > .portlet-title > .actions .btn-default { 7528 background: transparent !important; 7529 background-color: transparent !important; 7530 border: 1px solid #9db5dc; 7531 color: #b0c3e3; 7532 box-shadow: none; 7533 } 7534 .portlet.box.blue-steel > .portlet-title > .actions .btn-default > i { 7535 color: #bbcce7; 7536 } 7537 .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default.active { 7538 border: 1px solid #c3d2e9; 7539 color: #d6e0f0; 7540 } 7541 7542 /* Statistic Block */ 7543 .dashboard-stat.blue-steel { 7544 background-color: #4B77BE; 7545 } 7546 .dashboard-stat.blue-steel.dashboard-stat-light:hover { 7547 background-color: #416db4; 7548 } 7549 .dashboard-stat.blue-steel .visual > i { 7550 color: #FFFFFF; 7551 opacity: 0.1; 7552 filter: alpha(opacity=10); 7553 } 7554 .dashboard-stat.blue-steel .details .number { 7555 color: #FFFFFF; 7556 } 7557 .dashboard-stat.blue-steel .details .desc { 7558 color: #FFFFFF; 7559 opacity: 1; 7560 filter: alpha(opacity=100); 7561 } 7562 .dashboard-stat.blue-steel .more { 7563 color: #FFFFFF; 7564 background-color: #416db4; 7565 } 7566 7567 /* General Element */ 7568 .bg-blue-steel { 7569 border-color: #4B77BE !important; 7570 background-image: none !important; 7571 background-color: #4B77BE !important; 7572 color: #FFFFFF !important; 7573 } 7574 7575 /* General Text & Icon Font Colors */ 7576 .font-blue-steel { 7577 color: #4B77BE !important; 7578 } 7579 7580 .progress-bar.blue-steel { 7581 background: #4B77BE !important; 7582 color: #FFFFFF !important; 7583 } 7584 7585 /*** 7586 Blue Soft 7587 ***/ 7588 /* Button */ 7589 .blue-soft.btn { 7590 color: #FFFFFF; 7591 background-color: #4c87b9; 7592 } 7593 .blue-soft.btn:hover, .blue-soft.btn:focus, .blue-soft.btn:active, .blue-soft.btn.active { 7594 color: #FFFFFF; 7595 background-color: #3f75a2; 7596 } 7597 .open .blue-soft.btn.dropdown-toggle { 7598 color: #FFFFFF; 7599 background-color: #3f75a2; 7600 } 7601 .blue-soft.btn:active, .blue-soft.btn.active { 7602 background-image: none; 7603 background-color: #386890; 7604 } 7605 .blue-soft.btn:active:hover, .blue-soft.btn.active:hover { 7606 background-color: #3b6d97; 7607 } 7608 .open .blue-soft.btn.dropdown-toggle { 7609 background-image: none; 7610 } 7611 .blue-soft.btn.disabled, .blue-soft.btn.disabled:hover, .blue-soft.btn.disabled:focus, .blue-soft.btn.disabled:active, .blue-soft.btn.disabled.active, .blue-soft.btn[disabled], .blue-soft.btn[disabled]:hover, .blue-soft.btn[disabled]:focus, .blue-soft.btn[disabled]:active, .blue-soft.btn[disabled].active, fieldset[disabled] .blue-soft.btn, fieldset[disabled] .blue-soft.btn:hover, fieldset[disabled] .blue-soft.btn:focus, fieldset[disabled] .blue-soft.btn:active, fieldset[disabled] .blue-soft.btn.active { 7612 background-color: #4c87b9; 7613 } 7614 .blue-soft.btn .badge { 7615 color: #4c87b9; 7616 background-color: #FFFFFF; 7617 } 7618 7619 /* Button Strip */ 7620 .btn.blue-soft-stripe { 7621 border-left: 3px solid #4c87b9; 7622 } 7623 7624 /* Portlet */ 7625 .portlet > .portlet-body.blue-soft, 7626 .portlet.blue-soft { 7627 background-color: #4c87b9; 7628 } 7629 7630 .portlet.solid.blue-soft > .portlet-title, 7631 .portlet.solid.blue-soft > .portlet-body { 7632 border: 0; 7633 color: #FFFFFF; 7634 } 7635 .portlet.solid.blue-soft > .portlet-title > .caption { 7636 font-weight: 400; 7637 } 7638 .portlet.solid.blue-soft > .portlet-title > .caption > i { 7639 color: #FFFFFF; 7640 } 7641 .portlet.solid.blue-soft > .portlet-title > .tools > a.remove { 7642 background-image: url(../img/portlet-remove-icon-white.png); 7643 } 7644 .portlet.solid.blue-soft > .portlet-title > .tools > a.config { 7645 background-image: url(../img/portlet-config-icon-white.png); 7646 } 7647 .portlet.solid.blue-soft > .portlet-title > .tools > a.reload { 7648 background-image: url(../img/portlet-reload-icon-white.png); 7649 } 7650 .portlet.solid.blue-soft > .portlet-title > .tools > a.expand { 7651 background-image: url(../img/portlet-expand-icon-white.png); 7652 } 7653 .portlet.solid.blue-soft > .portlet-title > .tools > a.collapse { 7654 background-image: url(../img/portlet-collapse-icon-white.png); 7655 } 7656 .portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen { 7657 color: #fdfdfd; 7658 } 7659 7660 .portlet.box.blue-soft { 7661 border: 1px solid #71a0c7; 7662 border-top: 0; 7663 } 7664 .portlet.box.blue-soft > .portlet-title { 7665 background-color: #4c87b9; 7666 } 7667 .portlet.box.blue-soft > .portlet-title > .caption { 7668 color: #FFFFFF; 7669 } 7670 .portlet.box.blue-soft > .portlet-title > .caption > i { 7671 color: #FFFFFF; 7672 } 7673 .portlet.box.blue-soft > .portlet-title > .actions .btn-default { 7674 background: transparent !important; 7675 background-color: transparent !important; 7676 border: 1px solid #9dbdd9; 7677 color: #afc9e0; 7678 box-shadow: none; 7679 } 7680 .portlet.box.blue-soft > .portlet-title > .actions .btn-default > i { 7681 color: #bad1e4; 7682 } 7683 .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default.active { 7684 border: 1px solid #c1d6e7; 7685 color: #d4e2ee; 7686 } 7687 7688 /* Statistic Block */ 7689 .dashboard-stat.blue-soft { 7690 background-color: #4c87b9; 7691 } 7692 .dashboard-stat.blue-soft.dashboard-stat-light:hover { 7693 background-color: #447dad; 7694 } 7695 .dashboard-stat.blue-soft .visual > i { 7696 color: #FFFFFF; 7697 opacity: 0.1; 7698 filter: alpha(opacity=10); 7699 } 7700 .dashboard-stat.blue-soft .details .number { 7701 color: #FFFFFF; 7702 } 7703 .dashboard-stat.blue-soft .details .desc { 7704 color: #FFFFFF; 7705 opacity: 1; 7706 filter: alpha(opacity=100); 7707 } 7708 .dashboard-stat.blue-soft .more { 7709 color: #FFFFFF; 7710 background-color: #447dad; 7711 } 7712 7713 /* General Element */ 7714 .bg-blue-soft { 7715 border-color: #4c87b9 !important; 7716 background-image: none !important; 7717 background-color: #4c87b9 !important; 7718 color: #FFFFFF !important; 7719 } 7720 7721 /* General Text & Icon Font Colors */ 7722 .font-blue-soft { 7723 color: #4c87b9 !important; 7724 } 7725 7726 .progress-bar.blue-soft { 7727 background: #4c87b9 !important; 7728 color: #FFFFFF !important; 7729 } 7730 7731 /*** 7732 Blue Dark 7733 ***/ 7734 /* Button */ 7735 .blue-dark.btn { 7736 color: #FFFFFF; 7737 background-color: #5e738b; 7738 } 7739 .blue-dark.btn:hover, .blue-dark.btn:focus, .blue-dark.btn:active, .blue-dark.btn.active { 7740 color: #FFFFFF; 7741 background-color: #506176; 7742 } 7743 .open .blue-dark.btn.dropdown-toggle { 7744 color: #FFFFFF; 7745 background-color: #506176; 7746 } 7747 .blue-dark.btn:active, .blue-dark.btn.active { 7748 background-image: none; 7749 background-color: #455566; 7750 } 7751 .blue-dark.btn:active:hover, .blue-dark.btn.active:hover { 7752 background-color: #495a6d; 7753 } 7754 .open .blue-dark.btn.dropdown-toggle { 7755 background-image: none; 7756 } 7757 .blue-dark.btn.disabled, .blue-dark.btn.disabled:hover, .blue-dark.btn.disabled:focus, .blue-dark.btn.disabled:active, .blue-dark.btn.disabled.active, .blue-dark.btn[disabled], .blue-dark.btn[disabled]:hover, .blue-dark.btn[disabled]:focus, .blue-dark.btn[disabled]:active, .blue-dark.btn[disabled].active, fieldset[disabled] .blue-dark.btn, fieldset[disabled] .blue-dark.btn:hover, fieldset[disabled] .blue-dark.btn:focus, fieldset[disabled] .blue-dark.btn:active, fieldset[disabled] .blue-dark.btn.active { 7758 background-color: #5e738b; 7759 } 7760 .blue-dark.btn .badge { 7761 color: #5e738b; 7762 background-color: #FFFFFF; 7763 } 7764 7765 /* Button Strip */ 7766 .btn.blue-dark-stripe { 7767 border-left: 3px solid #5e738b; 7768 } 7769 7770 /* Portlet */ 7771 .portlet > .portlet-body.blue-dark, 7772 .portlet.blue-dark { 7773 background-color: #5e738b; 7774 } 7775 7776 .portlet.solid.blue-dark > .portlet-title, 7777 .portlet.solid.blue-dark > .portlet-body { 7778 border: 0; 7779 color: #FFFFFF; 7780 } 7781 .portlet.solid.blue-dark > .portlet-title > .caption { 7782 font-weight: 400; 7783 } 7784 .portlet.solid.blue-dark > .portlet-title > .caption > i { 7785 color: #FFFFFF; 7786 } 7787 .portlet.solid.blue-dark > .portlet-title > .tools > a.remove { 7788 background-image: url(../img/portlet-remove-icon-white.png); 7789 } 7790 .portlet.solid.blue-dark > .portlet-title > .tools > a.config { 7791 background-image: url(../img/portlet-config-icon-white.png); 7792 } 7793 .portlet.solid.blue-dark > .portlet-title > .tools > a.reload { 7794 background-image: url(../img/portlet-reload-icon-white.png); 7795 } 7796 .portlet.solid.blue-dark > .portlet-title > .tools > a.expand { 7797 background-image: url(../img/portlet-expand-icon-white.png); 7798 } 7799 .portlet.solid.blue-dark > .portlet-title > .tools > a.collapse { 7800 background-image: url(../img/portlet-collapse-icon-white.png); 7801 } 7802 .portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen { 7803 color: #fdfdfd; 7804 } 7805 7806 .portlet.box.blue-dark { 7807 border: 1px solid #788da4; 7808 border-top: 0; 7809 } 7810 .portlet.box.blue-dark > .portlet-title { 7811 background-color: #5e738b; 7812 } 7813 .portlet.box.blue-dark > .portlet-title > .caption { 7814 color: #FFFFFF; 7815 } 7816 .portlet.box.blue-dark > .portlet-title > .caption > i { 7817 color: #FFFFFF; 7818 } 7819 .portlet.box.blue-dark > .portlet-title > .actions .btn-default { 7820 background: transparent !important; 7821 background-color: transparent !important; 7822 border: 1px solid #9dacbd; 7823 color: #acb8c7; 7824 box-shadow: none; 7825 } 7826 .portlet.box.blue-dark > .portlet-title > .actions .btn-default > i { 7827 color: #b5c0cd; 7828 } 7829 .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default.active { 7830 border: 1px solid #bbc5d1; 7831 color: #cad2db; 7832 } 7833 7834 /* Statistic Block */ 7835 .dashboard-stat.blue-dark { 7836 background-color: #5e738b; 7837 } 7838 .dashboard-stat.blue-dark.dashboard-stat-light:hover { 7839 background-color: #56697f; 7840 } 7841 .dashboard-stat.blue-dark .visual > i { 7842 color: #FFFFFF; 7843 opacity: 0.1; 7844 filter: alpha(opacity=10); 7845 } 7846 .dashboard-stat.blue-dark .details .number { 7847 color: #FFFFFF; 7848 } 7849 .dashboard-stat.blue-dark .details .desc { 7850 color: #FFFFFF; 7851 opacity: 1; 7852 filter: alpha(opacity=100); 7853 } 7854 .dashboard-stat.blue-dark .more { 7855 color: #FFFFFF; 7856 background-color: #56697f; 7857 } 7858 7859 /* General Element */ 7860 .bg-blue-dark { 7861 border-color: #5e738b !important; 7862 background-image: none !important; 7863 background-color: #5e738b !important; 7864 color: #FFFFFF !important; 7865 } 7866 7867 /* General Text & Icon Font Colors */ 7868 .font-blue-dark { 7869 color: #5e738b !important; 7870 } 7871 7872 .progress-bar.blue-dark { 7873 background: #5e738b !important; 7874 color: #FFFFFF !important; 7875 } 7876 7877 /*** 7878 Blue Sharp 7879 ***/ 7880 /* Button */ 7881 .blue-sharp.btn { 7882 color: #FFFFFF; 7883 background-color: #5C9BD1; 7884 } 7885 .blue-sharp.btn:hover, .blue-sharp.btn:focus, .blue-sharp.btn:active, .blue-sharp.btn.active { 7886 color: #FFFFFF; 7887 background-color: #408ac9; 7888 } 7889 .open .blue-sharp.btn.dropdown-toggle { 7890 color: #FFFFFF; 7891 background-color: #408ac9; 7892 } 7893 .blue-sharp.btn:active, .blue-sharp.btn.active { 7894 background-image: none; 7895 background-color: #357dbb; 7896 } 7897 .blue-sharp.btn:active:hover, .blue-sharp.btn.active:hover { 7898 background-color: #3782c3; 7899 } 7900 .open .blue-sharp.btn.dropdown-toggle { 7901 background-image: none; 7902 } 7903 .blue-sharp.btn.disabled, .blue-sharp.btn.disabled:hover, .blue-sharp.btn.disabled:focus, .blue-sharp.btn.disabled:active, .blue-sharp.btn.disabled.active, .blue-sharp.btn[disabled], .blue-sharp.btn[disabled]:hover, .blue-sharp.btn[disabled]:focus, .blue-sharp.btn[disabled]:active, .blue-sharp.btn[disabled].active, fieldset[disabled] .blue-sharp.btn, fieldset[disabled] .blue-sharp.btn:hover, fieldset[disabled] .blue-sharp.btn:focus, fieldset[disabled] .blue-sharp.btn:active, fieldset[disabled] .blue-sharp.btn.active { 7904 background-color: #5C9BD1; 7905 } 7906 .blue-sharp.btn .badge { 7907 color: #5C9BD1; 7908 background-color: #FFFFFF; 7909 } 7910 7911 /* Button Strip */ 7912 .btn.blue-sharp-stripe { 7913 border-left: 3px solid #5C9BD1; 7914 } 7915 7916 /* Portlet */ 7917 .portlet > .portlet-body.blue-sharp, 7918 .portlet.blue-sharp { 7919 background-color: #5C9BD1; 7920 } 7921 7922 .portlet.solid.blue-sharp > .portlet-title, 7923 .portlet.solid.blue-sharp > .portlet-body { 7924 border: 0; 7925 color: #FFFFFF; 7926 } 7927 .portlet.solid.blue-sharp > .portlet-title > .caption { 7928 font-weight: 400; 7929 } 7930 .portlet.solid.blue-sharp > .portlet-title > .caption > i { 7931 color: #FFFFFF; 7932 } 7933 .portlet.solid.blue-sharp > .portlet-title > .tools > a.remove { 7934 background-image: url(../img/portlet-remove-icon-white.png); 7935 } 7936 .portlet.solid.blue-sharp > .portlet-title > .tools > a.config { 7937 background-image: url(../img/portlet-config-icon-white.png); 7938 } 7939 .portlet.solid.blue-sharp > .portlet-title > .tools > a.reload { 7940 background-image: url(../img/portlet-reload-icon-white.png); 7941 } 7942 .portlet.solid.blue-sharp > .portlet-title > .tools > a.expand { 7943 background-image: url(../img/portlet-expand-icon-white.png); 7944 } 7945 .portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse { 7946 background-image: url(../img/portlet-collapse-icon-white.png); 7947 } 7948 .portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen { 7949 color: #fdfdfd; 7950 } 7951 7952 .portlet.box.blue-sharp { 7953 border: 1px solid #84b3dc; 7954 border-top: 0; 7955 } 7956 .portlet.box.blue-sharp > .portlet-title { 7957 background-color: #5C9BD1; 7958 } 7959 .portlet.box.blue-sharp > .portlet-title > .caption { 7960 color: #FFFFFF; 7961 } 7962 .portlet.box.blue-sharp > .portlet-title > .caption > i { 7963 color: #FFFFFF; 7964 } 7965 .portlet.box.blue-sharp > .portlet-title > .actions .btn-default { 7966 background: transparent !important; 7967 background-color: transparent !important; 7968 border: 1px solid #b4d1ea; 7969 color: #c7ddef; 7970 box-shadow: none; 7971 } 7972 .portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i { 7973 color: #d3e4f3; 7974 } 7975 .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active { 7976 border: 1px solid #dbe9f5; 7977 color: #eff5fb; 7978 } 7979 7980 /* Statistic Block */ 7981 .dashboard-stat.blue-sharp { 7982 background-color: #5C9BD1; 7983 } 7984 .dashboard-stat.blue-sharp.dashboard-stat-light:hover { 7985 background-color: #4c91cd; 7986 } 7987 .dashboard-stat.blue-sharp .visual > i { 7988 color: #FFFFFF; 7989 opacity: 0.1; 7990 filter: alpha(opacity=10); 7991 } 7992 .dashboard-stat.blue-sharp .details .number { 7993 color: #FFFFFF; 7994 } 7995 .dashboard-stat.blue-sharp .details .desc { 7996 color: #FFFFFF; 7997 opacity: 1; 7998 filter: alpha(opacity=100); 7999 } 8000 .dashboard-stat.blue-sharp .more { 8001 color: #FFFFFF; 8002 background-color: #4c91cd; 8003 } 8004 8005 /* General Element */ 8006 .bg-blue-sharp { 8007 border-color: #5C9BD1 !important; 8008 background-image: none !important; 8009 background-color: #5C9BD1 !important; 8010 color: #FFFFFF !important; 8011 } 8012 8013 /* General Text & Icon Font Colors */ 8014 .font-blue-sharp { 8015 color: #5C9BD1 !important; 8016 } 8017 8018 .progress-bar.blue-sharp { 8019 background: #5C9BD1 !important; 8020 color: #FFFFFF !important; 8021 } 8022 8023 /*********** 8024 Green Colors 8025 ************/ 8026 /*** 8027 Green Default 8028 ***/ 8029 /* Button */ 8030 .green.btn { 8031 color: #FFFFFF; 8032 background-color: #26a69a; 8033 } 8034 .green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active { 8035 color: #FFFFFF; 8036 background-color: #1f897f; 8037 } 8038 .open .green.btn.dropdown-toggle { 8039 color: #FFFFFF; 8040 background-color: #1f897f; 8041 } 8042 .green.btn:active, .green.btn.active { 8043 background-image: none; 8044 background-color: #1b746c; 8045 } 8046 .green.btn:active:hover, .green.btn.active:hover { 8047 background-color: #1c7d74; 8048 } 8049 .open .green.btn.dropdown-toggle { 8050 background-image: none; 8051 } 8052 .green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active { 8053 background-color: #26a69a; 8054 } 8055 .green.btn .badge { 8056 color: #26a69a; 8057 background-color: #FFFFFF; 8058 } 8059 8060 /* Button Strip */ 8061 .btn.green-stripe { 8062 border-left: 3px solid #26a69a; 8063 } 8064 8065 /* Portlet */ 8066 .portlet > .portlet-body.green, 8067 .portlet.green { 8068 background-color: #26a69a; 8069 } 8070 8071 .portlet.solid.green > .portlet-title, 8072 .portlet.solid.green > .portlet-body { 8073 border: 0; 8074 color: #FFFFFF; 8075 } 8076 .portlet.solid.green > .portlet-title > .caption { 8077 font-weight: 400; 8078 } 8079 .portlet.solid.green > .portlet-title > .caption > i { 8080 color: #FFFFFF; 8081 } 8082 .portlet.solid.green > .portlet-title > .tools > a.remove { 8083 background-image: url(../img/portlet-remove-icon-white.png); 8084 } 8085 .portlet.solid.green > .portlet-title > .tools > a.config { 8086 background-image: url(../img/portlet-config-icon-white.png); 8087 } 8088 .portlet.solid.green > .portlet-title > .tools > a.reload { 8089 background-image: url(../img/portlet-reload-icon-white.png); 8090 } 8091 .portlet.solid.green > .portlet-title > .tools > a.expand { 8092 background-image: url(../img/portlet-expand-icon-white.png); 8093 } 8094 .portlet.solid.green > .portlet-title > .tools > a.collapse { 8095 background-image: url(../img/portlet-collapse-icon-white.png); 8096 } 8097 .portlet.solid.green > .portlet-title > .tools > a.fullscreen { 8098 color: #fdfdfd; 8099 } 8100 8101 .portlet.box.green { 8102 border: 1px solid #30d0c1; 8103 border-top: 0; 8104 } 8105 .portlet.box.green > .portlet-title { 8106 background-color: #26a69a; 8107 } 8108 .portlet.box.green > .portlet-title > .caption { 8109 color: #FFFFFF; 8110 } 8111 .portlet.box.green > .portlet-title > .caption > i { 8112 color: #FFFFFF; 8113 } 8114 .portlet.box.green > .portlet-title > .actions .btn-default { 8115 background: transparent !important; 8116 background-color: transparent !important; 8117 border: 1px solid #61dbd0; 8118 color: #76e0d6; 8119 box-shadow: none; 8120 } 8121 .portlet.box.green > .portlet-title > .actions .btn-default > i { 8122 color: #83e3da; 8123 } 8124 .portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:focus, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default.active { 8125 border: 1px solid #8be4dc; 8126 color: #a0e9e2; 8127 } 8128 8129 /* Statistic Block */ 8130 .dashboard-stat.green { 8131 background-color: #26a69a; 8132 } 8133 .dashboard-stat.green.dashboard-stat-light:hover { 8134 background-color: #22958b; 8135 } 8136 .dashboard-stat.green .visual > i { 8137 color: #FFFFFF; 8138 opacity: 0.1; 8139 filter: alpha(opacity=10); 8140 } 8141 .dashboard-stat.green .details .number { 8142 color: #FFFFFF; 8143 } 8144 .dashboard-stat.green .details .desc { 8145 color: #FFFFFF; 8146 opacity: 1; 8147 filter: alpha(opacity=100); 8148 } 8149 .dashboard-stat.green .more { 8150 color: #FFFFFF; 8151 background-color: #22958b; 8152 } 8153 8154 /* General Element */ 8155 .bg-green { 8156 border-color: #26a69a !important; 8157 background-image: none !important; 8158 background-color: #26a69a !important; 8159 color: #FFFFFF !important; 8160 } 8161 8162 /* General Text & Icon Font Colors */ 8163 .font-green { 8164 color: #26a69a !important; 8165 } 8166 8167 .progress-bar.green { 8168 background: #26a69a !important; 8169 color: #FFFFFF !important; 8170 } 8171 8172 /*** 8173 Green Meadow 8174 ***/ 8175 /* Button */ 8176 .green-meadow.btn { 8177 color: #FFFFFF; 8178 background-color: #1BBC9B; 8179 } 8180 .green-meadow.btn:hover, .green-meadow.btn:focus, .green-meadow.btn:active, .green-meadow.btn.active { 8181 color: #FFFFFF; 8182 background-color: #179d81; 8183 } 8184 .open .green-meadow.btn.dropdown-toggle { 8185 color: #FFFFFF; 8186 background-color: #179d81; 8187 } 8188 .green-meadow.btn:active, .green-meadow.btn.active { 8189 background-image: none; 8190 background-color: #13866f; 8191 } 8192 .green-meadow.btn:active:hover, .green-meadow.btn.active:hover { 8193 background-color: #158f76; 8194 } 8195 .open .green-meadow.btn.dropdown-toggle { 8196 background-image: none; 8197 } 8198 .green-meadow.btn.disabled, .green-meadow.btn.disabled:hover, .green-meadow.btn.disabled:focus, .green-meadow.btn.disabled:active, .green-meadow.btn.disabled.active, .green-meadow.btn[disabled], .green-meadow.btn[disabled]:hover, .green-meadow.btn[disabled]:focus, .green-meadow.btn[disabled]:active, .green-meadow.btn[disabled].active, fieldset[disabled] .green-meadow.btn, fieldset[disabled] .green-meadow.btn:hover, fieldset[disabled] .green-meadow.btn:focus, fieldset[disabled] .green-meadow.btn:active, fieldset[disabled] .green-meadow.btn.active { 8199 background-color: #1BBC9B; 8200 } 8201 .green-meadow.btn .badge { 8202 color: #1BBC9B; 8203 background-color: #FFFFFF; 8204 } 8205 8206 /* Button Strip */ 8207 .btn.green-meadow-stripe { 8208 border-left: 3px solid #1BBC9B; 8209 } 8210 8211 /* Portlet */ 8212 .portlet > .portlet-body.green-meadow, 8213 .portlet.green-meadow { 8214 background-color: #1BBC9B; 8215 } 8216 8217 .portlet.solid.green-meadow > .portlet-title, 8218 .portlet.solid.green-meadow > .portlet-body { 8219 border: 0; 8220 color: #FFFFFF; 8221 } 8222 .portlet.solid.green-meadow > .portlet-title > .caption { 8223 font-weight: 400; 8224 } 8225 .portlet.solid.green-meadow > .portlet-title > .caption > i { 8226 color: #FFFFFF; 8227 } 8228 .portlet.solid.green-meadow > .portlet-title > .tools > a.remove { 8229 background-image: url(../img/portlet-remove-icon-white.png); 8230 } 8231 .portlet.solid.green-meadow > .portlet-title > .tools > a.config { 8232 background-image: url(../img/portlet-config-icon-white.png); 8233 } 8234 .portlet.solid.green-meadow > .portlet-title > .tools > a.reload { 8235 background-image: url(../img/portlet-reload-icon-white.png); 8236 } 8237 .portlet.solid.green-meadow > .portlet-title > .tools > a.expand { 8238 background-image: url(../img/portlet-expand-icon-white.png); 8239 } 8240 .portlet.solid.green-meadow > .portlet-title > .tools > a.collapse { 8241 background-image: url(../img/portlet-collapse-icon-white.png); 8242 } 8243 .portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen { 8244 color: #fdfdfd; 8245 } 8246 8247 .portlet.box.green-meadow { 8248 border: 1px solid #2ae0bb; 8249 border-top: 0; 8250 } 8251 .portlet.box.green-meadow > .portlet-title { 8252 background-color: #1BBC9B; 8253 } 8254 .portlet.box.green-meadow > .portlet-title > .caption { 8255 color: #FFFFFF; 8256 } 8257 .portlet.box.green-meadow > .portlet-title > .caption > i { 8258 color: #FFFFFF; 8259 } 8260 .portlet.box.green-meadow > .portlet-title > .actions .btn-default { 8261 background: transparent !important; 8262 background-color: transparent !important; 8263 border: 1px solid #5fe8cc; 8264 color: #75ebd3; 8265 box-shadow: none; 8266 } 8267 .portlet.box.green-meadow > .portlet-title > .actions .btn-default > i { 8268 color: #83edd7; 8269 } 8270 .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default.active { 8271 border: 1px solid #8ceeda; 8272 color: #a2f2e1; 8273 } 8274 8275 /* Statistic Block */ 8276 .dashboard-stat.green-meadow { 8277 background-color: #1BBC9B; 8278 } 8279 .dashboard-stat.green-meadow.dashboard-stat-light:hover { 8280 background-color: #18aa8c; 8281 } 8282 .dashboard-stat.green-meadow .visual > i { 8283 color: #FFFFFF; 8284 opacity: 0.1; 8285 filter: alpha(opacity=10); 8286 } 8287 .dashboard-stat.green-meadow .details .number { 8288 color: #FFFFFF; 8289 } 8290 .dashboard-stat.green-meadow .details .desc { 8291 color: #FFFFFF; 8292 opacity: 1; 8293 filter: alpha(opacity=100); 8294 } 8295 .dashboard-stat.green-meadow .more { 8296 color: #FFFFFF; 8297 background-color: #18aa8c; 8298 } 8299 8300 /* General Element */ 8301 .bg-green-meadow { 8302 border-color: #1BBC9B !important; 8303 background-image: none !important; 8304 background-color: #1BBC9B !important; 8305 color: #FFFFFF !important; 8306 } 8307 8308 /* General Text & Icon Font Colors */ 8309 .font-green-meadow { 8310 color: #1BBC9B !important; 8311 } 8312 8313 .progress-bar.green-meadow { 8314 background: #1BBC9B !important; 8315 color: #FFFFFF !important; 8316 } 8317 8318 /*** 8319 Green Seagreen 8320 ***/ 8321 /* Button */ 8322 .green-seagreen.btn { 8323 color: #FFFFFF; 8324 background-color: #1BA39C; 8325 } 8326 .green-seagreen.btn:hover, .green-seagreen.btn:focus, .green-seagreen.btn:active, .green-seagreen.btn.active { 8327 color: #FFFFFF; 8328 background-color: #16847f; 8329 } 8330 .open .green-seagreen.btn.dropdown-toggle { 8331 color: #FFFFFF; 8332 background-color: #16847f; 8333 } 8334 .green-seagreen.btn:active, .green-seagreen.btn.active { 8335 background-image: none; 8336 background-color: #126e6a; 8337 } 8338 .green-seagreen.btn:active:hover, .green-seagreen.btn.active:hover { 8339 background-color: #147772; 8340 } 8341 .open .green-seagreen.btn.dropdown-toggle { 8342 background-image: none; 8343 } 8344 .green-seagreen.btn.disabled, .green-seagreen.btn.disabled:hover, .green-seagreen.btn.disabled:focus, .green-seagreen.btn.disabled:active, .green-seagreen.btn.disabled.active, .green-seagreen.btn[disabled], .green-seagreen.btn[disabled]:hover, .green-seagreen.btn[disabled]:focus, .green-seagreen.btn[disabled]:active, .green-seagreen.btn[disabled].active, fieldset[disabled] .green-seagreen.btn, fieldset[disabled] .green-seagreen.btn:hover, fieldset[disabled] .green-seagreen.btn:focus, fieldset[disabled] .green-seagreen.btn:active, fieldset[disabled] .green-seagreen.btn.active { 8345 background-color: #1BA39C; 8346 } 8347 .green-seagreen.btn .badge { 8348 color: #1BA39C; 8349 background-color: #FFFFFF; 8350 } 8351 8352 /* Button Strip */ 8353 .btn.green-seagreen-stripe { 8354 border-left: 3px solid #1BA39C; 8355 } 8356 8357 /* Portlet */ 8358 .portlet > .portlet-body.green-seagreen, 8359 .portlet.green-seagreen { 8360 background-color: #1BA39C; 8361 } 8362 8363 .portlet.solid.green-seagreen > .portlet-title, 8364 .portlet.solid.green-seagreen > .portlet-body { 8365 border: 0; 8366 color: #FFFFFF; 8367 } 8368 .portlet.solid.green-seagreen > .portlet-title > .caption { 8369 font-weight: 400; 8370 } 8371 .portlet.solid.green-seagreen > .portlet-title > .caption > i { 8372 color: #FFFFFF; 8373 } 8374 .portlet.solid.green-seagreen > .portlet-title > .tools > a.remove { 8375 background-image: url(../img/portlet-remove-icon-white.png); 8376 } 8377 .portlet.solid.green-seagreen > .portlet-title > .tools > a.config { 8378 background-image: url(../img/portlet-config-icon-white.png); 8379 } 8380 .portlet.solid.green-seagreen > .portlet-title > .tools > a.reload { 8381 background-image: url(../img/portlet-reload-icon-white.png); 8382 } 8383 .portlet.solid.green-seagreen > .portlet-title > .tools > a.expand { 8384 background-image: url(../img/portlet-expand-icon-white.png); 8385 } 8386 .portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse { 8387 background-image: url(../img/portlet-collapse-icon-white.png); 8388 } 8389 .portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen { 8390 color: #fdfdfd; 8391 } 8392 8393 .portlet.box.green-seagreen { 8394 border: 1px solid #22cfc6; 8395 border-top: 0; 8396 } 8397 .portlet.box.green-seagreen > .portlet-title { 8398 background-color: #1BA39C; 8399 } 8400 .portlet.box.green-seagreen > .portlet-title > .caption { 8401 color: #FFFFFF; 8402 } 8403 .portlet.box.green-seagreen > .portlet-title > .caption > i { 8404 color: #FFFFFF; 8405 } 8406 .portlet.box.green-seagreen > .portlet-title > .actions .btn-default { 8407 background: transparent !important; 8408 background-color: transparent !important; 8409 border: 1px solid #4de1da; 8410 color: #63e5de; 8411 box-shadow: none; 8412 } 8413 .portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i { 8414 color: #70e7e1; 8415 } 8416 .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active { 8417 border: 1px solid #78e9e3; 8418 color: #8eece8; 8419 } 8420 8421 /* Statistic Block */ 8422 .dashboard-stat.green-seagreen { 8423 background-color: #1BA39C; 8424 } 8425 .dashboard-stat.green-seagreen.dashboard-stat-light:hover { 8426 background-color: #18918b; 8427 } 8428 .dashboard-stat.green-seagreen .visual > i { 8429 color: #FFFFFF; 8430 opacity: 0.1; 8431 filter: alpha(opacity=10); 8432 } 8433 .dashboard-stat.green-seagreen .details .number { 8434 color: #FFFFFF; 8435 } 8436 .dashboard-stat.green-seagreen .details .desc { 8437 color: #FFFFFF; 8438 opacity: 1; 8439 filter: alpha(opacity=100); 8440 } 8441 .dashboard-stat.green-seagreen .more { 8442 color: #FFFFFF; 8443 background-color: #18918b; 8444 } 8445 8446 /* General Element */ 8447 .bg-green-seagreen { 8448 border-color: #1BA39C !important; 8449 background-image: none !important; 8450 background-color: #1BA39C !important; 8451 color: #FFFFFF !important; 8452 } 8453 8454 /* General Text & Icon Font Colors */ 8455 .font-green-seagreen { 8456 color: #1BA39C !important; 8457 } 8458 8459 .progress-bar.green-seagreen { 8460 background: #1BA39C !important; 8461 color: #FFFFFF !important; 8462 } 8463 8464 /*** 8465 Green Turquoise 8466 ***/ 8467 /* Button */ 8468 .green-turquoise.btn { 8469 color: #FFFFFF; 8470 background-color: #36D7B7; 8471 } 8472 .green-turquoise.btn:hover, .green-turquoise.btn:focus, .green-turquoise.btn:active, .green-turquoise.btn.active { 8473 color: #FFFFFF; 8474 background-color: #27c3a4; 8475 } 8476 .open .green-turquoise.btn.dropdown-toggle { 8477 color: #FFFFFF; 8478 background-color: #27c3a4; 8479 } 8480 .green-turquoise.btn:active, .green-turquoise.btn.active { 8481 background-image: none; 8482 background-color: #22ad92; 8483 } 8484 .green-turquoise.btn:active:hover, .green-turquoise.btn.active:hover { 8485 background-color: #24b699; 8486 } 8487 .open .green-turquoise.btn.dropdown-toggle { 8488 background-image: none; 8489 } 8490 .green-turquoise.btn.disabled, .green-turquoise.btn.disabled:hover, .green-turquoise.btn.disabled:focus, .green-turquoise.btn.disabled:active, .green-turquoise.btn.disabled.active, .green-turquoise.btn[disabled], .green-turquoise.btn[disabled]:hover, .green-turquoise.btn[disabled]:focus, .green-turquoise.btn[disabled]:active, .green-turquoise.btn[disabled].active, fieldset[disabled] .green-turquoise.btn, fieldset[disabled] .green-turquoise.btn:hover, fieldset[disabled] .green-turquoise.btn:focus, fieldset[disabled] .green-turquoise.btn:active, fieldset[disabled] .green-turquoise.btn.active { 8491 background-color: #36D7B7; 8492 } 8493 .green-turquoise.btn .badge { 8494 color: #36D7B7; 8495 background-color: #FFFFFF; 8496 } 8497 8498 /* Button Strip */ 8499 .btn.green-turquoise-stripe { 8500 border-left: 3px solid #36D7B7; 8501 } 8502 8503 /* Portlet */ 8504 .portlet > .portlet-body.green-turquoise, 8505 .portlet.green-turquoise { 8506 background-color: #36D7B7; 8507 } 8508 8509 .portlet.solid.green-turquoise > .portlet-title, 8510 .portlet.solid.green-turquoise > .portlet-body { 8511 border: 0; 8512 color: #FFFFFF; 8513 } 8514 .portlet.solid.green-turquoise > .portlet-title > .caption { 8515 font-weight: 400; 8516 } 8517 .portlet.solid.green-turquoise > .portlet-title > .caption > i { 8518 color: #FFFFFF; 8519 } 8520 .portlet.solid.green-turquoise > .portlet-title > .tools > a.remove { 8521 background-image: url(../img/portlet-remove-icon-white.png); 8522 } 8523 .portlet.solid.green-turquoise > .portlet-title > .tools > a.config { 8524 background-image: url(../img/portlet-config-icon-white.png); 8525 } 8526 .portlet.solid.green-turquoise > .portlet-title > .tools > a.reload { 8527 background-image: url(../img/portlet-reload-icon-white.png); 8528 } 8529 .portlet.solid.green-turquoise > .portlet-title > .tools > a.expand { 8530 background-image: url(../img/portlet-expand-icon-white.png); 8531 } 8532 .portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse { 8533 background-image: url(../img/portlet-collapse-icon-white.png); 8534 } 8535 .portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen { 8536 color: #fdfdfd; 8537 } 8538 8539 .portlet.box.green-turquoise { 8540 border: 1px solid #61dfc6; 8541 border-top: 0; 8542 } 8543 .portlet.box.green-turquoise > .portlet-title { 8544 background-color: #36D7B7; 8545 } 8546 .portlet.box.green-turquoise > .portlet-title > .caption { 8547 color: #FFFFFF; 8548 } 8549 .portlet.box.green-turquoise > .portlet-title > .caption > i { 8550 color: #FFFFFF; 8551 } 8552 .portlet.box.green-turquoise > .portlet-title > .actions .btn-default { 8553 background: transparent !important; 8554 background-color: transparent !important; 8555 border: 1px solid #94ead9; 8556 color: #a9eee0; 8557 box-shadow: none; 8558 } 8559 .portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i { 8560 color: #b6f0e5; 8561 } 8562 .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active { 8563 border: 1px solid #bef2e8; 8564 color: #d3f6ef; 8565 } 8566 8567 /* Statistic Block */ 8568 .dashboard-stat.green-turquoise { 8569 background-color: #36D7B7; 8570 } 8571 .dashboard-stat.green-turquoise.dashboard-stat-light:hover { 8572 background-color: #29cfae; 8573 } 8574 .dashboard-stat.green-turquoise .visual > i { 8575 color: #FFFFFF; 8576 opacity: 0.1; 8577 filter: alpha(opacity=10); 8578 } 8579 .dashboard-stat.green-turquoise .details .number { 8580 color: #FFFFFF; 8581 } 8582 .dashboard-stat.green-turquoise .details .desc { 8583 color: #FFFFFF; 8584 opacity: 1; 8585 filter: alpha(opacity=100); 8586 } 8587 .dashboard-stat.green-turquoise .more { 8588 color: #FFFFFF; 8589 background-color: #29cfae; 8590 } 8591 8592 /* General Element */ 8593 .bg-green-turquoise { 8594 border-color: #36D7B7 !important; 8595 background-image: none !important; 8596 background-color: #36D7B7 !important; 8597 color: #FFFFFF !important; 8598 } 8599 8600 /* General Text & Icon Font Colors */ 8601 .font-green-turquoise { 8602 color: #36D7B7 !important; 8603 } 8604 8605 .progress-bar.green-turquoise { 8606 background: #36D7B7 !important; 8607 color: #FFFFFF !important; 8608 } 8609 8610 /*** 8611 Green Haze 8612 ***/ 8613 /* Button */ 8614 .green-haze.btn { 8615 color: #FFFFFF; 8616 background-color: #44b6ae; 8617 } 8618 .green-haze.btn:hover, .green-haze.btn:focus, .green-haze.btn:active, .green-haze.btn.active { 8619 color: #FFFFFF; 8620 background-color: #3a9c95; 8621 } 8622 .open .green-haze.btn.dropdown-toggle { 8623 color: #FFFFFF; 8624 background-color: #3a9c95; 8625 } 8626 .green-haze.btn:active, .green-haze.btn.active { 8627 background-image: none; 8628 background-color: #338983; 8629 } 8630 .green-haze.btn:active:hover, .green-haze.btn.active:hover { 8631 background-color: #36918b; 8632 } 8633 .open .green-haze.btn.dropdown-toggle { 8634 background-image: none; 8635 } 8636 .green-haze.btn.disabled, .green-haze.btn.disabled:hover, .green-haze.btn.disabled:focus, .green-haze.btn.disabled:active, .green-haze.btn.disabled.active, .green-haze.btn[disabled], .green-haze.btn[disabled]:hover, .green-haze.btn[disabled]:focus, .green-haze.btn[disabled]:active, .green-haze.btn[disabled].active, fieldset[disabled] .green-haze.btn, fieldset[disabled] .green-haze.btn:hover, fieldset[disabled] .green-haze.btn:focus, fieldset[disabled] .green-haze.btn:active, fieldset[disabled] .green-haze.btn.active { 8637 background-color: #44b6ae; 8638 } 8639 .green-haze.btn .badge { 8640 color: #44b6ae; 8641 background-color: #FFFFFF; 8642 } 8643 8644 /* Button Strip */ 8645 .btn.green-haze-stripe { 8646 border-left: 3px solid #44b6ae; 8647 } 8648 8649 /* Portlet */ 8650 .portlet > .portlet-body.green-haze, 8651 .portlet.green-haze { 8652 background-color: #44b6ae; 8653 } 8654 8655 .portlet.solid.green-haze > .portlet-title, 8656 .portlet.solid.green-haze > .portlet-body { 8657 border: 0; 8658 color: #FFFFFF; 8659 } 8660 .portlet.solid.green-haze > .portlet-title > .caption { 8661 font-weight: 400; 8662 } 8663 .portlet.solid.green-haze > .portlet-title > .caption > i { 8664 color: #FFFFFF; 8665 } 8666 .portlet.solid.green-haze > .portlet-title > .tools > a.remove { 8667 background-image: url(../img/portlet-remove-icon-white.png); 8668 } 8669 .portlet.solid.green-haze > .portlet-title > .tools > a.config { 8670 background-image: url(../img/portlet-config-icon-white.png); 8671 } 8672 .portlet.solid.green-haze > .portlet-title > .tools > a.reload { 8673 background-image: url(../img/portlet-reload-icon-white.png); 8674 } 8675 .portlet.solid.green-haze > .portlet-title > .tools > a.expand { 8676 background-image: url(../img/portlet-expand-icon-white.png); 8677 } 8678 .portlet.solid.green-haze > .portlet-title > .tools > a.collapse { 8679 background-image: url(../img/portlet-collapse-icon-white.png); 8680 } 8681 .portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen { 8682 color: #fdfdfd; 8683 } 8684 8685 .portlet.box.green-haze { 8686 border: 1px solid #67c6bf; 8687 border-top: 0; 8688 } 8689 .portlet.box.green-haze > .portlet-title { 8690 background-color: #44b6ae; 8691 } 8692 .portlet.box.green-haze > .portlet-title > .caption { 8693 color: #FFFFFF; 8694 } 8695 .portlet.box.green-haze > .portlet-title > .caption > i { 8696 color: #FFFFFF; 8697 } 8698 .portlet.box.green-haze > .portlet-title > .actions .btn-default { 8699 background: transparent !important; 8700 background-color: transparent !important; 8701 border: 1px solid #93d7d2; 8702 color: #a6deda; 8703 box-shadow: none; 8704 } 8705 .portlet.box.green-haze > .portlet-title > .actions .btn-default > i { 8706 color: #b1e2de; 8707 } 8708 .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.green-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default.active { 8709 border: 1px solid #b9e5e2; 8710 color: #cbece9; 8711 } 8712 8713 /* Statistic Block */ 8714 .dashboard-stat.green-haze { 8715 background-color: #44b6ae; 8716 } 8717 .dashboard-stat.green-haze.dashboard-stat-light:hover { 8718 background-color: #3ea7a0; 8719 } 8720 .dashboard-stat.green-haze .visual > i { 8721 color: #FFFFFF; 8722 opacity: 0.1; 8723 filter: alpha(opacity=10); 8724 } 8725 .dashboard-stat.green-haze .details .number { 8726 color: #FFFFFF; 8727 } 8728 .dashboard-stat.green-haze .details .desc { 8729 color: #FFFFFF; 8730 opacity: 1; 8731 filter: alpha(opacity=100); 8732 } 8733 .dashboard-stat.green-haze .more { 8734 color: #FFFFFF; 8735 background-color: #3ea7a0; 8736 } 8737 8738 /* General Element */ 8739 .bg-green-haze { 8740 border-color: #44b6ae !important; 8741 background-image: none !important; 8742 background-color: #44b6ae !important; 8743 color: #FFFFFF !important; 8744 } 8745 8746 /* General Text & Icon Font Colors */ 8747 .font-green-haze { 8748 color: #44b6ae !important; 8749 } 8750 8751 .progress-bar.green-haze { 8752 background: #44b6ae !important; 8753 color: #FFFFFF !important; 8754 } 8755 8756 /*** 8757 Green Jungle 8758 ***/ 8759 /* Button */ 8760 .green-jungle.btn { 8761 color: #FFFFFF; 8762 background-color: #26C281; 8763 } 8764 .green-jungle.btn:hover, .green-jungle.btn:focus, .green-jungle.btn:active, .green-jungle.btn.active { 8765 color: #FFFFFF; 8766 background-color: #20a46d; 8767 } 8768 .open .green-jungle.btn.dropdown-toggle { 8769 color: #FFFFFF; 8770 background-color: #20a46d; 8771 } 8772 .green-jungle.btn:active, .green-jungle.btn.active { 8773 background-image: none; 8774 background-color: #1c8f5f; 8775 } 8776 .green-jungle.btn:active:hover, .green-jungle.btn.active:hover { 8777 background-color: #1e9765; 8778 } 8779 .open .green-jungle.btn.dropdown-toggle { 8780 background-image: none; 8781 } 8782 .green-jungle.btn.disabled, .green-jungle.btn.disabled:hover, .green-jungle.btn.disabled:focus, .green-jungle.btn.disabled:active, .green-jungle.btn.disabled.active, .green-jungle.btn[disabled], .green-jungle.btn[disabled]:hover, .green-jungle.btn[disabled]:focus, .green-jungle.btn[disabled]:active, .green-jungle.btn[disabled].active, fieldset[disabled] .green-jungle.btn, fieldset[disabled] .green-jungle.btn:hover, fieldset[disabled] .green-jungle.btn:focus, fieldset[disabled] .green-jungle.btn:active, fieldset[disabled] .green-jungle.btn.active { 8783 background-color: #26C281; 8784 } 8785 .green-jungle.btn .badge { 8786 color: #26C281; 8787 background-color: #FFFFFF; 8788 } 8789 8790 /* Button Strip */ 8791 .btn.green-jungle-stripe { 8792 border-left: 3px solid #26C281; 8793 } 8794 8795 /* Portlet */ 8796 .portlet > .portlet-body.green-jungle, 8797 .portlet.green-jungle { 8798 background-color: #26C281; 8799 } 8800 8801 .portlet.solid.green-jungle > .portlet-title, 8802 .portlet.solid.green-jungle > .portlet-body { 8803 border: 0; 8804 color: #FFFFFF; 8805 } 8806 .portlet.solid.green-jungle > .portlet-title > .caption { 8807 font-weight: 400; 8808 } 8809 .portlet.solid.green-jungle > .portlet-title > .caption > i { 8810 color: #FFFFFF; 8811 } 8812 .portlet.solid.green-jungle > .portlet-title > .tools > a.remove { 8813 background-image: url(../img/portlet-remove-icon-white.png); 8814 } 8815 .portlet.solid.green-jungle > .portlet-title > .tools > a.config { 8816 background-image: url(../img/portlet-config-icon-white.png); 8817 } 8818 .portlet.solid.green-jungle > .portlet-title > .tools > a.reload { 8819 background-image: url(../img/portlet-reload-icon-white.png); 8820 } 8821 .portlet.solid.green-jungle > .portlet-title > .tools > a.expand { 8822 background-image: url(../img/portlet-expand-icon-white.png); 8823 } 8824 .portlet.solid.green-jungle > .portlet-title > .tools > a.collapse { 8825 background-image: url(../img/portlet-collapse-icon-white.png); 8826 } 8827 .portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen { 8828 color: #fdfdfd; 8829 } 8830 8831 .portlet.box.green-jungle { 8832 border: 1px solid #41da9a; 8833 border-top: 0; 8834 } 8835 .portlet.box.green-jungle > .portlet-title { 8836 background-color: #26C281; 8837 } 8838 .portlet.box.green-jungle > .portlet-title > .caption { 8839 color: #FFFFFF; 8840 } 8841 .portlet.box.green-jungle > .portlet-title > .caption > i { 8842 color: #FFFFFF; 8843 } 8844 .portlet.box.green-jungle > .portlet-title > .actions .btn-default { 8845 background: transparent !important; 8846 background-color: transparent !important; 8847 border: 1px solid #74e4b5; 8848 color: #8ae8c1; 8849 box-shadow: none; 8850 } 8851 .portlet.box.green-jungle > .portlet-title > .actions .btn-default > i { 8852 color: #96ebc8; 8853 } 8854 .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default.active { 8855 border: 1px solid #9feccc; 8856 color: #b4f0d7; 8857 } 8858 8859 /* Statistic Block */ 8860 .dashboard-stat.green-jungle { 8861 background-color: #26C281; 8862 } 8863 .dashboard-stat.green-jungle.dashboard-stat-light:hover { 8864 background-color: #23b176; 8865 } 8866 .dashboard-stat.green-jungle .visual > i { 8867 color: #FFFFFF; 8868 opacity: 0.1; 8869 filter: alpha(opacity=10); 8870 } 8871 .dashboard-stat.green-jungle .details .number { 8872 color: #FFFFFF; 8873 } 8874 .dashboard-stat.green-jungle .details .desc { 8875 color: #FFFFFF; 8876 opacity: 1; 8877 filter: alpha(opacity=100); 8878 } 8879 .dashboard-stat.green-jungle .more { 8880 color: #FFFFFF; 8881 background-color: #23b176; 8882 } 8883 8884 /* General Element */ 8885 .bg-green-jungle { 8886 border-color: #26C281 !important; 8887 background-image: none !important; 8888 background-color: #26C281 !important; 8889 color: #FFFFFF !important; 8890 } 8891 8892 /* General Text & Icon Font Colors */ 8893 .font-green-jungle { 8894 color: #26C281 !important; 8895 } 8896 8897 .progress-bar.green-jungle { 8898 background: #26C281 !important; 8899 color: #FFFFFF !important; 8900 } 8901 8902 /*** 8903 Green Sharp 8904 ***/ 8905 /* Button */ 8906 .green-sharp.btn { 8907 color: #FFFFFF; 8908 background-color: #4DB3A2; 8909 } 8910 .green-sharp.btn:hover, .green-sharp.btn:focus, .green-sharp.btn:active, .green-sharp.btn.active { 8911 color: #FFFFFF; 8912 background-color: #429a8c; 8913 } 8914 .open .green-sharp.btn.dropdown-toggle { 8915 color: #FFFFFF; 8916 background-color: #429a8c; 8917 } 8918 .green-sharp.btn:active, .green-sharp.btn.active { 8919 background-image: none; 8920 background-color: #3a897b; 8921 } 8922 .green-sharp.btn:active:hover, .green-sharp.btn.active:hover { 8923 background-color: #3d9082; 8924 } 8925 .open .green-sharp.btn.dropdown-toggle { 8926 background-image: none; 8927 } 8928 .green-sharp.btn.disabled, .green-sharp.btn.disabled:hover, .green-sharp.btn.disabled:focus, .green-sharp.btn.disabled:active, .green-sharp.btn.disabled.active, .green-sharp.btn[disabled], .green-sharp.btn[disabled]:hover, .green-sharp.btn[disabled]:focus, .green-sharp.btn[disabled]:active, .green-sharp.btn[disabled].active, fieldset[disabled] .green-sharp.btn, fieldset[disabled] .green-sharp.btn:hover, fieldset[disabled] .green-sharp.btn:focus, fieldset[disabled] .green-sharp.btn:active, fieldset[disabled] .green-sharp.btn.active { 8929 background-color: #4DB3A2; 8930 } 8931 .green-sharp.btn .badge { 8932 color: #4DB3A2; 8933 background-color: #FFFFFF; 8934 } 8935 8936 /* Button Strip */ 8937 .btn.green-sharp-stripe { 8938 border-left: 3px solid #4DB3A2; 8939 } 8940 8941 /* Portlet */ 8942 .portlet > .portlet-body.green-sharp, 8943 .portlet.green-sharp { 8944 background-color: #4DB3A2; 8945 } 8946 8947 .portlet.solid.green-sharp > .portlet-title, 8948 .portlet.solid.green-sharp > .portlet-body { 8949 border: 0; 8950 color: #FFFFFF; 8951 } 8952 .portlet.solid.green-sharp > .portlet-title > .caption { 8953 font-weight: 400; 8954 } 8955 .portlet.solid.green-sharp > .portlet-title > .caption > i { 8956 color: #FFFFFF; 8957 } 8958 .portlet.solid.green-sharp > .portlet-title > .tools > a.remove { 8959 background-image: url(../img/portlet-remove-icon-white.png); 8960 } 8961 .portlet.solid.green-sharp > .portlet-title > .tools > a.config { 8962 background-image: url(../img/portlet-config-icon-white.png); 8963 } 8964 .portlet.solid.green-sharp > .portlet-title > .tools > a.reload { 8965 background-image: url(../img/portlet-reload-icon-white.png); 8966 } 8967 .portlet.solid.green-sharp > .portlet-title > .tools > a.expand { 8968 background-image: url(../img/portlet-expand-icon-white.png); 8969 } 8970 .portlet.solid.green-sharp > .portlet-title > .tools > a.collapse { 8971 background-image: url(../img/portlet-collapse-icon-white.png); 8972 } 8973 .portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen { 8974 color: #fdfdfd; 8975 } 8976 8977 .portlet.box.green-sharp { 8978 border: 1px solid #71c2b5; 8979 border-top: 0; 8980 } 8981 .portlet.box.green-sharp > .portlet-title { 8982 background-color: #4DB3A2; 8983 } 8984 .portlet.box.green-sharp > .portlet-title > .caption { 8985 color: #FFFFFF; 8986 } 8987 .portlet.box.green-sharp > .portlet-title > .caption > i { 8988 color: #FFFFFF; 8989 } 8990 .portlet.box.green-sharp > .portlet-title > .actions .btn-default { 8991 background: transparent !important; 8992 background-color: transparent !important; 8993 border: 1px solid #9cd5cb; 8994 color: #addcd4; 8995 box-shadow: none; 8996 } 8997 .portlet.box.green-sharp > .portlet-title > .actions .btn-default > i { 8998 color: #b8e1da; 8999 } 9000 .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default.active { 9001 border: 1px solid #bfe4de; 9002 color: #d1ebe7; 9003 } 9004 9005 /* Statistic Block */ 9006 .dashboard-stat.green-sharp { 9007 background-color: #4DB3A2; 9008 } 9009 .dashboard-stat.green-sharp.dashboard-stat-light:hover { 9010 background-color: #46a595; 9011 } 9012 .dashboard-stat.green-sharp .visual > i { 9013 color: #FFFFFF; 9014 opacity: 0.1; 9015 filter: alpha(opacity=10); 9016 } 9017 .dashboard-stat.green-sharp .details .number { 9018 color: #FFFFFF; 9019 } 9020 .dashboard-stat.green-sharp .details .desc { 9021 color: #FFFFFF; 9022 opacity: 1; 9023 filter: alpha(opacity=100); 9024 } 9025 .dashboard-stat.green-sharp .more { 9026 color: #FFFFFF; 9027 background-color: #46a595; 9028 } 9029 9030 /* General Element */ 9031 .bg-green-sharp { 9032 border-color: #4DB3A2 !important; 9033 background-image: none !important; 9034 background-color: #4DB3A2 !important; 9035 color: #FFFFFF !important; 9036 } 9037 9038 /* General Text & Icon Font Colors */ 9039 .font-green-sharp { 9040 color: #4DB3A2 !important; 9041 } 9042 9043 .progress-bar.green-sharp { 9044 background: #4DB3A2 !important; 9045 color: #FFFFFF !important; 9046 } 9047 9048 /*** 9049 Green Sharp 9050 ***/ 9051 /* Button */ 9052 .green-soft.btn { 9053 color: #FFFFFF; 9054 background-color: #3faba4; 9055 } 9056 .green-soft.btn:hover, .green-soft.btn:focus, .green-soft.btn:active, .green-soft.btn.active { 9057 color: #FFFFFF; 9058 background-color: #35918b; 9059 } 9060 .open .green-soft.btn.dropdown-toggle { 9061 color: #FFFFFF; 9062 background-color: #35918b; 9063 } 9064 .green-soft.btn:active, .green-soft.btn.active { 9065 background-image: none; 9066 background-color: #2f7e79; 9067 } 9068 .green-soft.btn:active:hover, .green-soft.btn.active:hover { 9069 background-color: #318680; 9070 } 9071 .open .green-soft.btn.dropdown-toggle { 9072 background-image: none; 9073 } 9074 .green-soft.btn.disabled, .green-soft.btn.disabled:hover, .green-soft.btn.disabled:focus, .green-soft.btn.disabled:active, .green-soft.btn.disabled.active, .green-soft.btn[disabled], .green-soft.btn[disabled]:hover, .green-soft.btn[disabled]:focus, .green-soft.btn[disabled]:active, .green-soft.btn[disabled].active, fieldset[disabled] .green-soft.btn, fieldset[disabled] .green-soft.btn:hover, fieldset[disabled] .green-soft.btn:focus, fieldset[disabled] .green-soft.btn:active, fieldset[disabled] .green-soft.btn.active { 9075 background-color: #3faba4; 9076 } 9077 .green-soft.btn .badge { 9078 color: #3faba4; 9079 background-color: #FFFFFF; 9080 } 9081 9082 /* Button Strip */ 9083 .btn.green-soft-stripe { 9084 border-left: 3px solid #3faba4; 9085 } 9086 9087 /* Portlet */ 9088 .portlet > .portlet-body.green-soft, 9089 .portlet.green-soft { 9090 background-color: #3faba4; 9091 } 9092 9093 .portlet.solid.green-soft > .portlet-title, 9094 .portlet.solid.green-soft > .portlet-body { 9095 border: 0; 9096 color: #FFFFFF; 9097 } 9098 .portlet.solid.green-soft > .portlet-title > .caption { 9099 font-weight: 400; 9100 } 9101 .portlet.solid.green-soft > .portlet-title > .caption > i { 9102 color: #FFFFFF; 9103 } 9104 .portlet.solid.green-soft > .portlet-title > .tools > a.remove { 9105 background-image: url(../img/portlet-remove-icon-white.png); 9106 } 9107 .portlet.solid.green-soft > .portlet-title > .tools > a.config { 9108 background-image: url(../img/portlet-config-icon-white.png); 9109 } 9110 .portlet.solid.green-soft > .portlet-title > .tools > a.reload { 9111 background-image: url(../img/portlet-reload-icon-white.png); 9112 } 9113 .portlet.solid.green-soft > .portlet-title > .tools > a.expand { 9114 background-image: url(../img/portlet-expand-icon-white.png); 9115 } 9116 .portlet.solid.green-soft > .portlet-title > .tools > a.collapse { 9117 background-image: url(../img/portlet-collapse-icon-white.png); 9118 } 9119 .portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen { 9120 color: #fdfdfd; 9121 } 9122 9123 .portlet.box.green-soft { 9124 border: 1px solid #5bc2bc; 9125 border-top: 0; 9126 } 9127 .portlet.box.green-soft > .portlet-title { 9128 background-color: #3faba4; 9129 } 9130 .portlet.box.green-soft > .portlet-title > .caption { 9131 color: #FFFFFF; 9132 } 9133 .portlet.box.green-soft > .portlet-title > .caption > i { 9134 color: #FFFFFF; 9135 } 9136 .portlet.box.green-soft > .portlet-title > .actions .btn-default { 9137 background: transparent !important; 9138 background-color: transparent !important; 9139 border: 1px solid #87d3ce; 9140 color: #9adad6; 9141 box-shadow: none; 9142 } 9143 .portlet.box.green-soft > .portlet-title > .actions .btn-default > i { 9144 color: #a5deda; 9145 } 9146 .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.green-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default.active { 9147 border: 1px solid #ade1dd; 9148 color: #bfe7e5; 9149 } 9150 9151 /* Statistic Block */ 9152 .dashboard-stat.green-soft { 9153 background-color: #3faba4; 9154 } 9155 .dashboard-stat.green-soft.dashboard-stat-light:hover { 9156 background-color: #3a9c96; 9157 } 9158 .dashboard-stat.green-soft .visual > i { 9159 color: #FFFFFF; 9160 opacity: 0.1; 9161 filter: alpha(opacity=10); 9162 } 9163 .dashboard-stat.green-soft .details .number { 9164 color: #FFFFFF; 9165 } 9166 .dashboard-stat.green-soft .details .desc { 9167 color: #FFFFFF; 9168 opacity: 1; 9169 filter: alpha(opacity=100); 9170 } 9171 .dashboard-stat.green-soft .more { 9172 color: #FFFFFF; 9173 background-color: #3a9c96; 9174 } 9175 9176 /* General Element */ 9177 .bg-green-soft { 9178 border-color: #3faba4 !important; 9179 background-image: none !important; 9180 background-color: #3faba4 !important; 9181 color: #FFFFFF !important; 9182 } 9183 9184 /* General Text & Icon Font Colors */ 9185 .font-green-soft { 9186 color: #3faba4 !important; 9187 } 9188 9189 .progress-bar.green-soft { 9190 background: #3faba4 !important; 9191 color: #FFFFFF !important; 9192 } 9193 9194 /*********** 9195 Grey Colors 9196 ************/ 9197 /*** 9198 Grey Default 9199 ***/ 9200 /* Button */ 9201 .grey.btn { 9202 color: #333333; 9203 background-color: #E5E5E5; 9204 } 9205 .grey.btn:hover, .grey.btn:focus, .grey.btn:active, .grey.btn.active { 9206 color: #333333; 9207 background-color: lightgray; 9208 } 9209 .open .grey.btn.dropdown-toggle { 9210 color: #333333; 9211 background-color: lightgray; 9212 } 9213 .grey.btn:active, .grey.btn.active { 9214 background-image: none; 9215 background-color: #c6c6c6; 9216 } 9217 .grey.btn:active:hover, .grey.btn.active:hover { 9218 background-color: #cccccc; 9219 } 9220 .open .grey.btn.dropdown-toggle { 9221 background-image: none; 9222 } 9223 .grey.btn.disabled, .grey.btn.disabled:hover, .grey.btn.disabled:focus, .grey.btn.disabled:active, .grey.btn.disabled.active, .grey.btn[disabled], .grey.btn[disabled]:hover, .grey.btn[disabled]:focus, .grey.btn[disabled]:active, .grey.btn[disabled].active, fieldset[disabled] .grey.btn, fieldset[disabled] .grey.btn:hover, fieldset[disabled] .grey.btn:focus, fieldset[disabled] .grey.btn:active, fieldset[disabled] .grey.btn.active { 9224 background-color: #E5E5E5; 9225 } 9226 .grey.btn .badge { 9227 color: #E5E5E5; 9228 background-color: #333333; 9229 } 9230 9231 /* Button Strip */ 9232 .btn.grey-stripe { 9233 border-left: 3px solid #E5E5E5; 9234 } 9235 9236 /* Portlet */ 9237 .portlet > .portlet-body.grey, 9238 .portlet.grey { 9239 background-color: #E5E5E5; 9240 } 9241 9242 .portlet.solid.grey > .portlet-title, 9243 .portlet.solid.grey > .portlet-body { 9244 border: 0; 9245 color: #333333; 9246 } 9247 .portlet.solid.grey > .portlet-title > .caption { 9248 font-weight: 400; 9249 } 9250 .portlet.solid.grey > .portlet-title > .caption > i { 9251 color: #333333; 9252 } 9253 .portlet.solid.grey > .portlet-title > .tools > a.remove { 9254 background-image: url(../img/portlet-remove-icon-white.png); 9255 } 9256 .portlet.solid.grey > .portlet-title > .tools > a.config { 9257 background-image: url(../img/portlet-config-icon-white.png); 9258 } 9259 .portlet.solid.grey > .portlet-title > .tools > a.reload { 9260 background-image: url(../img/portlet-reload-icon-white.png); 9261 } 9262 .portlet.solid.grey > .portlet-title > .tools > a.expand { 9263 background-image: url(../img/portlet-expand-icon-white.png); 9264 } 9265 .portlet.solid.grey > .portlet-title > .tools > a.collapse { 9266 background-image: url(../img/portlet-collapse-icon-white.png); 9267 } 9268 .portlet.solid.grey > .portlet-title > .tools > a.fullscreen { 9269 color: #fdfdfd; 9270 } 9271 9272 .portlet.box.grey { 9273 border: 1px solid white; 9274 border-top: 0; 9275 } 9276 .portlet.box.grey > .portlet-title { 9277 background-color: #E5E5E5; 9278 } 9279 .portlet.box.grey > .portlet-title > .caption { 9280 color: #333333; 9281 } 9282 .portlet.box.grey > .portlet-title > .caption > i { 9283 color: #333333; 9284 } 9285 .portlet.box.grey > .portlet-title > .actions .btn-default { 9286 background: transparent !important; 9287 background-color: transparent !important; 9288 border: 1px solid white; 9289 color: white; 9290 box-shadow: none; 9291 } 9292 .portlet.box.grey > .portlet-title > .actions .btn-default > i { 9293 color: white; 9294 } 9295 .portlet.box.grey > .portlet-title > .actions .btn-default:hover, .portlet.box.grey > .portlet-title > .actions .btn-default:focus, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default.active { 9296 border: 1px solid white; 9297 color: white; 9298 } 9299 9300 /* Statistic Block */ 9301 .dashboard-stat.grey { 9302 background-color: #E5E5E5; 9303 } 9304 .dashboard-stat.grey.dashboard-stat-light:hover { 9305 background-color: #dbdbdb; 9306 } 9307 .dashboard-stat.grey .visual > i { 9308 color: #333333; 9309 opacity: 0.1; 9310 filter: alpha(opacity=10); 9311 } 9312 .dashboard-stat.grey .details .number { 9313 color: #333333; 9314 } 9315 .dashboard-stat.grey .details .desc { 9316 color: #333333; 9317 opacity: 1; 9318 filter: alpha(opacity=100); 9319 } 9320 .dashboard-stat.grey .more { 9321 color: #333333; 9322 background-color: #dbdbdb; 9323 } 9324 9325 /* General Element */ 9326 .bg-grey { 9327 border-color: #E5E5E5 !important; 9328 background-image: none !important; 9329 background-color: #E5E5E5 !important; 9330 color: #333333 !important; 9331 } 9332 9333 /* General Text & Icon Font Colors */ 9334 .font-grey { 9335 color: #E5E5E5 !important; 9336 } 9337 9338 .progress-bar.grey { 9339 background: #E5E5E5 !important; 9340 color: #333333 !important; 9341 } 9342 9343 /*** 9344 Grey Steel 9345 ***/ 9346 /* Button */ 9347 .grey-steel.btn { 9348 color: #80898e; 9349 background-color: #e9edef; 9350 } 9351 .grey-steel.btn:hover, .grey-steel.btn:focus, .grey-steel.btn:active, .grey-steel.btn.active { 9352 color: #80898e; 9353 background-color: #d4dce0; 9354 } 9355 .open .grey-steel.btn.dropdown-toggle { 9356 color: #80898e; 9357 background-color: #d4dce0; 9358 } 9359 .grey-steel.btn:active, .grey-steel.btn.active { 9360 background-image: none; 9361 background-color: #c6d0d5; 9362 } 9363 .grey-steel.btn:active:hover, .grey-steel.btn.active:hover { 9364 background-color: #cbd5da; 9365 } 9366 .open .grey-steel.btn.dropdown-toggle { 9367 background-image: none; 9368 } 9369 .grey-steel.btn.disabled, .grey-steel.btn.disabled:hover, .grey-steel.btn.disabled:focus, .grey-steel.btn.disabled:active, .grey-steel.btn.disabled.active, .grey-steel.btn[disabled], .grey-steel.btn[disabled]:hover, .grey-steel.btn[disabled]:focus, .grey-steel.btn[disabled]:active, .grey-steel.btn[disabled].active, fieldset[disabled] .grey-steel.btn, fieldset[disabled] .grey-steel.btn:hover, fieldset[disabled] .grey-steel.btn:focus, fieldset[disabled] .grey-steel.btn:active, fieldset[disabled] .grey-steel.btn.active { 9370 background-color: #e9edef; 9371 } 9372 .grey-steel.btn .badge { 9373 color: #e9edef; 9374 background-color: #80898e; 9375 } 9376 9377 /* Button Strip */ 9378 .btn.grey-steel-stripe { 9379 border-left: 3px solid #e9edef; 9380 } 9381 9382 /* Portlet */ 9383 .portlet > .portlet-body.grey-steel, 9384 .portlet.grey-steel { 9385 background-color: #e9edef; 9386 } 9387 9388 .portlet.solid.grey-steel > .portlet-title, 9389 .portlet.solid.grey-steel > .portlet-body { 9390 border: 0; 9391 color: #80898e; 9392 } 9393 .portlet.solid.grey-steel > .portlet-title > .caption { 9394 font-weight: 400; 9395 } 9396 .portlet.solid.grey-steel > .portlet-title > .caption > i { 9397 color: #80898e; 9398 } 9399 .portlet.solid.grey-steel > .portlet-title > .tools > a.remove { 9400 background-image: url(../img/portlet-remove-icon-white.png); 9401 } 9402 .portlet.solid.grey-steel > .portlet-title > .tools > a.config { 9403 background-image: url(../img/portlet-config-icon-white.png); 9404 } 9405 .portlet.solid.grey-steel > .portlet-title > .tools > a.reload { 9406 background-image: url(../img/portlet-reload-icon-white.png); 9407 } 9408 .portlet.solid.grey-steel > .portlet-title > .tools > a.expand { 9409 background-image: url(../img/portlet-expand-icon-white.png); 9410 } 9411 .portlet.solid.grey-steel > .portlet-title > .tools > a.collapse { 9412 background-image: url(../img/portlet-collapse-icon-white.png); 9413 } 9414 .portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen { 9415 color: #fdfdfd; 9416 } 9417 9418 .portlet.box.grey-steel { 9419 border: 1px solid white; 9420 border-top: 0; 9421 } 9422 .portlet.box.grey-steel > .portlet-title { 9423 background-color: #e9edef; 9424 } 9425 .portlet.box.grey-steel > .portlet-title > .caption { 9426 color: #80898e; 9427 } 9428 .portlet.box.grey-steel > .portlet-title > .caption > i { 9429 color: #80898e; 9430 } 9431 .portlet.box.grey-steel > .portlet-title > .actions .btn-default { 9432 background: transparent !important; 9433 background-color: transparent !important; 9434 border: 1px solid white; 9435 color: white; 9436 box-shadow: none; 9437 } 9438 .portlet.box.grey-steel > .portlet-title > .actions .btn-default > i { 9439 color: white; 9440 } 9441 .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default.active { 9442 border: 1px solid white; 9443 color: white; 9444 } 9445 9446 /* Statistic Block */ 9447 .dashboard-stat.grey-steel { 9448 background-color: #e9edef; 9449 } 9450 .dashboard-stat.grey-steel.dashboard-stat-light:hover { 9451 background-color: #dde3e6; 9452 } 9453 .dashboard-stat.grey-steel .visual > i { 9454 color: #80898e; 9455 opacity: 0.1; 9456 filter: alpha(opacity=10); 9457 } 9458 .dashboard-stat.grey-steel .details .number { 9459 color: #80898e; 9460 } 9461 .dashboard-stat.grey-steel .details .desc { 9462 color: #80898e; 9463 opacity: 1; 9464 filter: alpha(opacity=100); 9465 } 9466 .dashboard-stat.grey-steel .more { 9467 color: #80898e; 9468 background-color: #dde3e6; 9469 } 9470 9471 /* General Element */ 9472 .bg-grey-steel { 9473 border-color: #e9edef !important; 9474 background-image: none !important; 9475 background-color: #e9edef !important; 9476 color: #80898e !important; 9477 } 9478 9479 /* General Text & Icon Font Colors */ 9480 .font-grey-steel { 9481 color: #e9edef !important; 9482 } 9483 9484 .progress-bar.grey-steel { 9485 background: #e9edef !important; 9486 color: #80898e !important; 9487 } 9488 9489 /*** 9490 Grey Cararra 9491 ***/ 9492 /* Button */ 9493 .grey-cararra.btn { 9494 color: #333333; 9495 background-color: #fafafa; 9496 } 9497 .grey-cararra.btn:hover, .grey-cararra.btn:focus, .grey-cararra.btn:active, .grey-cararra.btn.active { 9498 color: #333333; 9499 background-color: #e8e8e8; 9500 } 9501 .open .grey-cararra.btn.dropdown-toggle { 9502 color: #333333; 9503 background-color: #e8e8e8; 9504 } 9505 .grey-cararra.btn:active, .grey-cararra.btn.active { 9506 background-image: none; 9507 background-color: #dbdbdb; 9508 } 9509 .grey-cararra.btn:active:hover, .grey-cararra.btn.active:hover { 9510 background-color: #e1e1e1; 9511 } 9512 .open .grey-cararra.btn.dropdown-toggle { 9513 background-image: none; 9514 } 9515 .grey-cararra.btn.disabled, .grey-cararra.btn.disabled:hover, .grey-cararra.btn.disabled:focus, .grey-cararra.btn.disabled:active, .grey-cararra.btn.disabled.active, .grey-cararra.btn[disabled], .grey-cararra.btn[disabled]:hover, .grey-cararra.btn[disabled]:focus, .grey-cararra.btn[disabled]:active, .grey-cararra.btn[disabled].active, fieldset[disabled] .grey-cararra.btn, fieldset[disabled] .grey-cararra.btn:hover, fieldset[disabled] .grey-cararra.btn:focus, fieldset[disabled] .grey-cararra.btn:active, fieldset[disabled] .grey-cararra.btn.active { 9516 background-color: #fafafa; 9517 } 9518 .grey-cararra.btn .badge { 9519 color: #fafafa; 9520 background-color: #333333; 9521 } 9522 9523 /* Button Strip */ 9524 .btn.grey-cararra-stripe { 9525 border-left: 3px solid #fafafa; 9526 } 9527 9528 /* Portlet */ 9529 .portlet > .portlet-body.grey-cararra, 9530 .portlet.grey-cararra { 9531 background-color: #fafafa; 9532 } 9533 9534 .portlet.solid.grey-cararra > .portlet-title, 9535 .portlet.solid.grey-cararra > .portlet-body { 9536 border: 0; 9537 color: #333333; 9538 } 9539 .portlet.solid.grey-cararra > .portlet-title > .caption { 9540 font-weight: 400; 9541 } 9542 .portlet.solid.grey-cararra > .portlet-title > .caption > i { 9543 color: #333333; 9544 } 9545 .portlet.solid.grey-cararra > .portlet-title > .tools > a.remove { 9546 background-image: url(../img/portlet-remove-icon-white.png); 9547 } 9548 .portlet.solid.grey-cararra > .portlet-title > .tools > a.config { 9549 background-image: url(../img/portlet-config-icon-white.png); 9550 } 9551 .portlet.solid.grey-cararra > .portlet-title > .tools > a.reload { 9552 background-image: url(../img/portlet-reload-icon-white.png); 9553 } 9554 .portlet.solid.grey-cararra > .portlet-title > .tools > a.expand { 9555 background-image: url(../img/portlet-expand-icon-white.png); 9556 } 9557 .portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse { 9558 background-image: url(../img/portlet-collapse-icon-white.png); 9559 } 9560 .portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen { 9561 color: #fdfdfd; 9562 } 9563 9564 .portlet.box.grey-cararra { 9565 border: 1px solid white; 9566 border-top: 0; 9567 } 9568 .portlet.box.grey-cararra > .portlet-title { 9569 background-color: #fafafa; 9570 } 9571 .portlet.box.grey-cararra > .portlet-title > .caption { 9572 color: #333333; 9573 } 9574 .portlet.box.grey-cararra > .portlet-title > .caption > i { 9575 color: #333333; 9576 } 9577 .portlet.box.grey-cararra > .portlet-title > .actions .btn-default { 9578 background: transparent !important; 9579 background-color: transparent !important; 9580 border: 1px solid white; 9581 color: white; 9582 box-shadow: none; 9583 } 9584 .portlet.box.grey-cararra > .portlet-title > .actions .btn-default > i { 9585 color: white; 9586 } 9587 .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default.active { 9588 border: 1px solid white; 9589 color: white; 9590 } 9591 9592 /* Statistic Block */ 9593 .dashboard-stat.grey-cararra { 9594 background-color: #fafafa; 9595 } 9596 .dashboard-stat.grey-cararra.dashboard-stat-light:hover { 9597 background-color: #f0f0f0; 9598 } 9599 .dashboard-stat.grey-cararra .visual > i { 9600 color: #333333; 9601 opacity: 0.1; 9602 filter: alpha(opacity=10); 9603 } 9604 .dashboard-stat.grey-cararra .details .number { 9605 color: #333333; 9606 } 9607 .dashboard-stat.grey-cararra .details .desc { 9608 color: #333333; 9609 opacity: 1; 9610 filter: alpha(opacity=100); 9611 } 9612 .dashboard-stat.grey-cararra .more { 9613 color: #333333; 9614 background-color: #f0f0f0; 9615 } 9616 9617 /* General Element */ 9618 .bg-grey-cararra { 9619 border-color: #fafafa !important; 9620 background-image: none !important; 9621 background-color: #fafafa !important; 9622 color: #333333 !important; 9623 } 9624 9625 /* General Text & Icon Font Colors */ 9626 .font-grey-cararra { 9627 color: #fafafa !important; 9628 } 9629 9630 .progress-bar.grey-cararra { 9631 background: #fafafa !important; 9632 color: #333333 !important; 9633 } 9634 9635 /*** 9636 Grey Gallery 9637 ***/ 9638 /* Button */ 9639 .grey-gallery.btn { 9640 color: #ffffff; 9641 background-color: #555555; 9642 } 9643 .grey-gallery.btn:hover, .grey-gallery.btn:focus, .grey-gallery.btn:active, .grey-gallery.btn.active { 9644 color: #ffffff; 9645 background-color: #434343; 9646 } 9647 .open .grey-gallery.btn.dropdown-toggle { 9648 color: #ffffff; 9649 background-color: #434343; 9650 } 9651 .grey-gallery.btn:active, .grey-gallery.btn.active { 9652 background-image: none; 9653 background-color: #363636; 9654 } 9655 .grey-gallery.btn:active:hover, .grey-gallery.btn.active:hover { 9656 background-color: #3b3b3b; 9657 } 9658 .open .grey-gallery.btn.dropdown-toggle { 9659 background-image: none; 9660 } 9661 .grey-gallery.btn.disabled, .grey-gallery.btn.disabled:hover, .grey-gallery.btn.disabled:focus, .grey-gallery.btn.disabled:active, .grey-gallery.btn.disabled.active, .grey-gallery.btn[disabled], .grey-gallery.btn[disabled]:hover, .grey-gallery.btn[disabled]:focus, .grey-gallery.btn[disabled]:active, .grey-gallery.btn[disabled].active, fieldset[disabled] .grey-gallery.btn, fieldset[disabled] .grey-gallery.btn:hover, fieldset[disabled] .grey-gallery.btn:focus, fieldset[disabled] .grey-gallery.btn:active, fieldset[disabled] .grey-gallery.btn.active { 9662 background-color: #555555; 9663 } 9664 .grey-gallery.btn .badge { 9665 color: #555555; 9666 background-color: #ffffff; 9667 } 9668 9669 /* Button Strip */ 9670 .btn.grey-gallery-stripe { 9671 border-left: 3px solid #555555; 9672 } 9673 9674 /* Portlet */ 9675 .portlet > .portlet-body.grey-gallery, 9676 .portlet.grey-gallery { 9677 background-color: #555555; 9678 } 9679 9680 .portlet.solid.grey-gallery > .portlet-title, 9681 .portlet.solid.grey-gallery > .portlet-body { 9682 border: 0; 9683 color: #ffffff; 9684 } 9685 .portlet.solid.grey-gallery > .portlet-title > .caption { 9686 font-weight: 400; 9687 } 9688 .portlet.solid.grey-gallery > .portlet-title > .caption > i { 9689 color: #ffffff; 9690 } 9691 .portlet.solid.grey-gallery > .portlet-title > .tools > a.remove { 9692 background-image: url(../img/portlet-remove-icon-white.png); 9693 } 9694 .portlet.solid.grey-gallery > .portlet-title > .tools > a.config { 9695 background-image: url(../img/portlet-config-icon-white.png); 9696 } 9697 .portlet.solid.grey-gallery > .portlet-title > .tools > a.reload { 9698 background-image: url(../img/portlet-reload-icon-white.png); 9699 } 9700 .portlet.solid.grey-gallery > .portlet-title > .tools > a.expand { 9701 background-image: url(../img/portlet-expand-icon-white.png); 9702 } 9703 .portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse { 9704 background-image: url(../img/portlet-collapse-icon-white.png); 9705 } 9706 .portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen { 9707 color: #fdfdfd; 9708 } 9709 9710 .portlet.box.grey-gallery { 9711 border: 1px solid #6e6e6e; 9712 border-top: 0; 9713 } 9714 .portlet.box.grey-gallery > .portlet-title { 9715 background-color: #555555; 9716 } 9717 .portlet.box.grey-gallery > .portlet-title > .caption { 9718 color: #ffffff; 9719 } 9720 .portlet.box.grey-gallery > .portlet-title > .caption > i { 9721 color: #ffffff; 9722 } 9723 .portlet.box.grey-gallery > .portlet-title > .actions .btn-default { 9724 background: transparent !important; 9725 background-color: transparent !important; 9726 border: 1px solid #8d8d8d; 9727 color: #9a9a9a; 9728 box-shadow: none; 9729 } 9730 .portlet.box.grey-gallery > .portlet-title > .actions .btn-default > i { 9731 color: #a2a2a2; 9732 } 9733 .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default.active { 9734 border: 1px solid #a7a7a7; 9735 color: #b3b3b3; 9736 } 9737 9738 /* Statistic Block */ 9739 .dashboard-stat.grey-gallery { 9740 background-color: #555555; 9741 } 9742 .dashboard-stat.grey-gallery.dashboard-stat-light:hover { 9743 background-color: #4b4b4b; 9744 } 9745 .dashboard-stat.grey-gallery .visual > i { 9746 color: #ffffff; 9747 opacity: 0.1; 9748 filter: alpha(opacity=10); 9749 } 9750 .dashboard-stat.grey-gallery .details .number { 9751 color: #ffffff; 9752 } 9753 .dashboard-stat.grey-gallery .details .desc { 9754 color: #ffffff; 9755 opacity: 1; 9756 filter: alpha(opacity=100); 9757 } 9758 .dashboard-stat.grey-gallery .more { 9759 color: #ffffff; 9760 background-color: #4b4b4b; 9761 } 9762 9763 /* General Element */ 9764 .bg-grey-gallery { 9765 border-color: #555555 !important; 9766 background-image: none !important; 9767 background-color: #555555 !important; 9768 color: #ffffff !important; 9769 } 9770 9771 /* General Text & Icon Font Colors */ 9772 .font-grey-gallery { 9773 color: #555555 !important; 9774 } 9775 9776 .progress-bar.grey-gallery { 9777 background: #555555 !important; 9778 color: #ffffff !important; 9779 } 9780 9781 /*** 9782 Grey Cascade 9783 ***/ 9784 /* Button */ 9785 .grey-cascade.btn { 9786 color: #FFFFFF; 9787 background-color: #95A5A6; 9788 } 9789 .grey-cascade.btn:hover, .grey-cascade.btn:focus, .grey-cascade.btn:active, .grey-cascade.btn.active { 9790 color: #FFFFFF; 9791 background-color: #829596; 9792 } 9793 .open .grey-cascade.btn.dropdown-toggle { 9794 color: #FFFFFF; 9795 background-color: #829596; 9796 } 9797 .grey-cascade.btn:active, .grey-cascade.btn.active { 9798 background-image: none; 9799 background-color: #74898a; 9800 } 9801 .grey-cascade.btn:active:hover, .grey-cascade.btn.active:hover { 9802 background-color: #798d8f; 9803 } 9804 .open .grey-cascade.btn.dropdown-toggle { 9805 background-image: none; 9806 } 9807 .grey-cascade.btn.disabled, .grey-cascade.btn.disabled:hover, .grey-cascade.btn.disabled:focus, .grey-cascade.btn.disabled:active, .grey-cascade.btn.disabled.active, .grey-cascade.btn[disabled], .grey-cascade.btn[disabled]:hover, .grey-cascade.btn[disabled]:focus, .grey-cascade.btn[disabled]:active, .grey-cascade.btn[disabled].active, fieldset[disabled] .grey-cascade.btn, fieldset[disabled] .grey-cascade.btn:hover, fieldset[disabled] .grey-cascade.btn:focus, fieldset[disabled] .grey-cascade.btn:active, fieldset[disabled] .grey-cascade.btn.active { 9808 background-color: #95A5A6; 9809 } 9810 .grey-cascade.btn .badge { 9811 color: #95A5A6; 9812 background-color: #FFFFFF; 9813 } 9814 9815 /* Button Strip */ 9816 .btn.grey-cascade-stripe { 9817 border-left: 3px solid #95A5A6; 9818 } 9819 9820 /* Portlet */ 9821 .portlet > .portlet-body.grey-cascade, 9822 .portlet.grey-cascade { 9823 background-color: #95A5A6; 9824 } 9825 9826 .portlet.solid.grey-cascade > .portlet-title, 9827 .portlet.solid.grey-cascade > .portlet-body { 9828 border: 0; 9829 color: #FFFFFF; 9830 } 9831 .portlet.solid.grey-cascade > .portlet-title > .caption { 9832 font-weight: 400; 9833 } 9834 .portlet.solid.grey-cascade > .portlet-title > .caption > i { 9835 color: #FFFFFF; 9836 } 9837 .portlet.solid.grey-cascade > .portlet-title > .tools > a.remove { 9838 background-image: url(../img/portlet-remove-icon-white.png); 9839 } 9840 .portlet.solid.grey-cascade > .portlet-title > .tools > a.config { 9841 background-image: url(../img/portlet-config-icon-white.png); 9842 } 9843 .portlet.solid.grey-cascade > .portlet-title > .tools > a.reload { 9844 background-image: url(../img/portlet-reload-icon-white.png); 9845 } 9846 .portlet.solid.grey-cascade > .portlet-title > .tools > a.expand { 9847 background-image: url(../img/portlet-expand-icon-white.png); 9848 } 9849 .portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse { 9850 background-image: url(../img/portlet-collapse-icon-white.png); 9851 } 9852 .portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen { 9853 color: #fdfdfd; 9854 } 9855 9856 .portlet.box.grey-cascade { 9857 border: 1px solid #b1bdbd; 9858 border-top: 0; 9859 } 9860 .portlet.box.grey-cascade > .portlet-title { 9861 background-color: #95A5A6; 9862 } 9863 .portlet.box.grey-cascade > .portlet-title > .caption { 9864 color: #FFFFFF; 9865 } 9866 .portlet.box.grey-cascade > .portlet-title > .caption > i { 9867 color: #FFFFFF; 9868 } 9869 .portlet.box.grey-cascade > .portlet-title > .actions .btn-default { 9870 background: transparent !important; 9871 background-color: transparent !important; 9872 border: 1px solid #d2d9d9; 9873 color: #e0e5e5; 9874 box-shadow: none; 9875 } 9876 .portlet.box.grey-cascade > .portlet-title > .actions .btn-default > i { 9877 color: #e8ecec; 9878 } 9879 .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default.active { 9880 border: 1px solid #eef0f0; 9881 color: #fcfcfc; 9882 } 9883 9884 /* Statistic Block */ 9885 .dashboard-stat.grey-cascade { 9886 background-color: #95A5A6; 9887 } 9888 .dashboard-stat.grey-cascade.dashboard-stat-light:hover { 9889 background-color: #8a9c9d; 9890 } 9891 .dashboard-stat.grey-cascade .visual > i { 9892 color: #FFFFFF; 9893 opacity: 0.1; 9894 filter: alpha(opacity=10); 9895 } 9896 .dashboard-stat.grey-cascade .details .number { 9897 color: #FFFFFF; 9898 } 9899 .dashboard-stat.grey-cascade .details .desc { 9900 color: #FFFFFF; 9901 opacity: 1; 9902 filter: alpha(opacity=100); 9903 } 9904 .dashboard-stat.grey-cascade .more { 9905 color: #FFFFFF; 9906 background-color: #8a9c9d; 9907 } 9908 9909 /* General Element */ 9910 .bg-grey-cascade { 9911 border-color: #95A5A6 !important; 9912 background-image: none !important; 9913 background-color: #95A5A6 !important; 9914 color: #FFFFFF !important; 9915 } 9916 9917 /* General Text & Icon Font Colors */ 9918 .font-grey-cascade { 9919 color: #95A5A6 !important; 9920 } 9921 9922 .progress-bar.grey-cascade { 9923 background: #95A5A6 !important; 9924 color: #FFFFFF !important; 9925 } 9926 9927 /*** 9928 Grey Silver 9929 ***/ 9930 /* Button */ 9931 .grey-silver.btn { 9932 color: #FAFCFB; 9933 background-color: #BFBFBF; 9934 } 9935 .grey-silver.btn:hover, .grey-silver.btn:focus, .grey-silver.btn:active, .grey-silver.btn.active { 9936 color: #FAFCFB; 9937 background-color: #adadad; 9938 } 9939 .open .grey-silver.btn.dropdown-toggle { 9940 color: #FAFCFB; 9941 background-color: #adadad; 9942 } 9943 .grey-silver.btn:active, .grey-silver.btn.active { 9944 background-image: none; 9945 background-color: #a0a0a0; 9946 } 9947 .grey-silver.btn:active:hover, .grey-silver.btn.active:hover { 9948 background-color: #a6a6a6; 9949 } 9950 .open .grey-silver.btn.dropdown-toggle { 9951 background-image: none; 9952 } 9953 .grey-silver.btn.disabled, .grey-silver.btn.disabled:hover, .grey-silver.btn.disabled:focus, .grey-silver.btn.disabled:active, .grey-silver.btn.disabled.active, .grey-silver.btn[disabled], .grey-silver.btn[disabled]:hover, .grey-silver.btn[disabled]:focus, .grey-silver.btn[disabled]:active, .grey-silver.btn[disabled].active, fieldset[disabled] .grey-silver.btn, fieldset[disabled] .grey-silver.btn:hover, fieldset[disabled] .grey-silver.btn:focus, fieldset[disabled] .grey-silver.btn:active, fieldset[disabled] .grey-silver.btn.active { 9954 background-color: #BFBFBF; 9955 } 9956 .grey-silver.btn .badge { 9957 color: #BFBFBF; 9958 background-color: #FAFCFB; 9959 } 9960 9961 /* Button Strip */ 9962 .btn.grey-silver-stripe { 9963 border-left: 3px solid #BFBFBF; 9964 } 9965 9966 /* Portlet */ 9967 .portlet > .portlet-body.grey-silver, 9968 .portlet.grey-silver { 9969 background-color: #BFBFBF; 9970 } 9971 9972 .portlet.solid.grey-silver > .portlet-title, 9973 .portlet.solid.grey-silver > .portlet-body { 9974 border: 0; 9975 color: #FAFCFB; 9976 } 9977 .portlet.solid.grey-silver > .portlet-title > .caption { 9978 font-weight: 400; 9979 } 9980 .portlet.solid.grey-silver > .portlet-title > .caption > i { 9981 color: #FAFCFB; 9982 } 9983 .portlet.solid.grey-silver > .portlet-title > .tools > a.remove { 9984 background-image: url(../img/portlet-remove-icon-white.png); 9985 } 9986 .portlet.solid.grey-silver > .portlet-title > .tools > a.config { 9987 background-image: url(../img/portlet-config-icon-white.png); 9988 } 9989 .portlet.solid.grey-silver > .portlet-title > .tools > a.reload { 9990 background-image: url(../img/portlet-reload-icon-white.png); 9991 } 9992 .portlet.solid.grey-silver > .portlet-title > .tools > a.expand { 9993 background-image: url(../img/portlet-expand-icon-white.png); 9994 } 9995 .portlet.solid.grey-silver > .portlet-title > .tools > a.collapse { 9996 background-image: url(../img/portlet-collapse-icon-white.png); 9997 } 9998 .portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen { 9999 color: #fdfdfd; 10000 } 10001 10002 .portlet.box.grey-silver { 10003 border: 1px solid #d9d9d9; 10004 border-top: 0; 10005 } 10006 .portlet.box.grey-silver > .portlet-title { 10007 background-color: #BFBFBF; 10008 } 10009 .portlet.box.grey-silver > .portlet-title > .caption { 10010 color: #FAFCFB; 10011 } 10012 .portlet.box.grey-silver > .portlet-title > .caption > i { 10013 color: #FAFCFB; 10014 } 10015 .portlet.box.grey-silver > .portlet-title > .actions .btn-default { 10016 background: transparent !important; 10017 background-color: transparent !important; 10018 border: 1px solid #f7f7f7; 10019 color: white; 10020 box-shadow: none; 10021 } 10022 .portlet.box.grey-silver > .portlet-title > .actions .btn-default > i { 10023 color: white; 10024 } 10025 .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default.active { 10026 border: 1px solid white; 10027 color: white; 10028 } 10029 10030 /* Statistic Block */ 10031 .dashboard-stat.grey-silver { 10032 background-color: #BFBFBF; 10033 } 10034 .dashboard-stat.grey-silver.dashboard-stat-light:hover { 10035 background-color: #b5b5b5; 10036 } 10037 .dashboard-stat.grey-silver .visual > i { 10038 color: #FAFCFB; 10039 opacity: 0.1; 10040 filter: alpha(opacity=10); 10041 } 10042 .dashboard-stat.grey-silver .details .number { 10043 color: #FAFCFB; 10044 } 10045 .dashboard-stat.grey-silver .details .desc { 10046 color: #FAFCFB; 10047 opacity: 1; 10048 filter: alpha(opacity=100); 10049 } 10050 .dashboard-stat.grey-silver .more { 10051 color: #FAFCFB; 10052 background-color: #b5b5b5; 10053 } 10054 10055 /* General Element */ 10056 .bg-grey-silver { 10057 border-color: #BFBFBF !important; 10058 background-image: none !important; 10059 background-color: #BFBFBF !important; 10060 color: #FAFCFB !important; 10061 } 10062 10063 /* General Text & Icon Font Colors */ 10064 .font-grey-silver { 10065 color: #BFBFBF !important; 10066 } 10067 10068 .progress-bar.grey-silver { 10069 background: #BFBFBF !important; 10070 color: #FAFCFB !important; 10071 } 10072 10073 /*** 10074 Grey Salsa 10075 ***/ 10076 /* Button */ 10077 .grey-salsa.btn { 10078 color: #FAFCFB; 10079 background-color: #ACB5C3; 10080 } 10081 .grey-salsa.btn:hover, .grey-salsa.btn:focus, .grey-salsa.btn:active, .grey-salsa.btn.active { 10082 color: #FAFCFB; 10083 background-color: #97a3b4; 10084 } 10085 .open .grey-salsa.btn.dropdown-toggle { 10086 color: #FAFCFB; 10087 background-color: #97a3b4; 10088 } 10089 .grey-salsa.btn:active, .grey-salsa.btn.active { 10090 background-image: none; 10091 background-color: #8895a9; 10092 } 10093 .grey-salsa.btn:active:hover, .grey-salsa.btn.active:hover { 10094 background-color: #8e9bae; 10095 } 10096 .open .grey-salsa.btn.dropdown-toggle { 10097 background-image: none; 10098 } 10099 .grey-salsa.btn.disabled, .grey-salsa.btn.disabled:hover, .grey-salsa.btn.disabled:focus, .grey-salsa.btn.disabled:active, .grey-salsa.btn.disabled.active, .grey-salsa.btn[disabled], .grey-salsa.btn[disabled]:hover, .grey-salsa.btn[disabled]:focus, .grey-salsa.btn[disabled]:active, .grey-salsa.btn[disabled].active, fieldset[disabled] .grey-salsa.btn, fieldset[disabled] .grey-salsa.btn:hover, fieldset[disabled] .grey-salsa.btn:focus, fieldset[disabled] .grey-salsa.btn:active, fieldset[disabled] .grey-salsa.btn.active { 10100 background-color: #ACB5C3; 10101 } 10102 .grey-salsa.btn .badge { 10103 color: #ACB5C3; 10104 background-color: #FAFCFB; 10105 } 10106 10107 /* Button Strip */ 10108 .btn.grey-salsa-stripe { 10109 border-left: 3px solid #ACB5C3; 10110 } 10111 10112 /* Portlet */ 10113 .portlet > .portlet-body.grey-salsa, 10114 .portlet.grey-salsa { 10115 background-color: #ACB5C3; 10116 } 10117 10118 .portlet.solid.grey-salsa > .portlet-title, 10119 .portlet.solid.grey-salsa > .portlet-body { 10120 border: 0; 10121 color: #FAFCFB; 10122 } 10123 .portlet.solid.grey-salsa > .portlet-title > .caption { 10124 font-weight: 400; 10125 } 10126 .portlet.solid.grey-salsa > .portlet-title > .caption > i { 10127 color: #FAFCFB; 10128 } 10129 .portlet.solid.grey-salsa > .portlet-title > .tools > a.remove { 10130 background-image: url(../img/portlet-remove-icon-white.png); 10131 } 10132 .portlet.solid.grey-salsa > .portlet-title > .tools > a.config { 10133 background-image: url(../img/portlet-config-icon-white.png); 10134 } 10135 .portlet.solid.grey-salsa > .portlet-title > .tools > a.reload { 10136 background-image: url(../img/portlet-reload-icon-white.png); 10137 } 10138 .portlet.solid.grey-salsa > .portlet-title > .tools > a.expand { 10139 background-image: url(../img/portlet-expand-icon-white.png); 10140 } 10141 .portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse { 10142 background-image: url(../img/portlet-collapse-icon-white.png); 10143 } 10144 .portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen { 10145 color: #fdfdfd; 10146 } 10147 10148 .portlet.box.grey-salsa { 10149 border: 1px solid #cacfd8; 10150 border-top: 0; 10151 } 10152 .portlet.box.grey-salsa > .portlet-title { 10153 background-color: #ACB5C3; 10154 } 10155 .portlet.box.grey-salsa > .portlet-title > .caption { 10156 color: #FAFCFB; 10157 } 10158 .portlet.box.grey-salsa > .portlet-title > .caption > i { 10159 color: #FAFCFB; 10160 } 10161 .portlet.box.grey-salsa > .portlet-title > .actions .btn-default { 10162 background: transparent !important; 10163 background-color: transparent !important; 10164 border: 1px solid #edeff2; 10165 color: #fcfcfd; 10166 box-shadow: none; 10167 } 10168 .portlet.box.grey-salsa > .portlet-title > .actions .btn-default > i { 10169 color: white; 10170 } 10171 .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default.active { 10172 border: 1px solid white; 10173 color: white; 10174 } 10175 10176 /* Statistic Block */ 10177 .dashboard-stat.grey-salsa { 10178 background-color: #ACB5C3; 10179 } 10180 .dashboard-stat.grey-salsa.dashboard-stat-light:hover { 10181 background-color: #a0aaba; 10182 } 10183 .dashboard-stat.grey-salsa .visual > i { 10184 color: #FAFCFB; 10185 opacity: 0.1; 10186 filter: alpha(opacity=10); 10187 } 10188 .dashboard-stat.grey-salsa .details .number { 10189 color: #FAFCFB; 10190 } 10191 .dashboard-stat.grey-salsa .details .desc { 10192 color: #FAFCFB; 10193 opacity: 1; 10194 filter: alpha(opacity=100); 10195 } 10196 .dashboard-stat.grey-salsa .more { 10197 color: #FAFCFB; 10198 background-color: #a0aaba; 10199 } 10200 10201 /* General Element */ 10202 .bg-grey-salsa { 10203 border-color: #ACB5C3 !important; 10204 background-image: none !important; 10205 background-color: #ACB5C3 !important; 10206 color: #FAFCFB !important; 10207 } 10208 10209 /* General Text & Icon Font Colors */ 10210 .font-grey-salsa { 10211 color: #ACB5C3 !important; 10212 } 10213 10214 .progress-bar.grey-salsa { 10215 background: #ACB5C3 !important; 10216 color: #FAFCFB !important; 10217 } 10218 10219 /*** 10220 Grey Salt 10221 ***/ 10222 /* Button */ 10223 .grey-salt.btn { 10224 color: #FAFCFB; 10225 background-color: #bfcad1; 10226 } 10227 .grey-salt.btn:hover, .grey-salt.btn:focus, .grey-salt.btn:active, .grey-salt.btn.active { 10228 color: #FAFCFB; 10229 background-color: #aab9c2; 10230 } 10231 .open .grey-salt.btn.dropdown-toggle { 10232 color: #FAFCFB; 10233 background-color: #aab9c2; 10234 } 10235 .grey-salt.btn:active, .grey-salt.btn.active { 10236 background-image: none; 10237 background-color: #9badb7; 10238 } 10239 .grey-salt.btn:active:hover, .grey-salt.btn.active:hover { 10240 background-color: #a1b1bc; 10241 } 10242 .open .grey-salt.btn.dropdown-toggle { 10243 background-image: none; 10244 } 10245 .grey-salt.btn.disabled, .grey-salt.btn.disabled:hover, .grey-salt.btn.disabled:focus, .grey-salt.btn.disabled:active, .grey-salt.btn.disabled.active, .grey-salt.btn[disabled], .grey-salt.btn[disabled]:hover, .grey-salt.btn[disabled]:focus, .grey-salt.btn[disabled]:active, .grey-salt.btn[disabled].active, fieldset[disabled] .grey-salt.btn, fieldset[disabled] .grey-salt.btn:hover, fieldset[disabled] .grey-salt.btn:focus, fieldset[disabled] .grey-salt.btn:active, fieldset[disabled] .grey-salt.btn.active { 10246 background-color: #bfcad1; 10247 } 10248 .grey-salt.btn .badge { 10249 color: #bfcad1; 10250 background-color: #FAFCFB; 10251 } 10252 10253 /* Button Strip */ 10254 .btn.grey-salt-stripe { 10255 border-left: 3px solid #bfcad1; 10256 } 10257 10258 /* Portlet */ 10259 .portlet > .portlet-body.grey-salt, 10260 .portlet.grey-salt { 10261 background-color: #bfcad1; 10262 } 10263 10264 .portlet.solid.grey-salt > .portlet-title, 10265 .portlet.solid.grey-salt > .portlet-body { 10266 border: 0; 10267 color: #FAFCFB; 10268 } 10269 .portlet.solid.grey-salt > .portlet-title > .caption { 10270 font-weight: 400; 10271 } 10272 .portlet.solid.grey-salt > .portlet-title > .caption > i { 10273 color: #FAFCFB; 10274 } 10275 .portlet.solid.grey-salt > .portlet-title > .tools > a.remove { 10276 background-image: url(../img/portlet-remove-icon-white.png); 10277 } 10278 .portlet.solid.grey-salt > .portlet-title > .tools > a.config { 10279 background-image: url(../img/portlet-config-icon-white.png); 10280 } 10281 .portlet.solid.grey-salt > .portlet-title > .tools > a.reload { 10282 background-image: url(../img/portlet-reload-icon-white.png); 10283 } 10284 .portlet.solid.grey-salt > .portlet-title > .tools > a.expand { 10285 background-image: url(../img/portlet-expand-icon-white.png); 10286 } 10287 .portlet.solid.grey-salt > .portlet-title > .tools > a.collapse { 10288 background-image: url(../img/portlet-collapse-icon-white.png); 10289 } 10290 .portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen { 10291 color: #fdfdfd; 10292 } 10293 10294 .portlet.box.grey-salt { 10295 border: 1px solid #dde3e6; 10296 border-top: 0; 10297 } 10298 .portlet.box.grey-salt > .portlet-title { 10299 background-color: #bfcad1; 10300 } 10301 .portlet.box.grey-salt > .portlet-title > .caption { 10302 color: #FAFCFB; 10303 } 10304 .portlet.box.grey-salt > .portlet-title > .caption > i { 10305 color: #FAFCFB; 10306 } 10307 .portlet.box.grey-salt > .portlet-title > .actions .btn-default { 10308 background: transparent !important; 10309 background-color: transparent !important; 10310 border: 1px solid white; 10311 color: white; 10312 box-shadow: none; 10313 } 10314 .portlet.box.grey-salt > .portlet-title > .actions .btn-default > i { 10315 color: white; 10316 } 10317 .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default.active { 10318 border: 1px solid white; 10319 color: white; 10320 } 10321 10322 /* Statistic Block */ 10323 .dashboard-stat.grey-salt { 10324 background-color: #bfcad1; 10325 } 10326 .dashboard-stat.grey-salt.dashboard-stat-light:hover { 10327 background-color: #b3c0c8; 10328 } 10329 .dashboard-stat.grey-salt .visual > i { 10330 color: #FAFCFB; 10331 opacity: 0.1; 10332 filter: alpha(opacity=10); 10333 } 10334 .dashboard-stat.grey-salt .details .number { 10335 color: #FAFCFB; 10336 } 10337 .dashboard-stat.grey-salt .details .desc { 10338 color: #FAFCFB; 10339 opacity: 1; 10340 filter: alpha(opacity=100); 10341 } 10342 .dashboard-stat.grey-salt .more { 10343 color: #FAFCFB; 10344 background-color: #b3c0c8; 10345 } 10346 10347 /* General Element */ 10348 .bg-grey-salt { 10349 border-color: #bfcad1 !important; 10350 background-image: none !important; 10351 background-color: #bfcad1 !important; 10352 color: #FAFCFB !important; 10353 } 10354 10355 /* General Text & Icon Font Colors */ 10356 .font-grey-salt { 10357 color: #bfcad1 !important; 10358 } 10359 10360 .progress-bar.grey-salt { 10361 background: #bfcad1 !important; 10362 color: #FAFCFB !important; 10363 } 10364 10365 /*** 10366 Grey Mint 10367 ***/ 10368 /* Button */ 10369 .grey-mint.btn { 10370 color: #FAFCFB; 10371 background-color: #9eacb4; 10372 } 10373 .grey-mint.btn:hover, .grey-mint.btn:focus, .grey-mint.btn:active, .grey-mint.btn.active { 10374 color: #FAFCFB; 10375 background-color: #8a9ba4; 10376 } 10377 .open .grey-mint.btn.dropdown-toggle { 10378 color: #FAFCFB; 10379 background-color: #8a9ba4; 10380 } 10381 .grey-mint.btn:active, .grey-mint.btn.active { 10382 background-image: none; 10383 background-color: #7b8e99; 10384 } 10385 .grey-mint.btn:active:hover, .grey-mint.btn.active:hover { 10386 background-color: #81939e; 10387 } 10388 .open .grey-mint.btn.dropdown-toggle { 10389 background-image: none; 10390 } 10391 .grey-mint.btn.disabled, .grey-mint.btn.disabled:hover, .grey-mint.btn.disabled:focus, .grey-mint.btn.disabled:active, .grey-mint.btn.disabled.active, .grey-mint.btn[disabled], .grey-mint.btn[disabled]:hover, .grey-mint.btn[disabled]:focus, .grey-mint.btn[disabled]:active, .grey-mint.btn[disabled].active, fieldset[disabled] .grey-mint.btn, fieldset[disabled] .grey-mint.btn:hover, fieldset[disabled] .grey-mint.btn:focus, fieldset[disabled] .grey-mint.btn:active, fieldset[disabled] .grey-mint.btn.active { 10392 background-color: #9eacb4; 10393 } 10394 .grey-mint.btn .badge { 10395 color: #9eacb4; 10396 background-color: #FAFCFB; 10397 } 10398 10399 /* Button Strip */ 10400 .btn.grey-mint-stripe { 10401 border-left: 3px solid #9eacb4; 10402 } 10403 10404 /* Portlet */ 10405 .portlet > .portlet-body.grey-mint, 10406 .portlet.grey-mint { 10407 background-color: #9eacb4; 10408 } 10409 10410 .portlet.solid.grey-mint > .portlet-title, 10411 .portlet.solid.grey-mint > .portlet-body { 10412 border: 0; 10413 color: #FAFCFB; 10414 } 10415 .portlet.solid.grey-mint > .portlet-title > .caption { 10416 font-weight: 400; 10417 } 10418 .portlet.solid.grey-mint > .portlet-title > .caption > i { 10419 color: #FAFCFB; 10420 } 10421 .portlet.solid.grey-mint > .portlet-title > .tools > a.remove { 10422 background-image: url(../img/portlet-remove-icon-white.png); 10423 } 10424 .portlet.solid.grey-mint > .portlet-title > .tools > a.config { 10425 background-image: url(../img/portlet-config-icon-white.png); 10426 } 10427 .portlet.solid.grey-mint > .portlet-title > .tools > a.reload { 10428 background-image: url(../img/portlet-reload-icon-white.png); 10429 } 10430 .portlet.solid.grey-mint > .portlet-title > .tools > a.expand { 10431 background-image: url(../img/portlet-expand-icon-white.png); 10432 } 10433 .portlet.solid.grey-mint > .portlet-title > .tools > a.collapse { 10434 background-image: url(../img/portlet-collapse-icon-white.png); 10435 } 10436 .portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen { 10437 color: #fdfdfd; 10438 } 10439 10440 .portlet.box.grey-mint { 10441 border: 1px solid #bbc5ca; 10442 border-top: 0; 10443 } 10444 .portlet.box.grey-mint > .portlet-title { 10445 background-color: #9eacb4; 10446 } 10447 .portlet.box.grey-mint > .portlet-title > .caption { 10448 color: #FAFCFB; 10449 } 10450 .portlet.box.grey-mint > .portlet-title > .caption > i { 10451 color: #FAFCFB; 10452 } 10453 .portlet.box.grey-mint > .portlet-title > .actions .btn-default { 10454 background: transparent !important; 10455 background-color: transparent !important; 10456 border: 1px solid #dde2e5; 10457 color: #eceef0; 10458 box-shadow: none; 10459 } 10460 .portlet.box.grey-mint > .portlet-title > .actions .btn-default > i { 10461 color: #f4f6f7; 10462 } 10463 .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default.active { 10464 border: 1px solid #fafbfb; 10465 color: white; 10466 } 10467 10468 /* Statistic Block */ 10469 .dashboard-stat.grey-mint { 10470 background-color: #9eacb4; 10471 } 10472 .dashboard-stat.grey-mint.dashboard-stat-light:hover { 10473 background-color: #92a2ab; 10474 } 10475 .dashboard-stat.grey-mint .visual > i { 10476 color: #FAFCFB; 10477 opacity: 0.1; 10478 filter: alpha(opacity=10); 10479 } 10480 .dashboard-stat.grey-mint .details .number { 10481 color: #FAFCFB; 10482 } 10483 .dashboard-stat.grey-mint .details .desc { 10484 color: #FAFCFB; 10485 opacity: 1; 10486 filter: alpha(opacity=100); 10487 } 10488 .dashboard-stat.grey-mint .more { 10489 color: #FAFCFB; 10490 background-color: #92a2ab; 10491 } 10492 10493 /* General Element */ 10494 .bg-grey-mint { 10495 border-color: #9eacb4 !important; 10496 background-image: none !important; 10497 background-color: #9eacb4 !important; 10498 color: #FAFCFB !important; 10499 } 10500 10501 /* General Text & Icon Font Colors */ 10502 .font-grey-mint { 10503 color: #9eacb4 !important; 10504 } 10505 10506 .progress-bar.grey-mint { 10507 background: #9eacb4 !important; 10508 color: #FAFCFB !important; 10509 } 10510 10511 /*********** 10512 Red Colors 10513 ************/ 10514 /*** 10515 Red Default 10516 ***/ 10517 /* Button */ 10518 .red.btn { 10519 color: #FFFFFF; 10520 background-color: #cb5a5e; 10521 } 10522 .red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active { 10523 color: #FFFFFF; 10524 background-color: #c23f44; 10525 } 10526 .open .red.btn.dropdown-toggle { 10527 color: #FFFFFF; 10528 background-color: #c23f44; 10529 } 10530 .red.btn:active, .red.btn.active { 10531 background-image: none; 10532 background-color: #b0383c; 10533 } 10534 .red.btn:active:hover, .red.btn.active:hover { 10535 background-color: #b83a3e; 10536 } 10537 .open .red.btn.dropdown-toggle { 10538 background-image: none; 10539 } 10540 .red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active { 10541 background-color: #cb5a5e; 10542 } 10543 .red.btn .badge { 10544 color: #cb5a5e; 10545 background-color: #FFFFFF; 10546 } 10547 10548 /* Button Strip */ 10549 .btn.red-stripe { 10550 border-left: 3px solid #cb5a5e; 10551 } 10552 10553 /* Portlet */ 10554 .portlet > .portlet-body.red, 10555 .portlet.red { 10556 background-color: #cb5a5e; 10557 } 10558 10559 .portlet.solid.red > .portlet-title, 10560 .portlet.solid.red > .portlet-body { 10561 border: 0; 10562 color: #FFFFFF; 10563 } 10564 .portlet.solid.red > .portlet-title > .caption { 10565 font-weight: 400; 10566 } 10567 .portlet.solid.red > .portlet-title > .caption > i { 10568 color: #FFFFFF; 10569 } 10570 .portlet.solid.red > .portlet-title > .tools > a.remove { 10571 background-image: url(../img/portlet-remove-icon-white.png); 10572 } 10573 .portlet.solid.red > .portlet-title > .tools > a.config { 10574 background-image: url(../img/portlet-config-icon-white.png); 10575 } 10576 .portlet.solid.red > .portlet-title > .tools > a.reload { 10577 background-image: url(../img/portlet-reload-icon-white.png); 10578 } 10579 .portlet.solid.red > .portlet-title > .tools > a.expand { 10580 background-image: url(../img/portlet-expand-icon-white.png); 10581 } 10582 .portlet.solid.red > .portlet-title > .tools > a.collapse { 10583 background-image: url(../img/portlet-collapse-icon-white.png); 10584 } 10585 .portlet.solid.red > .portlet-title > .tools > a.fullscreen { 10586 color: #fdfdfd; 10587 } 10588 10589 .portlet.box.red { 10590 border: 1px solid #d78184; 10591 border-top: 0; 10592 } 10593 .portlet.box.red > .portlet-title { 10594 background-color: #cb5a5e; 10595 } 10596 .portlet.box.red > .portlet-title > .caption { 10597 color: #FFFFFF; 10598 } 10599 .portlet.box.red > .portlet-title > .caption > i { 10600 color: #FFFFFF; 10601 } 10602 .portlet.box.red > .portlet-title > .actions .btn-default { 10603 background: transparent !important; 10604 background-color: transparent !important; 10605 border: 1px solid #e6afb1; 10606 color: #ecc3c4; 10607 box-shadow: none; 10608 } 10609 .portlet.box.red > .portlet-title > .actions .btn-default > i { 10610 color: #f0ced0; 10611 } 10612 .portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default.active { 10613 border: 1px solid #f2d6d7; 10614 color: #f8e9ea; 10615 } 10616 10617 /* Statistic Block */ 10618 .dashboard-stat.red { 10619 background-color: #cb5a5e; 10620 } 10621 .dashboard-stat.red.dashboard-stat-light:hover { 10622 background-color: #c64a4f; 10623 } 10624 .dashboard-stat.red .visual > i { 10625 color: #FFFFFF; 10626 opacity: 0.1; 10627 filter: alpha(opacity=10); 10628 } 10629 .dashboard-stat.red .details .number { 10630 color: #FFFFFF; 10631 } 10632 .dashboard-stat.red .details .desc { 10633 color: #FFFFFF; 10634 opacity: 1; 10635 filter: alpha(opacity=100); 10636 } 10637 .dashboard-stat.red .more { 10638 color: #FFFFFF; 10639 background-color: #c64a4f; 10640 } 10641 10642 /* General Element */ 10643 .bg-red { 10644 border-color: #cb5a5e !important; 10645 background-image: none !important; 10646 background-color: #cb5a5e !important; 10647 color: #FFFFFF !important; 10648 } 10649 10650 /* General Text & Icon Font Colors */ 10651 .font-red { 10652 color: #cb5a5e !important; 10653 } 10654 10655 .progress-bar.red { 10656 background: #cb5a5e !important; 10657 color: #FFFFFF !important; 10658 } 10659 10660 /*** 10661 Red Pink 10662 ***/ 10663 /* Button */ 10664 .red-pink.btn { 10665 color: #FFFFFF; 10666 background-color: #E08283; 10667 } 10668 .red-pink.btn:hover, .red-pink.btn:focus, .red-pink.btn:active, .red-pink.btn.active { 10669 color: #FFFFFF; 10670 background-color: #d96567; 10671 } 10672 .open .red-pink.btn.dropdown-toggle { 10673 color: #FFFFFF; 10674 background-color: #d96567; 10675 } 10676 .red-pink.btn:active, .red-pink.btn.active { 10677 background-image: none; 10678 background-color: #d45152; 10679 } 10680 .red-pink.btn:active:hover, .red-pink.btn.active:hover { 10681 background-color: #d6595a; 10682 } 10683 .open .red-pink.btn.dropdown-toggle { 10684 background-image: none; 10685 } 10686 .red-pink.btn.disabled, .red-pink.btn.disabled:hover, .red-pink.btn.disabled:focus, .red-pink.btn.disabled:active, .red-pink.btn.disabled.active, .red-pink.btn[disabled], .red-pink.btn[disabled]:hover, .red-pink.btn[disabled]:focus, .red-pink.btn[disabled]:active, .red-pink.btn[disabled].active, fieldset[disabled] .red-pink.btn, fieldset[disabled] .red-pink.btn:hover, fieldset[disabled] .red-pink.btn:focus, fieldset[disabled] .red-pink.btn:active, fieldset[disabled] .red-pink.btn.active { 10687 background-color: #E08283; 10688 } 10689 .red-pink.btn .badge { 10690 color: #E08283; 10691 background-color: #FFFFFF; 10692 } 10693 10694 /* Button Strip */ 10695 .btn.red-pink-stripe { 10696 border-left: 3px solid #E08283; 10697 } 10698 10699 /* Portlet */ 10700 .portlet > .portlet-body.red-pink, 10701 .portlet.red-pink { 10702 background-color: #E08283; 10703 } 10704 10705 .portlet.solid.red-pink > .portlet-title, 10706 .portlet.solid.red-pink > .portlet-body { 10707 border: 0; 10708 color: #FFFFFF; 10709 } 10710 .portlet.solid.red-pink > .portlet-title > .caption { 10711 font-weight: 400; 10712 } 10713 .portlet.solid.red-pink > .portlet-title > .caption > i { 10714 color: #FFFFFF; 10715 } 10716 .portlet.solid.red-pink > .portlet-title > .tools > a.remove { 10717 background-image: url(../img/portlet-remove-icon-white.png); 10718 } 10719 .portlet.solid.red-pink > .portlet-title > .tools > a.config { 10720 background-image: url(../img/portlet-config-icon-white.png); 10721 } 10722 .portlet.solid.red-pink > .portlet-title > .tools > a.reload { 10723 background-image: url(../img/portlet-reload-icon-white.png); 10724 } 10725 .portlet.solid.red-pink > .portlet-title > .tools > a.expand { 10726 background-image: url(../img/portlet-expand-icon-white.png); 10727 } 10728 .portlet.solid.red-pink > .portlet-title > .tools > a.collapse { 10729 background-image: url(../img/portlet-collapse-icon-white.png); 10730 } 10731 .portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen { 10732 color: #fdfdfd; 10733 } 10734 10735 .portlet.box.red-pink { 10736 border: 1px solid #eaabac; 10737 border-top: 0; 10738 } 10739 .portlet.box.red-pink > .portlet-title { 10740 background-color: #E08283; 10741 } 10742 .portlet.box.red-pink > .portlet-title > .caption { 10743 color: #FFFFFF; 10744 } 10745 .portlet.box.red-pink > .portlet-title > .caption > i { 10746 color: #FFFFFF; 10747 } 10748 .portlet.box.red-pink > .portlet-title > .actions .btn-default { 10749 background: transparent !important; 10750 background-color: transparent !important; 10751 border: 1px solid #f6dcdc; 10752 color: #fbf0f0; 10753 box-shadow: none; 10754 } 10755 .portlet.box.red-pink > .portlet-title > .actions .btn-default > i { 10756 color: #fefdfd; 10757 } 10758 .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover, .portlet.box.red-pink > .portlet-title > .actions .btn-default:focus, .portlet.box.red-pink > .portlet-title > .actions .btn-default:active, .portlet.box.red-pink > .portlet-title > .actions .btn-default.active { 10759 border: 1px solid white; 10760 color: white; 10761 } 10762 10763 /* Statistic Block */ 10764 .dashboard-stat.red-pink { 10765 background-color: #E08283; 10766 } 10767 .dashboard-stat.red-pink.dashboard-stat-light:hover { 10768 background-color: #dc7273; 10769 } 10770 .dashboard-stat.red-pink .visual > i { 10771 color: #FFFFFF; 10772 opacity: 0.1; 10773 filter: alpha(opacity=10); 10774 } 10775 .dashboard-stat.red-pink .details .number { 10776 color: #FFFFFF; 10777 } 10778 .dashboard-stat.red-pink .details .desc { 10779 color: #FFFFFF; 10780 opacity: 1; 10781 filter: alpha(opacity=100); 10782 } 10783 .dashboard-stat.red-pink .more { 10784 color: #FFFFFF; 10785 background-color: #dc7273; 10786 } 10787 10788 /* General Element */ 10789 .bg-red-pink { 10790 border-color: #E08283 !important; 10791 background-image: none !important; 10792 background-color: #E08283 !important; 10793 color: #FFFFFF !important; 10794 } 10795 10796 /* General Text & Icon Font Colors */ 10797 .font-red-pink { 10798 color: #E08283 !important; 10799 } 10800 10801 .progress-bar.red-pink { 10802 background: #E08283 !important; 10803 color: #FFFFFF !important; 10804 } 10805 10806 /*** 10807 Red Sunglo 10808 ***/ 10809 /* Button */ 10810 .red-sunglo.btn { 10811 color: #FFFFFF; 10812 background-color: #E26A6A; 10813 } 10814 .red-sunglo.btn:hover, .red-sunglo.btn:focus, .red-sunglo.btn:active, .red-sunglo.btn.active { 10815 color: #FFFFFF; 10816 background-color: #dc4c4c; 10817 } 10818 .open .red-sunglo.btn.dropdown-toggle { 10819 color: #FFFFFF; 10820 background-color: #dc4c4c; 10821 } 10822 .red-sunglo.btn:active, .red-sunglo.btn.active { 10823 background-image: none; 10824 background-color: #d83737; 10825 } 10826 .red-sunglo.btn:active:hover, .red-sunglo.btn.active:hover { 10827 background-color: #da3f3f; 10828 } 10829 .open .red-sunglo.btn.dropdown-toggle { 10830 background-image: none; 10831 } 10832 .red-sunglo.btn.disabled, .red-sunglo.btn.disabled:hover, .red-sunglo.btn.disabled:focus, .red-sunglo.btn.disabled:active, .red-sunglo.btn.disabled.active, .red-sunglo.btn[disabled], .red-sunglo.btn[disabled]:hover, .red-sunglo.btn[disabled]:focus, .red-sunglo.btn[disabled]:active, .red-sunglo.btn[disabled].active, fieldset[disabled] .red-sunglo.btn, fieldset[disabled] .red-sunglo.btn:hover, fieldset[disabled] .red-sunglo.btn:focus, fieldset[disabled] .red-sunglo.btn:active, fieldset[disabled] .red-sunglo.btn.active { 10833 background-color: #E26A6A; 10834 } 10835 .red-sunglo.btn .badge { 10836 color: #E26A6A; 10837 background-color: #FFFFFF; 10838 } 10839 10840 /* Button Strip */ 10841 .btn.red-sunglo-stripe { 10842 border-left: 3px solid #E26A6A; 10843 } 10844 10845 /* Portlet */ 10846 .portlet > .portlet-body.red-sunglo, 10847 .portlet.red-sunglo { 10848 background-color: #E26A6A; 10849 } 10850 10851 .portlet.solid.red-sunglo > .portlet-title, 10852 .portlet.solid.red-sunglo > .portlet-body { 10853 border: 0; 10854 color: #FFFFFF; 10855 } 10856 .portlet.solid.red-sunglo > .portlet-title > .caption { 10857 font-weight: 400; 10858 } 10859 .portlet.solid.red-sunglo > .portlet-title > .caption > i { 10860 color: #FFFFFF; 10861 } 10862 .portlet.solid.red-sunglo > .portlet-title > .tools > a.remove { 10863 background-image: url(../img/portlet-remove-icon-white.png); 10864 } 10865 .portlet.solid.red-sunglo > .portlet-title > .tools > a.config { 10866 background-image: url(../img/portlet-config-icon-white.png); 10867 } 10868 .portlet.solid.red-sunglo > .portlet-title > .tools > a.reload { 10869 background-image: url(../img/portlet-reload-icon-white.png); 10870 } 10871 .portlet.solid.red-sunglo > .portlet-title > .tools > a.expand { 10872 background-image: url(../img/portlet-expand-icon-white.png); 10873 } 10874 .portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse { 10875 background-image: url(../img/portlet-collapse-icon-white.png); 10876 } 10877 .portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen { 10878 color: #fdfdfd; 10879 } 10880 10881 .portlet.box.red-sunglo { 10882 border: 1px solid #ea9595; 10883 border-top: 0; 10884 } 10885 .portlet.box.red-sunglo > .portlet-title { 10886 background-color: #E26A6A; 10887 } 10888 .portlet.box.red-sunglo > .portlet-title > .caption { 10889 color: #FFFFFF; 10890 } 10891 .portlet.box.red-sunglo > .portlet-title > .caption > i { 10892 color: #FFFFFF; 10893 } 10894 .portlet.box.red-sunglo > .portlet-title > .actions .btn-default { 10895 background: transparent !important; 10896 background-color: transparent !important; 10897 border: 1px solid #f4c8c8; 10898 color: #f8dddd; 10899 box-shadow: none; 10900 } 10901 .portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i { 10902 color: #fbeaea; 10903 } 10904 .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active { 10905 border: 1px solid #fdf3f3; 10906 color: white; 10907 } 10908 10909 /* Statistic Block */ 10910 .dashboard-stat.red-sunglo { 10911 background-color: #E26A6A; 10912 } 10913 .dashboard-stat.red-sunglo.dashboard-stat-light:hover { 10914 background-color: #df5959; 10915 } 10916 .dashboard-stat.red-sunglo .visual > i { 10917 color: #FFFFFF; 10918 opacity: 0.1; 10919 filter: alpha(opacity=10); 10920 } 10921 .dashboard-stat.red-sunglo .details .number { 10922 color: #FFFFFF; 10923 } 10924 .dashboard-stat.red-sunglo .details .desc { 10925 color: #FFFFFF; 10926 opacity: 1; 10927 filter: alpha(opacity=100); 10928 } 10929 .dashboard-stat.red-sunglo .more { 10930 color: #FFFFFF; 10931 background-color: #df5959; 10932 } 10933 10934 /* General Element */ 10935 .bg-red-sunglo { 10936 border-color: #E26A6A !important; 10937 background-image: none !important; 10938 background-color: #E26A6A !important; 10939 color: #FFFFFF !important; 10940 } 10941 10942 /* General Text & Icon Font Colors */ 10943 .font-red-sunglo { 10944 color: #E26A6A !important; 10945 } 10946 10947 .progress-bar.red-sunglo { 10948 background: #E26A6A !important; 10949 color: #FFFFFF !important; 10950 } 10951 10952 /*** 10953 Red Intense 10954 ***/ 10955 /* Button */ 10956 .red-intense.btn { 10957 color: #FFFFFF; 10958 background-color: #e35b5a; 10959 } 10960 .red-intense.btn:hover, .red-intense.btn:focus, .red-intense.btn:active, .red-intense.btn.active { 10961 color: #FFFFFF; 10962 background-color: #de3d3b; 10963 } 10964 .open .red-intense.btn.dropdown-toggle { 10965 color: #FFFFFF; 10966 background-color: #de3d3b; 10967 } 10968 .red-intense.btn:active, .red-intense.btn.active { 10969 background-image: none; 10970 background-color: #da2726; 10971 } 10972 .red-intense.btn:active:hover, .red-intense.btn.active:hover { 10973 background-color: #dc302e; 10974 } 10975 .open .red-intense.btn.dropdown-toggle { 10976 background-image: none; 10977 } 10978 .red-intense.btn.disabled, .red-intense.btn.disabled:hover, .red-intense.btn.disabled:focus, .red-intense.btn.disabled:active, .red-intense.btn.disabled.active, .red-intense.btn[disabled], .red-intense.btn[disabled]:hover, .red-intense.btn[disabled]:focus, .red-intense.btn[disabled]:active, .red-intense.btn[disabled].active, fieldset[disabled] .red-intense.btn, fieldset[disabled] .red-intense.btn:hover, fieldset[disabled] .red-intense.btn:focus, fieldset[disabled] .red-intense.btn:active, fieldset[disabled] .red-intense.btn.active { 10979 background-color: #e35b5a; 10980 } 10981 .red-intense.btn .badge { 10982 color: #e35b5a; 10983 background-color: #FFFFFF; 10984 } 10985 10986 /* Button Strip */ 10987 .btn.red-intense-stripe { 10988 border-left: 3px solid #e35b5a; 10989 } 10990 10991 /* Portlet */ 10992 .portlet > .portlet-body.red-intense, 10993 .portlet.red-intense { 10994 background-color: #e35b5a; 10995 } 10996 10997 .portlet.solid.red-intense > .portlet-title, 10998 .portlet.solid.red-intense > .portlet-body { 10999 border: 0; 11000 color: #FFFFFF; 11001 } 11002 .portlet.solid.red-intense > .portlet-title > .caption { 11003 font-weight: 400; 11004 } 11005 .portlet.solid.red-intense > .portlet-title > .caption > i { 11006 color: #FFFFFF; 11007 } 11008 .portlet.solid.red-intense > .portlet-title > .tools > a.remove { 11009 background-image: url(../img/portlet-remove-icon-white.png); 11010 } 11011 .portlet.solid.red-intense > .portlet-title > .tools > a.config { 11012 background-image: url(../img/portlet-config-icon-white.png); 11013 } 11014 .portlet.solid.red-intense > .portlet-title > .tools > a.reload { 11015 background-image: url(../img/portlet-reload-icon-white.png); 11016 } 11017 .portlet.solid.red-intense > .portlet-title > .tools > a.expand { 11018 background-image: url(../img/portlet-expand-icon-white.png); 11019 } 11020 .portlet.solid.red-intense > .portlet-title > .tools > a.collapse { 11021 background-image: url(../img/portlet-collapse-icon-white.png); 11022 } 11023 .portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen { 11024 color: #fdfdfd; 11025 } 11026 11027 .portlet.box.red-intense { 11028 border: 1px solid #ea8686; 11029 border-top: 0; 11030 } 11031 .portlet.box.red-intense > .portlet-title { 11032 background-color: #e35b5a; 11033 } 11034 .portlet.box.red-intense > .portlet-title > .caption { 11035 color: #FFFFFF; 11036 } 11037 .portlet.box.red-intense > .portlet-title > .caption > i { 11038 color: #FFFFFF; 11039 } 11040 .portlet.box.red-intense > .portlet-title > .actions .btn-default { 11041 background: transparent !important; 11042 background-color: transparent !important; 11043 border: 1px solid #f3baba; 11044 color: #f7d0d0; 11045 box-shadow: none; 11046 } 11047 .portlet.box.red-intense > .portlet-title > .actions .btn-default > i { 11048 color: #f9dddd; 11049 } 11050 .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.red-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.red-intense > .portlet-title > .actions .btn-default:active, .portlet.box.red-intense > .portlet-title > .actions .btn-default.active { 11051 border: 1px solid #fbe6e6; 11052 color: #fefbfb; 11053 } 11054 11055 /* Statistic Block */ 11056 .dashboard-stat.red-intense { 11057 background-color: #e35b5a; 11058 } 11059 .dashboard-stat.red-intense.dashboard-stat-light:hover { 11060 background-color: #e04a49; 11061 } 11062 .dashboard-stat.red-intense .visual > i { 11063 color: #FFFFFF; 11064 opacity: 0.1; 11065 filter: alpha(opacity=10); 11066 } 11067 .dashboard-stat.red-intense .details .number { 11068 color: #FFFFFF; 11069 } 11070 .dashboard-stat.red-intense .details .desc { 11071 color: #FFFFFF; 11072 opacity: 1; 11073 filter: alpha(opacity=100); 11074 } 11075 .dashboard-stat.red-intense .more { 11076 color: #FFFFFF; 11077 background-color: #e04a49; 11078 } 11079 11080 /* General Element */ 11081 .bg-red-intense { 11082 border-color: #e35b5a !important; 11083 background-image: none !important; 11084 background-color: #e35b5a !important; 11085 color: #FFFFFF !important; 11086 } 11087 11088 /* General Text & Icon Font Colors */ 11089 .font-red-intense { 11090 color: #e35b5a !important; 11091 } 11092 11093 .progress-bar.red-intense { 11094 background: #e35b5a !important; 11095 color: #FFFFFF !important; 11096 } 11097 11098 /*** 11099 Red Thunderbird 11100 ***/ 11101 /* Button */ 11102 .red-thunderbird.btn { 11103 color: #FFFFFF; 11104 background-color: #D91E18; 11105 } 11106 .red-thunderbird.btn:hover, .red-thunderbird.btn:focus, .red-thunderbird.btn:active, .red-thunderbird.btn.active { 11107 color: #FFFFFF; 11108 background-color: #b91a14; 11109 } 11110 .open .red-thunderbird.btn.dropdown-toggle { 11111 color: #FFFFFF; 11112 background-color: #b91a14; 11113 } 11114 .red-thunderbird.btn:active, .red-thunderbird.btn.active { 11115 background-image: none; 11116 background-color: #a21612; 11117 } 11118 .red-thunderbird.btn:active:hover, .red-thunderbird.btn.active:hover { 11119 background-color: #ab1813; 11120 } 11121 .open .red-thunderbird.btn.dropdown-toggle { 11122 background-image: none; 11123 } 11124 .red-thunderbird.btn.disabled, .red-thunderbird.btn.disabled:hover, .red-thunderbird.btn.disabled:focus, .red-thunderbird.btn.disabled:active, .red-thunderbird.btn.disabled.active, .red-thunderbird.btn[disabled], .red-thunderbird.btn[disabled]:hover, .red-thunderbird.btn[disabled]:focus, .red-thunderbird.btn[disabled]:active, .red-thunderbird.btn[disabled].active, fieldset[disabled] .red-thunderbird.btn, fieldset[disabled] .red-thunderbird.btn:hover, fieldset[disabled] .red-thunderbird.btn:focus, fieldset[disabled] .red-thunderbird.btn:active, fieldset[disabled] .red-thunderbird.btn.active { 11125 background-color: #D91E18; 11126 } 11127 .red-thunderbird.btn .badge { 11128 color: #D91E18; 11129 background-color: #FFFFFF; 11130 } 11131 11132 /* Button Strip */ 11133 .btn.red-thunderbird-stripe { 11134 border-left: 3px solid #D91E18; 11135 } 11136 11137 /* Portlet */ 11138 .portlet > .portlet-body.red-thunderbird, 11139 .portlet.red-thunderbird { 11140 background-color: #D91E18; 11141 } 11142 11143 .portlet.solid.red-thunderbird > .portlet-title, 11144 .portlet.solid.red-thunderbird > .portlet-body { 11145 border: 0; 11146 color: #FFFFFF; 11147 } 11148 .portlet.solid.red-thunderbird > .portlet-title > .caption { 11149 font-weight: 400; 11150 } 11151 .portlet.solid.red-thunderbird > .portlet-title > .caption > i { 11152 color: #FFFFFF; 11153 } 11154 .portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove { 11155 background-image: url(../img/portlet-remove-icon-white.png); 11156 } 11157 .portlet.solid.red-thunderbird > .portlet-title > .tools > a.config { 11158 background-image: url(../img/portlet-config-icon-white.png); 11159 } 11160 .portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload { 11161 background-image: url(../img/portlet-reload-icon-white.png); 11162 } 11163 .portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand { 11164 background-image: url(../img/portlet-expand-icon-white.png); 11165 } 11166 .portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse { 11167 background-image: url(../img/portlet-collapse-icon-white.png); 11168 } 11169 .portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen { 11170 color: #fdfdfd; 11171 } 11172 11173 .portlet.box.red-thunderbird { 11174 border: 1px solid #e9403b; 11175 border-top: 0; 11176 } 11177 .portlet.box.red-thunderbird > .portlet-title { 11178 background-color: #D91E18; 11179 } 11180 .portlet.box.red-thunderbird > .portlet-title > .caption { 11181 color: #FFFFFF; 11182 } 11183 .portlet.box.red-thunderbird > .portlet-title > .caption > i { 11184 color: #FFFFFF; 11185 } 11186 .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default { 11187 background: transparent !important; 11188 background-color: transparent !important; 11189 border: 1px solid #ef7672; 11190 color: #f28c89; 11191 box-shadow: none; 11192 } 11193 .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > i { 11194 color: #f39997; 11195 } 11196 .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:focus, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default.active { 11197 border: 1px solid #f4a2a0; 11198 color: #f7b9b7; 11199 } 11200 11201 /* Statistic Block */ 11202 .dashboard-stat.red-thunderbird { 11203 background-color: #D91E18; 11204 } 11205 .dashboard-stat.red-thunderbird.dashboard-stat-light:hover { 11206 background-color: #c71b16; 11207 } 11208 .dashboard-stat.red-thunderbird .visual > i { 11209 color: #FFFFFF; 11210 opacity: 0.1; 11211 filter: alpha(opacity=10); 11212 } 11213 .dashboard-stat.red-thunderbird .details .number { 11214 color: #FFFFFF; 11215 } 11216 .dashboard-stat.red-thunderbird .details .desc { 11217 color: #FFFFFF; 11218 opacity: 1; 11219 filter: alpha(opacity=100); 11220 } 11221 .dashboard-stat.red-thunderbird .more { 11222 color: #FFFFFF; 11223 background-color: #c71b16; 11224 } 11225 11226 /* General Element */ 11227 .bg-red-thunderbird { 11228 border-color: #D91E18 !important; 11229 background-image: none !important; 11230 background-color: #D91E18 !important; 11231 color: #FFFFFF !important; 11232 } 11233 11234 /* General Text & Icon Font Colors */ 11235 .font-red-thunderbird { 11236 color: #D91E18 !important; 11237 } 11238 11239 .progress-bar.red-thunderbird { 11240 background: #D91E18 !important; 11241 color: #FFFFFF !important; 11242 } 11243 11244 /*** 11245 Red Flamingo 11246 ***/ 11247 /* Button */ 11248 .red-flamingo.btn { 11249 color: #FFFFFF; 11250 background-color: #EF4836; 11251 } 11252 .red-flamingo.btn:hover, .red-flamingo.btn:focus, .red-flamingo.btn:active, .red-flamingo.btn.active { 11253 color: #FFFFFF; 11254 background-color: #ec2a15; 11255 } 11256 .open .red-flamingo.btn.dropdown-toggle { 11257 color: #FFFFFF; 11258 background-color: #ec2a15; 11259 } 11260 .red-flamingo.btn:active, .red-flamingo.btn.active { 11261 background-image: none; 11262 background-color: #d72411; 11263 } 11264 .red-flamingo.btn:active:hover, .red-flamingo.btn.active:hover { 11265 background-color: #e02612; 11266 } 11267 .open .red-flamingo.btn.dropdown-toggle { 11268 background-image: none; 11269 } 11270 .red-flamingo.btn.disabled, .red-flamingo.btn.disabled:hover, .red-flamingo.btn.disabled:focus, .red-flamingo.btn.disabled:active, .red-flamingo.btn.disabled.active, .red-flamingo.btn[disabled], .red-flamingo.btn[disabled]:hover, .red-flamingo.btn[disabled]:focus, .red-flamingo.btn[disabled]:active, .red-flamingo.btn[disabled].active, fieldset[disabled] .red-flamingo.btn, fieldset[disabled] .red-flamingo.btn:hover, fieldset[disabled] .red-flamingo.btn:focus, fieldset[disabled] .red-flamingo.btn:active, fieldset[disabled] .red-flamingo.btn.active { 11271 background-color: #EF4836; 11272 } 11273 .red-flamingo.btn .badge { 11274 color: #EF4836; 11275 background-color: #FFFFFF; 11276 } 11277 11278 /* Button Strip */ 11279 .btn.red-flamingo-stripe { 11280 border-left: 3px solid #EF4836; 11281 } 11282 11283 /* Portlet */ 11284 .portlet > .portlet-body.red-flamingo, 11285 .portlet.red-flamingo { 11286 background-color: #EF4836; 11287 } 11288 11289 .portlet.solid.red-flamingo > .portlet-title, 11290 .portlet.solid.red-flamingo > .portlet-body { 11291 border: 0; 11292 color: #FFFFFF; 11293 } 11294 .portlet.solid.red-flamingo > .portlet-title > .caption { 11295 font-weight: 400; 11296 } 11297 .portlet.solid.red-flamingo > .portlet-title > .caption > i { 11298 color: #FFFFFF; 11299 } 11300 .portlet.solid.red-flamingo > .portlet-title > .tools > a.remove { 11301 background-image: url(../img/portlet-remove-icon-white.png); 11302 } 11303 .portlet.solid.red-flamingo > .portlet-title > .tools > a.config { 11304 background-image: url(../img/portlet-config-icon-white.png); 11305 } 11306 .portlet.solid.red-flamingo > .portlet-title > .tools > a.reload { 11307 background-image: url(../img/portlet-reload-icon-white.png); 11308 } 11309 .portlet.solid.red-flamingo > .portlet-title > .tools > a.expand { 11310 background-image: url(../img/portlet-expand-icon-white.png); 11311 } 11312 .portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse { 11313 background-image: url(../img/portlet-collapse-icon-white.png); 11314 } 11315 .portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen { 11316 color: #fdfdfd; 11317 } 11318 11319 .portlet.box.red-flamingo { 11320 border: 1px solid #f37365; 11321 border-top: 0; 11322 } 11323 .portlet.box.red-flamingo > .portlet-title { 11324 background-color: #EF4836; 11325 } 11326 .portlet.box.red-flamingo > .portlet-title > .caption { 11327 color: #FFFFFF; 11328 } 11329 .portlet.box.red-flamingo > .portlet-title > .caption > i { 11330 color: #FFFFFF; 11331 } 11332 .portlet.box.red-flamingo > .portlet-title > .actions .btn-default { 11333 background: transparent !important; 11334 background-color: transparent !important; 11335 border: 1px solid #f7a79e; 11336 color: #f9bcb6; 11337 box-shadow: none; 11338 } 11339 .portlet.box.red-flamingo > .portlet-title > .actions .btn-default > i { 11340 color: #fac9c4; 11341 } 11342 .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default.active { 11343 border: 1px solid #fbd2cd; 11344 color: #fde7e5; 11345 } 11346 11347 /* Statistic Block */ 11348 .dashboard-stat.red-flamingo { 11349 background-color: #EF4836; 11350 } 11351 .dashboard-stat.red-flamingo.dashboard-stat-light:hover { 11352 background-color: #ed3723; 11353 } 11354 .dashboard-stat.red-flamingo .visual > i { 11355 color: #FFFFFF; 11356 opacity: 0.1; 11357 filter: alpha(opacity=10); 11358 } 11359 .dashboard-stat.red-flamingo .details .number { 11360 color: #FFFFFF; 11361 } 11362 .dashboard-stat.red-flamingo .details .desc { 11363 color: #FFFFFF; 11364 opacity: 1; 11365 filter: alpha(opacity=100); 11366 } 11367 .dashboard-stat.red-flamingo .more { 11368 color: #FFFFFF; 11369 background-color: #ed3723; 11370 } 11371 11372 /* General Element */ 11373 .bg-red-flamingo { 11374 border-color: #EF4836 !important; 11375 background-image: none !important; 11376 background-color: #EF4836 !important; 11377 color: #FFFFFF !important; 11378 } 11379 11380 /* General Text & Icon Font Colors */ 11381 .font-red-flamingo { 11382 color: #EF4836 !important; 11383 } 11384 11385 .progress-bar.red-flamingo { 11386 background: #EF4836 !important; 11387 color: #FFFFFF !important; 11388 } 11389 11390 /*** 11391 Red Flamingo 11392 ***/ 11393 /* Button */ 11394 .red-soft.btn { 11395 color: #FFFFFF; 11396 background-color: #d05454; 11397 } 11398 .red-soft.btn:hover, .red-soft.btn:focus, .red-soft.btn:active, .red-soft.btn.active { 11399 color: #FFFFFF; 11400 background-color: #c83838; 11401 } 11402 .open .red-soft.btn.dropdown-toggle { 11403 color: #FFFFFF; 11404 background-color: #c83838; 11405 } 11406 .red-soft.btn:active, .red-soft.btn.active { 11407 background-image: none; 11408 background-color: #b53232; 11409 } 11410 .red-soft.btn:active:hover, .red-soft.btn.active:hover { 11411 background-color: #bd3434; 11412 } 11413 .open .red-soft.btn.dropdown-toggle { 11414 background-image: none; 11415 } 11416 .red-soft.btn.disabled, .red-soft.btn.disabled:hover, .red-soft.btn.disabled:focus, .red-soft.btn.disabled:active, .red-soft.btn.disabled.active, .red-soft.btn[disabled], .red-soft.btn[disabled]:hover, .red-soft.btn[disabled]:focus, .red-soft.btn[disabled]:active, .red-soft.btn[disabled].active, fieldset[disabled] .red-soft.btn, fieldset[disabled] .red-soft.btn:hover, fieldset[disabled] .red-soft.btn:focus, fieldset[disabled] .red-soft.btn:active, fieldset[disabled] .red-soft.btn.active { 11417 background-color: #d05454; 11418 } 11419 .red-soft.btn .badge { 11420 color: #d05454; 11421 background-color: #FFFFFF; 11422 } 11423 11424 /* Button Strip */ 11425 .btn.red-soft-stripe { 11426 border-left: 3px solid #d05454; 11427 } 11428 11429 /* Portlet */ 11430 .portlet > .portlet-body.red-soft, 11431 .portlet.red-soft { 11432 background-color: #d05454; 11433 } 11434 11435 .portlet.solid.red-soft > .portlet-title, 11436 .portlet.solid.red-soft > .portlet-body { 11437 border: 0; 11438 color: #FFFFFF; 11439 } 11440 .portlet.solid.red-soft > .portlet-title > .caption { 11441 font-weight: 400; 11442 } 11443 .portlet.solid.red-soft > .portlet-title > .caption > i { 11444 color: #FFFFFF; 11445 } 11446 .portlet.solid.red-soft > .portlet-title > .tools > a.remove { 11447 background-image: url(../img/portlet-remove-icon-white.png); 11448 } 11449 .portlet.solid.red-soft > .portlet-title > .tools > a.config { 11450 background-image: url(../img/portlet-config-icon-white.png); 11451 } 11452 .portlet.solid.red-soft > .portlet-title > .tools > a.reload { 11453 background-image: url(../img/portlet-reload-icon-white.png); 11454 } 11455 .portlet.solid.red-soft > .portlet-title > .tools > a.expand { 11456 background-image: url(../img/portlet-expand-icon-white.png); 11457 } 11458 .portlet.solid.red-soft > .portlet-title > .tools > a.collapse { 11459 background-image: url(../img/portlet-collapse-icon-white.png); 11460 } 11461 .portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen { 11462 color: #fdfdfd; 11463 } 11464 11465 .portlet.box.red-soft { 11466 border: 1px solid #db7c7c; 11467 border-top: 0; 11468 } 11469 .portlet.box.red-soft > .portlet-title { 11470 background-color: #d05454; 11471 } 11472 .portlet.box.red-soft > .portlet-title > .caption { 11473 color: #FFFFFF; 11474 } 11475 .portlet.box.red-soft > .portlet-title > .caption > i { 11476 color: #FFFFFF; 11477 } 11478 .portlet.box.red-soft > .portlet-title > .actions .btn-default { 11479 background: transparent !important; 11480 background-color: transparent !important; 11481 border: 1px solid #e8acac; 11482 color: #eec0c0; 11483 box-shadow: none; 11484 } 11485 .portlet.box.red-soft > .portlet-title > .actions .btn-default > i { 11486 color: #f1cccc; 11487 } 11488 .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.red-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.red-soft > .portlet-title > .actions .btn-default:active, .portlet.box.red-soft > .portlet-title > .actions .btn-default.active { 11489 border: 1px solid #f3d4d4; 11490 color: #f9e8e8; 11491 } 11492 11493 /* Statistic Block */ 11494 .dashboard-stat.red-soft { 11495 background-color: #d05454; 11496 } 11497 .dashboard-stat.red-soft.dashboard-stat-light:hover { 11498 background-color: #cc4444; 11499 } 11500 .dashboard-stat.red-soft .visual > i { 11501 color: #FFFFFF; 11502 opacity: 0.1; 11503 filter: alpha(opacity=10); 11504 } 11505 .dashboard-stat.red-soft .details .number { 11506 color: #FFFFFF; 11507 } 11508 .dashboard-stat.red-soft .details .desc { 11509 color: #FFFFFF; 11510 opacity: 1; 11511 filter: alpha(opacity=100); 11512 } 11513 .dashboard-stat.red-soft .more { 11514 color: #FFFFFF; 11515 background-color: #cc4444; 11516 } 11517 11518 /* General Element */ 11519 .bg-red-soft { 11520 border-color: #d05454 !important; 11521 background-image: none !important; 11522 background-color: #d05454 !important; 11523 color: #FFFFFF !important; 11524 } 11525 11526 /* General Text & Icon Font Colors */ 11527 .font-red-soft { 11528 color: #d05454 !important; 11529 } 11530 11531 .progress-bar.red-soft { 11532 background: #d05454 !important; 11533 color: #FFFFFF !important; 11534 } 11535 11536 /*** 11537 Red Haze 11538 ***/ 11539 /* Button */ 11540 .red-haze.btn { 11541 color: #FFFFFF; 11542 background-color: #f36a5a; 11543 } 11544 .red-haze.btn:hover, .red-haze.btn:focus, .red-haze.btn:active, .red-haze.btn.active { 11545 color: #FFFFFF; 11546 background-color: #f14c39; 11547 } 11548 .open .red-haze.btn.dropdown-toggle { 11549 color: #FFFFFF; 11550 background-color: #f14c39; 11551 } 11552 .red-haze.btn:active, .red-haze.btn.active { 11553 background-image: none; 11554 background-color: #ef3621; 11555 } 11556 .red-haze.btn:active:hover, .red-haze.btn.active:hover { 11557 background-color: #f03f2a; 11558 } 11559 .open .red-haze.btn.dropdown-toggle { 11560 background-image: none; 11561 } 11562 .red-haze.btn.disabled, .red-haze.btn.disabled:hover, .red-haze.btn.disabled:focus, .red-haze.btn.disabled:active, .red-haze.btn.disabled.active, .red-haze.btn[disabled], .red-haze.btn[disabled]:hover, .red-haze.btn[disabled]:focus, .red-haze.btn[disabled]:active, .red-haze.btn[disabled].active, fieldset[disabled] .red-haze.btn, fieldset[disabled] .red-haze.btn:hover, fieldset[disabled] .red-haze.btn:focus, fieldset[disabled] .red-haze.btn:active, fieldset[disabled] .red-haze.btn.active { 11563 background-color: #f36a5a; 11564 } 11565 .red-haze.btn .badge { 11566 color: #f36a5a; 11567 background-color: #FFFFFF; 11568 } 11569 11570 /* Button Strip */ 11571 .btn.red-haze-stripe { 11572 border-left: 3px solid #f36a5a; 11573 } 11574 11575 /* Portlet */ 11576 .portlet > .portlet-body.red-haze, 11577 .portlet.red-haze { 11578 background-color: #f36a5a; 11579 } 11580 11581 .portlet.solid.red-haze > .portlet-title, 11582 .portlet.solid.red-haze > .portlet-body { 11583 border: 0; 11584 color: #FFFFFF; 11585 } 11586 .portlet.solid.red-haze > .portlet-title > .caption { 11587 font-weight: 400; 11588 } 11589 .portlet.solid.red-haze > .portlet-title > .caption > i { 11590 color: #FFFFFF; 11591 } 11592 .portlet.solid.red-haze > .portlet-title > .tools > a.remove { 11593 background-image: url(../img/portlet-remove-icon-white.png); 11594 } 11595 .portlet.solid.red-haze > .portlet-title > .tools > a.config { 11596 background-image: url(../img/portlet-config-icon-white.png); 11597 } 11598 .portlet.solid.red-haze > .portlet-title > .tools > a.reload { 11599 background-image: url(../img/portlet-reload-icon-white.png); 11600 } 11601 .portlet.solid.red-haze > .portlet-title > .tools > a.expand { 11602 background-image: url(../img/portlet-expand-icon-white.png); 11603 } 11604 .portlet.solid.red-haze > .portlet-title > .tools > a.collapse { 11605 background-image: url(../img/portlet-collapse-icon-white.png); 11606 } 11607 .portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen { 11608 color: #fdfdfd; 11609 } 11610 11611 .portlet.box.red-haze { 11612 border: 1px solid #f6958a; 11613 border-top: 0; 11614 } 11615 .portlet.box.red-haze > .portlet-title { 11616 background-color: #f36a5a; 11617 } 11618 .portlet.box.red-haze > .portlet-title > .caption { 11619 color: #FFFFFF; 11620 } 11621 .portlet.box.red-haze > .portlet-title > .caption > i { 11622 color: #FFFFFF; 11623 } 11624 .portlet.box.red-haze > .portlet-title > .actions .btn-default { 11625 background: transparent !important; 11626 background-color: transparent !important; 11627 border: 1px solid #fbc8c3; 11628 color: #fcdeda; 11629 box-shadow: none; 11630 } 11631 .portlet.box.red-haze > .portlet-title > .actions .btn-default > i { 11632 color: #fdebe9; 11633 } 11634 .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.red-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.red-haze > .portlet-title > .actions .btn-default:active, .portlet.box.red-haze > .portlet-title > .actions .btn-default.active { 11635 border: 1px solid #fef3f2; 11636 color: white; 11637 } 11638 11639 /* Statistic Block */ 11640 .dashboard-stat.red-haze { 11641 background-color: #f36a5a; 11642 } 11643 .dashboard-stat.red-haze.dashboard-stat-light:hover { 11644 background-color: #f25947; 11645 } 11646 .dashboard-stat.red-haze .visual > i { 11647 color: #FFFFFF; 11648 opacity: 0.1; 11649 filter: alpha(opacity=10); 11650 } 11651 .dashboard-stat.red-haze .details .number { 11652 color: #FFFFFF; 11653 } 11654 .dashboard-stat.red-haze .details .desc { 11655 color: #FFFFFF; 11656 opacity: 1; 11657 filter: alpha(opacity=100); 11658 } 11659 .dashboard-stat.red-haze .more { 11660 color: #FFFFFF; 11661 background-color: #f25947; 11662 } 11663 11664 /* General Element */ 11665 .bg-red-haze { 11666 border-color: #f36a5a !important; 11667 background-image: none !important; 11668 background-color: #f36a5a !important; 11669 color: #FFFFFF !important; 11670 } 11671 11672 /* General Text & Icon Font Colors */ 11673 .font-red-haze { 11674 color: #f36a5a !important; 11675 } 11676 11677 .progress-bar.red-haze { 11678 background: #f36a5a !important; 11679 color: #FFFFFF !important; 11680 } 11681 11682 /*********** 11683 Yellow Colors 11684 ************/ 11685 /*** 11686 Yellow Default 11687 ***/ 11688 /* Button */ 11689 .yellow.btn { 11690 color: #FFFFFF; 11691 background-color: #c49f47; 11692 } 11693 .yellow.btn:hover, .yellow.btn:focus, .yellow.btn:active, .yellow.btn.active { 11694 color: #FFFFFF; 11695 background-color: #af8c38; 11696 } 11697 .open .yellow.btn.dropdown-toggle { 11698 color: #FFFFFF; 11699 background-color: #af8c38; 11700 } 11701 .yellow.btn:active, .yellow.btn.active { 11702 background-image: none; 11703 background-color: #9c7c32; 11704 } 11705 .yellow.btn:active:hover, .yellow.btn.active:hover { 11706 background-color: #a48334; 11707 } 11708 .open .yellow.btn.dropdown-toggle { 11709 background-image: none; 11710 } 11711 .yellow.btn.disabled, .yellow.btn.disabled:hover, .yellow.btn.disabled:focus, .yellow.btn.disabled:active, .yellow.btn.disabled.active, .yellow.btn[disabled], .yellow.btn[disabled]:hover, .yellow.btn[disabled]:focus, .yellow.btn[disabled]:active, .yellow.btn[disabled].active, fieldset[disabled] .yellow.btn, fieldset[disabled] .yellow.btn:hover, fieldset[disabled] .yellow.btn:focus, fieldset[disabled] .yellow.btn:active, fieldset[disabled] .yellow.btn.active { 11712 background-color: #c49f47; 11713 } 11714 .yellow.btn .badge { 11715 color: #c49f47; 11716 background-color: #FFFFFF; 11717 } 11718 11719 /* Button Strip */ 11720 .btn.yellow-stripe { 11721 border-left: 3px solid #c49f47; 11722 } 11723 11724 /* Portlet */ 11725 .portlet > .portlet-body.yellow, 11726 .portlet.yellow { 11727 background-color: #c49f47; 11728 } 11729 11730 .portlet.solid.yellow > .portlet-title, 11731 .portlet.solid.yellow > .portlet-body { 11732 border: 0; 11733 color: #FFFFFF; 11734 } 11735 .portlet.solid.yellow > .portlet-title > .caption { 11736 font-weight: 400; 11737 } 11738 .portlet.solid.yellow > .portlet-title > .caption > i { 11739 color: #FFFFFF; 11740 } 11741 .portlet.solid.yellow > .portlet-title > .tools > a.remove { 11742 background-image: url(../img/portlet-remove-icon-white.png); 11743 } 11744 .portlet.solid.yellow > .portlet-title > .tools > a.config { 11745 background-image: url(../img/portlet-config-icon-white.png); 11746 } 11747 .portlet.solid.yellow > .portlet-title > .tools > a.reload { 11748 background-image: url(../img/portlet-reload-icon-white.png); 11749 } 11750 .portlet.solid.yellow > .portlet-title > .tools > a.expand { 11751 background-image: url(../img/portlet-expand-icon-white.png); 11752 } 11753 .portlet.solid.yellow > .portlet-title > .tools > a.collapse { 11754 background-image: url(../img/portlet-collapse-icon-white.png); 11755 } 11756 .portlet.solid.yellow > .portlet-title > .tools > a.fullscreen { 11757 color: #fdfdfd; 11758 } 11759 11760 .portlet.box.yellow { 11761 border: 1px solid #d0b36e; 11762 border-top: 0; 11763 } 11764 .portlet.box.yellow > .portlet-title { 11765 background-color: #c49f47; 11766 } 11767 .portlet.box.yellow > .portlet-title > .caption { 11768 color: #FFFFFF; 11769 } 11770 .portlet.box.yellow > .portlet-title > .caption > i { 11771 color: #FFFFFF; 11772 } 11773 .portlet.box.yellow > .portlet-title > .actions .btn-default { 11774 background: transparent !important; 11775 background-color: transparent !important; 11776 border: 1px solid #dfcb9c; 11777 color: #e5d5af; 11778 box-shadow: none; 11779 } 11780 .portlet.box.yellow > .portlet-title > .actions .btn-default > i { 11781 color: #e9dbbb; 11782 } 11783 .portlet.box.yellow > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow > .portlet-title > .actions .btn-default:active, .portlet.box.yellow > .portlet-title > .actions .btn-default.active { 11784 border: 1px solid #ecdfc3; 11785 color: #f2ead6; 11786 } 11787 11788 /* Statistic Block */ 11789 .dashboard-stat.yellow { 11790 background-color: #c49f47; 11791 } 11792 .dashboard-stat.yellow.dashboard-stat-light:hover { 11793 background-color: #bb953c; 11794 } 11795 .dashboard-stat.yellow .visual > i { 11796 color: #FFFFFF; 11797 opacity: 0.1; 11798 filter: alpha(opacity=10); 11799 } 11800 .dashboard-stat.yellow .details .number { 11801 color: #FFFFFF; 11802 } 11803 .dashboard-stat.yellow .details .desc { 11804 color: #FFFFFF; 11805 opacity: 1; 11806 filter: alpha(opacity=100); 11807 } 11808 .dashboard-stat.yellow .more { 11809 color: #FFFFFF; 11810 background-color: #bb953c; 11811 } 11812 11813 /* General Element */ 11814 .bg-yellow { 11815 border-color: #c49f47 !important; 11816 background-image: none !important; 11817 background-color: #c49f47 !important; 11818 color: #FFFFFF !important; 11819 } 11820 11821 /* General Text & Icon Font Colors */ 11822 .font-yellow { 11823 color: #c49f47 !important; 11824 } 11825 11826 .progress-bar.yellow { 11827 background: #c49f47 !important; 11828 color: #FFFFFF !important; 11829 } 11830 11831 /*** 11832 Yellow Gold 11833 ***/ 11834 /* Button */ 11835 .yellow-gold.btn { 11836 color: #FFFFFF; 11837 background-color: #E87E04; 11838 } 11839 .yellow-gold.btn:hover, .yellow-gold.btn:focus, .yellow-gold.btn:active, .yellow-gold.btn.active { 11840 color: #FFFFFF; 11841 background-color: #c56b03; 11842 } 11843 .open .yellow-gold.btn.dropdown-toggle { 11844 color: #FFFFFF; 11845 background-color: #c56b03; 11846 } 11847 .yellow-gold.btn:active, .yellow-gold.btn.active { 11848 background-image: none; 11849 background-color: #ac5d03; 11850 } 11851 .yellow-gold.btn:active:hover, .yellow-gold.btn.active:hover { 11852 background-color: #b66303; 11853 } 11854 .open .yellow-gold.btn.dropdown-toggle { 11855 background-image: none; 11856 } 11857 .yellow-gold.btn.disabled, .yellow-gold.btn.disabled:hover, .yellow-gold.btn.disabled:focus, .yellow-gold.btn.disabled:active, .yellow-gold.btn.disabled.active, .yellow-gold.btn[disabled], .yellow-gold.btn[disabled]:hover, .yellow-gold.btn[disabled]:focus, .yellow-gold.btn[disabled]:active, .yellow-gold.btn[disabled].active, fieldset[disabled] .yellow-gold.btn, fieldset[disabled] .yellow-gold.btn:hover, fieldset[disabled] .yellow-gold.btn:focus, fieldset[disabled] .yellow-gold.btn:active, fieldset[disabled] .yellow-gold.btn.active { 11858 background-color: #E87E04; 11859 } 11860 .yellow-gold.btn .badge { 11861 color: #E87E04; 11862 background-color: #FFFFFF; 11863 } 11864 11865 /* Button Strip */ 11866 .btn.yellow-gold-stripe { 11867 border-left: 3px solid #E87E04; 11868 } 11869 11870 /* Portlet */ 11871 .portlet > .portlet-body.yellow-gold, 11872 .portlet.yellow-gold { 11873 background-color: #E87E04; 11874 } 11875 11876 .portlet.solid.yellow-gold > .portlet-title, 11877 .portlet.solid.yellow-gold > .portlet-body { 11878 border: 0; 11879 color: #FFFFFF; 11880 } 11881 .portlet.solid.yellow-gold > .portlet-title > .caption { 11882 font-weight: 400; 11883 } 11884 .portlet.solid.yellow-gold > .portlet-title > .caption > i { 11885 color: #FFFFFF; 11886 } 11887 .portlet.solid.yellow-gold > .portlet-title > .tools > a.remove { 11888 background-image: url(../img/portlet-remove-icon-white.png); 11889 } 11890 .portlet.solid.yellow-gold > .portlet-title > .tools > a.config { 11891 background-image: url(../img/portlet-config-icon-white.png); 11892 } 11893 .portlet.solid.yellow-gold > .portlet-title > .tools > a.reload { 11894 background-image: url(../img/portlet-reload-icon-white.png); 11895 } 11896 .portlet.solid.yellow-gold > .portlet-title > .tools > a.expand { 11897 background-image: url(../img/portlet-expand-icon-white.png); 11898 } 11899 .portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse { 11900 background-image: url(../img/portlet-collapse-icon-white.png); 11901 } 11902 .portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen { 11903 color: #fdfdfd; 11904 } 11905 11906 .portlet.box.yellow-gold { 11907 border: 1px solid #fb9724; 11908 border-top: 0; 11909 } 11910 .portlet.box.yellow-gold > .portlet-title { 11911 background-color: #E87E04; 11912 } 11913 .portlet.box.yellow-gold > .portlet-title > .caption { 11914 color: #FFFFFF; 11915 } 11916 .portlet.box.yellow-gold > .portlet-title > .caption > i { 11917 color: #FFFFFF; 11918 } 11919 .portlet.box.yellow-gold > .portlet-title > .actions .btn-default { 11920 background: transparent !important; 11921 background-color: transparent !important; 11922 border: 1px solid #fcb460; 11923 color: #fdbf79; 11924 box-shadow: none; 11925 } 11926 .portlet.box.yellow-gold > .portlet-title > .actions .btn-default > i { 11927 color: #fdc788; 11928 } 11929 .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default.active { 11930 border: 1px solid #fdcb92; 11931 color: #fed7ab; 11932 } 11933 11934 /* Statistic Block */ 11935 .dashboard-stat.yellow-gold { 11936 background-color: #E87E04; 11937 } 11938 .dashboard-stat.yellow-gold.dashboard-stat-light:hover { 11939 background-color: #d47304; 11940 } 11941 .dashboard-stat.yellow-gold .visual > i { 11942 color: #FFFFFF; 11943 opacity: 0.1; 11944 filter: alpha(opacity=10); 11945 } 11946 .dashboard-stat.yellow-gold .details .number { 11947 color: #FFFFFF; 11948 } 11949 .dashboard-stat.yellow-gold .details .desc { 11950 color: #FFFFFF; 11951 opacity: 1; 11952 filter: alpha(opacity=100); 11953 } 11954 .dashboard-stat.yellow-gold .more { 11955 color: #FFFFFF; 11956 background-color: #d47304; 11957 } 11958 11959 /* General Element */ 11960 .bg-yellow-gold { 11961 border-color: #E87E04 !important; 11962 background-image: none !important; 11963 background-color: #E87E04 !important; 11964 color: #FFFFFF !important; 11965 } 11966 11967 /* General Text & Icon Font Colors */ 11968 .font-yellow-gold { 11969 color: #E87E04 !important; 11970 } 11971 11972 .progress-bar.yellow-gold { 11973 background: #E87E04 !important; 11974 color: #FFFFFF !important; 11975 } 11976 11977 /*** 11978 Yellow Casablanca 11979 ***/ 11980 /* Button */ 11981 .yellow-casablanca.btn { 11982 color: #FFFFFF; 11983 background-color: #f2784b; 11984 } 11985 .yellow-casablanca.btn:hover, .yellow-casablanca.btn:focus, .yellow-casablanca.btn:active, .yellow-casablanca.btn.active { 11986 color: #FFFFFF; 11987 background-color: #f05f2a; 11988 } 11989 .open .yellow-casablanca.btn.dropdown-toggle { 11990 color: #FFFFFF; 11991 background-color: #f05f2a; 11992 } 11993 .yellow-casablanca.btn:active, .yellow-casablanca.btn.active { 11994 background-image: none; 11995 background-color: #ee4d12; 11996 } 11997 .yellow-casablanca.btn:active:hover, .yellow-casablanca.btn.active:hover { 11998 background-color: #ef541b; 11999 } 12000 .open .yellow-casablanca.btn.dropdown-toggle { 12001 background-image: none; 12002 } 12003 .yellow-casablanca.btn.disabled, .yellow-casablanca.btn.disabled:hover, .yellow-casablanca.btn.disabled:focus, .yellow-casablanca.btn.disabled:active, .yellow-casablanca.btn.disabled.active, .yellow-casablanca.btn[disabled], .yellow-casablanca.btn[disabled]:hover, .yellow-casablanca.btn[disabled]:focus, .yellow-casablanca.btn[disabled]:active, .yellow-casablanca.btn[disabled].active, fieldset[disabled] .yellow-casablanca.btn, fieldset[disabled] .yellow-casablanca.btn:hover, fieldset[disabled] .yellow-casablanca.btn:focus, fieldset[disabled] .yellow-casablanca.btn:active, fieldset[disabled] .yellow-casablanca.btn.active { 12004 background-color: #f2784b; 12005 } 12006 .yellow-casablanca.btn .badge { 12007 color: #f2784b; 12008 background-color: #FFFFFF; 12009 } 12010 12011 /* Button Strip */ 12012 .btn.yellow-casablanca-stripe { 12013 border-left: 3px solid #f2784b; 12014 } 12015 12016 /* Portlet */ 12017 .portlet > .portlet-body.yellow-casablanca, 12018 .portlet.yellow-casablanca { 12019 background-color: #f2784b; 12020 } 12021 12022 .portlet.solid.yellow-casablanca > .portlet-title, 12023 .portlet.solid.yellow-casablanca > .portlet-body { 12024 border: 0; 12025 color: #FFFFFF; 12026 } 12027 .portlet.solid.yellow-casablanca > .portlet-title > .caption { 12028 font-weight: 400; 12029 } 12030 .portlet.solid.yellow-casablanca > .portlet-title > .caption > i { 12031 color: #FFFFFF; 12032 } 12033 .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove { 12034 background-image: url(../img/portlet-remove-icon-white.png); 12035 } 12036 .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config { 12037 background-image: url(../img/portlet-config-icon-white.png); 12038 } 12039 .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload { 12040 background-image: url(../img/portlet-reload-icon-white.png); 12041 } 12042 .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand { 12043 background-image: url(../img/portlet-expand-icon-white.png); 12044 } 12045 .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse { 12046 background-image: url(../img/portlet-collapse-icon-white.png); 12047 } 12048 .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen { 12049 color: #fdfdfd; 12050 } 12051 12052 .portlet.box.yellow-casablanca { 12053 border: 1px solid #f59c7b; 12054 border-top: 0; 12055 } 12056 .portlet.box.yellow-casablanca > .portlet-title { 12057 background-color: #f2784b; 12058 } 12059 .portlet.box.yellow-casablanca > .portlet-title > .caption { 12060 color: #FFFFFF; 12061 } 12062 .portlet.box.yellow-casablanca > .portlet-title > .caption > i { 12063 color: #FFFFFF; 12064 } 12065 .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default { 12066 background: transparent !important; 12067 background-color: transparent !important; 12068 border: 1px solid #fac6b4; 12069 color: #fbd8cb; 12070 box-shadow: none; 12071 } 12072 .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i { 12073 color: #fce3da; 12074 } 12075 .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active { 12076 border: 1px solid #fdeae3; 12077 color: #fffcfb; 12078 } 12079 12080 /* Statistic Block */ 12081 .dashboard-stat.yellow-casablanca { 12082 background-color: #f2784b; 12083 } 12084 .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover { 12085 background-color: #f16a38; 12086 } 12087 .dashboard-stat.yellow-casablanca .visual > i { 12088 color: #FFFFFF; 12089 opacity: 0.1; 12090 filter: alpha(opacity=10); 12091 } 12092 .dashboard-stat.yellow-casablanca .details .number { 12093 color: #FFFFFF; 12094 } 12095 .dashboard-stat.yellow-casablanca .details .desc { 12096 color: #FFFFFF; 12097 opacity: 1; 12098 filter: alpha(opacity=100); 12099 } 12100 .dashboard-stat.yellow-casablanca .more { 12101 color: #FFFFFF; 12102 background-color: #f16a38; 12103 } 12104 12105 /* General Element */ 12106 .bg-yellow-casablanca { 12107 border-color: #f2784b !important; 12108 background-image: none !important; 12109 background-color: #f2784b !important; 12110 color: #FFFFFF !important; 12111 } 12112 12113 /* General Text & Icon Font Colors */ 12114 .font-yellow-casablanca { 12115 color: #f2784b !important; 12116 } 12117 12118 .progress-bar.yellow-casablanca { 12119 background: #f2784b !important; 12120 color: #FFFFFF !important; 12121 } 12122 12123 /*** 12124 Yellow Crusta 12125 ***/ 12126 /* Button */ 12127 .yellow-crusta.btn { 12128 color: #FFFFFF; 12129 background-color: #f3c200; 12130 } 12131 .yellow-crusta.btn:hover, .yellow-crusta.btn:focus, .yellow-crusta.btn:active, .yellow-crusta.btn.active { 12132 color: #FFFFFF; 12133 background-color: #cfa500; 12134 } 12135 .open .yellow-crusta.btn.dropdown-toggle { 12136 color: #FFFFFF; 12137 background-color: #cfa500; 12138 } 12139 .yellow-crusta.btn:active, .yellow-crusta.btn.active { 12140 background-image: none; 12141 background-color: #b69100; 12142 } 12143 .yellow-crusta.btn:active:hover, .yellow-crusta.btn.active:hover { 12144 background-color: #c09900; 12145 } 12146 .open .yellow-crusta.btn.dropdown-toggle { 12147 background-image: none; 12148 } 12149 .yellow-crusta.btn.disabled, .yellow-crusta.btn.disabled:hover, .yellow-crusta.btn.disabled:focus, .yellow-crusta.btn.disabled:active, .yellow-crusta.btn.disabled.active, .yellow-crusta.btn[disabled], .yellow-crusta.btn[disabled]:hover, .yellow-crusta.btn[disabled]:focus, .yellow-crusta.btn[disabled]:active, .yellow-crusta.btn[disabled].active, fieldset[disabled] .yellow-crusta.btn, fieldset[disabled] .yellow-crusta.btn:hover, fieldset[disabled] .yellow-crusta.btn:focus, fieldset[disabled] .yellow-crusta.btn:active, fieldset[disabled] .yellow-crusta.btn.active { 12150 background-color: #f3c200; 12151 } 12152 .yellow-crusta.btn .badge { 12153 color: #f3c200; 12154 background-color: #FFFFFF; 12155 } 12156 12157 /* Button Strip */ 12158 .btn.yellow-crusta-stripe { 12159 border-left: 3px solid #f3c200; 12160 } 12161 12162 /* Portlet */ 12163 .portlet > .portlet-body.yellow-crusta, 12164 .portlet.yellow-crusta { 12165 background-color: #f3c200; 12166 } 12167 12168 .portlet.solid.yellow-crusta > .portlet-title, 12169 .portlet.solid.yellow-crusta > .portlet-body { 12170 border: 0; 12171 color: #FFFFFF; 12172 } 12173 .portlet.solid.yellow-crusta > .portlet-title > .caption { 12174 font-weight: 400; 12175 } 12176 .portlet.solid.yellow-crusta > .portlet-title > .caption > i { 12177 color: #FFFFFF; 12178 } 12179 .portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove { 12180 background-image: url(../img/portlet-remove-icon-white.png); 12181 } 12182 .portlet.solid.yellow-crusta > .portlet-title > .tools > a.config { 12183 background-image: url(../img/portlet-config-icon-white.png); 12184 } 12185 .portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload { 12186 background-image: url(../img/portlet-reload-icon-white.png); 12187 } 12188 .portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand { 12189 background-image: url(../img/portlet-expand-icon-white.png); 12190 } 12191 .portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse { 12192 background-image: url(../img/portlet-collapse-icon-white.png); 12193 } 12194 .portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen { 12195 color: #fdfdfd; 12196 } 12197 12198 .portlet.box.yellow-crusta { 12199 border: 1px solid #ffd327; 12200 border-top: 0; 12201 } 12202 .portlet.box.yellow-crusta > .portlet-title { 12203 background-color: #f3c200; 12204 } 12205 .portlet.box.yellow-crusta > .portlet-title > .caption { 12206 color: #FFFFFF; 12207 } 12208 .portlet.box.yellow-crusta > .portlet-title > .caption > i { 12209 color: #FFFFFF; 12210 } 12211 .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default { 12212 background: transparent !important; 12213 background-color: transparent !important; 12214 border: 1px solid #ffe064; 12215 color: #ffe57e; 12216 box-shadow: none; 12217 } 12218 .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > i { 12219 color: #ffe88d; 12220 } 12221 .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default.active { 12222 border: 1px solid #ffea97; 12223 color: #ffefb1; 12224 } 12225 12226 /* Statistic Block */ 12227 .dashboard-stat.yellow-crusta { 12228 background-color: #f3c200; 12229 } 12230 .dashboard-stat.yellow-crusta.dashboard-stat-light:hover { 12231 background-color: #dfb200; 12232 } 12233 .dashboard-stat.yellow-crusta .visual > i { 12234 color: #FFFFFF; 12235 opacity: 0.1; 12236 filter: alpha(opacity=10); 12237 } 12238 .dashboard-stat.yellow-crusta .details .number { 12239 color: #FFFFFF; 12240 } 12241 .dashboard-stat.yellow-crusta .details .desc { 12242 color: #FFFFFF; 12243 opacity: 1; 12244 filter: alpha(opacity=100); 12245 } 12246 .dashboard-stat.yellow-crusta .more { 12247 color: #FFFFFF; 12248 background-color: #dfb200; 12249 } 12250 12251 /* General Element */ 12252 .bg-yellow-crusta { 12253 border-color: #f3c200 !important; 12254 background-image: none !important; 12255 background-color: #f3c200 !important; 12256 color: #FFFFFF !important; 12257 } 12258 12259 /* General Text & Icon Font Colors */ 12260 .font-yellow-crusta { 12261 color: #f3c200 !important; 12262 } 12263 12264 .progress-bar.yellow-crusta { 12265 background: #f3c200 !important; 12266 color: #FFFFFF !important; 12267 } 12268 12269 /*** 12270 Yellow Lemon 12271 ***/ 12272 /* Button */ 12273 .yellow-lemon.btn { 12274 color: #FFFFFF; 12275 background-color: #F7CA18; 12276 } 12277 .yellow-lemon.btn:hover, .yellow-lemon.btn:focus, .yellow-lemon.btn:active, .yellow-lemon.btn.active { 12278 color: #FFFFFF; 12279 background-color: #e3b708; 12280 } 12281 .open .yellow-lemon.btn.dropdown-toggle { 12282 color: #FFFFFF; 12283 background-color: #e3b708; 12284 } 12285 .yellow-lemon.btn:active, .yellow-lemon.btn.active { 12286 background-image: none; 12287 background-color: #cba307; 12288 } 12289 .yellow-lemon.btn:active:hover, .yellow-lemon.btn.active:hover { 12290 background-color: #d5ab07; 12291 } 12292 .open .yellow-lemon.btn.dropdown-toggle { 12293 background-image: none; 12294 } 12295 .yellow-lemon.btn.disabled, .yellow-lemon.btn.disabled:hover, .yellow-lemon.btn.disabled:focus, .yellow-lemon.btn.disabled:active, .yellow-lemon.btn.disabled.active, .yellow-lemon.btn[disabled], .yellow-lemon.btn[disabled]:hover, .yellow-lemon.btn[disabled]:focus, .yellow-lemon.btn[disabled]:active, .yellow-lemon.btn[disabled].active, fieldset[disabled] .yellow-lemon.btn, fieldset[disabled] .yellow-lemon.btn:hover, fieldset[disabled] .yellow-lemon.btn:focus, fieldset[disabled] .yellow-lemon.btn:active, fieldset[disabled] .yellow-lemon.btn.active { 12296 background-color: #F7CA18; 12297 } 12298 .yellow-lemon.btn .badge { 12299 color: #F7CA18; 12300 background-color: #FFFFFF; 12301 } 12302 12303 /* Button Strip */ 12304 .btn.yellow-lemon-stripe { 12305 border-left: 3px solid #F7CA18; 12306 } 12307 12308 /* Portlet */ 12309 .portlet > .portlet-body.yellow-lemon, 12310 .portlet.yellow-lemon { 12311 background-color: #F7CA18; 12312 } 12313 12314 .portlet.solid.yellow-lemon > .portlet-title, 12315 .portlet.solid.yellow-lemon > .portlet-body { 12316 border: 0; 12317 color: #FFFFFF; 12318 } 12319 .portlet.solid.yellow-lemon > .portlet-title > .caption { 12320 font-weight: 400; 12321 } 12322 .portlet.solid.yellow-lemon > .portlet-title > .caption > i { 12323 color: #FFFFFF; 12324 } 12325 .portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove { 12326 background-image: url(../img/portlet-remove-icon-white.png); 12327 } 12328 .portlet.solid.yellow-lemon > .portlet-title > .tools > a.config { 12329 background-image: url(../img/portlet-config-icon-white.png); 12330 } 12331 .portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload { 12332 background-image: url(../img/portlet-reload-icon-white.png); 12333 } 12334 .portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand { 12335 background-image: url(../img/portlet-expand-icon-white.png); 12336 } 12337 .portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse { 12338 background-image: url(../img/portlet-collapse-icon-white.png); 12339 } 12340 .portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen { 12341 color: #fdfdfd; 12342 } 12343 12344 .portlet.box.yellow-lemon { 12345 border: 1px solid #f9d549; 12346 border-top: 0; 12347 } 12348 .portlet.box.yellow-lemon > .portlet-title { 12349 background-color: #F7CA18; 12350 } 12351 .portlet.box.yellow-lemon > .portlet-title > .caption { 12352 color: #FFFFFF; 12353 } 12354 .portlet.box.yellow-lemon > .portlet-title > .caption > i { 12355 color: #FFFFFF; 12356 } 12357 .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default { 12358 background: transparent !important; 12359 background-color: transparent !important; 12360 border: 1px solid #fbe384; 12361 color: #fce99d; 12362 box-shadow: none; 12363 } 12364 .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > i { 12365 color: #fcecac; 12366 } 12367 .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default.active { 12368 border: 1px solid #fceeb6; 12369 color: #fdf4ce; 12370 } 12371 12372 /* Statistic Block */ 12373 .dashboard-stat.yellow-lemon { 12374 background-color: #F7CA18; 12375 } 12376 .dashboard-stat.yellow-lemon.dashboard-stat-light:hover { 12377 background-color: #f2c308; 12378 } 12379 .dashboard-stat.yellow-lemon .visual > i { 12380 color: #FFFFFF; 12381 opacity: 0.1; 12382 filter: alpha(opacity=10); 12383 } 12384 .dashboard-stat.yellow-lemon .details .number { 12385 color: #FFFFFF; 12386 } 12387 .dashboard-stat.yellow-lemon .details .desc { 12388 color: #FFFFFF; 12389 opacity: 1; 12390 filter: alpha(opacity=100); 12391 } 12392 .dashboard-stat.yellow-lemon .more { 12393 color: #FFFFFF; 12394 background-color: #f2c308; 12395 } 12396 12397 /* General Element */ 12398 .bg-yellow-lemon { 12399 border-color: #F7CA18 !important; 12400 background-image: none !important; 12401 background-color: #F7CA18 !important; 12402 color: #FFFFFF !important; 12403 } 12404 12405 /* General Text & Icon Font Colors */ 12406 .font-yellow-lemon { 12407 color: #F7CA18 !important; 12408 } 12409 12410 .progress-bar.yellow-lemon { 12411 background: #F7CA18 !important; 12412 color: #FFFFFF !important; 12413 } 12414 12415 /*** 12416 Yellow Saffron 12417 ***/ 12418 /* Button */ 12419 .yellow-saffron.btn { 12420 color: #FFFFFF; 12421 background-color: #F4D03F; 12422 } 12423 .yellow-saffron.btn:hover, .yellow-saffron.btn:focus, .yellow-saffron.btn:active, .yellow-saffron.btn.active { 12424 color: #FFFFFF; 12425 background-color: #f2c81d; 12426 } 12427 .open .yellow-saffron.btn.dropdown-toggle { 12428 color: #FFFFFF; 12429 background-color: #f2c81d; 12430 } 12431 .yellow-saffron.btn:active, .yellow-saffron.btn.active { 12432 background-image: none; 12433 background-color: #e8bd0d; 12434 } 12435 .yellow-saffron.btn:active:hover, .yellow-saffron.btn.active:hover { 12436 background-color: #f1c40f; 12437 } 12438 .open .yellow-saffron.btn.dropdown-toggle { 12439 background-image: none; 12440 } 12441 .yellow-saffron.btn.disabled, .yellow-saffron.btn.disabled:hover, .yellow-saffron.btn.disabled:focus, .yellow-saffron.btn.disabled:active, .yellow-saffron.btn.disabled.active, .yellow-saffron.btn[disabled], .yellow-saffron.btn[disabled]:hover, .yellow-saffron.btn[disabled]:focus, .yellow-saffron.btn[disabled]:active, .yellow-saffron.btn[disabled].active, fieldset[disabled] .yellow-saffron.btn, fieldset[disabled] .yellow-saffron.btn:hover, fieldset[disabled] .yellow-saffron.btn:focus, fieldset[disabled] .yellow-saffron.btn:active, fieldset[disabled] .yellow-saffron.btn.active { 12442 background-color: #F4D03F; 12443 } 12444 .yellow-saffron.btn .badge { 12445 color: #F4D03F; 12446 background-color: #FFFFFF; 12447 } 12448 12449 /* Button Strip */ 12450 .btn.yellow-saffron-stripe { 12451 border-left: 3px solid #F4D03F; 12452 } 12453 12454 /* Portlet */ 12455 .portlet > .portlet-body.yellow-saffron, 12456 .portlet.yellow-saffron { 12457 background-color: #F4D03F; 12458 } 12459 12460 .portlet.solid.yellow-saffron > .portlet-title, 12461 .portlet.solid.yellow-saffron > .portlet-body { 12462 border: 0; 12463 color: #FFFFFF; 12464 } 12465 .portlet.solid.yellow-saffron > .portlet-title > .caption { 12466 font-weight: 400; 12467 } 12468 .portlet.solid.yellow-saffron > .portlet-title > .caption > i { 12469 color: #FFFFFF; 12470 } 12471 .portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove { 12472 background-image: url(../img/portlet-remove-icon-white.png); 12473 } 12474 .portlet.solid.yellow-saffron > .portlet-title > .tools > a.config { 12475 background-image: url(../img/portlet-config-icon-white.png); 12476 } 12477 .portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload { 12478 background-image: url(../img/portlet-reload-icon-white.png); 12479 } 12480 .portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand { 12481 background-image: url(../img/portlet-expand-icon-white.png); 12482 } 12483 .portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse { 12484 background-image: url(../img/portlet-collapse-icon-white.png); 12485 } 12486 .portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen { 12487 color: #fdfdfd; 12488 } 12489 12490 .portlet.box.yellow-saffron { 12491 border: 1px solid #f7dc6f; 12492 border-top: 0; 12493 } 12494 .portlet.box.yellow-saffron > .portlet-title { 12495 background-color: #F4D03F; 12496 } 12497 .portlet.box.yellow-saffron > .portlet-title > .caption { 12498 color: #FFFFFF; 12499 } 12500 .portlet.box.yellow-saffron > .portlet-title > .caption > i { 12501 color: #FFFFFF; 12502 } 12503 .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default { 12504 background: transparent !important; 12505 background-color: transparent !important; 12506 border: 1px solid #faeaa9; 12507 color: #fbf0c1; 12508 box-shadow: none; 12509 } 12510 .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > i { 12511 color: #fcf3d0; 12512 } 12513 .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default.active { 12514 border: 1px solid #fdf6d9; 12515 color: #fefcf1; 12516 } 12517 12518 /* Statistic Block */ 12519 .dashboard-stat.yellow-saffron { 12520 background-color: #F4D03F; 12521 } 12522 .dashboard-stat.yellow-saffron.dashboard-stat-light:hover { 12523 background-color: #f3cb2c; 12524 } 12525 .dashboard-stat.yellow-saffron .visual > i { 12526 color: #FFFFFF; 12527 opacity: 0.1; 12528 filter: alpha(opacity=10); 12529 } 12530 .dashboard-stat.yellow-saffron .details .number { 12531 color: #FFFFFF; 12532 } 12533 .dashboard-stat.yellow-saffron .details .desc { 12534 color: #FFFFFF; 12535 opacity: 1; 12536 filter: alpha(opacity=100); 12537 } 12538 .dashboard-stat.yellow-saffron .more { 12539 color: #FFFFFF; 12540 background-color: #f3cb2c; 12541 } 12542 12543 /* General Element */ 12544 .bg-yellow-saffron { 12545 border-color: #F4D03F !important; 12546 background-image: none !important; 12547 background-color: #F4D03F !important; 12548 color: #FFFFFF !important; 12549 } 12550 12551 /* General Text & Icon Font Colors */ 12552 .font-yellow-saffron { 12553 color: #F4D03F !important; 12554 } 12555 12556 .progress-bar.yellow-saffron { 12557 background: #F4D03F !important; 12558 color: #FFFFFF !important; 12559 } 12560 12561 /*********** 12562 Purple Colors 12563 ************/ 12564 /*** 12565 Purple Default 12566 ***/ 12567 /* Button */ 12568 .purple.btn { 12569 color: #FFFFFF; 12570 background-color: #8e5fa2; 12571 } 12572 .purple.btn:hover, .purple.btn:focus, .purple.btn:active, .purple.btn.active { 12573 color: #FFFFFF; 12574 background-color: #7a518c; 12575 } 12576 .open .purple.btn.dropdown-toggle { 12577 color: #FFFFFF; 12578 background-color: #7a518c; 12579 } 12580 .purple.btn:active, .purple.btn.active { 12581 background-image: none; 12582 background-color: #6c487c; 12583 } 12584 .purple.btn:active:hover, .purple.btn.active:hover { 12585 background-color: #724c82; 12586 } 12587 .open .purple.btn.dropdown-toggle { 12588 background-image: none; 12589 } 12590 .purple.btn.disabled, .purple.btn.disabled:hover, .purple.btn.disabled:focus, .purple.btn.disabled:active, .purple.btn.disabled.active, .purple.btn[disabled], .purple.btn[disabled]:hover, .purple.btn[disabled]:focus, .purple.btn[disabled]:active, .purple.btn[disabled].active, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:focus, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn.active { 12591 background-color: #8e5fa2; 12592 } 12593 .purple.btn .badge { 12594 color: #8e5fa2; 12595 background-color: #FFFFFF; 12596 } 12597 12598 /* Button Strip */ 12599 .btn.purple-stripe { 12600 border-left: 3px solid #8e5fa2; 12601 } 12602 12603 /* Portlet */ 12604 .portlet > .portlet-body.purple, 12605 .portlet.purple { 12606 background-color: #8e5fa2; 12607 } 12608 12609 .portlet.solid.purple > .portlet-title, 12610 .portlet.solid.purple > .portlet-body { 12611 border: 0; 12612 color: #FFFFFF; 12613 } 12614 .portlet.solid.purple > .portlet-title > .caption { 12615 font-weight: 400; 12616 } 12617 .portlet.solid.purple > .portlet-title > .caption > i { 12618 color: #FFFFFF; 12619 } 12620 .portlet.solid.purple > .portlet-title > .tools > a.remove { 12621 background-image: url(../img/portlet-remove-icon-white.png); 12622 } 12623 .portlet.solid.purple > .portlet-title > .tools > a.config { 12624 background-image: url(../img/portlet-config-icon-white.png); 12625 } 12626 .portlet.solid.purple > .portlet-title > .tools > a.reload { 12627 background-image: url(../img/portlet-reload-icon-white.png); 12628 } 12629 .portlet.solid.purple > .portlet-title > .tools > a.expand { 12630 background-image: url(../img/portlet-expand-icon-white.png); 12631 } 12632 .portlet.solid.purple > .portlet-title > .tools > a.collapse { 12633 background-image: url(../img/portlet-collapse-icon-white.png); 12634 } 12635 .portlet.solid.purple > .portlet-title > .tools > a.fullscreen { 12636 color: #fdfdfd; 12637 } 12638 12639 .portlet.box.purple { 12640 border: 1px solid #a57fb5; 12641 border-top: 0; 12642 } 12643 .portlet.box.purple > .portlet-title { 12644 background-color: #8e5fa2; 12645 } 12646 .portlet.box.purple > .portlet-title > .caption { 12647 color: #FFFFFF; 12648 } 12649 .portlet.box.purple > .portlet-title > .caption > i { 12650 color: #FFFFFF; 12651 } 12652 .portlet.box.purple > .portlet-title > .actions .btn-default { 12653 background: transparent !important; 12654 background-color: transparent !important; 12655 border: 1px solid #c0a6cb; 12656 color: #ccb6d5; 12657 box-shadow: none; 12658 } 12659 .portlet.box.purple > .portlet-title > .actions .btn-default > i { 12660 color: #d2c0da; 12661 } 12662 .portlet.box.purple > .portlet-title > .actions .btn-default:hover, .portlet.box.purple > .portlet-title > .actions .btn-default:focus, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default.active { 12663 border: 1px solid #d7c6de; 12664 color: #e2d6e7; 12665 } 12666 12667 /* Statistic Block */ 12668 .dashboard-stat.purple { 12669 background-color: #8e5fa2; 12670 } 12671 .dashboard-stat.purple.dashboard-stat-light:hover { 12672 background-color: #835796; 12673 } 12674 .dashboard-stat.purple .visual > i { 12675 color: #FFFFFF; 12676 opacity: 0.1; 12677 filter: alpha(opacity=10); 12678 } 12679 .dashboard-stat.purple .details .number { 12680 color: #FFFFFF; 12681 } 12682 .dashboard-stat.purple .details .desc { 12683 color: #FFFFFF; 12684 opacity: 1; 12685 filter: alpha(opacity=100); 12686 } 12687 .dashboard-stat.purple .more { 12688 color: #FFFFFF; 12689 background-color: #835796; 12690 } 12691 12692 /* General Element */ 12693 .bg-purple { 12694 border-color: #8e5fa2 !important; 12695 background-image: none !important; 12696 background-color: #8e5fa2 !important; 12697 color: #FFFFFF !important; 12698 } 12699 12700 /* General Text & Icon Font Colors */ 12701 .font-purple { 12702 color: #8e5fa2 !important; 12703 } 12704 12705 .progress-bar.purple { 12706 background: #8e5fa2 !important; 12707 color: #FFFFFF !important; 12708 } 12709 12710 /*** 12711 Purple Plum 12712 ***/ 12713 /* Button */ 12714 .purple-plum.btn { 12715 color: #FFFFFF; 12716 background-color: #8775a7; 12717 } 12718 .purple-plum.btn:hover, .purple-plum.btn:focus, .purple-plum.btn:active, .purple-plum.btn.active { 12719 color: #FFFFFF; 12720 background-color: #746198; 12721 } 12722 .open .purple-plum.btn.dropdown-toggle { 12723 color: #FFFFFF; 12724 background-color: #746198; 12725 } 12726 .purple-plum.btn:active, .purple-plum.btn.active { 12727 background-image: none; 12728 background-color: #685788; 12729 } 12730 .purple-plum.btn:active:hover, .purple-plum.btn.active:hover { 12731 background-color: #6d5b8e; 12732 } 12733 .open .purple-plum.btn.dropdown-toggle { 12734 background-image: none; 12735 } 12736 .purple-plum.btn.disabled, .purple-plum.btn.disabled:hover, .purple-plum.btn.disabled:focus, .purple-plum.btn.disabled:active, .purple-plum.btn.disabled.active, .purple-plum.btn[disabled], .purple-plum.btn[disabled]:hover, .purple-plum.btn[disabled]:focus, .purple-plum.btn[disabled]:active, .purple-plum.btn[disabled].active, fieldset[disabled] .purple-plum.btn, fieldset[disabled] .purple-plum.btn:hover, fieldset[disabled] .purple-plum.btn:focus, fieldset[disabled] .purple-plum.btn:active, fieldset[disabled] .purple-plum.btn.active { 12737 background-color: #8775a7; 12738 } 12739 .purple-plum.btn .badge { 12740 color: #8775a7; 12741 background-color: #FFFFFF; 12742 } 12743 12744 /* Button Strip */ 12745 .btn.purple-plum-stripe { 12746 border-left: 3px solid #8775a7; 12747 } 12748 12749 /* Portlet */ 12750 .portlet > .portlet-body.purple-plum, 12751 .portlet.purple-plum { 12752 background-color: #8775a7; 12753 } 12754 12755 .portlet.solid.purple-plum > .portlet-title, 12756 .portlet.solid.purple-plum > .portlet-body { 12757 border: 0; 12758 color: #FFFFFF; 12759 } 12760 .portlet.solid.purple-plum > .portlet-title > .caption { 12761 font-weight: 400; 12762 } 12763 .portlet.solid.purple-plum > .portlet-title > .caption > i { 12764 color: #FFFFFF; 12765 } 12766 .portlet.solid.purple-plum > .portlet-title > .tools > a.remove { 12767 background-image: url(../img/portlet-remove-icon-white.png); 12768 } 12769 .portlet.solid.purple-plum > .portlet-title > .tools > a.config { 12770 background-image: url(../img/portlet-config-icon-white.png); 12771 } 12772 .portlet.solid.purple-plum > .portlet-title > .tools > a.reload { 12773 background-image: url(../img/portlet-reload-icon-white.png); 12774 } 12775 .portlet.solid.purple-plum > .portlet-title > .tools > a.expand { 12776 background-image: url(../img/portlet-expand-icon-white.png); 12777 } 12778 .portlet.solid.purple-plum > .portlet-title > .tools > a.collapse { 12779 background-image: url(../img/portlet-collapse-icon-white.png); 12780 } 12781 .portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen { 12782 color: #fdfdfd; 12783 } 12784 12785 .portlet.box.purple-plum { 12786 border: 1px solid #a294bb; 12787 border-top: 0; 12788 } 12789 .portlet.box.purple-plum > .portlet-title { 12790 background-color: #8775a7; 12791 } 12792 .portlet.box.purple-plum > .portlet-title > .caption { 12793 color: #FFFFFF; 12794 } 12795 .portlet.box.purple-plum > .portlet-title > .caption > i { 12796 color: #FFFFFF; 12797 } 12798 .portlet.box.purple-plum > .portlet-title > .actions .btn-default { 12799 background: transparent !important; 12800 background-color: transparent !important; 12801 border: 1px solid #c3bad3; 12802 color: #d0c9dd; 12803 box-shadow: none; 12804 } 12805 .portlet.box.purple-plum > .portlet-title > .actions .btn-default > i { 12806 color: #d8d2e3; 12807 } 12808 .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default.active { 12809 border: 1px solid #ded9e7; 12810 color: #ebe8f0; 12811 } 12812 12813 /* Statistic Block */ 12814 .dashboard-stat.purple-plum { 12815 background-color: #8775a7; 12816 } 12817 .dashboard-stat.purple-plum.dashboard-stat-light:hover { 12818 background-color: #7c699f; 12819 } 12820 .dashboard-stat.purple-plum .visual > i { 12821 color: #FFFFFF; 12822 opacity: 0.1; 12823 filter: alpha(opacity=10); 12824 } 12825 .dashboard-stat.purple-plum .details .number { 12826 color: #FFFFFF; 12827 } 12828 .dashboard-stat.purple-plum .details .desc { 12829 color: #FFFFFF; 12830 opacity: 1; 12831 filter: alpha(opacity=100); 12832 } 12833 .dashboard-stat.purple-plum .more { 12834 color: #FFFFFF; 12835 background-color: #7c699f; 12836 } 12837 12838 /* General Element */ 12839 .bg-purple-plum { 12840 border-color: #8775a7 !important; 12841 background-image: none !important; 12842 background-color: #8775a7 !important; 12843 color: #FFFFFF !important; 12844 } 12845 12846 /* General Text & Icon Font Colors */ 12847 .font-purple-plum { 12848 color: #8775a7 !important; 12849 } 12850 12851 .progress-bar.purple-plum { 12852 background: #8775a7 !important; 12853 color: #FFFFFF !important; 12854 } 12855 12856 /*** 12857 Purple Medium 12858 ***/ 12859 /* Button */ 12860 .purple-medium.btn { 12861 color: #FFFFFF; 12862 background-color: #BF55EC; 12863 } 12864 .purple-medium.btn:hover, .purple-medium.btn:focus, .purple-medium.btn:active, .purple-medium.btn.active { 12865 color: #FFFFFF; 12866 background-color: #b335e8; 12867 } 12868 .open .purple-medium.btn.dropdown-toggle { 12869 color: #FFFFFF; 12870 background-color: #b335e8; 12871 } 12872 .purple-medium.btn:active, .purple-medium.btn.active { 12873 background-image: none; 12874 background-color: #aa1ee6; 12875 } 12876 .purple-medium.btn:active:hover, .purple-medium.btn.active:hover { 12877 background-color: #ae27e7; 12878 } 12879 .open .purple-medium.btn.dropdown-toggle { 12880 background-image: none; 12881 } 12882 .purple-medium.btn.disabled, .purple-medium.btn.disabled:hover, .purple-medium.btn.disabled:focus, .purple-medium.btn.disabled:active, .purple-medium.btn.disabled.active, .purple-medium.btn[disabled], .purple-medium.btn[disabled]:hover, .purple-medium.btn[disabled]:focus, .purple-medium.btn[disabled]:active, .purple-medium.btn[disabled].active, fieldset[disabled] .purple-medium.btn, fieldset[disabled] .purple-medium.btn:hover, fieldset[disabled] .purple-medium.btn:focus, fieldset[disabled] .purple-medium.btn:active, fieldset[disabled] .purple-medium.btn.active { 12883 background-color: #BF55EC; 12884 } 12885 .purple-medium.btn .badge { 12886 color: #BF55EC; 12887 background-color: #FFFFFF; 12888 } 12889 12890 /* Button Strip */ 12891 .btn.purple-medium-stripe { 12892 border-left: 3px solid #BF55EC; 12893 } 12894 12895 /* Portlet */ 12896 .portlet > .portlet-body.purple-medium, 12897 .portlet.purple-medium { 12898 background-color: #BF55EC; 12899 } 12900 12901 .portlet.solid.purple-medium > .portlet-title, 12902 .portlet.solid.purple-medium > .portlet-body { 12903 border: 0; 12904 color: #FFFFFF; 12905 } 12906 .portlet.solid.purple-medium > .portlet-title > .caption { 12907 font-weight: 400; 12908 } 12909 .portlet.solid.purple-medium > .portlet-title > .caption > i { 12910 color: #FFFFFF; 12911 } 12912 .portlet.solid.purple-medium > .portlet-title > .tools > a.remove { 12913 background-image: url(../img/portlet-remove-icon-white.png); 12914 } 12915 .portlet.solid.purple-medium > .portlet-title > .tools > a.config { 12916 background-image: url(../img/portlet-config-icon-white.png); 12917 } 12918 .portlet.solid.purple-medium > .portlet-title > .tools > a.reload { 12919 background-image: url(../img/portlet-reload-icon-white.png); 12920 } 12921 .portlet.solid.purple-medium > .portlet-title > .tools > a.expand { 12922 background-image: url(../img/portlet-expand-icon-white.png); 12923 } 12924 .portlet.solid.purple-medium > .portlet-title > .tools > a.collapse { 12925 background-image: url(../img/portlet-collapse-icon-white.png); 12926 } 12927 .portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen { 12928 color: #fdfdfd; 12929 } 12930 12931 .portlet.box.purple-medium { 12932 border: 1px solid #d083f1; 12933 border-top: 0; 12934 } 12935 .portlet.box.purple-medium > .portlet-title { 12936 background-color: #BF55EC; 12937 } 12938 .portlet.box.purple-medium > .portlet-title > .caption { 12939 color: #FFFFFF; 12940 } 12941 .portlet.box.purple-medium > .portlet-title > .caption > i { 12942 color: #FFFFFF; 12943 } 12944 .portlet.box.purple-medium > .portlet-title > .actions .btn-default { 12945 background: transparent !important; 12946 background-color: transparent !important; 12947 border: 1px solid #e5baf7; 12948 color: #eed1fa; 12949 box-shadow: none; 12950 } 12951 .portlet.box.purple-medium > .portlet-title > .actions .btn-default > i { 12952 color: #f3dffb; 12953 } 12954 .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default.active { 12955 border: 1px solid #f6e8fc; 12956 color: white; 12957 } 12958 12959 /* Statistic Block */ 12960 .dashboard-stat.purple-medium { 12961 background-color: #BF55EC; 12962 } 12963 .dashboard-stat.purple-medium.dashboard-stat-light:hover { 12964 background-color: #b843ea; 12965 } 12966 .dashboard-stat.purple-medium .visual > i { 12967 color: #FFFFFF; 12968 opacity: 0.1; 12969 filter: alpha(opacity=10); 12970 } 12971 .dashboard-stat.purple-medium .details .number { 12972 color: #FFFFFF; 12973 } 12974 .dashboard-stat.purple-medium .details .desc { 12975 color: #FFFFFF; 12976 opacity: 1; 12977 filter: alpha(opacity=100); 12978 } 12979 .dashboard-stat.purple-medium .more { 12980 color: #FFFFFF; 12981 background-color: #b843ea; 12982 } 12983 12984 /* General Element */ 12985 .bg-purple-medium { 12986 border-color: #BF55EC !important; 12987 background-image: none !important; 12988 background-color: #BF55EC !important; 12989 color: #FFFFFF !important; 12990 } 12991 12992 /* General Text & Icon Font Colors */ 12993 .font-purple-medium { 12994 color: #BF55EC !important; 12995 } 12996 12997 .progress-bar.purple-medium { 12998 background: #BF55EC !important; 12999 color: #FFFFFF !important; 13000 } 13001 13002 /*** 13003 Purple Studio 13004 ***/ 13005 /* Button */ 13006 .purple-studio.btn { 13007 color: #FFFFFF; 13008 background-color: #8E44AD; 13009 } 13010 .purple-studio.btn:hover, .purple-studio.btn:focus, .purple-studio.btn:active, .purple-studio.btn.active { 13011 color: #FFFFFF; 13012 background-color: #793a93; 13013 } 13014 .open .purple-studio.btn.dropdown-toggle { 13015 color: #FFFFFF; 13016 background-color: #793a93; 13017 } 13018 .purple-studio.btn:active, .purple-studio.btn.active { 13019 background-image: none; 13020 background-color: #6a3381; 13021 } 13022 .purple-studio.btn:active:hover, .purple-studio.btn.active:hover { 13023 background-color: #703688; 13024 } 13025 .open .purple-studio.btn.dropdown-toggle { 13026 background-image: none; 13027 } 13028 .purple-studio.btn.disabled, .purple-studio.btn.disabled:hover, .purple-studio.btn.disabled:focus, .purple-studio.btn.disabled:active, .purple-studio.btn.disabled.active, .purple-studio.btn[disabled], .purple-studio.btn[disabled]:hover, .purple-studio.btn[disabled]:focus, .purple-studio.btn[disabled]:active, .purple-studio.btn[disabled].active, fieldset[disabled] .purple-studio.btn, fieldset[disabled] .purple-studio.btn:hover, fieldset[disabled] .purple-studio.btn:focus, fieldset[disabled] .purple-studio.btn:active, fieldset[disabled] .purple-studio.btn.active { 13029 background-color: #8E44AD; 13030 } 13031 .purple-studio.btn .badge { 13032 color: #8E44AD; 13033 background-color: #FFFFFF; 13034 } 13035 13036 /* Button Strip */ 13037 .btn.purple-studio-stripe { 13038 border-left: 3px solid #8E44AD; 13039 } 13040 13041 /* Portlet */ 13042 .portlet > .portlet-body.purple-studio, 13043 .portlet.purple-studio { 13044 background-color: #8E44AD; 13045 } 13046 13047 .portlet.solid.purple-studio > .portlet-title, 13048 .portlet.solid.purple-studio > .portlet-body { 13049 border: 0; 13050 color: #FFFFFF; 13051 } 13052 .portlet.solid.purple-studio > .portlet-title > .caption { 13053 font-weight: 400; 13054 } 13055 .portlet.solid.purple-studio > .portlet-title > .caption > i { 13056 color: #FFFFFF; 13057 } 13058 .portlet.solid.purple-studio > .portlet-title > .tools > a.remove { 13059 background-image: url(../img/portlet-remove-icon-white.png); 13060 } 13061 .portlet.solid.purple-studio > .portlet-title > .tools > a.config { 13062 background-image: url(../img/portlet-config-icon-white.png); 13063 } 13064 .portlet.solid.purple-studio > .portlet-title > .tools > a.reload { 13065 background-image: url(../img/portlet-reload-icon-white.png); 13066 } 13067 .portlet.solid.purple-studio > .portlet-title > .tools > a.expand { 13068 background-image: url(../img/portlet-expand-icon-white.png); 13069 } 13070 .portlet.solid.purple-studio > .portlet-title > .tools > a.collapse { 13071 background-image: url(../img/portlet-collapse-icon-white.png); 13072 } 13073 .portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen { 13074 color: #fdfdfd; 13075 } 13076 13077 .portlet.box.purple-studio { 13078 border: 1px solid #a563c1; 13079 border-top: 0; 13080 } 13081 .portlet.box.purple-studio > .portlet-title { 13082 background-color: #8E44AD; 13083 } 13084 .portlet.box.purple-studio > .portlet-title > .caption { 13085 color: #FFFFFF; 13086 } 13087 .portlet.box.purple-studio > .portlet-title > .caption > i { 13088 color: #FFFFFF; 13089 } 13090 .portlet.box.purple-studio > .portlet-title > .actions .btn-default { 13091 background: transparent !important; 13092 background-color: transparent !important; 13093 border: 1px solid #bf8ed3; 13094 color: #c9a1da; 13095 box-shadow: none; 13096 } 13097 .portlet.box.purple-studio > .portlet-title > .actions .btn-default > i { 13098 color: #cfacde; 13099 } 13100 .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default.active { 13101 border: 1px solid #d4b3e1; 13102 color: #dec5e8; 13103 } 13104 13105 /* Statistic Block */ 13106 .dashboard-stat.purple-studio { 13107 background-color: #8E44AD; 13108 } 13109 .dashboard-stat.purple-studio.dashboard-stat-light:hover { 13110 background-color: #823e9e; 13111 } 13112 .dashboard-stat.purple-studio .visual > i { 13113 color: #FFFFFF; 13114 opacity: 0.1; 13115 filter: alpha(opacity=10); 13116 } 13117 .dashboard-stat.purple-studio .details .number { 13118 color: #FFFFFF; 13119 } 13120 .dashboard-stat.purple-studio .details .desc { 13121 color: #FFFFFF; 13122 opacity: 1; 13123 filter: alpha(opacity=100); 13124 } 13125 .dashboard-stat.purple-studio .more { 13126 color: #FFFFFF; 13127 background-color: #823e9e; 13128 } 13129 13130 /* General Element */ 13131 .bg-purple-studio { 13132 border-color: #8E44AD !important; 13133 background-image: none !important; 13134 background-color: #8E44AD !important; 13135 color: #FFFFFF !important; 13136 } 13137 13138 /* General Text & Icon Font Colors */ 13139 .font-purple-studio { 13140 color: #8E44AD !important; 13141 } 13142 13143 .progress-bar.purple-studio { 13144 background: #8E44AD !important; 13145 color: #FFFFFF !important; 13146 } 13147 13148 /*** 13149 Purple Wisteria 13150 ***/ 13151 /* Button */ 13152 .purple-wisteria.btn { 13153 color: #FFFFFF; 13154 background-color: #9B59B6; 13155 } 13156 .purple-wisteria.btn:hover, .purple-wisteria.btn:focus, .purple-wisteria.btn:active, .purple-wisteria.btn.active { 13157 color: #FFFFFF; 13158 background-color: #8948a3; 13159 } 13160 .open .purple-wisteria.btn.dropdown-toggle { 13161 color: #FFFFFF; 13162 background-color: #8948a3; 13163 } 13164 .purple-wisteria.btn:active, .purple-wisteria.btn.active { 13165 background-image: none; 13166 background-color: #7a4092; 13167 } 13168 .purple-wisteria.btn:active:hover, .purple-wisteria.btn.active:hover { 13169 background-color: #804399; 13170 } 13171 .open .purple-wisteria.btn.dropdown-toggle { 13172 background-image: none; 13173 } 13174 .purple-wisteria.btn.disabled, .purple-wisteria.btn.disabled:hover, .purple-wisteria.btn.disabled:focus, .purple-wisteria.btn.disabled:active, .purple-wisteria.btn.disabled.active, .purple-wisteria.btn[disabled], .purple-wisteria.btn[disabled]:hover, .purple-wisteria.btn[disabled]:focus, .purple-wisteria.btn[disabled]:active, .purple-wisteria.btn[disabled].active, fieldset[disabled] .purple-wisteria.btn, fieldset[disabled] .purple-wisteria.btn:hover, fieldset[disabled] .purple-wisteria.btn:focus, fieldset[disabled] .purple-wisteria.btn:active, fieldset[disabled] .purple-wisteria.btn.active { 13175 background-color: #9B59B6; 13176 } 13177 .purple-wisteria.btn .badge { 13178 color: #9B59B6; 13179 background-color: #FFFFFF; 13180 } 13181 13182 /* Button Strip */ 13183 .btn.purple-wisteria-stripe { 13184 border-left: 3px solid #9B59B6; 13185 } 13186 13187 /* Portlet */ 13188 .portlet > .portlet-body.purple-wisteria, 13189 .portlet.purple-wisteria { 13190 background-color: #9B59B6; 13191 } 13192 13193 .portlet.solid.purple-wisteria > .portlet-title, 13194 .portlet.solid.purple-wisteria > .portlet-body { 13195 border: 0; 13196 color: #FFFFFF; 13197 } 13198 .portlet.solid.purple-wisteria > .portlet-title > .caption { 13199 font-weight: 400; 13200 } 13201 .portlet.solid.purple-wisteria > .portlet-title > .caption > i { 13202 color: #FFFFFF; 13203 } 13204 .portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove { 13205 background-image: url(../img/portlet-remove-icon-white.png); 13206 } 13207 .portlet.solid.purple-wisteria > .portlet-title > .tools > a.config { 13208 background-image: url(../img/portlet-config-icon-white.png); 13209 } 13210 .portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload { 13211 background-image: url(../img/portlet-reload-icon-white.png); 13212 } 13213 .portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand { 13214 background-image: url(../img/portlet-expand-icon-white.png); 13215 } 13216 .portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse { 13217 background-image: url(../img/portlet-collapse-icon-white.png); 13218 } 13219 .portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen { 13220 color: #fdfdfd; 13221 } 13222 13223 .portlet.box.purple-wisteria { 13224 border: 1px solid #b07cc6; 13225 border-top: 0; 13226 } 13227 .portlet.box.purple-wisteria > .portlet-title { 13228 background-color: #9B59B6; 13229 } 13230 .portlet.box.purple-wisteria > .portlet-title > .caption { 13231 color: #FFFFFF; 13232 } 13233 .portlet.box.purple-wisteria > .portlet-title > .caption > i { 13234 color: #FFFFFF; 13235 } 13236 .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default { 13237 background: transparent !important; 13238 background-color: transparent !important; 13239 border: 1px solid #caa7d8; 13240 color: #d5b9e0; 13241 box-shadow: none; 13242 } 13243 .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > i { 13244 color: #dbc3e5; 13245 } 13246 .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default.active { 13247 border: 1px solid #dfcae8; 13248 color: #eadcf0; 13249 } 13250 13251 /* Statistic Block */ 13252 .dashboard-stat.purple-wisteria { 13253 background-color: #9B59B6; 13254 } 13255 .dashboard-stat.purple-wisteria.dashboard-stat-light:hover { 13256 background-color: #924dae; 13257 } 13258 .dashboard-stat.purple-wisteria .visual > i { 13259 color: #FFFFFF; 13260 opacity: 0.1; 13261 filter: alpha(opacity=10); 13262 } 13263 .dashboard-stat.purple-wisteria .details .number { 13264 color: #FFFFFF; 13265 } 13266 .dashboard-stat.purple-wisteria .details .desc { 13267 color: #FFFFFF; 13268 opacity: 1; 13269 filter: alpha(opacity=100); 13270 } 13271 .dashboard-stat.purple-wisteria .more { 13272 color: #FFFFFF; 13273 background-color: #924dae; 13274 } 13275 13276 /* General Element */ 13277 .bg-purple-wisteria { 13278 border-color: #9B59B6 !important; 13279 background-image: none !important; 13280 background-color: #9B59B6 !important; 13281 color: #FFFFFF !important; 13282 } 13283 13284 /* General Text & Icon Font Colors */ 13285 .font-purple-wisteria { 13286 color: #9B59B6 !important; 13287 } 13288 13289 .progress-bar.purple-wisteria { 13290 background: #9B59B6 !important; 13291 color: #FFFFFF !important; 13292 } 13293 13294 /*** 13295 Purple Seance 13296 ***/ 13297 /* Button */ 13298 .purple-seance.btn { 13299 color: #FFFFFF; 13300 background-color: #9A12B3; 13301 } 13302 .purple-seance.btn:hover, .purple-seance.btn:focus, .purple-seance.btn:active, .purple-seance.btn.active { 13303 color: #FFFFFF; 13304 background-color: #7e0f93; 13305 } 13306 .open .purple-seance.btn.dropdown-toggle { 13307 color: #FFFFFF; 13308 background-color: #7e0f93; 13309 } 13310 .purple-seance.btn:active, .purple-seance.btn.active { 13311 background-image: none; 13312 background-color: #6a0c7b; 13313 } 13314 .purple-seance.btn:active:hover, .purple-seance.btn.active:hover { 13315 background-color: #720d85; 13316 } 13317 .open .purple-seance.btn.dropdown-toggle { 13318 background-image: none; 13319 } 13320 .purple-seance.btn.disabled, .purple-seance.btn.disabled:hover, .purple-seance.btn.disabled:focus, .purple-seance.btn.disabled:active, .purple-seance.btn.disabled.active, .purple-seance.btn[disabled], .purple-seance.btn[disabled]:hover, .purple-seance.btn[disabled]:focus, .purple-seance.btn[disabled]:active, .purple-seance.btn[disabled].active, fieldset[disabled] .purple-seance.btn, fieldset[disabled] .purple-seance.btn:hover, fieldset[disabled] .purple-seance.btn:focus, fieldset[disabled] .purple-seance.btn:active, fieldset[disabled] .purple-seance.btn.active { 13321 background-color: #9A12B3; 13322 } 13323 .purple-seance.btn .badge { 13324 color: #9A12B3; 13325 background-color: #FFFFFF; 13326 } 13327 13328 /* Button Strip */ 13329 .btn.purple-seance-stripe { 13330 border-left: 3px solid #9A12B3; 13331 } 13332 13333 /* Portlet */ 13334 .portlet > .portlet-body.purple-seance, 13335 .portlet.purple-seance { 13336 background-color: #9A12B3; 13337 } 13338 13339 .portlet.solid.purple-seance > .portlet-title, 13340 .portlet.solid.purple-seance > .portlet-body { 13341 border: 0; 13342 color: #FFFFFF; 13343 } 13344 .portlet.solid.purple-seance > .portlet-title > .caption { 13345 font-weight: 400; 13346 } 13347 .portlet.solid.purple-seance > .portlet-title > .caption > i { 13348 color: #FFFFFF; 13349 } 13350 .portlet.solid.purple-seance > .portlet-title > .tools > a.remove { 13351 background-image: url(../img/portlet-remove-icon-white.png); 13352 } 13353 .portlet.solid.purple-seance > .portlet-title > .tools > a.config { 13354 background-image: url(../img/portlet-config-icon-white.png); 13355 } 13356 .portlet.solid.purple-seance > .portlet-title > .tools > a.reload { 13357 background-image: url(../img/portlet-reload-icon-white.png); 13358 } 13359 .portlet.solid.purple-seance > .portlet-title > .tools > a.expand { 13360 background-image: url(../img/portlet-expand-icon-white.png); 13361 } 13362 .portlet.solid.purple-seance > .portlet-title > .tools > a.collapse { 13363 background-image: url(../img/portlet-collapse-icon-white.png); 13364 } 13365 .portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen { 13366 color: #fdfdfd; 13367 } 13368 13369 .portlet.box.purple-seance { 13370 border: 1px solid #c217e1; 13371 border-top: 0; 13372 } 13373 .portlet.box.purple-seance > .portlet-title { 13374 background-color: #9A12B3; 13375 } 13376 .portlet.box.purple-seance > .portlet-title > .caption { 13377 color: #FFFFFF; 13378 } 13379 .portlet.box.purple-seance > .portlet-title > .caption > i { 13380 color: #FFFFFF; 13381 } 13382 .portlet.box.purple-seance > .portlet-title > .actions .btn-default { 13383 background: transparent !important; 13384 background-color: transparent !important; 13385 border: 1px solid #d349ed; 13386 color: #d960ef; 13387 box-shadow: none; 13388 } 13389 .portlet.box.purple-seance > .portlet-title > .actions .btn-default > i { 13390 color: #dc6ef0; 13391 } 13392 .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default.active { 13393 border: 1px solid #de77f1; 13394 color: #e48ef4; 13395 } 13396 13397 /* Statistic Block */ 13398 .dashboard-stat.purple-seance { 13399 background-color: #9A12B3; 13400 } 13401 .dashboard-stat.purple-seance.dashboard-stat-light:hover { 13402 background-color: #8a10a0; 13403 } 13404 .dashboard-stat.purple-seance .visual > i { 13405 color: #FFFFFF; 13406 opacity: 0.1; 13407 filter: alpha(opacity=10); 13408 } 13409 .dashboard-stat.purple-seance .details .number { 13410 color: #FFFFFF; 13411 } 13412 .dashboard-stat.purple-seance .details .desc { 13413 color: #FFFFFF; 13414 opacity: 1; 13415 filter: alpha(opacity=100); 13416 } 13417 .dashboard-stat.purple-seance .more { 13418 color: #FFFFFF; 13419 background-color: #8a10a0; 13420 } 13421 13422 /* General Element */ 13423 .bg-purple-seance { 13424 border-color: #9A12B3 !important; 13425 background-image: none !important; 13426 background-color: #9A12B3 !important; 13427 color: #FFFFFF !important; 13428 } 13429 13430 /* General Text & Icon Font Colors */ 13431 .font-purple-seance { 13432 color: #9A12B3 !important; 13433 } 13434 13435 .progress-bar.purple-seance { 13436 background: #9A12B3 !important; 13437 color: #FFFFFF !important; 13438 } 13439 13440 /*** 13441 Purple Intense 13442 ***/ 13443 /* Button */ 13444 .purple-intense.btn { 13445 color: #FFFFFF; 13446 background-color: #8775a7; 13447 } 13448 .purple-intense.btn:hover, .purple-intense.btn:focus, .purple-intense.btn:active, .purple-intense.btn.active { 13449 color: #FFFFFF; 13450 background-color: #746198; 13451 } 13452 .open .purple-intense.btn.dropdown-toggle { 13453 color: #FFFFFF; 13454 background-color: #746198; 13455 } 13456 .purple-intense.btn:active, .purple-intense.btn.active { 13457 background-image: none; 13458 background-color: #685788; 13459 } 13460 .purple-intense.btn:active:hover, .purple-intense.btn.active:hover { 13461 background-color: #6d5b8e; 13462 } 13463 .open .purple-intense.btn.dropdown-toggle { 13464 background-image: none; 13465 } 13466 .purple-intense.btn.disabled, .purple-intense.btn.disabled:hover, .purple-intense.btn.disabled:focus, .purple-intense.btn.disabled:active, .purple-intense.btn.disabled.active, .purple-intense.btn[disabled], .purple-intense.btn[disabled]:hover, .purple-intense.btn[disabled]:focus, .purple-intense.btn[disabled]:active, .purple-intense.btn[disabled].active, fieldset[disabled] .purple-intense.btn, fieldset[disabled] .purple-intense.btn:hover, fieldset[disabled] .purple-intense.btn:focus, fieldset[disabled] .purple-intense.btn:active, fieldset[disabled] .purple-intense.btn.active { 13467 background-color: #8775a7; 13468 } 13469 .purple-intense.btn .badge { 13470 color: #8775a7; 13471 background-color: #FFFFFF; 13472 } 13473 13474 /* Button Strip */ 13475 .btn.purple-intense-stripe { 13476 border-left: 3px solid #8775a7; 13477 } 13478 13479 /* Portlet */ 13480 .portlet > .portlet-body.purple-intense, 13481 .portlet.purple-intense { 13482 background-color: #8775a7; 13483 } 13484 13485 .portlet.solid.purple-intense > .portlet-title, 13486 .portlet.solid.purple-intense > .portlet-body { 13487 border: 0; 13488 color: #FFFFFF; 13489 } 13490 .portlet.solid.purple-intense > .portlet-title > .caption { 13491 font-weight: 400; 13492 } 13493 .portlet.solid.purple-intense > .portlet-title > .caption > i { 13494 color: #FFFFFF; 13495 } 13496 .portlet.solid.purple-intense > .portlet-title > .tools > a.remove { 13497 background-image: url(../img/portlet-remove-icon-white.png); 13498 } 13499 .portlet.solid.purple-intense > .portlet-title > .tools > a.config { 13500 background-image: url(../img/portlet-config-icon-white.png); 13501 } 13502 .portlet.solid.purple-intense > .portlet-title > .tools > a.reload { 13503 background-image: url(../img/portlet-reload-icon-white.png); 13504 } 13505 .portlet.solid.purple-intense > .portlet-title > .tools > a.expand { 13506 background-image: url(../img/portlet-expand-icon-white.png); 13507 } 13508 .portlet.solid.purple-intense > .portlet-title > .tools > a.collapse { 13509 background-image: url(../img/portlet-collapse-icon-white.png); 13510 } 13511 .portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen { 13512 color: #fdfdfd; 13513 } 13514 13515 .portlet.box.purple-intense { 13516 border: 1px solid #a294bb; 13517 border-top: 0; 13518 } 13519 .portlet.box.purple-intense > .portlet-title { 13520 background-color: #8775a7; 13521 } 13522 .portlet.box.purple-intense > .portlet-title > .caption { 13523 color: #FFFFFF; 13524 } 13525 .portlet.box.purple-intense > .portlet-title > .caption > i { 13526 color: #FFFFFF; 13527 } 13528 .portlet.box.purple-intense > .portlet-title > .actions .btn-default { 13529 background: transparent !important; 13530 background-color: transparent !important; 13531 border: 1px solid #c3bad3; 13532 color: #d0c9dd; 13533 box-shadow: none; 13534 } 13535 .portlet.box.purple-intense > .portlet-title > .actions .btn-default > i { 13536 color: #d8d2e3; 13537 } 13538 .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default.active { 13539 border: 1px solid #ded9e7; 13540 color: #ebe8f0; 13541 } 13542 13543 /* Statistic Block */ 13544 .dashboard-stat.purple-intense { 13545 background-color: #8775a7; 13546 } 13547 .dashboard-stat.purple-intense.dashboard-stat-light:hover { 13548 background-color: #7c699f; 13549 } 13550 .dashboard-stat.purple-intense .visual > i { 13551 color: #FFFFFF; 13552 opacity: 0.1; 13553 filter: alpha(opacity=10); 13554 } 13555 .dashboard-stat.purple-intense .details .number { 13556 color: #FFFFFF; 13557 } 13558 .dashboard-stat.purple-intense .details .desc { 13559 color: #FFFFFF; 13560 opacity: 1; 13561 filter: alpha(opacity=100); 13562 } 13563 .dashboard-stat.purple-intense .more { 13564 color: #FFFFFF; 13565 background-color: #7c699f; 13566 } 13567 13568 /* General Element */ 13569 .bg-purple-intense { 13570 border-color: #8775a7 !important; 13571 background-image: none !important; 13572 background-color: #8775a7 !important; 13573 color: #FFFFFF !important; 13574 } 13575 13576 /* General Text & Icon Font Colors */ 13577 .font-purple-intense { 13578 color: #8775a7 !important; 13579 } 13580 13581 .progress-bar.purple-intense { 13582 background: #8775a7 !important; 13583 color: #FFFFFF !important; 13584 } 13585 13586 /*** 13587 Purple Sharp 13588 ***/ 13589 /* Button */ 13590 .purple-sharp.btn { 13591 color: #FFFFFF; 13592 background-color: #796799; 13593 } 13594 .purple-sharp.btn:hover, .purple-sharp.btn:focus, .purple-sharp.btn:active, .purple-sharp.btn.active { 13595 color: #FFFFFF; 13596 background-color: #685884; 13597 } 13598 .open .purple-sharp.btn.dropdown-toggle { 13599 color: #FFFFFF; 13600 background-color: #685884; 13601 } 13602 .purple-sharp.btn:active, .purple-sharp.btn.active { 13603 background-image: none; 13604 background-color: #5c4e75; 13605 } 13606 .purple-sharp.btn:active:hover, .purple-sharp.btn.active:hover { 13607 background-color: #61527b; 13608 } 13609 .open .purple-sharp.btn.dropdown-toggle { 13610 background-image: none; 13611 } 13612 .purple-sharp.btn.disabled, .purple-sharp.btn.disabled:hover, .purple-sharp.btn.disabled:focus, .purple-sharp.btn.disabled:active, .purple-sharp.btn.disabled.active, .purple-sharp.btn[disabled], .purple-sharp.btn[disabled]:hover, .purple-sharp.btn[disabled]:focus, .purple-sharp.btn[disabled]:active, .purple-sharp.btn[disabled].active, fieldset[disabled] .purple-sharp.btn, fieldset[disabled] .purple-sharp.btn:hover, fieldset[disabled] .purple-sharp.btn:focus, fieldset[disabled] .purple-sharp.btn:active, fieldset[disabled] .purple-sharp.btn.active { 13613 background-color: #796799; 13614 } 13615 .purple-sharp.btn .badge { 13616 color: #796799; 13617 background-color: #FFFFFF; 13618 } 13619 13620 /* Button Strip */ 13621 .btn.purple-sharp-stripe { 13622 border-left: 3px solid #796799; 13623 } 13624 13625 /* Portlet */ 13626 .portlet > .portlet-body.purple-sharp, 13627 .portlet.purple-sharp { 13628 background-color: #796799; 13629 } 13630 13631 .portlet.solid.purple-sharp > .portlet-title, 13632 .portlet.solid.purple-sharp > .portlet-body { 13633 border: 0; 13634 color: #FFFFFF; 13635 } 13636 .portlet.solid.purple-sharp > .portlet-title > .caption { 13637 font-weight: 400; 13638 } 13639 .portlet.solid.purple-sharp > .portlet-title > .caption > i { 13640 color: #FFFFFF; 13641 } 13642 .portlet.solid.purple-sharp > .portlet-title > .tools > a.remove { 13643 background-image: url(../img/portlet-remove-icon-white.png); 13644 } 13645 .portlet.solid.purple-sharp > .portlet-title > .tools > a.config { 13646 background-image: url(../img/portlet-config-icon-white.png); 13647 } 13648 .portlet.solid.purple-sharp > .portlet-title > .tools > a.reload { 13649 background-image: url(../img/portlet-reload-icon-white.png); 13650 } 13651 .portlet.solid.purple-sharp > .portlet-title > .tools > a.expand { 13652 background-image: url(../img/portlet-expand-icon-white.png); 13653 } 13654 .portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse { 13655 background-image: url(../img/portlet-collapse-icon-white.png); 13656 } 13657 .portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen { 13658 color: #fdfdfd; 13659 } 13660 13661 .portlet.box.purple-sharp { 13662 border: 1px solid #9486ad; 13663 border-top: 0; 13664 } 13665 .portlet.box.purple-sharp > .portlet-title { 13666 background-color: #796799; 13667 } 13668 .portlet.box.purple-sharp > .portlet-title > .caption { 13669 color: #FFFFFF; 13670 } 13671 .portlet.box.purple-sharp > .portlet-title > .caption > i { 13672 color: #FFFFFF; 13673 } 13674 .portlet.box.purple-sharp > .portlet-title > .actions .btn-default { 13675 background: transparent !important; 13676 background-color: transparent !important; 13677 border: 1px solid #b4aac6; 13678 color: #c2b9d0; 13679 box-shadow: none; 13680 } 13681 .portlet.box.purple-sharp > .portlet-title > .actions .btn-default > i { 13682 color: #cac3d6; 13683 } 13684 .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default.active { 13685 border: 1px solid #cfc9db; 13686 color: #ddd8e5; 13687 } 13688 13689 /* Statistic Block */ 13690 .dashboard-stat.purple-sharp { 13691 background-color: #796799; 13692 } 13693 .dashboard-stat.purple-sharp.dashboard-stat-light:hover { 13694 background-color: #6f5f8d; 13695 } 13696 .dashboard-stat.purple-sharp .visual > i { 13697 color: #FFFFFF; 13698 opacity: 0.1; 13699 filter: alpha(opacity=10); 13700 } 13701 .dashboard-stat.purple-sharp .details .number { 13702 color: #FFFFFF; 13703 } 13704 .dashboard-stat.purple-sharp .details .desc { 13705 color: #FFFFFF; 13706 opacity: 1; 13707 filter: alpha(opacity=100); 13708 } 13709 .dashboard-stat.purple-sharp .more { 13710 color: #FFFFFF; 13711 background-color: #6f5f8d; 13712 } 13713 13714 /* General Element */ 13715 .bg-purple-sharp { 13716 border-color: #796799 !important; 13717 background-image: none !important; 13718 background-color: #796799 !important; 13719 color: #FFFFFF !important; 13720 } 13721 13722 /* General Text & Icon Font Colors */ 13723 .font-purple-sharp { 13724 color: #796799 !important; 13725 } 13726 13727 .progress-bar.purple-sharp { 13728 background: #796799 !important; 13729 color: #FFFFFF !important; 13730 } 13731 13732 /*** 13733 Purple Soft 13734 ***/ 13735 /* Button */ 13736 .purple-soft.btn { 13737 color: #FFFFFF; 13738 background-color: #8877a9; 13739 } 13740 .purple-soft.btn:hover, .purple-soft.btn:focus, .purple-soft.btn:active, .purple-soft.btn.active { 13741 color: #FFFFFF; 13742 background-color: #75629b; 13743 } 13744 .open .purple-soft.btn.dropdown-toggle { 13745 color: #FFFFFF; 13746 background-color: #75629b; 13747 } 13748 .purple-soft.btn:active, .purple-soft.btn.active { 13749 background-image: none; 13750 background-color: #69588b; 13751 } 13752 .purple-soft.btn:active:hover, .purple-soft.btn.active:hover { 13753 background-color: #6e5c91; 13754 } 13755 .open .purple-soft.btn.dropdown-toggle { 13756 background-image: none; 13757 } 13758 .purple-soft.btn.disabled, .purple-soft.btn.disabled:hover, .purple-soft.btn.disabled:focus, .purple-soft.btn.disabled:active, .purple-soft.btn.disabled.active, .purple-soft.btn[disabled], .purple-soft.btn[disabled]:hover, .purple-soft.btn[disabled]:focus, .purple-soft.btn[disabled]:active, .purple-soft.btn[disabled].active, fieldset[disabled] .purple-soft.btn, fieldset[disabled] .purple-soft.btn:hover, fieldset[disabled] .purple-soft.btn:focus, fieldset[disabled] .purple-soft.btn:active, fieldset[disabled] .purple-soft.btn.active { 13759 background-color: #8877a9; 13760 } 13761 .purple-soft.btn .badge { 13762 color: #8877a9; 13763 background-color: #FFFFFF; 13764 } 13765 13766 /* Button Strip */ 13767 .btn.purple-soft-stripe { 13768 border-left: 3px solid #8877a9; 13769 } 13770 13771 /* Portlet */ 13772 .portlet > .portlet-body.purple-soft, 13773 .portlet.purple-soft { 13774 background-color: #8877a9; 13775 } 13776 13777 .portlet.solid.purple-soft > .portlet-title, 13778 .portlet.solid.purple-soft > .portlet-body { 13779 border: 0; 13780 color: #FFFFFF; 13781 } 13782 .portlet.solid.purple-soft > .portlet-title > .caption { 13783 font-weight: 400; 13784 } 13785 .portlet.solid.purple-soft > .portlet-title > .caption > i { 13786 color: #FFFFFF; 13787 } 13788 .portlet.solid.purple-soft > .portlet-title > .tools > a.remove { 13789 background-image: url(../img/portlet-remove-icon-white.png); 13790 } 13791 .portlet.solid.purple-soft > .portlet-title > .tools > a.config { 13792 background-image: url(../img/portlet-config-icon-white.png); 13793 } 13794 .portlet.solid.purple-soft > .portlet-title > .tools > a.reload { 13795 background-image: url(../img/portlet-reload-icon-white.png); 13796 } 13797 .portlet.solid.purple-soft > .portlet-title > .tools > a.expand { 13798 background-image: url(../img/portlet-expand-icon-white.png); 13799 } 13800 .portlet.solid.purple-soft > .portlet-title > .tools > a.collapse { 13801 background-image: url(../img/portlet-collapse-icon-white.png); 13802 } 13803 .portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen { 13804 color: #fdfdfd; 13805 } 13806 13807 .portlet.box.purple-soft { 13808 border: 1px solid #a396bd; 13809 border-top: 0; 13810 } 13811 .portlet.box.purple-soft > .portlet-title { 13812 background-color: #8877a9; 13813 } 13814 .portlet.box.purple-soft > .portlet-title > .caption { 13815 color: #FFFFFF; 13816 } 13817 .portlet.box.purple-soft > .portlet-title > .caption > i { 13818 color: #FFFFFF; 13819 } 13820 .portlet.box.purple-soft > .portlet-title > .actions .btn-default { 13821 background: transparent !important; 13822 background-color: transparent !important; 13823 border: 1px solid #c4bcd4; 13824 color: #d2cbde; 13825 box-shadow: none; 13826 } 13827 .portlet.box.purple-soft > .portlet-title > .actions .btn-default > i { 13828 color: #dad5e4; 13829 } 13830 .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default.active { 13831 border: 1px solid #dfdbe8; 13832 color: #edebf2; 13833 } 13834 13835 /* Statistic Block */ 13836 .dashboard-stat.purple-soft { 13837 background-color: #8877a9; 13838 } 13839 .dashboard-stat.purple-soft.dashboard-stat-light:hover { 13840 background-color: #7d6ba1; 13841 } 13842 .dashboard-stat.purple-soft .visual > i { 13843 color: #FFFFFF; 13844 opacity: 0.1; 13845 filter: alpha(opacity=10); 13846 } 13847 .dashboard-stat.purple-soft .details .number { 13848 color: #FFFFFF; 13849 } 13850 .dashboard-stat.purple-soft .details .desc { 13851 color: #FFFFFF; 13852 opacity: 1; 13853 filter: alpha(opacity=100); 13854 } 13855 .dashboard-stat.purple-soft .more { 13856 color: #FFFFFF; 13857 background-color: #7d6ba1; 13858 } 13859 13860 /* General Element */ 13861 .bg-purple-soft { 13862 border-color: #8877a9 !important; 13863 background-image: none !important; 13864 background-color: #8877a9 !important; 13865 color: #FFFFFF !important; 13866 } 13867 13868 /* General Text & Icon Font Colors */ 13869 .font-purple-soft { 13870 color: #8877a9 !important; 13871 } 13872 13873 .progress-bar.purple-soft { 13874 background: #8877a9 !important; 13875 color: #FFFFFF !important; 13876 } 13877 13878 /*** 13879 Transparent Button 13880 ***/ 13881 .btn-transparent.btn { 13882 background: transparent; 13883 color: #888; 13884 }