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