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