Optimize CSS for http://manager2.educalms.com/web/css/61ce734.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors11

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .container-structure .menu-left-icon li span {}.container-structure .menu-left-icon li i {}.activities-menu .nav > li > a:focus {}.activities-menu .nav > li > a:hover {}.activities-menu > li.active > a p {}.activities-menu.editable > li > a:hover p {}.activities-menu > li.active > a i {}.activities-menu.editable > li > a:hover i {}.activities-menu > li > a p {}.panel-educa > .panel-heading + .panel-collapse > .panel-body {}.panel-educa > .panel-footer + .panel-collapse > .panel-body {}
  • Duplicated Selectors3
    .educa-icon-session {} /* (2 times) */.nopadding {} /* (2 times) */.educa-arrow-1-r.educa-arrow-1-rdn {} /* (2 times) */
  • Empty Rules2

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    body {}#looper-background {}
  • Importants59

    Provides a way for a stylesheet author to give a CSS value more weight than it naturally has

    Avoid usage if at all possible. When you use !important, you’re disrupting the natural flow of your rules, giving more weight to rules that are undeserving of such weight

    .flipInX {-webkit-backface-visibility: visible !important} .flipInX {backface-visibility: visible !important} .flipInY {-webkit-backface-visibility: visible !important} .flipInY {backface-visibility: visible !important} .flipOutX {-webkit-backface-visibility: visible !important} .flipOutX {backface-visibility: visible !important} .flipOutY {-webkit-backface-visibility: visible !important} .flipOutY {backface-visibility: visible !important} .bootstrap-tagsinput input {width: auto !important} .grid-row-cells:hover {background-color: #e8effd !important} .text-white-educa {color: #fff !important} .text-red-educa {color: #FA5858 !important} .back-red-educa {background-color: #FA5858 !important} .back-yellow-educa {background-color: #fcf8e3 !important} .back-green-educa {background-color: #24a997 !important} .back-blue-looper {color: light
        background-color: #a6cae4 !important} .back-blue-resumn {background-color: #679abe !important} .back-white-educa {background-color: #fff !important} .back-cream-educa {background-color: #F8F2DA !important} .padding2 {padding: 2px !important} .padding5 {padding: 5px !important} .nomargin {margin: 0px !important} .row-nomargin {margin-left: 0px !important} .row-nomargin {margin-right: 0px !important} .top10 {margin-top: 10px !important} .top15 {margin-top: 15px !important} .top17 {margin-top: 17px !important} .top20 {margin-top: 17px !important} .top30 {margin-top: 30px !important} .input-complet {width: 100% !important} .noborder {border: 0px  !important} .selector.selected {background: #679abe !important} .selector.selected .box-row {background: #679abe !important} .selector.in-tag {background-color: #24a997 !important} .container-structure {display: -webkit-flex !important} .container-structure {-webkit-flex-direction: row !important} .container-structure {display: flex !important} .container-structure {flex-direction: row !important} .container-structure .menu-left-icon li:hover, .container-structure .menu-left-icon li.active {color: #fff !important} .row-invitation-accepted {background-color: #B9F0EA !important} .row-invitation-rejected {background-color: #F6CECE !important} .row-invitation-canceled {background-color: #F5ECCE !important} .hover-danger:hover {background: #d9534f !important} .hover-danger:hover {color: #fff !important} .hover-warning:hover {background: #ec971f !important} .hover-warning:hover {color: #fff !important} .activities-menu .nav > li > a:focus, .activities-menu .nav > li > a:hover {background: #f6f6f6 !important} .activities-menu > li.active > a p, .activities-menu.editable > li > a:hover p {color: #24a997 !important} .activities-menu > li.active > a i, .activities-menu.editable > li > a:hover i {color: #24a997 !important} .disabled {color: #BDBDBD !important} .disabled {cursor: not-allowed !important} .disabled {pointer-events: none !important} .disabled-bg {background: #BDBDBD !important} .noborder-radius {border-radius: 0 !important} .disabled .calendar-button {cursor: not-allowed !important} .btn {white-space: normal !important} div.disabled {color: #808080 !important} div.disabled {background-color: #f0f0f0 !important} div.disabled:hover {background-color: transparent !important} 
  • Multi Classes Selectors17

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .animated.infinite {}.animated.hinge {}.animated.flip {}.selected.selector {}.selected.selector {}.in-tag.selector {}.activities-menu.editable {}.activities-menu.editable {}.looper-control.right {}.label.label-info.tag {}.educa-arrow-1-l.educa-arrow-1-ldn {}.educa-arrow-1-r.educa-arrow-1-rdn {}.educa-arrow-1-r.educa-arrow-1-rdn {}.educa-icon-cancel.icon-bbb {}.educa-icon-cancel.icon-bbb {}.educa-icon-cancel.icon-bbb {}.educa-icon-cancel.icon-bbb {}
  • Old Property Prefixes10

    Properties with a no longer needed vendor prefix

    These have since been integrated or removed from mentioned browsers and can safely be removed from CSS

    .bounce { -ms-transform-origin: center bottom } // was required by IE 9 and earlier .swing { -ms-transform-origin: top center } // was required by IE 9 and earlier input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -moz-box-sizing: inherit } // was required by Firefox 28 and earlier .round-icon-button20 { -moz-border-radius: 10px } // was required by Firefox 3.6 and earlier .round-icon-button26 { -moz-border-radius: 13px } // was required by Firefox 3.6 and earlier .round-icon-button30 { -moz-border-radius: 15px } // was required by Firefox 3.6 and earlier .round-icon-button50 { -moz-border-radius: 25px } // was required by Firefox 3.6 and earlier .container-structure { -moz-background-size: cover } // was required by Firefox 3.6 and earlier .container-structure { -webkit-background-size: cover } // was required by Android Browser 2.3, Opera 10 and earlier .container-structure { -o-background-size: cover } // prefix is no longer supported 
  • Qualified Selectors23

    Since IDs are unique and classes are more unique than tags, adding a tag name would slow down the matching process needlessly

    Don’t qualify class or ID rules with tag names, as they are more unique than the tag. Strip tag names where possible

    .grid th a.grid-reset {}.grid tr.even {}.grid tr.odd {}.grid th div.sort_up {}.grid th div.sort_down {}.container-structure .menu-left-icon li.active {}.activities-menu > li.active > a {}.activities-menu > li.active > a p {}.activities-menu > li.active > a i {}a.looper-control {}a.looper-control:hover {}a.looper-control:focus {}span.tag.label.label-info {}div.disabled {}div.disabled:hover {}a.link-activity {}a.link-activity:focus {}a.add_session_link:hover {}a.add_session_link {}a.add_session_link:focus {}a.remove_session_link:hover {}a.remove_session_link {}a.remove_session_link:focus {}
  • Universal Selectors4

    The universal selector matches any element type

    Universal selectors can be implied (and therefore omitted) if it isn’t the only component of the simple selector, avoid whenever possible

    .bootstrap-tagsinput .tag [data-role="remove"] {}.bootstrap-tagsinput .tag [data-role="remove"]:after {}.bootstrap-tagsinput .tag [data-role="remove"]:hover {}.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {}

CSS Stats

CSS Metrics

Base64 Length2040
Redundant Body Selectors0
Redundant Child Nodes Selectors0
Comments Length1623
Complex Selectors By Attribute0
Duplicated Properties0
Old IE Fixes0
Media Queries0
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0.01
Specificity Id Total4
Specificity Class Avg1.25
Specificity Class Total493
Specificity Tag Avg0.43
Specificity Tag Total170
Selector Length Avg1.3341772151898734
Selectors By Attribute17
Selectors By Class428
Selectors By Id4
Selectors By Pseudo85
Selectors By Tag114