styles.css (18029B)
1 /* 2 Light style 3 */ 4 @-webkit-keyframes blinker { 5 from { 6 opacity: 1.0; } 7 to { 8 opacity: 0.0; } } 9 @-webkit-keyframes blinker { 10 from { 11 opacity: 1.0; } 12 to { 13 opacity: 0.0; } } 14 @-webkit-keyframes blinker { 15 from { 16 opacity: 1.0; } 17 to { 18 opacity: 0.0; } } 19 button { 20 outline-color: rgba(255, 255, 255, 0) !important; 21 outline: 0px solid white !important; 22 -moz-outline: 0px solid white !important; 23 -webkit-outline: 0px solid white !important; } 24 25 #cancel-button { 26 margin-left: 3px; } 27 28 .bootstrap-switch { 29 border: 2px solid #dbdfef; } 30 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, 31 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { 32 background: #86ce99; 33 border-color: #86ce99; } 34 35 .bootstrap-tagsinput { 36 width: 100%; } 37 38 table .btn, .btn.popup-extension { 39 padding: 8px 13px; } 40 41 .panel-default .btn { 42 border-radius: 4px; 43 font-size: 15px; } 44 .panel-default .btn:not(.note-btn) { 45 padding: 8px 30px; } 46 .panel-default .btn-default { 47 color: #fff; 48 background: #cfcfcf; 49 border: 2px solid #b1b1b1; } 50 .panel-default .btn-default.active, .panel-default .btn-default:focus, .panel-default .btn-default:hover { 51 background: #b1b1b1; 52 border-color: #9d9d9d; } 53 .panel-default .btn-default.active:hover { 54 color: #fff; } 55 .panel-default .btn-info { 56 color: #000; 57 background: #cfd7e7; 58 border: 2px solid #c2cde2; } 59 .panel-default .btn-info.active, .panel-default .btn-info:focus, .panel-default .btn-info:hover { 60 background: #c6cce4; 61 border-color: #acbcd9; } 62 .panel-default .btn-info:active:focus { 63 background: #abb2d8; 64 border-color: #93a6c9; } 65 .panel-default .btn-info:active:focus i { 66 color: #000; } 67 .panel-default .btn-danger { 68 color: #fff; 69 background: #cf4949; 70 border: 2px solid #b33131; } 71 .panel-default .btn-danger:focus, .panel-default .btn-danger:hover { 72 background: #da3d3d; 73 border-color: #bf1f1f; } 74 .panel-default .btn-danger:active:focus { 75 background: #a12929; 76 border-color: #bc3a3a; } 77 .panel-default .btn-primary { 78 box-shadow: none; 79 background: #4fb5e7; 80 border: 2px solid #3aa5da; 81 color: #fff; } 82 .panel-default .btn-primary:focus, .panel-default .btn-primary:hover { 83 background: #27b7fd; 84 border-color: #229cd8; } 85 .panel-default .btn-primary:active:focus { 86 background: #1589c1; 87 border-color: #0871a5; } 88 .panel-default .btn-success { 89 box-shadow: none; 90 background: #86ce99; 91 border: 2px solid #69bd7f; 92 color: #fff; } 93 .panel-default .btn-success:focus, .panel-default .btn-success:hover { 94 background: #2cbd53; 95 border-color: #18a03c; } 96 .panel-default .btn-success:active:focus { 97 background: #4faf68; 98 border-color: #309c4c; } 99 100 .input-group-addon:last-child { 101 border-bottom-left-radius: 0; 102 border-top-left-radius: 0; } 103 104 @-webkit-keyframes blinker { 105 from { 106 opacity: 1.0; } 107 to { 108 opacity: 0.0; } } 109 .bs-callout { 110 background-color: #fff; 111 border-color: #f46b42; } 112 113 @-webkit-keyframes blinker { 114 from { 115 opacity: 1.0; } 116 to { 117 opacity: 0.0; } } 118 body { 119 line-height: 1.42857; } 120 121 hr { 122 border-top: 1px solid #dbdfef; 123 margin-top: 6.5px; } 124 125 code { 126 background-color: #000; 127 color: #e9ebf4; } 128 129 .tile { 130 background-color: #4fb5e7; } 131 .tile .tile-body { 132 color: #fff; } 133 134 @-webkit-keyframes blinker { 135 from { 136 opacity: 1.0; } 137 to { 138 opacity: 0.0; } } 139 input[type="checkbox"] { 140 width: 20px; 141 height: 20px; 142 border: 2px solid #c2cde2; 143 border-radius: 3px; } 144 input[type="checkbox"]:hover, input[type="checkbox"]:focus { 145 border: 2px solid #c2cde2; 146 border-color: #abb2d8; 147 background: #dde4f2; 148 box-shadow: none; } 149 input[type="checkbox"]:checked { 150 background: #dde4f2; } 151 input[type="checkbox"]:checked:after { 152 top: 0px; 153 left: 3px; 154 content: url("../../../../image/d_admin_style/checkmark.svg"); } 155 156 .label { 157 font-size: 88%; 158 margin: 4px; 159 display: inline-block; } 160 161 .label-danger { 162 background-color: #fa5b6d; } 163 164 .label-warning { 165 background-color: #f46b42; } 166 167 .panel-body .form-control { 168 height: 41px; 169 font-size: 15px; 170 box-shadow: none; 171 border: 2px solid #cfd7e7; } 172 .panel-body .form-control.active, .panel-body .form-control:hover { 173 border-color: #cfd7e7; } 174 .panel-body .form-control:active:focus, .panel-body .form-control:focus { 175 border-color: #9eaecb; } 176 .panel-body .form-control:active:focus ~ .input-group-addon, .panel-body .form-control:focus ~ .input-group-addon { 177 border-color: #9eaecb; } 178 .panel-body .input-group-addon { 179 border-width: 2px; 180 border-color: #cfd7e7; } 181 .panel-body textarea { 182 min-height: auto !important; } 183 .panel-body .form-group { 184 padding-top: 15px; } 185 186 @-webkit-keyframes blinker { 187 from { 188 opacity: 1.0; } 189 to { 190 opacity: 0.0; } } 191 .nav.nav-tabs a { 192 font-size: 18px; 193 font-weight: bold; 194 line-height: 1.5; 195 color: #000; } 196 .nav.nav-tabs > li { 197 display: inline-block; 198 padding: 0; } 199 .nav.nav-tabs > li > a { 200 padding: 15px; } 201 @media screen and (min-width: 1200px) { 202 .nav.nav-tabs > li > a { 203 padding-right: 10px; } } 204 .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:focus { 205 text-decoration: none; 206 background-color: #f8f9fc; 207 border-color: #f8f9fc; 208 color: #000; } 209 .nav.nav-tabs > li > a > i { 210 padding-bottom: 4px; } 211 .nav.nav-tabs > li.active > a { 212 color: #000; 213 background-color: #f8f9fc; 214 border: 1px solid transparent; } 215 .nav.nav-tabs > li.active > a > i, .nav.nav-tabs > li.active > a > span { 216 position: relative; } 217 .nav.nav-tabs > li.active > a > i:after, .nav.nav-tabs > li.active > a > span:after { 218 content: ""; 219 position: absolute; 220 display: block; 221 background-color: #3573ee; 222 width: 18px; 223 height: 3px; 224 bottom: 0; 225 left: 50%; 226 transform: translateX(-50%); } 227 .nav.nav-tabs#language li { 228 border-radius: 4px; 229 border: 2px solid #3aa5da; } 230 .nav.nav-tabs#language li:not(:first-child) { 231 margin: 0 10px; } 232 .nav.nav-tabs#language li a { 233 padding: 8px 20px; 234 font-size: 13px; 235 line-height: 1.5; 236 font-weight: normal; 237 margin-right: 0; } 238 .nav.nav-tabs#language li.active a { 239 box-shadow: none; 240 background: #4fb5e7; 241 color: #fff; } 242 243 @media screen and (min-width: 768px) { 244 .b-menu { 245 display: none !important; } } 246 @media screen and (max-width: 768px) { 247 .panel-body { 248 padding-top: 0; } } 249 .nav-tabs { 250 padding-bottom: 20px; 251 border-bottom: 1px solid #dbdfef; } 252 @media screen and (max-width: 768px) { 253 .nav-tabs { 254 padding: 0; 255 margin: 0; 256 z-index: 11; 257 display: block; } 258 .nav-tabs li { 259 width: 100%; } } 260 261 @-webkit-keyframes blinker { 262 from { 263 opacity: 1.0; } 264 to { 265 opacity: 0.0; } } 266 .panel { 267 background-color: #f8f9fc; 268 font-family: "Open Sans", sans-serif; 269 color: #000; } 270 .panel .panel-body { 271 position: relative; 272 padding-left: 30px; 273 padding-right: 30px; } 274 .panel .panel-heading { 275 background: #e9ebf4; 276 border-color: #dbdfef; 277 color: #000; 278 align-items: center; 279 justify-content: space-between; 280 flex-wrap: wrap; } 281 .panel .panel-heading:not(.note-toolbar) { 282 display: flex; } 283 @media screen and (max-width: 500px) { 284 .panel .panel-heading .panel-title { 285 min-width: 100%; } 286 .panel .panel-heading .status-wrap { 287 margin-top: 20px; 288 min-width: 100%; 289 display: flex; 290 align-items: center; 291 justify-content: flex-end; } 292 .panel .panel-heading .status-wrap label { 293 margin-right: 20px; 294 margin-bottom: 0; } } 295 296 .panel_top_radius { 297 border-top-left-radius: 5px; 298 border-top-right-radius: 5px; } 299 300 .panel-default .panel-body [data-toggle="tooltip"]::after, 301 .modal-dialog [data-toggle="tooltip"]::after { 302 margin-left: 8px; } 303 304 .panel-default .panel-body .form-horizontal .form-group, .modal-dialog .form-horizontal .form-group { 305 border: 0; } 306 307 /* Panel Resizable */ 308 .panel-resizable { 309 position: relative; 310 display: block; 311 float: left; 312 width: 100%; 313 height: auto; 314 -webkit-transition: width 500ms; 315 transition: width 500ms; } 316 317 .panel-resizable.resized { 318 width: 70%; } 319 320 @media only screen and (max-width: 1260px) { 321 .panel-resizable.resized { 322 width: 50%; } } 323 .panel-resizable .panel-body .info-window-item { 324 position: relative; 325 cursor: pointer; } 326 327 @media only screen and (max-width: 767px) { 328 .panel-resizable .panel-body .info-window-item { 329 display: none; } } 330 .panel-resizable .panel-body .info-window-item .fa { 331 position: absolute; 332 width: 24px; 333 height: 24px; 334 top: 55%; 335 padding: 6px 8px; 336 margin-left: 10px; 337 margin-top: -12px; 338 font-size: 12px; 339 background: #e8eaf6; 340 color: #8a94bb; 341 border-radius: 12px; } 342 343 .panel-resizable .panel-body .form-horizontal .bootstrap-switch + .info-window-item .fa { 344 margin-top: -9px; } 345 346 /* Info Window */ 347 .info-window { 348 position: relative; 349 display: block; 350 float: left; 351 width: 0px; 352 height: auto; 353 overflow: hidden; 354 -webkit-transition: width 500ms; 355 transition: width 500ms; } 356 357 .info-window.resized { 358 width: 30%; } 359 360 @media only screen and (max-width: 1260px) { 361 .info-window.resized { 362 width: 50%; } } 363 .info-window .info-window-wrap { 364 padding-left: 20px; } 365 366 .info-window .info-window-block { 367 display: block; 368 padding: 40px 20px; 369 overflow: hidden; 370 background: #f8f9fc; 371 color: #000; 372 border: 1px solid #dbdfef; 373 border-radius: 3px; } 374 .info-window .info-window-block ol { 375 padding-left: 20px; } 376 .info-window .info-window-block .bs-callout.bs-callout-warning { 377 word-break: break-all; } 378 379 .info-window .info-window-close { 380 position: absolute; 381 display: block; 382 top: 15px; 383 right: 20px; 384 font-size: 15px; 385 cursor: pointer; } 386 387 .pagination { 388 font-size: 14px; } 389 .pagination > li > a, .pagination > li > span { 390 color: #111111; 391 border: 2px solid #cfd7e7; 392 padding: 10px 16px; } 393 .pagination li:not(:last-child) > span, .pagination li:not(:last-child) > a { 394 border-right: none; } 395 .pagination > .active > span { 396 color: #111111; 397 background-color: #dde4f2; 398 border: 2px solid #c2cde2; } 399 .pagination > .active > span:hover { 400 color: #111111; 401 background-color: #c6cce4; 402 border-color: #adbcd9; } 403 404 .preloader { 405 width: 100%; 406 height: 90%; 407 position: absolute; 408 background: rgba(0, 0, 0, 0.5); 409 z-index: 999; 410 top: 0; 411 box-sizing: border-box; 412 margin-left: -30px; 413 margin-right: -30px; } 414 .preloader icon { 415 top: 50%; 416 left: 50%; 417 position: absolute; 418 width: 200px; 419 height: 200px; 420 color: #4fb5e7; 421 transform: translate(-50%, -50%); } 422 423 .tooltip.top .tooltip-inner { 424 color: #000; 425 background-color: #fff; } 426 .tooltip.top .tooltip-arrow { 427 border-top-color: #fff; } 428 429 .true_success { 430 background-color: #86ce99; 431 border-color: #86ce99; 432 color: #f8f9fc; 433 font-size: 14px; 434 font-weight: bold; } 435 436 .warning { 437 color: #f46b42; } 438 .warning:focus, .warning.focus { 439 color: #f46b42; } 440 441 .error { 442 font-size: 14px; 443 color: #fa5b6d; } 444 445 .extension-show-thumb .alert { 446 overflow: hidden; } 447 448 .hide, .hidden { 449 display: none; } 450 451 .show { 452 display: block; } 453 454 .invisible { 455 visibility: hidden; } 456 457 .flex { 458 display: flex; } 459 460 .clear { 461 clear: both; } 462 463 .disable_link { 464 pointer-events: none; } 465 466 .ignore { 467 opacity: 0.5; } 468 469 .admin-table { 470 font-size: 13px; } 471 .admin-table .table thead { 472 background-color: rgba(248, 249, 252, 0.5); } 473 .admin-table .table thead tr th { 474 border: 1px solid rgba(219, 223, 239, 0.7) !important; } 475 .admin-table .table tbody tr th { 476 border-top: 1px solid rgba(219, 223, 239, 0.7); 477 font-weight: normal; } 478 .admin-table .table tbody tr:hover { 479 background-color: rgba(248, 249, 252, 0.5); } 480 @media screen and (min-width: 850px) { 481 .admin-table img { 482 margin-right: 5px; } } 483 484 .page-header h1 { 485 margin-top: 0; } 486 487 /* ANALYTICS CHART */ 488 .ct-series-a .ct-line { 489 stroke: #4fb5e7; 490 stroke-width: 3px; } 491 .ct-series-a .ct-point { 492 stroke: #4fb5e7; } 493 494 .ct-series-b .ct-line { 495 stroke: #e9ebf4; 496 stroke-width: 3px; } 497 .ct-series-b .ct-point { 498 stroke: #e9ebf4; } 499 500 .ct-series-c .ct-line { 501 stroke: #fa5b6d; 502 stroke-width: 3px; } 503 .ct-series-c .ct-point { 504 stroke: #fa5b6d; } 505 506 .ct-grid { 507 stroke: #383a4b; 508 stroke-width: 1px; 509 stroke-dasharray: 0px; } 510 511 .ct-label { 512 color: #b0b1b8; 513 font-size: 10px; } 514 .ct-label.ct-vertical.ct-start { 515 padding-right: 25px; } 516 .ct-label.ct-horizontal.ct-end { 517 padding-top: 10px; } 518 519 .ct-point { 520 stroke-width: 8px; } 521 522 .setting { 523 font-size: 17px; } 524 .setting .nav-pills { 525 display: inline-block; 526 border: 2px solid #DBDFEF; 527 border-radius: 3px; } 528 .setting .nav-pills > li + li { 529 margin: 0px 0px; } 530 .setting .nav-pills > li + li > a { 531 border-left: 1px solid #dbdfef; } 532 .setting .nav-pills > li > a { 533 padding: 15px 20px; 534 font-size: 14px; 535 font-weight: bold; 536 background: none; 537 color: #000; 538 border: none; 539 border-radius: 0px; } 540 .setting .nav-pills > li > a:hover { 541 color: #fff; 542 background: rgba(0, 0, 0, 0.17); } 543 .setting .nav-pills > li > a .fa { 544 margin-right: 5px; } 545 .setting .nav-pills > li.active > a { 546 color: #fff; } 547 .setting .nav-pills > li.active > a .fa { 548 color: #4fb5e7; } 549 .setting .nav-pills.nav-stacked { 550 width: 100%; 551 height: 100%; 552 border: none; 553 border-right: 1px solid #dbdfef; 554 border-radius: 0px; } 555 .setting .nav-pills.nav-stacked > li > a { 556 padding: 15px 15px; 557 font-size: 16px; 558 border: none; } 559 .setting .nav-pills.nav-stacked > li + li > a { 560 border-top: 1px solid #dbdfef; } 561 .setting .page-header { 562 border-bottom: 1px solid rgba(219, 223, 239, 0.7); } 563 .setting .page-header h3 { 564 font-weight: bold; 565 color: #fff; } 566 .setting #setting_protections { 567 margin-left: -8px; } 568 .setting #setting_protections .s_protection { 569 cursor: pointer; 570 color: #b0b1b8; } 571 .setting #setting_protections .s_protection i { 572 font-size: 56px; 573 padding: 10px; } 574 .setting #setting_protections .s_protection.enabled { 575 color: #fff; } 576 .setting #setting_protections .s_protection.enabled i { 577 color: #4fb5e7; } 578 579 .blink { 580 text-decoration: blink; 581 -webkit-animation-name: blinker; 582 -webkit-animation-duration: 0.6s; 583 -webkit-animation-iteration-count: infinite; 584 -webkit-animation-timing-function: ease-in-out; 585 -webkit-animation-direction: alternate; } 586 587 .nav.nav-tabs > li > a > span { 588 padding-bottom: 4px; } 589 590 a#button-menu { 591 -webkit-appearance: none !important; } 592 593 .setup { 594 padding: 0; } 595 .setup .setup-back { 596 background-position: bottom; 597 background-repeat: no-repeat; 598 background-size: 100%; 599 min-height: 1025px; 600 padding-top: 50px; 601 padding-bottom: 525px; } 602 .setup .setup-into { 603 text-align: center; 604 max-width: 500px; 605 margin: auto; } 606 .setup .setup-into-logo { 607 padding-bottom: 15px; } 608 .setup .setup-into-heading { 609 font-size: 30px; 610 font-weight: bold; 611 padding-bottom: 15px; } 612 .setup .setup-into-text { 613 font-size: 18px; 614 padding-bottom: 30px; } 615 .setup .setup-into-start { 616 padding-bottom: 30px; } 617 .setup .setup-features { 618 padding: 30px; } 619 .setup .setup-features-icon { 620 padding: 20px; 621 height: 130px; 622 text-align: center; } 623 .setup .setup-features-text { 624 text-align: center; 625 font-weight: bold; 626 font-size: 16px; } 627 .setup .panel-body { 628 padding: 0px; } 629 .setup .setup-features-icon img { 630 max-height: 100%; } 631 632 /* Tabs */ 633 .panel-default .panel-body .nav-tabs { 634 padding-bottom: 15px; 635 margin-bottom: 0px; 636 border: none; 637 border-bottom: 2px solid #dbdfef; } 638 .panel-default .panel-body .nav-tabs > li > a { 639 font-size: 16px; 640 font-weight: bold; 641 color: #000; 642 border: none; 643 border-radius: 0px; } 644 .panel-default .panel-body .nav-tabs > li > a:hover { 645 background: #e9ebf4; } 646 .panel-default .panel-body .nav-tabs > li > a > .fa { 647 margin-right: 5px; } 648 .panel-default .panel-body .nav-tabs > li.active > a { 649 background: none; 650 color: #000; 651 border: none; } 652 .panel-default .panel-body .nav-tabs > li.active > a:hover { 653 background: #e9ebf4; } 654 .panel-default .panel-body .nav-tabs > li.active > a > .fa:after { 655 content: ""; 656 position: absolute; 657 display: block; 658 background-color: #3573ee; 659 width: 18px; 660 height: 3px; 661 bottom: -4px; 662 left: 50%; 663 transform: translateX(-50%); } 664 665 /* Pills */ 666 .panel-default .panel-body .nav-pills { 667 display: inline-block; 668 padding-left: 2px; 669 padding-top: 2px; } 670 .panel-default .panel-body .nav-pills > li + li { 671 margin: 0px 0px; } 672 .panel-default .panel-body .nav-pills > li > a { 673 padding: 15px 30px; 674 margin-left: -2px; 675 margin-top: -2px; 676 font-size: 14px; 677 font-weight: bold; 678 background: #f8f9fc; 679 color: #000; 680 border: 2px solid #dbdfef; 681 border-radius: 2px; } 682 .panel-default .panel-body .nav-pills > li > a:hover { 683 background: #e9ebf4; } 684 .panel-default .panel-body .nav-pills > li > a > .fa { 685 margin-right: 5px; } 686 .panel-default .panel-body .nav-pills > li.active > a { 687 background: #f8f9fc; 688 color: #3573ee; } 689 .panel-default .panel-body .nav-pills > li.active > a:hover { 690 background: #e9ebf4; } 691 .panel-default .panel-body .nav-pills.nav-stacked { 692 width: 100%; 693 border: none; 694 border-right: 2px solid #e9ebf4; 695 border-radius: 0px; } 696 .panel-default .panel-body .nav-pills.nav-stacked > li > a { 697 padding: 15px; 698 font-size: 16px; 699 border: none; 700 border-radius: 0px; } 701 .panel-default .panel-body .nav-pills.nav-stacked > li + li > a { 702 border-top: 2px solid #dbdfef; } 703 704 /*# sourceMappingURL=styles.css.map */