light.css (38127B)
1 @charset "UTF-8"; 2 /* 3 Light style 4 */ 5 @-webkit-keyframes blinker { 6 from { 7 opacity: 1.0; } 8 to { 9 opacity: 0.0; } } 10 @-webkit-keyframes blinker { 11 from { 12 opacity: 1.0; } 13 to { 14 opacity: 0.0; } } 15 @-webkit-keyframes blinker { 16 from { 17 opacity: 1.0; } 18 to { 19 opacity: 0.0; } } 20 button { 21 outline-color: rgba(255, 255, 255, 0) !important; 22 outline: 0px solid white !important; 23 -moz-outline: 0px solid white !important; 24 -webkit-outline: 0px solid white !important; } 25 26 #cancel-button { 27 margin-left: 3px; } 28 29 .bootstrap-switch { 30 border: 2px solid #dbdfef; } 31 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, 32 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { 33 background: #86ce99; 34 border-color: #86ce99; } 35 36 .bootstrap-tagsinput { 37 width: 100%; } 38 39 table .btn, .btn.popup-extension { 40 padding: 8px 13px; } 41 42 .panel-default .btn { 43 border-radius: 4px; 44 font-size: 15px; } 45 .panel-default .btn:not(.note-btn) { 46 padding: 8px 30px; } 47 .panel-default .btn-default { 48 color: #fff; 49 background: #cfcfcf; 50 border: 2px solid #b1b1b1; } 51 .panel-default .btn-default.active, .panel-default .btn-default:focus, .panel-default .btn-default:hover { 52 background: #b1b1b1; 53 border-color: #9d9d9d; } 54 .panel-default .btn-default.active:hover { 55 color: #fff; } 56 .panel-default .btn-info { 57 color: #000; 58 background: #cfd7e7; 59 border: 2px solid #c2cde2; } 60 .panel-default .btn-info.active, .panel-default .btn-info:focus, .panel-default .btn-info:hover { 61 background: #c6cce4; 62 border-color: #acbcd9; } 63 .panel-default .btn-info:active:focus { 64 background: #abb2d8; 65 border-color: #93a6c9; } 66 .panel-default .btn-info:active:focus i { 67 color: #000; } 68 .panel-default .btn-danger { 69 color: #fff; 70 background: #cf4949; 71 border: 2px solid #b33131; } 72 .panel-default .btn-danger:focus, .panel-default .btn-danger:hover { 73 background: #da3d3d; 74 border-color: #bf1f1f; } 75 .panel-default .btn-danger:active:focus { 76 background: #a12929; 77 border-color: #bc3a3a; } 78 .panel-default .btn-primary { 79 box-shadow: none; 80 background: #4fb5e7; 81 border: 2px solid #3aa5da; 82 color: #fff; } 83 .panel-default .btn-primary:focus, .panel-default .btn-primary:hover { 84 background: #27b7fd; 85 border-color: #229cd8; } 86 .panel-default .btn-primary:active:focus { 87 background: #1589c1; 88 border-color: #0871a5; } 89 .panel-default .btn-success { 90 box-shadow: none; 91 background: #86ce99; 92 border: 2px solid #69bd7f; 93 color: #fff; } 94 .panel-default .btn-success:focus, .panel-default .btn-success:hover { 95 background: #2cbd53; 96 border-color: #18a03c; } 97 .panel-default .btn-success:active:focus { 98 background: #4faf68; 99 border-color: #309c4c; } 100 101 .input-group-addon:last-child { 102 border-bottom-left-radius: 0; 103 border-top-left-radius: 0; } 104 105 @-webkit-keyframes blinker { 106 from { 107 opacity: 1.0; } 108 to { 109 opacity: 0.0; } } 110 .bs-callout { 111 background-color: #fff; 112 border-color: #f46b42; } 113 114 @-webkit-keyframes blinker { 115 from { 116 opacity: 1.0; } 117 to { 118 opacity: 0.0; } } 119 body { 120 line-height: 1.42857; } 121 122 hr { 123 border-top: 1px solid #dbdfef; 124 margin-top: 6.5px; } 125 126 code { 127 background-color: #000; 128 color: #e9ebf4; } 129 130 .tile { 131 background-color: #4fb5e7; } 132 .tile .tile-body { 133 color: #fff; } 134 135 @-webkit-keyframes blinker { 136 from { 137 opacity: 1.0; } 138 to { 139 opacity: 0.0; } } 140 input[type="checkbox"] { 141 width: 20px; 142 height: 20px; 143 border: 2px solid #c2cde2; 144 border-radius: 3px; } 145 input[type="checkbox"]:hover, input[type="checkbox"]:focus { 146 border: 2px solid #c2cde2; 147 border-color: #abb2d8; 148 background: #dde4f2; 149 box-shadow: none; } 150 input[type="checkbox"]:checked { 151 background: #dde4f2; } 152 input[type="checkbox"]:checked:after { 153 top: 0px; 154 left: 3px; 155 content: url("../../../../image/d_admin_style/checkmark.svg"); } 156 157 .label { 158 font-size: 88%; 159 margin: 4px; 160 display: inline-block; } 161 162 .label-danger { 163 background-color: #fa5b6d; } 164 165 .label-warning { 166 background-color: #f46b42; } 167 168 .panel-body .form-control { 169 height: 41px; 170 font-size: 15px; 171 box-shadow: none; 172 border: 2px solid #cfd7e7; } 173 .panel-body .form-control.active, .panel-body .form-control:hover { 174 border-color: #cfd7e7; } 175 .panel-body .form-control:active:focus, .panel-body .form-control:focus { 176 border-color: #9eaecb; } 177 .panel-body .form-control:active:focus ~ .input-group-addon, .panel-body .form-control:focus ~ .input-group-addon { 178 border-color: #9eaecb; } 179 .panel-body .input-group-addon { 180 border-width: 2px; 181 border-color: #cfd7e7; } 182 .panel-body textarea { 183 min-height: auto !important; } 184 .panel-body .form-group { 185 padding-top: 15px; } 186 187 @-webkit-keyframes blinker { 188 from { 189 opacity: 1.0; } 190 to { 191 opacity: 0.0; } } 192 .nav.nav-tabs a { 193 font-size: 18px; 194 font-weight: bold; 195 line-height: 1.5; 196 color: #000; } 197 .nav.nav-tabs > li { 198 display: inline-block; 199 padding: 0; } 200 .nav.nav-tabs > li > a { 201 padding: 15px; } 202 @media screen and (min-width: 1200px) { 203 .nav.nav-tabs > li > a { 204 padding-right: 10px; } } 205 .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:focus { 206 text-decoration: none; 207 background-color: #f8f9fc; 208 border-color: #f8f9fc; 209 color: #000; } 210 .nav.nav-tabs > li > a > i { 211 padding-bottom: 4px; } 212 .nav.nav-tabs > li.active > a { 213 color: #000; 214 background-color: #f8f9fc; 215 border: 1px solid transparent; } 216 .nav.nav-tabs > li.active > a > i, .nav.nav-tabs > li.active > a > span { 217 position: relative; } 218 .nav.nav-tabs > li.active > a > i:after, .nav.nav-tabs > li.active > a > span:after { 219 content: ""; 220 position: absolute; 221 display: block; 222 background-color: #3573ee; 223 width: 18px; 224 height: 3px; 225 bottom: 0; 226 left: 50%; 227 transform: translateX(-50%); } 228 .nav.nav-tabs#language li { 229 border-radius: 4px; 230 border: 2px solid #3aa5da; } 231 .nav.nav-tabs#language li:not(:first-child) { 232 margin: 0 10px; } 233 .nav.nav-tabs#language li a { 234 padding: 8px 20px; 235 font-size: 13px; 236 line-height: 1.5; 237 font-weight: normal; 238 margin-right: 0; } 239 .nav.nav-tabs#language li.active a { 240 box-shadow: none; 241 background: #4fb5e7; 242 color: #fff; } 243 244 @media screen and (min-width: 768px) { 245 .b-menu { 246 display: none !important; } } 247 @media screen and (max-width: 768px) { 248 .panel-body { 249 padding-top: 0; } } 250 .nav-tabs { 251 padding-bottom: 20px; 252 border-bottom: 1px solid #dbdfef; } 253 @media screen and (max-width: 768px) { 254 .nav-tabs { 255 padding: 0; 256 margin: 0; 257 z-index: 11; 258 display: block; } 259 .nav-tabs li { 260 width: 100%; } } 261 262 @-webkit-keyframes blinker { 263 from { 264 opacity: 1.0; } 265 to { 266 opacity: 0.0; } } 267 .panel { 268 background-color: #f8f9fc; 269 font-family: "Open Sans", sans-serif; 270 color: #000; } 271 .panel .panel-body { 272 position: relative; 273 padding-left: 30px; 274 padding-right: 30px; } 275 .panel .panel-heading { 276 background: #e9ebf4; 277 border-color: #dbdfef; 278 color: #000; 279 align-items: center; 280 justify-content: space-between; 281 flex-wrap: wrap; } 282 .panel .panel-heading:not(.note-toolbar) { 283 display: flex; } 284 @media screen and (max-width: 500px) { 285 .panel .panel-heading .panel-title { 286 min-width: 100%; } 287 .panel .panel-heading .status-wrap { 288 margin-top: 20px; 289 min-width: 100%; 290 display: flex; 291 align-items: center; 292 justify-content: flex-end; } 293 .panel .panel-heading .status-wrap label { 294 margin-right: 20px; 295 margin-bottom: 0; } } 296 297 .panel_top_radius { 298 border-top-left-radius: 5px; 299 border-top-right-radius: 5px; } 300 301 .panel-default .panel-body [data-toggle="tooltip"]::after, 302 .modal-dialog [data-toggle="tooltip"]::after { 303 margin-left: 8px; } 304 305 .panel-default .panel-body .form-horizontal .form-group, .modal-dialog .form-horizontal .form-group { 306 border: 0; } 307 308 /* Panel Resizable */ 309 .panel-resizable { 310 position: relative; 311 display: block; 312 float: left; 313 width: 100%; 314 height: auto; 315 -webkit-transition: width 500ms; 316 transition: width 500ms; } 317 318 .panel-resizable.resized { 319 width: 70%; } 320 321 @media only screen and (max-width: 1260px) { 322 .panel-resizable.resized { 323 width: 50%; } } 324 .panel-resizable .panel-body .info-window-item { 325 position: relative; 326 cursor: pointer; } 327 328 @media only screen and (max-width: 767px) { 329 .panel-resizable .panel-body .info-window-item { 330 display: none; } } 331 .panel-resizable .panel-body .info-window-item .fa { 332 position: absolute; 333 width: 24px; 334 height: 24px; 335 top: 55%; 336 padding: 6px 8px; 337 margin-left: 10px; 338 margin-top: -12px; 339 font-size: 12px; 340 background: #e8eaf6; 341 color: #8a94bb; 342 border-radius: 12px; } 343 344 .panel-resizable .panel-body .form-horizontal .bootstrap-switch + .info-window-item .fa { 345 margin-top: -9px; } 346 347 /* Info Window */ 348 .info-window { 349 position: relative; 350 display: block; 351 float: left; 352 width: 0px; 353 height: auto; 354 overflow: hidden; 355 -webkit-transition: width 500ms; 356 transition: width 500ms; } 357 358 .info-window.resized { 359 width: 30%; } 360 361 @media only screen and (max-width: 1260px) { 362 .info-window.resized { 363 width: 50%; } } 364 .info-window .info-window-wrap { 365 padding-left: 20px; } 366 367 .info-window .info-window-block { 368 display: block; 369 padding: 40px 20px; 370 overflow: hidden; 371 background: #f8f9fc; 372 color: #000; 373 border: 1px solid #dbdfef; 374 border-radius: 3px; } 375 .info-window .info-window-block ol { 376 padding-left: 20px; } 377 .info-window .info-window-block .bs-callout.bs-callout-warning { 378 word-break: break-all; } 379 380 .info-window .info-window-close { 381 position: absolute; 382 display: block; 383 top: 15px; 384 right: 20px; 385 font-size: 15px; 386 cursor: pointer; } 387 388 .pagination { 389 font-size: 14px; } 390 .pagination > li > a, .pagination > li > span { 391 color: #111111; 392 border: 2px solid #cfd7e7; 393 padding: 10px 16px; } 394 .pagination li:not(:last-child) > span, .pagination li:not(:last-child) > a { 395 border-right: none; } 396 .pagination > .active > span { 397 color: #111111; 398 background-color: #dde4f2; 399 border: 2px solid #c2cde2; } 400 .pagination > .active > span:hover { 401 color: #111111; 402 background-color: #c6cce4; 403 border-color: #adbcd9; } 404 405 .preloader { 406 width: 100%; 407 height: 90%; 408 position: absolute; 409 background: rgba(0, 0, 0, 0.5); 410 z-index: 999; 411 top: 0; 412 box-sizing: border-box; 413 margin-left: -30px; 414 margin-right: -30px; } 415 .preloader icon { 416 top: 50%; 417 left: 50%; 418 position: absolute; 419 width: 200px; 420 height: 200px; 421 color: #4fb5e7; 422 transform: translate(-50%, -50%); } 423 424 .tooltip.top .tooltip-inner { 425 color: #000; 426 background-color: #fff; } 427 .tooltip.top .tooltip-arrow { 428 border-top-color: #fff; } 429 430 .true_success { 431 background-color: #86ce99; 432 border-color: #86ce99; 433 color: #f8f9fc; 434 font-size: 14px; 435 font-weight: bold; } 436 437 .warning { 438 color: #f46b42; } 439 .warning:focus, .warning.focus { 440 color: #f46b42; } 441 442 .error { 443 font-size: 14px; 444 color: #fa5b6d; } 445 446 .extension-show-thumb .alert { 447 overflow: hidden; } 448 449 .hide, .hidden { 450 display: none; } 451 452 .show { 453 display: block; } 454 455 .invisible { 456 visibility: hidden; } 457 458 .flex { 459 display: flex; } 460 461 .clear { 462 clear: both; } 463 464 .disable_link { 465 pointer-events: none; } 466 467 .ignore { 468 opacity: 0.5; } 469 470 .admin-table { 471 font-size: 13px; } 472 .admin-table .table thead { 473 background-color: rgba(248, 249, 252, 0.5); } 474 .admin-table .table thead tr th { 475 border: 1px solid rgba(219, 223, 239, 0.7) !important; } 476 .admin-table .table tbody tr th { 477 border-top: 1px solid rgba(219, 223, 239, 0.7); 478 font-weight: normal; } 479 .admin-table .table tbody tr:hover { 480 background-color: rgba(248, 249, 252, 0.5); } 481 @media screen and (min-width: 850px) { 482 .admin-table img { 483 margin-right: 5px; } } 484 485 .page-header h1 { 486 margin-top: 0; } 487 488 /* ANALYTICS CHART */ 489 .ct-series-a .ct-line { 490 stroke: #4fb5e7; 491 stroke-width: 3px; } 492 .ct-series-a .ct-point { 493 stroke: #4fb5e7; } 494 495 .ct-series-b .ct-line { 496 stroke: #e9ebf4; 497 stroke-width: 3px; } 498 .ct-series-b .ct-point { 499 stroke: #e9ebf4; } 500 501 .ct-series-c .ct-line { 502 stroke: #fa5b6d; 503 stroke-width: 3px; } 504 .ct-series-c .ct-point { 505 stroke: #fa5b6d; } 506 507 .ct-grid { 508 stroke: #383a4b; 509 stroke-width: 1px; 510 stroke-dasharray: 0px; } 511 512 .ct-label { 513 color: #b0b1b8; 514 font-size: 10px; } 515 .ct-label.ct-vertical.ct-start { 516 padding-right: 25px; } 517 .ct-label.ct-horizontal.ct-end { 518 padding-top: 10px; } 519 520 .ct-point { 521 stroke-width: 8px; } 522 523 .setting { 524 font-size: 17px; } 525 .setting .nav-pills { 526 display: inline-block; 527 border: 2px solid #DBDFEF; 528 border-radius: 3px; } 529 .setting .nav-pills > li + li { 530 margin: 0px 0px; } 531 .setting .nav-pills > li + li > a { 532 border-left: 1px solid #dbdfef; } 533 .setting .nav-pills > li > a { 534 padding: 15px 20px; 535 font-size: 14px; 536 font-weight: bold; 537 background: none; 538 color: #000; 539 border: none; 540 border-radius: 0px; } 541 .setting .nav-pills > li > a:hover { 542 color: #fff; 543 background: rgba(0, 0, 0, 0.17); } 544 .setting .nav-pills > li > a .fa { 545 margin-right: 5px; } 546 .setting .nav-pills > li.active > a { 547 color: #fff; } 548 .setting .nav-pills > li.active > a .fa { 549 color: #4fb5e7; } 550 .setting .nav-pills.nav-stacked { 551 width: 100%; 552 height: 100%; 553 border: none; 554 border-right: 1px solid #dbdfef; 555 border-radius: 0px; } 556 .setting .nav-pills.nav-stacked > li > a { 557 padding: 15px 15px; 558 font-size: 16px; 559 border: none; } 560 .setting .nav-pills.nav-stacked > li + li > a { 561 border-top: 1px solid #dbdfef; } 562 .setting .page-header { 563 border-bottom: 1px solid rgba(219, 223, 239, 0.7); } 564 .setting .page-header h3 { 565 font-weight: bold; 566 color: #fff; } 567 .setting #setting_protections { 568 margin-left: -8px; } 569 .setting #setting_protections .s_protection { 570 cursor: pointer; 571 color: #b0b1b8; } 572 .setting #setting_protections .s_protection i { 573 font-size: 56px; 574 padding: 10px; } 575 .setting #setting_protections .s_protection.enabled { 576 color: #fff; } 577 .setting #setting_protections .s_protection.enabled i { 578 color: #4fb5e7; } 579 580 .blink { 581 text-decoration: blink; 582 -webkit-animation-name: blinker; 583 -webkit-animation-duration: 0.6s; 584 -webkit-animation-iteration-count: infinite; 585 -webkit-animation-timing-function: ease-in-out; 586 -webkit-animation-direction: alternate; } 587 588 .nav.nav-tabs > li > a > span { 589 padding-bottom: 4px; } 590 591 a#button-menu { 592 -webkit-appearance: none !important; } 593 594 .setup { 595 padding: 0; } 596 .setup .setup-back { 597 background-position: bottom; 598 background-repeat: no-repeat; 599 background-size: 100%; 600 min-height: 1025px; 601 padding-top: 50px; 602 padding-bottom: 525px; } 603 .setup .setup-into { 604 text-align: center; 605 max-width: 500px; 606 margin: auto; } 607 .setup .setup-into-logo { 608 padding-bottom: 15px; } 609 .setup .setup-into-heading { 610 font-size: 30px; 611 font-weight: bold; 612 padding-bottom: 15px; } 613 .setup .setup-into-text { 614 font-size: 18px; 615 padding-bottom: 30px; } 616 .setup .setup-into-start { 617 padding-bottom: 30px; } 618 .setup .setup-features { 619 padding: 30px; } 620 .setup .setup-features-icon { 621 padding: 20px; 622 height: 130px; 623 text-align: center; } 624 .setup .setup-features-text { 625 text-align: center; 626 font-weight: bold; 627 font-size: 16px; } 628 .setup .panel-body { 629 padding: 0px; } 630 .setup .setup-features-icon img { 631 max-height: 100%; } 632 633 /* Panel Default */ 634 .panel-default { 635 font-size: 13px; 636 border: 1px solid #dbdfef; 637 border-radius: 3px; } 638 .panel-default .panel-heading { 639 background: #e9ebf4; 640 border-bottom: 1px solid #dbdfef; 641 color: #000; } 642 .panel-default .panel-heading .panel-title { 643 font-size: 15px; } 644 .panel-default .panel-body { 645 padding: 15px; 646 background-color: #f8f9fc; 647 color: #000; } 648 .panel-default .panel-body h3 { 649 font-size: 18px; } 650 .panel-default .panel-body h4 { 651 font-size: 16px; } 652 .panel-default .panel-body a { 653 color: #2478cd; } 654 655 /* Modal Dialog */ 656 .modal-dialog { 657 font-size: 13px; } 658 .modal-dialog .modal-header { 659 background-color: #e9ebf4; 660 color: #000; 661 border-bottom: 1px solid #dbdfef; 662 border-top-left-radius: 5px; 663 border-top-right-radius: 5px; } 664 .modal-dialog .modal-body { 665 background: #f8f9fc; 666 color: #000; } 667 .modal-dialog .form-horizontal .row:not(:last-child) { 668 margin-bottom: 15px; } 669 .modal-dialog .modal-footer { 670 background-color: #e9ebf4; 671 color: #000; 672 border-top: 1px solid #dbdfef; 673 border-bottom-left-radius: 5px; 674 border-bottom-right-radius: 5px; } 675 676 /* Tabs */ 677 .panel-default .panel-body .nav-tabs { 678 padding-bottom: 15px; 679 margin-bottom: 0px; 680 border: none; 681 border-bottom: 2px solid #dbdfef; } 682 .panel-default .panel-body .nav-tabs > li > a { 683 font-size: 16px; 684 font-weight: bold; 685 color: #000; 686 border: none; 687 border-radius: 0px; } 688 .panel-default .panel-body .nav-tabs > li > a:hover { 689 background: #e9ebf4; } 690 .panel-default .panel-body .nav-tabs > li > a > .fa { 691 margin-right: 5px; } 692 .panel-default .panel-body .nav-tabs > li.active > a { 693 background: none; 694 color: #000; 695 border: none; } 696 .panel-default .panel-body .nav-tabs > li.active > a:hover { 697 background: #e9ebf4; } 698 .panel-default .panel-body .nav-tabs > li.active > a > .fa:after { 699 content: ""; 700 position: absolute; 701 display: block; 702 background-color: #3573ee; 703 width: 18px; 704 height: 3px; 705 bottom: -4px; 706 left: 50%; 707 transform: translateX(-50%); } 708 709 /* Pills */ 710 .panel-default .panel-body .nav-pills { 711 display: inline-block; 712 padding-left: 2px; 713 padding-top: 2px; } 714 .panel-default .panel-body .nav-pills > li + li { 715 margin: 0px 0px; } 716 .panel-default .panel-body .nav-pills > li > a { 717 padding: 15px 30px; 718 margin-left: -2px; 719 margin-top: -2px; 720 font-size: 14px; 721 font-weight: bold; 722 background: #f8f9fc; 723 color: #000; 724 border: 2px solid #dbdfef; 725 border-radius: 2px; } 726 .panel-default .panel-body .nav-pills > li > a:hover { 727 background: #e9ebf4; } 728 .panel-default .panel-body .nav-pills > li > a > .fa { 729 margin-right: 5px; } 730 .panel-default .panel-body .nav-pills > li.active > a { 731 background: #f8f9fc; 732 color: #3573ee; } 733 .panel-default .panel-body .nav-pills > li.active > a:hover { 734 background: #e9ebf4; } 735 .panel-default .panel-body .nav-pills.nav-stacked { 736 width: 100%; 737 border: none; 738 border-right: 2px solid #e9ebf4; 739 border-radius: 0px; } 740 .panel-default .panel-body .nav-pills.nav-stacked > li > a { 741 padding: 15px; 742 font-size: 16px; 743 border: none; 744 border-radius: 0px; } 745 .panel-default .panel-body .nav-pills.nav-stacked > li + li > a { 746 border-top: 2px solid #dbdfef; } 747 748 /* Pagination */ 749 .panel-default .panel-body .pagination { 750 padding: 2px 2px; 751 margin: 0px 0px; } 752 .panel-default .panel-body .pagination li > a, .panel-default .panel-body .pagination li > span { 753 width: 50px; 754 height: 50px; 755 padding: 13px 0px; 756 margin-left: -2px; 757 margin-top: -2px; 758 text-align: center; 759 font-size: 14px; 760 background-color: #fffffff; 761 color: #111111; 762 border: 2px solid #cfd7e7; 763 border-radius: 2px; } 764 .panel-default .panel-body .pagination li > a:hover, .panel-default .panel-body .pagination li > a:focus, .panel-default .panel-body .pagination li > span:hover, .panel-default .panel-body .pagination li > span:focus { 765 background-color: #dde4f2; 766 color: #111111; } 767 .panel-default .panel-body .pagination li.active > a, .panel-default .panel-body .pagination li.active > span { 768 background-color: #dde4f2; 769 color: #111111; 770 border: 2px solid #cfd7e7; } 771 .panel-default .panel-body .pagination li.active > a:hover, .panel-default .panel-body .pagination li.active > a:focus, .panel-default .panel-body .pagination li.active > span:hover, .panel-default .panel-body .pagination li.active > span:focus { 772 background-color: #c6cce4; 773 color: #111111; 774 border-color: #adbcd9; } 775 776 /* Alert */ 777 .alert-danger { 778 background-color: #fff0f0; 779 border-color: #f4dada; 780 color: #f56b6b; } 781 .alert-danger hr { 782 border-top-color: #f4dada; } 783 .alert-danger .alert-link { 784 color: #f56b6b; } 785 786 .alert-warning { 787 background-color: #fcf0d6; 788 border-color: #ead6ac; 789 color: #d2a647; } 790 .alert-warning hr { 791 border-top-color: #ead6ac; } 792 .alert-warning .alert-link { 793 color: #d2a647; } 794 795 .alert-success { 796 background-color: #e5f4e9; 797 border-color: #c1e6cb; 798 color: #62a975; } 799 .alert-success hr { 800 border-top-color: #c1e6cb; } 801 .alert-success .alert-link { 802 color: #62a975; } 803 804 .alert-info { 805 background-color: #d9edf7; 806 border-color: #bce8f1; 807 color: #31708f; } 808 .alert-info hr { 809 border-top-color: #c1e6cb; } 810 .alert-info .alert-link { 811 color: #62a975; } 812 813 /* ╤allout */ 814 .bs-callout-danger { 815 background-color: #ffffff; 816 border-color: #cf4949; } 817 .bs-callout-danger h4 { 818 color: #cf4949; } 819 820 .bs-callout-warning { 821 background-color: #ffffff; 822 border-color: #f0b840; } 823 .bs-callout-warning h4 { 824 color: #f0b840; } 825 826 .bs-callout-success { 827 background-color: #ffffff; 828 border-color: #86ce99; } 829 .bs-callout-success h4 { 830 color: #86ce99; } 831 832 .bs-callout-info { 833 background-color: #ffffff; 834 border-color: #4fb5e7; } 835 .bs-callout-info h4 { 836 color: #4fb5e7; } 837 838 /* Tooltip */ 839 .panel-default .panel-body [data-toggle="tooltip"], .modal-dialog [data-toggle="tooltip"] { 840 position: relative; } 841 .panel-default .panel-body [data-toggle="tooltip"]::after, .modal-dialog [data-toggle="tooltip"]::after { 842 margin-left: 8px; 843 color: #f0b840; } 844 845 .tooltip.in { 846 opacity: 1.0; 847 filter: alpha(opacity=100); } 848 .tooltip.top .tooltip-inner, .tooltip.top-left .tooltip-inner, .tooltip.top-right .tooltip-inner { 849 background-color: #e9ebf4; 850 color: #000; } 851 .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { 852 border-top-color: #e9ebf4; } 853 .tooltip.right .tooltip-inner { 854 background-color: #e9ebf4; 855 color: #000; } 856 .tooltip.right .tooltip-arrow { 857 border-right-color: #e9ebf4; } 858 .tooltip.left .tooltip-inner { 859 background-color: #e9ebf4; 860 color: #000; } 861 .tooltip.left .tooltip-arrow { 862 border-left-color: #e9ebf4; } 863 .tooltip.bottom .tooltip-inner, .tooltip.bottom-left .tooltip-inner, .tooltip.bottom-right .tooltip-inner { 864 background-color: #e9ebf4; 865 color: #000; } 866 .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { 867 border-bottom-color: #e9ebf4; } 868 869 body { 870 line-height: 1.42857; } 871 872 hr { 873 border-top: 1px solid #dbdfef; 874 margin-top: 6.5px; } 875 876 code { 877 background-color: #e9ebf4; 878 color: #000; } 879 880 .tile { 881 background-color: #4fb5e7; } 882 .tile .tile-body { 883 color: #fff; } 884 885 .rotate { 886 -webkit-animation-name: rotation; 887 -webkit-animation-duration: 2s; 888 -webkit-animation-iteration-count: infinite; 889 -webkit-animation-timing-function: linear; 890 -moz-animation-name: rotation; 891 -moz-animation-duration: 2s; 892 -moz-animation-iteration-count: infinite; 893 -moz-animation-timing-function: linear; 894 -o-animation-name: rotation; 895 -o-animation-duration: 2s; 896 -o-animation-iteration-count: infinite; 897 -o-animation-timing-function: linear; 898 animation-name: rotation; 899 animation-duration: 2s; 900 animation-iteration-count: infinite; 901 animation-timing-function: linear; } 902 903 @-webkit-keyframes rotation { 904 0% { 905 -webkit-transform: rotate(0deg); 906 -moz-transform: rotate(0deg); 907 -o-transform: rotate(0deg); 908 transform: rotate(0deg); } 909 100% { 910 -webkit-transform: rotate(360deg); 911 -moz-transform: rotate(360deg); 912 -o-transform: rotate(360deg); 913 transform: rotate(360deg); } } 914 @-moz-keyframes rotation { 915 0% { 916 -webkit-transform: rotate(0deg); 917 -moz-transform: rotate(0deg); 918 -o-transform: rotate(0deg); 919 transform: rotate(0deg); } 920 100% { 921 -webkit-transform: rotate(360deg); 922 -moz-transform: rotate(360deg); 923 -o-transform: rotate(360deg); 924 transform: rotate(360deg); } } 925 @-o-keyframes rotation { 926 0% { 927 -webkit-transform: rotate(0deg); 928 -moz-transform: rotate(0deg); 929 -o-transform: rotate(0deg); 930 transform: rotate(0deg); } 931 100% { 932 -webkit-transform: rotate(360deg); 933 -moz-transform: rotate(360deg); 934 -o-transform: rotate(360deg); 935 transform: rotate(360deg); } } 936 @keyframes rotation { 937 0% { 938 -webkit-transform: rotate(0deg); 939 -moz-transform: rotate(0deg); 940 -o-transform: rotate(0deg); 941 transform: rotate(0deg); } 942 100% { 943 -webkit-transform: rotate(360deg); 944 -moz-transform: rotate(720deg); 945 -o-transform: rotate(360deg); 946 transform: rotate(360deg); } } 947 /* Button */ 948 button { 949 outline-color: rgba(255, 255, 255, 0) !important; 950 outline: 0px solid white !important; 951 -moz-outline: 0px solid white !important; 952 -webkit-outline: 0px solid white !important; } 953 954 #cancel-button { 955 margin-left: 3px; } 956 957 .panel-default .panel-body .btn, .modal-dialog .btn { 958 position: relative; 959 border: 2px solid #e4e9f3; 960 color: #999; 961 padding: 8px 30px; 962 font-size: 15px; 963 border-radius: 4px; } 964 .panel-default .panel-body .btn .fa, .panel-default .panel-body .btn img, .modal-dialog .btn .fa, .modal-dialog .btn img { 965 margin-right: 3px; } 966 .panel-default .panel-body .btn-default, .modal-dialog .btn-default { 967 background: #cfcfcf; 968 border: 2px solid #b1b1b1; 969 color: #fff; 970 box-shadow: none; } 971 .panel-default .panel-body .btn-default:hover, .modal-dialog .btn-default:hover { 972 background-color: #b1b1b1; 973 border-color: #9d9d9d; 974 box-shadow: none; 975 color: #fff; } 976 .panel-default .panel-body .btn-default.active, .panel-default .panel-body .btn-default:active, .panel-default .panel-body .btn-default:focus, .panel-default .panel-body .btn-default:active:focus, .panel-default .panel-body .btn-default:focus:active, .modal-dialog .btn-default.active, .modal-dialog .btn-default:active, .modal-dialog .btn-default:focus, .modal-dialog .btn-default:active:focus, .modal-dialog .btn-default:focus:active { 977 box-shadow: none; 978 border-color: #757575; 979 background-color: #959595; 980 color: #fff; } 981 .panel-default .panel-body .btn-primary, .modal-dialog .btn-primary { 982 box-shadow: none; 983 background: #4fb5e7; 984 border: 2px solid #3aa5da; 985 color: #fff; } 986 .panel-default .panel-body .btn-primary:hover, .modal-dialog .btn-primary:hover { 987 box-shadow: none; 988 background-color: #27b7fd; 989 border-color: #229cd8; } 990 .panel-default .panel-body .btn-primary.active, .panel-default .panel-body .btn-primary:active, .panel-default .panel-body .btn-primary:focus, .panel-default .panel-body .btn-primary:active:focus, .panel-default .panel-body .btn-primary:focus:active, .modal-dialog .btn-primary.active, .modal-dialog .btn-primary:active, .modal-dialog .btn-primary:focus, .modal-dialog .btn-primary:active:focus, .modal-dialog .btn-primary:focus:active { 991 box-shadow: none; 992 border-color: #0871a5; 993 background-color: #1589c1; } 994 .panel-default .panel-body .btn-primary.btn-ghost, .modal-dialog .btn-primary.btn-ghost { 995 background: none; 996 color: #3aa5da; } 997 .panel-default .panel-body .btn-primary.btn-ghost:hover, .modal-dialog .btn-primary.btn-ghost:hover { 998 box-shadow: none; 999 background-color: #4fb5e7; 1000 color: #fff; 1001 border-color: #229cd8; } 1002 .panel-default .panel-body .btn-danger, .modal-dialog .btn-danger { 1003 background: #cf4949; 1004 border: 2px solid #b33131; 1005 color: #fff; 1006 box-shadow: none; } 1007 .panel-default .panel-body .btn-danger:hover, .modal-dialog .btn-danger:hover { 1008 box-shadow: none; 1009 background-color: #da3d3d; 1010 border-color: #bf1f1f; } 1011 .panel-default .panel-body .btn-danger.active, .panel-default .panel-body .btn-danger:active, .panel-default .panel-body .btn-danger:focus, .panel-default .panel-body .btn-danger:active:focus, .panel-default .panel-body .btn-danger:focus:active, .modal-dialog .btn-danger.active, .modal-dialog .btn-danger:active, .modal-dialog .btn-danger:focus, .modal-dialog .btn-danger:active:focus, .modal-dialog .btn-danger:focus:active { 1012 box-shadow: none; 1013 border-color: #a12929; 1014 background-color: #bc3a3a; } 1015 .panel-default .panel-body .btn-warning, .modal-dialog .btn-warning { 1016 box-shadow: none; 1017 background: #f0b840; 1018 border: 2px solid #dfa01a; 1019 color: #fff; } 1020 .panel-default .panel-body .btn-warning:hover, .modal-dialog .btn-warning:hover { 1021 box-shadow: none; 1022 background-color: #eba612; 1023 border-color: #cd910f; } 1024 .panel-default .panel-body .btn-warning.active, .panel-default .panel-body .btn-warning:active, .panel-default .panel-body .btn-warning:focus, .panel-default .panel-body .btn-warning:active:focus, .panel-default .panel-body .btn-warning:focus:active, .modal-dialog .btn-warning.active, .modal-dialog .btn-warning:active, .modal-dialog .btn-warning:focus, .modal-dialog .btn-warning:active:focus, .modal-dialog .btn-warning:focus:active { 1025 box-shadow: none; 1026 border-color: #a8770e; 1027 background-color: #d59202; } 1028 .panel-default .panel-body .btn-success, .modal-dialog .btn-success { 1029 box-shadow: none; 1030 background: #86ce99; 1031 border: 2px solid #69bd7f; 1032 color: #fff; } 1033 .panel-default .panel-body .btn-success:hover, .modal-dialog .btn-success:hover { 1034 box-shadow: none; 1035 background-color: #2cbd53; 1036 border-color: #18a03c; } 1037 .panel-default .panel-body .btn-success.active, .panel-default .panel-body .btn-success:active, .panel-default .panel-body .btn-success:focus, .panel-default .panel-body .btn-success:active:focus, .panel-default .panel-body .btn-success:focus:active, .modal-dialog .btn-success.active, .modal-dialog .btn-success:active, .modal-dialog .btn-success:focus, .modal-dialog .btn-success:active:focus, .modal-dialog .btn-success:focus:active { 1038 box-shadow: none; 1039 border-color: #309c4c; 1040 background-color: #4faf68; } 1041 .panel-default .panel-body .btn-info, .modal-dialog .btn-info { 1042 box-shadow: none; 1043 background: #d9dcec; 1044 border: 2px solid #c2cde2; 1045 color: #000; } 1046 .panel-default .panel-body .btn-info:hover, .modal-dialog .btn-info:hover { 1047 box-shadow: none; 1048 background-color: #c6cce4; 1049 border-color: #adbcd9; } 1050 .panel-default .panel-body .btn-info.active, .panel-default .panel-body .btn-info:active, .panel-default .panel-body .btn-info:focus, .panel-default .panel-body .btn-info:active:focus, .panel-default .panel-body .btn-info:focus:active, .modal-dialog .btn-info.active, .modal-dialog .btn-info:active, .modal-dialog .btn-info:focus, .modal-dialog .btn-info:active:focus, .modal-dialog .btn-info:focus:active { 1051 box-shadow: none; 1052 border-color: #93a6c9; 1053 background-color: #abb2d8; } 1054 .panel-default .panel-body .btn-lg, .panel-default .panel-body .btn-group-lg > .btn, .modal-dialog .btn-lg, .modal-dialog .btn-group-lg > .btn { 1055 padding: 13px 40px; 1056 font-size: 17px; 1057 line-height: 1.33333; 1058 border-radius: 5px; } 1059 .panel-default .panel-body .btn-sm, .panel-default .panel-body .btn-group-sm > .btn, .modal-dialog .btn-sm, .modal-dialog .btn-group-sm > .btn { 1060 padding: 8px 20px; 1061 font-size: 13px; 1062 line-height: 1.5; 1063 border-radius: 3px; } 1064 .panel-default .panel-body .btn-xs, .panel-default .panel-body .btn-group-xs > .btn, .modal-dialog .btn-xs, .modal-dialog .btn-group-xs > .btn { 1065 padding: 3px 10px; 1066 font-size: 12px; 1067 line-height: 1.5; 1068 border-radius: 3px; } 1069 .panel-default .panel-body .popover .btn, .modal-dialog .popover .btn { 1070 padding: 8px 13px; 1071 font-size: 12px; } 1072 .panel-default .panel-body .popover .btn .fa, .panel-default .panel-body .popover .btn img, .modal-dialog .popover .btn .fa, .modal-dialog .popover .btn img { 1073 margin: 0px 0px; } 1074 1075 /* Table */ 1076 .panel-default .panel-body .table { 1077 border-collapse: separate; 1078 border-spacing: 0; } 1079 .panel-default .panel-body .table > thead > tr > td { 1080 background: #f8f9fc; } 1081 .panel-default .panel-body .table > tbody > tr > td { 1082 background: #ffffff; } 1083 .panel-default .panel-body .table-responsive { 1084 border: none; } 1085 .panel-default .panel-body .table-bordered { 1086 border: 1px solid #dbdfef; 1087 border-radius: 3px; } 1088 .panel-default .panel-body .table-bordered > thead > tr > th, .panel-default .panel-body .table-bordered > thead > tr > td, .panel-default .panel-body .table-bordered > tbody > tr > th, .panel-default .panel-body .table-bordered > tbody > tr > td, .panel-default .panel-body .table-bordered > tfoot > tr > th, .panel-default .panel-body .table-bordered > tfoot > tr > td { 1089 padding: 10px 10px; 1090 border: 1px solid #dbdfef; } 1091 1092 /* Form */ 1093 .panel-default .panel-body label, .modal-dialog label { 1094 font-weight: 600; } 1095 .panel-default .panel-body .form-horizontal [type="file"], .modal-dialog .form-horizontal [type="file"] { 1096 padding-top: 8px; } 1097 .panel-default .panel-body .form-horizontal .control-label, .modal-dialog .form-horizontal .control-label { 1098 padding-top: 9px; 1099 font-size: 15px; } 1100 .panel-default .panel-body .form-horizontal .bootstrap-switch, .modal-dialog .form-horizontal .bootstrap-switch { 1101 margin-top: 3px; 1102 border: 2px solid #dbdfef; 1103 border-radius: 3px; } 1104 .panel-default .panel-body .form-horizontal .bootstrap-switch .bootstrap-switch-label, .modal-dialog .form-horizontal .bootstrap-switch .bootstrap-switch-label { 1105 color: #000; 1106 white-space: nowrap; } 1107 .panel-default .panel-body .form-horizontal .bootstrap-switch .bootstrap-switch-handle-on, .modal-dialog .form-horizontal .bootstrap-switch .bootstrap-switch-handle-on { 1108 border-bottom-left-radius: 2px; 1109 border-top-left-radius: 2px; } 1110 .panel-default .panel-body .form-horizontal .bootstrap-switch .bootstrap-switch-handle-off, .modal-dialog .form-horizontal .bootstrap-switch .bootstrap-switch-handle-off { 1111 border-bottom-right-radius: 2px; 1112 border-top-right-radius: 2px; } 1113 .panel-default .panel-body .form-horizontal .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .panel-default .panel-body .form-horizontal .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .modal-dialog .form-horizontal .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .modal-dialog .form-horizontal .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { 1114 background-color: #e9ebf4; } 1115 .panel-default .panel-body .form-horizontal .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .panel-default .panel-body .form-horizontal .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .modal-dialog .form-horizontal .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .modal-dialog .form-horizontal .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { 1116 background: #86ce99; } 1117 .panel-default .panel-body .form-horizontal .bootstrap-tagsinput, .modal-dialog .form-horizontal .bootstrap-tagsinput { 1118 width: 100%; } 1119 .panel-default .panel-body .form-horizontal .form-group, .modal-dialog .form-horizontal .form-group { 1120 border: none; } 1121 .panel-default .panel-body .form-horizontal .input-group-addon, .modal-dialog .form-horizontal .input-group-addon { 1122 background: #f8f9fc; 1123 border: 2px solid #dbdfef; } 1124 .panel-default .panel-body .form-horizontal .input-group-addon:first-child, .modal-dialog .form-horizontal .input-group-addon:first-child { 1125 border-right: none; } 1126 .panel-default .panel-body .form-horizontal .input-group-addon:last-child, .modal-dialog .form-horizontal .input-group-addon:last-child { 1127 border-left: none; } 1128 .panel-default .panel-body .form-horizontal .input-group + .input-group, .modal-dialog .form-horizontal .input-group + .input-group { 1129 margin-top: -2px; } 1130 .panel-default .panel-body .form-control, .modal-dialog .form-control { 1131 min-height: 40px; 1132 font-size: 15px; 1133 border: 2px solid #dbdfef; 1134 box-shadow: none; } 1135 .panel-default .panel-body textarea.form-control, .modal-dialog textarea.form-control { 1136 height: auto; } 1137 1138 /* Panel Resizable */ 1139 .panel-resizable { 1140 position: relative; 1141 display: block; 1142 float: left; 1143 width: 100%; 1144 height: auto; 1145 -webkit-transition: width 500ms; 1146 transition: width 500ms; } 1147 1148 .panel-resizable.resized { 1149 width: 70%; } 1150 1151 @media only screen and (max-width: 1260px) { 1152 .panel-resizable.resized { 1153 width: 50%; } } 1154 .panel-resizable .panel-body .info-window-item { 1155 position: relative; 1156 cursor: pointer; } 1157 1158 @media only screen and (max-width: 767px) { 1159 .panel-resizable .panel-body .info-window-item { 1160 display: none; } } 1161 .panel-resizable .panel-body .info-window-item .fa { 1162 position: absolute; 1163 width: 24px; 1164 height: 24px; 1165 top: 55%; 1166 padding: 6px 8px; 1167 margin-left: 10px; 1168 margin-top: -12px; 1169 font-size: 12px; 1170 background: #e8eaf6; 1171 color: #8a94bb; 1172 border-radius: 12px; } 1173 1174 .panel-resizable .panel-body .form-horizontal .bootstrap-switch + .info-window-item .fa { 1175 margin-top: -9px; } 1176 1177 /* Info Window */ 1178 .info-window { 1179 position: relative; 1180 display: block; 1181 float: left; 1182 width: 0px; 1183 height: auto; 1184 overflow: hidden; 1185 -webkit-transition: width 500ms; 1186 transition: width 500ms; } 1187 1188 .info-window.resized { 1189 width: 30%; } 1190 1191 @media only screen and (max-width: 1260px) { 1192 .info-window.resized { 1193 width: 50%; } } 1194 .info-window .info-window-wrap { 1195 padding-left: 20px; } 1196 1197 .info-window .info-window-block { 1198 display: block; 1199 padding: 40px 20px; 1200 overflow: hidden; 1201 background: #f8f9fc; 1202 color: #000; 1203 border: 1px solid #dbdfef; 1204 border-radius: 3px; } 1205 .info-window .info-window-block ol { 1206 padding-left: 20px; } 1207 .info-window .info-window-block .bs-callout.bs-callout-warning { 1208 word-break: break-all; } 1209 1210 .info-window .info-window-close { 1211 position: absolute; 1212 display: block; 1213 top: 15px; 1214 right: 20px; 1215 font-size: 15px; 1216 cursor: pointer; } 1217 1218 /*# sourceMappingURL=light.css.map */