src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/dist/css/skins/_all-skins.css

   1 /*
   2  * Skin: Blue
   3  * ----------
   4  */
   5 .skin-blue .main-header .navbar {
   6   background-color: #3c8dbc;
   7 }
   8 .skin-blue .main-header .navbar .nav > li > a {
   9   color: #ffffff;
  10 }
  11 .skin-blue .main-header .navbar .nav > li > a:hover,
  12 .skin-blue .main-header .navbar .nav > li > a:active,
  13 .skin-blue .main-header .navbar .nav > li > a:focus,
  14 .skin-blue .main-header .navbar .nav .open > a,
  15 .skin-blue .main-header .navbar .nav .open > a:hover,
  16 .skin-blue .main-header .navbar .nav .open > a:focus,
  17 .skin-blue .main-header .navbar .nav > .active > a {
  18   background: rgba(0, 0, 0, 0.1);
  19   color: #f6f6f6;
  20 }
  21 .skin-blue .main-header .navbar .sidebar-toggle {
  22   color: #ffffff;
  23 }
  24 .skin-blue .main-header .navbar .sidebar-toggle:hover {
  25   color: #f6f6f6;
  26   background: rgba(0, 0, 0, 0.1);
  27 }
  28 .skin-blue .main-header .navbar .sidebar-toggle {
  29   color: #fff;
  30 }
  31 .skin-blue .main-header .navbar .sidebar-toggle:hover {
  32   background-color: #367fa9;
  33 }
  34 @media (max-width: 767px) {
  35   .skin-blue .main-header .navbar .dropdown-menu li.divider {
  36     background-color: rgba(255, 255, 255, 0.1);
  37   }
  38   .skin-blue .main-header .navbar .dropdown-menu li a {
  39     color: #fff;
  40   }
  41   .skin-blue .main-header .navbar .dropdown-menu li a:hover {
  42     background: #367fa9;
  43   }
  44 }
  45 .skin-blue .main-header .logo {
  46   background-color: #367fa9;
  47   color: #ffffff;
  48   border-bottom: 0 solid transparent;
  49 }
  50 .skin-blue .main-header .logo:hover {
  51   background-color: #357ca5;
  52 }
  53 .skin-blue .main-header li.user-header {
  54   background-color: #3c8dbc;
  55 }
  56 .skin-blue .content-header {
  57   background: transparent;
  58 }
  59 .skin-blue .wrapper,
  60 .skin-blue .main-sidebar,
  61 .skin-blue .left-side {
  62   background-color: #222d32;
  63 }
  64 .skin-blue .user-panel > .info,
  65 .skin-blue .user-panel > .info > a {
  66   color: #fff;
  67 }
  68 .skin-blue .sidebar-menu > li.header {
  69   color: #4b646f;
  70   background: #1a2226;
  71 }
  72 .skin-blue .sidebar-menu > li > a {
  73   border-left: 3px solid transparent;
  74 }
  75 .skin-blue .sidebar-menu > li:hover > a,
  76 .skin-blue .sidebar-menu > li.active > a {
  77   color: #ffffff;
  78   background: #1e282c;
  79   border-left-color: #3c8dbc;
  80 }
  81 .skin-blue .sidebar-menu > li > .treeview-menu {
  82   margin: 0 1px;
  83   background: #2c3b41;
  84 }
  85 .skin-blue .sidebar a {
  86   color: #b8c7ce;
  87 }
  88 .skin-blue .sidebar a:hover {
  89   text-decoration: none;
  90 }
  91 .skin-blue .treeview-menu > li > a {
  92   color: #8aa4af;
  93 }
  94 .skin-blue .treeview-menu > li.active > a,
  95 .skin-blue .treeview-menu > li > a:hover {
  96   color: #ffffff;
  97 }
  98 .skin-blue .sidebar-form {
  99   border-radius: 3px;
 100   border: 1px solid #374850;
 101   margin: 10px 10px;
 102 }
 103 .skin-blue .sidebar-form input[type="text"],
 104 .skin-blue .sidebar-form .btn {
 105   box-shadow: none;
 106   background-color: #374850;
 107   border: 1px solid transparent;
 108   height: 35px;
 109 }
 110 .skin-blue .sidebar-form input[type="text"] {
 111   color: #666;
 112   border-top-left-radius: 2px;
 113   border-top-right-radius: 0;
 114   border-bottom-right-radius: 0;
 115   border-bottom-left-radius: 2px;
 116 }
 117 .skin-blue .sidebar-form input[type="text"]:focus,
 118 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 119   background-color: #fff;
 120   color: #666;
 121 }
 122 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 123   border-left-color: #fff;
 124 }
 125 .skin-blue .sidebar-form .btn {
 126   color: #999;
 127   border-top-left-radius: 0;
 128   border-top-right-radius: 2px;
 129   border-bottom-right-radius: 2px;
 130   border-bottom-left-radius: 0;
 131 }
 132 .skin-blue.layout-top-nav .main-header > .logo {
 133   background-color: #3c8dbc;
 134   color: #ffffff;
 135   border-bottom: 0 solid transparent;
 136 }
 137 .skin-blue.layout-top-nav .main-header > .logo:hover {
 138   background-color: #3b8ab8;
 139 }
 140 /*
 141  * Skin: Blue
 142  * ----------
 143  */
 144 .skin-blue-light .main-header .navbar {
 145   background-color: #3c8dbc;
 146 }
 147 .skin-blue-light .main-header .navbar .nav > li > a {
 148   color: #ffffff;
 149 }
 150 .skin-blue-light .main-header .navbar .nav > li > a:hover,
 151 .skin-blue-light .main-header .navbar .nav > li > a:active,
 152 .skin-blue-light .main-header .navbar .nav > li > a:focus,
 153 .skin-blue-light .main-header .navbar .nav .open > a,
 154 .skin-blue-light .main-header .navbar .nav .open > a:hover,
 155 .skin-blue-light .main-header .navbar .nav .open > a:focus,
 156 .skin-blue-light .main-header .navbar .nav > .active > a {
 157   background: rgba(0, 0, 0, 0.1);
 158   color: #f6f6f6;
 159 }
 160 .skin-blue-light .main-header .navbar .sidebar-toggle {
 161   color: #ffffff;
 162 }
 163 .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
 164   color: #f6f6f6;
 165   background: rgba(0, 0, 0, 0.1);
 166 }
 167 .skin-blue-light .main-header .navbar .sidebar-toggle {
 168   color: #fff;
 169 }
 170 .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
 171   background-color: #367fa9;
 172 }
 173 @media (max-width: 767px) {
 174   .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
 175     background-color: rgba(255, 255, 255, 0.1);
 176   }
 177   .skin-blue-light .main-header .navbar .dropdown-menu li a {
 178     color: #fff;
 179   }
 180   .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
 181     background: #367fa9;
 182   }
 183 }
 184 .skin-blue-light .main-header .logo {
 185   background-color: #3c8dbc;
 186   color: #ffffff;
 187   border-bottom: 0 solid transparent;
 188 }
 189 .skin-blue-light .main-header .logo:hover {
 190   background-color: #3b8ab8;
 191 }
 192 .skin-blue-light .main-header li.user-header {
 193   background-color: #3c8dbc;
 194 }
 195 .skin-blue-light .content-header {
 196   background: transparent;
 197 }
 198 .skin-blue-light .wrapper,
 199 .skin-blue-light .main-sidebar,
 200 .skin-blue-light .left-side {
 201   background-color: #f9fafc;
 202 }
 203 .skin-blue-light .content-wrapper,
 204 .skin-blue-light .main-footer {
 205   border-left: 1px solid #d2d6de;
 206 }
 207 .skin-blue-light .user-panel > .info,
 208 .skin-blue-light .user-panel > .info > a {
 209   color: #444444;
 210 }
 211 .skin-blue-light .sidebar-menu > li {
 212   -webkit-transition: border-left-color 0.3s ease;
 213   -o-transition: border-left-color 0.3s ease;
 214   transition: border-left-color 0.3s ease;
 215 }
 216 .skin-blue-light .sidebar-menu > li.header {
 217   color: #848484;
 218   background: #f9fafc;
 219 }
 220 .skin-blue-light .sidebar-menu > li > a {
 221   border-left: 3px solid transparent;
 222   font-weight: 600;
 223 }
 224 .skin-blue-light .sidebar-menu > li:hover > a,
 225 .skin-blue-light .sidebar-menu > li.active > a {
 226   color: #000000;
 227   background: #f4f4f5;
 228 }
 229 .skin-blue-light .sidebar-menu > li.active {
 230   border-left-color: #3c8dbc;
 231 }
 232 .skin-blue-light .sidebar-menu > li.active > a {
 233   font-weight: 600;
 234 }
 235 .skin-blue-light .sidebar-menu > li > .treeview-menu {
 236   background: #f4f4f5;
 237 }
 238 .skin-blue-light .sidebar a {
 239   color: #444444;
 240 }
 241 .skin-blue-light .sidebar a:hover {
 242   text-decoration: none;
 243 }
 244 .skin-blue-light .treeview-menu > li > a {
 245   color: #777777;
 246 }
 247 .skin-blue-light .treeview-menu > li.active > a,
 248 .skin-blue-light .treeview-menu > li > a:hover {
 249   color: #000000;
 250 }
 251 .skin-blue-light .treeview-menu > li.active > a {
 252   font-weight: 600;
 253 }
 254 .skin-blue-light .sidebar-form {
 255   border-radius: 3px;
 256   border: 1px solid #d2d6de;
 257   margin: 10px 10px;
 258 }
 259 .skin-blue-light .sidebar-form input[type="text"],
 260 .skin-blue-light .sidebar-form .btn {
 261   box-shadow: none;
 262   background-color: #fff;
 263   border: 1px solid transparent;
 264   height: 35px;
 265 }
 266 .skin-blue-light .sidebar-form input[type="text"] {
 267   color: #666;
 268   border-top-left-radius: 2px;
 269   border-top-right-radius: 0;
 270   border-bottom-right-radius: 0;
 271   border-bottom-left-radius: 2px;
 272 }
 273 .skin-blue-light .sidebar-form input[type="text"]:focus,
 274 .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 275   background-color: #fff;
 276   color: #666;
 277 }
 278 .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 279   border-left-color: #fff;
 280 }
 281 .skin-blue-light .sidebar-form .btn {
 282   color: #999;
 283   border-top-left-radius: 0;
 284   border-top-right-radius: 2px;
 285   border-bottom-right-radius: 2px;
 286   border-bottom-left-radius: 0;
 287 }
 288 @media (min-width: 768px) {
 289   .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
 290     border-left: 1px solid #d2d6de;
 291   }
 292 }
 293 .skin-blue-light .main-footer {
 294   border-top-color: #d2d6de;
 295 }
 296 .skin-blue.layout-top-nav .main-header > .logo {
 297   background-color: #3c8dbc;
 298   color: #ffffff;
 299   border-bottom: 0 solid transparent;
 300 }
 301 .skin-blue.layout-top-nav .main-header > .logo:hover {
 302   background-color: #3b8ab8;
 303 }
 304 /*
 305  * Skin: Black
 306  * -----------
 307  */
 308 /* skin-black navbar */
 309 .skin-black .main-header {
 310   -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
 311   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
 312 }
 313 .skin-black .main-header .navbar-toggle {
 314   color: #333;
 315 }
 316 .skin-black .main-header .navbar-brand {
 317   color: #333;
 318   border-right: 1px solid #eee;
 319 }
 320 .skin-black .main-header .navbar {
 321   background-color: #ffffff;
 322 }
 323 .skin-black .main-header .navbar .nav > li > a {
 324   color: #333333;
 325 }
 326 .skin-black .main-header .navbar .nav > li > a:hover,
 327 .skin-black .main-header .navbar .nav > li > a:active,
 328 .skin-black .main-header .navbar .nav > li > a:focus,
 329 .skin-black .main-header .navbar .nav .open > a,
 330 .skin-black .main-header .navbar .nav .open > a:hover,
 331 .skin-black .main-header .navbar .nav .open > a:focus,
 332 .skin-black .main-header .navbar .nav > .active > a {
 333   background: #ffffff;
 334   color: #999999;
 335 }
 336 .skin-black .main-header .navbar .sidebar-toggle {
 337   color: #333333;
 338 }
 339 .skin-black .main-header .navbar .sidebar-toggle:hover {
 340   color: #999999;
 341   background: #ffffff;
 342 }
 343 .skin-black .main-header .navbar > .sidebar-toggle {
 344   color: #333;
 345   border-right: 1px solid #eee;
 346 }
 347 .skin-black .main-header .navbar .navbar-nav > li > a {
 348   border-right: 1px solid #eee;
 349 }
 350 .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
 351 .skin-black .main-header .navbar .navbar-right > li > a {
 352   border-left: 1px solid #eee;
 353   border-right-width: 0;
 354 }
 355 .skin-black .main-header > .logo {
 356   background-color: #ffffff;
 357   color: #333333;
 358   border-bottom: 0 solid transparent;
 359   border-right: 1px solid #eee;
 360 }
 361 .skin-black .main-header > .logo:hover {
 362   background-color: #fcfcfc;
 363 }
 364 @media (max-width: 767px) {
 365   .skin-black .main-header > .logo {
 366     background-color: #222222;
 367     color: #ffffff;
 368     border-bottom: 0 solid transparent;
 369     border-right: none;
 370   }
 371   .skin-black .main-header > .logo:hover {
 372     background-color: #1f1f1f;
 373   }
 374 }
 375 .skin-black .main-header li.user-header {
 376   background-color: #222;
 377 }
 378 .skin-black .content-header {
 379   background: transparent;
 380   box-shadow: none;
 381 }
 382 .skin-black .wrapper,
 383 .skin-black .main-sidebar,
 384 .skin-black .left-side {
 385   background-color: #222d32;
 386 }
 387 .skin-black .user-panel > .info,
 388 .skin-black .user-panel > .info > a {
 389   color: #fff;
 390 }
 391 .skin-black .sidebar-menu > li.header {
 392   color: #4b646f;
 393   background: #1a2226;
 394 }
 395 .skin-black .sidebar-menu > li > a {
 396   border-left: 3px solid transparent;
 397 }
 398 .skin-black .sidebar-menu > li:hover > a,
 399 .skin-black .sidebar-menu > li.active > a {
 400   color: #ffffff;
 401   background: #1e282c;
 402   border-left-color: #ffffff;
 403 }
 404 .skin-black .sidebar-menu > li > .treeview-menu {
 405   margin: 0 1px;
 406   background: #2c3b41;
 407 }
 408 .skin-black .sidebar a {
 409   color: #b8c7ce;
 410 }
 411 .skin-black .sidebar a:hover {
 412   text-decoration: none;
 413 }
 414 .skin-black .treeview-menu > li > a {
 415   color: #8aa4af;
 416 }
 417 .skin-black .treeview-menu > li.active > a,
 418 .skin-black .treeview-menu > li > a:hover {
 419   color: #ffffff;
 420 }
 421 .skin-black .sidebar-form {
 422   border-radius: 3px;
 423   border: 1px solid #374850;
 424   margin: 10px 10px;
 425 }
 426 .skin-black .sidebar-form input[type="text"],
 427 .skin-black .sidebar-form .btn {
 428   box-shadow: none;
 429   background-color: #374850;
 430   border: 1px solid transparent;
 431   height: 35px;
 432 }
 433 .skin-black .sidebar-form input[type="text"] {
 434   color: #666;
 435   border-top-left-radius: 2px;
 436   border-top-right-radius: 0;
 437   border-bottom-right-radius: 0;
 438   border-bottom-left-radius: 2px;
 439 }
 440 .skin-black .sidebar-form input[type="text"]:focus,
 441 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 442   background-color: #fff;
 443   color: #666;
 444 }
 445 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 446   border-left-color: #fff;
 447 }
 448 .skin-black .sidebar-form .btn {
 449   color: #999;
 450   border-top-left-radius: 0;
 451   border-top-right-radius: 2px;
 452   border-bottom-right-radius: 2px;
 453   border-bottom-left-radius: 0;
 454 }
 455 .skin-black .pace .pace-progress {
 456   background: #222;
 457 }
 458 .skin-black .pace .pace-activity {
 459   border-top-color: #222;
 460   border-left-color: #222;
 461 }
 462 /*
 463  * Skin: Black
 464  * -----------
 465  */
 466 /* skin-black navbar */
 467 .skin-black-light .main-header {
 468   -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
 469   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
 470 }
 471 .skin-black-light .main-header .navbar-toggle {
 472   color: #333;
 473 }
 474 .skin-black-light .main-header .navbar-brand {
 475   color: #333;
 476   border-right: 1px solid #eee;
 477 }
 478 .skin-black-light .main-header .navbar {
 479   background-color: #ffffff;
 480 }
 481 .skin-black-light .main-header .navbar .nav > li > a {
 482   color: #333333;
 483 }
 484 .skin-black-light .main-header .navbar .nav > li > a:hover,
 485 .skin-black-light .main-header .navbar .nav > li > a:active,
 486 .skin-black-light .main-header .navbar .nav > li > a:focus,
 487 .skin-black-light .main-header .navbar .nav .open > a,
 488 .skin-black-light .main-header .navbar .nav .open > a:hover,
 489 .skin-black-light .main-header .navbar .nav .open > a:focus,
 490 .skin-black-light .main-header .navbar .nav > .active > a {
 491   background: #ffffff;
 492   color: #999999;
 493 }
 494 .skin-black-light .main-header .navbar .sidebar-toggle {
 495   color: #333333;
 496 }
 497 .skin-black-light .main-header .navbar .sidebar-toggle:hover {
 498   color: #999999;
 499   background: #ffffff;
 500 }
 501 .skin-black-light .main-header .navbar > .sidebar-toggle {
 502   color: #333;
 503   border-right: 1px solid #eee;
 504 }
 505 .skin-black-light .main-header .navbar .navbar-nav > li > a {
 506   border-right: 1px solid #eee;
 507 }
 508 .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
 509 .skin-black-light .main-header .navbar .navbar-right > li > a {
 510   border-left: 1px solid #eee;
 511   border-right-width: 0;
 512 }
 513 .skin-black-light .main-header > .logo {
 514   background-color: #ffffff;
 515   color: #333333;
 516   border-bottom: 0 solid transparent;
 517   border-right: 1px solid #eee;
 518 }
 519 .skin-black-light .main-header > .logo:hover {
 520   background-color: #fcfcfc;
 521 }
 522 @media (max-width: 767px) {
 523   .skin-black-light .main-header > .logo {
 524     background-color: #222222;
 525     color: #ffffff;
 526     border-bottom: 0 solid transparent;
 527     border-right: none;
 528   }
 529   .skin-black-light .main-header > .logo:hover {
 530     background-color: #1f1f1f;
 531   }
 532 }
 533 .skin-black-light .main-header li.user-header {
 534   background-color: #222;
 535 }
 536 .skin-black-light .content-header {
 537   background: transparent;
 538   box-shadow: none;
 539 }
 540 .skin-black-light .wrapper,
 541 .skin-black-light .main-sidebar,
 542 .skin-black-light .left-side {
 543   background-color: #f9fafc;
 544 }
 545 .skin-black-light .content-wrapper,
 546 .skin-black-light .main-footer {
 547   border-left: 1px solid #d2d6de;
 548 }
 549 .skin-black-light .user-panel > .info,
 550 .skin-black-light .user-panel > .info > a {
 551   color: #444444;
 552 }
 553 .skin-black-light .sidebar-menu > li {
 554   -webkit-transition: border-left-color 0.3s ease;
 555   -o-transition: border-left-color 0.3s ease;
 556   transition: border-left-color 0.3s ease;
 557 }
 558 .skin-black-light .sidebar-menu > li.header {
 559   color: #848484;
 560   background: #f9fafc;
 561 }
 562 .skin-black-light .sidebar-menu > li > a {
 563   border-left: 3px solid transparent;
 564   font-weight: 600;
 565 }
 566 .skin-black-light .sidebar-menu > li:hover > a,
 567 .skin-black-light .sidebar-menu > li.active > a {
 568   color: #000000;
 569   background: #f4f4f5;
 570 }
 571 .skin-black-light .sidebar-menu > li.active {
 572   border-left-color: #ffffff;
 573 }
 574 .skin-black-light .sidebar-menu > li.active > a {
 575   font-weight: 600;
 576 }
 577 .skin-black-light .sidebar-menu > li > .treeview-menu {
 578   background: #f4f4f5;
 579 }
 580 .skin-black-light .sidebar a {
 581   color: #444444;
 582 }
 583 .skin-black-light .sidebar a:hover {
 584   text-decoration: none;
 585 }
 586 .skin-black-light .treeview-menu > li > a {
 587   color: #777777;
 588 }
 589 .skin-black-light .treeview-menu > li.active > a,
 590 .skin-black-light .treeview-menu > li > a:hover {
 591   color: #000000;
 592 }
 593 .skin-black-light .treeview-menu > li.active > a {
 594   font-weight: 600;
 595 }
 596 .skin-black-light .sidebar-form {
 597   border-radius: 3px;
 598   border: 1px solid #d2d6de;
 599   margin: 10px 10px;
 600 }
 601 .skin-black-light .sidebar-form input[type="text"],
 602 .skin-black-light .sidebar-form .btn {
 603   box-shadow: none;
 604   background-color: #fff;
 605   border: 1px solid transparent;
 606   height: 35px;
 607 }
 608 .skin-black-light .sidebar-form input[type="text"] {
 609   color: #666;
 610   border-top-left-radius: 2px;
 611   border-top-right-radius: 0;
 612   border-bottom-right-radius: 0;
 613   border-bottom-left-radius: 2px;
 614 }
 615 .skin-black-light .sidebar-form input[type="text"]:focus,
 616 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 617   background-color: #fff;
 618   color: #666;
 619 }
 620 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 621   border-left-color: #fff;
 622 }
 623 .skin-black-light .sidebar-form .btn {
 624   color: #999;
 625   border-top-left-radius: 0;
 626   border-top-right-radius: 2px;
 627   border-bottom-right-radius: 2px;
 628   border-bottom-left-radius: 0;
 629 }
 630 @media (min-width: 768px) {
 631   .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
 632     border-left: 1px solid #d2d6de;
 633   }
 634 }
 635 /*
 636  * Skin: Green
 637  * -----------
 638  */
 639 .skin-green .main-header .navbar {
 640   background-color: #00a65a;
 641 }
 642 .skin-green .main-header .navbar .nav > li > a {
 643   color: #ffffff;
 644 }
 645 .skin-green .main-header .navbar .nav > li > a:hover,
 646 .skin-green .main-header .navbar .nav > li > a:active,
 647 .skin-green .main-header .navbar .nav > li > a:focus,
 648 .skin-green .main-header .navbar .nav .open > a,
 649 .skin-green .main-header .navbar .nav .open > a:hover,
 650 .skin-green .main-header .navbar .nav .open > a:focus,
 651 .skin-green .main-header .navbar .nav > .active > a {
 652   background: rgba(0, 0, 0, 0.1);
 653   color: #f6f6f6;
 654 }
 655 .skin-green .main-header .navbar .sidebar-toggle {
 656   color: #ffffff;
 657 }
 658 .skin-green .main-header .navbar .sidebar-toggle:hover {
 659   color: #f6f6f6;
 660   background: rgba(0, 0, 0, 0.1);
 661 }
 662 .skin-green .main-header .navbar .sidebar-toggle {
 663   color: #fff;
 664 }
 665 .skin-green .main-header .navbar .sidebar-toggle:hover {
 666   background-color: #008d4c;
 667 }
 668 @media (max-width: 767px) {
 669   .skin-green .main-header .navbar .dropdown-menu li.divider {
 670     background-color: rgba(255, 255, 255, 0.1);
 671   }
 672   .skin-green .main-header .navbar .dropdown-menu li a {
 673     color: #fff;
 674   }
 675   .skin-green .main-header .navbar .dropdown-menu li a:hover {
 676     background: #008d4c;
 677   }
 678 }
 679 .skin-green .main-header .logo {
 680   background-color: #008d4c;
 681   color: #ffffff;
 682   border-bottom: 0 solid transparent;
 683 }
 684 .skin-green .main-header .logo:hover {
 685   background-color: #008749;
 686 }
 687 .skin-green .main-header li.user-header {
 688   background-color: #00a65a;
 689 }
 690 .skin-green .content-header {
 691   background: transparent;
 692 }
 693 .skin-green .wrapper,
 694 .skin-green .main-sidebar,
 695 .skin-green .left-side {
 696   background-color: #222d32;
 697 }
 698 .skin-green .user-panel > .info,
 699 .skin-green .user-panel > .info > a {
 700   color: #fff;
 701 }
 702 .skin-green .sidebar-menu > li.header {
 703   color: #4b646f;
 704   background: #1a2226;
 705 }
 706 .skin-green .sidebar-menu > li > a {
 707   border-left: 3px solid transparent;
 708 }
 709 .skin-green .sidebar-menu > li:hover > a,
 710 .skin-green .sidebar-menu > li.active > a {
 711   color: #ffffff;
 712   background: #1e282c;
 713   border-left-color: #00a65a;
 714 }
 715 .skin-green .sidebar-menu > li > .treeview-menu {
 716   margin: 0 1px;
 717   background: #2c3b41;
 718 }
 719 .skin-green .sidebar a {
 720   color: #b8c7ce;
 721 }
 722 .skin-green .sidebar a:hover {
 723   text-decoration: none;
 724 }
 725 .skin-green .treeview-menu > li > a {
 726   color: #8aa4af;
 727 }
 728 .skin-green .treeview-menu > li.active > a,
 729 .skin-green .treeview-menu > li > a:hover {
 730   color: #ffffff;
 731 }
 732 .skin-green .sidebar-form {
 733   border-radius: 3px;
 734   border: 1px solid #374850;
 735   margin: 10px 10px;
 736 }
 737 .skin-green .sidebar-form input[type="text"],
 738 .skin-green .sidebar-form .btn {
 739   box-shadow: none;
 740   background-color: #374850;
 741   border: 1px solid transparent;
 742   height: 35px;
 743 }
 744 .skin-green .sidebar-form input[type="text"] {
 745   color: #666;
 746   border-top-left-radius: 2px;
 747   border-top-right-radius: 0;
 748   border-bottom-right-radius: 0;
 749   border-bottom-left-radius: 2px;
 750 }
 751 .skin-green .sidebar-form input[type="text"]:focus,
 752 .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 753   background-color: #fff;
 754   color: #666;
 755 }
 756 .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 757   border-left-color: #fff;
 758 }
 759 .skin-green .sidebar-form .btn {
 760   color: #999;
 761   border-top-left-radius: 0;
 762   border-top-right-radius: 2px;
 763   border-bottom-right-radius: 2px;
 764   border-bottom-left-radius: 0;
 765 }
 766 /*
 767  * Skin: Green
 768  * -----------
 769  */
 770 .skin-green-light .main-header .navbar {
 771   background-color: #00a65a;
 772 }
 773 .skin-green-light .main-header .navbar .nav > li > a {
 774   color: #ffffff;
 775 }
 776 .skin-green-light .main-header .navbar .nav > li > a:hover,
 777 .skin-green-light .main-header .navbar .nav > li > a:active,
 778 .skin-green-light .main-header .navbar .nav > li > a:focus,
 779 .skin-green-light .main-header .navbar .nav .open > a,
 780 .skin-green-light .main-header .navbar .nav .open > a:hover,
 781 .skin-green-light .main-header .navbar .nav .open > a:focus,
 782 .skin-green-light .main-header .navbar .nav > .active > a {
 783   background: rgba(0, 0, 0, 0.1);
 784   color: #f6f6f6;
 785 }
 786 .skin-green-light .main-header .navbar .sidebar-toggle {
 787   color: #ffffff;
 788 }
 789 .skin-green-light .main-header .navbar .sidebar-toggle:hover {
 790   color: #f6f6f6;
 791   background: rgba(0, 0, 0, 0.1);
 792 }
 793 .skin-green-light .main-header .navbar .sidebar-toggle {
 794   color: #fff;
 795 }
 796 .skin-green-light .main-header .navbar .sidebar-toggle:hover {
 797   background-color: #008d4c;
 798 }
 799 @media (max-width: 767px) {
 800   .skin-green-light .main-header .navbar .dropdown-menu li.divider {
 801     background-color: rgba(255, 255, 255, 0.1);
 802   }
 803   .skin-green-light .main-header .navbar .dropdown-menu li a {
 804     color: #fff;
 805   }
 806   .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
 807     background: #008d4c;
 808   }
 809 }
 810 .skin-green-light .main-header .logo {
 811   background-color: #00a65a;
 812   color: #ffffff;
 813   border-bottom: 0 solid transparent;
 814 }
 815 .skin-green-light .main-header .logo:hover {
 816   background-color: #00a157;
 817 }
 818 .skin-green-light .main-header li.user-header {
 819   background-color: #00a65a;
 820 }
 821 .skin-green-light .content-header {
 822   background: transparent;
 823 }
 824 .skin-green-light .wrapper,
 825 .skin-green-light .main-sidebar,
 826 .skin-green-light .left-side {
 827   background-color: #f9fafc;
 828 }
 829 .skin-green-light .content-wrapper,
 830 .skin-green-light .main-footer {
 831   border-left: 1px solid #d2d6de;
 832 }
 833 .skin-green-light .user-panel > .info,
 834 .skin-green-light .user-panel > .info > a {
 835   color: #444444;
 836 }
 837 .skin-green-light .sidebar-menu > li {
 838   -webkit-transition: border-left-color 0.3s ease;
 839   -o-transition: border-left-color 0.3s ease;
 840   transition: border-left-color 0.3s ease;
 841 }
 842 .skin-green-light .sidebar-menu > li.header {
 843   color: #848484;
 844   background: #f9fafc;
 845 }
 846 .skin-green-light .sidebar-menu > li > a {
 847   border-left: 3px solid transparent;
 848   font-weight: 600;
 849 }
 850 .skin-green-light .sidebar-menu > li:hover > a,
 851 .skin-green-light .sidebar-menu > li.active > a {
 852   color: #000000;
 853   background: #f4f4f5;
 854 }
 855 .skin-green-light .sidebar-menu > li.active {
 856   border-left-color: #00a65a;
 857 }
 858 .skin-green-light .sidebar-menu > li.active > a {
 859   font-weight: 600;
 860 }
 861 .skin-green-light .sidebar-menu > li > .treeview-menu {
 862   background: #f4f4f5;
 863 }
 864 .skin-green-light .sidebar a {
 865   color: #444444;
 866 }
 867 .skin-green-light .sidebar a:hover {
 868   text-decoration: none;
 869 }
 870 .skin-green-light .treeview-menu > li > a {
 871   color: #777777;
 872 }
 873 .skin-green-light .treeview-menu > li.active > a,
 874 .skin-green-light .treeview-menu > li > a:hover {
 875   color: #000000;
 876 }
 877 .skin-green-light .treeview-menu > li.active > a {
 878   font-weight: 600;
 879 }
 880 .skin-green-light .sidebar-form {
 881   border-radius: 3px;
 882   border: 1px solid #d2d6de;
 883   margin: 10px 10px;
 884 }
 885 .skin-green-light .sidebar-form input[type="text"],
 886 .skin-green-light .sidebar-form .btn {
 887   box-shadow: none;
 888   background-color: #fff;
 889   border: 1px solid transparent;
 890   height: 35px;
 891 }
 892 .skin-green-light .sidebar-form input[type="text"] {
 893   color: #666;
 894   border-top-left-radius: 2px;
 895   border-top-right-radius: 0;
 896   border-bottom-right-radius: 0;
 897   border-bottom-left-radius: 2px;
 898 }
 899 .skin-green-light .sidebar-form input[type="text"]:focus,
 900 .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 901   background-color: #fff;
 902   color: #666;
 903 }
 904 .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 905   border-left-color: #fff;
 906 }
 907 .skin-green-light .sidebar-form .btn {
 908   color: #999;
 909   border-top-left-radius: 0;
 910   border-top-right-radius: 2px;
 911   border-bottom-right-radius: 2px;
 912   border-bottom-left-radius: 0;
 913 }
 914 @media (min-width: 768px) {
 915   .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
 916     border-left: 1px solid #d2d6de;
 917   }
 918 }
 919 /*
 920  * Skin: Red
 921  * ---------
 922  */
 923 .skin-red .main-header .navbar {
 924   background-color: #dd4b39;
 925 }
 926 .skin-red .main-header .navbar .nav > li > a {
 927   color: #ffffff;
 928 }
 929 .skin-red .main-header .navbar .nav > li > a:hover,
 930 .skin-red .main-header .navbar .nav > li > a:active,
 931 .skin-red .main-header .navbar .nav > li > a:focus,
 932 .skin-red .main-header .navbar .nav .open > a,
 933 .skin-red .main-header .navbar .nav .open > a:hover,
 934 .skin-red .main-header .navbar .nav .open > a:focus,
 935 .skin-red .main-header .navbar .nav > .active > a {
 936   background: rgba(0, 0, 0, 0.1);
 937   color: #f6f6f6;
 938 }
 939 .skin-red .main-header .navbar .sidebar-toggle {
 940   color: #ffffff;
 941 }
 942 .skin-red .main-header .navbar .sidebar-toggle:hover {
 943   color: #f6f6f6;
 944   background: rgba(0, 0, 0, 0.1);
 945 }
 946 .skin-red .main-header .navbar .sidebar-toggle {
 947   color: #fff;
 948 }
 949 .skin-red .main-header .navbar .sidebar-toggle:hover {
 950   background-color: #d73925;
 951 }
 952 @media (max-width: 767px) {
 953   .skin-red .main-header .navbar .dropdown-menu li.divider {
 954     background-color: rgba(255, 255, 255, 0.1);
 955   }
 956   .skin-red .main-header .navbar .dropdown-menu li a {
 957     color: #fff;
 958   }
 959   .skin-red .main-header .navbar .dropdown-menu li a:hover {
 960     background: #d73925;
 961   }
 962 }
 963 .skin-red .main-header .logo {
 964   background-color: #d73925;
 965   color: #ffffff;
 966   border-bottom: 0 solid transparent;
 967 }
 968 .skin-red .main-header .logo:hover {
 969   background-color: #d33724;
 970 }
 971 .skin-red .main-header li.user-header {
 972   background-color: #dd4b39;
 973 }
 974 .skin-red .content-header {
 975   background: transparent;
 976 }
 977 .skin-red .wrapper,
 978 .skin-red .main-sidebar,
 979 .skin-red .left-side {
 980   background-color: #222d32;
 981 }
 982 .skin-red .user-panel > .info,
 983 .skin-red .user-panel > .info > a {
 984   color: #fff;
 985 }
 986 .skin-red .sidebar-menu > li.header {
 987   color: #4b646f;
 988   background: #1a2226;
 989 }
 990 .skin-red .sidebar-menu > li > a {
 991   border-left: 3px solid transparent;
 992 }
 993 .skin-red .sidebar-menu > li:hover > a,
 994 .skin-red .sidebar-menu > li.active > a {
 995   color: #ffffff;
 996   background: #1e282c;
 997   border-left-color: #dd4b39;
 998 }
 999 .skin-red .sidebar-menu > li > .treeview-menu {
1000   margin: 0 1px;
1001   background: #2c3b41;
1002 }
1003 .skin-red .sidebar a {
1004   color: #b8c7ce;
1005 }
1006 .skin-red .sidebar a:hover {
1007   text-decoration: none;
1008 }
1009 .skin-red .treeview-menu > li > a {
1010   color: #8aa4af;
1011 }
1012 .skin-red .treeview-menu > li.active > a,
1013 .skin-red .treeview-menu > li > a:hover {
1014   color: #ffffff;
1015 }
1016 .skin-red .sidebar-form {
1017   border-radius: 3px;
1018   border: 1px solid #374850;
1019   margin: 10px 10px;
1020 }
1021 .skin-red .sidebar-form input[type="text"],
1022 .skin-red .sidebar-form .btn {
1023   box-shadow: none;
1024   background-color: #374850;
1025   border: 1px solid transparent;
1026   height: 35px;
1027 }
1028 .skin-red .sidebar-form input[type="text"] {
1029   color: #666;
1030   border-top-left-radius: 2px;
1031   border-top-right-radius: 0;
1032   border-bottom-right-radius: 0;
1033   border-bottom-left-radius: 2px;
1034 }
1035 .skin-red .sidebar-form input[type="text"]:focus,
1036 .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1037   background-color: #fff;
1038   color: #666;
1039 }
1040 .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1041   border-left-color: #fff;
1042 }
1043 .skin-red .sidebar-form .btn {
1044   color: #999;
1045   border-top-left-radius: 0;
1046   border-top-right-radius: 2px;
1047   border-bottom-right-radius: 2px;
1048   border-bottom-left-radius: 0;
1049 }
1050 /*
1051  * Skin: Red
1052  * ---------
1053  */
1054 .skin-red-light .main-header .navbar {
1055   background-color: #dd4b39;
1056 }
1057 .skin-red-light .main-header .navbar .nav > li > a {
1058   color: #ffffff;
1059 }
1060 .skin-red-light .main-header .navbar .nav > li > a:hover,
1061 .skin-red-light .main-header .navbar .nav > li > a:active,
1062 .skin-red-light .main-header .navbar .nav > li > a:focus,
1063 .skin-red-light .main-header .navbar .nav .open > a,
1064 .skin-red-light .main-header .navbar .nav .open > a:hover,
1065 .skin-red-light .main-header .navbar .nav .open > a:focus,
1066 .skin-red-light .main-header .navbar .nav > .active > a {
1067   background: rgba(0, 0, 0, 0.1);
1068   color: #f6f6f6;
1069 }
1070 .skin-red-light .main-header .navbar .sidebar-toggle {
1071   color: #ffffff;
1072 }
1073 .skin-red-light .main-header .navbar .sidebar-toggle:hover {
1074   color: #f6f6f6;
1075   background: rgba(0, 0, 0, 0.1);
1076 }
1077 .skin-red-light .main-header .navbar .sidebar-toggle {
1078   color: #fff;
1079 }
1080 .skin-red-light .main-header .navbar .sidebar-toggle:hover {
1081   background-color: #d73925;
1082 }
1083 @media (max-width: 767px) {
1084   .skin-red-light .main-header .navbar .dropdown-menu li.divider {
1085     background-color: rgba(255, 255, 255, 0.1);
1086   }
1087   .skin-red-light .main-header .navbar .dropdown-menu li a {
1088     color: #fff;
1089   }
1090   .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
1091     background: #d73925;
1092   }
1093 }
1094 .skin-red-light .main-header .logo {
1095   background-color: #dd4b39;
1096   color: #ffffff;
1097   border-bottom: 0 solid transparent;
1098 }
1099 .skin-red-light .main-header .logo:hover {
1100   background-color: #dc4735;
1101 }
1102 .skin-red-light .main-header li.user-header {
1103   background-color: #dd4b39;
1104 }
1105 .skin-red-light .content-header {
1106   background: transparent;
1107 }
1108 .skin-red-light .wrapper,
1109 .skin-red-light .main-sidebar,
1110 .skin-red-light .left-side {
1111   background-color: #f9fafc;
1112 }
1113 .skin-red-light .content-wrapper,
1114 .skin-red-light .main-footer {
1115   border-left: 1px solid #d2d6de;
1116 }
1117 .skin-red-light .user-panel > .info,
1118 .skin-red-light .user-panel > .info > a {
1119   color: #444444;
1120 }
1121 .skin-red-light .sidebar-menu > li {
1122   -webkit-transition: border-left-color 0.3s ease;
1123   -o-transition: border-left-color 0.3s ease;
1124   transition: border-left-color 0.3s ease;
1125 }
1126 .skin-red-light .sidebar-menu > li.header {
1127   color: #848484;
1128   background: #f9fafc;
1129 }
1130 .skin-red-light .sidebar-menu > li > a {
1131   border-left: 3px solid transparent;
1132   font-weight: 600;
1133 }
1134 .skin-red-light .sidebar-menu > li:hover > a,
1135 .skin-red-light .sidebar-menu > li.active > a {
1136   color: #000000;
1137   background: #f4f4f5;
1138 }
1139 .skin-red-light .sidebar-menu > li.active {
1140   border-left-color: #dd4b39;
1141 }
1142 .skin-red-light .sidebar-menu > li.active > a {
1143   font-weight: 600;
1144 }
1145 .skin-red-light .sidebar-menu > li > .treeview-menu {
1146   background: #f4f4f5;
1147 }
1148 .skin-red-light .sidebar a {
1149   color: #444444;
1150 }
1151 .skin-red-light .sidebar a:hover {
1152   text-decoration: none;
1153 }
1154 .skin-red-light .treeview-menu > li > a {
1155   color: #777777;
1156 }
1157 .skin-red-light .treeview-menu > li.active > a,
1158 .skin-red-light .treeview-menu > li > a:hover {
1159   color: #000000;
1160 }
1161 .skin-red-light .treeview-menu > li.active > a {
1162   font-weight: 600;
1163 }
1164 .skin-red-light .sidebar-form {
1165   border-radius: 3px;
1166   border: 1px solid #d2d6de;
1167   margin: 10px 10px;
1168 }
1169 .skin-red-light .sidebar-form input[type="text"],
1170 .skin-red-light .sidebar-form .btn {
1171   box-shadow: none;
1172   background-color: #fff;
1173   border: 1px solid transparent;
1174   height: 35px;
1175 }
1176 .skin-red-light .sidebar-form input[type="text"] {
1177   color: #666;
1178   border-top-left-radius: 2px;
1179   border-top-right-radius: 0;
1180   border-bottom-right-radius: 0;
1181   border-bottom-left-radius: 2px;
1182 }
1183 .skin-red-light .sidebar-form input[type="text"]:focus,
1184 .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1185   background-color: #fff;
1186   color: #666;
1187 }
1188 .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1189   border-left-color: #fff;
1190 }
1191 .skin-red-light .sidebar-form .btn {
1192   color: #999;
1193   border-top-left-radius: 0;
1194   border-top-right-radius: 2px;
1195   border-bottom-right-radius: 2px;
1196   border-bottom-left-radius: 0;
1197 }
1198 @media (min-width: 768px) {
1199   .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
1200     border-left: 1px solid #d2d6de;
1201   }
1202 }
1203 /*
1204  * Skin: Yellow
1205  * ------------
1206  */
1207 .skin-yellow .main-header .navbar {
1208   background-color: #f39c12;
1209 }
1210 .skin-yellow .main-header .navbar .nav > li > a {
1211   color: #ffffff;
1212 }
1213 .skin-yellow .main-header .navbar .nav > li > a:hover,
1214 .skin-yellow .main-header .navbar .nav > li > a:active,
1215 .skin-yellow .main-header .navbar .nav > li > a:focus,
1216 .skin-yellow .main-header .navbar .nav .open > a,
1217 .skin-yellow .main-header .navbar .nav .open > a:hover,
1218 .skin-yellow .main-header .navbar .nav .open > a:focus,
1219 .skin-yellow .main-header .navbar .nav > .active > a {
1220   background: rgba(0, 0, 0, 0.1);
1221   color: #f6f6f6;
1222 }
1223 .skin-yellow .main-header .navbar .sidebar-toggle {
1224   color: #ffffff;
1225 }
1226 .skin-yellow .main-header .navbar .sidebar-toggle:hover {
1227   color: #f6f6f6;
1228   background: rgba(0, 0, 0, 0.1);
1229 }
1230 .skin-yellow .main-header .navbar .sidebar-toggle {
1231   color: #fff;
1232 }
1233 .skin-yellow .main-header .navbar .sidebar-toggle:hover {
1234   background-color: #e08e0b;
1235 }
1236 @media (max-width: 767px) {
1237   .skin-yellow .main-header .navbar .dropdown-menu li.divider {
1238     background-color: rgba(255, 255, 255, 0.1);
1239   }
1240   .skin-yellow .main-header .navbar .dropdown-menu li a {
1241     color: #fff;
1242   }
1243   .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
1244     background: #e08e0b;
1245   }
1246 }
1247 .skin-yellow .main-header .logo {
1248   background-color: #e08e0b;
1249   color: #ffffff;
1250   border-bottom: 0 solid transparent;
1251 }
1252 .skin-yellow .main-header .logo:hover {
1253   background-color: #db8b0b;
1254 }
1255 .skin-yellow .main-header li.user-header {
1256   background-color: #f39c12;
1257 }
1258 .skin-yellow .content-header {
1259   background: transparent;
1260 }
1261 .skin-yellow .wrapper,
1262 .skin-yellow .main-sidebar,
1263 .skin-yellow .left-side {
1264   background-color: #222d32;
1265 }
1266 .skin-yellow .user-panel > .info,
1267 .skin-yellow .user-panel > .info > a {
1268   color: #fff;
1269 }
1270 .skin-yellow .sidebar-menu > li.header {
1271   color: #4b646f;
1272   background: #1a2226;
1273 }
1274 .skin-yellow .sidebar-menu > li > a {
1275   border-left: 3px solid transparent;
1276 }
1277 .skin-yellow .sidebar-menu > li:hover > a,
1278 .skin-yellow .sidebar-menu > li.active > a {
1279   color: #ffffff;
1280   background: #1e282c;
1281   border-left-color: #f39c12;
1282 }
1283 .skin-yellow .sidebar-menu > li > .treeview-menu {
1284   margin: 0 1px;
1285   background: #2c3b41;
1286 }
1287 .skin-yellow .sidebar a {
1288   color: #b8c7ce;
1289 }
1290 .skin-yellow .sidebar a:hover {
1291   text-decoration: none;
1292 }
1293 .skin-yellow .treeview-menu > li > a {
1294   color: #8aa4af;
1295 }
1296 .skin-yellow .treeview-menu > li.active > a,
1297 .skin-yellow .treeview-menu > li > a:hover {
1298   color: #ffffff;
1299 }
1300 .skin-yellow .sidebar-form {
1301   border-radius: 3px;
1302   border: 1px solid #374850;
1303   margin: 10px 10px;
1304 }
1305 .skin-yellow .sidebar-form input[type="text"],
1306 .skin-yellow .sidebar-form .btn {
1307   box-shadow: none;
1308   background-color: #374850;
1309   border: 1px solid transparent;
1310   height: 35px;
1311 }
1312 .skin-yellow .sidebar-form input[type="text"] {
1313   color: #666;
1314   border-top-left-radius: 2px;
1315   border-top-right-radius: 0;
1316   border-bottom-right-radius: 0;
1317   border-bottom-left-radius: 2px;
1318 }
1319 .skin-yellow .sidebar-form input[type="text"]:focus,
1320 .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1321   background-color: #fff;
1322   color: #666;
1323 }
1324 .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1325   border-left-color: #fff;
1326 }
1327 .skin-yellow .sidebar-form .btn {
1328   color: #999;
1329   border-top-left-radius: 0;
1330   border-top-right-radius: 2px;
1331   border-bottom-right-radius: 2px;
1332   border-bottom-left-radius: 0;
1333 }
1334 /*
1335  * Skin: Yellow
1336  * ------------
1337  */
1338 .skin-yellow-light .main-header .navbar {
1339   background-color: #f39c12;
1340 }
1341 .skin-yellow-light .main-header .navbar .nav > li > a {
1342   color: #ffffff;
1343 }
1344 .skin-yellow-light .main-header .navbar .nav > li > a:hover,
1345 .skin-yellow-light .main-header .navbar .nav > li > a:active,
1346 .skin-yellow-light .main-header .navbar .nav > li > a:focus,
1347 .skin-yellow-light .main-header .navbar .nav .open > a,
1348 .skin-yellow-light .main-header .navbar .nav .open > a:hover,
1349 .skin-yellow-light .main-header .navbar .nav .open > a:focus,
1350 .skin-yellow-light .main-header .navbar .nav > .active > a {
1351   background: rgba(0, 0, 0, 0.1);
1352   color: #f6f6f6;
1353 }
1354 .skin-yellow-light .main-header .navbar .sidebar-toggle {
1355   color: #ffffff;
1356 }
1357 .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
1358   color: #f6f6f6;
1359   background: rgba(0, 0, 0, 0.1);
1360 }
1361 .skin-yellow-light .main-header .navbar .sidebar-toggle {
1362   color: #fff;
1363 }
1364 .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
1365   background-color: #e08e0b;
1366 }
1367 @media (max-width: 767px) {
1368   .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
1369     background-color: rgba(255, 255, 255, 0.1);
1370   }
1371   .skin-yellow-light .main-header .navbar .dropdown-menu li a {
1372     color: #fff;
1373   }
1374   .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
1375     background: #e08e0b;
1376   }
1377 }
1378 .skin-yellow-light .main-header .logo {
1379   background-color: #f39c12;
1380   color: #ffffff;
1381   border-bottom: 0 solid transparent;
1382 }
1383 .skin-yellow-light .main-header .logo:hover {
1384   background-color: #f39a0d;
1385 }
1386 .skin-yellow-light .main-header li.user-header {
1387   background-color: #f39c12;
1388 }
1389 .skin-yellow-light .content-header {
1390   background: transparent;
1391 }
1392 .skin-yellow-light .wrapper,
1393 .skin-yellow-light .main-sidebar,
1394 .skin-yellow-light .left-side {
1395   background-color: #f9fafc;
1396 }
1397 .skin-yellow-light .content-wrapper,
1398 .skin-yellow-light .main-footer {
1399   border-left: 1px solid #d2d6de;
1400 }
1401 .skin-yellow-light .user-panel > .info,
1402 .skin-yellow-light .user-panel > .info > a {
1403   color: #444444;
1404 }
1405 .skin-yellow-light .sidebar-menu > li {
1406   -webkit-transition: border-left-color 0.3s ease;
1407   -o-transition: border-left-color 0.3s ease;
1408   transition: border-left-color 0.3s ease;
1409 }
1410 .skin-yellow-light .sidebar-menu > li.header {
1411   color: #848484;
1412   background: #f9fafc;
1413 }
1414 .skin-yellow-light .sidebar-menu > li > a {
1415   border-left: 3px solid transparent;
1416   font-weight: 600;
1417 }
1418 .skin-yellow-light .sidebar-menu > li:hover > a,
1419 .skin-yellow-light .sidebar-menu > li.active > a {
1420   color: #000000;
1421   background: #f4f4f5;
1422 }
1423 .skin-yellow-light .sidebar-menu > li.active {
1424   border-left-color: #f39c12;
1425 }
1426 .skin-yellow-light .sidebar-menu > li.active > a {
1427   font-weight: 600;
1428 }
1429 .skin-yellow-light .sidebar-menu > li > .treeview-menu {
1430   background: #f4f4f5;
1431 }
1432 .skin-yellow-light .sidebar a {
1433   color: #444444;
1434 }
1435 .skin-yellow-light .sidebar a:hover {
1436   text-decoration: none;
1437 }
1438 .skin-yellow-light .treeview-menu > li > a {
1439   color: #777777;
1440 }
1441 .skin-yellow-light .treeview-menu > li.active > a,
1442 .skin-yellow-light .treeview-menu > li > a:hover {
1443   color: #000000;
1444 }
1445 .skin-yellow-light .treeview-menu > li.active > a {
1446   font-weight: 600;
1447 }
1448 .skin-yellow-light .sidebar-form {
1449   border-radius: 3px;
1450   border: 1px solid #d2d6de;
1451   margin: 10px 10px;
1452 }
1453 .skin-yellow-light .sidebar-form input[type="text"],
1454 .skin-yellow-light .sidebar-form .btn {
1455   box-shadow: none;
1456   background-color: #fff;
1457   border: 1px solid transparent;
1458   height: 35px;
1459 }
1460 .skin-yellow-light .sidebar-form input[type="text"] {
1461   color: #666;
1462   border-top-left-radius: 2px;
1463   border-top-right-radius: 0;
1464   border-bottom-right-radius: 0;
1465   border-bottom-left-radius: 2px;
1466 }
1467 .skin-yellow-light .sidebar-form input[type="text"]:focus,
1468 .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1469   background-color: #fff;
1470   color: #666;
1471 }
1472 .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1473   border-left-color: #fff;
1474 }
1475 .skin-yellow-light .sidebar-form .btn {
1476   color: #999;
1477   border-top-left-radius: 0;
1478   border-top-right-radius: 2px;
1479   border-bottom-right-radius: 2px;
1480   border-bottom-left-radius: 0;
1481 }
1482 @media (min-width: 768px) {
1483   .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
1484     border-left: 1px solid #d2d6de;
1485   }
1486 }
1487 /*
1488  * Skin: Purple
1489  * ------------
1490  */
1491 .skin-purple .main-header .navbar {
1492   background-color: #605ca8;
1493 }
1494 .skin-purple .main-header .navbar .nav > li > a {
1495   color: #ffffff;
1496 }
1497 .skin-purple .main-header .navbar .nav > li > a:hover,
1498 .skin-purple .main-header .navbar .nav > li > a:active,
1499 .skin-purple .main-header .navbar .nav > li > a:focus,
1500 .skin-purple .main-header .navbar .nav .open > a,
1501 .skin-purple .main-header .navbar .nav .open > a:hover,
1502 .skin-purple .main-header .navbar .nav .open > a:focus,
1503 .skin-purple .main-header .navbar .nav > .active > a {
1504   background: rgba(0, 0, 0, 0.1);
1505   color: #f6f6f6;
1506 }
1507 .skin-purple .main-header .navbar .sidebar-toggle {
1508   color: #ffffff;
1509 }
1510 .skin-purple .main-header .navbar .sidebar-toggle:hover {
1511   color: #f6f6f6;
1512   background: rgba(0, 0, 0, 0.1);
1513 }
1514 .skin-purple .main-header .navbar .sidebar-toggle {
1515   color: #fff;
1516 }
1517 .skin-purple .main-header .navbar .sidebar-toggle:hover {
1518   background-color: #555299;
1519 }
1520 @media (max-width: 767px) {
1521   .skin-purple .main-header .navbar .dropdown-menu li.divider {
1522     background-color: rgba(255, 255, 255, 0.1);
1523   }
1524   .skin-purple .main-header .navbar .dropdown-menu li a {
1525     color: #fff;
1526   }
1527   .skin-purple .main-header .navbar .dropdown-menu li a:hover {
1528     background: #555299;
1529   }
1530 }
1531 .skin-purple .main-header .logo {
1532   background-color: #555299;
1533   color: #ffffff;
1534   border-bottom: 0 solid transparent;
1535 }
1536 .skin-purple .main-header .logo:hover {
1537   background-color: #545096;
1538 }
1539 .skin-purple .main-header li.user-header {
1540   background-color: #605ca8;
1541 }
1542 .skin-purple .content-header {
1543   background: transparent;
1544 }
1545 .skin-purple .wrapper,
1546 .skin-purple .main-sidebar,
1547 .skin-purple .left-side {
1548   background-color: #222d32;
1549 }
1550 .skin-purple .user-panel > .info,
1551 .skin-purple .user-panel > .info > a {
1552   color: #fff;
1553 }
1554 .skin-purple .sidebar-menu > li.header {
1555   color: #4b646f;
1556   background: #1a2226;
1557 }
1558 .skin-purple .sidebar-menu > li > a {
1559   border-left: 3px solid transparent;
1560 }
1561 .skin-purple .sidebar-menu > li:hover > a,
1562 .skin-purple .sidebar-menu > li.active > a {
1563   color: #ffffff;
1564   background: #1e282c;
1565   border-left-color: #605ca8;
1566 }
1567 .skin-purple .sidebar-menu > li > .treeview-menu {
1568   margin: 0 1px;
1569   background: #2c3b41;
1570 }
1571 .skin-purple .sidebar a {
1572   color: #b8c7ce;
1573 }
1574 .skin-purple .sidebar a:hover {
1575   text-decoration: none;
1576 }
1577 .skin-purple .treeview-menu > li > a {
1578   color: #8aa4af;
1579 }
1580 .skin-purple .treeview-menu > li.active > a,
1581 .skin-purple .treeview-menu > li > a:hover {
1582   color: #ffffff;
1583 }
1584 .skin-purple .sidebar-form {
1585   border-radius: 3px;
1586   border: 1px solid #374850;
1587   margin: 10px 10px;
1588 }
1589 .skin-purple .sidebar-form input[type="text"],
1590 .skin-purple .sidebar-form .btn {
1591   box-shadow: none;
1592   background-color: #374850;
1593   border: 1px solid transparent;
1594   height: 35px;
1595 }
1596 .skin-purple .sidebar-form input[type="text"] {
1597   color: #666;
1598   border-top-left-radius: 2px;
1599   border-top-right-radius: 0;
1600   border-bottom-right-radius: 0;
1601   border-bottom-left-radius: 2px;
1602 }
1603 .skin-purple .sidebar-form input[type="text"]:focus,
1604 .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1605   background-color: #fff;
1606   color: #666;
1607 }
1608 .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1609   border-left-color: #fff;
1610 }
1611 .skin-purple .sidebar-form .btn {
1612   color: #999;
1613   border-top-left-radius: 0;
1614   border-top-right-radius: 2px;
1615   border-bottom-right-radius: 2px;
1616   border-bottom-left-radius: 0;
1617 }
1618 /*
1619  * Skin: Purple
1620  * ------------
1621  */
1622 .skin-purple-light .main-header .navbar {
1623   background-color: #605ca8;
1624 }
1625 .skin-purple-light .main-header .navbar .nav > li > a {
1626   color: #ffffff;
1627 }
1628 .skin-purple-light .main-header .navbar .nav > li > a:hover,
1629 .skin-purple-light .main-header .navbar .nav > li > a:active,
1630 .skin-purple-light .main-header .navbar .nav > li > a:focus,
1631 .skin-purple-light .main-header .navbar .nav .open > a,
1632 .skin-purple-light .main-header .navbar .nav .open > a:hover,
1633 .skin-purple-light .main-header .navbar .nav .open > a:focus,
1634 .skin-purple-light .main-header .navbar .nav > .active > a {
1635   background: rgba(0, 0, 0, 0.1);
1636   color: #f6f6f6;
1637 }
1638 .skin-purple-light .main-header .navbar .sidebar-toggle {
1639   color: #ffffff;
1640 }
1641 .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
1642   color: #f6f6f6;
1643   background: rgba(0, 0, 0, 0.1);
1644 }
1645 .skin-purple-light .main-header .navbar .sidebar-toggle {
1646   color: #fff;
1647 }
1648 .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
1649   background-color: #555299;
1650 }
1651 @media (max-width: 767px) {
1652   .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
1653     background-color: rgba(255, 255, 255, 0.1);
1654   }
1655   .skin-purple-light .main-header .navbar .dropdown-menu li a {
1656     color: #fff;
1657   }
1658   .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
1659     background: #555299;
1660   }
1661 }
1662 .skin-purple-light .main-header .logo {
1663   background-color: #605ca8;
1664   color: #ffffff;
1665   border-bottom: 0 solid transparent;
1666 }
1667 .skin-purple-light .main-header .logo:hover {
1668   background-color: #5d59a6;
1669 }
1670 .skin-purple-light .main-header li.user-header {
1671   background-color: #605ca8;
1672 }
1673 .skin-purple-light .content-header {
1674   background: transparent;
1675 }
1676 .skin-purple-light .wrapper,
1677 .skin-purple-light .main-sidebar,
1678 .skin-purple-light .left-side {
1679   background-color: #f9fafc;
1680 }
1681 .skin-purple-light .content-wrapper,
1682 .skin-purple-light .main-footer {
1683   border-left: 1px solid #d2d6de;
1684 }
1685 .skin-purple-light .user-panel > .info,
1686 .skin-purple-light .user-panel > .info > a {
1687   color: #444444;
1688 }
1689 .skin-purple-light .sidebar-menu > li {
1690   -webkit-transition: border-left-color 0.3s ease;
1691   -o-transition: border-left-color 0.3s ease;
1692   transition: border-left-color 0.3s ease;
1693 }
1694 .skin-purple-light .sidebar-menu > li.header {
1695   color: #848484;
1696   background: #f9fafc;
1697 }
1698 .skin-purple-light .sidebar-menu > li > a {
1699   border-left: 3px solid transparent;
1700   font-weight: 600;
1701 }
1702 .skin-purple-light .sidebar-menu > li:hover > a,
1703 .skin-purple-light .sidebar-menu > li.active > a {
1704   color: #000000;
1705   background: #f4f4f5;
1706 }
1707 .skin-purple-light .sidebar-menu > li.active {
1708   border-left-color: #605ca8;
1709 }
1710 .skin-purple-light .sidebar-menu > li.active > a {
1711   font-weight: 600;
1712 }
1713 .skin-purple-light .sidebar-menu > li > .treeview-menu {
1714   background: #f4f4f5;
1715 }
1716 .skin-purple-light .sidebar a {
1717   color: #444444;
1718 }
1719 .skin-purple-light .sidebar a:hover {
1720   text-decoration: none;
1721 }
1722 .skin-purple-light .treeview-menu > li > a {
1723   color: #777777;
1724 }
1725 .skin-purple-light .treeview-menu > li.active > a,
1726 .skin-purple-light .treeview-menu > li > a:hover {
1727   color: #000000;
1728 }
1729 .skin-purple-light .treeview-menu > li.active > a {
1730   font-weight: 600;
1731 }
1732 .skin-purple-light .sidebar-form {
1733   border-radius: 3px;
1734   border: 1px solid #d2d6de;
1735   margin: 10px 10px;
1736 }
1737 .skin-purple-light .sidebar-form input[type="text"],
1738 .skin-purple-light .sidebar-form .btn {
1739   box-shadow: none;
1740   background-color: #fff;
1741   border: 1px solid transparent;
1742   height: 35px;
1743 }
1744 .skin-purple-light .sidebar-form input[type="text"] {
1745   color: #666;
1746   border-top-left-radius: 2px;
1747   border-top-right-radius: 0;
1748   border-bottom-right-radius: 0;
1749   border-bottom-left-radius: 2px;
1750 }
1751 .skin-purple-light .sidebar-form input[type="text"]:focus,
1752 .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1753   background-color: #fff;
1754   color: #666;
1755 }
1756 .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1757   border-left-color: #fff;
1758 }
1759 .skin-purple-light .sidebar-form .btn {
1760   color: #999;
1761   border-top-left-radius: 0;
1762   border-top-right-radius: 2px;
1763   border-bottom-right-radius: 2px;
1764   border-bottom-left-radius: 0;
1765 }
1766 @media (min-width: 768px) {
1767   .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
1768     border-left: 1px solid #d2d6de;
1769   }
1770 }