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