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 .float-right{
  72   float: right;
  73 }
  74
  75 .checker {
  76   width: 19px;
  77   height: 19px;
  78 }
  79
  80 .collapse.am-collapse {
  81   animation-duration: .3s;
  82   animation-timing-function: ease;
  83   animation-fill-mode: backwards;
  84   overflow: hidden;
  85   &.in-remove {
  86     animation-name: collapse;
  87     display: block;
  88   }
  89   &.in-add {
  90     animation-name: expand;
  91   }
  92 }
  93
  94 .message-info {
  95   float: right;
  96   color: lightgrey;
  97   margin-right: 5px;
  98 }
  99
 100 .centered-td {
 101   text-align: center;
 102 }
 103
 104 [ui-view].ng-enter{
 105 -webkit-animation: fadeInUpm .5s;
 106 animation: fadeInUpm .5s;
 107 }
 108
 109 .steps-indicator, .steps{
 110   padding-bottom: 20px !important;
 111 }
 112
 113 .ui-sortable-handle,.ui-sortable{
 114   cursor: move;
 115 }
 116
 117 .step .btn:not(.ui-select-toggle,.remove-condition), .mbottom20{
 118   margin-bottom: 10px;
 119 }
 120
 121 button.close {
 122     padding: 0;
 123     cursor: pointer;
 124     background: 0 0;
 125     border: 0;
 126     -webkit-appearance: none;
 127 }
 128 .close {
 129     float: right;
 130     font-size: 21px;
 131     font-weight: 700;
 132     line-height: 1;
 133     color: #000;
 134     text-shadow: 0 1px 0 #fff;
 135     opacity: .2;
 136     filter: alpha(opacity=20);
 137 }
 138
 139 .alert {
 140   padding: 15px !important;
 141   margin-bottom: 20px !important;
 142   border: 1px solid transparent !important;
 143   border-radius: 4px !important;
 144 }
 145 .alert h4 {
 146   margin-top: 0 !important;
 147   color: inherit !important;
 148 }
 149 .alert .alert-link {
 150   font-weight: bold !important;
 151 }
 152 .alert > p,
 153 .alert > ul {
 154   margin-bottom: 0 !important;
 155 }
 156 .alert > p + p {
 157   margin-top: 5px !important;
 158 }
 159 .alert-dismissable,
 160 .alert-dismissible {
 161   padding-right: 35px !important;
 162 }
 163 .alert-dismissable .close,
 164 .alert-dismissible .close {
 165   position: relative !important;
 166   top: -2px !important;
 167   right: -21px !important;
 168   color: inherit !important;
 169 }
 170 .alert-success {
 171   background-color: #dff0d8 !important;
 172   border-color: #d6e9c6 !important;
 173   color: #3c763d !important;
 174 }
 175 .alert-success hr {
 176   border-top-color: #c9e2b3 !important;
 177 }
 178 .alert-success .alert-link {
 179   color: #2b542c !important;
 180 }
 181 .alert-info {
 182   background-color: #d9edf7 !important;
 183   border-color: #bce8f1 !important;
 184   color: #31708f !important;
 185 }
 186 .alert-info hr {
 187   border-top-color: #a6e1ec !important;
 188 }
 189 .alert-info .alert-link {
 190   color: #245269 !important;
 191 }
 192 .alert-warning {
 193   background-color: #fcf8e3 !important;
 194   border-color: #faebcc !important;
 195   color: #8a6d3b !important;
 196 }
 197 .alert-warning hr {
 198   border-top-color: #f7e1b5 !important;
 199 }
 200 .alert-warning .alert-link {
 201   color: #66512c !important;
 202 }
 203 .alert-danger {
 204   background-color: #f2dede !important;
 205   border-color: #ebccd1 !important;
 206   color: #a94442 !important;
 207 }
 208 .alert-danger hr {
 209   border-top-color: #e4b9c0 !important;
 210 }
 211 .alert-danger .alert-link {
 212   color: #843534 !important;
 213 }
 214
 215 .alert .close{
 216 text-indent: inherit !important;
 217 background-image: none !important;
 218 width: auto !important;
 219 }
 220
 221 .page-404 {
 222   text-align: center;
 223 }
 224
 225 .page-404 .number {
 226   position: relative;
 227   top: 35px;
 228   display: inline-block;
 229   letter-spacing: -10px;
 230   margin-top: 0px;
 231   margin-bottom: 10px;
 232   line-height: 128px;
 233   font-size: 128px;
 234   font-weight: 300;
 235   color: #7bbbd6;
 236   text-align: right;
 237 }
 238
 239 .page-404 .details {
 240   margin-left: 40px;
 241   display: inline-block;
 242   padding-top: 0px;
 243   text-align: left;
 244 }
 245
 246 .sounds-title-icon{
 247   font-size: 17px;
 248 }
 249
 250 .ui-select-multiple input.ui-select-search {
 251   width: 100% !important;
 252 }
 253
 254 .over-topbar, .modal.fade {
 255   z-index: 9996 !important;
 256 }
 257
 258 .list-group-item-custom {
 259   border: none;
 260 }
 261
 262 .pointer-cursor{
 263   cursor: pointer;
 264 }
 265
 266 .select-group-father{
 267   font-weight:bold !important;
 268 }
 269
 270 .select-group-son{
 271   font-style: italic !important;
 272 }
 273
 274 @media (max-height: 908px) {
 275   .modal-body-scroll{
 276     max-height: 325px;
 277     overflow-y: scroll;
 278   }
 279 }
 280
 281 .widget .dashboard-stat{
 282   margin-bottom:0px !important;
 283 }
 284
 285 .widget .panel-body{
 286   padding: 0px;
 287 }
 288
 289 .left-margin{
 290   margin-left: 20px;
 291 }