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 .inactive-link {
  71    pointer-events: none;
  72    cursor: default;
  73 }
  74
  75 .ui-grid-vcenter div {
  76   /*background-color: yellow !important;*/
  77   /*text-align:center;*/
  78   position: relative;
  79   top: 50%;
  80   vertical-align: middle;
  81   text-align:center;
  82   /*padding-left: 10px;*/
  83   -webkit-transform: translateY(-50%);
  84   -ms-transform: translateY(-50%);
  85   transform: translateY(-50%);
  86 }
  87
  88 .demo {
  89   background-image:url('../../images/demo.png');
  90 }
  91
  92 .float-right{
  93   float: right;
  94 }
  95
  96 .float-left{
  97   float: left;
  98 }
  99
 100 .checker {
 101   width: 19px;
 102   height: 19px;
 103 }
 104
 105 .collapse.am-collapse {
 106   animation-duration: .3s;
 107   animation-timing-function: ease;
 108   animation-fill-mode: backwards;
 109   overflow: hidden;
 110   &.in-remove {
 111     animation-name: collapse;
 112     display: block;
 113   }
 114   &.in-add {
 115     animation-name: expand;
 116   }
 117 }
 118
 119 .message-info {
 120   float: right;
 121   color: lightgrey;
 122   margin-right: 5px;
 123 }
 124
 125 .centered-td {
 126   text-align: center;
 127 }
 128
 129 [ui-view].ng-enter{
 130 -webkit-animation: fadeInUpm .5s;
 131 animation: fadeInUpm .5s;
 132 }
 133
 134 .steps-indicator, .steps{
 135   padding-bottom: 20px !important;
 136 }
 137
 138 .ui-sortable-handle,.ui-sortable{
 139   cursor: move;
 140 }
 141
 142 .step .btn:not(.ui-select-toggle,.remove-condition){
 143   margin-bottom: 10px;
 144 }
 145
 146 .mbottom20{
 147   margin-bottom: 20px;
 148 }
 149
 150 .pbottom20{
 151   padding-bottom: 20px;
 152 }
 153
 154 .break-overflow{
 155   overflow-wrap: break-word;
 156 }
 157
 158 button.close {
 159     padding: 0;
 160     cursor: pointer;
 161     background: 0 0;
 162     border: 0;
 163     -webkit-appearance: none;
 164 }
 165 .close {
 166     float: right;
 167     font-size: 21px;
 168     font-weight: 700;
 169     line-height: 1;
 170     color: #000;
 171     text-shadow: 0 1px 0 #fff;
 172     opacity: .2;
 173     filter: alpha(opacity=20);
 174 }
 175
 176 .alert {
 177   padding: 15px !important;
 178   margin-bottom: 20px !important;
 179   border: 1px solid transparent !important;
 180   border-radius: 4px !important;
 181 }
 182 .alert h4 {
 183   margin-top: 0 !important;
 184   color: inherit !important;
 185 }
 186 .alert .alert-link {
 187   font-weight: bold !important;
 188 }
 189 .alert > p,
 190 .alert > ul {
 191   margin-bottom: 0 !important;
 192 }
 193 .alert > p + p {
 194   margin-top: 5px !important;
 195 }
 196 .alert-dismissable,
 197 .alert-dismissible {
 198   padding-right: 35px !important;
 199 }
 200 .alert-dismissable .close,
 201 .alert-dismissible .close {
 202   position: relative !important;
 203   top: -2px !important;
 204   right: -21px !important;
 205   color: inherit !important;
 206 }
 207 .alert-success {
 208   background-color: #dff0d8 !important;
 209   border-color: #d6e9c6 !important;
 210   color: #3c763d !important;
 211 }
 212 .alert-success hr {
 213   border-top-color: #c9e2b3 !important;
 214 }
 215 .alert-success .alert-link {
 216   color: #2b542c !important;
 217 }
 218 .alert-info {
 219   background-color: #d9edf7 !important;
 220   border-color: #bce8f1 !important;
 221   color: #31708f !important;
 222 }
 223 .alert-info hr {
 224   border-top-color: #a6e1ec !important;
 225 }
 226 .alert-info .alert-link {
 227   color: #245269 !important;
 228 }
 229 .alert-warning {
 230   background-color: #fcf8e3 !important;
 231   border-color: #faebcc !important;
 232   color: #8a6d3b !important;
 233 }
 234 .alert-warning hr {
 235   border-top-color: #f7e1b5 !important;
 236 }
 237 .alert-warning .alert-link {
 238   color: #66512c !important;
 239 }
 240 .alert-danger {
 241   background-color: #f2dede !important;
 242   border-color: #ebccd1 !important;
 243   color: #a94442 !important;
 244 }
 245 .alert-danger hr {
 246   border-top-color: #e4b9c0 !important;
 247 }
 248 .alert-danger .alert-link {
 249   color: #843534 !important;
 250 }
 251
 252 .alert .close{
 253 text-indent: inherit !important;
 254 background-image: none !important;
 255 width: auto !important;
 256 }
 257
 258 .page-404 {
 259   text-align: center;
 260 }
 261
 262 .page-404 .number {
 263   position: relative;
 264   top: 35px;
 265   display: inline-block;
 266   letter-spacing: -10px;
 267   margin-top: 0px;
 268   margin-bottom: 10px;
 269   line-height: 128px;
 270   font-size: 128px;
 271   font-weight: 300;
 272   color: #7bbbd6;
 273   text-align: right;
 274 }
 275
 276 .page-404 .details {
 277   margin-left: 40px;
 278   display: inline-block;
 279   padding-top: 0px;
 280   text-align: left;
 281 }
 282
 283 .sounds-title-icon{
 284   font-size: 17px;
 285 }
 286
 287 .ui-select-multiple input.ui-select-search {
 288   width: 100% !important;
 289 }
 290
 291 .over-topbar, .modal.fade {
 292   z-index: 9996 !important;
 293 }
 294
 295 .list-group-item-custom {
 296   border: none;
 297 }
 298
 299 .pointer-cursor{
 300   cursor: pointer !important;
 301 }
 302
 303 .select-group-father{
 304   font-weight:bold !important;
 305 }
 306
 307 .select-group-son{
 308   font-style: italic !important;
 309 }
 310
 311 @media (max-height: 908px) {
 312   .modal-body-scroll{
 313     max-height: 325px;
 314     overflow-y: scroll;
 315   }
 316 }
 317
 318 .widget .dashboard-stat{
 319   margin-bottom:0px !important;
 320 }
 321
 322 .widget .panel-body{
 323   padding: 0px;
 324 }
 325
 326 .left-margin{
 327   margin-left: 20px;
 328 }
 329
 330 .contact-portlet{
 331   overflow-x:hidden;
 332   overflow-y:auto;
 333   height: 337px;
 334 }
 335
 336 .contact-tab{
 337     background: #F1F3FA;
 338     padding-top:20px;
 339 }
 340
 341 .contact-tab-container{
 342   padding-left:20px;
 343   padding-right:20px;
 344 }
 345
 346 .col-fixed, .tree-row {
 347   float: left;
 348 }
 349
 350 .col-fixed {
 351   width: 277px;
 352   margin-right: 15px;
 353 }
 354
 355 .tree-row {
 356   width:calc(100% - 277px + 15px);
 357 }
 358
 359 .tree-search{
 360   float: left;
 361   display: inline-block;
 362   line-height: 18px;
 363   font-weight: 300;
 364   padding: 10px 0;
 365 }
 366
 367 .report-field-handle{
 368   width: 66px;
 369   height:66px;
 370   background-image: url('../../images/move.png');
 371   background-repeat:no-repeat;
 372   background-size:66px 66px;
 373 }
 374
 375 .ui-sortable-helper {
 376     display: table;
 377 }
 378
 379 .report-field-remove{
 380   width: 66px;
 381   height:66px;
 382   text-align: center;
 383 }
 384
 385 .portlet.light .portlet-title {
 386     padding: 0;
 387     min-height: 48px;
 388 }
 389 .portlet .portlet-title {
 390     border-bottom: 1px solid #eee;
 391     padding: 0;
 392     margin-bottom: 10px;
 393     min-height: 41px;
 394     -webkit-border-radius: 4px 4px 0 0;
 395     -moz-border-radius: 4px 4px 0 0;
 396     -ms-border-radius: 4px 4px 0 0;
 397     -o-border-radius: 4px 4px 0 0;
 398     border-radius: 4px 4px 0 0;
 399 }
 400
 401 .ui-select-match-text{
 402   width: 100%;
 403   overflow: hidden;
 404   text-overflow: ellipsis;
 405   padding-right: 20px;
 406 }
 407
 408 .ui-select-choices-row-inner div{
 409   width: 100%;
 410   overflow: hidden;
 411   text-overflow: ellipsis;
 412 }
 413
 414 .ui-select-toggle > .btn.btn-link {
 415   margin-right: 10px;
 416   top: 6px;
 417   position: absolute;
 418   right: 10px;
 419 }
 420
 421 .extract-grid{
 422   min-height: 600px;
 423 }
 424
 425 body > [uib-modal-window]:not([modal-render]) {
 426     display: none;
 427 }
 428
 429 .watermark {
 430     /*border: 1px blue solid;*/
 431     position: absolute;
 432     top: 50%;
 433     transform: translateY(-50%);
 434     opacity: 0.7;
 435     width: 100%;
 436     text-align: center;
 437     z-index: 1000;
 438     font-size: 25px;
 439 }
 440
 441 .centered-uigrid-td {
 442   text-align: center;
 443   margin:4px;
 444 }
 445
 446 .condition{
 447   margin-top: 8px;
 448   margin-bottom:8px;
 449 }
 450
 451 .ms-container .ms-list{
 452   height:430px !important;
 453 }
 454
 455 .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection{
 456   padding: 7px 12px !important;
 457 }
 458
 459 .ms-container{
 460   width:100% !important;
 461 }
 462
 463 .ms-optgroup-label{
 464   text-align: center;
 465   font-weight:bold;
 466   background-color: #F0F0F0;
 467 }
 468
 469 .ui-grid-cell {
 470     overflow: visible !important;
 471 }
 472
 473 .pause-select{
 474   width:20px;
 475   /*border-color: #E3D9D9;*/
 476   color: #A29999;
 477   border:none;
 478 }
 479
 480 @keyframes blink {  0% {border-color: transparent;}
 481                     25% { border-color: #EACD9E; }
 482                     50% { border-color: #ECC077; }
 483                     75% { border-color: #ECB861; }
 484                     100% { border-color: #FFB848; }
 485                  }
 486 .paused-agent{
 487         border: 2px solid transparent;
 488         animation: blink .5s step-end infinite alternate;
 489 }
 490
 491 .otherfields-col{
 492   min-height: 400px !important;
 493   max-width: 100%;
 494 }