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