public/assets/css/global/custom.css

   1 /* here you can put your own css to customize and override the theme */
   2 /*.text_filter {
   3 letter-spacing:2px;
   4 font-style:italic;
   5 color:#999;
   6 }*/
   7
   8 /*.toolbar {
   9 float: right;
  10 }*/
  11
  12 /***
  13 Rounded Portlets
  14 ***/
  15 /*
  16 .portlet {
  17 border-radius: 4px !important;
  18 }
  19
  20 .portlet .portlet-title {
  21 border-radius: 4px 4px 0px 0px !important;
  22 }
  23
  24 .portlet .portlet-body,
  25 .portlet .portlet-body .form-actions  {
  26 border-radius: 0px 0px 4px 4px !important;
  27 }
  28 */
  29
  30 /*
  31 Change Quick Sidebar Width
  32 */
  33
  34 /*
  35 .page-quick-sidebar-wrapper {
  36 right: -370px;
  37 width: 370px;
  38 }
  39
  40 .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  41 margin-left: -370px;
  42 }
  43
  44 .page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  45 margin-right: 370px;
  46 margin-left: -370px;
  47 }
  48
  49 .page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  50 margin-right: 370px;
  51 }
  52
  53 .page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  54 margin-left: -370px;
  55 }
  56
  57 .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  58 width: 370px !important;
  59 }
  60
  61 .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  62 width: 370px !important;
  63 margin-left: 370px;
  64 }
  65
  66 .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  67 margin-left: -370px;
  68 }
  69 */
  70
  71 .motion-contact-uib-tab div.ng-binding, .motion-newContact-uib-tab div.ng-binding {
  72   border-top: 2px solid #8775a7 !important;
  73 }
  74
  75 .motion-chatRoom-uib-tab div.ng-binding {
  76   border-top: 2px solid #5bc0de !important;
  77 }
  78
  79 .motion-mailRoom-uib-tab div.ng-binding {
  80   border-top: 2px solid #5cb85c !important;
  81 }
  82
  83 .motion-faxRoom-uib-tab div.ng-binding {
  84   border-top: 2px solid #f0ad4e !important;
  85 }
  86
  87 .motion-smsRoom-uib-tab div.ng-binding {
  88   border-top: 2px solid #d9534f !important;
  89 }
  90
  91 .motion-jscripty-uib-tab div.ng-binding {
  92   border-top: 2px solid #002C4C !important;
  93 }
  94
  95 .pretty-avatar {
  96   padding-top: 4px;
  97 }
  98
  99 .pretty-avatar-v {
 100   padding: 2px;
 101 }
 102
 103 .small-pretty-avatar {
 104   height: 27px;
 105   width: 27px;
 106   -webkit-border-radius: 50% !important;
 107   -moz-border-radius: 50% !important;
 108   border-radius: 50% !important;
 109   padding: 2px;
 110   border: 2px solid #3399CC;
 111   border-radius: 100%;
 112   box-shadow: 0 0 4px RGBA(51, 153, 204, 0.4);
 113 }
 114
 115 .small-pretty-avatar-v {
 116   height: 27px;
 117   width: 27px;
 118   -webkit-border-radius: 50% !important;
 119   -moz-border-radius: 50% !important;
 120   border-radius: 50% !important;
 121   padding: 2px;
 122   border: 2px solid #EA4C61;
 123   border-radius: 100%;
 124   box-shadow: 0 0 4px RGBA(51, 153, 204, 0.4);
 125 }
 126
 127 .message-body {
 128   word-wrap: break-word;
 129   white-space: pre-wrap
 130 }
 131
 132 .inactive-link {
 133   pointer-events: none;
 134   cursor: default;
 135 }
 136
 137 .ui-grid-vcenter div {
 138   /*background-color: yellow !important;*/
 139   /*text-align:center;*/
 140   position: relative;
 141   top: 50%;
 142   vertical-align: middle;
 143   text-align:center;
 144   /*padding-left: 10px;*/
 145   -webkit-transform: translateY(-50%);
 146   -ms-transform: translateY(-50%);
 147   transform: translateY(-50%);
 148   /*word-wrap: break-word;*/
 149   white-space: nowrap;
 150   text-overflow: ellipsis;
 151   overflow: hidden !important;
 152 }
 153
 154 .demo {
 155   background-image:url('../../images/demo.png');
 156 }
 157
 158 .float-right{
 159   float: right;
 160 }
 161
 162 .float-left{
 163   float: left;
 164 }
 165
 166 .checker {
 167   width: 19px;
 168   height: 19px;
 169 }
 170
 171 .collapse.am-collapse {
 172   animation-duration: .3s;
 173   animation-timing-function: ease;
 174   animation-fill-mode: backwards;
 175   overflow: hidden;
 176   &.in-remove {
 177     animation-name: collapse;
 178     display: block;
 179   }
 180   &.in-add {
 181     animation-name: expand;
 182   }
 183 }
 184
 185 .message-info {
 186   float: right;
 187   color: lightgrey;
 188   margin-right: 5px;
 189 }
 190
 191 .centered-td {
 192   text-align: center;
 193 }
 194
 195 [ui-view].ng-enter{
 196   -webkit-animation: fadeInUpm .5s;
 197   animation: fadeInUpm .5s;
 198 }
 199
 200 .steps-indicator, .steps{
 201   padding-bottom: 20px !important;
 202 }
 203
 204 .ui-sortable-handle,.ui-sortable{
 205   cursor: move;
 206 }
 207
 208 .step .btn:not(.ui-select-toggle,.remove-condition){
 209   margin-bottom: 10px;
 210 }
 211
 212 .mbottom20{
 213   margin-bottom: 20px;
 214 }
 215
 216 .pbottom20{
 217   padding-bottom: 20px;
 218 }
 219
 220 .break-overflow{
 221   overflow-wrap: break-word;
 222 }
 223
 224 button.close {
 225   padding: 0;
 226   cursor: pointer;
 227   background: 0 0;
 228   border: 0;
 229   -webkit-appearance: none;
 230 }
 231 .close {
 232   float: right;
 233   font-size: 21px;
 234   font-weight: 700;
 235   line-height: 1;
 236   color: #000;
 237   text-shadow: 0 1px 0 #fff;
 238   opacity: .2;
 239   filter: alpha(opacity=20);
 240 }
 241
 242 .alert {
 243   padding: 15px !important;
 244   margin-bottom: 20px !important;
 245   border: 1px solid transparent !important;
 246   border-radius: 4px !important;
 247 }
 248 .alert h4 {
 249   margin-top: 0 !important;
 250   color: inherit !important;
 251 }
 252 .alert .alert-link {
 253   font-weight: bold !important;
 254 }
 255 .alert > p,
 256 .alert > ul {
 257   margin-bottom: 0 !important;
 258 }
 259 .alert > p + p {
 260   margin-top: 5px !important;
 261 }
 262 .alert-dismissable,
 263 .alert-dismissible {
 264   padding-right: 35px !important;
 265 }
 266 .alert-dismissable .close,
 267 .alert-dismissible .close {
 268   position: relative !important;
 269   top: -2px !important;
 270   right: -21px !important;
 271   color: inherit !important;
 272 }
 273 .alert-success {
 274   background-color: #dff0d8 !important;
 275   border-color: #d6e9c6 !important;
 276   color: #3c763d !important;
 277 }
 278 .alert-success hr {
 279   border-top-color: #c9e2b3 !important;
 280 }
 281 .alert-success .alert-link {
 282   color: #2b542c !important;
 283 }
 284 .alert-info {
 285   background-color: #d9edf7 !important;
 286   border-color: #bce8f1 !important;
 287   color: #31708f !important;
 288 }
 289 .alert-info hr {
 290   border-top-color: #a6e1ec !important;
 291 }
 292 .alert-info .alert-link {
 293   color: #245269 !important;
 294 }
 295 .alert-warning {
 296   background-color: #fcf8e3 !important;
 297   border-color: #faebcc !important;
 298   color: #8a6d3b !important;
 299 }
 300 .alert-warning hr {
 301   border-top-color: #f7e1b5 !important;
 302 }
 303 .alert-warning .alert-link {
 304   color: #66512c !important;
 305 }
 306 .alert-danger {
 307   background-color: #f2dede !important;
 308   border-color: #ebccd1 !important;
 309   color: #a94442 !important;
 310 }
 311 .alert-danger hr {
 312   border-top-color: #e4b9c0 !important;
 313 }
 314 .alert-danger .alert-link {
 315   color: #843534 !important;
 316 }
 317
 318 .alert .close{
 319   text-indent: inherit !important;
 320   background-image: none !important;
 321   width: auto !important;
 322 }
 323
 324 .page-404 {
 325   text-align: center;
 326 }
 327
 328 .page-404 .number {
 329   position: relative;
 330   top: 35px;
 331   display: inline-block;
 332   letter-spacing: -10px;
 333   margin-top: 0px;
 334   margin-bottom: 10px;
 335   line-height: 128px;
 336   font-size: 128px;
 337   font-weight: 300;
 338   color: #7bbbd6;
 339   text-align: right;
 340 }
 341
 342 .page-404 .details {
 343   margin-left: 40px;
 344   display: inline-block;
 345   padding-top: 0px;
 346   text-align: left;
 347 }
 348
 349 .sounds-title-icon{
 350   font-size: 17px;
 351 }
 352
 353 /*.ui-select-multiple input.ui-select-search {
 354 width: 100% !important;
 355 }*/
 356
 357 .over-topbar, .modal.fade {
 358   z-index: 9996 !important;
 359 }
 360
 361 .list-group-item-custom {
 362   border: none;
 363 }
 364
 365 .pointer-cursor{
 366   cursor: pointer !important;
 367 }
 368
 369 .select-group-father{
 370   font-weight:bold !important;
 371 }
 372
 373 .select-group-son{
 374   font-style: italic !important;
 375 }
 376
 377 @media (max-height: 908px) {
 378   .modal-body-scroll{
 379     max-height: 325px;
 380     overflow-y: scroll;
 381   }
 382 }
 383
 384 .widget .dashboard-stat{
 385   margin-bottom:0px !important;
 386 }
 387
 388 .widget .panel-body{
 389   padding: 0px;
 390 }
 391
 392 .left-margin{
 393   margin-left: 20px;
 394 }
 395
 396 .left-margin-40{
 397   margin-left: 40px;
 398 }
 399
 400 .contact-portlet{
 401   /*overflow-x:hidden;
 402   overflow-y:auto;*/
 403   /*height: 337px;*/
 404 }
 405
 406 .contact-tab{
 407   background: #F1F3FA;
 408   padding-top:20px;
 409 }
 410
 411 .contact-tab-container{
 412   padding-left:20px;
 413   padding-right:20px;
 414 }
 415
 416 .col-fixed, .tree-row {
 417   float: left;
 418 }
 419
 420 .col-fixed {
 421   width: 277px;
 422   margin-right: 15px;
 423 }
 424
 425 .tree-row {
 426   width:calc(100% - 277px + 15px);
 427 }
 428
 429 .tree-search{
 430   float: left;
 431   display: inline-block;
 432   line-height: 18px;
 433   font-weight: 300;
 434   padding: 10px 0;
 435 }
 436
 437 .report-field-handle{
 438   width: 66px;
 439   height:66px;
 440   background-image: url('../../images/move.png');
 441   background-repeat:no-repeat;
 442   background-size:66px 66px;
 443 }
 444
 445 .ui-sortable-helper {
 446   display: table;
 447 }
 448
 449 .report-field-remove{
 450   width: 66px;
 451   height:66px;
 452   text-align: center;
 453 }
 454
 455 .portlet.light .portlet-title {
 456   padding: 0;
 457   min-height: 48px;
 458 }
 459 .portlet .portlet-title {
 460   border-bottom: 1px solid #eee;
 461   padding: 0;
 462   margin-bottom: 10px;
 463   min-height: 41px;
 464   -webkit-border-radius: 4px 4px 0 0;
 465   -moz-border-radius: 4px 4px 0 0;
 466   -ms-border-radius: 4px 4px 0 0;
 467   -o-border-radius: 4px 4px 0 0;
 468   border-radius: 4px 4px 0 0;
 469 }
 470
 471 .ui-select-match-text{
 472   width: 100%;
 473   overflow: hidden;
 474   text-overflow: ellipsis;
 475   padding-right: 20px;
 476 }
 477
 478 .ui-select-choices-row-inner div{
 479   width: 100%;
 480   overflow: hidden;
 481   text-overflow: ellipsis;
 482 }
 483
 484 .ui-select-toggle > .btn.btn-link {
 485   margin-right: 10px;
 486   top: 6px;
 487   position: absolute;
 488   right: 10px;
 489 }
 490
 491 .extract-grid{
 492   min-height: 600px;
 493 }
 494
 495 body > [uib-modal-window]:not([modal-render]) {
 496   display: none;
 497 }
 498
 499 .watermark {
 500   /*border: 1px blue solid;*/
 501   position: absolute;
 502   top: 50%;
 503   transform: translateY(-50%);
 504   opacity: 0.7;
 505   width: 100%;
 506   text-align: center;
 507   z-index: 1000;
 508   font-size: 25px;
 509 }
 510
 511 .centered-uigrid-td {
 512   text-align: center;
 513   margin:4px;
 514 }
 515
 516 .condition{
 517   margin-top: 8px;
 518   margin-bottom:8px;
 519 }
 520
 521 .ms-container .ms-list{
 522   height:430px !important;
 523 }
 524
 525 .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection{
 526   padding: 7px 12px !important;
 527 }
 528
 529 .ms-container{
 530   width:100% !important;
 531 }
 532
 533 .ms-optgroup-label{
 534   text-align: center;
 535   font-weight:bold;
 536   background-color: #F0F0F0;
 537 }
 538
 539 .ui-grid-cell div {
 540   /*word-wrap: break-word;
 541   white-space: nowrap;
 542   text-overflow: ellipsis;
 543   overflow: hidden !important;*/
 544 }
 545
 546 .pause-select{
 547   width:20px;
 548   /*border-color: #E3D9D9;*/
 549   color: #A29999;
 550   border:none;
 551 }
 552
 553 @keyframes blink {  0% {border-color: transparent;}
 554 25% { outline-color: #EACD9E; }
 555 50% { outline-color: #ECC077; }
 556 75% { outline-color: #ECB861; }
 557 100% { outline-color: #FFB848; }
 558 }
 559 .paused-agent{
 560   outline: 2px solid transparent;
 561   animation: blink .5s step-end infinite alternate;
 562   outline-offset:-2px;
 563 }
 564
 565 .otherfields-col{
 566   min-height: 400px !important;
 567   max-width: 100%;
 568 }
 569
 570 .profile-content{
 571   min-height: 800px;
 572 }
 573
 574 .portfolio-stat p {
 575   color: #16a1f2;
 576   display: block;
 577   font-size: 22px;
 578   line-height: 28px;
 579   margin-top: 0px;
 580   font-weight: 200;
 581   width: 100%;
 582   text-transform: uppercase;
 583   overflow: hidden;
 584   text-overflow: ellipsis;
 585 }
 586
 587 .portfolio-stat{
 588   text-transform: uppercase;
 589   padding: 10px 25px;
 590 }
 591
 592 .scrollable-menu {
 593   height: auto;
 594   max-height: 380px;
 595   overflow-x: hidden;
 596 }
 597
 598 .daterangepicker_start_input,.daterangepicker_end_input{
 599   display:none !important;
 600 }
 601
 602 .margin-top20{
 603   margin-top:20px;
 604 }
 605
 606 .disabled-invisible{
 607   color:#EEEEEE !important;
 608 }
 609
 610 .display-none{
 611   display:none !important;
 612 }
 613
 614 .padding-side-7{
 615   padding-right:7px !important;
 616   padding-left:7px !important;
 617 }
 618
 619 .custom-header-a{
 620   padding:4px 6px 1px 8px !important;
 621 }
 622
 623 .custom-header-a div{
 624       color: #c6cfda;
 625       max-width: 100px;
 626       white-space: nowrap;
 627       text-overflow: ellipsis;
 628       overflow: hidden !important;
 629 }
 630
 631 .custom-header-a:hover{
 632   background-color:transparent !important;
 633 }
 634
 635 .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.custom-header-a{
 636   background-color:transparent !important;
 637 }
 638
 639 .header-bar-button{
 640   padding-bottom: 3px !important;
 641   padding-top: 4px !important;
 642   margin-top: 10px !important;
 643   border-radius: 20px !important;
 644 }
 645
 646 .header-bar-button-controls{
 647     border: 1px solid #79869a;
 648 }
 649
 650 .header-ul-with-separator{
 651   height: 46px;
 652   outline: 2px solid #79869a;
 653   outline-offset:-4px;
 654 }
 655
 656 .paused-header{
 657   outline: 2px solid transparent;
 658   animation: blink .5s step-end infinite alternate;
 659   outline-offset:-4px;
 660 }